html { font-size: 118.75%; }
/**przyjmujemy , że 1em =19px */
h1, h2, h3, h4, h5, h6, .f1, .f2, .f3, .f4, .f5, .f55, .f6, .hb , .f7, h0, .f0{
font-family: 'PFHandbookProMedium', Arial, sans-serif;
line-height: 1.1em;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hb {font-size: 126.32%; line-height: 130%}
h0, .f0 { font-size: 4em; line-height: 1em;}
h1, .f1 {
font-size: 57px;
font-size: 3em;
}
h2 , .f2 {
font-size: 47px;
font-size: 2.5em;
}
h3 , .f3 {
font-size: 35px;
font-size: 1.84em;
}
h4 , .f4 {
font-size: 30px;
font-size: 1.58em;
}
h5 , .f5 {
font-size: 24px;
font-size: 1.26em;
}
.f55 {
font-size: 21px;
font-size: 1.11em;
}
h6 , .f6, .f6 li {
font-size: 18px;
font-size: 0.95em;
}
.f7 {font-size: 15px; font-size: 0.79em}
.roboto-napis {
font-family: 'Roboto', sans-serif;
font-weight: normal;
}
.roboto-light {font-family: 'Roboto', sans-serif; font-weight: normal;font-size: 0.9em; xletter-spacing: 0.42px; line-height: 1.6 }
.roboto-head { letter-spacing: 1.4px; font-size: 14px; font-weight: 400; }
.roboto-napis {font-size: 11px; letter-spacing:1.6px; font-weight: 400; }
.roboto-napis-bigger { letter-spacing: 0.42px; font-size: 14px; }
.roboto-text {font-size: 16px; letter-spacing: 0.42px; line-height: 25.6px}
.roboto-text-em {font-size: 0.8421em; letter-spacing: 0.42px; line-height: 1.6}
.roboto-blabel { letter-spacing: 0.09em; font-size: 0.77em; font-weight: 500 }
.roboto-small { font-size: 11px; letter-spacing:0.85px; font-weight: 400; line-height: normal}
p.small, .small { font-size: 14px }
small {font-size: 0.7em }
.roboto-box-txt { font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: normal ;
line-height: 1.5; letter-spacing: 0.3px; text-transform: uppercase;}
.roboto-box-txt span {line-height: 1.5}
@media screen and (min-width:1500px) {
html { font-size: 125% }
.roboto-head { letter-spacing: 0.1em; font-size: 0.74em; }
.roboto-napis { font-size: 0.632em; letter-spacing: 0.15em; }
p.small, .small { font-size: 0.74em }
}
@media screen and (max-width:840px){
h6.niezamale, .f6.niezamale {font-size: 18px}
.roboto-text {font-size: 14px;letter-spacing: 0.3px; line-height: 21px}
.xroboto-light {font-size: 16px}
h6 , .f6, .f6 li {
font-size: 17px;
xfont-size: 1.13em;
}
}
@media screen and (max-width:550px){
h6 , .f6, .f6 li {
font-size: 16px;
xfont-size: 1.13em;
}
.roboto-napis-bigger {line-height: 1.4}
}
@media screen and (max-width:400px){
/**przyjmujemy , że 1em =15px */
html { font-size: 94%; }
h1, .f1{
font-size: 2.5em;
}
H3, .f3 {font-size: 1.67em; }
h5, .f5 {
font-size: 1.25em;
}
h6 , .f6, .f6 li {
font-size: 15px;
xfont-size: 1.13em;
}
h6.niezamale, f6.niezamale {font-size: 18px}
}
/* Webfont: PFHandbookPro-Medium */
@font-face {
font-family: 'PFHandbookProMedium';
src: url('../nn/css/PFHandbookProWeb_Medium/PFHandbookPro-Medium.eot'); /* IE9 Compat Modes */
src: url('../nn/css/PFHandbookProWeb_Medium/PFHandbookPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../nn/css/PFHandbookProWeb_Medium/PFHandbookPro-Medium.woff') format('woff'), /* Modern Browsers */
url('../nn/css/PFHandbookProWeb_Medium/PFHandbookPro-Medium.svg#PFHandbookPro-Medium') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
font-display: block;
/** font-display: swap; */
}
html {
-webkit-tap-highlight-color:transparent;
/*--dluga-strzalka: url("../nn/css/../img/arrow_black_rightlong.svg");
--dluga-strzalka-black: url("../nn/css/../img/arrow_black_rightlong.svg");*/
--dluga-strzalka: url("../nn/css/../img/arrow_black_rl_thin.svg");
--dluga-strzalka-black: url("../nn/css/../img/arrow_black_rl_thin.svg");
--dluga-strzalka-mg: url("../nn/css/../img/arrowmagrightlong.svg");
--dluga-strzalka-white: url("../nn/css/../img/arrow_white_rightlong.svg");
--menu-strz: url(../nn/css/../img/menustrzblack.svg);
--kalend-bg: #FFE9E2;
/**--magenta-light: #333;
--magenta: #EC008C;
--magentac: #E20074;
--magentah: #333; hover */
--magenta: #000;
--magentac: #000;
--magentah: #292929;
--magenta-light: #333;
--max-width-standard: 1300px;
--max-width-wide: 1500px;
--kolor: #EC008C;
--kolorh: #E20074;
--tlo-filtrow: #fff;
--error: #EC008C;
--przyciski-koszyka: var(--magenta);
--przyciski-koszyka-hover: var(--magentah);
--text: #000;
--texth:#292929;
--dopisek: #000;
--prawieczarny: #121212;
--prawieczarny-hover: #292929;
--header-color: #000;
--dark-top-wh-hover: #eee;
--dark-top-wh: #fff;
--bs-success: #198754;
--bs-danger: #dc3545;
--bs-primary: #0d6efd;
--field-radius: 0.3em;
--round-button-radius: 2em;
--menu-apla-radius: 2em;
--menu-apla-padding: 2.5em 2.1em 3em 2.1em; /** to jest do menu z przyciskami podpozycji */
--menu-apla-padding-with-text: 2.5em 3em 2.5em 2.1em; /* to jest do grupy z dwoma kolumnami np. */
--box-slide-radius: 1em;
--round-button-radius-with-arrow: 2em;
--round-button-on-bar: 3em;
--odstep-apla: 3.5em;
--odstep-apla2: 4.5em;
--morelinkfont: PFHandbookProMedium;
}
@media screen and (min-width:2000px) { html { --odstep-apla: 4em; --odstep-apla2: 5em; } }
@media screen and (max-width:800px) { html { --odstep-apla: 3em; --odstep-apla2: 4em; } }
@media screen and (max-width:500px) {
html {
--menu-apla-padding: 2.1em 1.5em 2.5em 1.5em;
--menu-apla-padding-with-text: 2.1em 1.5em 2.5em 1.5em;
}
}
body {
-webkit-text-size-adjust: none;
}
.pt-apla { padding-top:var(--odstep-apla); }
.pb-apla { padding-bottom:var(--odstep-apla); }
.p-apla { padding-top:var(--odstep-apla);padding-bottom:var(--odstep-apla); }
.text-success {color: var(--bs-success)}
.text-danger {color : var(--bs-danger) }
.text-primary {color: var(--bs-primary) }
.btn-success {background-color: var(--bs-success) !important }
.btn-success:hover {background-color: #136640 !important }
.btn-danger {background-color : var(--bs-danger) !important }
.btn-danger:hover {background-color : #CB2333 !important }
.btn-primary {background-color: var(--bs-primary) !important }
.btn-primary:hover {background-color: #025CE2 !important ;}
.btn {transition:background-color 0.2s;}
.bg-pink {background-color: #D7B4C7 ;}
.bg-green {background-color: #70E45F }
.bg-blue { background-color:#C4C1FF}
.bg-yellow { background-color:#C3C002}
.bg-gradient { background-size: 100% 100%; background-position: top left;}
.bg-gradient.blue { background-image: url(/nn/img/rozbieg/tlo_gradient_blue.png); }
.bg-gradient.pink { background-image: url(/nn/img/rozbieg/apla_gradient_pink_left.png); background-position: bottom left;}
.bg-gradient.yellow { background-image: url(/nn/img/rozbieg/apla_gradient_yellow_right.png); background-position: bottom right;}
body.wait, body.wait A, body.wait A:-webkit-any-link, body.wait * { cursor: wait !important; }
html, body { height: 100%; margin:0; padding: 0; }
body {
min-width: 320px;
margin:0;
padding:0;
font-family: Roboto, sans-serif;
xtext-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-size: inherit;
line-height: inherit;
font-feature-settings: "kern" 1;
font-kerning: normal;
background-color: #eee; width: auto;
color: var(--text);
}
body:not(.nhvod) .only-nhvod { display: none}
body:not(.kdvod) .only-kdvod { display: none}
body:not(.nhfest) .only-nhfest { display: none}
/* kiedyś trzeba to zrobić: body #wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
} */
body,td,table {color: var(--text); }
*, *:before, *:after { background-repeat: no-repeat;}
button:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
a, a:hover, a:active, a:focus { outline: 0; }
.magenta {color: var(--magentac)}
.roboto {font-family: Roboto, sans-serif;}
div.e {color: var(--magentac); padding-bottom: 1.5em}
H1, H2, H3, h4, h5, h6, .f1, .f2, .f3, .f4, .f5, .f6 {color: var(--header-color); font-weight: 400; }
H1 A,H2 A, H3 A {color: inherit; font-size: inherit;}
H1, H2, H3, h4, h5, h6 {margin: 0px; padding: 0.4em 0px;}
h3.srodtytul {margin-top: 1.7em}
h4.srodtytul {margin-top: 1.7em}
h4.srodtytul.wysoki {margin-top: 2.5em}
h5.srodtytul {margin-top: 1.7em;line-height: 1.3}
h4.cytat {
background-image: url(../nn/css/../img/cytat.svg); background-position: 0px 0px; background-size: 0.7em auto;
display: block; padding: 1.3em 0px 0px 1.3em;
margin: 1.7em 0 1.5em 0;
line-height: 1.3
}
p.iczywieszze, p.inagroda, h5.iczywieszze, p.iglosowanie, .ievent-date {
display: block; position: relative;
padding-top: 4em; margin-top: 3em;
}
p.iczywieszze, p.inagroda, p.iglosowanie {font-size: 80%; }
h5.iczywieszze:before, p.iczywieszze:before, p.inagroda:before, p.iglosowanie:before, .ievent-date:before {
content: ""; position: absolute; top: 0px; left: 0px; width: 3em; height: 2.5em;
background-image: url(../nn/css/../img/czywieszze.svg); background-size: auto 2.5em; background-position: left top;
}
h5.iczywieszze:before { font-size: 70%}
h5.iczywieszze {padding-top: 3em; margin-top: 2.5em}
h5.iczywieszze + p {font-size: 80%}
p.inagroda, p.iglosowanie {padding-top: 3.8em; margin-top: 3.2em;}
p.inagroda:before, p.iglosowanie:before { height: 2.2em; background-size: auto 2.2em;}
p.inagroda:before {background-image: url(../nn/css/../img/opis_nagrody2.svg); }
p.iglosowanie:before {background-image: url(../nn/css/../img/opis_glos2.svg); }
.ievent-date:before {background-image: url(../nn/css/../img/event-date.svg); background-size: auto 1.2em }
.ievent-date {padding-top: 2.3em; margin-top: 2em;}
.tresc .text-tag {border-color: var(--text); color: var(--text); transform: translateY(-0.3em) }
.tresc h4 .text-tag, .tresc h5 .text-tag, .tresc h6 .text-tag, .tresc h3 .text-tag {height: 1.5em}
p.small.podpis, .small.podpis {margin-top: -0.4em}
p.small.podpis:not(:last-child), .small.podpis:not(:last-child) {margin-bottom: 2.5em; }
xP { margin-top: 0px; margin-bottom: 0px; padding-bottom: 1%; padding-top: 1%; }
p {line-height: inherit; font-size: inherit; margin: 1em 0px}
p, span, label { font-size: 1em; line-height: 1.6em }
p.l {line-height: 1.4em; font-size: 1.5em}
.f4 p {line-height: 1.3em}
.f5 p, p.f5 {line-height: 1.35em}
IMG.dwaipolrazazaduzy { zoom: 0.4; }
H3 + p:has(IMG) { margin-top: 1.5em}
strong, b {font-weight: 500}
.tlead, .tlead.opisowe {font-weight: 500}
INPUT, SELECT, textarea, input[type="text"] {
font-family: Roboto, sans-serif;
font-size: 1em ;
line-height: 120%;
color: #000000;
}
/** podpowiadanie w chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.strzalkaduza {display: inline-block; background-image: url(../nn/css/../img/strzalkaduzac.svg); width:5.8em; height: 2em; background-position: left center; background-size: 100% auto; }
XINPUT {font-size: 1em !important}
BUTTON, INPUT[type=submit] {border: none}
/**
:-placeholder {
color: inherit;
}
*/
/** różne hovery! */
A { text-decoration: none; color: var(--text);transition: color 0.2s }
A:hover { color: var(--text);}
/** wywalam stąd .tresc A:not(.no-bump), bo to za dużo! */
A.bump-underline, .with-link .link, .tresc li A, P A, .formularz label a {
transition: text-underline-offset 0.2s; text-decoration-thickness: from-font; text-decoration-line: underline; text-underline-position: under; color: var(--text); text-underline-offset: -0.05em; }
A.bump-underline:hover, .with-link:hover .link, .tresc li A:hover, P A:hover, .formularz label a:hover {
color: currentcolor ; text-underline-offset: -0.15em }
/** undlink to ładny link, z podkreśleniem na hoverze, animowany */
a.undlink, H1 A {transition: text-decoration-color 0.2s; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1pt;
text-decoration-color: transparent; text-underline-offset: -0.05em; }
a.undlink:hover, H1 A:hover { color: currentcolor ; text-decoration-color: currentcolor ; }
a.bump { transition: transform 0.2s; color: var(--text);text-decoration: none; padding-bottom: 0.2em } /** ten padding jest tak naprawdę tylko dla selected, żeby było widać podkreślenie na apple i safari */
a.bump:not(.selected):hover {color: currentcolor ; transform: translateY(-0.13em); }
a.bump.selected { color: var(--text); text-decoration: underline; text-underline-position: under; text-underline-offset: 0.2em; text-decoration-thickness: 1pt; }
a.bump.fat.selected {text-decoration-thickness:1.5pt;}
.hover_und_anim {text-decoration: none; position: relative; color: var(--header-color);}
.hover_und_anim.fat {padding-bottom: 0.2em}
.hover_und_anim:after {content: ''; position: absolute; bottom: -1pt; left: 0; height: 1pt; width: 0%; border-top: 1pt solid var(--header-color); transition: 0.25s;}
.hover_und_anim.fat:after { border-top-width: 1.5pt; bottom: 0pt; height: 0px; }
.hover_und_anim.selected:after, .hover_und_anim:hover:after {width: 100%;}
.hover_und_anim:hover {color: var(--header-color);}
.hover_und_anim.mg, .hover_und_anim.mg:hover {color: var(--magentac)}
.hover_und_anim.mg:after {border-bottom-color: var(--magentac)}
.dark-top header .hover_und_anim.mg, .dark-top header .hover_und_anim.mg:hover {color: var(--dark-top-wh)}
.dark-top header .hover_und_anim.mg:after {border-bottom-color: var(--dark-top-wh)}
div.hrlight, p.hr, div.hr { height: 2px; background-color: #e0e0e0; margin: 8px 0px 8px 0px; padding: 0px; display: block; }
div.hrlight hr, div.hr hr { display: none; }
div.hrlight {margin: 20px 0px;}
HR {border: 0;height: 1pt;background: #a0a0a0;margin: 2em 0;}
HR.big { margin: 3em 0 2.5em 0;}
.tresc hr { margin: 3em 0; background-color: transparent;
background-image: linear-gradient(to right, black 20%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 0.5em 1pt;
background-repeat: repeat-x; }
ul {list-style-type: circle; margin-left: 0.1em; margin-right: 0px; padding-left: 1.2em; padding-right: 0px; }
ul li, ol li { margin-top: 1.2em; margin-bottom: 1.2em; line-height: 1.6 }
ol { margin-left: 1.5em; margin-right: 0px; padding-left: 0; padding-right: 0px; }
ol li {padding-left: 0.5em}
ul.sound {list-style-type: none; margin-left: 0px; padding-left: 0px}
ul.sound li {background-image: url(../nn/css/../img/sound.svg); background-size: auto 0.8em;padding-left: 1.8em; background-position: 0em 0.5em; background-repeat: no-repeat;}
ul.kreski {list-style-type: none; margin-left: 0px; padding-left: 0px}
ul.kreski li {background-image: url(../nn/css/../img/likreski2.svg); background-size: 1em auto;padding-left: 2.2em; background-position: 0em 0.8em; background-repeat: no-repeat;}
.tresc ul.kreski li A {text-decoration: none}
.tresc ul.kreski li A em, .tresc ul.kreski li A i {text-decoration: underline;}
/**.tresc ul.kreski li {transition: transform 0.2s;}
.tresc ul.kreski li:hover { transform: translateX(0.2em)*/
.nlc { text-transform: none; } /** no lower case - normal case */
/** nie jestem pewien czy te paddingi są potrzebne, dla rozbiegówki robię nową klasaę: margin-standard */
.marginesy {margin-left: auto; margin-right: auto; max-width: var(--max-width-standard); padding: 0; }
.margin-standard { margin-left: auto; margin-right: auto; max-width: var(--max-width-standard); }
.marginesy_szer {margin-left: auto; margin-right: auto; max-width:var(--max-width-wide); padding: 0 5%; }
.marginesy_szer.wider {max-width: 1700px}
.marginesy_szer.for-scroll { }
.marginesy.niezwezaj {}
.marginesy_jakheader {padding-left: calc(5% - -1.50rem); margin-left: auto; margin-right: auto; max-width: 1500px; padding-right: 5%; }
.one-line-clamp, .line-clamp {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.line-clamp.two { -webkit-line-clamp: 2; }
.line-clamp.three { -webkit-line-clamp: 3; }
.line-clamp.clip { text-overflow: clip}
/** ---------- galeria **/
.gallery-just-grid .capt { display: none}
.lg-container .lg-sub-html h4 {font-size: 1.3em; padding: 0.1em 0px; color: #fff; font-weight: normal;}
.gallery-just-grid { margin-top: 2.5em; margin-bottom: 2.5em}
section.glw { background-color: #eee}
.darker {
filter: brightness(60%);
-webkit-filter: brightness(60%);
-moz-filter: brightness(60%);
-o-filter: brightness(60%);
}
.morelink-frame { position: relative; display: inline-flex; padding: 0.75em 1.9em 0.75em 1.5em; border: 1pt solid var(--header-color); border-radius: var(--round-button-radius-with-arrow); }
.morelink-frame.nar {padding-left: 2em; padding-right: 2em}
.morelink-frame.to-left {padding-right: 3.8em}
.morelink-frame span { line-height: normal}
.morelink {text-decoration: none; font-size: 0.95em; background-image: var(--dluga-strzalka);background-position: -1.4em center;
color: var(--header-color); font-family: var(--morelinkfont); padding-left: 2.9em; display: inline-block; overflow: hidden; background-size: auto 0.7em;
transition: padding-left .2s ease, background-position .2s ease; white-space: nowrap;
}
.morelink-frame:hover .morelink:not(.cust-icon), .morelink:not(.cust-icon):hover {background-position: 0em center; padding-left: 4.5em; color: var(--header-color); background-image: var(--dluga-strzalka);}
.morelink.black {color: var(--prawieczarny); background-image: var(--dluga-strzalka-black);}
.morelink.black:hover {color: var(--prawieczarny); }
.morelink.cust-icon { background-image: none; padding-left: 0px; }
.morelink I {margin-right: 0.7em}
.morelink-frame:has(.morelink.cust-icon) { padding-right: 1.5em}
.morelink-frame:has(.morelink.cust-icon):hover {box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);}
.morelink-frame:has(.morelink.cust-icon) { transition: box-shadow .2s ease; }
a.s {text-decoration: none; background-image: var(--dluga-strzalka-black); background-position: -1.5em center; color: var(--text); padding-left: 2.5em; display: inline-block; overflow: hidden; background-size: auto 0.7em; transition: padding-left .2s ease, background-position .2s ease;}
a.s:hover {background-position: 0em center; padding-left: 4.1em; text-decoration: none; color: var(--text); }
a.s.right { background-position: right 0.2em center; background-image: url("../nn/css/../img/arrowmagrightm.svg");background-size: auto 0.5em; padding-left: 0px; padding-right: 2.5em }
a.s.right:hover {background-position: right center; padding-left: 0px; }
a.playi {text-decoration: none; background-image: url("../nn/css/../img/v2/pplaycz.svg"); background-position: right 0.1em center; color: var(--text);
padding-left: 0px; padding-right: 1.5em ; display: inline-block; overflow: hidden; background-size: 0.9em 0.9em ; transition: background-size .2s ease; }
a.playi.left {background-position: left 0.1em center;
padding-left: 1.5em; padding-right: 0px ; }
a.playi:hover { color: var(--text); text-decoration: none; background-size: 0.97em 0.97em;}
a.mapa { background-image: url('../nn/css/../img/v2/namapieb.svg'); text-decoration: none; background-position: left center; color: var(--header-color); padding-left: 1.6em; display: inline-block; overflow: hidden; background-size: auto 0.8em; transition: padding-left .2s ease, background-position .2s ease;}
a.mapa:hover {padding-left: 1.8em; text-decoration: none; color: var(--header-color);}
a.szarydziubek {transition: background-position 0.2s; text-decoration: none; display: inline-block; background-image: url("../nn/css/../img/dziubekszary.svg"); padding-right: 1.4em; background-position: right 0.2em center; background-size: auto 0.7em; background-position-y: 68% }
a.szarydziubek {background-image: url("../nn/css/../img/dziubekcz.svg"); color: var(--text);}
a.szarydziubek:hover {background-position: right center; background-position-y: 68% }
a.szarydziubek.small {background-position-y: 50% }
a.szarydziubek.small:hover {background-position-y: 50% }
a.rozwin { color: inherit; text-decoration: none; padding-right: 1.5em;
background-image: url(../nn/css/../img/dziubekdolcz.svg); background-size: auto 0.45em; background-position: right 0.3em; transition: all 0.2s;
}
a.rozwin:hover {background-position: right 0.45em;}
a.rozwin.zwin { background-image: url(../nn/css/../img/dziubekgoracz.svg); }
.glw-news-box {max-height: 870px; box-sizing: border-box; vertical-align: top; position: relative; background-color: #000; display: block; height: auto; overflow: hidden; }
.glw-news-box .il {opacity: 0.85; position: absolute; top: 0; bottom: 0; height: auto; width: 100%; background-color: #000; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.glw-news-box:after { padding-top: 40%; display: block; content: ''; }
.glw-news-box .caption {left: 1.2%; right: 0; width: auto; color: #fff;
position: absolute; top: 50%; transform: translateY(-50%); }
.glw-news-box .caption .data { color: #fff; text-transform: uppercase;}
.glw-news-box .roboto-head { letter-spacing: 1.8px}
.glw-news-box .caption h1 {color: #fff; width: 60%; }
.glw-news-box .caption .morelink { color: #fff;font-size: 0.95em; background-image: var(--dluga-strzalka-white) }
.glw-news-box .caption:hover .morelink {background-position: 0em center; padding-left: 4.1em }
.glw-news-box.dlugi .caption h1 {width: 65%}
.glw-news-box.dlugi .caption {font-size: 95% }
.przyciski-bar { position: relative; margin: -3em auto 0 auto; text-align: center; }
.przyciski-bar .przyciski { overflow: hidden; box-sizing: border-box; position: relative; background: transparent; width: 100%; z-index: 2; padding: 0.2%; }
.przyciski-bar .przyciski a.mob-only {display: none}
.przyciski-bar .przyciski A {text-align: left; transition: background-color 0.2s; position: relative; width: 31.3333%; box-sizing:border-box; color: #fff; background-color: #fff; margin: 0 1%; vertical-align: middle; padding: 0px; padding-left: calc(1.5% + 1em);
display: inline-flex; align-items: center;border-radius: var(--round-button-on-bar); }
.przyciski-bar.dwa {max-width: 900px}
.przyciski-bar.dwa .przyciski A {width: 40%; max-width: 330px; padding-left: 10%; padding-left: calc(7.5% - -20px) }
.przyciski-bar .przyciski A:before { content: ''; display: inline-block; height: 105%; vertical-align: middle; }
.przyciski-bar .przyciski A:hover span.l { margin-left: 0.3em }
.przyciski-bar .przyciski A span.l {transition: margin-left 0.2s; color: inherit; display: inline-block; font-family: PFHandbookProMedium; display: inline-block; vertical-align: middle; color: var(--text); font-size: 1.15em; line-height: 1.2em; margin:0px; padding:0 }
.przyciski-bar .przyciski A span.cont { font-family: PFHandbookProMedium; font-size: 1.26em; line-height: 1.26em; }
.przyciski-bar .przyciski A {background-repeat: no-repeat; background-position:10% center; height: 5em }
.przyciski-bar .przyciski A span.i {display: inline-block; background-size: auto 1.7em ; background-repeat: no-repeat; width: 2em; height: 2em; background-position: center center; margin-right: 1em; }
.przyciski-bar .przyciski A.forum { background-image: url("../nn/css/../img/forum.svg"); background-size: auto 1em }
.przyciski-bar .przyciski A.muzyka { background-image: url("../nn/css/../img/muzyka.svg"); background-size: auto 1.5em }
.przyciski-bar .przyciski A.karnet { background-image: url("../nn/css/../img/karnet.svg"); background-position:13% center; background-size: auto 1.6em }
.przyciski-bar .przyciski A.bilety { background-image: url("../nn/css/../img/bilety.svg"); background-position:11% center; background-size: auto 1.29em }
.przyciski-bar .przyciski A.rezerwuj { background-image: url("../nn/css/../img/rezerwuj.svg"); background-position:12% center; background-size: auto 1.29em }
.przyciski-bar .przyciski A.kalendarz { background-image: url("../nn/css/../img/kalend.svg"); background-position:12% center; background-size: auto 1.29em }
.przyciski-bar .przyciski A.indeks { background-image: url("../nn/css/../img/indeks.svg"); background-position:12% center; background-size: auto 1.1em }
.przyciski-bar .przyciski A .i.wkinach { background-image: url("../nn/css/../img/wkinach2c.svg"); background-size: auto 1.29em }
.przyciski-bar .przyciski A .i.sponsoring { background-image: url("../nn/css/../img/sponsorc.svg"); background-size: auto 1.31em }
.przyciski-bar .przyciski A .i.karnet { background-image: url("../nn/css/../img/karnetc.svg"); background-size: auto 1.31em }
.przyciski-bar .przyciski A .i.czas { background-image: url("../nn/css/../img/v2/czasc.svg"); background-size: auto 1.7em }
.przyciski-bar .przyciski A.newsletter { background-image: url("../nn/css/../img/newsletter_przycisk.svg"); background-position:10% center; background-size: auto 1.6em }
.przyciski-bar .przyciski .dark { background-color: var(--prawieczarny) }
.przyciski-bar .przyciski A.dark span.l {color: #fff }
.przyciski-bar .przyciski A.dark .i.program { background-image: url("../nn/css/../img/v2/cykleff.svg"); }
.przyciski-bar .przyciski A.dark .i.bilety { background-image: url("../nn/css/../img/v2/biletw.svg"); }
.przyciski-bar .przyciski A.dark .i.kalendarz { background-image: url("../nn/css/../img/v2/kalendarw.svg"); background-size: auto 1.3em ; }
.przyciski-bar .przyciski A.dark .i.rezerwacje { background-image: url("../nn/css/../img/v2/bookingw.svg");background-size: auto 1.8em ; }
.przyciski-bar .przyciski A.dark .i.indeks { background-image: url("../nn/css/../img/v2/indeksw.svg"); background-size: auto 1.3em ; }
.przyciski-bar .przyciski A.dark .i.online { background-image: url("../nn/css/../img/v2/onlineiconw.svg"); background-size: auto 1.7em ; }
.przyciski-bar .przyciski A.dark .i.nagrody { background-image: url("../nn/css/../img/v2/nagrody.svg"); background-size: auto 1.55em; background-position-y: top ; }
.przyciski-bar .przyciski A.dark .i.wkinach { background-image: url("../nn/css/../img/v2/wkinach2.svg"); background-size: auto 1.4em }
.przyciski-bar .przyciski A.dark .i.entry { background-image: url("../nn/css/../img/v2/entry.svg"); background-size: auto 1.31em }
.przyciski-bar .przyciski A.dark .i.sponsoring { background-image: url("../nn/css/../img/v2/sponsor.svg"); background-size: auto 1.4em }
.przyciski-bar .przyciski A.dark .i.karnet { background-image: url("../nn/css/../img/v2/karnet.svg"); background-size: auto 1.31em }
.przyciski-bar .przyciski A.dark .i.sklep { background-image: url("../nn/css/../img/v2/sklep.svg"); background-size: auto 1.6em }
.przyciski-bar .przyciski A.dark .i.kontakt { background-image: url("../nn/css/../img/wazny_kontakt.svg"); background-size: auto 1.6em }
.przyciski-bar .przyciski A.dark .i.pobierz { background-image: url("../nn/css/../img/wazny_pobierz.svg"); background-size: auto 1.6em }
.przyciski-bar .przyciski A.dark .i.lista { background-image: url("../nn/css/../img/wazny_lista.svg"); background-size: auto 1.3em ; background-position-y: 60% ; }
.przyciski-bar .przyciski A .i.play { background-image: url("../nn/css/../img/v2/pplay.svg"); background-size: auto 1.7em }
.przyciski-bar .przyciski A.play-tlo { background-image: url("../nn/css/../img/nhvod_bt_tlo.svg"); background-position: 0px 0px; background-repeat: repeat; background-size: 18em auto;
background-color:var(--prawieczarny)
}
.przyciski-bar .przyciski A.play-tlo span { color: #fff; }
.przyciski-bar .przyciski A.czas { background-image: url("../nn/css/../img/v2/czasc.svg"); background-size: auto 1.7em }
.przyciski-bar .przyciski A.inactive {background-color: var(--tlo-filtrow); color: var(--prawieczarny)}
.przyciski-bar .przyciski A.inactive span { color: var(--prawieczarny)}
.przyciski-bar .przyciski A span.twolines {font-size: 1.05em}
.heder {text-transform: uppercase; display: block; text-align: center; color: var(--header-color); font-weight: 500;
margin-bottom: 2.1em}
.heder a { color: var(--header-color) }
.heder a:hover { color: var(--magentac)}
.news, .recenzje, .nazywo { padding-top: 2em; padding-bottom: var(--odstep-apla) }
.news, .recenzje { text-align: center}
.news {padding-top: 2em}
.glw + .news {padding-top: 6em}
.news.ogolne + .news.ogolne {padding-top: 0px; margin-top: -0.5em}
.nazywo.dzis {padding-top: 3.5em}
.gazeta + .news {padding-top: 2em}
.wkinach + .news {padding-top: 2em}
.wkinach, .wydarzenia-specjalne {padding-top: 3em; text-align: center; padding-bottom: 2em}
/* ======================================= pasek dni ============================= */
.pasekdnicont {
background-color: #ffffff; padding-top: 6em ; padding-bottom: 3.3em; text-transform: lowercase;
margin-top: -3em; text-align: center;
}
section.pasekdnicont .hed { margin: 0px 0px 2.5em 0px; text-transform: uppercase; text-align: left; transition: margin-left 0.2s }
section.pasekdnicont .hed:hover { margin-left: 0.4em}
.pasekdni .dt, .pasekdni .ms {color: inherit; display: block; text-align: center;}
.pasekdni .ms { padding-top: 1em}
.pasekdni a {color: var(--text); margin-right: 0em; padding: 0; text-align: center; display: block; position: relative; width: auto;}
.pasekdni a.hover_und_anim.fat { padding-bottom: 2em; }
.pasekdni a.hover_und_anim.fat:after { bottom: 1.8em; }
.pasekdni a.hover_und_anim.fat.selected-dot:before { content: '\2022'; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1em; font-size: 150%; }
.pasekdni {position: relative}
.pasekdni .swiper-button-next, .pasekdni .swiper-button-prev {xvisibility: hidden; background-size: 0.9em auto; margin-top: -2em}
.pasekdni .swiper-button-next {right: 0.7vw; width: 2em}
.pasekdni .swiper-button-prev {left: 0.7vw; width: 2em}
.pasekdni .sel, .pasekdni a:hover {
color: var(--text);
text-decoration: none;
transition: color 0.2s;
}
.pasekdni .sel .ms, .pasekdni a:hover .ms {
text-decoration: none;
}
.pasekdni .dni {padding-left: 0em}
@media (min-width: 1260px) { /** mieści się wszystko */
.pasekdni .swiper-wrapper { justify-content: center; }
.pasekdni a {padding: 0 0.2em; margin: 0 1.2em}
}
@media (max-width: 1370px) {
.pasekdni.marginesy {padding-left: 6%; padding-right: 6%}
}
@media (max-width: 840px) {
}
.space-when-no-vod { height: min(3em, 4vw);}
@media (max-width: 700px) {
.przyciski-bar, .przyciski-bar.marginesy {margin: 0 0 0 0; padding-top: 5%;
background-color: #eee; xbackground-color: #fff; }
.glw.main:has(.pasekdnicont) .przyciski-bar {background-color: #fff}
/** gdy kalendarz na głónej, tło białe, tło jednak szare, bo na NH na głównej robiło się białe pod przyciskami */
/** .przyciski-bar .przyciski A { background-color: #eee}
.glw .przyciski-bar {padding-bottom:2em}
*/
.space-when-no-vod { height:1em }
.przyciski-bar .przyciski A.inactive:not(.szukaj) { background-color: #fff}
.pasekdnicont {margin-top:0px; padding-top: 3.5em; padding-bottom: 2em; }
.pasekdni.marginesy {padding-left: 0px; padding-right: 0px}
.xpasekdni a {width: 2.2em}
.pasekdni .swiper-button-next, .pasekdni .swiper-button-prev {display: none}
}
@media (max-width: 550px) {
.xdni .swiper-slide {width: auto; max-width: none; text-align: center}
}
@media (min-width: 1205px) {
.pasekdni .swiper-button-next, .pasekdni .swiper-button-prev { display: none}
}
/* ======================================= kalenarium ============================= */
section.kalendarium {
margin:0px 0px 3em 0px; background-color: var(--kalend-bg); padding-top: 4em; padding-bottom: 4em;
}
section.kalendarium .hed-link {display: flex; justify-content: space-between;margin: 0px 0px 2.5em 0px; flex-wrap: wrap; gap: 1em }
section.kalendarium .hed { text-transform: uppercase; }
section.kalendarium .lead {width: 31em; max-width: 90%; padding-bottom: 0.5em; margin-top: 1.5em}
section.kalendarium .link-inne { display: inline-flex; align-items: center; text-transform: uppercase; flex-wrap: nowrap; }
section.kalendarium .link-inne .strz {transition: background-position-x 0.2s; background-image: var(--dluga-strzalka);
background-position: -1em center; width:3em; height: 1em; background-size: auto 0.6em; }
section.kalendarium .link-inne:hover .strz { background-position-x: -0.5em }
.kalendarium .ev-more {padding: 0px 0px 2.5em 0px; margin-top: -0.4em}
.event-lista .swiper-wrapper {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch }
.event-lista { overflow-x: auto; padding-bottom: 3em; padding-top: 1em; }
.event-lista .event-box .roboto-napis { text-transform: uppercase; line-height: 1.4; }
.event-lista .event-box .msc-rodzaj {}
.event-lista .event-box {display: flex; gap: 1.5em; height: auto; min-height: 22em; padding: 2em 1.5em; position: relative;
box-sizing: border-box; flex-direction: column; justify-content: space-between}
.event-lista .event-box {margin-top: 1em; }
.event-lista .event-box .tytul, .event-lista .event-box .rezys {transition: transform 0.2s}
.event-lista .event-box[href]:hover .tytul , .event-lista .event-box[href]:hover .rezys {transform: translateY(-0.3em);}
.event-lista .event-box .dt {}
.event-lista .event-box .cor {position: absolute;
background-color: transparent;
z-index: 1;
width: 1em; height: 1em;
}
.event-lista .event-box .bor {position: absolute; }
.event-lista .event-box .cor.cor1 {bottom: 0px; right: 0px;border-radius: 100% 0 0 0; border-left: 1pt solid #000; border-top: 1pt solid #000;}
.event-lista .event-box .cor.cor2 { bottom: 0px; left: 0px; border-radius: 0 100% 0 0; border-right: 1pt solid #000; border-top: 1pt solid #000;}
.event-lista .event-box .cor.cor3 { top: 0px; left: 0px; border-radius: 0 0 100% 0; border-right: 1pt solid #000; border-bottom: 1pt solid #000;}
.event-lista .event-box .cor.cor4 { top: 0px; right: 0px; border-radius: 0 0 0 100%; border-left: 1pt solid #000; border-bottom: 1pt solid #000;}
.event-lista .event-box .bor.top {top: 0px; left: 1em; right :1em; border-top: 1pt solid #000; width: auto; }
.event-lista .event-box .bor.bottom {bottom: 0px; left: 1em; right :1em; border-bottom: 1pt solid #000; width: auto; }
.event-lista .event-box .bor.right {top: 1em; right :0px; bottom: 1em; border-left: 1pt solid #000; height: auto; display:none }
.event-lista .event-box .bor.left {top: 1em; left :0px; bottom: 1em; border-left: 1pt solid #000; height: auto; }
.event-lista .event-box:last-child .bor.right {display:block}
.event-lista .event-box .dt {padding-bottom: 0.8em}
.event-lista .event-box .kolor {padding: 1.3em 0px 0.55em 0px}
.event-lista .event-box .kolor span {display: block; width: 1em; height: 1em ; border-radius: 50%; }
.event-lista .event-box .tytul {padding: 0.3em 0px 0.1em 0px}
.event-lista .event-box .rezys {padding: 0.3em 0px}
.kolor-event {background-color: #3B5EED }
.kolor-event.SpotkaniePoFilmie { background-color: #3B5EED }
.kolor-event.SpotkaniePoFilmie { background-color: #3B5EED }
.kolor-event.Spotkanie { background-color: #3B5EED }
.kolor-event.SpotkanieWstepWolny { background-color: #3B5EED }
.kolor-event.Wernisaż { background-color: #B067FF }
.kolor-event.Wystawa { background-color: #B067FF }
.kolor-event.Dyskusja { background-color: #E65300 }
.kolor-event.Koncert { background-color: #BAB7C6 }
.kolor-event.KoncertWstepWolny { background-color: #BAB7C6 }
.kolor-event.Rozmowa { background-color: #E65300 }
.kolor-event.Prelekcja { background-color: #DDC15D }
.kolor-event.Pokaz { background-color: #9E595E }
.kolor-event.PokazWstepWolny { background-color: #9E595E }
.kolor-event.PokazSpecjalny { background-color: #9E595E }
.kolor-event.PokazNaRynku { background-color: #9E595E }
.kolor-event.Wydarzenie { background-color: #719F94 }
.kolor-event.WydarzenieWstepWolny { background-color: #719F94 }
.kolor-event.Impreza { background-color: #BAB7C6 }
.kolor-event.Gala { background-color: #DDC15D }
.event-np.swiper-button-next {
right: -3.5em;
}
.event-np.swiper-button-prev {
left: -3.5em;
}
@media screen and (max-width:1370px) {
.event-np.swiper-button-next, .event-np.swiper-button-prev {display: none}
.marginesy_szer.for-scroll {padding-right: 0px}
.event-lista .swipper-wrapper { }
}
@media screen and (max-width:840px) {
section.kalendarium .link-inne { margin-right: 3% }
}
@media screen and (max-width:700px) {
.event-lista .event-box {min-height: 20em}
}
@media screen and (max-width:600px) {
section.kalendarium .hed-link {flex-direction: column;}
}
.event-np.swiper-button-prev.swiper-button-disabled, .event-np.swiper-button-next.swiper-button-disabled {display: none}
.event-lista .event-box span.roboto-napis { display: block;line-height: 1.6; }
.event-lista .event-box .opis span.roboto-napis {
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.6;
}
.wydarzenia-specjalne {padding-bottom: 4em}
.rozbiegowka .wkinach {padding-top: 2em; padding-bottom: 4em}
.rozbiegowka .wkinachwyr {padding-top: 4em; padding-bottom: 4em }
.sponsoring + .wkinach {padding-top: 2em}
.pasekinfo {margin-top: 1em; margin-bottom: 1em; xwidth: 120%; xmargin-left: 10%}
.pasekinfo {width: 90vw; margin-left: calc( 50% - 45vw ); }
.wsrodku { width: 116%; margin-left: -8%; margin-top: 2.5em}
.wsrodku .zobaczwszy {margin-top: 0.5em}
@media screen and (max-width:1370px) {
.pasekinfo {width: 105%; margin-left: -2.5%}
.pasekinfo {width: 90vw; margin-left: calc( 50% - 45vw ); }
.wsrodku { width: auto; margin-left: 0; }
}
@media screen and (max-width:1259px) {
.wsrodku .zobaczwszy { margin-bottom: 2.5em; }
}
@media screen and (max-width:700px){
.recenzje {padding-top: 1.2em}
.wsrodku {margin-top: 0.5em; padding-left: 5%; padding-right: 5%;}
.pasekinfo {width: 100%; margin-left: 0px;}
.wsrodku .zobaczwszy { margin-bottom: 2.5em; }
}
.pasekinfo div { background-color: #fff; text-align: center;}
.pasekinfo div {margin: 0px; padding: 1.3em 1.8em 1.1em 1.8em; }
.pasekinfo div h5 {line-height: 1.4}
.pasekinfo a {color: var(--header-color); text-decoration: underline;}
section.nhvod {padding-top: 5em; padding-bottom: 1.5em; /** gdy na górze padding-top: 6em */}
section.nhvod.zbigbox .heder {margin-bottom:4em}
section.nhvod .big-box .image {opacity: 1.0; background-position: left}
section.nhvod .big-box-and-lead {display: flex}
section.nhvod .big-box-and-lead .le { flex-basis: 41%; align-self: flex-end; padding-left: 3em; box-sizing: border-box; }
section.nhvod .big-box-and-lead .le .opis-le {font-size: 110%; padding-bottom: 0.5em;}
section.nhvod .big-box-and-lead .big-box { flex-basis: 59%}
section.nhvod .news-box.wide {margin: 0px 0px 0px 0px;}
section.nhvod .big-box .caption {bottom: 13%; width: auto; white-space: nowrap; left: auto; right: 10%}
xsection.nhvod .big-box-and-lead .image {background-image: url(../nn/css/../img/vod/vod_wtroj_szer.jpg) }
section.nhvod .big-box-and-lead .image {background-image: url(../nn/css/../img/vod/vod_volver.jpg) }
@media screen and (min-width:840.001px) {
}
@media screen and (max-width:1259px) {
section.nhvod .article-box:not(.ab0):not(.ab1) {display: none}
section.nhvod .big-box-and-lead .big-box, section.nhvod .big-box-and-lead .le {flex-basis: 50%}
}
@media screen and (max-width:1259px) {
section.nhvod .big-box .caption {right: auto; left: 10%;}
}
@media screen and (max-width:900px) {
xsection.nhvod .big-box-and-lead .image {background-image: url(../nn/css/../img/vod/vod_wtroj_sq.jpg) ; background-position: 0px 0px}
section.nhvod .big-box-and-lead .image {background-image: url(../nn/css/../img/vod/vod_volver_m.jpg) ; background-position: 0px 0px}
}
@media screen and (max-width:700px) {
section.nhvod .big-box-and-lead {flex-direction: column; align-items: center}
section.nhvod .big-box-and-lead .le {padding: 2em 0px 3em 0px; max-width: 400px;align-self: center;}
section.nhvod .big-box .caption {right: auto; left: 12%; font-size: 120%}
}
.ticket-label { display: flex; align-items: stretch; align-content: center; background-color: transparent; }
.ticket-label .brz {width: 0.5em; background-image: url(../nn/css/../img/biletborder.svg); background-size: auto 100%; }
.ticket-label .brz.l {background-position: left center; }
.ticket-label .brz.r {background-position: right center; }
.ticket-label .t { display: flex; align-content: center; justify-content: center; xheight: 2em; align-items: center; padding: 0.7em 0.6em; background-color: #fff; }
.ticket-label .t .tt {color: #000; text-transform: uppercase; line-height: normal; }
.article-box .ticket-label { position: absolute; top: 1.5em; left: 1.1em; z-index:1}
.article-box, .news-box {cursor: pointer; position: relative; box-sizing: border-box; vertical-align: top; position: relative; background-color: #000; display: inline-block; height: auto; overflow: hidden; }
.news.dzis { text-align: center;}
.nazywo {margin: 0 auto; text-align: center; }
.one-box {margin: 1% auto; display: block; text-align: left; width: 60%; min-width: 42em; max-width: 80%; position: relative }
.one-box .image-cont {display: block; width:35%; position:relative; overflow: hidden; background-color: #000; }
.one-box .image {display: block; transition: transform .3s ease-in-out;
height: 100%; width: 100%; position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.one-box .image-cont:after { padding-top: 100%; display: block; content: ''; }
.one-box .caption {overflow:hidden; vertical-align: top; display: block; height: 100%; position: absolute; box-sizing: border-box; background-color: #ffffff; bottom: 0;
width: 65%; padding: 2em 2.5em; right:0;}
.one-box .caption .f4 {display: block; color: #1c1c1c; padding: 0; box-sizing:border-box; overflow: hidden; }
.one-box .caption .led {color: var(--header-color); font-size: 0.9em; padding-top: 0.5em; xmax-height: 7em; overflow: hidden; }
.one-box .caption .data { color: #808080; display: block}
.one-box .caption .data { text-align: left; background-color: #fff; padding-top: 1.5em }
.one-box.film {width: 72% }
.one-box.film .caption {background: transparent; padding: 1.5em 0.5em 1.5em 4.5em; width: 66%}
.one-box.film .image-cont {width: 34%}
.one-box.film .image-cont:after {padding-top: 143.86%}
.one-box.film .caption .led {max-height: 53%; overflow: hidden; margin-bottom: 2em}
.one-box.film .caption .premi {padding-bottom: 1.3em}
.one-box.film .morelink {color: var(--header-color)}
.news-box:after {padding-top: 106.2%; display: block; content: ''; }
.big-box:after { padding-top: 51.08%; }
.news-box .image { position: absolute; top: 0; bottom: 0; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat;
transition: transform .3s ease-in-out;
z-index: 10;
}
.skleplist .news-box .image { opacity: 0.9}
.news-box-ukryte {display: none}
.single-box .image {height: 52%; width: 100%;}
.big-box .image {height: auto; width: 100%; opacity: 0.6; background-color: #000 }
.news-box .caption {box-sizing: border-box; position: absolute; text-align: center; background-color: #ffffff; bottom: 0;
width: 100%; ;z-index: 11; }
.news-box .text-tag, .news-box .text-tags { z-index: 12; }
.single-box .caption {padding: 5% 10%; height: 48%; max-height: 48% ; }
.big-box .caption {display: inline-block; position: absolute; text-align: left; vertical-align: middle;
background-color: transparent; bottom: 0; bottom: 8.5%; padding: 0; margin: 0; z-index: 11;}
.big-box .caption {left: 55%; width: 37% ; }
.big-box .caption .can {position: absolute; bottom: 0; left: 0; }
.news-box .caption .lab, .article-box .caption .lab {text-transform: uppercase; display: block; }
.news-box .caption .data { color: var(--dopisek); display: block}
.news-box .caption .h {
max-height: 3.3em; /** height: 2.1em; */
color: var(--header-color); display: inline-block; box-sizing:border-box; overflow: hidden}
.article-box .caption .lab { color: var(--dopisek); text-align: center; margin-bottom: 7% }
.single-box .caption .lab { color: var(--header-color);text-align: center; margin-bottom: 5% }
.single-box .caption .data { position: absolute; bottom: 1.6em; width: auto; left:0; right:0; text-align: center; background-color: inherit; z-index: 5; }
.cena-before { color: #aaa; text-decoration: line-through; display: inline-block; margin-right: 0.5em}
span.cena-before {line-height: inherit;}
.single-box.sticky .image {height: auto;z-index:9; background-color: #000; opacity: 0.6}
.single-box.sticky:not(.bezrozu) .image::before {
display: block; z-index: 10; float: left; content: ''; width: 100%; height: 100%;
background: rgba(236,0,142,0);
background: -moz-linear-gradient(top, rgba(236,0,142,0) 0%, rgba(236,0,142,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,0,142,0)), color-stop(100%, rgba(236,0,142,0.5)));
background: -webkit-linear-gradient(top, rgba(236,0,142,0) 0%, rgba(236,0,142,0.5) 100%);
background: -o-linear-gradient(top, rgba(236,0,142,0) 0%, rgba(236,0,142,0.5) 100%);
background: -ms-linear-gradient(top, rgba(236,0,142,0) 0%, rgba(236,0,142,0.5) 100%);
background: linear-gradient(to bottom, rgba(236,0,142,0) 0%, rgba(236,0,142,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008e', endColorstr='#ec008e', GradientType=0 );
}
.single-box.sticky .caption {z-index: 11; padding: 10%; background: transparent; xtop: 0; bottom: 0; left: 0; right: 0; height: auto; max-height: none; text-align:left}
.single-box.sticky .lab, .single-box.sticky .h, .single-box.sticky .data {color: #fff; background: transparent; text-align:left}
.single-box.sticky .caption .data {position: static; padding-top:1em; display: none}
.single-box.sticky .h { max-height: none; height: auto; }
.single-box.sticky.zkolkiem .image {background-size: auto 80%}
.single-box.sticky.zkolkiem.podcast .image { background-size: auto 75%}
.single-box.sticky .kolko {content: ""; display: block; width: 100%; height: 100%; background-image: url(../nn/css/../img/ramkaokr.svg); background-size: cover;
position: absolute;
top: 0; bottom: 0; background-color: transparent; z-index:10;
background-position: center; background-repeat: no-repeat;
}
.single-box.sticky.zkolkiem .h {text-align: center; font-size: 1.4em}
.single-box.sticky.zkolkiem .lab {text-align: center;}
.single-box.sticky .mbankl {background-image: url(../nn/css/../img/loga/mbank.svg); background-size: auto 2.6em; background-position: center center;
height: 3em; background-repeat: no-repeat; }
.single-box.sticky.zkolkiem .caption {padding-bottom: 15%; padding-left: 12%; padding-right: 12%}
.single-box.sticky.zkolkiem.podcast .caption {padding-bottom: 11%}
.big-box .caption .lab {color: #fff; width: auto; text-align: left; padding-top: 0.3em; margin-bottom: 8%; margin-left: -0.3em; margin-top: 0px; position: relative; top: 0; left:0 }
.big-box .caption .h { max-height: none;color: var(--header-color); background-color: #fff; display: inline;
/** to w starszych przegladarkach, ale nie działa, bo nachodzi na tekst */
padding: 0; box-shadow: 0px 0px 0px 0.2em #fff;
/** a to w nowszych */
/** padding: 0.2em; */
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
.big-box .caption .hbapla {position: relative;}
.big-box .caption .h.back { color: #ffffff; }
.big-box .caption .h.over {position: absolute; top: 0; left: 0; color: var(--header-color); box-shadow: 0px 0px 0px 0.2em transparent; background-color:transparent;}
.big-box .caption .h.over.ponowemu { position: static; top: auto; left: auto;}
.news-box:not(.big-box) .caption .h.over {display: none; }
.big-box .caption .h span {position: relative; z-index: 2; line-height: 1.1em}
.big-box .caption .h span.small { line-height: 1em}
.big-box .caption .data {margin-left: -0.3em; padding: 0; margin-top: 7%; color: #fff; position: relative; }
.news-box { width: 30.93333%; margin: 1.2%;}
.big-box {width: 64.26666%;}
.news-box:not(.video):not(.vod-box) .play {display: none}
.vod-box .play, .video .play {
display: block; position: absolute; left: 50%;
top: 50%;
width: 3.3em; height: 3.3em;
transform: translate(-50%,-50%);
background-image: url(../nn/css/../img/play.svg); background-size: cover; background-position: center center;
}
.vod-box .play.on-hover, .video .play.on-hover {opacity: 0; transition: opacity 0.2s;}
.vod-box:hover .play.on-hover, .video:hover .play.on-hover {opacity: 1}
@media screen and (max-width: 550px) {
.vod-box .play.on-hover {opacity: 1}
}
.single-box.video .play {top: 28%}
.single-box.video .image {opacity: 0.6}
.big-box.video .caption .h {box-shadow: none; background-color: transparent; color: #fff }
.big-box.video .caption .data {margin-left:0; margin-top: 1.2em}
.big-box.video .caption .lab {display: none;}
.big-box.video .caption {left: 50%; width: 45%; bottom: 9%}
.news-box.video .image.playing { opacity: 1.0; transition: none; }
.roboto-light.not-translated-message { font-weight: 300}
.not-translated-message { padding: 0.8em 1.5em; margin-bottom: 2em;
border: 1px solid var(--bs-success); color: var(--bs-success);
max-width: 100%; box-sizing: border-box; width: 40em; margin-left: auto; margin-right: auto;
}
.tresc .not-translated-message { margin-left: 0px; width: 38em; margin-bottom: 3em}
.video .video-cont {
max-height: 100%;
width: 100%;
height: 100%;
position: absolute;
background-position: center;
background-position-x: center;
background-position-y: 15%;
background-repeat: no-repeat;
background-size: cover;
}
.video .video-cont iframe {
width: 100%;
height: 100%;
}
.article-box {display: inline-block; width: 25%;border: 1px solid transparent; background-color: transparent; text-align: center;}
.article-box {margin-bottom: 2em}
.article-box:after {padding-top: 95%; display: block; content: ''; }
.article-box .image-cont {display: block; height: 76%; width: 100%; overflow: hidden; position: absolute; top: 0; bottom: 0; background-color: #000; }
.article-box .image {display: block; transition: transform .3s ease-in-out;
height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.article-box .caption {display: block; box-sizing: border-box; position: absolute; background-color: #ffffff; bottom: 0; text-align: center;
width: 86%; padding: 10% 7%; height: 47.4%; max-height: 55%; margin-left: 7%; margin-right: 7%; xtop: 60%; }
.article-box .caption .f6 {display: block; color: #1c1c1c; padding: 0; max-height: 2.1em; height: 2.1em; box-sizing:border-box; overflow: hidden}
.article-box .caption .data { color: var(--dopisek); display: block}
.article-box .caption .data { position: absolute; bottom: 20%; width: auto; left:0; right:0; text-align: center; background-color: #fff; z-index: 5; }
.article-box.filmzplakatem .caption .h {max-height: 3.3em; line-height: 1; margin-bottom: 3%; color: #1c1c1c; display: inline-block; box-sizing:border-box; }
.article-box.filmzplakatem .caption {height: 29%; padding-top: 7% ; padding-bottom: 7%}
.article-box.filmzplakatem .caption .data {bottom: 18%}
.article-box.filmzplakatem:after {padding-top: 170%}
.article-box.filmzplakatem .image-cont {height: 84%}
.article-box.filmzplakatem .data {text-transform: uppercase;}
.article-box.filmzplakatem .caption {font-size: 0.95em}
.article-box.wydarz-box {margin-left: 0.5em; margin-right: 0.5em}
.article-box.wydarz-box .caption {xpadding-left: 6%; xpadding-right: 6% }
.article-box.wydarz-box .caption {font-size: 1em}
.article-box.filmzplakatem.wydarz-box .caption .data {bottom: 15%}
.zobaczwszy {margin: 1em auto 1.5em auto; text-align:center; display: flex; align-items: center; justify-content: center }
.zobaczwszy {max-width: 12em; padding: 1.3em 2em; border: 1pt solid var(--header-color)}
.zobaczwszy.fr { border: none; padding: 0px;}
.zobaczwszy.loading {border: none}
.loading { padding-top: 1.5em; padding-bottom: 1.5em }
.loading img {width: 2.5em; height: 2.5em; visibility: hidden;}
.loading.visible img {visibility: visible;}
.dol .kont { display: flex; gap: 2em 4em; justify-content: space-between; align-items: flex-start; max-width: 90em; margin-left: auto; margin-right: auto; }
.dol { background-color: #000 ; color: #fff; overflow: hidden; }
.dol {padding-top: 4.5em; padding-bottom: 3em; font-size: 0.7em;}
.dol .le {flex-basis: 42%; gap: 0.5em 3.5em; box-sizing: border-box; display: flex; flex-wrap:wrap; padding: 0px 0px 2em 0px; line-height: 150%; color: #fff; letter-spacing: 0.4px; font-weight: 300; }
.dol .le A, .dol .le A:hover {color: #fff; }
.dol .le A {transition: text-underline-offset 0.2s; text-decoration-thickness: 0.5px; text-decoration-line: underline; text-underline-position: under; text-underline-offset: -0.05em; font-weight: 300; text-decoration: underline; }
.dol .le A:hover {text-underline-offset: -0.15em }
.dol .pr a { font-size: 1.4em; }
.dol .pr {display: flex; gap: 2em 4em ; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: flex-end; flex-basis: 58%; text-align: right}
.dol .pr IMG {height: auto;}
@media screen and (min-width: 2000px){
.dol {font-size: 0.8em}
}
@media screen and (max-width:800px){
.dol .kont {flex-direction: column; align-items: center;}
.dol .pr {xmargin-bottom: 3em; align-items: center; justify-content: center;}
.dol .le {order: 2; justify-content: center;}
.dol .le > div {text-align: center;}
}
@media screen and (max-width:1259px){
.xdol .pr {width: 100%; text-align: left;}
}
@media screen and (max-width:840px) {
.xdol .pr div {padding: 4% 2.3em 4% 0px;}
}
.socmentions .insta { background-position: center center; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background-image: url("../nn/css/../img/insta_img.png"); background-repeat: no-repeat; background-size: cover;
-webkit-filter: brightness(95%); filter: brightness(95%);
transition: all 0.2s ease-in-out;
xwidth: 25%;
}
.socmentions .insta:hover { -webkit-filter: brightness(105%); filter: brightness(105%);}
.socmentions .insta:before {content: ""; float:left; padding-top:100%;}
.socmentions .insta {max-width: 20em;}
.socmentions .src {display: block; position: absolute; z-index: 4; bottom: 10%; width: 80%;}
/** .socmentions .instico {display: none} */
.socmentions .swiper-button-next, .socmentions .swiper-button-prev {display: none}
.padinggd {padding-top: 3em; padding-bottom: 3em}
.soc-inne { display: flex; margin: 4em 0px 2em 0px; align-items: stretch; align-content: stretch; height: 10em }
.soc-inne a {transition: background-color 0.2s; display: flex; flex-basis: 50%; border: 1pt solid #000; justify-content: center; align-items: center; }
.soc-inne a.tt {border-right: none;}
.soc-inne a span {transition: transform 0.2s; background-size: auto 2em; background-position: center center; width: 9em ; height: 2em; }
.soc-inne a.yt span { background-image: url(../nn/css/../img/v2/yt_glw.svg);}
.soc-inne a.tt span { background-image: url(../nn/css/../img/v2/tiktok_glw.svg); }
.soc-inne a:hover span {transform: translateX(0.4em); }
.soc-inne a:hover {background-color: #e2e2e2;}
@media (max-width: 700px) {
.soc-inne {height: 8em}
.soc-inne a span {width: 3em; height: 3em; }
.soc-inne a.yt span { background-image: url(../nn/css/../img/v2/social_yt.svg); background-size: auto 2em}
.soc-inne a.tt span { background-image: url(../nn/css/../img/v2/social_tiktok.svg) ; background-size: auto 2.2em;}
}
.forum { background-color: #E7E7E7; margin: 0 auto 0 auto; }
.forum H3 {margin-top: 0; padding-top: 0; padding-bottom: 0.3em }
.forum .cl {display: inline-block; width: 25%; vertical-align: top; padding-right: 2%; }
.forum .cl.tyt {width: 19%}
.forum .cl .kto {color: var(--header-color); display: block; }
.forum .cl .w {transition: 0.2s easy ; color: var(--magentac); font-family:PFHandbookProMedium; font-size: 0.95em; line-height: 1.3em; margin: 0.4em 0 1em 0; display: block;}
.forum .cl .w:hover {text-decoration: underline}
.forum .cl .data {color: #808080; display: block; text-transform: uppercase; }
.forum .cl.ps3 {padding-right: 0}
.trzylinki { background-color: #fff; margin: 0 auto 0 auto; }
.trzylinki H3 {margin-top: 0; padding-top: 0; padding-bottom: 0.1em }
.trzylinki .cltyt {display: inline-block; width: 25%; vertical-align: top; padding-right: 2%; box-sizing: border-box; }
.trzylinki .clw {width: 75%; display: inline-block;}
.trzylinki .cl {display: inline-block; width: 32%; vertical-align: top; padding-right: 2%; }
.trzylinki .cl .podpis {color: var(--header-color); display: block; }
.trzylinki .cl .w {transition: 0.2s easy ; color: var(--magentac); font-family:PFHandbookProMedium; font-size: 0.95em; line-height: 1.3em; margin: 0.4em 0 1em 0; display: block;}
.trzylinki .cl .w:hover {text-decoration: underline}
.trzylinki .cl .data {color: #808080; display: block; text-transform: uppercase; }
.trzylinki .cl.ps3 {padding-right: 0}
.newsletter { background-color: #000; margin: 0 ; padding-right:8%; padding-left: 8%; padding-top: 3em; padding-bottom: 1em; text-align: center; }
.newsletter {box-sizing: border-box; color: #fff; }
.newsletter h3 {color: #fff; margin: 0; padding: 0.2em 0px}
.newsletter label {display: block; color: #fff; font-size:90%; padding: 2em 0px 3em; font-weight: 300; max-width: 26em ; margin: 0px auto}
.newsletter .pola { margin-bottom: 2em; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; }
.newsletter .pola .email {width: 70%; max-width: 300px; color: #000; background-color: #fff; -webkit-appearance: none;
border-radius: 0;}
.newsletter .pola * {outline: 0 none; padding: 1em ; font-size: 1em !important; box-shadow: none; line-height: 1.1em; border-width: 0px; box-sizing: content-box}
.newsletter .pola .ok {display: inline-block; cursor: pointer; background-color: #000; color: #fff; transition: background-color 0.2s ; font-size :0.95em ; border: 1px solid #fff }
.newsletter .pola .ok:hover {background-color: var(--texth) }
.sklepskrot {background-color: #fff; }
.sklepskrot h3 {text-align: center}
.sklepskrot .boksy {margin: 3% 0}
.sklep-box {vertical-align: top; width: 30%; margin-right: 5%; display:inline-block; position: relative;}
.sklep-box:LAST-CHILD {margin-right: 0}
.sklep-box .image { transition: transform .3s ease-in-out; height: 100%; display: block; background-repeat: no-repeat; background-size: cover;
opacity: 0.9; background-position: center;
}
.sklep-box .image:after {content: ""; display:block; width: 100%; padding-top:100%;}
.sklep-box .image-cont {background-color: #000; display: block; overflow: hidden; margin-bottom: 10%; width: 100%;height: auto;}
.sklep-box .tyt, .sklep-box .cena { display: block; margin: 0.35em 0;padding: 0; }
.sklepskrot .zobaczwszy { margin-top: 5%}
.sklep-box:hover .image , .article-box:hover .image, .news-box:hover .image:not(.playing), .one-box:hover .image {transform: translateZ(0) scale(1.05) }
.nice-select ul li {margin-top: 0px; margin-bottom: 0px; padding-top: 0.5em ;padding-bottom: 0.5em}
.nice-select ul, .nice-select li, .nice-select span {font-family: inherit; font-size: inherit;}
.nice-select.f6 .option.selected {font-weight: normal; background-color: #eee !important;}
.nice-select .option.selected { font-weight: 500 !important}
.tooltip_templates {display: none}
.tippy-box[data-theme~='pnh'] { background-color: rgba(5, 5, 5, .95); color: #fff; }
.tippy-box[data-theme~='pnh'] .tippy-arrow {color: rgba(5, 5, 5, .95);}
.tippy-box[data-theme~='pnh'][data-theme~='white'] { background-color: #fff; color: #000;}
.tippy-box[data-theme~='pnh'][data-theme~='white'] .tippy-arrow {color: #fff }
.tippy-box[data-theme~='pnh'][data-theme~='big'] {border-radius: 1em; border-bottom-left-radius:0.8em }
.tippy-box[data-theme~='pnh'] .tippy-content {font-size: 1em; line-height: 135%; padding: 1.1em 1.3em; font-weight: 300; font-family: Roboto; }
.tippy-box[data-theme~='pnh'][data-theme~='big'] .tippy-content { padding: 1.4em 3.5em 1.4em 2em; font-weight: 400; }
@media screen and (max-width:600px) {
.tippy-box[data-theme~='pnh'][data-theme~='big'] .tippy-content { padding: 1.3em 1.8em }
.tippy-box[data-theme~='pnh'][data-theme~='big'] {border-bottom-left-radius:0.5em }
}
.tippy-box[data-theme~='pnh'][data-theme~='big'] .tippy-content div { margin: 0.2em 0px; }
/** tooltipster wymieniony na tippy, można to usunąć */
.tooltipster-sidetip.tooltipster-cust .tooltipster-box {border-radius: 0.15em}
.tooltipster-update-fade { animation: tooltipster-fading 200ms; }
.tooltipster-sidetip.tooltipster-cust .tooltipster-content {font-size: 0.7em; padding: 1.1em 1.3em; box-sizing: border-box; max-height: none;}
.tooltipster-cust {xmax-width: 230px; overflow: visible; xwidth: auto !important; }
.tippy-box[data-theme~='pnh'] .tippy-content a, .tooltipster-cust a {transition: text-underline-offset 0.2s; color: #fff; text-decoration: underline; text-underline-offset: -0.05em; }
.tippy-box[data-theme~='pnh'] .tippy-content a:hover, .tooltipster-cust a:hover { color: currentColor; text-underline-offset: 0.05em; }
a.icon {display:inline-flex; align-items: center; justify-content: center; background-position: center center; width: 1.2em; height: 1.2em; background-size: auto 1.2em; background-repeat: no-repeat; }
a.icon.printzebra { background-image: url(../nn/css/../img/printzebra.svg); }
a.icon.printfiskal { background-image: url(../nn/css/../img/printfiskal.svg); }
a.icon.printpdf { background-image: url(../nn/css/../img/printpdf.svg); }
.icon-links { display: inline-flex; align-items: center; column-gap: 0.7em; row-gap: 0.2em; }
a.icon i { font-size: 115%; transition: text-shadow .2s}
a.icon:hover i {text-shadow: 0 0 20px rgba(0,0,0,0.7); }
a.icon.text-success:hover {color: var(--bs-success) }
a.icon.copytocart { background-image: url(../nn/css/../img/copytocart.svg); }
a.icon.details { background-image: url(../nn/css/../img/details.svg); }
a.icon.cancel { background-image: url(../nn/css/../img/cancelsz.svg); }
a.icon.play { background-image: url(../nn/css/../img/v2/pplayc.svg); }
a.icon.payment { background-image: url(../nn/css/../img/paymentmg.svg); }
/** używane w paru miejscach, ale nieładne ten margin, zostawiam */
.iconactions { display: inline-flex; margin: 0.5em 0px; align-items: center; column-gap: 0.6em; row-gap: 0.2em; }
.szukaj {position: relative; display:inline-flex; width: auto; align-items: center; }
.szukajinput, .szukajsub {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
-webkit-border-radius:0px;
}
.szukajinput {
height: 2.5em;
display: block;
width: auto;
border: 2px solid #000;
box-sizing: border-box;
font-family: inherit !important;
color: #000;
padding-left: 1.3em;
background-color: var(--tlo-filtrow);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .2s, box-shadow 0.2s;
transition: border-color ease-in-out .15s, box-shadow 0.2s;
}
/** jeśli chcemy by strazłkę datalist było widać */
/** .szukajinput { padding-right: 1.8em; } */
.szukajinput:focus {
border-color: transparent;
outline: 0;
box-shadow: none;
}
.szukajinput::-webkit-input-placeholder { color: #000; }
.szukajinput::-moz-placeholder{ color: #000; opacity: 1}
.szukajinput::-ms-input-placeholder { color: #000; }
.szukajinput:-moz-placeholder{ color: #000;opacity: 1; }
.szukajinput::placeholder { color: #000; }
.szukajinput:focus::placeholder {
color: transparent;
}
.szukajinput[type="search"] { }
.szukajinput::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
background: url(../nn/css/../img/search-cancel-button.svg) no-repeat 50% 50%;
background-size: 0.9em 0.9em;
opacity: 1;
pointer-events: none;
}
.szukajinput::-webkit-calendar-picker-indicator, input[type="text"].szukajinput::-webkit-calendar-picker-indicator {
xdisplay: none;
xopacity: 0;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
font-family: PFHandbookProMedium;
}*/
.szukajinput + button { position: absolute; right: 1.3em; top: 2pt; bottom: 2pt; border: 0; background-color: var(--tlo-filtrow); box-shadow: none; }
.przyciski .szukajinput+button {right: 1.6em}
.przyciski .szukajinput, .przyciski .szukajinput+button {border-radius: var(--round-button-on-bar) }
.szukaj .lupa {display: block; background-image: url(../nn/css/../img/v2/lupa_00.svg); background-size: 1.4em auto; width: 1.4em; height: 1.4em; background-position: center center; }
.szukwyn {font-size: 1.25em; padding: 0.5em 0}
.przyciski a.szukaj {padding-left: 0}
.przyciski a.szukaj .cont {width: 100%}
.przyciski .szukajinput {display: inline-block; border: none; width: 90%; width: calc(100% - 0.6em);}
.przyciski .szukaj .lupa {background-size: 2em auto; width: 2em; height: 2.5em }
.filtr .szukajinput { border: 1pt solid #000; }
.filtr:not(.corners) .szukajinput { height: 100%; border-radius: 1.8em; width: 15em; padding-right: 1.4em}
.filtr.sklep .szukajinput {height: 3em;}
/** żeby datalist arrow był widoczny: .filtr.program .szukajinput { padding-right: 2.4em} */
@media screen and (min-width:1300px) {
.filtr:not(.corners) .szukajinput { width: 18em }
}
@media (max-width: 900px) {
.przyciski .szukaj .lupa {background-size: 1.7em auto; }
}
@media (max-width: 700px) {
.szukajinput + button { right: 1.1em; }
.przyciski .szukajinput+button {right: 0.8em}
.przyciski .szukaj .lupa {background-size: 1.5em auto; }
.szukajinput {padding-left: 1em; }
}
.logotypylista { overflow: hidden; margin: 1.5em 0px 0.2em 0px;}
.opis .logotypylista { margin-top: 0px}
.opis .nagrody + .logotypylista { margin-top: 2em}
.logotypylista + hr.big { margin-top: 3.5em }
.logotyp-tekst {filter: grayscale(1); display: block; width: auto; height: auto; max-width: 6.5em; max-height:2.7em; margin-top: 2em; margin-bottom: 2em }
.logotyp-tekst.monochrome { filter: grayscale(1) brightness(0) ; }
.logotypylista .logotyp {display: inline-block; vertical-align: middle; margin-right: 3em; margin-bottom: 0em; margin-top: 2em}
.logotypylista a:hover {background-color: transparent;}
.zestawy .logotypylista { margin-top: 1.5em; margin-bottom: 1em}
.zestawy .logotypylista .logotyp { margin-top: 0; margin-bottom: 2em}
.pasekspons { background-color: transparent; margin: 1.5em 0px; padding-top: 2.1em; padding-bottom: 2.1em }
.pasekspons .kont {overflow: hidden;position: relative; height: 4.37em; padding: 0px; box-sizing: border-box;}
.pasekspons .kont:after {
content : "";
position : absolute;
z-index : 1;
top : 0;
left : 0;
pointer-events : none;
background-image : linear-gradient(to left,
rgba(238,238,238, 0),
rgba(238,238,238, 1) 90%);
width : 6%;
min-width: 40px;
height : 5.5em
}
.pasekspons .kont:before {
content : "";
position : absolute;
z-index : 1;
top : 0;
right : 0;
pointer-events : none;
background-image : linear-gradient(to right,
rgba(238,238,238, 0),
rgba(238,238,238, 1) 90%);
width : 6%;
min-width: 40px;
height : 5.5em
}
.pasekspons .pasek {width: 195em; white-space: nowrap; height: 4.37em; position: absolute; left: 0; top: 0;
transform: translate3d(0, 0, 0); animation: sponsslideshow 40s linear infinite; backface-visibility: hidden; transform-style: preserve-3d; }
.pasekspons .pasek IMG {width: 50%; height: auto; }
.pasekspons .pasek {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.pasekspons .pasek:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@keyframes sponsslideshow {
100% {
transform: translateX( -50%);
}
}
.share-button { display: flex;}
.share-button { background-image: url(../nn/css/../img/v2/share2.svg);
background-position: left center; background-size: auto 1.2em;
display: flex; height: 1.5em; padding-left: 2em;
align-items: center; color: #000;
margin-right: 2em; line-height: normal; padding-top: 1px;
}
.share-button span {color: #000; text-decoration:none; transition: transform 0.2s; line-height: normal;}
.share-button:hover span { transform: translateX(0.2em)}
a.share-button { text-decoration:none;}
@media screen and (max-width:650px) {
.share-button {background-position: center}
.share-button span.hide-on-mobile {display: none; background-position: center center}
}
.baner-social {margin-top: var(--odstep-apla); margin-bottom: var(--odstep-apla2); }
.baner-social .fb-icon {display: block; background-image: url(../nn/css/../img/v2/social_face.svg); background-size: auto 2.1em; background-position: left center; height: 3em; width: 3em; margin-bottom: 1.3em }
.baner-social .insta-icon { display: block; background-image: url(../nn/css/../img/v2/social_insta.svg); background-size: auto 2.1em; background-position: left center; height: 3em; width: 3em; margin-bottom: 1.3em }
.baner-social .baner {display: flex; align-items: stretch; flex-wrap: nowrap; align-content: stretch; width: 100%; position: relative; margin-bottom: 4em}
.baner-social .baner:after {content: ""; display: block; padding-top: 30%}
.baner-social .lewa { position: relative; background-image: url(../nn/css/../img/baner-social-tlo5.jpg); background-size: cover; width: 57% }
.baner-social .lewa .tlo {z-index: 1; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15) }
.baner-social .lewa .napis { z-index: 2; position: absolute; top: 10%; left: 5%; max-width: 90%; background-color: #000; display: block; padding: 0.6em 1.2em 0.5em 1.2em; box-sizing: border-box;}
.baner-social .lewa .napis span {color: #fff;}
.baner-social .prawa { width: 43%; background-color: #000 ; position:relative;}
.baner-social .prawa .lin { display: flex; flex-wrap:nowrap; align-items: center; position: absolute; bottom: 15%; left: 10%; width: 82%; color: #fff;}
.baner-social .prawa .lin .linf { color: #fff; width: calc(100% - 7rem); padding-right: 2rem}
.baner-social .prawa .lin .stz {transition: width 0.2s; background-image: var(--dluga-strzalka-white); width: 4em; height: 2em; background-size: 5em auto; background-position: center right }
.baner-social .baner:hover .lin .stz {width: 4.5em }
.baner-social .przejdz {padding-top: 2.5em; }
@media screen and (max-width:1200px){
.baner-social .baner:after {content: ""; display: block; padding-top: 40%}
.baner-social .prawa .lin { width: 100%; flex-direction: column; align-items: flex-start; }
.baner-social .prawa .lin .linf {width: auto; padding-right: 0px;}
.baner-social .prawa .lin .stz {align-self: flex-start; margin-top: 0.8em}
}
@media screen and (max-width:700px){
.baner-social .baner {flex-direction: column; }
.baner-social .baner:after {display: none;}
.baner-social .lewa:after {content: ""; display: block; padding-top: 85%}
.baner-social .lewa .napis {top: 2.2em; left: 2em; font-size: 120%; max-width: calc(100% - 4em); box-sizing: border-box}
.baner-social .lewa, .baner-social .prawa {width: 100%; box-sizing: border-box;}
.baner-social .prawa {height: auto; padding: 2.8em 2.1em; }
.baner-social .prawa .lin { width: 100%; position: relative; font-size: 130%; left: 0px; flex-direction: column; align-items: flex-start; }
}
DIV.pager {background-color: #f4f4f4; color: #484746; display: inline-block; line-height: normal; font-size: 85%}
DIV.pager .pagersr {display: inline}
DIV.pager A, DIV.pager span { padding: 10px 6px; color: #484746; display: inline-block; font-size: inherit; font-family:inherit; line-height: inherit; }
DIV.pager span.currentPage {display: inline-block; color: var(--magenta);}
DIV.pager A:hover {color: var(--magenta); }
A.nastepna, DIV.pager A.nast {height: 100%; border-left: 2px solid #fff; padding: 10px 17px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAMAAAAmRK2vAAAAQlBMVEUAAABHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZdXwfZAAAAFXRSTlMAHdC03uVGBPrxL3+eXqP4fmCd8jDAZRXJAAAAOElEQVR4XiWLRxLAMAgDcQng7hT9/6uBRJcdaVaUYyBLwlEN0lHYe4MO58QybOhJcuHmz3xs+n8vLpcBims3PlYAAAAASUVORK5CYII=") no-repeat center center; width: 5px }
A.nastepna:hover, DIV.pager A.nast:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAMAAAAmRK2vAAAAQlBMVEUAAADrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAItZIGJMAAAAFXRSTlMAHdC03uVGBPrxL3+eXqP4fmCd8jDAZRXJAAAAOElEQVR4XiWLRxLAMAgDcQng7hT9/6uBRJcdaVaUYyBLwlEN0lHYe4MO58QybOhJcuHmz3xs+n8vLpcBims3PlYAAAAASUVORK5CYII=") }
A.poprzednia, DIV.pager A.poprz {border-right: 2px solid #fff; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAMAAAAmRK2vAAAAQlBMVEUAAABHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZHRkZdXwfZAAAAFXRSTlMA0N4d5Ua0BPovnl7xf/ijYH7ynTANMxFVAAAANUlEQVR4Xi3LRwKAMAzEQAVweqHt/7+KD8xZwu1hA8qhCNZVEy1rAFMLd2ZdOLv1JOD18v8+LqYBinI6+SYAAAAASUVORK5CYII=") no-repeat center center; padding: 10px 17px; width: 5px; }
A.poprzednia:hover, DIV.pager A.poprz:hover {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAMAAAAmRK2vAAAAQlBMVEUAAADrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAIvrAItZIGJMAAAAFXRSTlMA0N4d5Ua0BPovnl7xf/ijYH7ynTANMxFVAAAANUlEQVR4Xi3LRwKAMAzEQAVweqHt/7+KD8xZwu1hA8qhCNZVEy1rAFMLd2ZdOLv1JOD18v8+LqYBinI6+SYAAAAASUVORK5CYII=") }
DIV.pager .pagersr .pgr:FIRST-CHILD {padding-left: 12px; }
DIV.pager .pagersr .pgr:LAST-CHILD {padding-right: 12px; }
/** ==================================== baner glowna ====================== */
.det-link { display: inline-flex; flex-direction: column; width: auto; margin-left: auto; margin-right: auto; }
.det-link .ostrz {
margin-top: 1.2em;
background-image: var(--dluga-strzalka);
background-position: -0.6em center;
padding-left: 0px;
display: inline-block;
overflow: hidden;
background-size: auto 1em;
transition: background-position .2s ease;
width: 5em;
margin-left: 0px;
height: 1em;
}
.det-link.button-rounded {
border: 1.5pt solid #000; flex-direction: row;
position: relative; padding: 0.8em 1.2em 0.8em 1.5em; align-items: center;
border-radius: 1.8em; background-color: transparent;
justify-content: space-between;
margin-left: unset; margin-right: unset;
font-size: 0.95em
}
.det-link.button-rounded .arr-short {
background-image: var(--filled-arrow);
background-position: right 0.2em center;
padding-left: 0px;
display: inline-block;
overflow: hidden;
background-size: auto 1.2em;
height: 1.2em;
transition: background-position .2s ease;
width: 2em;
margin-left: 0px;
}
.det-link.button-rounded:hover .arr-short {
background-position-x: right;
}
.baner-gl {background-color: #B4FF80; color: #000; margin-top: 2em; margin-bottom: 2em}
.baner-cont { padding-top: 2.5em; padding-bottom: 2.5em; display: flex; justify-content: space-between; position: relative; }
.baner-gl .baner-cont.marginesy_jakheader {padding-left: 6%; padding-right: 6%;}
.baner-gl * {color: #000; }
.baner-gl .op {flex-basis: 50%; padding-top: 1em; padding-right:2em; box-sizing: border-box; }
.baner-gl .op h1, .baner-gl .op .labl {max-width: 20rem}
.baner-gl .op .labl {padding-top: 1.2em; padding-right: 5%; box-sizing:border-box; }
.baner-gl .baner-il {
height: 26em;
width: 100%;
flex-basis: 40%;
display: flex;
align-items: center;
justify-content: center;
xpadding-right: 5%;
box-sizing: border-box;
}
.baner-gl .baner-il .im {
display: block;
background-image: url(../nn/css/../img/mapabaner.png);
position: relative;
background-size: contain;
background-position: center center;
width: 26em;
height: 26em;
background-repeat: no-repeat;
background-color: transparent; /** rgba(0,0,0,.1); */
/*background-blend-mode: darken; */
transition: transform 0.2s;
}
.baner-gl .det {
flex-basis: 40%;
align-self: flex-end; white-space: nowrap;
padding-bottom: 4%; text-align: right;
}
.baner-gl:hover .ostrz {background-position: 0em center;}
.baner-gl.miejsca .det {flex-basis: 35%}
@media (max-width: 1250px) {
.baner-gl.miejsca .det {flex-basis:22%}
}
.baner-gl.mercz .baner-cont { xpadding-bottom: 1.2em; }
.baner-gl.mercz { background-color: #FFFF4E}
.baner-gl.mercz .baner-il .im {
background-image: url(../nn/css/../img/baner_mercz.png);
}
.baner-gl.mercz:hover .baner-il .im {transform: rotate(5deg) }
.baner-gl.miejsca:hover .baner-il .im {transform: rotate(-5deg) }
.baner-gl.amadeus:hover .baner-il .im {transform: rotate(-5deg) }
.baner-gl.amadeus { background-color: #8197F3}
.baner-gl.amadeus .baner-il .im { background-image: url(../nn/css/../img/baner_amad.png); }
.baner-gl.podkast { background-color: #70E45F}
.baner-gl.podkast .baner-cont {padding-top: 3.2em; padding-bottom: 3.4em}
.baner-gl.podkast h1 {padding-top: 0.3em}
.baner-gl.podkast .op {flex-basis: 40%; padding-top:0px; padding-right: 4em;box-sizing: border-box; }
.baner-gl.podkast .baner-il {flex-basis: 50%; height: 21em; }
.baner-gl.podkast .labl p {margin-top: 0px; margin-bottom:0px; padding: 0px}
.baner-gl .det-and-logo {
flex-basis: 35%; align-self: stretch; white-space: nowrap;
text-align: center; display: flex; flex-direction: column; justify-content: space-between;
align-items: flex-end;
}
.baner-gl .det-and-logo .labl {white-space: normal; text-align: left; max-width: 28rem;}
.baner-gl .podkast-logo {height: auto ; width: 11.3em; max-width: 90%; }
.baner-gl .op .podkast-logo {width: 10em;}
.baner-gl.podkast .baner-il {position:relative; box-sizing: border-box;}
.baner-gl.podkast .baner-il img.il {
display: block; position: relative;
width: 70%; max-width: 18em;
height: auto; transition: transform 0.2s;
transform-origin: left bottom;
}
.baner-gl.podkast .baner-il img.over { position: absolute; margin-left: auto; bottom: 0px; margin-right: auto;left: 0;
right: 0;text-align: center;border-radius: 1em}
.baner-gl.podkast img.il1 {transform: translateX(3em) rotate(-15deg); }
.baner-gl.podkast img.il3 {transform: rotate(-15deg); }
.baner-gl.podkast:hover img.il1 { transform: translateX(3em) rotate(-12deg); }
.baner-gl.podkast:hover img.il2 { transform: rotate(4deg); }
.baner-gl.podkast:hover img.il3 { transform: rotate(-18deg); }
.button-frame-rounded {display: inline-flex; position: relative; padding: 0.85em 1.75em; align-items: center;
border-radius: var(--round-button-radius); background-color: transparent; border: 1.5pt solid var(--text);
transition: border-radius 0.2s !important; line-height: normal; border-color: currentColor;
}
.button-frame-rounded:not(.f5):has(.f5) {padding: 1em 2.2em; }
.button-frame-rounded.roboto-box-txt { border-width: 1px}
.button-frame-rounded.wide { padding: 0.85em 2.4em; }
.button-frame-rounded:hover { border-radius: 0px;}
.button-frame-rounded.filled { background-color: var(--text); color: #fff; }
.button-frame-rounded.filled > * {color: #fff;}
.button-frame-rounded.tight {padding: 0.5em 1.3em}
.button-frame-rounded I {margin-right: 0.5em}
.button-frame-rounded span {line-height: inherit; font-size: inherit}
.button-frame-rounded.light {border-width: 1pt ; padding: 0.79em 1.58em; }
.button-asticket {display: inline-flex; position: relative; padding: 1.4em 2.6em; align-items: center;}
:root {
--naroznik-width: 0.8em;
}
.button-asticket .cor {position: absolute;
background-color: transparent; transition: transform 0.2s , border-radius 0.2s;
z-index: 1; width: var(--naroznik-width); height: var(--naroznik-width);
}
.button-asticket .lab { display: block; line-height: normal; }
.button-asticket .bor {position: absolute; }
.button-asticket .cor.cor1 {bottom: 0px; right: 0px;border-radius: 100% 0 0 0; border-left: 1pt solid #000; border-top: 1pt solid #000;}
.button-asticket .cor.cor2 { bottom: 0px; left: 0px; border-radius: 0 100% 0 0; border-right: 1pt solid #000; border-top: 1pt solid #000;}
.button-asticket .cor.cor3 { top: 0px; left: 0px; border-radius: 0 0 100% 0; border-right: 1pt solid #000; border-bottom: 1pt solid #000;}
.button-asticket .cor.cor4 { top: 0px; right: 0px; border-radius: 0 0 0 100%; border-left: 1pt solid #000; border-bottom: 1pt solid #000;}
.button-asticket .bor.top {top: 0px; left: var(--naroznik-width); right :var(--naroznik-width); border-top: 1pt solid #000; width: auto; }
.button-asticket .bor.bottom {bottom: 0px; left:var(--naroznik-width); right :var(--naroznik-width); border-bottom: 1pt solid #000; width: auto; }
.button-asticket .bor.right {top: var(--naroznik-width); right :0px; bottom: var(--naroznik-width); border-left: 1pt solid #000; height: auto; }
.button-asticket .bor.left {top: var(--naroznik-width); left :0px; bottom: var(--naroznik-width); border-left: 1pt solid #000; height: auto; }
.button-asticket:hover .cor {transform: rotate(180deg); border-radius: 0px;}
@media (min-width: 1500px) {
.baner-gl .op {padding-top: 3em}
.xbaner-gl h1 { font-size: 3.7em; line-height: 1em; }
.xbaner-gl .op .labl.roboto-text { font-size: 0.9em; line-height: 1.4}
}
@media (min-width: 1900px) {
.baner-gl {max-width: 108em; margin-left: auto; margin-right: auto}
.baner-gl .marginesy_jakheader.baner-cont { max-width: 75em; padding-left: 0px; padding-right: 0px;}
.baner-gl .op {padding-top: 2em}
}
@media (max-width: 1400px) {
.baner-gl .op {flex-basis: 40%}
}
@media (max-width: 1250px) {
.baner-gl .baner-il {font-size: 0.9em}
.baner-gl .det {flex-basis:22%}
}
@media (max-width: 1100px) {
.baner-gl .not-tablet {display: none}
.baner-gl .det {position: absolute; padding-left: 0px; bottom: 1em; }
.baner-gl .det-and-logo { position: absolute; padding-left: 0px; bottom: 2em;}
.baner-gl.podkast .op {flex-basis: 50%;}
.baner-gl .det:not(.with-border) {left: 5%; }
.baner-gl .det.with-border {bottom: 0px; }
.baner-gl.amadeus .baner-il {height: 29em}
.baner-gl.amadeus .op, .baner-gl.podkast .op {padding-right: 0px}
}
@media (max-width: 1000px) {
.baner-gl h1 {padding-top: 0px; }
.baner-gl .op {xpadding-top: 0px; }
}
@media (min-width: 700.0000001px) {
.baner-gl .mob {display: none}
}
@media (max-width: 700px) {
.baner-gl .desk {display: none}
.baner-gl .baner-cont {flex-direction: column; padding-top: 3.5em; padding-bottom: 3.5em}
.baner-gl .baner-cont.marginesy_jakheader {padding-left: 7%; padding-right: 7%;}
.baner-gl .det-and-logo { position: relative; bottom: unset; }
.baner-gl .det {position: static; align-self: flex-start;}
.baner-gl .baner-il {width: auto; height: auto; padding-right: 0px; align-self: center; margin-top: 4.5em; margin-bottom: 5.5em}
.baner-gl.podkast .baner-il {width: 100%; margin-top: 6em; margin-bottom: 3em; margin-left: 1em}
.baner-gl.podkast .baner-il img.over {bottom: unset; top: unset; }
.baner-gl.podkast .baner-il img.il {max-width: 22em}
.baner-gl.podkast .baner-il img.over.il2 { position: relative;}
.baner-gl.podkast h1 {max-width: none; }
.baner-gl.amadeus .baner-il {margin-top: 1em; margin-bottom: 8em}
.baner-gl .op .labl {max-width: none;}
.baner-gl.amadeus .op .labl {position: absolute; bottom: 10em;}
.baner-gl .det.with-border {bottom: 0px; padding-bottom: 0px; }
.baner-gl.amadeus .op {padding-top: 0px;}
.baner-gl .det-and-logo {align-items: flex-start; row-gap: 2em; }
}
@media (max-width: 400px) {
.baner-gl .baner-il .im {width: 80vw; height: 80vw}
}
/** =================================================================== */
@media screen and (min-width:1670px){
body:not(.kasjer) .marginesy_jakheader {padding-left: calc(50% - 718px); padding-right: calc(50% - 750px) }
}
@media screen and (min-width:2070px){
body.kasjer .marginesy_jakheader {padding-left: calc(50% - 718px); padding-right: calc(50% - 750px) }
}
@media screen and (min-width:1500px){
/** wysokosc głównego okna na bardzo dużych monitorach */
.glw-news-box:after {padding-top: 38% }
.glw-news-box.dlugi .caption h1 {width: 55%}
}
@media screen and (max-width:1400px) {
.marginesy { padding-left: 5%; padding-right: 5%}
}
@media screen and (max-width:1370px){
.marginesy_szer { padding-left: 2.5%; padding-right: 2.5%}
.marginesy_szer.for-scroll { padding-left: 5%; padding-right: 5%}
}
@media screen and (max-width:1259px){
.glw-news-box:after {padding-top: 45%;}
/** to naprawdę nie wie dla dlczego aż tak zawęża. próbuje to na razie skomentować */
/** .marginesy:not(.niezwezaj) {max-width: 850px; padding-left: 5%; padding-right: 5%} */
.przyciski-bar {xpadding: 0px 5%; xmax-width: 850px;}
section.news .to-hide {display:none;}
.single-box:after {padding-top : 100%}
.skleplist .single-box:after {padding-top : 120%}
.big-box:after {padding-top : 49%}
.news, .recenzje , section.nhvod .big-box-and-lead {margin: 0 auto;max-width: 850px; }
.news-box { width: 48%; margin: 1%;}
.big-box {width: 98%;}
.article-box {width: 50%; }
.xarticle-box {width: 48%; margin-left: 1%; margin-right:1%; }
.article-box.filmzplakatem {width: 33.3333%; max-width: 300px}
.wkinach.niecalysezon .bx_3 {display: none; }
.xsocmentions .insta { width: 33.3333%; }
.xsocmentions .insta:LAST-CHILD {display: none}
}
@media screen and (max-width:1100px) {
.glw-news-box.dlugi:after {padding-top:50%}
.one-box {min-width: 0px; width: 100%; max-width: 100%}
.one-box.film {width: 100%}
.one-box.film .caption {padding: 1.4em 0em 1.4em 3.5em}
}
@media screen and (max-width:950px) {
.article-box.filmzplakatem {width: 50%}
.wkinach.niecalysezon .bx_2 {display: none; }
.marginesy:not(.niezwezaj) {max-width: 850px;}
}
@media screen and (max-width:900px) {
.trzylinki .clw {width: 100% !important;}
.trzylinki .cl, .trzylinki .cltyt {width: 100% !important; padding-right: 0; margin-bottom: 3em; text-align: center; display: block; }
.trzylinki .cl .w {xfont-size: 1.4em; margin: 0.5em 0}
.trzylinki .cl.ps3 {margin-bottom: 1em}
.glw-news-box.dlugi:after {padding-top:60%}
.one-box .caption {padding: 1.8em 2em}
.one-box.film .caption {padding: 1.2em 0em 1.2em 3.5em}
}
@media screen and (max-width:840px) {
html { font-size:100%; }
.hb, H1, H2, H3, h4, h5 {line-height: 110%}
.big-box .caption {left: 50%; width: 48% ; }
.glw-news-box:after {padding-top: 60%}
.article-box:not(.filmzplakatem) .caption {padding: 8% 8%; height: 38% }
.przyciski-bar, .przyciski-bar.marginesy { padding-left: 2%; padding-right: 2%}
.forum .cl, .forum .cl.tyt {width: 100%; padding-right: 0; margin-bottom: 3em; text-align: center}
.forum .cl .w {xfont-size: 1.4em; margin: 0.5em 0}
.sklep-box {width: 47%; margin-right:0;}
.sklep-box:LAST-CHILD {display: none}
.sklep-box:FIRST-CHILD { margin-right: 6%}
.one-box {max-width: 450px;}
.one-box.film {max-width: 350px;}
.one-box .caption {padding: 1.8em 2em; width: 100%; position: relative}
.one-box.film .caption { padding: 2em 0em 0em 0em; width: 100%; position: relative}
.one-box .image-cont, .one-box.film .image-cont {width: 100%;}
.xone-box:not(.film) .image-cont:after {padding-top: 55%}
.one-box .caption .data {padding-top: 1em}
.one-box.film .caption .led {max-height: none; margin-bottom: 1em}
.rozbiegowka .wkinach {padding-bottom: 3em}
.article-box.filmzplakatem .caption .f6 { font-size: 15px;}
.article-box.filmzplakatem:not(.wydarz-box) .caption {font-size: 1em; padding-top: 9%; padding-bottom: 9%; }
.marginesy_szer.for-scroll { padding-left: 5%; padding-right: 0px}
}
@media screen and (max-width:700px) {
.glw-news-box .caption H1, .glw-news-box.dlugi .caption h1 {width: auto; }
.article-box {width: 100%}
.article-box.filmzplakatem {width: 100%; max-width: 300px}
.one-box {margin: 4% auto; }
.one-box {max-width: 400px;}
.przyciski-bar, .przyciski-bar.marginesy {margin: 0 0 0 0; padding-top: 2em }
.przyciski-bar .przyciski {padding: 0; }
.przyciski-bar .przyciski a.mob-only {display: flex}
.przyciski-bar .przyciski A, .przyciski-bar.dwa .przyciski A {max-width: 270px ; HEIGHT: 4.2em; padding-left: calc(3% + 1em) ; display: flex; margin: 0.5em auto ; width: auto;}
.przyciski-bar .przyciski A.szukaj { max-width: min(100%,270px); border: 1px solid #000; margin-bottom: 1.5em }
.glw-news-box:after {display: none;}
.glw-news-box .caption {position: relative; min-height:13em; margin-top: 6em; margin-bottom: 6em; display: block; top: auto; transform: none;}
.recenzje .zobaczwszy {margin-top: 0}
.news {padding-top: 2.5em}
.news .heder {margin-bottom: 1em}
.news, .recenzje, .inneartykuly {margin: 0 auto; text-align: center; }
.big-box:after, .single-box:after {padding-top:100%}
.skleplist .single-box:after {padding-top:100%}
section.news .to-hide {display:inline-block;}
.news-box { width: 100%; margin: 3% auto; }
.news-box, .article-box { max-width: 400px}
.single-box .caption { padding: 4% 5%; }
.single-box:not(.sticky):after {display: none}
.big-box.video .image, .single-box:not(.sticky) .image {position: relative; height: auto; }
.big-box.video .image:after, .single-box:NOT(.sticky) .image:after { content: ""; display: block; padding-top: 60%}
.big-box.video .caption, .single-box:NOT(.sticky) .caption {position: relative; height: auto; max-height: none; padding: 7% 6%}
.single-box:NOT(.sticky) .caption h5 {height: auto; max-height: none;}
.single-box:NOT(.sticky) .caption .lab {margin-bottom: 7%}
.big-box.video .data, .single-box:NOT(.sticky) .caption .data {position: static; bottom: auto; margin-top: 7%}
.big-box.video .caption {padding-bottom: 8%}
.big-box.video .caption .lab {display: block; color: var(--magentac); text-align: center}
.big-box.video:after {display: none}
.news-box.video .play {top : 30%;}
.big-box.video .caption {left: auto; width: 100%; background-color: #fff; text-align: center;}
.big-box.video .caption .data { color: #808080; }
.big-box.video .caption .h { color: #1c1c1c; font-size: 1.26em }
.article-box:not(.filmzplakatem) .caption {padding: 8% 8%; height: 38% }
.article-box .caption .f6 {font-size: 1.2em;}
.big-box { width: 100%; }
.big-box .caption { left: 10%; width: 80%; }
.xsocmentions .insta {width: 100%; display: inline-block !important; border: none;}
.xsocmentions .insta:LAST-CHILD {display:inline-block;}
.trzylniki .cl .w, .forum .cl .w {font-size: 1.15em; }
.logotypylista {font-size: 90%}
}
@media screen and (max-width:550px){
html { font-size:95%; }
.glw-news-box .caption H1 , .glw-news-box.dlugi .caption H1 {width: 90%}
.xglw-news-box:after {padding-top: 75%}
.xpadinggd {padding-top: 3em; padding-bottom: 3em}
.xforum .cl.ps2 {width: 50%; padding-right: 0}
.xforum .cl.ps1 {width: 46%; padding-right: 4%}
.xforum .cl.ps3 {display: none}
.sklep-box {text-align: center; width: 100%; margin-right:0 !important; margin-bottom: 10%; display: none;}
.sklep-box:FIRST-CHILD {display: block}
.sklep-box .image-cont {margin-bottom: 7%}
.sklepskrot .zob {text-align: center}
.sklepskrot .marginesy {xpadding: 0}
}
@media screen and (max-width:400px) {
.glw-news-box.dlugi .caption .morelink {display: none; }
.glw-news-box.dlugi .caption H1 { padding-bottom: 0px; }
.glw-news-box .caption .morelink {font-size: 1.13em;}
.morelink {font-size: 1.13em}
.glw-news-box .roboto-head {font-size: 13px;}
.glw-news-box .caption {top: auto; bottom: 12%; transform: none; padding-left: 5%; padding-right:5%}
.article-box:not(.filmzplakatem) .caption {padding: 7% 7%; height: 40% }
.article-box.filmzplakatem .caption .f6 {font-size: 15px;}
.newsletter .pola .email {width: 60%}
}
@media screen and (max-width:350px){
.single-box .caption {height: 50%; max-height: 50%}
}
@media (pointer:coarse) {
.hover_und_anim:after {display:none}
.hover_und_anim:hover:after {display:none}
}
/** scrollabare */
/** rozowy cienki scrollbar na wszystkie przeglądrki */
/** w zasadzie robimy to teraz tylko ze względu na safari,bo scrollbar-color działa już w Chrome */
@supports (scrollbar-color: auto) {
.pink-think-scrollbar {
/* Firefox + nowoczesne Chrome/Edge */
scrollbar-width: thin;
scrollbar-color: #b4799f #f2e6ee; /* thumb | track */
}
}
/* WebKit (Chrome, Edge, Safari fallback) */
.pink-think-scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.pink-think-scrollbar::-webkit-scrollbar-track {
background: #f2e6ee;
border-radius: 3px;
}
.pink-think-scrollbar::-webkit-scrollbar-thumb {
background-color: #b4799f;
border-radius: 3px;
border: 1px solid #D7B4C7;
}
.pink-think-scrollbar::-webkit-scrollbar-thumb:hover {
background-color: #995d83;
}
/** koniec scrollabare */header { font-size: 0.95em; display: block; overflow: hidden; padding: 0.8em 5% 0em 5%; font-family: PFHandbookProMedium; background-color: #fff }
header .limit {max-width: 1500px; margin: 0 auto; overflow: hidden; position: relative; }
header .nagl {display: block; height: 3.8em; max-width: 25em; width: 25em; float: left; margin: 1em 0px 1.8em 0em; background-size: contain;}
html[lang=en] header .nagl {xmax-width: 23.8em}
html[lang=pl] header .nagl {background-image: url(../nn/css/../img/logo_nh25o_pl.svg); }
html[lang=en] header .nagl {background-image: url(../nn/css/../img/logo_nh25o_en.svg); }
.loga {max-width: 150px; xmax-height: 35px; width: 5.1em; display: block; float: right; margin: 1.2em 0px 1em 0px;}
.loga .lg {width: 100%; }
.lang { color: #373737; float: right; margin: 1.5em 0px 0px 1.2em; text-transform: lowercase;}
.soc {margin: 1.3em 0px 1em 1.1em}
.soc a[href=""] {display: none}
.nav-log {clear: both; display: flex; justify-content: space-between; align-items: baseline;}
nav.desk {display: inline-block; margin-left: 1.71em}
nav.desk a { color: #000; padding: 2% 1.2em 2% 0px; text-transform: lowercase; transition: transform 0.2s; display:inline-block;}
.dark-top nav.desk a {color: var(--dark-top-wh)}
nav.desk a:not(.selected):hover {color: var(--magentac); transform: translateY(-0.13em); }
nav.desk a.selected { color: var(--magentac); text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1pt; }
.dark-top nav.desk a:hover {color: var(--dark-top-wh-hover)}
.dark-top nav.desk a.selected { color: var(--dark-top-wh-hover)}
.hamburger { display:block; }
header .pasgor { display: block; height: 0px; background-color: #fff; position: relative; top:0; left:0; z-index: 991;box-sizing: border-box;
overflow: hidden; width: 100% ;
}
header .pasgor .pasgor-cont {overflow: hidden; position: relative}
header .pasgor-cont.limit {padding-right: 5px; max-width: none; padding-left: 1.5em}
.fixhedlogo {display: inline-flex; padding-top: 0.85em; padding-bottom:0.85em; float: left; align-items: center; max-width: 60%; text-align: left; }
.fixhedlogo .img {display: inline-block; max-height: 1.3em; height: 1.3em; width: 6em; transition: opacity 0.2s }
.fixhedlogo .img {background-image: url(../nn/css/../img/logo25sygnbnp.svg); background-size: auto 1.3em;}
body.nh header.mb .fixhedlogo .img {background-image: url(../nn/css/../img/logo25sygnbnp.svg); background-size: auto 1.3em;}
.fixhedlogo.is-active .img {opacity: 0; }
header.fixed .pasgor {transition: all 0.2s ease-in-out; height: 3em; display: block; position: fixed; border-bottom: 1px solid #f0f0f0; }
header .zalogowany, header .niezalogowany { box-sizing:border-box; padding: 1.3em 0px 1.3em 1.2em; vertical-align: middle; height:3.5em; white-space: nowrap; }
header .zalogowany { background-color: #EEEEEE; padding-right: 1.2em; }
header .zalogowany .loggedus { display: inline-block; xtext-transform: lowercase; margin-right: 1em; max-width: 20em; overflow: visible; color: #373737; }
header .zalogowany .loggedus span.a {display: block; float: left; background-image: url(../nn/css/../img/avatar2.svg); background-size: cover; width: 1.4em; height: 1.4em; background-position: 0 0; margin-right: 0.7em; margin-top: -0.25em}
header .zalogowany .loggedus:hover {color: var(--magentac)}
header .zalogowany .loggedus span.l {display: inline-block; line-height: normal;}
header .zalogowany .kosz { display: inline-block; color: #373737; margin-right: 1em}
header .zalogowany .kosz:hover {color: var(--magentac)}
header .zalogowany .punkty { color: #373737; background-image: url(../nn/css/../img/kos/karnet_gora.svg); background-size: auto 0.9em; background-position: left 0px;padding-left: 1.2em; margin-right: 1em}
header .zalogowany .punkty:hover {color: #373737; }
.dark-top header .zalogowany .koszsvg { stroke: var(--dark-top-wh); }
.dark-top header .zalogowany .kosz:hover .koszsvg { stroke: var(--dark-top-wh-hover) }
.dark-top header .zalogowany .loggedus span.a {background-image: url(../nn/css/../img/avatarff.svg); }
.dark-top.dark-top-blue header .zalogowany .loggedus span.a {background-image: url(../nn/css/../img/avatarbl.svg); }
.dark-top .zalogowany .loggedus:hover {color: var(--dark-top-wh-hover)}
.dark-top header .zalogowany .kosz:hover {color: var(--dark-top-wh-hover)}
header .zalogowany .punkty.pakiet.vod { background-image: url(../nn/css/../img/vod/pakiet37.svg); background-size: 1em auto; padding-left: 1.2em; background-position: left 0.08em }
header .zalogowany .punkty.pakiet.vod.pakiet-expired { background-image: url(../nn/css/../img/vod/pakiet-disabl.svg); }
.dark-top header .zalogowany .punkty {color: var(--dark-top-wh); background-image: url(../nn/css/../../img/kos/karnet_goraff.svg);}
header .zalogowany .punkty, header .zalogowany .kosz {vertical-align: top}
header .zalogowany .koszsvg {transition: all 0.2s; stroke:#373737; }
header .zalogowany .kosz:hover .koszsvg { stroke: var(--magentac) }
header .zalogowany .kosz span.iloscbiletowwkoszyku { line-height: 1}
header .zalogowany .kosz svg { float: left; margin-top: -1px; margin-right: 0.5em}
header .kosz.blyskamy .koszsvg { xstroke: var(--magentac) ; }
header .kosz.blyskamy .koszsvg {transition: none; }
header .kosz.blyskamy, header .kosz.blyskamy .koszsvg { animation-name: blyskaniekosz; animation-duration: 3s; animation-iteration-count: 1; animation-direction: alternate; }
@keyframes blyskaniekosz {
0% { color: #373737; stroke: #373737}
7% { color: #373737; stroke: #373737}
12% { color: var(--magentac); stroke: var(--magentac) }
50% { color: var(--magentac);stroke: var(--magentac) }
100% { color: #373737;stroke:#373737 }
}
header .zalogowany .wyl {display: inline-block; vertical-align: top; text-transform: lowercase; }
header .pasgor .zalogowany {height: 3em; margin-right: 6px; float: right; display: inline-block; width: auto; margin-top: 0; padding: 0.9em 1.2em 0.95em 1.1em; margin-left: 1em}
header .pasgor .zalogowany .wyl {float:none}
xheader.fixed .pasgor .zalogowany {display : none}
.soc { xmax-height: 25px; xwidth:10em; display: flex; float: right; }
.soc a.kd-menuprz, .kd-menuprz {display: none}
.soc a {display: inline-block; background-position: center 0.15em; background-size: 1em 1em; width: 2.1em; xopacity: 0.85 ; transition: all 0.3s;
will-change: transform;backface-visibility: hidden; transform-style: preserve-3d;
}
.soc a.fb {background-image: url("../nn/css/../img/v2/social_face.svg");}
nav.mobile .soc a.fb { width: 1.8em}
.soc a.twit {background-image: url("../nn/css/../img/v2/social_twit.svg");}
.soc a.inst {background-image: url("../nn/css/../img/v2/social_insta.svg"); background-size: auto 1.1em; }
.soc a.tiktok {background-image: url("../nn/css/../img/v2/social_tiktok.svg");}
.soc a.yt {background-image: url("../nn/css/../img/v2/social_yt.svg"); background-size: auto 0.9em; background-position: 0.85em 0.28em; width: 2.7em}
.soc a.nhvod {background-image: url("../nn/css/../img/v2/nhvodlogon.svg"); background-size: auto 1em; width: 5em; height: 1.5em; xmargin-right: 0.6em}
nav.mobile .soc a.yt {width: 2.2em}
.soc a.letterbox {background-image: url("../nn/css/../img/letterbox.svg"); background-size: auto 1.1em; }
body:not(.nhfest) a.letterbox {display : none}
.soc a.edumh {background-image: url("../nn/css/../img/vod/nhef/mhedu.svg"); background-position: center 0.1em; background-size: auto 1.1em; width: 9.5em; height: 1.3em; }
nav.mobile .soc a.edumh {width: 8em; margin-top: 0.5em; font-size: 1.2em}
body:not(.nhef) .soc a.edumh {display: none}
.soc a:before { content: ""; float: left; display: block; padding-top: 100% }
.soc a.nhvod:before,.soc a.kd-menuprz:before { display: none;}
.soc a:not(.kd-menuprz):hover { opacity: 1.0; transform: translateY(-3px); }
.desk.soc a.nhvod:hover, .desk.soc a.edumh:hover {transform: translateX(-3px); }
.soc a:last-child { margin-right: 0px}
.desk.soc {transform: translateX(0.6em)}
nav.mobile .soc {xtransform: translateX(-0.5em) ; flex-wrap: wrap; }
.dark-top .soc a.nhvod {background-image: url("../nn/css/../img/nhvodlogonff.svg"); }
.dark-top .soc a.fb {background-image: url("../nn/css/../img/social_faceff.svg");}
.dark-top .soc a.twitt {background-image: url("../nn/css/../img/social_twitff.svg");}
.dark-top .soc a.inst {background-image: url("../nn/css/../img/social_instaff.svg");}
.dark-top .soc a.tiktok {background-image: url("../nn/css/../img/social_tiktokff.svg");}
.dark-top .soc a.yt {background-image: url("../nn/css/../img/social_ytff.svg");}
.dark-top.dark-top-blue .soc a.nhvod {background-image: url("../nn/css/../img/nhvodlogobl.svg"); }
.dark-top.dark-top-blue .soc a.fb {background-image: url("../nn/css/../img/social_facebl.svg");}
.dark-top.dark-top-blue .soc a.twitt {background-image: url("../nn/css/../img/social_twitbl.svg");}
.dark-top.dark-top-blue .soc a.inst {background-image: url("../nn/css/../img/social_instabl.svg");}
.dark-top.dark-top-blue .soc a.tiktok {background-image: url("../nn/css/../img/social_tiktokbl.svg");}
.dark-top.dark-top-blue .soc a.yt {background-image: url("../nn/css/../img/social_ytbl.svg");}
.loguj { font-weight: 500; color: var(--magentac); xmargin-left: calc(1.7% + 5px);}
.xmloguj {font-size: 1em; color: var(--magentac); float: left; margin-left: 1% }
.nhfest .soc a.tiktok, .nhfest .soc a.twit { display: none;}
.xnhfest .nhvod {display: none} /** gdy trwa, TODO: może dorobić clasę css że trwa? */
.profiluz {padding-left: 3%; padding-right: 3%}
.profiluz .wi {display: block; margin-top: 0.7em; margin-bottom: 0.7em; margin-left: 0em; padding-left: 2.1em; background-size: auto 1em; background-position: left 0; }
.profiluz a.wi {color: #373737; background-position: left center; }
.profiluz a.wi:hover { color: var(--magentac);}
.profiluz .koszyku { background-image: url(../nn/css/../img/kos/koszlt.svg); background-position: 0.2em 0.1em }
.profiluz .maszkarnet { background-image: url(../nn/css/../img/prof_karnet.svg); background-position: 0.05em 0.15em; background-size: 1em auto; }
.profiluz .maszkarnet span.inf, .profiluz .maszpakiet span.inf {display: block; font-size: 0.8em; max-width: 21em; margin-top: 0.8em; line-height: 1.3 }
.profiluz .maszkarnet span.inf + span.inf {margin-top: 0.5em}
.profiluz .maszkarnet .karn {display: inline-block; margin-right: 1em; }
@media screen and (max-width:410px) {
.profiluz .maszkarnet .karn {xmargin-right: 2em;}
}
.profiluz .cyfrowy { display: inline-block; color: #373737; position: relative }
.xprofiluz .cyfrowy:after {content: ''; width: 100%;bottom:3px; position:absolute; height: 1px; display: block; background: #373737; transition: bottom 0.2s;}
.xprofiluz .cyfrowy:hover:after { bottom: 1px;}
.profiluz .pobierz:hover {background-position: left 0.2em;}
.profiluz .maszpakiet { background-image: url(../nn/css/../img/vod/pakietc_light.svg); background-position: 0px 0px; background-size: 1.25em auto; }
.profiluz .profil-info {width: 30em; max-width: 100%}
.profiluz .profil-info .wi {font-weight: 300; padding-bottom: 0.3em; line-height: normal; }
.profiluz .profil-links {max-width: 15em; margin-top: 2em; margin-left: auto; margin-right: auto; }
.profiluz .przy-wyl { max-width: 15em; margin-left: auto; margin-right: auto; margin-bottom: 1.5em}
@media screen and (max-width:600px) {
.profiluz .przy-wyl {max-width: 15em; }
.profiluz .profil-links { max-width: 10em}
}
.profiluz .dziesiec { background-image: url(../nn/css/../img/kos/dziesiec.svg); }
.profiluz .dwadziescia { background-image: url(../nn/css/../img/kos/dwadziescia.svg); }
.profiluz .przycisk.zramka {width: 100%;margin-top: 1.5em}
.profiluz h5 {padding-bottom: 0.1em}
.profiluz .edytujprof {text-transform: lowercase;display: block; margin-bottom: 0.4em; color: var(--magentac)}
.profiluz .edytujprof:hover {text-decoration: underline;}
.profiluz .mojezam {text-transform:lowercase; background-image: url(../nn/css/../img/lista.svg); background-size: auto 0.7em; }
.profiluz a.mojezam.wi { background-position: 0.1em center; }
.profiluz .kupione {text-transform:lowercase; background-image: url(../nn/css/../img/vod/dostep.svg); }
.profiluz .oznaczone {text-transform:lowercase; background-image: url(../nn/css/../img/vod/gwiazdkab.svg); }
.profiluz .online {text-transform:lowercase; background-image: url(../nn/css/../img/vod/onlineicon12.svg); background-size: auto 0.9em }
.profiluz .rezerwacje { background-image: url(../nn/css/../img/rezerwujb.svg); background-size: auto 0.8em }
.profiluz .kupione, .profiluz .oznaczone {display: none}
.profiluz .online { display: none}
body.nhfest .profiluz .online { display: block}
.profiluz .userav {display: none; vertical-align: top; margin-top:0.5em; width: 2.3em; height: 2.3em; background-size: cover; border-radius: 50%; margin-right: 0.5em}
.profiluz .loginprof {display:inline-block; margin-bottom: 1em}
.profiluz .wi.kupon {padding-left: 0px; max-width: 23em}
.profiluz .wi.pakietinfo, .pakietinfo {display: none}
.profiluz .wi.pakietinfo.jest, .pakietinfo.jest {display: block}
#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: 990;
}
#przyciemnionetlo.is-active {
visibility: visible; background-color: rgba(0, 0, 0, 0.7);
transition-delay: 0s;
-webkit-transition-delay: 0s
}
nav.mobile {font-size: 1.1em; min-width: 14em}
.submobile > a, nav.mobile > a {color: #000; padding: 0.4em 0px; margin: 0px 0px; display: block; text-align: left; text-transform: lowercase;}
.submobile > a:hover, nav.mobile > a:hover ,nav.mobile a.selected {color: var(--magentac)}
.submobile {font-size: 90%; padding-left: 1.5em}
nav.mobile > a:not(.nh-menuprz) {transition: transform 0.2s; }
nav.mobile > a:not(.hover_und_anim):not(.nh-menuprz):not(.kd-menuprz):hover { transform: translateX(0.12em); }
nav.mobile .soc a {transition: transform 0.2s }
nav.mobile .soc a:hover {transform: translateY(-0.13em); }
nav.mobile .soc a.nhvod {width: 100%; order: 5; margin-top: 0.6em; margin-right: 0px; }
nav.mobile .soc a.nhvod:hover {transform: translateX(0.13em); }
nav.mobile .mloga.logosponsora {display: none}
.dark-top .submobile > a, .dark-top nav.mobile > a { color:var(--dark-top-wh)}
nav.mobile a.mg { float: left; margin: 0}
nav.mobile a.lang {clear: both; float: left; margin-top: 0; }
nav.mobile a.lang:hover {color: inherit;}
nav.mobile a.ost {padding-bottom: 0px; margin-bottom: 0.5em}
nav.mobile .prz {float: left; clear: both; display: block; width: 1.5em; border-top: 2pt solid #000; margin: 1.1em 0}
.dark-top nav.mobile .prz { border-top-color: var(--dark-top-wh)}
nav.mobile {padding: 1em 7em 1em 4em;}
nav.mobile .soc {float:left; clear: both; margin: 2.5em 0px 0.5em 0px; overflow: hidden; }
nav.mobile .soc a {background-position: left center ; }
nav.mobile .mloga {float:left; clear: both; display: block; padding: 0.5em 0 ; overflow: hidden;}
nav.mobile .mloga img {width: 5em }
nav.mobile {
display: block;
background: #fff;
position: fixed;
max-width: 440px;
height: 100%;
top: 2.73em;
right: 0;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
z-index: 994;
}
nav.mobile.is-active {
-webkit-transform: translate(0%, 0);
-moz-transform: translate(0%, 0);
transform: translate(0%, 0);
}
#wrapper.is-active {
z-index: 0 !important
}
nav.mobile .soc {max-width: 10em;
margin-left: auto;
margin-right: auto;}
@media screen and (min-height: 600px) {
body:not(.nhfest) nav.mobile .skroty {position: absolute; bottom: 13%; z-index: -1}
}
@media screen and (min-height: 700px) {
body.nhfest nav.mobile .skroty {position: absolute; bottom: 13%; z-index: -1}
}
@media screen and (min-width:1500px) {
nav.mobile { max-width: none; padding-right: calc(50% - 750px - -4em); }
}
@media screen and (max-width:1259px) {
nav {margin-left:0px}
}
@media screen and (max-width:1100px) {
header .loga {width: 5em; max-width: 25%; xmargin-top: 1.4em}
header { padding-left: 4%; padding-right: 4%}
.marginesy_jakheader {padding-left: calc(4% - -1.5rem); padding-right: 4%}
header .zalogowany.gdyf .wyl {display: none;}
header .zalogowany.gdyf .punkty {margin-right: 0}
header .zalogowany.gdyf .punkty.onsite + .punkty.vod {margin-left: 1em}
header .zalogowany.gdyf .kosz {margin-right: 0.8em}
}
@media screen and (max-width:960px) {
header {font-size: 0.9em; padding-left: 2%; padding-right: 2%}
.marginesy_jakheader {padding-left: calc(2% - -1.5rem); padding-right: 4% /** było 2% ale zmieniłem na 4% bo np. strzałka przy sliderze się nie mieściła */}
header .zalogowany.gdyf .loggedus span.l {max-width: 120px; overflow:hidden; white-space: nowrap;}
}
@media screen and (max-width:900px) {
header .zalogowany.gdyf .loggedus span.l {max-width: 80px; }
}
@media screen and (min-width:841px) {
#przyciemnionetlo {visibility: hidden}
}
@media screen and (max-width:840px) {
header {font-size: 1em; padding: 1em 2.7% 1em 3%;}
header .pasgor-cont.limit { padding-left: 5%}
.marginesy_jakheader {padding-left: 5%; padding-right: 5%}
/** zmienia się menu na hamburgera */
.nav-log, nav.desk {display: none}
header .nagl .mobile {display: block}
header .nagl .desk {display: none}
header .nagl { margin: 3.5em 0px 1em 0px; width: 80%; max-width: 400px;}
.loggedin header .nagl {margin-top: 4em}
header .loga {width: 6em; position: absolute; right:0;bottom:0; }
header .loga img {vertical-align: bottom;}
header:not(.fixed) .fixhedlogo {display:none}
header .desk.soc, header .lang { display: none}
header .loguj { display: none}
header .zalogowany.gdyf { display: none}
header .pasgor {display: block; height: 3.6em; position: fixed; }
header .hamburger {margin-top: 0.21em}
header.fixed .pasgor {transition:none; height: 3.6em}
header .pasgor .zalogowany {height: 3.6em; padding-top: 1.35em}
header .pasgor .kd-menuprz {display: none;}
.fixhedlogo .img {height: 2em; max-height: 2em; background-size: auto 1.4em; background-position: left center;}
header .pasgor .fixhedlogo, header.fixed .pasgor .fixhedlogo { padding-top: 0.8em; padding-bottom: 0.8em; }
nav.mobile {padding-right: 4em}
nav.mobile {padding-top: 1em; font-size: 120%; top: 3em;}
nav.mobile .soc {margin-top: 1em; margin-bottom: 0px;}
nav.mobile > a { font-size: 110%; }
}
@media screen and (max-width: 800px) {
nav.mobile {top: 2.77em; font-size: 130%} /** wysokość podzielona przez font size - 3.6 / 1.3*/
}
@media screen and (max-width:550px) {
header {padding: 1em 22px 1em 4%;}
header .loga {position: static; float: left; clear: both; margin-left: 29px; max-width: 30%; }
header .nagl { width: 100%; max-width: 400px !important;}
header .zalogowany .loggedus span.l {max-width: 85px; overflow:hidden; white-space: nowrap;}
header .pasgor-cont.limit { padding-left: 4%}
header .pasgor { min-width: 100px;}
header:not(.rez) .pasgor.zalo, header.rez .pasgor.zalo {background: linear-gradient(to right, #eee 0%, #eee 70%, #fff 70.1%, #fff 100%) }
header .pasgor.zalo .fixhedlogo {display: none}
header .pasgor .zalogowany { float: left; margin-left: 0; display: inline-block; width: 80%; width: calc(100% - 56px ); padding-top: 1.25em; margin-top: 0; padding-left: 0}
header .pasgor .zalogowany .wyl {float: right; margin-right: 0.5em}
nav.mobile .soc {font-size: 120% }
nav.mobile > a { font-size: 130%; }
}
@media screen and (max-width:500px) {
nav.mobile { width: 100%; max-width: none; padding-right: 0 }
xnav.mobile > a { text-align: center}
xnav.mobile .soc {margin-left: auto; margin-right: auto; text-align: center}
xnav.mobile .mloga {margin-left: auto; margin-right: auto; text-align: center; width: 60%; min-width: 170px;}
header .zalogowany .punkty {margin-right: 0}
header .pasgor .zalogowany .wyl {display: none}
}
@media screen and (max-width: 400px) {
header .zalogowany .punkty.pakiet.vod {display: none}
nav.mobile {top: 3em; font-size: 120%}
header .loga {xmargin-left: 8.627%; margin-left: 7%}
}/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger:focus { outline: none; }
.hamburger {
padding: 15px 15px 15px 15px;
xwidth: 30px;
text-align: center;
xheight: 30px;
xposition:absolute;
float: right;
right: 0;
top: 0;
}
.hamburger-box {
width: 30px;
height: 22px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 4px;
background-color: #000;
border-radius:3px;
position: absolute;
transition-property: transform ;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after {bottom: -10px; width: 20px; }
.hamburger.is-active .hamburger-inner::after,
.hamburger-box:hover .hamburger-inner::after { width:30px; }
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: width 300ms ease, bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger-box {width: 20px; height: 18px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 3px;}
.hamburger-inner::before { top: -7px; }
.hamburger-inner::after {bottom: -7px; width: 13px; }
.hamburger.is-active .hamburger-inner::after, .hamburger-box:hover .hamburger-inner::after { width:20px; }
@media screen and (min-width:1600px) {
.hamburger {padding-top: 17px;}
}
@media screen and (max-width:700px) {
/** to jest żeby zlikwidować hover na komórkach */
.hamburger-box:hover .hamburger-inner::after {width: 13px; }
.hamburger.is-active .hamburger-inner::after {width: 20px}
}
.dark-top .hamburger-inner, .dark-top .hamburger-inner::before, .dark-top .hamburger-inner::after {background-color:var(--dark-top-wh)}
#popup {
background: rgba(0, 0, 0, 0.8);
position: fixed;
display: none;
z-index: 50000;
/* z-index: 290004; */
height: 100%;
width: 100%;
left: 0;
top: 0;
-webkit-transform-style: preserve-3d;
moz-transform-style: preserve-3d;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
}
.popup-progress-overlay {
z-index: 50009;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
text-align: center;
background: rgba(200,200,200,0.5) url('../nn/css/../img/progress.svg') no-repeat center;
}
.popup-progress-overlay.nobg { background-image: none; background-color: rgba(10,10,10,0.9) }
.popup-progress-overlay.nobg .mess {display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.popup-progress-overlay.nobg .mess>span {color: #fff; display: block; margin-bottom: 2em }
#popup > div {
border-radius: 0px;
position: fixed;
xbox-sizing: border-box;
display: inline-block;
background: #EEEEEE;
box-shadow: none;
padding: 2em 2em;
width: auto;
min-width: 300px;
max-width: 750px;
max-height: 90%; max-height: calc(100% - 5em);
z-index: 50001;
/*-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
*/
text-align: left;
border: none;
overflow: hidden;
}
#popup.lightbg > div {
background-color: #fff;
}
#popup.darkbg { background: rgba(0, 0, 0, 1); }
#popup.darkbg > div {background-color: #121212; }
#xpopup .zawart {overflow-y: auto; overflow-x: hidden; }
#popup .krzyzyk {margin-top: -0.5em; background-image: url('../nn/css/../img/krzyzyk.svg'); background-size: 0.84em 0.84em; width: 1.06em; height:1.06em; background-position: center center; float: right; }
#popup.darkbg .krzyzyk { background-image: url(../nn/css/../img/krzyzykb.svg)}
#popup .tytul {padding-top: 0; padding-bottom: 0.6em; -webkit-user-select: none; }
/** to jest potrzebne wszędzie tam, gdzie jest wykorzystywany tap-hold, np. w invitations, hammer */
#popup {-webkit-user-select: none; }
#popup .przycisk.maly {}
#popup .full {max-width: 100%; width: 100%; padding: 0px; height: 100%; max-height: none}
#popup .full .krzyzyk {margin-top: 1em; margin-right: 1.3em; font-size: 140%}
#popup .full .zawart {height: 100%; box-sizing: border-box; padding: 4em 0px 1em 0px}
#popup .forimg {max-width: 85vw; }
#popup .forimg .popimg {max-width: 75vw; max-height: 60vh; margin-top: 1em }
.popupplayer {width: 100%; height: 100%; }
.popupplayer iframe {width: 100%; height: 100% }
@media screen and (max-width:1200px){
#popup .pszeroki { min-width: 70% }
}
@media screen and (max-width:900px){
#popup > div { max-width: 500px }
#popup .pszeroki { min-width: 80% }
#popup .pszeroki .zawart {font-size: 90%}
#popup .pszeroki .zawart p {font-size: 13px; line-height: 1.4}
}
@media screen and (max-width:700px){
#popup .pszeroki { min-width: 90% }
}
@media screen and (max-width:550px){
#popup > div {
xheight: 100%;
width: 100%;
padding: 1.5em 1.5em;
box-sizing: border-box;
}
}/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.horizontal-only .jspVerticalBar {
display: none !important;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 11px;
background: #f4f4f4;
padding: 0px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
/* pakamera to komentuję
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
*/
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 30px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/* pakamera */
a.jspArrowLeft {
background: url(../nn/css/../../n/img/o/scroll_lefta.png) no-repeat 10px 0px;
height: 10px;
}
a.jspArrowRight {
background: url(../nn/css/../../n/img/o/scroll_righta.png) no-repeat 5px 0px;
height: 10px;
}
.jspDrag {
background-color: rgb(0, 0, 0);
background-image: none;
border-radius: 7px;
}
.jspTrack {
background: #fff;
}.jFiler-input-dragDrop, .jFiler-input-choose-btn {font-size :1em !important}
.jFiler-input-text div {font-size: 1.2em !important}
.formularz {padding-top: 2em; padding-bottom: 2em; }
body section.formularz {min-height: calc(100vh - 25.6em)}
.formularz .formcontainer {max-width: 900px}
.formularz.waski {max-width: 800px; margin-left: 10%; padding-left:5%; }
.formularz .waski {max-width: 850px;}
.formularz input[type="text"]:disabled {
background: #f5f5f5;
}
.formularz p {font-size: 90%; line-height: 1.55}
.formularz a.s {font-size: 90%}
.formularz p a.s {font-size: 100%}
.formularz ul {font-size: 90%}
.formularz ul.list {font-size: 100%}
.formularz .nice-select .option {font-size: 100%}
.formularz .small {line-height: normal;}
.giodo { color: #777777; font-size: 84%; line-height: 1.4}
.formularz p.giodo {font-size: 84%; line-height: 1.4}
.formularz .giodo p {font-size :100%}
.giodo ul, .giodo li { font-size: 1em; line-height: 1.4}
.giodo ul li, .giodo ol li {margin-bottom: 1em; margin-top: 1em;}
.giodo ol ol li {margin-bottom: 0.4em; margin-top: 0.4em;}
.lewaimg {display: none;}
.formularz H3 {padding-top: 1em; padding-bottom: 0.6em}
.formularz H3:first-child{padding-top: 0.4em}
div.form {margin: 0.5em 0; max-width: 900px }
table.form {xmargin: 2em 0; max-width: 800px }
.form {font-size: 90%}
div.regulamin { border-radius: var(--field-radius); background-color: #ffffff; border: none; font-size: 80%; height: 400px; line-height: normal; color: #555555; overflow-y: scroll; padding: 1em 1.5em; width:92%; margin-bottom: 2em; margin-top: 1em }
div.regulamin p, div.regulamin ol, div.regulamin li, div.regulamin ul {font-size: inherit; line-height: inherit; color: #555555;}
.regulamin > ol, .tresc > ol { list-style-type: decimal; }
.regulamin ol li, .tresc ol li {margin-top: 1em; margin-bottom: 1em;}
.regulamin > ol > li > ol, .regulamin > ol > ol,
.tresc > ol > li > ol, .tresc > ol > ol { list-style-type: lower-latin; }
.regulamin > ol > ol > ol, .tresc > ol > ol > ol { list-style-type: lower-roman; }
.regulamin > ol > ol li, .tresc > ol > ol li {margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.2em }
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%; }
.formularz img {max-width: 90%}
.formularz .plewa { max-width: 900px}
.formularz .fotoutils IMG {max-width: none;}
.formularz SELECT:not(.form-select) {font-size: 1em; min-width: 80px !important}
.xformularz INPUT[type="button"], .xformularz INPUT[type="submit"] {background-color: #1B1B1B; padding: 4px 7px; color: #ffffff; text-transform: uppercase}
div.przycisk button, div.przycisk input, div.przycisk INPUT[type="button"], div.przycisk INPUT[type="submit"] {
transition: background-color 0.2s;
background-color: transparent; border: medium none; border-spacing: 0; color: #ffffff; font-size: 1em;
font-weight:normal;
line-height: normal; margin: 0; margin-top: -1px; padding: 0; text-transform: none; vertical-align: middle;font-family: PFHandbookProMedium; }
.przycisk {cursor: pointer; white-space: normal; font-family: PFHandbookProMedium; transition: background-color 0.2s; text-decoration: none; box-sizing: border-box; text-align: center;
display: inline-flex; align-items: baseline; justify-content: center;
text-decoration: none; background-color: var(--magentac); xletter-spacing: 0.12em; padding: 0.8em 1.5em ;
line-height: normal; color: #ffffff; width: auto; xtext-transform: uppercase; font-size: 1.25em ; font-weight: normal;
border-radius: var(--round-button-radius);
}
.przycisk.rounded { border-radius: 1.5em; }
div.przycisk A {text-decoration: none; display: inline-block; }
.przycisk {margin-right: 0.5em}
.przycisk + .przycisk {margin-top: 0.5em}
input.przycisk {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--round-button-radius);
color: #fff;
outline: 0;
cursor: pointer;
}
div.przycisk#lekki {background-color: #444444}
.przycisk.cancel, .przycisk.szary, .przycisk#cancel , .przycisk#szary {background-color: #777}
.przycisk.disabled, .przycisk.disabled:hover { background-color: #777; color: #ddd; cursor: default;}
.przycisk.decline {background-color: #dc3545 }
.przycisk.decline:hover {background-color: #b02a37}
.przycisk.confirm {background-color: #198754 }
.przycisk.confirm:hover {background-color: #146c43}
.przycisk i.bi {font-size: 90%}
.przycisk i.bi:not(.bi-end) { margin-left: -0.4em; margin-right:0.7em }
div.przycisk#duzy {font-size: 1.5em; line-height: 120% }
div.przycisk#wstecz {background-image: url("../nn/css/../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;}
.przycisk:hover {background-color: var(--magentah); color: #fff}
.przycisk.cancel:hover, .przycisk.szary:hover, .przycisk#cancel:hover , .przycisk#szary:hover {background-color: #555; color: #fff}
.przycisk.maly {font-size: 1em}
.przycisk.btn.btn-sm {font-size: 1em; padding: 0.5em 0.7em; }
.przycisk.maly.zramka {font-size: 1em; padding-top: calc(1.1em - 2px); padding-bottom: calc(1.1em - 2px);}
.przycisk.lekki {background-color:var(--magenta-light); font-size: 1em}
.przycisk.lekki:hover {background-color:var(--magentac) }
.przycisk.zaokraglone {border-radius: 5px; }
.przycisk.koszyk { background-image: url('../nn/css/../img/koszykbialy.svg'); background-size: 1em auto; background-position: 1.3em 0.78em;
padding-left: 3em; }
.przycisk.koszyk.zramka {background-image: url('../nn/css/../img/kos/kosz.svg')}
.przycisk.dalej { background-image: url('../nn/css/../img/dziubekbialy.svg'); background-size: auto 0.6em; background-position: right 1.2em center;padding-right: 2.3em; }
.przycisk.wstecz { background-image: url('../nn/css/../img/dziubekbialyw.svg'); background-size: auto 0.6em; background-position: left 1.2em center;padding-left: 2.3em; }
.przycisk.bilety { background-image: url("../nn/css/../img/bilety.svg");background-position: 1em 0.86em; padding-left: 3em; background-size: 1.2em auto;}
.przycisk.karnet { padding-left: 2.8em; background-image: url("../nn/css/../img/karnet.svg"); background-size:auto 0.9em; background-position: 1.3em 0.86em}
.przycisk.pakiet { padding-left: 2.8em; background-image: url("../nn/css/../img/vod/pakiet.svg"); background-size:auto 0.8em; background-position: 1.2em center}
.przycisk.printpdf { background-image: url("../nn/css/../img/printpdfb.svg");background-position: 1em 0.8em; padding-left: 2.8em; background-size: 1em auto;}
.przycisk.printfiskal { background-image: url("../nn/css/../img/printfiskalb.svg");background-position: 1em 0.8em; padding-left: 2.8em; background-size: 1em auto;}
.przycisk.printfiskal { background-image: url("../nn/css/../img/printfiskalb.svg");background-position: 1em 0.8em; padding-left: 2.8em; background-size: 1em auto;}
.przycisk.zwrot { background-image: url("../nn/css/../img/refundb.svg");background-position: 1em 1em;padding-left: 2.9em;background-size: 1.2em auto;}
.przycisk.printzebra { background-image: url("../nn/css/../img/printzebrab.svg");background-position: 1em 0.8em; padding-left: 2.8em; background-size: 1em auto;}
.przycisk.reset { background-image: url('../nn/css/../img/reset.svg'); background-size: auto 0.8em; background-position: left 0.9em center;padding-left: 2.3em; }
.przycisk.refresh { background-image: url('../nn/css/../img/refresh.svg'); background-size: auto 0.8em; background-position: right 1.1em center;padding-right: 2.9em; }
.przycisk.nobgonmobile { }
.przycisk.zramka {transition: all 0.2s; background: transparent; color: #373737; border: 2px solid #373737;
padding-top: calc(0.8em - 2px);
padding-bottom: calc(0.8em - 2px)
}
.przycisk.zramka:hover {color: #777; border-color: #777}
.przycisk.cancel.zramka:hover, .przycisk.szary.zramka:hover {color: #777; border-color: #777;background-color: transparent }
.przycisk.bialy {color: #000; background-color: #fff}
.przycisk.bialy:hover {background-color: #fafafa}
.przycisk.czarny {background-color: #000}
.przycisk.czarny:hover {background-color: #333}
.lewaimg {margin-left: 30px;}
.error {color: var(--error); }
.errorf {border: none; background-color: #ffffff; box-shadow: 0px 0px 0px 2px rgba(226, 0, 116, 1);}
ul.error {list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 1.5em; margin-bottom: 1.5em}
ul.error li {color: var(--error); padding-left: 0px; margin-top: 0.3em; margin-left: 0px; background-image: none; }
table.form TD { padding-bottom: 5px; padding-right: 8px; }
table.form td + td {padding-right: 0px;}
.formularz H1 { padding-bottom: 0.6em; display: block;}
.formularz H1:FIRST-CHILD { padding-top:0.4em}
.ramka, .formularz .informacja {
border: 1px solid #000;
padding: 2em 2em;
margin-top: 1em;
width: 100%
}
.formularz .informacja {margin-top: 2em; font-size: 90%; width: auto; max-width: 800px; box-sizing: border-box;}
font.required { display: inline-block; font-size: 12px; margin-left: 0.6em}
div.form, div.form * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.form > div {
clear: both;
overflow: visible;
padding: 0.6em 1px;
margin: 0px;
}
div.form > div > fieldset > div > div {
margin: 0 0 5px 0;
}
.formularz label:not(.f6):not(.f):not(.onoffswitch-label) {font-size: 82%; line-height: 1.35}
.formularz label.p {font-size: 90%; line-height: 1.5}
.formularz input[type=file] {font-size: 82%; margin: 0.5em 0; }
div.form > div > label + small {
display: inline-block; margin-top: -1em; transform: translateY(-0.7em); padding-bottom: 0.5em;
}
div.form > div > label,
legend {
width: 95%;
width: calc(100% - 1em);
xfloat: left;
vertical-align: middle;
display: inline-block;
padding-right: 10px;
padding-bottom: 0.5em;
}
div.form > div > div,
div.form > div > fieldset > div {
width: 100%;
xfloat: right;
display: inline-block;
vertical-align: middle;
}
div.form > div > fieldset label {
xfont-size: 90%;
}
fieldset {
border: 0;
padding: 0;
}
.formularz input[type=text], input.pole,
.formularz input[type=email],
.formularz input[type=url],
.formularz input[type=password],
.formularz select:not(.native),
.formularz textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--field-radius);
border: none;
padding: 0.7em 0.7em;
font-size: 1em;
box-sizing: border-box;
color: #000;
outline: 0;
margin-top: 0.2em; margin-bottom: 0.2em;
}
.formularz textarea {min-width: 30em}
.formularz .szukajinput + button { top: 3pt; bottom: 3pt}
.formularz input:not(.reqinput),
.formularz select:not(.reqinput),
.formularz textarea:not(.reqinput) {
max-width: 100%;
}
.reqinput {max-width: 90%; max-width: calc(100% - 1.5em)}
div.form input[type=text],
div.form input[type=email],
div.form input[type=url],
div.form input[type=password] {
width: 30em;
}
.formularz .pdatepicker.showd {width: 12em}
.formularz .pdatepicker.showt {width: 10em}
.formularz .pdatepicker.showd.showt {width: 20em}
.formularz .odstep {height: 1em}
.formularz input[type=text]:focus, INPUT.pole:focus,
.formularz input[type=text]:focus,
.formularz input[type=email]:focus,
.formularz input[type=url]:focus,
.formularz input[type=password]:focus,
.formularz select:focus
.formularz textarea:focus, .formularz .nice-select:focus,
.formularz .select2-container--default.select2-container--focus .select2-selection {
outline:0; box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.75);
}
.formularz .select2-container--default.select2-container--focus .select2-selection { border:none; }
input[type=submit]:focus, button:focus { outline: 0; box-shadow: 0;}
.formularz input[type="checkbox"]:not(.native):not(.form-check-input) { display:none; }
.formularz input[type=checkbox].errorf:not(.native) + label { position: relative;}
.formularz input[type=checkbox].errorf:not(.native) + label:after { content: ''; position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; border: rgba(226, 0, 116, 1) 2px solid; }
.formularz input[type=checkbox]:not(.native) + label:not(.f6):not(.f):not(.onoffswitch-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: 2.5em; }
.formularz input[type=checkbox]:not(.native):not(.form-field) + label:not(.f6):not(.f):not(.onoffswitch-label):not(.form-field) {font-size: 1em }
.formularz input[type=checkbox]:not(.native) + label.giodo:not(.f6):not(.f):not(.onoffswitch-label) { font-size: 0.9em}
.formularz input[type=checkbox]:not(.native) + label.long:not(.f6):not(.f):not(.onoffswitch-label) { font-size: 90%;}
.formularz input[type=checkbox]:not(.native) + label:before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 0.5em; position: absolute;
left: 0; bottom: 0px; top: 50%; transform: translateY(-50%); background-color: #fff; border: 3px solid #fff; border-radius: var(--field-radius); }
.formularz input[type=checkbox]:not(.native):checked + label:before { content: "\2713"; ; color: #000; text-align: center; line-height: 100% }
.formularz input[type=checkbox].maly:not(.native)+label:before {border: 0; width: 0.8em; height: 0.8em; margin-top: -2px;}
.formularz input[type=checkbox].maly:not(.native)+label {padding-left: 1.6em}
.formularz input[type=checkbox].top + label:before {top: 1em}
input[type='radio']:not(.nice) { transform: scale(1.4); margin-right: 5px; margin-top: 4px; }
.formularz input[type='radio']:not(.nice) + label { display: inline-block; width: auto; margin-left: 0.6em; font-size: 0.9em}
.formularz .radiorow { display: flex; flex-wrap: nowrap; align-items: baseline;}
.formularz .radiorow input[type='radio'] {margin-top: 0px; transform: scale(1.4) translateY(5%)}
.formularz .radiogroup.errorf input[type='radio'].errorf { box-shadow: none; }
.formularz .radiogroup.errorf { background-color: transparent; padding: 1em}
.formularz .radiogroup .radiorow { padding: .6em 1px;}
.formularz .nice-select { border: none; border-radius: var(--field-radius); margin-right: 0.5em; height: 2.55em; margin-top: 0.2em; margin-bottom: 0.2em;}
.formularz .nice-select .option.selected { font-weight: 500}
.formularz .nice-select , .formularz .nice-select .list {width: 20em}
.nice-select.def , .nice-select.def .list {width: 20em}
.nice-select.waski, .nice-select.waski .list {width: 6em}
.nice-select.sredni, .nice-select.sredni .list {width: 15em}
.nice-select.polowa, .nice-select.polowa .list {width: 10em}
.nice-select.sredniowaski, .nice-select.sredniowaski .list {width: 8.3em}
.nice-select.szerszy, .nice-select.szerszy .list {width: 21em}
.nice-select.szeroki, .nice-select.szeroki .list {width: 30em}
.get-tickets-buttons { margin-top: 3em; margin-bottom: 4em; display: flex; align-items: center; column-gap: 1.5em; row-gap: 1em; flex-wrap: wrap;}
.get-tickets-buttons a img {height: 3.2em; width: auto; max-width: none; }
.formularz .select2-container--default .select2-selection {border-radius: 0px; border: none; margin-right: 0.5em; min-height: 2.55em; margin-top: 0.2em; margin-bottom: 0.2em; width: 20em;}
.logowaniepopup.lpop {padding: 0.5em 0 0 0; width: 15em; margin-left: auto; margin-right: auto;}
.logowaniepopup .przycisk {font-size: 110%}
.logowaniepopup .komunik { padding: 1em 0;font-size: 90% }
.gprzycisk {width: 100%; }
.logowaniepopup .gprzycisk-lab { padding: 1.5em 0px 0.1em; text-align: center;}
.logowaniepopup .gprzycisk {margin-top: 0.5em; margin-right:0; margin-bottom: 2em; height: 2em; display: flex; justify-content: center; width: 100% }
.formularz .mgprzycisk-lab { padding: 1.5em 0px 0.1em; text-align: center;}
.formularz .mgprzycisk {margin-top: 1em; margin-right:0; margin-bottom: 0.2em; display: flex; justify-content: center;}
.lista {max-width: 1000px; margin-top: 2em; margin-bottom: 2.5em }
.lista.mniejsza { font-size: 85%}
.lista .w {width: 100%; border-top: 1px solid #000; flex-flow: row nowrap; box-sizing: border-box; padding-bottom: 1em; display: flex; justify-content: space-between; align-items: baseline; align-content: flex-start}
.lista .w > div {box-sizing: border-box; flex: 0 1 20%; padding: 1em 1em 0 0;xwhite-space: nowrap; }
.lista .w > div:LAST-CHILD {padding-right: 0em; text-align: right; justify-content: flex-end; }
.lista .w.head {font-weight: 500; }
.lista .w a:not(.bump-underline) {text-decoration: none}
.lista .w:not(.podsumowanie):not(.podwiersz):LAST-CHILD {border-bottom: 1px solid #000;}
.lista .w .nazwa {flex-basis: 40%; min-width: 20em}
.lista .w .numer {flex-basis: 30%; min-width: 10em}
.lista .w .p30 {flex-basis: 30%; min-width: 10em}
.lista .w .p20 {flex-basis: 20%; min-width: 6em}
.lista .w .p10 {flex-basis: 10%; min-width: 4em}
.lista .w .krotszanazwa {flex-basis: 40%; min-width: 15em}
.lista.upakowana {font-size: 75%;}
.lista.upakowana .w {padding-bottom: 0.7em}
.lista.upakowana .w>div {padding-top: 0.7em}
.lista .w.main { }
.lista .w.sub { border-top: 0px dotted #888}
.lista .w.dottedline { border-top: 1px dotted #888}
.lista .w.sub {color: #555}
.lista .w.sub {padding-bottom: 0.5em}
.lista .w.sub>div {padding-top: 0.5em}
.lista.upakowana .w.sub {padding-bottom: 0.5em}
.lista.upakowana .w.sub>div {padding-top: 0.5em}
.lista .w.sub>div.topborder { border-top: 1px dotted #888 }
.lista a.del {margin-bottom: -0.15em; background-image: url(../nn/css/../img/delete2.svg); background-position: center center; background-size: 0.7em auto; width: 1em; height: 1em; display: inline-block; transition: all 0.2s; }
.lista a.del:hover {transform: rotate(90deg); }
.xlista a.minusone {xmargin-bottom: -0.15em; background-image: url(../nn/css/../img/minusone.svg); background-position: center center; background-size: auto 0.9em; width: 2em; height: 1.2em; display: inline-block; transition: all 0.2s; }
.xlista a.minusone:hover {xtransform: rotate(90deg); }
/** raczej już nieużywane */
.lista a.minusone {color: var(--text) }
.lista a.minusone:before {
content: "";
margin-bottom: -0.15em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
background-position: center center; background-size: 0.80em auto; width: 1em; height: 1em; display: inline-block; transition: all 0.2s;
}
.lista a.minusone:hover:before {transform: scale(1.3); }
div.form .w { }
div.form > div.one-row > label {
width: 23%;
width: calc(25% - 1em);
xfloat: left;
vertical-align: middle;
display: inline-block;
padding-right: 10px;
}
div.form > div.one-row > div {
width: 75%;
xfloat: right;
display: inline-block;
vertical-align: middle;
}
/** do zdjęć! */
.status {
width:auto;
margin: 1.5em 0;
background-color: #ddd;
padding: 1em
}
.thumb_saved {
border: 8px solid var(--magentac) ; border-radius: 5px; -moz-border-radius: 5px;
}
.thumb_prev {
border:8px solid #777777 ; border-radius: 5px; -moz-border-radius: 5px;
}
div.uploaded_image_img { text-align: center }
div.uploaded_image_strz { clear: both; margin: 12px 0px 12px 120px;}
#cadr_preview { float: left; margin-left: 40px;}
.imgareaselect-border1 {
background: url(../nn/css/../../img/ias/border-anim-v.gif) repeat-y left top;
}
.imgareaselect-border2 {
background: url(../nn/css/../../img/ias/border-anim-h.gif) repeat-x left top;
}
.imgareaselect-border3 {
background: url(../nn/css/../../img/ias/border-anim-v.gif) repeat-y right top;
}
.imgareaselect-border4 {
background: url(../nn/css/../../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 {
}
@media (max-width: 750px) {
.lista .w .tohide {display:none}
.formularz.waski {margin-left: 0}
.giodo {font-size: 12px;}
.lista .w .nazwa { min-width: 15em}
.lista .w .krotszanazwa { min-width: 10em}
.lista .w .numer {min-width:9em}
.lista .w .p30 {min-width: 9em}
}
@media (max-width: 650px) {
.lista .w {flex-flow: row wrap;}
.lista .w.sub>div.topborder {border-top: none}
.lista .w.sub {xborder-top: 1px dotted #555}
.przycisk.nobgonmobile { text-align: left; background-image: none; padding-left: 1.5em }
}
@media (max-width: 550px) {
.lista .w {flex-flow: row wrap;}
.lista .w .tohide.h {display:none}
.lista .w .nazwa {flex-basis: 30%; min-width: 12em}
.lista .w .numer {flex-basis: 20%; min-width: 6em}
.lista .w .krotszanazwa {flex-basis: 30%; min-width: 8em}
.lista .w .p30 {flex-basis: 20%; min-width: 8em}
.lista .w .p20 {flex-basis: 15%; min-width: 5em}
.lista .w .p10 {flex-basis: 8%; min-width: 4em}
/** .formularz input[type=text] + .required,
.formularz input[type=email] + .required,
.formularz input[type=url] + .required,
.formularz input[type=password] + .required,
.formularz select + .required,
.formularz textarea + .required {
xposition: absolute;
}*/
}
section.kalendarz { background-color: #fff}
.content.program {display: block}
.prawa {display: block; float: right}
.listanaglowek .indeks.listafilmow {padding-left: 27px}
.statsswitchcont {margin-top: 0.7em; float: right; margin-right: 1.5em; overflow: hidden }
.statsswitchcont .ll {color: #000; }
.statsswitchcont .onoffswitch {float: right; margin-left: 0.5em}
@media screen and (max-width:840px){
.statsswitchcont {float: none;display: block; width: 100%; margin-bottom: 0.8em }
.statsswitchcont .ll { display: inline-block; vertical-align: top; margin-top: 0.5em}
.statsswitchcont .onoffswitch { float: none; display: inline-block;}
}
#top-bar-space {background-color: #f4f4f4; height: 11px;}
.boksy { position: absolute; top: 55px; left: 0 ; }
.f .kreska {position: absolute; height: 100%; width: 1px; display: block; top: 0px;
background-image: linear-gradient(currentColor 33%, transparent 0%);
background-position: right;
background-size: 1px 9px;
background-repeat: repeat-y;
}
.f .przerwa {
position: absolute; height: 100%; display: flex; color: currentColor; font-size: 9px; line-height: 13px;
word-wrap: break-word; overflow-wrap: break-word;
text-align:center; text-transform: uppercase; letter-spacing: 0.8px ; top: 0px; padding: 0.8em;
box-sizing: border-box;
padding-left: 1em;
align-items: center; justify-content:center}
.f .przerwa > span {max-width: 100%; }
.f .przerwa > span.waska {writing-mode: vertical-rl; transform: rotate(180deg); line-height: 1em }
@media screen and (max-width:700px){
.f .kreska, .f .przerwa, .f .przerwa-waska {display: none}
}
.kalendarz a.evkoszyk {border-radius: 20%; display: block; background-color: #777; color: #fff; position: absolute; top: 0; right: -1.25em; width: 1.2em; height: 1.2em; line-height: 1.2; text-align: center}
.kalendarz a.evkoszyk:hover {color: #fff}
.kalendarz a.evkoszyk.tylkolastmin {background-color: transparent}
.kalendarz a.evkoszyk.active:not(.minal) {background-color: #000;}
.kalendarz a.evkoszyk.tylkolastmin:before, .kalendarz a.evkoszyk.active:before {
content:"";
background-image: url(../nn/css/../img/kos/plusw2.svg); background-size: 1em 1em;
transition: all .2s;
position:absolute;
margin: auto;
left:0;
right: 0;
top: 0;
bottom: 0;
background-position: center center;
width: 1.2em; height: 1.2em;
display:inline-block;
transform-origin: center center;
}
.kalendarz a.evkoszyk.active:hover:before { transform: rotate(90deg); }
.kalendarz a.evkoszyk.active.tylkokasa { background-color: #757575}
.kalendarz a.evkoszyk.free.tylkolastmin , .kalendarz a.evkoszyk.free { display: none}
.kalendarz a.evkoszyk.tylkolastmin:before { background-image: url(../nn/css/../img/miejsceseansu.svg); background-size: auto 0.9em; }
.kalendarz a.evkoszyk.tylkolastmin.door:before { background-image: url(../nn/css/../img/kos/door-closed.svg); background-size: auto 1em; }
table.kalpane { border-spacing: 0px; table-layout: fixed; }
table.kalpane.lokalizacje {float: left; width: 6em;}
table.kalpane td {
color: #333333;
border-spacing: 0px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
table.kalpane td.p {
z-index: 3000;
}
table.kalpane td.p {
border: none;
height: 81px;
vertical-align: top;
padding: 0px;
margin: 0px;
}
table.kalpane td {background-color: #fff}
table.kalpane td:nth-child(odd) {background-color: #f1f1f1}
table.kalpane td.nagl {line-height:normal; vertical-align: middle; height: 55px; padding-left: 10px; color: var(--header-color); }
table.kalpane td.lok {
height: 81px;
background-color: #fff;
border-bottom: 10px solid #fff;
padding-right: 5px;
padding-left: 2em;
vertical-align: middle;
color: var(--header-color)
}
table.kalpane td.lok A { color:var(--header-color) }
table.kalpane td.lok A:hover {text-decoration: underline;}
table.kalpane td.ciemna { background-color: #f1f1f1; }
table.kalpane td.lokh {text-transform: lowercase; background-color: #fff;}
table.kalpane {
border: none;
border-right-width: 0;
}
div.szarab {
width:13px; background-color: #cccccc;
display: block; height: 100%;
}
div.f {
position: absolute;
color: #000;
vertical-align: middle;
background:transparent;
white-space: nowrap;
display: flex;
border-spacing: 0px;
margin-top: 0px;
clear: both;
}
.ToolTipK .goscie, .ToolTipK .goscie.tp, .ToolTipK .prasa.tp {
color: #f0f0f0; margin-top: 13px; text-transform: lowercase;
background-image: url(../nn/css/../img/goscieb.svg);
background-size: 13px 12.6px;
background-repeat: no-repeat; background-position: left 3px; padding-left: 22px;
font-size: 12px;
}
.f .goscie { background-image: url(../nn/css/../img/v2/goscie.svg); }
.f .goscie:not(.tp) { background-size: cover; display: block; width: 13px; height: 12.6px; margin-left: 10px; position: absolute; bottom: 9px; }
.f .priorytet.access { background-image: url(../nn/css/../img/v2/access.svg); background-size: auto 0.95em; }
.f .prasa { background-image: url(../nn/css/../img/press.svg); }
.f .prasa.prof { background-image: url(../nn/css/../img/kos/profs00.svg); }
.ToolTipK .prasa.tp { background-image: url(../nn/css/../img/pressb.svg); }
.f .prasa:not(.tp) { background-size: auto 11px; display: block; width: 16px; height: 11px; margin-left: 10px; position: absolute; bottom: 9px; }
.f .prasa.prof:not(.tp) { background-size: auto 16px; height: 16px }
.f .priorytet:not(.tp) {display: inline-block; background-size: contain; width: 15px; height: 12.6px; margin-left: 10px; position: absolute;
bottom: 9px;}
.f .priorytet.online:not(.tp) {}
.f .priorytet:not(.tp) {background-position: left bottom}
.f .goscie:not(.tp) + .priorytet {margin-left: 32px;}
.f .priorytet:not(.tp) + .priorytet {margin-left: 32px;}
.rezerwacje .ToolTipK .tp {padding-bottom: 12px}
div.f A { color: inherit; display: block; }
div.f A:hover { color: inherit; text-decoration: none; }
div.f A:hover .op { text-decoration: underline; }
div.f .op {
display: block;
font-size: 13px;
margin: 8px 10px;
max-height: 48px;
overflow: hidden;
text-decoration:none;
line-height: normal;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
div.f .wu { display: block; font-size: 11px; color: var(--prawieczarny); bottom: 11px; position: absolute; margin: 0px; max-height: 48px; padding: 0px 10px; overflow: hidden; text-decoration:none; line-height: normal; xfont-style: italic; xfont-weight: 500;}
.rezerwacje div.f .wu {color: inherit}
div.f .wu.xic { background-image: url(../nn/css/../img/uwagawazna.svg); margin-left: 10px; background-size: 14px auto; padding-left: 20px }
div.f.f-gala .wu:not(.ic) {display: none}
div.f .przerwy-mob {display: none}
@media (min-width: 700.0001px) {
/** to nieładnie, bo to jest istotne w kalendarzu, a w rezeracjach niepotrzebne */
.kalendarz .f .goscie:not(.tp) + .wu { margin-left: 21px}
.kalendarz .f .priorytet:not(.tp) + .wu { margin-left: 24px}
}
div.f .op.zgs {
max-height: 35px;
-webkit-line-clamp: 2;
}
div.f .bs {
height: 71px;
white-space: normal;
padding: 0;
overflow: hidden;
float: left;
}
div.f .gala {border-right: 2px dashed #fff }
div.f .inner.gala {}
div.f.f-gala.flex .bs {display: flex}
div.f a.metka {
text-align: left;
padding-left: 3px;
vertical-align: middle;
xfloat: left;
}
div.f a.metka img, div.f a.metka img#s, div.f a.nmetka, div.f a.nmetka#s {
width: 25px;
height: 17px;
display: block;
vertical-align: middle;
margin-top:-4px;
background-image: url(../nn/css/../img/met/szara.svg) ;
transform: rotate(180deg);
background-repeat: no-repeat;
transition: all 0.2s;
background-size: 90% 90%;
}
div.f a.nmetka, div.f a.nmetka#s {
margin-top: 2px;
margin-left: 2px;
background-position: center center;
xfloat: left;
display: inline-block;
cursor: pointer;
}
div.f a.metka img { display: none}
div.f a.metka img:hover, div.f a.metka img#s:hover,
div.f a.nmetka:hover, div.f a.nmetka#s:hover {
background-image: url(../nn/css/../img/met/szara.svg) ;
}
div.f a.metka img#su,
div.f a.nmetka#su {
background-image: url(../nn/css/../img/met/szara.svg) ;
}
div.f a.metka img#su:hover, div.f a.nmetka#su:hover, div.f a.metka img#s:hover, div.f a.nmetka#s:hover {
background-image: url(../nn/css/../img/met/szarah.svg) ;
}
div.f a.metka img#z, div.f a.metka img#z:hover,
div.f a.nmetka#z, div.f a.nmetka#z:hover {
background-image: url(../nn/css/../img/met/zielonap.svg) ;
}
div.f a.metka img#o,div.f a.metka img#o:hover,
div.f a.nmetka#o,div.f a.nmetka#o:hover {
background-image: url(../nn/css/../img/met/zoltap.svg) ;
}
div.f a.metka img#c, div.f a.metka img#c:hover,
div.f a.nmetka#c, div.f a.nmetka#c:hover {
background-image: url(../nn/css/../img/met/czerwonap.svg) ;
}
div.f a.metka img#zu, div.f a.metka img#zu:hover ,
div.f a.nmetka#zu, div.f a.nmetka#zu:hover {
background-image: url(../nn/css/../img/met/zielona.svg) ;
}
div.f a.metka img#ou, div.f a.metka img#ou:hover ,
div.f a.nmetka#ou, div.f a.nmetka#ou:hover {
background-image: url(../nn/css/../img/met/zolta.svg) ;
}
div.f a.metka img#cu, div.f a.metka img#cu:hover,
div.f a.nmetka#cu, div.f a.nmetka#cu:hover {
background-image: url(../nn/css/../img/met/czerwona.svg) ;
}
div.f div.op hr {
height: 5px;
border: none;
background-color: #ffffff;
border-spacing: 0px;
clear: both;
margin: none;
width: 100%;
}
.kalendarz_tlo { background-color: #f1f1f1; overflow:hidden;}
#kalendarzScrollPaneCont {background-color: #fff}
.naglowekdni {
background-color: #f1f1f1; padding-top: 1.3em ; padding-bottom: 1.1em; text-transform: lowercase;
display: flex; justify-content: flex-start;
flex-wrap: wrap; gap: 1.5em
}
.naglowekdni .dni.swiper-container {margin-left: 0px; xmargin-right: 0px;}
.naglowekdni .dni-container { }
.naglowekdni .dt {color: inherit; font-family: inherit;}
.naglowekdni a {color: var(--header-color); margin-right: 0em; xpadding: 0; }
.naglowekdni {position: relative}
.dni .swiper-slide {width: auto; white-space: nowrap;}
.naglowekdni .swiper-button-next {right: -4%}
.naglowekdni .swiper-button-prev {left: -4%}
.naglowekdni .swiper-button-next:after, .naglowekdni .swiper-button-prev:after {
font-size: 0.8em;
color: #666;
}
.naglowekdni .swiper-button-next:hover:after, .naglowekdni .swiper-button-prev:hover:after {
color: #000;
}
.naglowekdni a.bc:hover , .naglowekdni a.bcw:hover {color:#000000}
.naglowekdni .dni {padding-left: 0em}
.naglowekdni .bezczerapla {float: right; color: #000;}
.naglowekdni .swiper-button-prev.swiper-button-disabled, .naglowekdni .swiper-button-next.swiper-button-disabled {display: none}
@media (min-width: 1136px) {
/** .naglowekdni .swiper-button-next, .naglowekdni .swiper-button-prev {display: none !important}-*/
}
@media (min-width: 1690px) {
.kalendarz_tlo {max-width: 1720px;
margin-left: auto; margin-right: auto;
padding-left:calc(50% - 838px); padding-right: calc(50% - 850px)}
}
.f .czs, .f .mi, .frwu {display: none}
.boksy .blok {display: none; margin-top: 2px; margin-bottom: 0px; box-sizing:border-box; background-color: #ddd; color: #373737; text-align: center; width: 100%; padding: 1em }
.boksy .blok.blok10 {order: 1000}
.boksy .blok.blok13 {order: 1300}
.boksy .blok.blok16 {order: 1600}
.boksy .blok.blok19 {order: 1900}
.boksy .blok.blok22 {order: 2200; }
.boksy .blok.blok24 {order: 2400; xmargin-bottom: 2px;}
.boksy .blok.blok-day {order: 3000; xmargin-top: 0px; margin-bottom: 2px;}
.boksy .blok.sel { background-color: #fff}
@media (max-width: 1150px) {
.xdni .swiper-slide {width: 4.5em; max-width: 4.5em}
.naglowekdni.marginesy_jakheader { padding-right: 2.5em}
}
@media (max-width: 840px) {
.naglowekdni.marginesy_jakheader { padding-left: 2.5em}
}
@media (max-width: 700px) {
.naglowekdni .swiper-button-next, .naglowekdni .swiper-button-prev {display: none}
.naglowekdni.marginesy_jakheader {padding-left: 0px; padding-right: 0px}
.naglowekdni .metki-filtr-apla {padding-left: 2.5em}
.naglowekdni {padding-top: 2em; padding-bottom: 1.5em; gap: 2em}
div.f {display: none; position: relative; margin-left: 0 !important; flex : 0 1 auto ; margin-top: 0px !important; margin-bottom: 5px !important; width: 100%; xheight: 5em; }
.kalpane.lokalizacje {display: none;}
#kalendarzScrollPaneCont, .jspContainer { height: auto !important; width: auto !important; overflow: visible !important}
.jspHorizontalBar{ display: none;}
.jspPane {position: static !important; margin-left: 0px !important; width: auto !important;}
.jspContainer {overflow: visible;}
#top-bar-space { display: none}
#kalendarzScrollPane {float: none !important}
.kalpane {display: none}
.boksy { display: flex; flex-direction: column; position: static; }
.kalendarz_tlo {overflow: visible}
.f {width: 100%; box-sizing: border-box; padding-left: 5%; padding-right: 5% }
.f a.metka, div.f a.nmetka {float: right}
div.f .bs { position: relative; width: calc(100% - 45px) !important; }
div.f .bs:not(.stats) {padding-bottom: 13px}
.kalendarz a.evkoszyk {right: 3.2em}
.f .czs, .f .mi {display: inline-block; margin-left: 14px; line-height: 1.3}
div.f .op {margin: 0px; padding: 16px 14px 30px 14px; font-size: 16px; line-height: 24px; -webkit-line-clamp: unset; max-height: none }
div.f .przerwy-mob {padding: 0px 14px 15px 14px }
div.f .wu {padding: 0px 14px 18px 14px; font-size: 13px; position: static;}
div.f .op + .wu {margin-top: -10px}
div.f .bs:not(.stats) {height: auto !important}
.boksy .blok {display: block}
div.f .op.zgs {max-height: none; }
.f .czs { background-image: url(../nn/css/../img/czasseansu.svg);}
.f .mi { background-image: url(../nn/css/../img/miejsceseansu.svg);}
.f .czs:not(.tp) { padding-left: 1.3em; background-size: auto 0.9em; background-position: left 0.1em }
.f .mi:not(.tp) {padding-left: 1.3em; background-size: auto 1.1em; background-position: left 0;
text-transform: lowercase;}
.f .priorytet:not(.tp) { right: 16px; width: 16px; height: 13.5px; bottom: 14px; background-position: right; }
.f .goscie:not(.tp) {right: 16px; width: 14px; height: 13.5px; bottom: 14px}
.f .goscie:not(.tp) + .priorytet {right: 38px; /** było 30, nie wiem dlaczego */}
.f .prasa:not(.tp) {right: 16px;bottom: 14px}
.f .prasa.prof:not(.tp) {background-size: auto 18px; height: 18px; width: 18px }
div.f .bs.gala {display: none}
div.f.f-gala .wu:not(.ic) {display: block}
.f .priorytet:not(.tp) + .priorytet { margin-left: 0px; margin-right: 24px;}
div.f .przerwy-mob {display: block; font-size: 13px; margin-top: -19px; }
.rezerwacje div.f .przerwy-mob {order: 1; flex-basis: 100%; margin-top: -10px; padding-bottom: 20px; }
}
@media (max-width: 550px) {
.dni .swiper-slide {width: auto; max-width: none; text-align: center}
}
.top h1 {padding-bottom: 0.7em}
.filtr.program form {margin-bottom: 0px }
.filtr.program {background-color: #fff; padding-top: 0em; padding-bottom: 0.8em; overflow: hidden}
.old-pag .filtr.program { background-color: #101010; padding-bottom: 0px; padding-top: 0em;}
.filtr.program a { padding: 1em 1.5em 0.9em 3.5em;
background-size: auto 1.1em;
background-position: 1.5em center;
border-radius: 1.8em;
vertical-align: bottom;
display: inline-block;
color: #000;
text-decoration: none;
transition: background-color 0.2s;}
.filtr.program a.ind { margin-left: -1.35em ; background-image: url(../nn/css/../img/v2/indeks_00.svg); }
.filtr.program a.kal { background-image: url(../nn/css/../img/v2/kal_00.svg); }
.filtr.program a.min { background-image: url(../nn/css/../img/v2/cykle_00.svg); }
.filtr.program a:not(.dystryb):hover , .filtr.program a:not(.dystryb).sel {text-decoration: none; color: #000;
background-color: #EEEEEE;
}
.filtr.program a.dystryb:hover { text-decoration: underline; }
.filtr.program a.szukajmob:hover , .filtr.program a.szukajmob.sel {
background-color: #fff; cursor: pointer;
}
.filtr.program xform {display:block}
.filtr.program .szukaj { float: right;height: 2.7em; }
.filtr.program .sklpasekorder {display: block;}
.filtr.dodatki .szukajtytarch {margin-top: 0.4em; }
.filtr.dodatki .szukajtytarch .szukajinput {width:100%; padding-left: 1.3em}
.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 1.3em 1.2em 1.3em; color: #fff; display: inline-block; text-align: center}
.filtr .tylkom {padding: 0.7em 0 0 0; }
.filtr .tylkom {margin-right: 2.5em; float: right; vertical-align: top; }
.filtr .tylkom, .metki-filtr-apla .tylkomf { display: inline-block; text-transform: lowercase;}
.filtr .tylkom .tylkomll {margin-right: 0.9em }
.wyszukiwarka { display: flex; gap: 1.3em 2em; flex-wrap: wrap}
a.ical { transition: text-decoration 0.2s; display: inline-flex; align-items: center; padding-right: 1.4em; background-image: url(../nn/css/../img/calendar-plus.svg); background-position: right 0px; background-size: auto 1em; height: 1.2em }
a.ical:hover { text-decoration: underline }
.metki-filtr-apla {padding-bottom: 0.3em}
.metki-filtr-apla .tylkomf {display: none;}
.metki-filtr-apla .onoffswitch-label {background-color: transparent; }
.metki-filtr-apla .onoffswitch-label:before {background-color: #eee;}
.metki-filtr-apla { font-size :0.8em; flex: 1; display: flex; justify-content: flex-end; align-items: center }
.metki-filtr-apla .swi > label { padding-right:0.7em }
@media screen and (max-width:1600px) {
.metki-filtr-apla.fmoje { order : -1; flex-basis: 100%; justify-content: flex-start; gap: 2em; padding-bottom: 0px }
}
.metki-filtr-apla { display: flex; gap: 1.5em}
@media screen and (max-width:1320px) {
/** znikają na górze, pojawiają się na szarym */
.filtr .tylkom {display: none}
.metki-filtr-apla { order : -1; flex-basis: 100%; justify-content: flex-start; gap: 2em; padding-bottom: 0px }
.metki-filtr-apla .tylkomf {display: inline-block; order: -2 }
.xmetki-filtr-apla:not(.fmoje) { display: flex;}
}
.wyszukiwarka .tylo-online-apla {display: inline-flex; background-color: #C4F3B2; padding: 0px 1.2em; border-radius: 1.5em;
margin-left: 1em; height: 2.8em; align-items: center;
}
.wyszukiwarka .tylo-online-apla .to-lab {display: inline-flex; padding-left: 2em;
background-image: url(../nn/css/../img/vod/onlineicon.svg); background-size: auto 1.2em;
align-items: center; background-position: left center; margin-right: 0.7em;
white-space: nowrap;
}
.wyszukiwarka .tylo-online-apla .to-lab span {font-size: 110%}
.wyszukiwarka .tylo-online-apla .onoffswitch {font-size: 110%}
.wyszukiwarka .online-onsite-apla {display: inline-flex; align-items: center; flex-wrap: nowrap; margin-left: 0.7em; }
.wyszukiwarka .online-onsite-apla .lab-radio { margin-right: 1.6em; }
.wyszukiwarka .selekty { display: flex; font-size : 80%; gap: 1em 0.5em }
.nice-select.cyklfiltr, .nice-select.cyklfiltr .list { width: 21em; }
.filtr .nice-select
@media screen and (max-width:1250px) {
.wyszukiwarka {gap: 1.3em }
}
@media screen and (max-width:1180px) {
.nice-select.cyklfiltr, .nice-select.cyklfiltr .list { width: calc(90vw - 25em); }
}
@media screen and (max-width:1180px) {
}
@media screen and (max-width:840px) {
.filtr.program .szukajinput, .filtr .szukajinput {width:12em }
.filtr.program a.ind {margin-left: -0.6em}
.filtr.program a { padding: 0.9em 1.3em 0.7em 3.2em; background-size: auto 1em; background-position: 1.2em center; }
.nice-select.edycje, .nice-select.edycje .list {width: 100%; max-width: 100%}
}
@media screen and (max-width:650px) {
.nice-select.dzien, .nice-select.dzien .list { width: 10em}
.nice-select.cyklfiltr, .nice-select.cyklfiltr .list {width: 100%; xmax-width: 26em; xorder : 3}
.nice-select.kraj, .nice-select.kraj .list {width: calc(90vw - 11.8em); }
.nice-select.kraj {order : 2}
.wyszukiwarka {padding-top: 0.5em}
.wyszukiwarka .nice-select {margin-bottom: 0px}
/** to nie wiem do czego? */
.wyszukiwarka .nice-select.szc .list {width: 100%; max-width: 25em}
.wyszukiwarka .nice-select, .wyszukiwarka .nice-select .list { margin-right: 0}
.wyszukiwarka {align-items: stretch;}
.wyszukiwarka .selekty { flex-wrap: wrap; justify-content: space-between }
.wyszukiwarka .tylo-online-apla {margin-left: 0px; margin-top: 0.5em}
.filtr.program .szukaj {display: none; float: none; width: 100%; margin-bottom: 0.5em; border: none; margin-top: 0.9em}
.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/v2/lupa_00.svg); background-size: auto 1.2em; width: 1.5em; height: 1em ;
margin-top: 2px; /** to żeby było równo z przyciskami */}
.filtr.program .szukajinput { width:100%; padding-left: 1.5em; padding-right: 2em}
/** to żeby datalist arrow był widoczny .filtr.program .szukajinput { padding-right: 3.5em; }*/
.filtr.program .szukaj.f6 {font-family: 'Roboto'; font-size: 0.8em;height: 3.5em}
.filtr.program .szukajinput {height: 3.5em}
.filtr.program .szukaj .lupa {background-size: 1.2em auto;}
.wyszukiwarka .selekty { gap: 1em 0px }
.wynikiwysz .wiersz .tc.pasek {width: 3em}
.wynikiwysz .wiersz .tc.listafilmow {width: calc(100% - 3em)}
.wynikiwysz .wiersz .tc.seanse {padding-left: 2.2em}
}
.opis.strona {padding-bottom: 0}
.opis .zestawy .tytulorg {padding-bottom: 0.5em}
.opis .cykle .ck { background-color: #F285B0; padding: 1em 0em; color: #000; text-align: center;}
.trigger-warn-cont {display: inline-flex;}
.trigger-warn { transition: background 0.2s; xborder-radius: 0.5em; width: 1.7em; height: 1.7em;
z-index: 1 ; filter: drop-shadow(0px 0px 10px #000000);}
.xtrigger-warn { background-image: url(../nn/css/../img/trigwarn.svg); background-position: center center; background-size: contain; }
.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.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) .foto-dodat {display: none}
.opis .foto-dodat {position : absolute; bottom: 2.6em; left: min(4.5%,2.2em); display: flex; align-items: center; column-gap: 1em}
.opis .note {border: 1pt solid #fff; padding: 0.1em 1.1em; color: #fff; font-size: 0.7em; font-weight: 500; display: inline-flex; align-items: center;}
.opis .note.mobile {display: none}
.opis .note.imp {display: inline-flex; color: #000; border-color: #000; margin-top: 2em; padding: 0.7em 1.5em; font-size: inherit; font-weight: normal;}
.opis .ilustracja .foto-dodat { bottom: 2em; left: 1.7em}
.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/dziubekdolcz.svg); background-size: auto 0.4em; background-position: right 0.3em; transition: all 0.2s;
}
.opis .cykle .ck .nazwacyklu:hover {background-position: right 0.45em;}
.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/v2/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 0.5em 0.4em 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 .nag.dodatkowe {padding: 2em 0px 0.4em 0px; }
.opis .top .rez {padding: 1.4em 0 2em 0}
.opis .top .prem { padding: 2em 0 0em 0;}
.opis.no-tags .top .socialscont {text-align: center; margin-right: 0; display: flex; justify-content: center; padding-bottom: 0px ; padding-top: 2em }
.opis .top .socialscont .socials {margin-top: 0px; margin-right: 2em}
.opis.no-tags .top .socialscont .share-button { margin-right: 0}
.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 .xfilmografia {font-size: 0.9em}
.opis .filmografia p strong, .opis .filmografia p b {font-weight: 400}
.opis .stopkacont {background-color: #eee; padding-bottom: 1.5em }
.opis .seansecont + .stopkacont {background-color: #fff;}
.opis .seansecont.brak-seansow + .stopkacont {background-color: #eee;}
.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 + .linkzewkafel {margin-top: 2em}
.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: block; background-color: #fff; vertical-align: top; box-sizing: border-box; width: calc(100% - 9em); color: #373737; padding: 0.9em 1.4em;}
.opis .linkzewkafel .liautor {display: block; }
.opis .linkzewkafel .litytul {display: block; padding: 0.3em 0 0.2em 0 }
.opis .linkzewkafel .lidata {display: block; color: #767676}
.opis .linkzewkafel:hover .linkil img {transform:scale(1.05)}
.terazwkinach { }
/** KLUB FESTIWALOWY! */
div.f .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 0.6em;}
.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; opacity: 0.9}
.opis .fotos {box-sizing: border-box; position: relative; z-index: 1; display: block; width: 70%;
height: auto; overflow: hidden; background-color: #000;
max-width: 1200px;
}
.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-position-y: 15%;
background-repeat: no-repeat; background-size: cover;
}
.opis .fotos:after {display: block; content: ""; width: 100%; padding-top: 56.25%; pointer-events: none }
@media screen and (max-width: 1180px) {
.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; }
.nhfest .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%) }
.nhfest .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: 1em}
.opis .fotosy .swiper-button-prev { left: 1em}
@media screen and (max-width: 500px) {
.opis .fotosy .swiper-button-next { right: calc(5% - 1em)}
.opis .fotosy .swiper-button-prev { left: calc(5% - 1em)}
}
.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, .opis .seansecont.brak-seansow + .tresc.bezseansow {padding-top: 2em}
.opis .seansecont.brak-seansow { display: none}
.opis .seansecont .seanse.of {
display: flex;
flex-direction: column;
}
.opis .seansecont .dostepnosci-online {order: 10}
.opis .seansecont.trwa-online .dostepnosci-online {order: 0; margin-bottom: 2em}
.opis .seansecont .dostepnosci-online h4 {padding-top: 1.6em}
.seanse .glownametka { order: 20}
.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}
.tresc ul.nagrody {list-style-type: none; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; margin-left: 0px; }
.tresc ul.nagrody li { font-size: 0.85em; 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: 4em; padding-top: 1.5em}
.zestawy .filmzestawu .ilustracja {xpadding-bottom: 2em}
.zestawy .filmzestawu h2 {padding: 1em 0px 0.7em 0px}
.zestawy .filmzestawu h4 {padding: 1.7em 0px 0.8em 0px}
.zestawy .filmzestawu .filmogtyt {margin-bottom: 1em}
.zestawy .filmzestawu:last-child {padding-bottom: 2em}
.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; xcolor: #373737; display: inline-block; margin-right: 0.6em }
.filmyzestawu a.l:hover {color: xvar(--magentac)}
.filmyzestawu > div {padding-bottom: 0.3em; line-height: 1.8}
/** koniec zestawów */
/** ======== SEANSE ============= */
.seanse.grupowanie .grouped-events { max-height: 20em; overflow-y: scroll; padding-right: 2em }
.seanse.grupowanie .grouped-events .seanse .senpozycja { overflow: visible; }
.seanse .senpozycja { display: flex; column-gap: 0.25em}
.seanse .grouped-events { display: flex; row-gap: 0.3em; flex-direction: column; align-items: flex-start; align-self: flex-start; }
.wynikiwysz .seanselist {display: flex; flex-direction: column; row-gap: 0.3em; }
div.grouped-events {
--sb-track-color: #fdfdfd;
--sb-thumb-color: #666;
--sb-thumb-hover-color: #444;
--sb-size: 10px;
}
div.grouped-events::-webkit-scrollbar {border: 0px; width: var(--sb-size) }
div.grouped-events::-webkit-scrollbar-track {border: 0px; background: var(--sb-track-color); border-radius: 3px; }
div.grouped-events::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); transition: background 0.2s; border-radius: 3px; }
div.grouped-events::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover-color); }
@supports not selector(::-webkit-scrollbar) {
div.grouped-events { scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); }
}
.seanse.grupowanie .senpozycja {display: none }
.seanse .seanse-dzien-wyb {display: flex; align-items: center}
.seanse .seanse-dzien-wyb.formularz {padding-top: 0.6em; padding-bottom: 1em}
.seanse .seanse-dzien-wyb .wyb-lab {margin-right: 1em}
.seanse .seanse-dzien-wyb .seanse .seanse-dzien-wyb { }
.opis .seansecont {background-color: #eee; text-align: left; padding-top: 0em; padding-bottom: 0em}
.opis .seansecont h4 { padding-bottom: 1em; xpadding-top: 0}
.seanse .senpozycja { clear: both; }
.seanse .senpozycja {white-space: nowrap}
.seanse .apl {box-sizing: border-box; width: 14em; xmax-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}
.wynikiwysz .seanselist.trwa-online .senpozycja.sonsite {order: 10}
.wynikiwysz.dostepne-online .senpozycja.sonsite {display: none}
.wynikiwysz.dostepne-online .wiersz:not(.sa-online) {display: none}
.wynikiwysz.tylko-onsite .wiersz.sa-online {display: none}
.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 .st {display:inline-block; width: 6.5em }
.seanse .sonline .opisse .czas, .seanspopup .czasim .czas.czas-online {background-image: url(../nn/css/../img/vod/onlineicon.svg); padding-left: 1.8em }
.seanse .opisse .czas .sa, .seanspopup .czasim .sa {
margin-left: 0.8em; 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 A.sa:hover {text-decoration: underline}
.seanse .senpozycja.minal {}
.seanse .senpozycja.minal .apl {background-color: #e0e0e0;xcolor:#a1a1a1}
.seanse .senpozycja.minal .apl.go {margin-bottom: 0px;}
.seanse .senpozycja.minal .opisse span {xcolor: #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 .ozn {clear: both; margin-left: 0px; padding-top:1.1em ; font-size: 12px; text-transform: lowercase;
background-image: url(../nn/css/../img/v2/goscie.svg);
background-repeat: no-repeat; background-size: 1.3em auto; background-position: left 1.25em; padding-left: 2em; padding-bottom: 3px;
white-space: normal; line-height: 1.4
}
.seanse .prasa { background-image: url(../nn/css/../img/press.svg); background-position: left 1.4em; }
.seanse .access { background-image: url(../nn/css/../img/v2/access.svg); background-position: left 1.1em; }
.seanse .ozn {margin-top: 0.2em}
.seanse .ozn + .ozn {margin-top: -0.21em}
.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/v2/uwagawazna.svg); }
.priorytet.online { background-size: auto 0.95em; background-image: url(../nn/css/../img/vod/onlineicon00.svg); }
.seanse .priorytet.karnety { background-position: 0.25em 1.2em; }
.seanse .priorytet.bilety { background-position: left bottom 0.25em;}
.seanse .priorytet.uw { text-transform: none; background-position: 0.1em 1.1em; white-space: normal; line-height: 1.4 }
.seanse .priorytet.uw A:hover { text-decoration: underline; text-underline-position: under; text-underline-offset: -0.05em; }
.seanse .prasa {white-space: normal;}
.seanse .apl.go {height: auto; padding-bottom: 0.55em}
.seanse .gosc img {margin-right: 8px;}
.seanse .cenys {padding: 1.5em 0 0em 0; max-width: 26em}
.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: 2em; max-width: 27em; xfont-size: 1em; cursor: pointer}
.seanse .cenys .rabinf a span { text-decoration: none !important}
/** ======== 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;
}
.tippy-box[data-theme~='nh'] { font-size: inherit; }
.tippy-box[data-theme~='nh'] .tippy-content {padding: 0px 0px }
.tippy-box[data-theme~='nh'] .tippy-arrow {color:#292929; }
.tippy-box DIV.ToolTipK:not(.tooltipmob) .szt { margin:0px;}
.tippy-box[data-theme~='nh'] > .tippy-arrow::before {
transform: scale(1.2);
}
DIV.ToolTipK {
white-space: nowrap;
width: fit-content;
min-width: 250px;
/** TODO sprawdzić jak to jest z tym max-width! */
/** max-width: 426px; */
}
section.indeks DIV.xToolTipK { position:absolute; } /** w programie */
DIV.ToolTipK .dziubek {position: absolute; width: 0.7em; height: 0.7em; top: 0px; }
DIV.ToolTipK.dziubek-left .dziubek {left: 0px}
DIV.ToolTipK.dziubek-right .dziubek {right: 0px; xdisplay: none; transform: scaleX(-1);}
DIV.ToolTipK .szt {background-color: #292929;}
DIV.ToolTipK:not(.tooltipmob) .szt { margin-left: 13px; margin-right: 13px ;}
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: 310px; */
white-space: normal;
}
DIV.ToolTipK .opmaincont::-webkit-scrollbar{
width: 12px;
height: 12px;
}
DIV.ToolTipK .opmaincont::-webkit-scrollbar-thumb{
background: #C2C2C2;
border: 3.5px solid #292929; /* im wi�kszy border tym w�szy scroll */
border-radius: 9px;
}
DIV.ToolTipK .opmaincont::-webkit-scrollbar-thumb:hover{
background: #B3AFB3;
}
DIV.ToolTipK .opmaincont::-webkit-scrollbar-track{
background: #292929;
border-radius: 0px;
box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}
.ToolTipK .ozn {margin-top: 0.3em; background-position: left center; background-size: auto 0.95em; padding-left: 1.8em}
.ToolTipK .ozn.f6 {letter-spacing:0.5px; }
.ToolTipK .ozn {color: #f0f0f0}
.ToolTipK .ozn.dostepnyonline {background-image: url('../nn/css/../img/vod/onlineiconff.svg');}
.ToolTipK .ozn.uw { background-image: url(../nn/css/../img/uwagawaznaff.svg);}
.ToolTipK .ozn.access { background-image: url(../nn/css/../img/accessff.svg); background-size: auto 0.9em; }
DIV.ToolTipK .szt .wn > div, DIV.ToolTipK .szt .wn span { font-size : 14px; line-height: 19px; }
DIV.ToolTipK .szt .wn > div.dostepnyonline, DIV.ToolTipK .szt .wn > div.goscie, DIV.ToolTipK .szt .wn > div.uw { font-size : 13px }
DIV.ToolTipK .torg {color: #eee; display: block;}
DIV.ToolTipK .ttczas {padding-bottom: 6px}
DIV.ToolTipK .danefil { padding: 8px 0px 7px 0px; width: fit-content}
DIV.ToolTipK .przerwa { height: 6px}
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; xline-height: 15px; color: #ddd }
DIV.ToolTipK .szt .wn>div.innes div {font-size:13px;line-height: 16.5px; color: #ddd }
DIV.ToolTipK .szt .wn>div.innes div:first-child {margin-top: 5px;}
DIV.ToolTipK H5, DIV.ToolTipK H6 {padding: 0.1em 0px 0.15em 0px;color:#fff; text-transform: none; }
DIV.ToolTipK H1, DIV.ToolTipK H2, DIV.ToolTipK H4, DIV.ToolTipK H3, DIV.ToolTipK H4 {color: inherit }
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 .danefil {line-height: 18px}
DIV.ToolTipK .filmyzest .pokazz { font-size: 13px; display: block; padding-bottom: 2px; padding-top: 5px}
DIV.ToolTipK .filmyzest { padding: 6px 0px 6px 0px; }
DIV.ToolTipK .filmyzest div {padding: 2px 0px 0px 10px; font-size: 13px; line-height: 16px; 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: #f1f1f1; 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: 68.5%; 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; bottom: 2.6em; right:4em; flex-wrap: nowrap; justify-content: flex-end; }
.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.bilet { background-image: url('../nn/css/../img/bilet_lightw.svg'); background-size: auto 1.9em; padding-left: 3em; margin-left: 2em}
.infod.objerzyjzwiast_old { background-image: url('../nn/css/../img/zobaczzwl.svg'); cursor: pointer; }
.infod.objerzyjzwiast { background-image: url('../nn/css/../img/trailer.svg'); cursor: pointer; }
.infod.wersja { background-image: url('../nn/css/../img/vod/napisyl.svg');background-size: auto 1.6em; cursor: default; }
.nhfest .infod { background-size: auto 1.1em; padding-left: 2em; height: 1.5em }
.nhfest .infod.objerzyjzwiast { background-size: auto 1.05em; padding-left: 2.1em;}
.infod.dostepnyonline { background-image: url('../nn/css/../img/vod/onlineiconw.svg'); xbackground-size: auto 1.1em; xpadding-left: 3em; margin-left: 2.5em}
.info-dodatkowe a.infod:hover { xbackground-size: auto 2.1em; color: #eee }
.fotosa .infod.tylkownik, .fotosa .infod.dostepnyonline { 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 }
.fotosa .infod.dostepnyonline { background-size: auto 1.1em;}
@media screen and (max-width:650px) {
.fotosa .infod.tylkownik, .fotosa .infod.dostepnyonline { left: 5%; top: 8%; }
}
.info-dodatkowe.mobile {display: none; position: static; flex-wrap: nowrap; flex-direction: column; padding-top: 0.7em; padding-bottom: 1.2em ; order: 1}
.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:750px) {
.info-dodatkowe.desk {display: none;}
.info-dodatkowe.mobile {display: block;}
.opis .note.desk {display: none}
.opis .note.mobile {display: inline-flex; color: #000; border-color: #000; margin-top: 2em; padding: 0.5em 1.2em; font-size: inherit; font-weight: normal;}
.info-dodatkowe .infod {color: #000; padding-left: 3em}
.nhfest .info-dodatkowe .infod { xbackground-size: auto 1.1em; padding-left: 2.2em; margin-left: 0px; }
.info-dodatkowe .infod.tylkownik { background-image: url('../nn/css/../img/tylkowkc.svg');}
.info-dodatkowe .infod.dostepnyonline { background-image: url('../nn/css/../img/vod/onlineicon.svg');}
.info-dodatkowe .infod.bilet { background-image: url('../nn/css/../img/bilet_lightb.svg');}
.info-dodatkowe .infod.objerzyjzwiast_old { background-image: url('../nn/css/../img/zobaczzwcl.svg'); }
.info-dodatkowe .infod.objerzyjzwiast { background-image: url(../nn/img/trailerb.svg?v=2); }
.info-dodatkowe .infod.wersja { background-image: url('../nn/css/../img/vod/napisyb.svg'); background-size: auto 1.5em}
}
.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: var(--text)}
.wynikiwysz table.filmy td.tytulgl A:hover { color: var(--text);}
.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: 19em; 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: #000; }
.wynikiwysz table.filmy td.cykl A:hover { color: var(--magentac) }
.wynikiwysz table.filmy td.stopka { color: #373737; }
.cyklmark {display: inline-block; width: 0.8em; height: 0.8em; border-radius: 3px; margin-right: 0.6em; margin-bottom: -0.06em }
.filtr-inf {padding-left: 0.3em}
.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) {
.opis .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) {
}
@media screen and (max-width:1250px) {
.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) {
.opis .nawigacjaitresc {padding-top: 1.2em}
}
@media screen and (max-width:840px) {
.seanse .apl {width:16em; xmax-width: 15.5em}
}
@media screen and (max-width:650px) {
.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;}
.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: 56% ;}
}
@media screen and (max-width:480px) {
.filtr.program a { padding: 0.9em 0.9em 0.7em 2.7em; background-size: auto 0.9em; background-position: 1.2em center; }
.filtr.program .szukajmob {background-size: auto 1.05em;}
}
@media screen and (max-width:420px) {
.wynikiwysz .fotos .fotoslista:after {padding-top: 68.5% ;}
}
@media screen and (max-width:370px) {
.filtr.program a.ind , .filtr.program a.min {margin-right: 0}
.wynikiwysz .wiersz .tc.seanse {padding-left:0}
.seanse .apl {width:15em; xmax-width: 14em}
}
@media screen and (max-width:360px) {
.filtr.program a { padding: 0.8em 0.6em 0.6em 2.4em; background-size: auto 0.8em; background-position: 1.1em center; }
.filtr.program .szukajmob {margin-top: 0px}
}
.modalDialog_content div H1:FIRST-CHILD { padding-top: 0px; padding-bottom: 15px;}
.modalDialog_transparentDivs{filter:alpha(opacity=60);opacity:0.6;background-color:#000000;z-index:999;;position:absolute;}
.modalDialog_contentDiv{border:3px solid #000;padding:2px;z-index:1000;position:absolute;background-color:#FFF;}
.modalDialog_contentDiv_shadow{z-index:200;position:absolute;background-color:#555;filter:alpha(opacity=30);opacity:0.3;}
.modalDialogTitled_content {
border: none;
padding:0px;
z-index:300;
position:absolute;
background-color:#FFFFFF;
}
.modalDialog_content{
border: 1px solid #cccccc;
padding:35px 25px 35px 35px;
z-index:300;/* Always needed */
position:absolute; /* Always needed */
background-color:#FFFFFF; /* White background color for the message */
}
.modalDialog_content h2 {
background: none;
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:300;/* Always needed */
position:absolute; /* Always needed */
background-color:#000000; /* White background color for the message */
}
.metkatextar {width:100%;max-width:100%; resize:none; margin-top: 1em;color:#000; margin-bottom: 0.9em;
border-radius: 3px;
border: none;
padding: 0.7em 0.7em;
font-size: 0.8em; line-height: 1.6;
box-sizing: border-box;
xcolor: #000;
outline: 0;
}
.metkapopup {display: none}
#popup .metkapopup { width: 19em; display: block}
#popup .metkapopup h5 {padding-bottom: 0.8em; margin-top:1em }
.metkapopup h5 span {line-height: 1.3}
.seansecont .metkapopup { margin: 1.5em 0;}
#popup .metkapopup h4 {display: none}
.wybormet {padding: 0.5em 0; }
.wybormet a { padding-top: 0.1em; /** to jest z bugiem transition: filter 0.2s*/ ; display: inline-block; padding-left: 2.1em; background-size: 1.5em auto; background-position: left center; margin-right: 1.5em; }
.wybormet a:hover { filter: brightness(85%); }
.wybormet a:last-child { margin-right:0}
/** to może zastosować do wszystkich wystąpien metki ? */
.ilustracja .wybormet {padding: 0px; display: inline-flex; }
.ilustracja .glownametka .metka {padding-top: 0px; background-position: left top; }
.wybormet.wybrana:not(.czerwona) a.mczerwona:not(:hover),
.wybormet.wybrana:not(.zolta) a.mzolta:not(:hover),
.wybormet.wybrana:not(.zielona) a.mzielona:not(:hover) {color: #C7C7C7; background-image: url(../nn/css/../img/met/szaradis.svg)}
.edytormetki .usun {clear: both; padding-left: 1.2em; display: inline-block; margin-top: 0.7em;
background-image: url(../nn/css/../img/krzyzyk.svg); background-size: 0.7em auto; background-position: left 0.1em; color: #373737}
.wybormet.wybrana a:hover { filter: none;}
.metkapopup .zapis { display: inline-block; margin-right: 1em; width: 3.5em; padding-left: 1.5em; background-position: left center;}
.metkapopup .zapis.zapisuje {background-image: url(../nn/css/../img/met/zapisujemove.svg); background-size: 0.8em auto; }
.metkapopup .zapis.zapisano {background-image: url(../nn/css/../img/met/zapisano.svg); background-size: 0.8em auto; }
/**
div.metka{width:100%;padding-top:20px;}
div.metka div.naglowek{color:#3f3f3f;font-size:16px;padding:0px 0px 0px 0px;text-transform:lowercase;}
.m_szara{}
.m_czerwona{background-color:#FF3333;color:#ffffff;}
.m_zielona{background-color:#42CC71;color:#ffffff;}
.m_zolta{background-color:#FFCC33;color:#ffffff;}
*/
a.metkainfo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABNCAMAAACR1rQAAAAAVFBMVEX///+goKB4eHj///+srKyysrJ4eHj5+fns7OzQ0NCKiorKysqmpqaenp7V1dWgoKCXl5e+vr7ExMR+fn6lpaWEhITh4eHU1NTLy8vn5+ft7e3CwsJeRR57AAAAA3RSTlMAgIAsTd+1AAAAeUlEQVR4Xu3Rtw4EMQhFUXsA5zBx4///5249j9adb3kkhATGdsiarjQUo6d2x+LzTlkZ/0TERhvg2++wSEhwO8eOKI+CuHkeehD9Hf9ms9nioMU4paHIgeSORzgrncr4kxGFVsBXqLAoUcLtFzvE9D0Q13ANPYj6jh8Q5CC3GdI81AAAAABJRU5ErkJggg==) no-repeat;width:20px;height:20px;display:inline-block;margin-left:15px;margin-top:-2px;}
a.metkainfo:hover{text-decoration:none;background-position: bottom center}
/* stary wybór metki - do usunięcia */
div.metka div.opis{padding:0px 0px 7px 0px; font-size: 13px; color: #373737}
.metwybrana {color: #fff; line-height: normal; width: 100%; }
.metwybrana .komun {color: #fff; font-size: 20px; font-family: PFHandbookProMedium;}
.metwybrana .uo { border:none; padding: 0px; border-spacing: 0px; }
.metwybrana .uol { text-transform: lowercase; color: #fff; }
.metwybrana .uo { display:none; }
.metwybrana label {margin-left: 0px; display: inline-block; cursor: pointer; position: relative; padding-left: 23px; font-size: 13px; }
.metwybrana label:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: absolute;
left: 0; bottom: 0px; background-color: #fff; }
.metwybrana input[type=checkbox]:checked + label:before { content: "\2713"; color: #000; font-size: 13px; text-align: center; line-height: 17px; }
.metwybrana .niem {padding: 6px 0px 8px 0px; font-size: 11px; color: #f0f0f0}
div.metka div.wybierz{padding:0px;float:right;margin-left:4px;margin-top:0px;}
div.metka div.wybierz A{margin-left:5px;}
div.metka div.wybierz A img.m{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAeCAMAAADKK8opAAAAdVBMVEX///8AAADuulXcLjF+y3d+y3fcLjHuulV+y3fcLjHuulVmZmagoKDuulXcLjF+y3egoKBmZmagoKBmZmagoKDcLjFmZmbcLjF+y3d+y3fuulXuulXuulXcLjHcLjF+y3d+y3fuulV+y3egoKBmZmbcLjHuulU5JR09AAAAInRSTlMAAEBAQJ+fn2BgYGBggICAn5+AgO/v78/P7+/PMCAwIDAgXcNGogAAATFJREFUeF7t1MduwzAQBFCvJNtqJG3JtaTJ5f8/MRkF9IKaU8IDLx4swMMeHth2Nmjm8pOZz0OzDBp3zUIbf8oQqISqyijUWBQqoV4lVNUY9HAYVUbP51FldL+HGoM6EQeVUCNioBJqRSzUCLQQKbASmolkWAnNRXKsqXea/k7Tv970/zTNRPoofD4lQL8yn0vYeMt93uWfqEwS0YhAX+gLTfBlkg+Hq2YVNG6a9S9agELKyRjMfKOejMHcN6pRVVR82lFV9Mk3UD2qaoCqSqiqAaoqoaoqWroSKqO1qaEyWtkKKqNt10JltOkbqE+0PLojVELrkzlBJbTa2i1UQttNt4FKaLPrd1CfqHOo+UCoMajlg1BrUYs7oV2HWl0J7XvU+pZkpynuNMXrTfFPU02kb0yaZPhoEf6QAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;width:16px;height:11px;}
div.metka div.wybierz A img.m#zielona{background-position:0px 0px;}
div.metka div.wybierz A img.m#zolta{background-position:-25px 0px;}
div.metka div.wybierz A img.m#czerwona{background-position:-50px 0px;}
div.metka div.wybierz A:hover img.m{filter: brightness(85%);}
textarea.metkat{font-size : 13px; line-height: 130%; margin-top:0px ;margin-bottom:15px;min-height:50px;height:30px;width:100%;color:#ffffff;border:none;padding:8px;}
a.metkaok{color: #fff; height:19px;font-size: 13px; width:67px;display:block; text-decoration:none;padding:5px 0px 5px 0px;text-transform:lowercase;text-align:center;float:right;cursor:pointer; background-color: #fff;}
a.metkaok:hover{text-decoration:none; background-color: #eee; }
a.mok_zielona{ color:#38ae60; }
a.mok_zolta{ color:#d9ae2b; }
a.mok_czerwona{ color:#d12a2a; }
/* koniec starego wybory metki */
/** lista filmów */
.wynikiwysz .pasek {text-align: center}
.wynikiwysz .pasek .metf {width: 25px; margin-left: 40%; margin-left: calc(50% - -0.6em); text-align:center;padding: 6px 0px 0px 0px;margin-bottom:0px; }
.wynikiwysz .pasek .metf img, .wynikiwysz .pasek .metka img#szara{width:25px;height:auto;margin-bottom:-1px;background-image:url(../nn/css/../img/met/szarap.svg)}
.wynikiwysz .pasek .metf img:hover, .wynikiwysz .pasek .metka img#szara:hover{opacity: 0.8}
.wynikiwysz .pasek .metf img#zielona, .wynikiwysz .pasek .metka img#zielona:hover {background-image:url(../nn/css/../img/met/zielonap.svg);}
.wynikiwysz .pasek .metf img#zolta, .wynikiwysz .pasek .metka img#zolta:hover {background-image:url(../nn/css/../img/met/zoltap.svg);}
.wynikiwysz .pasek .metf img#czerwona, .wynikiwysz .pasek .metka img#czerwona:hover {background-image:url(../nn/css/../img/met/czerwonap.svg);}
.seanse img.metka {margin-top: 0.6em; margin-right: 0.3em}
.seanse img.metka, .seanse img.metka#szara{width:21px;height:auto;background-image:url(../nn/css/../img/met/szara.svg)}
.seanse img.metka:hover, .seanse img.metka#szara:hover{background-image:url(../nn/css/../img/met/szarah.svg)}
.seanse img.metka#zielona, .seanse img.metka#zielona:hover{background-image:url(../nn/css/../img/met/zielonap.svg);}
.seanse img.metka#zolta, .seanse img.metka#zolta:hover{background-image:url(../nn/css/../img/met/zoltap.svg);}
.seanse img.metka#czerwona, .seanse img.metka#czerwona:hover{background-image:url(../nn/css/../img/met/czerwonap.svg);}
.seanse img.metka#szzielona, .seanse img.metka#szzielona:hover{background-image:url(../nn/css/../img/met/zielona.svg);}
.seanse img.metka#szzolta, .seanse img.metka#szzolta:hover{background-image:url(../nn/css/../img/met/zolta.svg);}
.seanse img.metka#szczerwona, .seanse img.metka#szczerwona:hover{background-image:url(../nn/css/../img/met/czerwona.svg);}
/** to jest zaktualizowane */
.seanse .metm, a.metka {display: inline-block; transition: all 0.2s; width: 1.6em; height: 2em; background-size: 1.1em auto; background-repeat: no-repeat; background-position: left center; }
.seanse .metm , .seanse .metm#szara, .mszara { background-image: url(../nn/css/../img/met/szara.svg)}
.seanse .metm:hover {filter: brightness(85%);}
.seanse .metm#szara:hover, .mszara:hover {filter: brightness(60%);}
.seanse .metm#zielona, .mzielona , .glownametka.wybrana.zielona .metka {background-image: url(../nn/css/../img/met/zielonap.svg)}
.seanse .metm#zolta, .mzolta , .glownametka.wybrana.zolta .metka {background-image: url(../nn/css/../img/met/zoltap.svg)}
.seanse .metm#czerwona, .mczerwona, .glownametka.wybrana.czerwona .metka {background-image: url(../nn/css/../img/met/czerwonap.svg)}
.seanse .metm#szzielona {background-image: url(../nn/css/../img/met/zielona.svg)}
.seanse .metm#szzolta {background-image: url(../nn/css/../img/met/zolta.svg)}
.seanse .metm#szczerwona {background-image: url(../nn/css/../img/met/czerwona.svg)}
.glownametka .metka {padding-top: 0.2em; display: flex ; height: auto}
.seansecont .glownametka .metka { width: 100%}
.glownametka .metka { padding-left: 2.2em; background-image: url(../nn/css/../img/met/czarnath.svg);background-size: 1.5em auto; background-position: left 0.1em; }
.glownametka.wybrana .metka span.dodm {display: none}
.glownametka .metka .dodm {white-space: nowrap;}
.glownametka span {vertical-align: top; display: inline-block; max-width: 25em; width: auto;}
.glownametka span.tekstmet.tks { max-height: 6.8em; overflow: hidden; color: #000; font-size:12px; line-height:1.4;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.glownametka:not(.wybrana) span.tekstmet {display: none}
.glownametka a.metka {transition: none; } /** to sprawia że nie skacze */
.glownametka.ciemnetlo .metka {background-image: url(../nn/css/../img/met/biala.svg); padding-left: 2.2em }
.glownametka.ciemnetlo span {color: #fff}
.glownametka.ciemnetlo span.tekstmet.tks {color: #fff}
/** dotąd */
.lista_seansow A img.metka, .lista_seansow A img.metka#szara{margin-top:1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAbFBMVEX////y8vLx8fG+vr7z8/O9vb2Li4u/v7/ExMTr6+uRkZGenp6kpKTY2NiYmJjf39+Kioq4uLjLy8uMjIze3t7Z2dnFxcWrq6vR0dGwsLCxsbG3t7eQkJDl5eXq6uqWlpbs7Oyfn5+Xl5eqqqqkziUpAAAAAXRSTlMAQObYZgAAAJ1JREFUeF5tjUeOA0EMA0VJHcNE5+zd///RQtu+uQAdVCBB+gGaGE6McFUARO0iwUm//yEBTBQcvuixJCiRBIbyR5aTwpRo/8bih82jnE0FAcBIOSLm25gbkRMT4G1R1rrlWazooAA2OQF/DTWakvdaLVKfurunnjIUiBLTkkfuKe6bzNY+AERx3xeVYWYBm0rVe7/6aZ38NJsB/eAFFiMFvFfVzjIAAAAASUVORK5CYII=);background-repeat:no-repeat;width:18px;height:15px;}
.lista_seansow A img.metka#zielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPBAMAAAAbqIIhAAAAMFBMVEUAAAD///+Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj5o8ArZAAAAD3RSTlMAAA8fLz9PX2+Pn7/P3+9XU2hcAAAAYElEQVR4Xj3MOw2AQBCE4blyE5oTgogLQnBBjQQ0YIBHS4UCPOCAkEDCa+GW7P7V18zAa6AhVsMh59hh4tK0/bqL6QmiFSl3ohbEi2hGwqPoyhoOut3tpVKdcCBR/8lrL2juU+8m28VZAAAAAElFTkSuQmCC);}
.lista_seansow A:hover img.metka#zielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPBAMAAAAbqIIhAAAAMFBMVEUAAAD///+Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj5o8ArZAAAAD3RSTlMAAA8fLz9PX2+Pn7/P3+9XU2hcAAAAYElEQVR4Xj3MOw2AQBCE4blyE5oTgogLQnBBjQQ0YIBHS4UCPOCAkEDCa+GW7P7V18zAa6AhVsMh59hh4tK0/bqL6QmiFSl3ohbEi2hGwqPoyhoOut3tpVKdcCBR/8lrL2juU+8m28VZAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#zolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylRV3gHCAAAAEHRSTlMAAA8fLz9PX29/j5+vv8/vwCFRFAAAAFpJREFUeF5lzUcOwCAMRNHBoYZ6/9NmYBEs+S+w9CRsOBOk9b8E5lCXKh7qmqY3tIZoajFPvoo6gMCZLhWwPS9VykPKl1aRMLjfXJxiyIPUtCRs8uP+enHImT4CegrHmU5yZgAAAABJRU5ErkJggg==);}
.lista_seansow A:hover img.metka#zolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylRV3gHCAAAAEHRSTlMAAA8fLz9PX29/j5+vv8/vwCFRFAAAAFpJREFUeF5lzUcOwCAMRNHBoYZ6/9NmYBEs+S+w9CRsOBOk9b8E5lCXKh7qmqY3tIZoajFPvoo6gMCZLhWwPS9VykPKl1aRMLjfXJxiyIPUtCRs8uP+enHImT4CegrHmU5yZgAAAABJRU5ErkJggg==);}
.lista_seansow A img.metka#czerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////8V178V178V178V178V178V178V178V178V178V178V178V178V178V178V14zYbQMAAAAEHRSTlMAAA8fLz9fb3+Pn6+/z9/vPaaMXwAAAFxJREFUeF5lzkESwyAMBMFFODhYgPb/rw3mEKlKc+zToKSAPv517AoaQ/3Ql7GWya5Is7VJLnEyAcTIx2lgN8jhtF5apDpRa1XS6qHYJ03c2HRHec69qIvKoZL6AeMoCp6MmczfAAAAAElFTkSuQmCC);}
.lista_seansow A:hover img.metka#czerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////8V178V178V178V178V178V178V178V178V178V178V178V178V178V178V14zYbQMAAAAEHRSTlMAAA8fLz9fb3+Pn6+/z9/vPaaMXwAAAFxJREFUeF5lzkESwyAMBMFFODhYgPb/rw3mEKlKc+zToKSAPv517AoaQ/3Ql7GWya5Is7VJLnEyAcTIx2lgN8jhtF5apDpRa1XS6qHYJ03c2HRHec69qIvKoZL6AeMoCp6MmczfAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#szzielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAB41BMVEXL45Xp8u3t9Pnx9//l89np8uyt0kfp8u7t9PrY6rugyirq8vDq8/Hq8/Dl89rq8+3r8/Dl8tnp8+ys00fY67rp8+7u9fvx9/3s9PTS5azq8vGsz0qpzUjq8vPK5orY6rrR5qjp8e7S5a3d8Lzv9/jz9/+v1FDj8s+q0T/J4pDo8unZ76zT56vV66mt00fs9PW11GjC33rt9Pi+23jU6a6n0TCjyzPO55Pe7c3C4Xjt9++lyz3X7LWu1kO+3W6q0z/H4oa11V/B3n7u9fjs9PDq9PDu9vWs0zro8uzq9Oav0lPn8uPk8tji8Meu1keozEXn89+v1kbw+vHt8/Ls9e7t9u7G4YXU6K/b77jC4Xrs9uzr9fDj8s7y9v+12VXJ44zt9u2ozEfp8vDm9Nrc7Mi73WKx1U241mXN55PL45bw+PmozkLN5Zby9//Y6ryw10Tt9vDN5Zzj887q9+HP6ZHw9/+ozETt9Pfq9erq8/Kx1FPr8/Ww1k+x1VLN5ZPt9ffW7KrD3Yi723So0zbd7czT6q7M5JfX6rjp8+Ds8/fp8+br9eut0kju9fzt9fWeyCbr9PDm893n896u1kGiyjG/23Xm89vV6aTt9e6ozjqm0Szp9Oaw1kjr9PGw1kXu9f3s9POfHs4kAAAA90lEQVR4XjXMY7MDQRiE0XnXG9u6tm3btm3btu37UzObmjwfT3U1Ap4v+fHVpTHqAHQsgmL18JlBnHUbxPRIDeBQ00lZHhfLXXN6fUp4t0Wi9dCkIRXDMKqHx+qd7SslC+iyoa3IhovL7Jx8/cidHwT09R0ore+PxzYP+mtkfbc8Jus/gDPM/rIwlUDHZAVtEUr0fLbQUQPamd5CgdBF8tFS43JdffBoK0VIcV7giH9OM+evLm7475VVuxnZ5re7fSoAVdRGrwiCQJnonpB22fgeAHo/rJyeQFKnEakdpUZMCu3I06+vuRxXsxwwsXLTzR9pTV2OyQt+BEcRkEbauQAAAABJRU5ErkJggg==);}
.lista_seansow A img.metka#szzolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAACHFBMVEXr8uXp8u3p8u7v8tHp8u/p8/Do9PXp9PTo9Pfp9PP32Urq9vzq8e3x6rPo8vLw6rPw67Pv8tDq9PPp8/L42Eru6rj32Erp9Pbt9Onx4ITv3X/o8vTr9PHt2GDr8uTr8/Dt1Fjv6K/t8+rt1Fnx00Tt5rDt8uXt33/p8+3p9vfo8u3w5Y/v1E/w6anz1Ejv0Uzu45jr8+P13WTv5aHu5KHq8u7u5KDs89/s9vT03XDv1VDz0j3x44bq8fPz213q8vXq9PLz7KT0107r9Ovv78rr8+nt5aDo9Pn21Dfp9fTr9vrx7MD42EX12FH21kXw7sXr9vbp9frw6azr9vzo9//s9/jx0UPs8Nny0DTx6KLo8/Pw5qjn9fjw0kbx7bTu8Nft8dfx0ULz2V3s1Ffv5KL41Dzs9/L42Eno9PL110fz33zq9PTr8+3y0kHp8+zs8+Pp8/Hp8+/s9PDp9PDu5q/xzy7v8M3p8/Pv8tLy1lP42lPs8eDu5KPr7cv03nbv5KHy5pHv3XPw7L/60i7o8+zx6qfx44ro8vDt01nv5Z/p9PL110zs1Vfn9fnw56js1Fnp8+7y5Izy4Hft8dz32Efy0Dnw6rHr9fPxzS3p9Pny3XPx4YXs9/Xs8+Lx00bu8Mzs1Vjp8+v010j0zy3u5aHo8vP210nw7rjw8s301kfv1lrw8Mnv5Jrv57Lw5Zbr8e3u5q7p9PX010fq9PGl88n7AAABDklEQVR4XiXPQ7dDYQyG0eQ7qn1p27Zt27Zt27Zt/MF72j6Z7ZXJC3izrdbX3B0gIYgIKLSaPVRIFVK5PA3UvHTCam5D6Na63bV13XKHZzyLOA8JI6fPFKVUKqnht9gMWwYRLDM/TmQRMjOOG8qpDgsxpwnAbb+KRuybiHw06c26W0wh4PP7rULXhyt3U7/LSfFCzVMUgJawvGzOWBzjVZU/2poEXS08OQtski8apyv2XNbONnRfX7gUVGtvUfyZF144WMqTQxshhBl7dzJILTn2ECA4vmxm//FFB58XVA64GRGEuJnXlfrEqUD/+3Hvg90jGiXAFPmma0QaQ42oaX+nndbN7uFY9kd/QtT2D+jPSTaKvMwxAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#szczerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAACN1BMVEXs+fXp8u34dFHt8Onp8+zq///o/fvruqvlaUXq8u3o8+/mwbHkakXp8+vo/vzv597p8uzu7OTlwrHmwbLo8u3o9PDq9O/p+vblwrLvs57st6Tq+vjpa0Xo8+7fSiLrWjXvzr3kXDf4ck/kWjPs9vDp8+3q8u7o+PTq8e3t8+zjXDfq+fbp9O/ht6TkakfukHPpTyjltaLv7+rp///z0sHuy7zs8+73dFHo9fLpp5Lw+vTs9vHnwq7s7OXu9/Ht9fHu9fDu//zo+/nt//3t///t/fzlbUzsjHDp9vLs1crs+/jekXjurJXp9PDTY0Hv6+TqnYbru63t+PPpa0fvsp3suazsuqvt7ufs/Pnx8urwm4Dt7+nlv6/icE3reFnkaUXv7OPzoIjfVjDo+/ju8uvqZULt7+jx8ujrYj7pZ0PpZD7p8+7uspztz7/t+fTw4dbmeFro+PX0oYjpXjfp+PTu4dfu7OPq+vfy8+zu+PXpbEXu8Ob7elrr+PPp+fXyvKjrc1LxjHXs49vp8e3WXjvhTCTsva7obErmZ0Pt1Mbs9/TpbEblwrPVWjf5XTbq/Pn00sDt7OTobEfu8+3t9vHt4NP0flvy49jlaUbvUyvr9vHy7ubu//7vTiTngGLv08Xp5d3wtKDo8+3p+/jutaXr+vXq9/PttJ3skXXu7+n4c1HmVC7p0sPhdVXaXjvsknTdYDzr2c7r+fX1gF/o//3w9vDrcU7o/fzpbEfn//7zn4bs9/Lq9PChS+LlAAABFElEQVR4XiXIw2IlARAAwO7RoxHatm3btm3btm3b2P24TJI6FlA27eLPPy/H1Ughgprv+ZoRQRBXhPtzjRuf4iH4Rc9mNX39KLTXSwkd5plCduVhyDvDMGJneidm1EAbES67Ep9EiHyTG5+DwIui1UYRkNMckKLZcsJd3ENtRkOYkwrIJQ4g9rk6uJTfj792V2kGAfnBOUUsPpkLphdGWumewXm2UsECzfeNHR/fBjrrrfqtgUxOA8SjFVvDzVtJR8Wety6U6YxFqWJVHnWyoQCvvNLtCATLXM9MWVtB/GI6WRJ+vd6CCKC1O7Eh5Aq5+XbN+pPqyBb6R+YI5Aq5QkMwIzlTUlIKULmVNPXvV+9/JbK+AcuZUlxKV7QiAAAAAElFTkSuQmCC);}
div.metkapub{width:180px;display:block;color:white;border:none;padding:4px;margin:1px 0px 1px 0px;}
div.metkapub#k0{background-color:#98cb00;}
div.metkapub#k1{background-color:#168cba;}
div.metkapub#k2{background-color:#fe9900;}
.metka_publiczna .ozn {padding: 6px 15px 5px 0px; vertical-align: top; width: 16px; float: left; clear: both;}
.metka_publiczna .ops {padding: 5px 5px 5px 0px; width: 80%; overflow: hidden; float: left; line-height: 135%}
A.info#beztekstu:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRFtdCUaaAp3+vSX5kZlLtm9fnxirRXv9akn8J2qsmFf61H1eTC////VJIKxXOZEgAAAEhJREFUCNdjuAsGFxjuWuzWZgbRa86cOQ2il7LxnFkLpO/evXQmF0z7HJUF0YvOhIHk7845bguhT4L135VaeBeF770FQoPNBwA2UkLrWxDvbQAAAABJRU5ErkJggg==);color:white;background-color:#666666;}
.metkaof .duzametka { display: block; padding: 7px 0px; }
.metkaof .duzametka IMG {float: left; margin-top: 10px;}
.metkaof .duzametka .op {padding-left: 6%; display: inline-block; color: #373737; font-size: 12px; line-height: normal }
.paskim div.pasekm, .paskim div.pasekmsz{float:left;display:block;height:17px;margin-right:9px;clear:both;margin-bottom:5px;margin-top:1px;cursor:pointer;}
.paskim div.pasekmc{overflow:hidden;}
.paskim span{font-size:13px;}
.pasekm#ziel , .pasekms#ziel{background-color:#42CC71}
.pasekm#zol , .pasekms#zol{background-color:#FFCC33}
.pasekm#czer , .pasekms#czer{background-color:#FF3333}
.pasekmsz#ziel{background-color:#cfdfba}
.pasekmsz#zol{background-color:#ede0c0}
.pasekmsz#czer{background-color:#edc1c3}
#metkapubkom{clear:both;padding-top:10px;padding-bottom:3px;}
#metkapubkom a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUBAMAAABCNWFYAAAAD1BMVEUAAAD///+zs7MAAABmZmZhShWpAAAAA3RSTlMAAECMqoVOAAAAO0lEQVR4Xl2KwQ0AIAgDL4EFjCs4AGxg3H8oQcLHNrl7tGzQaPosQE9jK2+oy4j8MJBo2icg3jChhrxcDjQFAtOqXFQAAAAASUVORK5CYII=) no-repeat 0px 3px;width:8px;height:8px;margin-left:5px;}
#metkapubkom a:hover{background-position:0px -9px;}
@media screen and (max-width:650px) {
.glownametka.wybormet .metka {position: relative ;width: 100%; box-sizing: border-box;}
.glownametka span {max-width: calc(100% - 2em); width: calc(100% - 2em)}
.ilustracja .glownametka span {max-width: 15em; width: auto;}
.wynikiwysz .pasek .metf {margin-left: 0px; padding-top: 3px}
.metkatextar { font-size: 12px; line-height: 1.6; }
}
@media screen and (max-width:550px) {
#popup .metkapopup {width: 100%; padding: 0px 1em 1em 1em; box-sizing: border-box;}
#popup .metkapopup h5 {padding-bottom: 1.2em}
}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}/* CSS Document zagadka - ignoruje pierwszą linię */
.testxxx {padding-left : 10px;}
:root {
--booking-warning: #fff3cd
}
html {
-webkit-tap-highlight-color:transparent;
--dluga-strzalka: url(../r/css/../../nn/img/arrow_black_rl_thin.svg);
--dluga-strzalka-black: url(../r/css/../../nn/img/arrow_black_rl_thin.svg);
--text: #000;
--texth:#292929;
--magenta: #000;
--magentac: #000;
--magentah: #292929;
--kolor: #EC008C;
--kolorh: #E20074;
--error: #EC008C;
--prawieczarny: #121212;
--prawieczarny-hover: #292929;
--header-color: #000;
}
body {
background-color: #fff;
}
* {
outline: 0;
}
#rglowny_kontener { margin: 0px; }
#naglowek {overflow: hidden; position: relative}
header .zalogowany .loggedus:hover {color: var(--prawieczarny-hover)}
header .pasgor:not(.zalo) .zalogowany {background-color: transparent;}
.pasgor .zegar {font-size: 18px; display: inline-block; margin-right: 15px; vertical-align: middle; }
.pasgor .zegarhelp {float: right; overflow: visible;}
.pasgor .help { margin-top:-1px; vertical-align: top; display: inline-block; background-image: url(../r/css/../img/help00.svg); width: 19px; height: 19px; background-size: cover;}
.witaj { }
.dudane { line-height: normal}
.durow.uwaga {font-size: 12px}
/*
INPUT, SELECT, textarea, input[type="text"], LABEL {
-webkit-appearance: none;
}
INPUT[type=checkbox] {
-webkit-appearance: checkbox;
}*/
.filtrydni {white-space: nowrap;background-color: #eee; padding: 10px 0px 10px 1.9em;}
.filtrydnicont {background-color: #eee;}
.filtrydni .zakladka {transition: color 0.1s, background-color 0.1s; margin-right: 7px; color: #000; text-transform: lowercase; display: inline-flex; align-items: center; gap: 0.3em; line-height: normal; width: auto; padding: 0.6em 1.2em; border-radius: 1.5em; }
.filtrydni .zakladka span {xtransition: color 0.1s }
.filtrydni .zakladka.zazn {background-color: #292929; color: #fff}
.filtrydni .zakladka:not(.zazn):hover {color: #fff; background-color: #555; }
.prasowyinfo {display: inline-block; background-image: url(../r/css/../../nn/img/press.svg); padding-left: 2.1em; background-position: left center; margin-left: 2em; background-repeat: no-repeat; background-size: auto 0.82em; }
.prasowyinfo a {color: #373737}
.prasowyinfo a:hover {color: #000}
@media (max-width: 1000px) {
#rglowny_kontener.prasinfex .jaktodziala {display: none;}
#rglowny_kontener.prasinfex .pomoclang A.jaktodzialagora {display: inline-block;}
}
@media (max-width: 840px) {
.prasowyinfo {margin-left: 0px; display: block;background-position: left 1.7em; text-align: left; padding-top: 1.5em; padding-bottom:0.7em; }
}
@media (max-width: 700px) {
.prasowyinfo {padding-left: 4em; background-position: 1.5em center;
padding-top: 1.2em; padding-bottom:1.2em; border-top: 1px solid #fff}
}
#nadajhaslopis { font-size: 85%; line-height: 1.3}
.modalDialog_content, .modalDialog_content table, .modalDialog_content td, .modalDialog_content p {font-size: 14px; line-height: normal;}
#weryfikacja, #weryfikacja table, #weryfikacja TD, #weryfikacja label { line-height: normal; }
SELECT { padding-top: 9px; padding-bottom: 9px; }
.f, div.bs, div.bs .op, div.bs .ac, .f .metka, div.bs .msc {
-webkit-touch-callout: none !important;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#rmain { background-color: #ffffff; padding: 0px; }
#rmain {max-width: 2040px}
#naglowek {display: flex; justify-content: space-between;}
.filtrydni {max-width: 2000px}
.pomoclang {order : 5; display: inline-block; vertical-align: top; margin-top: 1.2em; display: flex; flex-wrap: wrap; justify-content: end; align-content: flex-start }
.pomoclang a.f6 { order: 1 }
.pomoclang A {display: inline-block; margin-left: 2em}
.pomoclang A.rloga {display: block; margin-left:0px}
.pomoclang #zgloszeniebutton {margin-left: 3em }
.pomoclang A:hover, .pomoclang a.f6:hover { xcolor: #E20074}
.pomoclang .langr, .pomoclang .pomo { text-transform: lowercase; height: 1em}
.rloga-cont {order: 0}
.rloga {width: 5em; }
@media (max-width: 1800px) {
.pomoclang {max-width: 10em;}
.rloga-cont {xmargin-left: 1em; margin-top: 1.4em ; order : 5; flex-grow: 2; display: flex; justify-content: end; }
}
.rloga .lg {width: 100%}
.warning-user {background-color: var(--booking-warning); color: #444; padding: 1em 1.5em; white-space: normal;
max-width: 32em; }
.warning-user span {font-size: 0.7em; }
#r_lewaczesc { order: 1; display: inline-block; padding-left: 1.3em; padding-right: 2em; padding-top: 0.5em }
#r_lewaczesc .nag { padding: 1em 0px 0px 0px; display: inline-block; }
#r_lewaczesc .nag a img {height: 4em; width: auto; display: block; margin-bottom: 0.2em ; float: left}
#r_lewaczesc .nag h5 { padding-top: 1.92em; float: left; margin-left: 1.1em; font-size: 1.37em; color: #000 }
#r_srodkowatd { order :3 ; white-space: nowrap; display: inline-block; }
.historia {text-transform: lowercase;}
#stopka { line-height: normal; overflow: hidden; background-color: #ffffff; padding-top: 1em}
#stopka a { color: #373737; }
#stopka a:hover {text-decoration: underline;}
.rloader {margin-top: 15px}
.formularz {padding-top: 0; padding-bottom: 0em}
#popup p:first-child { margin-top: 0}
#popup p, #popup li {font-size: 85%; line-height: 1.4}
#popup .przycisk:not(.maly):not(.lekki) {font-size: 105%}
#aplaglowna { background-color: #eee; overflow: hidden; width: auto;}
#aplaglowna .ustyt { line-height: normal; white-space: normal; }
#aplaglowna .e { color: #C20073; font-weight: normal; font-size: 14px; padding-bottom: 10px}
#aplaglowna #liczbapunktow {
xpadding: 1em; color: #000;
background-color: #fff;
vertical-align: middle;
line-height: 2.3em;
text-align: center;
width: 2.1em; height: 2.1em;
position: absolute; bottom: -0.63em; right: -0.53em; border-radius: 50%
}
#zdjecie { display: inline-block; vertical-align: top; position: relative; padding: 0.74em 0px 0px 1.3em; margin-bottom: 0.65em }
#zdjecie IMG { filter: alpha(opacity=85); opacity: 0.85; display: block; width: 5.27em; height: 5.27em; border-radius: 50% }
#zdjecie.warnin IMG {border-width: 2px; border-style: dashed; border-color: var(--magentac); position: relative;}
#tabelkalog {float: left;width: 425px;}
#logowanie { margin: 1.32em 1.58em 1.32em 1.85em; color: #000; }
.filtrydni .poprawej { float: right; margin-top: 0.7em; }
#zegar, .jaktodziala, .filtrydni .inf { display: inline-block; color: #000; margin-right: 2em; }
.pomoclang {margin-right: 2.1em;}
#zegar {margin-right: 1.5em}
.custcb input[type="checkbox"] { display:none; }
.custcb label {margin-left: 0px; display: inline-block; cursor: pointer; position: relative; padding-left: 24px; font-size: 14px; }
.custcb label:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: absolute;
left: 0; top: 3px; background-color: #fff; }
.custcb input[type=checkbox]:checked + label:before { content: "\2713"; color: #000; font-size: 12px; text-align: center; line-height: 15px; }
.logzawart { overflow: visible; clear: both; margin-top: 0px; display: inline-block; }
.logopcje { display: block}
.logopcje .custcb {padding: 9px 0px 0px 0px; display: inline-block; }
#aplaglowna A.niepamietam { float: right; text-decoration: none; font-size: 14px; margin-top: 1em; margin-right: 1em; background-position-y: 50%;}
#aplaglowna .zaloguj_gog {margin-top: 0.3em; display: flex; flex-wrap: nowrap; align-items: center; gap: 0.3em; height: 2em; overflow: hidden; }
#aplaglowna .zaloguj_gog .uzy {display: inline-block;}
#gprzycisk-logow {width: 2em}
@media (max-width: 520px) {
#aplaglowna .zaloguj_gog {margin-top: 0.6em; justify-content: center; }
}
.logpola .pole {width: 11em; font-size: 14px; padding: 1em 1em }
.logpola .logino {display: inline-block; margin-left: 2px; background-image: url(../r/css/../img/pytajnik.svg); width: 1em; height:1em; background-size: auto 0.7em; background-position: center top; margin-right: 0.5em}
.logpola .pss { }
.logopcje .check { margin: 0px 10px 0px 0px; float: left; height:15px; padding: 0px ; border-spacing: 0px; border: none;}
#expireinfo {color: #B62667; margin: 0px 0px 4px 0px; display:none; white-space: normal; max-width: 300px; width: 300px;}
#logowanie .przyc { padding-left: 1.5em; display: inline-block; vertical-align: top; margin-top: 0.2em}
#aplaglowna .przycisk.maly { padding: 0.5em 1.4em }
#logowanie .przyc .przycisk, #aplaglowna A.wylog { padding: 0.6em 1.4em}
#daneuzytkownika {padding-bottom: 0.7em}
.tooltipster-sidetip.tooltipster-cust .tooltipster-content {font-size: 14px; padding: 18px 22px; line-height: 1.45 }
.tooltipster-sidetip.tooltipster-cust .tooltipster-content span { line-height: inherit;}
.tooltipster-sidetip.tooltipster-cust .tooltipster-content span p { line-height: inherit;}
.tooltipster-sidetip.tooltipster-cust .tooltipster-box {border-radius: 0}
.tooltipster-sidetip.tooltipster-cust .tooltipster-box {border-radius: 0.5em; background-color: rgb(10,10,10);}
.tooltipster-update-fade {
animation: tooltipster-fading 200ms;
}
.tooltipster-cust {max-width: 300px }
.tooltipster-cust.tooltipster-r {max-width: none;}
#tooltip_jakto {max-width: 200px}
.tooltipster-cust .wirez { display: block; margin-top: 0.4em }
.tooltipster-cust .bump-underline {text-decoration-thickness: from-font;}
.tooltipster-cust .button-frame-rounded {border-width: 0.7px; padding: 0.5em 1.2em; text-decoration: none }
.tooltipster-cust h5 {color: #fff}
.dudane {padding: 1em 2em 5px 2em; max-width: 15em; min-width: 11em; display: inline-block;}
.dudane.demo {max-width: 20em; overflow: visible; width: auto;}
.dudane.demo .logdemo { display: inline-block; vertical-align: top; margin-top: 2em; padding-left: 1em}
.dudane.demo .instr { display: inline-block;}
.dudane.demo.zlogowaniem .instr { max-width: 70% }
#aplaglowna .dudane.demo .logdemo .przycisk.maly {font-size: 90%; padding-left: 1em; padding-right: 1em}
.dudane .durow { padding: 0px 0px; clear: both;white-space:normal; font-size: 12px; display: flex; }
.dudane .durow.lg {padding-bottom: 0.3em}
.dudane .durow.uwaga {line-height: 1.4;}
.dudane .durow .c {white-space: nowrap;}
.dudane .durow .c, .dudane .durow .c span {line-height: normal}
.dudane .przyc {float: right; width: auto; margin-top: -5px;}
.dudane .durow .pokazk {padding-left: 1em; }
.dudane .durow .pokazk a {text-decoration: underline; text-underline-offset: 1px ; transition: text-underline-offset 0.2s}
.dudane .durow .pokazk a:hover {}
.dudane .ustyt {float: none; margin-bottom: 10px;}
#aplaglowna A.wylog {display: inline-block; vertical-align: top; margin-top: 1em; margin-right: 2em }
#aplaglowna .dudane A.ro { color: var(--prawieczarny); text-decoration: underline; text-underline-offset: 1px; transition: text-underline-offset 0.2s}
#aplaglowna .dudane A.ro:hover {color: var(--prawieczarny-hover);text-decoration: underline; text-underline-offset: 2px;}
#aplaglowna A:not(.przycisk):not(.szarydziubek) {color: var(--prawieczarny); text-decoration: underline; transition: text-underline-offset 0.2s}
#aplaglowna A:not(.przycisk):not(.szarydziubek):hover { color: var(--prawieczarny-hover); text-underline-offset: 2px;}
#kalendarzCont {overflow: hidden; border-top-width: 0px;border-left-width: 0px; }
/* minione, niezarezerwowane */
div.f_min_niezar , div.bs.minio {
background-color: #E6E6E6 ;
color: #a1a1a1;
}
/* jeszcze niedostępne do rezerwacji */
div.f_st, div.f_jeszcze_nie {
background-color: #a5a5a5; /* #c5c5c5; */
color: #f0f0f0;
}
/* minione, zarezerwowane, niewykorzystane */
div.f_min_zar_niewyk {
background-color: #c0c0c0;
color: #999;
}
/* minione, zarezerwowane, wykorzystane */
div.f_min_zar {
background-color: #9DB1E8;
color: #ffffff;
}
/* zarezerwowane */
div.f_zar, div.f_zar_wejsc, div.f_zar_wejsc:hover {
background-color: #3D05DB;
color: #ffffff;
}
/* niezarezerwowane, dostępne */
div.f_niezar_dost {
background-color: #FFA97D;
color: #000;
}
@media (min-width: 700.01px) {
body:not(.tapped) div.f_zar:hover {
background-color: #3D05C0;
}
body:not(.tapped) div.f_niezar_dost:hover {
background-color: #CF7963;
color: #fff;
}
}
/* zerezerwowane, odebrane, nieminione */
div.f_zar_odebr {
background-color: #D77FC7;
color: #ffffff;
}
/* niezarezerwowane, niedostępne */
div.f_niezar_niedost, div.f_niezar_niedost:hover {
background-color: #e1e1e1; /* #ebebeb */
color: #8B8B8B;
}
/* na to wydarzenie nie można w ogóle rezerwaować */
div.f_seans_nie_dla_usera {
background-color: #e1e1e1;
color: #8B8B8B;
}
div.f_seans_bez_rez, div.f_seans_bez_rez_darmo {
background-color: #D3F0DB;
color: #000;
}
/* nierazerwowane, dostępne, ale inny w bloku zarezerwowany */
div.f_niezar_inny {
background-color: #E4E6EB;
}
div.f .ac {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAANwgsdbmLwSf8UABhvytGlItIgAAADtJREFUeF5NjEkSwCAQhMiM+9r/f21uKkeKgu+ARQfwaASlDDkpUKpa7021wJhaS3MAsKUNvPa27+F+f4YQAqkieVRzAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: right center;
height: 22px;
width: 21px;
border: none;
float:right;
white-space: nowrap;
margin-right: 10px;
display: block;
}
@media (min-width: 700.01px) {
body:not(.tapped) div.f_zar:hover .ac { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAANwgsdbmLwSf8UABhvytGlItIgAAADtJREFUeF5NjEkSwCAQhMiM+9r/f21uKkeKgu+ARQfwaASlDDkpUKpa7021wJhaS3MAsKUNvPa27+F+f4YQAqkieVRzAAAAAElFTkSuQmCC); width: auto; }
}
div.f .ac.working { width: 60px; margin-right: 7px;
/* background-image: url(../r/css/../img/rolling.svg); background-size: 14px 14px; */
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgIGhlaWdodD0iMTRweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+ICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jb2xvcn19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgbmctYXR0ci1yPSJ7e2NvbmZpZy5yYWRpdXN9fSIgbmctYXR0ci1zdHJva2UtZGFzaGFycmF5PSJ7e2NvbmZpZy5kYXNoYXJyYXl9fSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4IiB0cmFuc2Zvcm09InJvdGF0ZSgxNjIgNTAgNTApIj4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgICA8L2NpcmNsZT4gIDwvc3ZnPg==);
}
div.f .ac.working:before { padding-right: 20px;}
div.f .ac:before {content : ''; float: right; padding-right: 18px; padding-top: 2px; font-size: 12px;}
div.f_seans_nie_dla_usera .msc, div.f_seans_bez_rez .msc, div.f_seans_bez_rez_darmo .msc, div.f_min_niezar .msc,div.f_min_zar .msc, div.f_min_zar_niewyk .msc {
display: none;
}
div.f_min_niezar .ac, div.f_jeszcze_nie .ac {
display:none;
}
div.f_zar_wejsc .ac { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKAQMAAACHcEzfAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACZJREFUeF4lydkJADAIwNA4SkfpZB44tygK+QkPLUy2R37C8VsZangEB+qxTkLkAAAAAElFTkSuQmCC); }
div.f_min_zar .ac,
div.f_zar .ac,
div.f_zar_odebr .ac { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAMAAAD6Ou7DAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMAFdMcD8ncU9fY+ILFVFn6lQLQSfau1DrxMvzzMCvoBgAAAEJJREFUeF5Fy0cSgDAQxMBZR3LOzP/fyVIujE59EXK2KH8HNmjjZ+9QsVaLeY2u5zCqJzUwL1w3GknrfjAbOK87+QF2UAK2cBvwZwAAAABJRU5ErkJggg==); }
div.f_min_zar_niewyk .ac { background-image: none; background-color: #000; border-radius: 50%; width: 22px; height: 22px;}
div.f_min_zar_niewyk .ac:before { color: #fff; content: '-5'; padding-right: 6px; padding-top: 3px;}
div.f_niezar .ac, div.f_niezar_dost .ac{
display: none;
}
div.f_seans_nie_dla_usera .ac, div.f_seans_bez_rez .ac, div.f_seans_bez_rez_darmo .ac {
display: none;
}
div.f_niezar_niedost .ac {
display: none;
}
div.f_niezar_inny .ac {
display: none;
}
.f .priorytet:not(.tp) {float: left; position: static; background-position: left center; font-size:14px; width: 17px; height: 12px; bottom: 0; margin-top: 4px ; background-size: auto 100%;}
.f .goscie:not(.tp) { float: left; position: static; bottom: 0; margin-top: 4px; width: 15px; height: 12px; background-size: auto 100%; }
.f .prasa:not(.tp) { float: left; position: static; bottom: 0; margin-top: 4px; width: 17px; height: 13px}
.f .prasa.prof:not(.tp) { margin-top: 3px; }
.f .goscie:not(.tp) + .priorytet { margin-left: 7px;}
.f .priorytet:not(.tp) + .priorytet {margin-left: 7px}
div.f_niezar_inny .czs {
background-image: url(../r/css/../../nn/img/czasseansu.svg);
}
div.f_niezar_inny .mi {
background-image: url(../r/css/../../nn/img/miejsceseansu.svg);
}
div.f_min_niezar .czs , div.bs.minio .czs, div.f_min_zar_niewyk .czs {
background-image: url(../r/css/../../nn/img/czasseansua1.svg);
}
div.f_min_niezar .mi , div.bs.minio .mi, div.f_min_zar_niewyk .mi {
background-image: url(../r/css/../../nn/img/miejsceseansua1.svg);
}
div.f_min_niezar .goscie , div.bs.minio .goscie, div.f_min_zar_niewyk .goscie {
background-image: url(../r/css/../../nn/img/gosciea1.svg);
}
div.f_min_niezar .priorytet.bilety , div.bs.minio .priorytet.bilety, div.f_min_zar_niewyk .priorytet.bilety {
background-image: url(../r/css/../../nn/img/priorytet_bileta1.svg);
}
div.f_min_niezar .priorytet.karnety , div.bs.minio .priorytet.karnety, div.f_min_zar_niewyk .priorytet.karnety {
background-image: url(../r/css/../../nn/img/priorytet_karneta1.svg);
}
div.f_min_niezar .priorytet.online , div.bs.minio .priorytet.online, div.f_min_zar_niewyk .priorytet.online {
background-image: url(../r/css/../../nn/img/vod/onlineicona1.svg);
}
div.f_min_niezar .priorytet.access , div.bs.minio .priorytet.access, div.f_min_zar_niewyk .priorytet.access {
background-image: url(../r/css/../../nn/img/accessa1c.svg);
}
div.f_jeszcze_nie .czs {
background-image: url(../r/css/../../nn/img/czasseansuf0.svg);
}
div.f_jeszcze_nie .mi {
background-image: url(../r/css/../../nn/img/miejsceseansuf0.svg);
}
div.f_jeszcze_nie span.goscie {
background-image: url(../r/css/../../nn/img/goscief0.svg);
}
div.f_jeszcze_nie .priorytet.bilety {
background-image: url(../r/css/../../nn/img/priorytet_biletf0.svg);
}
div.f_jeszcze_nie .priorytet.karnety {
background-image: url(../r/css/../../nn/img/priorytet_karnetf0.svg);
}
div.f_jeszcze_nie .priorytet.online {
background-image: url(../r/css/../../nn/img/vod/onlineiconf0.svg);
}
div.f_jeszcze_nie .priorytet.access {
background-image: url(../r/css/../../nn/img/accessf0.svg);
}
div.f_niezar_niedost .czs {
background-image: url(../r/css/../../nn/img/czasseansu8b.svg);
}
div.f_niezar_niedost .mi {
background-image: url(../r/css/../../nn/img/miejsceseansu8b.svg);
}
div.f_niezar_niedost span.goscie {
background-image: url(../r/css/../../nn/img/goscie8b.svg);
}
div.f_niezar_niedost .priorytet.bilety {
background-image: url(../r/css/../../nn/img/priorytet_bilet8b.svg);
}
div.f_niezar_niedost .priorytet.karnety {
background-image: url(../r/css/../../nn/img/priorytet_karnet8b.svg);
}
div.f_niezar_niedost .priorytet.online {
background-image: url(../r/css/../../nn/img/vod/onlineicon8b.svg);
}
div.f_niezar_niedost .priorytet.access {
background-image: url(../r/css/../../nn/img/access8bc.svg);
}
div.f_st, div.f_jeszcze_nie {
color: #f0f0f0;
}
div.f_min_zar .czs, div.f_zar .czs, div.f_zar_wejsc .czs, div.f_zar_wejsc:hover .czs, div.f_zar_odebr .czs {
background-image: url(../r/css/../../nn/img/czasseansufff.svg);
}
div.f_min_zar .mi, div.f_zar .mi, div.f_zar_wejsc .mi, div.f_zar_wejsc:hover .mi, div.f_zar_odebr .mi{
background-image: url(../r/css/../../nn/img/miejsceseansufff.svg);
}
div.f_niezar_niedost, div.f_niezar_niedost:hover, div.f_seans_nie_dla_usera {
/* color: #8B8B8B; tu warto dać ikonę kiedyś */
}
div.f_min_zar_niewyk span.goscie {
/** gosc_jszara.png */
background-image: url(../r/css/../../nn/img/gosciesz.svg);
}
div.f_min_zar_niewyk span.priorytet.online {
background-image: url(../r/css/../../nn/img/vod/onlineiconsz.svg) ;
}
div.f_min_zar_niewyk span.priorytet.access {
background-image: url(../r/css/../../nn/img/accesssz.svg) ;
}
div.f_zar_odebr span.priorytet.bilety, div.f_zar span.priorytet.bilety, div.f_zar_wejsc span.priorytet.bilety, div.f_min_zar span.priorytet.bilety {
background-image: url(../r/css/../../nn/img/priorytet_biletb.svg);
}
div.f_zar_odebr span.priorytet.karnety, div.f_zar span.priorytet.karnety, div.f_zar_wejsc span.priorytet.karnety, div.f_min_zar span.priorytet.karnety {
background-image: url(../r/css/../../nn/img/priorytet_karnetb.svg);
}
div.f_zar_odebr span.priorytet.online, div.f_zar span.priorytet.online, div.f_zar_wejsc span.priorytet.online, div.f_min_zar span.priorytet.online {
background-image: url(../r/css/../../nn/img/vod/onlineiconff.svg);
}
div.f_zar_odebr span.priorytet.access, div.f_zar span.priorytet.access, div.f_zar_wejsc span.priorytet.access, div.f_min_zar span.priorytet.access {
background-image: url(../r/css/../../nn/img/accessff.svg);
}
div.f_zar_odebr span.goscie, div.f_zar span.goscie, div.f_zar_wejsc span.goscie, div.f_min_zar span.goscie {
background-image: url(../r/css/../../nn/img/goscieb.svg);
}
div.f_zar_odebr span.prasa, div.f_zar span.prasa, div.f_zar_wejsc span.prasa, div.f_min_zar span.prasa {
background-image: url(../r/css/../../nn/img/pressb.svg);
}
@media (min-width: 700.01px) {
/** uwaga, w kilku miejscach to jest, to żeby nie działał hover w wersji mobilnej */
body:not(.tapped) div.f_niezar_dost:hover span.priorytet.bilety { background-image: url(../r/css/../../nn/img/priorytet_biletb.svg); }
body:not(.tapped) div.f_niezar_dost:hover span.priorytet.karnety { background-image: url(../r/css/../../nn/img/priorytet_karnetb.svg); }
body:not(.tapped) div.f_niezar_dost:hover span.priorytet.online { background-image: url(../r/css/../../nn/img/vod/onlineiconff.svg); }
body:not(.tapped) div.f_niezar_dost:hover span.priorytet.access { background-image: url(../r/css/../../nn/img/accessff.svg); }
body:not(.tapped) div.f_niezar_dost:hover span.goscie {background-image: url(../r/css/../../nn/img/goscieb.svg); }
body:not(.tapped) div.f_niezar_dost:hover span.prasa {background-image: url(../r/css/../../nn/img/pressb.svg); }
body:not(.tapped) div.f_niezar_dost:hover .mi {background-image: url(../r/css/../../nn/img/miejsceseansufff.svg); }
body:not(.tapped) div.f_niezar_dost:hover .czs { background-image: url(../r/css/../../nn/img/czasseansufff.svg); }
.f .priorytet:not(.tp) + .wu {margin-left: 4px; }
div.f .wu:not(.ic) {float: left; padding: 0px; margin-top: 4px; position: static;margin-left: 8px;}
/** to żeby nie był za długi dopisek na kaflu i mieścił się przycisk oraz liczba miejsc
moze to ustawiać tylko w aktywnym stanie */
div.f .wu { max-width: calc(100% - 110px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
div.f_seans_nie_dla_usera span.goscie, div.f_seans_bez_rez span.goscie, div.f_seans_bez_rez_darmo span.goscie, div.f_min_niezar span.goscie,div.f_min_zar span.goscie, div.f_min_zar_niewyk span.goscie {
display: none;
}
div.f_seans_nie_dla_usera span.priorytet, div.f_seans_bez_rez span.priorytet, div.f_seans_bez_rez_darmo span.priorytet, div.f_min_niezar span.priorytet,div.f_min_zar span.priorytet, div.f_min_zar_niewyk span.priorytet {
display: none;
}
div.f_zar {
cursor: pointer;
}
div.f_niezar_dost {
cursor: pointer;
}
div.f_working {
}
div.f_workingsz, div.f_workingnb {
background-color: #3D05DB;
color: #000000; /** kolor gdy zmienia stan, rozważyć inny! */
}
#lang {
font-size: 11px;
}
#lang a {
padding: 3px 6px;
}
table.kalpane td.lok {height: 72px}
.stopkadol { float: left; margin-left: 6em; margin-top: 1em}
div.f { margin-top: 2px; font-size: 11px; color: #555; font-weight: 400; }
div.f .ac:hover { background-color: transparent; }
div.f span.ac.working {color: #fff}
div.f span.msc {height: 22px; line-height: 22px; float: left; font-size: 17px; font-family: PFHandbookProMedium; margin-left: 8px; color: inherit; }
div.f div.bs div.r, div.f div.bs div.l { background: none; }
.znacznik {float:right; width:40px;}
div.bs { padding: 0px 3px 0px 3px; transition: background-color 0.1s, color 0.1s }
.bs .czs, .bs .czs, .bs .mi, .bs .goscie, .bs .priorytet, .bs .prasa { transition: background-image 0.1s; }
div.f .op { height: 30px; max-height: 30px;line-height: 110%; font-weight: inherit; color: inherit; overflow: hidden; padding: 0px 8px 0px 8px; margin: 7px 0px 7px 0px; }
div.f .opozn {
float: left; margin-top: 3px; margin-left: 4px;
}
div.f .abc {
float: left; margin-top: 5px; margin-left: 4px;
}
/** Wszystko o popupie z opisem i hintem */
#ToolTipDziubek { width: 13px}
DIV.ToolTipK .wnsim { display : block }
DIV.ToolTipK .wnfull { display : none }
DIV.ToolTipK.pelny .wnsim { display : none }
DIV.ToolTipK.pelny .wnfull { display : block }
DIV.ToolTipK {opacity: 1; filter: alpha(opacity=100); }
DIV.ToolTipK p, DIV.ToolTipK span, DIV.ToolTipK div {}
DIV.ToolTipK .i { color: #FFA97D; line-height: 1.1; margin-top: 0em }
DIV.ToolTipK .sea { display: block; padding: 7px 0px 9px 0px}
DIV.ToolTipK .tg {display: block; }
DIV.ToolTipK .tgm { } /** tytył filmów zestawów w długim opisoe */
DIV.ToolTipK .torg {color: #b1b1b1;}
DIV.ToolTipK .torgo { color: #ddd; padding-bottom: 15px;}
DIV.ToolTipK .linki .la {color: #fff; display: block; padding: 0.3em 0 }
DIV.ToolTipK .linki .la:hover {color: #fff; text-decoration: underline;}
DIV.ToolTipK .priorytet {margin-top: 0.4em; padding-bottom: 0.4em}
DIV.ToolTipK .goscie {margin-top: 0.4em; padding-bottom: 0.8em}
DIV.ToolTipK .priorytet + .goscie {margin-top: 0em;}
DIV.ToolTipK .szt .wn {padding: 0px; xmax-width: 400px; }
DIV.ToolTipK .szt .wn.wnfull { xwidth: 400px}
/** obrazki wgrane w treść */
DIV.ToolTipK .szt .wn.wnfull p > img {max-width: 380px; height: auto !important}
.opmaincont .imgpodpis {font-size: 11px; color: #f0f0f0; display: block; text-align: right; margin-bottom: 1.5em; }
.xopmaincont P:not(.imgpodpis) span.imgpodpis:FIRST-CHILD {margin-top: -4em}
.opmaincont P.imgpodpis {margin-top: -1em }
DIV.ToolTipK .szt .wnsim {padding: 20px 30px 28px 30px; }
DIV.ToolTipK .szt .wnfull { padding: 0px; }
.opmaincont {max-height: 280px; overflow-y:scroll; padding: 15px 5% 15px 5%; color: #fff}
.opmaincont div.m {margin-top: 0.3em ; margin-bottom: 0.3em;}
.tooltipmob .opmaincont {padding: 3% 5% 3% 5%;}
.opmaincont DIV {padding: 2px 0px}
DIV.ToolTipK.rwload.odrazu .szt {height: 580px}
DIV.ToolTipK .szt {background-color: #292929; }
DIV.ToolTipK .mtk {margin-top: 1em }
DIV.ToolTipK H5.t {font-size: 28px; padding-bottom: 10px}
DIV.ToolTipK .filmyzest DIV { }
DIV.ToolTipK.rwload { cursor: wait;}
DIV.ToolTipK.rwload .szt {position: relative}
DIV.ToolTipK.rwload .szt:before {content: ""; display: block; position: absolute; background-color: rgba(41,41,41,0.7); background-image: url(../r/css/../img/rolling.svg); background-size: 3em 3em; background-position: center; height: 100%; width: 100% ; z-index: 2;}
.tippy-box, .tippy-box .szt { border-radius: 0.5em}
.tippy-box .fotos { border-radius: 0.5em 0.5em 0px 0px}
.modalload {background: transparent; font-size : 25px; color: #fff; border: 0px;}
.fotos {box-sizing: border-box; position: relative; z-index: 1; display: block;
height: auto; overflow: hidden; background-color: #000;
}
.fotos > div {max-height: 100%; width: 100%; height: 100%; position: absolute; background-position: center ; background-position-x: center; background-position-y: 15%;
background-repeat: no-repeat; background-size: cover;
}
.fotos:after {display: block; content: ""; width: 100%; padding-top: 56.25%; }
#playtrailer:hover {color: #eee; text-decoration: none;}
#playtrailer {background-size: 1.3em auto; padding-left: 2.2em; display: flex}
.reztytul {font-weight: bold; padding: 2px 0px 5px 0px;}
.oprzerwa {margin: 12px 0px; height: 1px; border-top: 1px dashed #999;}
.oprzerwa + .oprzerwa {display: none}
.mniej {overflow: hidden; padding: 5px 15px 5px 5px; }
.mniej a {float: right; color: #ffffff;}
.mniej a {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAZBAMAAADkl5IIAAAAElBMVEUAAAD///////+FhYX///+FhYUSMQKUAAAABHRSTlMAAEBANTZoDwAAAC5JREFUeF51hlENACAQhfh4F+AaGMEIRrB/Gtnu240BEDhkKXEmdH+h4FJbiTN5k+4EN9MqHaQAAAAASUVORK5CYII=);
background-position: left 8px;
background-repeat: no-repeat;
padding: 2px 0px 2px 12px;
}
.mniej a:hover {color: #858585; background-position: left -9px;}
div.playtrailerd { padding: 3% 5% 3% 5%}
.playtrailerd + .opmaincont {padding-top: 0px}
.ilustracja {overflow: hidden}
.ilustracja IMG.m {width: 100%; display: block; object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
/** koniec tooltip */
.sinfo {
font-size: 13px; color: #E20074;
margin-top: 3px;
margin-bottom: 6px;
}
.serror {
color: #E20074;
padding-top: 3px;
padding-bottom: 6px;
}
table.przycisk#jszary, table.przycisk#jcszary {
height: 27px;
}
table.przycisk#jszary td.s,table.przycisk#jcszary td.s {
line-height: 27px;
background-color:#c8c8c8;
}
table.przycisk#jszary:hover td.s { background-color:#d4d4d4; }
table.przycisk#jszary:hover td.l, table.przycisk#jcszary:hover td.l {
background-position: left -27px;
}
table.przycisk#jszary:hover td.p, table.przycisk#jcszary:hover td.p {
background-position: right -27px;
}
table.przycisk#jcszary td.s { background-color:#d4d4d4; }
table.przycisk#jcszary:hover td.s { background-color: #666666; }
#weryfikacja { width: auto; display: none; padding: 0px 0px 0px 0px;}
#weryfikacja table.twer {width: auto; table-layout: fixed;}
#weryfikacja table.twer td { white-space: normal; padding-top: 4px; padding-right: 5px; }
#weryfikacja #werreq {display:none !important;}
#weryfikacja #werpola TD { padding-right: 9px;}
.polaczonyz{ display: block; white-space: nowrap;}
.polaczkgdywyg {display: inline; margin-left: 10px;}
#r_srodkowatd { padding-top: 0px; vertical-align: top; }
#content { clear: both}
.boksy .blok.zarez { background-image: url(../r/css/../img/boksrez.svg); background-position: right 1em center; background-size: 1em auto;}
/**
.przycisktag button, .przycisktag input, .przycisktag INPUT[type="button"], .przycisktag INPUT[type="submit"] {
background-color: transparent; border: 0px none; border-spacing: 0px; color: #fff;
font-size: 12px; line-height: normal; margin: 0px; padding: 3px 12px 7px 12px; text-transform: lowercase;
vertical-align: middle; text-align: center;
}
.przycisktag button:hover, .xprzycisktag input:hover { cursor: pointer;}
.przycisktag { padding: 7px 0px; background-color: #EC008C; overflow: visible; display: inline; width: auto; font-size: 12px; line-height: 50px; }
.przycisktag A { background-color: #EC008C; padding: 7px 12px; color: #ffffff; width: auto;
text-decoration: none; text-align: center; text-transform: lowercase; font-size: 12px; line-height: normal;
overflow: visible; display: inline; }
.przycisktag:hover, .xprzycisktag:hover A {text-decoration: none; background-color: #660066; cursor: pointer; color: #fff}
.przycisktag.light A { background-color:#B195AC }
.przycisktag.light:hover A { background-color: #92798e }
.przycisktag.szary, .przycisktag.szary A { background-color: #9d9d9d }
.przycisktag.szary:hover, .przycisktag.szary:hover A { background-color: #414141 }
**/
.ramess { z-index: 10; opacity: 0.9; font-size: 12px; background-color: #000; color: #fff; display: block; width: 13em; height: auto; padding: 1.5em ; text-align: left; position: absolute; border-radius: 3px; }
.ramess .ramsh { font-weight: 500; padding-bottom: 9px; font-size: 13px;}
#werusunnumer, #werzmiennumer { float: left;}
#werusunnumer .przycisktag.szary {margin-left: 15px; left: 0px; top: 0px; position: static !important; }
.pomoclang .langs {display: none}
.pomoclang A.jaktodzialagora {display: none; text-transform: lowercase;}
.czsimi {display:none}
.lang_pl div.f .ac.working:before {content : 'czekaj';}
.lang_en div.f .ac.working:before {content : 'wait';}
.f .infose { display: none}
.histrez { background-color: #f2f2f2; margin-left: 0px; padding: 1.5em 2em }
.powiekszanie {display: none; padding: 1em 1em; text-align: center}
.wrocdowermobile { display: none; padding: 1.5em 1em; text-align: center}
.rwiecej {clear: both; overflow: hidden; padding: 15px 0px 0px 0px; }
.rwiecej a.rw { color: #ffffff; display: inline-block;}
.rwiecej a.rw {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAZBAMAAADkl5IIAAAAElBMVEUAAAD///////+FhYX///+FhYUSMQKUAAAABHRSTlMAAEBANTZoDwAAAC1JREFUeF51xsEJACAMALGg7QBu1BG6/zQWfAsHOUWwHjEjKM751iT7kTOSdgGBRwOhMRe0EgAAAABJRU5ErkJggg==);
background-position: right 8px;
background-repeat: no-repeat;
padding: 2px 12px 2px 0px;
}
.rwiecej a.rw:hover {color: #858585; background-position: right -9px; text-decoration: none}
@media (min-width: 700.01px) {
.lang_pl:not(.tapped) div.f_zar:hover .ac:before {content : 'anuluj';}
.lang_en:not(.tapped) div.f_zar:hover .ac:before {content : 'cancel';}
}
@media (min-width: 1600px) {
}
@media (max-width: 1600px) {
.pomoclang {margin-right: 1.5em}
.pomoclang a {margin-left: 1.5em}
.pomoclang #zgloszeniebutton {margin-left: 2em}
}
@media (max-width: 1400px) {
#r_lewaczesc .nag { float: left; padding-top: 1.4em}
#r_lewaczesc { font-size: 96% }
/*.lewe { display: inline-block; }
.pomoclang {clear: left; float: left; margin-top: 0.1em; margin-bottom: 0 }
#r_srodkowatd { display: inline-block; float: right; vertical-align: top}
*/
.durow.hist {padding-top: 0.5em}
.filtrydni .poprawej {margin-top: 0.5em}
}
@media (max-width: 1300px) {
#r_lewaczesc .nag {padding-top: 0.5em}
#r_lewaczesc .nag a img {height: 3.5em; }
#r_lewaczesc .nag h5 { clear: left; padding-top: 0.4em; padding-left: 0.1em; font-size: 1.2em } /** 1.37em */
}
@media (max-width: 1200px) {
.pomoclang {margin-right: 1em; }
.pomoclang a {margin-left: 1em}
.pomoclang a.langs {display: block; flex-basis: 100%; font-size: 120%; text-align: right;}
.pomoclang a.langr {display: none}
.pomoclang #zgloszeniebutton {clear: both; margin-top: 1em }
.pomoclang .rloga-cont {display: none }
}
@media (max-width: 1080px) {
#r_lewaczesc { font-size: 100% ; }
#r_lewaczesc .nag {padding-top: 1.4em}
#r_lewaczesc .nag a img {height: 4em; }
#r_lewaczesc .nag h5 {font-size: 1.37em; clear: none; padding-top: 2em}
.xxloga {float: none; clear: none; width: 9.4em; margin: 1em 0 1em 3em }
.pomoclang a.langs {display: none}
.pomoclang {margin-top: 1em; max-width: none;}
.pomoclang a.langr {display: inline-block; flex-basis: auto; margin-left: 2em; margin-right: 1em}
.pomoclang #zgloszeniebutton {float: none; clear: none; margin-top: 0em}
.filtrydni {padding-top: 1em; padding-bottom: 1em}
/** logowanie na dół */
.dudane {max-width: 20em}
#naglowek {flex-wrap: wrap;}
.warning-user {max-width: none; padding-left: 3em}
#aplaglowna .demo A.wylog {margin-top: 1em }
#logowanie, #daneuzytkownika { padding: 0 ; margin: 0}
#r_srodkowatd {flex-basis: 100%; order: 15; display: block; width: 100%; margin-top: 1em; margin-bottom: 2px; background-color: #eee}
#r_srodkowatd #aplaglowna {padding : 1.5em 3em; margin-left: auto; margin-right: auto; width: auto; display: block; }
.filtrydni .zakladka.dzisiaj:not(.zazn) { padding-left: 1em }
#zdjecie {padding-left: 0; padding-top: 0}
.dudane {padding-top: 0;}
#aplaglowna A.wylog {margin-top: 0}
.durow.hist {padding-top: 0.5em}
}
@media (max-width: 840px) {
.logopcje .custcb {padding-top: 0.8em}
.warning-user span {font-size: 14px}
.filtrydni .poprawej {margin-top: 0.7em}
.filtrydni .f6 {font-size: 18px}
#aplaglowna #daneuzytkownika {font-size: 115%}
header .pasgor .zalogowany {padding-top: 1.2em}
.dudane.demo .instr { width: auto;}
.dudane.demo .logdemo {margin-top: 0.7em;; padding-left: 0px; display: block; text-align: left; font-size: 100%}
}
@media (max-width: 770px) {
#naglowek .lewe {display: flex; flex-direction: column-reverse}
.pomoclang, #r_lewaczesc {float: none; display: block}
.pomoclang {text-align: right; margin-bottom: 1em}
.filtrydni .poprawej .inf {display: none}
.pomoclang a.langr {margin-right:0.4em}
.jaktodziala {display: none;}
.pomoclang A.jaktodzialagora {display: inline-block;}
#r_lewaczesc .nag {padding-top: 0.1em}
#r_lewaczesc .nag h5 { clear: left; padding-top: 0.5em; padding-left: 0.2em}
.xfiltrydni .zakladka {padding-bottom: 0.3em}
.filtrydni .poprawej {margin-top: 0.8em}
.pomoclang #zgloszeniebutton, .pomoclang a.langr { margin-left: 1.5em}
}
@media (min-width: 700.01px) {
header {display: none}
.linkipomocy {display: none}
.f .fil {display: none}
}
@media (max-width: 700px) {
#wrapper.is-active .pasgor.zalo {background: #fff}
#wrapper.is-active header .zalogowany {background: #fff}
.powiekszanie {display: block; }
header .zalogowany .punkty {margin-right: 2em}
header .zegarhelp {margin-top: 0px;}
header.rez .pasgor.zalo {background: linear-gradient(to right, #eee 0%, #eee 70%, #fff 70.1%, #fff 100%) }
header .pasgor.zalo .fixhedlogo {display: none}
header .pasgor .zalogowany { float: left; margin-left: 0; display: inline-block; width: 80%; width: calc(100% - 56px ); padding-top: 1.25em; margin-top: 0; padding-left: 0}
header .zalogowany .loggedus span.a {width: 24px; height: 24px; margin-top: -4px}
/** to jest to podzielenia wiersza, pusty div */
.f .fil { display: inline-block; flex-basis: 30px; order: 2; }
#r_lewaczesc {padding-top:2.8em}
/** nie usywać tego bo to określa isMobile() w rcommon.js */
#naglowek .pomoclang { display: none}
.linkipomocy { padding: 1.5em 0px 0px 0px; text-align: center; }
.pomoclang a.langr {display: none}
header .zalogowany .punkty {background-position: 0 0; vertical-align: top; display: inline-block;}
.logopcje {text-align: left}
header span.l, .punkty, .zegar {font-size: 18px; line-height: 1.2;}
/* znika kalendaz */
.stopkadol { margin-left: 1em; }
#ToolTip {display: none !important}
.pasekgopis {display: none}
div.f {justify-content: space-between; flex-wrap: wrap;}
div.f .op {padding: 12px 14px 16px 14px; font-size: 14px; height: auto; max-height: none; font-size: 1.5em; line-height: normal; }
div.f .op.zgs {max-height: none; padding-bottom: 1em; -webkit-line-clamp: unset }
div.f_seans_nie_dla_usera .op, div.f_seans_bez_rez .op, div.f_seans_bez_rez_darmo .op, div.f_min_niezar .op, div.f_min_zar .op, div.f_min_zar_niewyk .op {
margin-bottom: 18px; }
div.f div.bs {height: auto !important}
.stopkadol, #stopka a { color: #999}
div.f div.bs { display: flex; flex-direction: row; flex-wrap: wrap}
div.f .op {order: 1; flex: 0 1 100%; padding-bottom: 8px; -webkit-line-clamp:unset }
.f .czs:not(.tp) {order: 2;color: inherit; margin-bottom: 8px; }
.f .mi:not(.tp) {order: 2;color: inherit;}
.f .mi {min-width: 33px}
.f .priorytet:not(.tp) {order: 2; height: 13.5px; margin-top:2px; margin-left: 14px}
.f .goscie:not(.tp) {order: 2; width: 15px; height: 14.5px; margin-top: 1.5px; margin-left: 16px}
.f .prasa:not(.tp) {order: 2; margin-left: 16px}
.f .prasa.prof:not(.tp) {height: 20px; margin-top: 1px; }
.f .goscie:not(.tp)+.priorytet {margin-left: 16px;}
.f .goscie:not(.tp)+.priorytet.access {margin-left: 10px;}
div.f span.msc { order: 10; margin-top: 4px; margin-left: 14px; font-size: 160%; flex-basis: calc(100% - 170px); align-self: flex-start; }
div.f span.ac {order: 10;flex-basis: 140px; align-self: flex-end; margin-right:0;}
div.f .ac.working {margin-right: 0; }
div.f div.f_min_zar span.ac, div f div.f_zar_odebr span.ac , div.f .f_min_zar_niewyk span.ac {flex-basis: auto; float: right; position: absolute; right:14px}
div.f_jeszcze_nie .ac {display: inline-block;}
.lang_pl div.f_zar .ac:before {content : 'zarezerwowane';}
.lang_en div.f_zar .ac:before {content : 'booked';}
/* div.f_zar:hover .ac:before {content : 'zarezerwowane - dotknij by anulować';} */
div.f_niezar_dost .ac, div.f_jeszcze_nie .ac {display: block; background-image: none; color: inherit; white-space: nowrap;}
.lang_pl div.f_niezar_dost .ac:before {content : 'zarezerwuj'; padding-right: 0;}
.lang_en div.f_niezar_dost .ac:before {content : 'tap to book'; padding-right: 0;}
.lang_pl div.f_jeszcze_nie .ac:before {content : 'jeszcze niedostępny'; padding-right: 0;}
.lang_en div.f_jeszcze_nie .ac:before {content : 'not available yet'; padding-right: 0;}
/* div.f_niezar_dost:hover .ac:before {content : 'dotknij jeszcze raz by zarezerwować';} */
.f .infose { display: inline-block; background-image: url(../r/css/../img/info2.svg); width: 21.3px; height: 21.3px; background-size: 15px auto; background-position:right center; position: absolute;
bottom: 10px;
right: 5%; }
div.f a.metka img, div.f a.metka img#s, div.f a.nmetka, div.f a.nmetka#s {margin-top: 15px; background-size: 100% 100%}
.f .tooltipmob {display: none}
.ramess, .tooltipmob.ToolTipK { position: relative; display: block; width: calc(100% - 45px); float: left; clear: both; background-color: #292929}
.ramess {white-space: normal; box-sizing: border-box; margin-top: 1px; margin-bottom: 2px}
.tooltipmob.ToolTipK h5 { font-size: 20px}
.tooltipmob.ToolTipK h6 { font-size: 18px}
.tooltipmob.ToolTipK .f6 { font-size: 18px}
DIV.ToolTipK .szt .wn { max-width: none}
DIV.ToolTipK .szt .wnsim { padding: 2em 1.8em 2em 1.8em}
DIV.ToolTipK .szt .wn.wnfull {width: auto}
DIV.ToolTipK .szt.load {height: 100%}
DIV.ToolTipK .szt { float: none;}
div.f a.nmetka, div.f a.nmetka#s {width: 21.3px; height: 14.7px; background-position: right center; margin-left: 0}
.rwiecej a.rw:hover {color: #ffffff; background-position: right 8px; }
#zegar {display: none}
.filtrydni .poprawej {display: none}
.filtrydni {box-sizing: border-box; text-align: center; padding: 0; display: flex; align-content: stretch }
.filtrydni .zakladka {box-sizing: border-box;padding: 1em 1em; line-height: normal; flex-basis: 50%; margin:0; justify-content: center; border-radius: 0px;}
.filtrydni.trzy .zakladka { width: 33.3333%; flex-basis: 33.3333%; }
.filtrydni .zakladka:not(.zazn) + .zakladka:not(.zazn) {border-left: 2px solid #fff}
.filtrydni .zakladka span {line-height: normal;}
div.f .bs .gala {display: none}
div.f.f-gala.flex .bs {display:block}
div.f .bs .bs-wrapper {display: flex; width: auto !important; flex-direction: row; flex-wrap: wrap;}
div.f .wu:not(.ic) {order: 9; flex: 0 1 100%; margin-top: 0.8em; margin-left: 0px}
}
@media (max-width: 600px) {
#zdjecie {font-size: 90%}
#r_srodkowatd #aplaglowna,.warning-user {padding-left: 1.5em; padding-right: 1em; }
.warning-user {text-align: center; }
#logowanie .przyc {padding-left: 1em}
}
@media (max-width: 550px) {
header .zalogowany .punkty {margin-right: 0.5em}
header .zegarhelp {margin-top: 0px;}
}
@media (max-width: 520px) {
#logowanie {max-width: 300px; margin-left: auto; margin-right: auto;}
.logzawart {width: 100% ; display: block; }
#logowanie .przyc {padding-left: 0em; display: block; margin-top: 1em}
#aplaglowna A.niepamietam {margin-right: 1em;}
#logowanie .przyc .przycisk {padding: 1em 1.4em; display: block; width: calc(100% - 1.3em)}
.logpola .pole {width: calc(100% - 1.8em)}
.logpola .logino {margin-right: 0}
.logpola .pole.pss{margin-top: 1em}
.logpola {white-space: normal;}
.xxloga {float: left; clear: left; margin-top: 0.8em; margin-bottom: 1.2em; margin-left: 1.55em }
#aplaglowna A.wylog {float: left; margin-left: 7em; margin-top: 0.9em; }
#aplaglowna .demo A.wylog {margin-left: 0}
.pomoclang {margin-bottom: 0.1em}
#r_lewaczesc {padding-left: 1em}
#r_srodkowatd #aplaglowna {padding-left: 1.5em; padding-right: 1em}
span.waznyoddo {display: none}
}
@media screen and (max-width: 500px) {
header .pasgor .zalogowany .wyl { display: inline-block }
}
@media (max-width: 450px) {
.dudane { max-width: 16em}
.dudane.demo {max-width: none;}
}
@media (max-width: 400px) {
header .zalogowany .loggedus span.l {display: none}
header .zalogowany .loggedus {margin-right: 5px}
.dudane .durow {justify-content: center;}
.dudane {margin-top: 0.6em; padding-left: 0; max-width: none; display: block; min-width:unset; min-width: 0; text-align: center; padding-left: 0; padding-right:0}
.dudane .durow .c, .dudane .durow .c:first-child {float: none; display:inline-block; width: auto;}
#r_srodkowatd #aplaglowna {padding-left: 1em; padding-right:1em; text-align: center; padding-top:1.5em;}
#aplaglowna A.wylog {float: none; margin-left:0;margin-right: 0px}
#aplaglowna #daneuzytkownika {display: block; }
.pomoclang a.langr {margin-right:0em}
.pomoclang #zgloszeniebutton, .pomoclang a.langr { margin-left: 1em}
.xf .priorytet:not(.tp) { font-size: 1.2em; margin-top:0px;}
.xf .goscie:not(.tp) {width: 14.5px; height: 14px; margin-top: 1px; }
.dudane.demo .logdemo {text-align: center; }
}