html {
--button-font: 12px;
--button-font-spacing: 0.1em;
--checkbox-font: 0.9em;
--checkbox-font-spacing: 0.04em;
--checkbox-font-line: 1.3em;
}
@font-face{
font-family: 'Miso';
src: url('../css/font/miso-regular-pl-webfont.eot');
src: url('../css/font/miso-regular-pl-webfont.eot?#iefix') format('embedded-opentype'),
url('../css/font/miso-regular-pl-webfont.woff') format('woff'),
url('../css/font/miso-regular-pl-webfont.ttf') format('truetype'),
url('../css/font/miso-regular-pl-webfont.svg#webfont') format('svg');
}
@font-face {
font-family: 'Heuristica';
src: url('../css/font/Heuristica-Regular.eot');
src: url('../css/font/Heuristica-Regular.eot?#iefix') format('embedded-opentype'),
url('../css/font/Heuristica-Regular.woff2') format('woff2'),
url('../css/font/Heuristica-Regular.woff') format('woff'),
url('../css/font/Heuristica-Regular.svg#Heuristica-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GTPressura';
src: url('../css/font/GTPresura/GT-Pressura-Standard-Medium.woff2') format('woff2'),
url('../css/font/GTPresura/GT-Pressura-Standard-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GTPressura';
src: url('../css/font/GTPresura/GT-Pressura-Standard-Medium.woff2') format('woff2'),
url('../css/font/GTPresura/GT-Pressura-Standard-Medium.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Heuristica';
src: url('../css/font/Heuristica-Italic.eot');
src: url('../css/font/Heuristica-Italic.eot?#iefix') format('embedded-opentype'),
url('../css/font/Heuristica-Italic.woff2') format('woff2'),
url('../css/font/Heuristica-Italic.woff') format('woff'),
url('../css/font/Heuristica-Italic.svg#Heuristica-Italic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Heuristica';
src: url('../css/font/Heuristica-BoldItalic.eot');
src: url('../css/font/Heuristica-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../css/font/Heuristica-BoldItalic.woff2') format('woff2'),
url('../css/font/Heuristica-BoldItalic.woff') format('woff'),
url('../css/font/Heuristica-BoldItalic.svg#Heuristica-BoldItalic') format('svg');
font-weight: bold;
font-weight: 500;
font-style: italic;
font-display: swap;
}
html { font-size: 131.25%; }
/**przyjmujemy , że 1em = 21px */
h1, h2, h3, h4, h5, h6, h7, .f1, .f2, .f3, .f4, .f35, .f5, .f6, .f7, .glowek, .n20, .wyroznienie {
font-family: 'Heuristica', Arial, sans-serif;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none; color: inherit; font-weight: normal; line-height: 1.3;
}
.psfest h1, .psfest h2, .psfest h3, .psfest h4, .psfest h5, .psfest h6, .psfest h7,
.psfest .f1, .psfest .f2, .psfest .f3, .psfest .f4, .psfest .f35, .psfest .f5, .psfest .f6, .psfest .f7, .psfest .glowek,
.psfest .n20, .psfest .wyroznienie {
font-family: 'GTPressura', Arial, sans-serif;
text-transform: uppercase;
}
.psfest .f6 {text-transform: none;}
.hb, .miso {font-size: 126.32%; line-height: 130%} /** not mod */
.miso { font-family: Miso; }
.f4, h4 { font-size: 0.9em; xpadding: 0px 0px 0.15em 0px; xmargin-bottom: 0.15em }
.f35, h35 { font-size: 1.1em; xpadding: 0px 0px 0.7em 0px; }
.f3, h3 { font-size: 1.3em; xpadding: 0px 0px 0.7em 0px; }
.f2, h2 { font-size: 1.5em; xpadding: 0px 0px 1.5% 0px; }
.f1, h1 { font-size: 1.7em; line-height: 1.3; xpadding: 0.24em 0px 0.24em 0px ; xmargin-bottom: 0.32em; xmargin-top: 0.16em }
.f6 {font-size: 0.8em }
.f7 {font-size: 0.8em; line-height: 1.5}
.f8 {font-size: var(--button-font); letter-spacing: var(--button-font-spacing); }
p.small, .small {font-size: 0.8em }
h1.topnaglowek {font-size: 160%; color: #ffffff; padding-top: 0.6em; margin-bottom: 0.6em; }
h1.mocny, .f1.mocny { font-size: 1.9em; font-weight: 500; font-style: italic; color: #fff; letter-spacing: 0.02em}
h1.dz { font-size: 1.8em; }
.n20 { color: inherit;}
h5 { font-size: 1.4em; line-height: 1.5; padding: 1em 0px; margin: 0}
h6 { font-size: 1.6em; line-height: 1.5; padding: 1em 0px; margin: 0}
h1.heur {color: #fff; font-size: 2.29em; font-weight: 500; font-style: italic; text-transform: lowercase;}
.roboto-head, .roboto-label { font-family: Roboto; font-weight:300; line-height: 1.6em; font-size: 0.54em; text-transform: lowercase; letter-spacing :0.1em }
.roboto-label { text-transform:none; letter-spacing :0.07em }
.miso-head { font-family: Miso; font-size: 0.945em; text-transform: lowercase; letter-spacing :0.09em }
.roboto-text { font-family: Roboto; font-weight:400; line-height: 1.7em; font-size: 0.7em; letter-spacing :0.05em }
.roboto-text-sm { font-family: Roboto; font-weight:400; line-height: 1.65em; font-size: 0.62em; letter-spacing :0.07em }
span.roboto-text {line-height: 1.7}
.subheader { font-size: 0.66em; letter-spacing : 0.06em; font-weight:300;line-height: 1.6em; }
.wyroznienie, .wyroznieniem, .f5 {font-size: 120%; }
.wyroznienied {font-size: 120%; }
.wyroznieniem * {font-family: inherit;font-size: inherit;}
.tekst p.wyroznienie, .tekst span.wyroznienie {
font-size: 120%;
line-height: 120%;
}
.tekst span.wyroznienie * {
font-size: inherit !important;
line-height: inherit !important;
}
@media screen and (min-width:1950.000001px) {
html { font-size: 140%;}
}
@media screen and (min-width:1951px) {
#kolmenu.roboto-head { font-size: 0.62em}
/*.roboto-head, .roboto-label { font-size: 0.62em}
.roboto-text-sm {font-size: 0.7em} */
}
/*
@media screen and (max-width:1950px){
.roboto-head, .roboto-label, #kolmenu.roboto-head {font-size: 13px;}
}
@media screen and (max-width:1250px){
.roboto-head, .roboto-label, #kolmenu.roboto-head {font-size: 12px;}
}
*/
@media screen and (max-width:1100px){
html { font-size:120%; }
/*.roboto-head, .roboto-label, #kolmenu.roboto-head { font-size: 11.2px}*/
.miso-head { font-size: 18px}
}
@media screen and (max-width:900px){
html { font-size:100%; }
.roboto-label {font-size: 11px}
.roboto-head,.roboto-label {font-size: 11px}
.roboto-text {font-size: 13px;}
.roboto-text-sm {font-size: 12px}
.f7 {font-size : 12px;}
}
@media screen and (max-width:600px){
html { font-size:95%; }
.subheader {font-size: 12px}
html {
--button-font: 11px;
}
}
@media screen and (max-width:400px){
}
@font-face {
font-family: 'wkw_displaylarge';
src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'wkwextrabold';
src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
display: block;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background: url(../css/icheck-minimal/pminimal.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_minimal {
background-position: 0 0;
}
.icheckbox_minimal.hover {
background-position: -20px 0;
}
.icheckbox_minimal.checked {
background-position: -40px 0;
}
.icheckbox_minimal.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal.checked.disabled {
background-position: -80px 0;
}
.iradio_minimal {
background-position: -100px 0;
}
.iradio_minimal.hover {
background-position: -120px 0;
}
.iradio_minimal.checked {
background-position: -140px 0;
}
.iradio_minimal.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal.checked.disabled {
background-position: -180px 0;
}
/* HiDPI support */
/**
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.icheckbox_minimal,
.iradio_minimal {
background-image: url(../css/icheck-minimal/minimal_2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
*/
/* pakamera */
.icheckbox_minimal {float: left; margin-right: 15px; margin-top: 0.35em;}
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 0px;
border: solid 2px #000;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
xfont-family: inherit;
xfont-size: 1em;
xfont-weight: normal;
height: 2.5em;
line-height: 2.5em ;
xline-height: calc(2.5em - 0px);
outline: none;
padding-left: 1em;
padding-right: 3em;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #000; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #333; }
.nice-select:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 1.2em;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 0px;
margin-bottom: 0;
box-shadow: 0 0 0 1px rgba(29, 29, 29, 0.5);
box-sizing: border-box;
margin-top: 0px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
max-height: 300px; overflow-y: auto;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
xfont-weight: 400;
font-size: 0.9em;
line-height: 2.2em;
list-style: none;
min-height: 2.2em;
outline: none;
padding-left: 1em;
padding-right: 2em;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
/** ---------------------------------------------- */
/** poprawiony nice-select */
.nice-select.nicer {height: auto}
.nice-select.nicer:after { /** to można zastosować do wszystkich nice-select */
border-bottom: 1pt solid #000;
border-right: 1pt solid #000;
height: 0.6em; margin-top: -0.4em; width: 0.6em; right: 1.55em
}
.nice-select.nicer {line-height: 3.2em; padding-left: 1.4em; padding-right: 3.5em}
.nice-select.nicer .list {background-color: #eee}
.nice-select.nicer .option:hover, .nice-select.nicer .option.focus {
background-color: #eee;
padding-left: 1.3em;
}
.nice-select.nicer .list {font-size: 1em; box-shadow: none; border: 2px solid #000; margin-left: 0px; left: -2px; padding-top: 0.3em; padding-bottom: 0.3em }
.nice-select.nicer .list {scrollbar-width: thin; scrollbar-color: #111 #eee; }
.nice-select.nicer .option {font-size: 1em; min-height: 1.6em; line-height: 1.6em}
.nice-select.nicer .list::-webkit-scrollbar {width: 14px;}
.nice-select.nicer .list::-webkit-scrollbar-track {background: #fafafa;}
.nice-select.nicer .list::-webkit-scrollbar-thumb {background-color: #666; border-radius: 20px; border: 4px solid #fafafa;}
.nice-select.nicer ul li {padding-top: 0.4em; padding-bottom: 0.4em}
.nice-select.nicer .option.selected, .nice-select.nicer .option.selected.focus {padding-left: 2.2em; position: relative;}
.nice-select.nicer .option.selected:before {
border-bottom: 1pt solid #000;
border-right: 1pt solid #000;
content: '';
display: block;
height: 0.45em;
margin-top: -0.4em;
pointer-events: none;
position: absolute;
left: 1em;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
width: 0.3em;
}
.nice-select.nicer .list {
-webkit-transform: scale(1) ;
-ms-transform: scale(1) ;
transform: scale(1) ;
}
.nice-select.thin-border, .nice-select.thin-border .list, .nice-select.nicer.thin-border .list { border-width: 1px}
.nice-select.nicer.thin-border .list {left:-1px}
.nice-select.nicer.white .list {background-color: #fff}
.nice-select.nicer.white .option:hover, .nice-select.nicer.white .option.focus {
background-color: #fff;
}
.iloscbiletowwkoszyku {font-family: Miso}
.hamburger { float : right}
header { display: none; background-color: #000; color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index:290003; xheight: 3em; box-sizing: border-box; padding-top:0.7em; padding-bottom: 0.7em;
transition: background .5s ease }
body.radioa header {background-color: #cc6699; background-image: url(../css/../img/ra/faktura2.png); background-repeat: repeat; background-size: 132px auto; }
header .logom { transition: all 0.2s; background-image: url(../css/../img/logo_podstawowe_pl.svg); background-position: bottom left; background-size: auto 1.7em; display: inline-block; height: 1.7em; width: 230px}
@media (max-width: 600px) {
header .logom {width: 180px}
}
body.langen .logom { background-image: url(../css/../img/logo_podstawowe_en.svg);}
body.radioa .logom { background-image: url(../css/../img/ra/radioazja_podstawowe.svg);}
body.radioa #logo {background-image: url('../css/../img/ra/radioazjafest.svg'); background-size: auto 80px;}
body.radioa .wwdomu, body.radioa .tw {display: none}
body.radioa #menuglowne_pasek {display: none}
.koszyktop {margin-top: 0.2rem; font-family: Miso; font-size: 17px; float: right; margin-right: 1em; color: #fff}
@media screen and (max-width:1100px){
.koszyktop {margin-top: 0.1rem; }
}
.koszyktop img {margin-right: 0.5em}
.koszyktop:hover { color: #fff}
.koszbgora { width: auto; height: 20px ;}
.koszbgorai {xfont-size: 1em}
@media (min-width: 1600.01px) {
header .logom { background-size: auto 1.7em; display: inline-block; height: 1.7em; width: 11em}
.koszyktop {margin-top: 0.2rem; font-size: 0.81em; }
.koszbgora { height: 0.95em ;}
}
.marginesy, header .cont {max-width: 1650px; min-width: 270px; margin-left: auto; margin-right: auto; padding: 0 5%;}
.marginesy.marginesy_more {padding: 0 8%;}
.marginesy_content {max-width: 1200px; min-width: 300px; margin-left: auto; margin-right: auto; padding-left: 12%; padding-right: 12%}
.marginesy_kafle {max-width: 1600px; min-width: 300px; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%}
.marginesy_article { max-width: 1800px; min-width: 300px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px }
.marginesy_article.marginesy_program #koltekst {padding-left: 6%; box-sizing: border-box;}
.marginesy_jakheader {padding: 0 8%; }
header .cont {display: flex; justify-content: space-between;}
header .cont .elprawa {display: flex; align-self: flex-end; align-items: center; }
@media (min-width: 1600.0001px) {
.marginesy_kafle {max-width: 1800px}
}
@media (max-width: 1300px) {
header .cont, .marginesy { padding-left:4%; padding-right: 4% }
.marginesy.marginesy_more { padding-left: 6%; padding-right: 6% }
.marginesy_content { padding-left: 8%; padding-right: 8%; margin-left: 0px; margin-right: 0px;}
}
@media (max-width: 1600px) {
.marginesy_kafle { padding-left: 3%; padding-right: 3%; margin-left: 0px; margin-right: 0px;}
}
@media (max-width: 900px) {
header .cont, .marginesy {padding: 0 1em }
header { xpadding-bottom: 0.8em}
.marginesy_article.marginesy_program #koltekst { padding-left: 0px; }
}
@media (max-width: 500px) {
.marginesy_content { padding-left: 3%; padding-right: 3%}
.marginesy_kafle { padding-left: 3%; padding-right: 3%}
}
.udm li a {transition: all 0.2s}
@media (max-width: 500px) {
.xkoszyktop {margin-top:0.15em}
header { padding-bottom: 0.6em}
}
header.fixed {display: block; transition: background-color 0.5s ease;}
.waznelinki.gr {float: right; margin-right: 25px; display: flex}
@media (max-width: 1000px) {
#menuglowne_pasek { display: none}
#content {margin-top: 0.5em;}
body.radioa header, header {display: block; background-color: transparent; transition: background-color 0.2s; background-image: none;}
header .logom {display: none}
header.fixed, header.is-active {background-color: #000}
body.radioa header.fixed, body.radioa header.is-active {background-color: #cc6699; background-image: url(../css/../img/ra/faktura2.png); background-repeat: repeat; background-size: 132px auto;}
header.fixed .logom, header.is-active .logom {display: inline-block;}
header:not(.fixed):not(.is-active) .cont {justify-content: flex-end;}
#jezyk {display: none; margin-right: 3em}
.waznelinki.gr {display: none;}
}
#tlo { background-repeat: no-repeat; background-position: top center ; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;}
@media (max-width: 900px) {
#tlo {background-color: #000}
}
body.radioa #tlo {background-image: url(../css/../img/ra/tlo19_sv2.jpg); background-color: #cc6699;
background-size:100% auto; background-repeat: repeat; }
@media (min-width: 1650px) {
body.radioa #tlo {background-image: url(../css/../img/ra/tlo19_dv2.jpg);}
}
@media (max-width: 1100px) {
body.radioa #tlo {background-image: url(../css/../img/ra/tlo19_mv2.jpg);}
}
@media (max-width: 600px) {
body.radioa #tlo {background-image: url(../css/../img/ra/faktura2.png); background-repeat: repeat; background-size: 132px auto}
}
nav.mobile {min-width: 13em; font-weight: 300}
nav.mobile a {color: #fff; text-transform: lowercase; font-size: 1em; padding: 0.25em 0px; display: block; letter-spacing: 0.03em; text-align: left;}
nav.mobile a:hover {color: #fff}
nav.mobile a.selected {text-decoration: underline;}
nav.mobile a.mg { float: left; margin: 0}
nav.mobile a.lang {clear: both; float: left; margin-top: 0; overflow: hidden }
nav.mobile a.lang:hover {color: inherit;}
nav.mobile .prz {clear: both; display: block; width: 20px; border-top: 2px solid #fff; margin: 1em 0}
nav.mobile {padding: 0.9em 6% 0.9em 4em;}
nav.mobile .soc {float:left; clear: both; margin: 2.3em 0px 0.5em 0px; overflow: hidden;}
xnav.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 .mobkoszyk {float: none; padding-top: 9px;}
nav.mobile .mobkoszyk A:hover { color: #fff}
nav.mobile .mobkoszyk A IMG { margin-right: 10px; width: auto; height: 1em}
nav.mobile .mobkoszyk A.f5 {color: #fff}
nav.mobile {
display: block;
background: #000;
position: fixed;
min-width: 13em;
max-width: 13em;
height: 100%;
top: 3em;
right: 0;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
xbox-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: 290002;
}
body.radioa nav.mobile {background-color: #cc6699; background-image: url(../css/../img/ra/faktura2.png); background-repeat: repeat; background-size: 132px auto; }
nav.mobile.is-active {
-webkit-transform: translate(0%, 0);
-moz-transform: translate(0%, 0);
transform: translate(0%, 0);
}
nav.mobile .poziom1 {display:none; margin: 0.3em 0px 1em 1em; xcolor: #ddd;}
nav.mobile .poziom2 {display:none; margin: 0.3em 0px 1em 0px; xcolor: #ddd; padding-left: 1em}
nav.mobile .poziom1 A {color: #fff;display: block; padding: 0.3em 0px; text-transform: none; font-size:0.80em; xline-height: normal; }
nav.mobile .poziom2 A {color: #fff;display: block; padding: 0.3em 0px; text-transform: none; font-size: 0.70em; xline-height: normal; }
.radioazjaopis {display: block; xdisplay: none; color: #fff; margin: 1em 0px 1.5em 0px; font-family: Miso; text-transform: uppercase; font-size: 1.3em}
.radioazjaopis img {height: 1.1em; width: auto; display: inline-block; margin-bottom: -0.2em; margin-left: 0.5em;}
.radioazjaopis:hover {color:#fff}
@media screen and (max-width: 1000px) {
.radioazjaopis {margin-top: 0px}
}
#naglowek {padding-top: 1.55em; padding-bottom: 1.3em; margin-bottom: 1em; overflow: hidden; }
.radioa #naglowek {padding-bottom: 1.3em }
#naglowek #logo {float: left; overflow: hidden; display: block; }
#naglowek .pamiecim {float: left; overflow: hidden; clear: both}
#naglowek .pamiecim {display: none}
#jezyk { overflow: hidden; float: right; padding-right: 0.2em}
#jezyk A {transition: transform 0.2s; margin-top:0.5em;text-decoration:none; color: #fff; float: left; display: block; font-size: 0.75em }
#jezyk A:hover {transform: translateX(0.2em)}
.xnav-wwdomu {display: none}
.nav-wwdomu img {height:2em; width: auto;}
.psfest .nav-wwdomu {display: block; margin-top: 2em;}
/** ukrywam na razie */
/**
.psfest .waznelinki .wwdomu, .psfest .nav-wwdomu, .wwdomu { display: none !important; }
*/
.waznelinki A {margin-left: 0.6em;}
nav.mobile .waznelinki.nav a { padding: 0px;}
nav.mobile .waznelinki {margin-top: 1.7em}
nav.mobile .nav-wwdomu + .waznelinki {margin-top: 0.3em}
nav.mobile A { transition: transform .2s ease }
nav.mobile a:hover {transform: translateX(0.2em); color: #fff }
.waznelinki A, nav.mobile .waznelinki A {display: inline-flex; width: 2em; height: 2em ; justify-content: center; align-items: center; transition: transform .2s ease}
.waznelinki A.tw, nav.mobile .waznelinki A.tw {display: none}
.waznelinki A img {width: auto; height: 60%; }
.waznelinki A.fb, nav.mobile .waznelinki A.fb {width: 1.7em}
.waznelinki A.yt img {height: 40%}
.waznelinki A.access img {xheight: 60%}
.waznelinki A.access {display: none; margin-left: 1em}
.psfest .waznelinki A.access {display: inline-flex}
nav.mobile .waznelinki A img {width: auto; height: 70%; }
nav.mobile .waznelinki A.yt img {height: 70%}
nav.mobile .waznelinki A:hover {padding-left: 0px; }
.waznelinki A:hover { transform: translateY(0.2em) }
.waznelinki A.wwdomu:hover { transform: translateX(-0.2em) }
.waznelinki A.pami:hover { transform: translateX(-0.2em) }
.waznelinki A.access:hover { transform: translateX(0.2em) }
nav.mobile .waznelinki A {margin-left: 0px; }
.waznelinki .wwdomu { margin-right: 2em}
.waznelinki .wwdomu img {height: 1.9em; width: auto;}
.waznelinki .pami {display: none}
.xpsfest .waznelinki .wwdomu {display: none; }
.psfest .waznelinki .pami { display: inline-flex; align-items: center; margin-right: 1.2em; width: auto }
.psfest .waznelinki .pami img {height: 1.6em; width: auto;}
.psfest .waznelinki .pami {display: none}
nav.mobile .waznelinki {margin-left: -0.4em; font-size: 1.3em}
.masz-karnet-vod { background-image: url("../css/../img/karnet_gora.svg") !important; background-repeat: no-repeat ; margin-bottom: -2px; margin-right: 0.2em; background-position: right bottom; width: 0.3em; height : 0.4em; display: inline-block;}
.masz-karnet-vod:hover { background-repeat: no-repeat ; background-position: right bottom; }
header .masz-karnet-vod { width: 1em; height: 1.1em; margin-right: 0.8em; background-size: auto 1em; background-position: right center ; }
header .masz-karnet-vod:hover {background-position: right center ; }
@media screen and (max-width: 900px) {
nav.mobile {top: 2.7em; font-size: 1.15em} /** wysokość podzielona przez font size - 3.6 / 1.3*/
}
@media screen and (max-width:500px) {
nav.mobile { width: 100%; max-width: none; padding-right: 0 ; box-sizing: border-box;}
nav.mobile .prz {clear: both; display: block; width: 20px; border-top: 1px solid #fff; margin: 0.8em 0}
nav.mobile a {padding: 0.25em 0}
}
@media screen and (max-width: 400px) {
nav.mobile {top: 2.6em; font-size: 1.2em}
}
@media screen and (max-width: 1100px) {
.xudm a, .xudm a.nohref { font-size : 23px !important}
}
a.jagoda {display: none}
a.jagoda { xdisplay: flex; box-sizing: border-box; padding: 2em 2em; width: 30em; max-width: 90%; border: 1px solid #fff; margin: 2em auto;
flex-wrap: nowrap;
}
a.jagoda:hover { border: 1px solid #fff}
.jagoda * {color : #fff}
.jagoda .ils { }
.jagoda .ils img {width: 4.5em; height: auto}
.jagoda .tytteks {margin-left: 2em; white-space: normal; }
.jagoda .tytteks .te {xfont-size: 90%; margin-top: 1em; display: block; xmax-width: 20em; white-space: normal; }
.jagoda .tytteks .strz { display: block; margin-top: 0.5em }
.jagoda .tytteks .strz img { width: auto; height: 0.5em}html {
-webkit-tap-highlight-color:transparent;
--dluga-strzalka: url("../css/../img/arrowmagrightlong.svg");
--magenta: #000;
--magentac: #000;
--magentah: #333; /** hover */
--error-color: #DE1B28;
--przyciski-koszyka: var(--magenta);
--przyciski-koszyka-hover: var(--magentah);
--tlo-art: #F1F2F2;
--trwa : "trwa wczytywanie filmu...";
--text-indent: 35%;
--header-indent: 25%;
--wdomu-kolor : #83FF60;
--szare-kreski : #6A6B6B;
--wkw-color: #A7EAE5;
}
@media (min-width: 600.000001px) {
.article.opis.film {
--text-indent: 40%;
--header-indent: 34%;
}
.wdomu .article.opis.filmvod {
--text-indent: 39%;
--header-indent: 33%;
}
}
body.wait, body.wait *{ cursor: wait !important; }
*, *: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; }
input[type=submit]:focus, button:focus { outline: 0; box-shadow: 0;}
input[type="radio"], input[type="checkbox"] { border: 0px !important; }
html {
font-family: Roboto, sans-serif;
font-weight: 400;
line-height: 1.5;
}
body {
background-color:#000000;
color: #000000;
}
td,table { font-family: inherit;font-size: inherit;font-weight: inherit; line-height: inherit; }
/**INPUT, SELECT, textarea, input[type="text"], LABEL {
font-family: Roboto, sans-serif;
font-size: 90%;
line-height: normal;
color: #000000;
}*/
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;
}
BUTTON, INPUT[type=submit] {border: none}
*::-webkit-input-placeholder {
color: inherit;
}
*:-moz-placeholder {
/* FF 4-18 */
color: inherit;
}
*::-moz-placeholder {
/* FF 19+ */
color: inherit;
}
*:-ms-input-placeholder {
/* IE 10+ */
color: inherit;
}
body {width: 100%; height: auto; overflow-y: scroll; margin: 0px; padding: 0px }
a, a:hover, a:active, a:focus { outline: 0; }
*, *:before, *:after { background-repeat: no-repeat;}
button:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
P { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0.5em; padding-top: 0.5em; }
p, span {
text-rendering: optimizeLegibility;
font-family: Roboto, sans-serif;
font-size: inherit;
line-height: 1.5;
font-feature-settings: "kern" 1;
font-kerning: normal;
font-weight: inherit;
}
.xtekst p, .xtekst span, .xtekst div { font-size : inherit ; line-height: inherit }
strong, b {font-weight: 500}
.tekst IMG.dopasuj {
max-width: 100% !important;
height: auto !important;
}
.issuuembed {width: 550px; height: 391px;}
.ac { font-size: 90%; color: #ffffff; background-color: #c5c5c5;border-top: 1px solid #C1C1C1;bottom: 0;left: 0;right: 0;width: 100%;z-index: 1000; box-sizing: border-box; padding: 1em 2em}
.ac .i div {color: #333333;}
.ac .i .h {xmargin-bottom: 0.5em;}
.ac .i {margin-left: auto; margin-right: auto; }
.ac a {text-decoration: underline; color: #666;}
.ac a.k {float: right; margin-right: 0px;}
.lines-2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
input[type="checkbox"].ncheckbox { display:none; }
input[type=checkbox].ncheckbox + label { width: auto; float: none; margin-left: 0px; display: inline-block; cursor: pointer; position: relative; padding-top:0; padding-bottom: 0; margin-bottom: 0; padding-left: 2em; font-size: 1em }
input[type=checkbox].ncheckbox + label.giodo { font-size: 0.9em}
input[type=checkbox].ncheckbox + label:before { content: ' '; display: inline-block; xbox-shadow: 0 0 0 1px rgba(0, 0, 0, 1); width: 1em; height: 1em; margin-right: 0.5em; position: absolute;
left: 0; bottom: 0px; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1px solid #000; }
input[type=checkbox].ncheckbox:checked + label:before { content: " "; ; color: #000; background-color: #000; text-align: center; line-height: 100% }
.yumpu-embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; margin-top: 1.5em; margin-bottom: 1.5em;}
.yumpu-embed-container iframe, .yumpu-embed-container object, .yumpu-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
ul.punkty {list-style-type: circle; margin-left: 0.1em; margin-right: 0px; padding-left: 1.2em; padding-right: 0px; }
ul.punkty li { margin-top: 1em; margin-bottom: 1em; }
a img {border: none; }
a {border: none; color: #000; text-decoration: none; font-size: inherit; font-weight: inherit;}
.tekst A, .lead A { transition: color 0.2s; color: #000; text-decoration: underline; text-underline-offset: 0.15em ; text-decoration-thickness: 1pt }
.tekst A:hover, .lead A:hover { color: #777; text-decoration: underline; text-underline-offset: 0.15em ; text-decoration-thickness: 1pt}
.tekst A.przycisk {text-decoration: none; color: inherit;}
.tekst A.przycisk:hover {text-decoration: none; color: inherit;}
a:active, a:focus {
outline: none;
}
a:hover {border: none; color: #111; text-decoration: none;}
a.strzalka-z-podkresleniem, a.strzalka {text-decoration:none; background-image: url(../css/../img/strzalkan.svg); transition: background-position 0.2s;
background-position: right 0.2em center; background-repeat: no-repeat; padding-right: 2.8em; background-size: 2em auto}
a.strzalka-z-podkresleniem:hover, a.strzalka:hover {text-decoration:none; color: #000; background-position: right center; }
a.strzalka-z-podkresleniem { text-decoration: underline; text-decoration-thickness: 1pt; transition: background-position 0.2s, text-underline-offset 0.2s;}
a.strzalka-z-podkresleniem:hover { text-decoration: underline; text-decoration-thickness: 1pt; text-underline-offset: 0.2em; }
A.bump-underline, .with-link .link {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 {color: currentcolor ; text-underline-offset: -0.15em }
h6 a, h5 a {text-decoration:none !important}
a.pobierz {text-decoration:none;background-image: url(../css/../img/download.svg); transition: background-position 0.2s;
background-position: right top 0.15em; background-size: auto 1em; background-repeat: no-repeat; padding-right: 1.8em;}
a.pobierz:hover {text-decoration:none;color: #000; background-position: right top 0.25em; }
.tekst .seans {text-decoration:none; position: relative; background-image: url('../css/../img/koszykn1.svg'); background-repeat: no-repeat; background-position: right center; background-repeat: no-repeat; padding-right: 1.7em; background-size: auto 1em; }
.tekst .seans:hover {color: #000; }
.tekst .seans:after { transition: transform 0.2s; content: ""; position: absolute; right: 0px; bottom: 0.1em; background-image: url('../css/../img/koszykn2.svg'); background-repeat: no-repeat; width: 1em; height: 1em; background-position: right center; background-size: auto 1em;}
.tekst .seans:hover:after {transform: rotate(-40deg); }
.jFiler-input-choose-btn { font-family: Miso; font-size: 180% !important}
h5 *, h6 * {font-family: inherit; color: inherit; font-size: inherit;}
h6 * {font-size: inherit}
.n20 { font-size: 130%; }
.malacz { font-size: 12px;}
#menuglowne_pasek .fa { text-transform: lowercase; }
#menuglowne_pasek .fa:hover {color: #000000;}
#udm {margin-left: -10px;}
#udm A.fa.udmR {color: #000000 !important;}
#udm .podkr {margin-top: 10px; height: 0px; border-bottom: 2px solid transparent; width: 100%;}
#udm a.selected .podkr {height: 0px; border-bottom: 1.5pt solid #ffffff; width: calc(100% - 10px);}
#udm a.selected {position: relative}
#udm a.selected .podkr { position: absolute; top: 0.8em; left: 5px;}
.udm a, .udm a:link, .udm a.nohref { padding-top: 9px !important; }
.udm a, .udm a:link, .udm a.nohref { padding-bottom: 0px !important; }
#content { margin-top: 0.1em }
#oknoglowne {position: relative; width: 100%; background-color:#ffffff; color: #000000; padding: 0; box-sizing: border-box; }
.tooltip_templates {display: none}
.tooltipster-sidetip.tooltipster-cust .tooltipster-content {font-size: 12px; padding: 15px 18px; font-weight: 200; max-height: none;}
.tooltipster-sidetip.tooltipster-cust .tooltipster-box {border-radius: 0}
.tooltipster-update-fade {
animation: tooltipster-fading 200ms;
}
.tooltipster-cust {max-width: 230px; overflow: visible; xwidth: auto !important; }
.tooltipster-cust a {transition: none; color: #F285B0;}
.tooltipster-cust a:hover { color: var(--magenta) ; text-decoration: 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; }
.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; }
.marginesy_pasek {min-width: 300px; margin-left: auto; margin-right: auto; padding-left: 10%; padding-right: 10%}
.pasek-kafli-sb.swiper-button-prev {left: 6%;}
.pasek-kafli-sb.swiper-button-next {right: 6% }
.swiper-i-buttony {position:relative}
.na-glw-pasek {padding-top: 2em; padding-bottom: 2em}
.glw + .na-glw-pasek { padding-top: 3.5em}
.glw + .na-glw-pasek.program-fest { padding-top: 1em}
.na-glw-pasek.podkasty {padding-top: 4.5em}
.na-glw-pasek.wdomu {padding-top: 4.5em}
.na-glw-pasek.podkasty .pasek-header .ic {margin-bottom: auto;}
.pasek-header .ic {
display: inline-block; background-size: cover; background-position: center center;
width: 2.5em; height: 2.5em; background-repeat: no-repeat; margin-right: 1.2em;
margin-bottom: 1.3em
}
.pasek-header .f1 + .ic {margin-left: 1.4em; background-size: auto 100%; margin-bottom: 1em; width: 4em; height: 3em; background-position: left center}
.pasek-header .ic.std { background-image: url(../css/../img/studio_gl2.svg); height: 2.2em ; margin-bottom: 0.2em}
.pasek-header .ic.kal { background-image: url(../css/../img/kalendarz_gl.svg); height: 2.1em }
.pasek-header .ic.filmy { background-image: url(../css/../img/filmy_gl.svg) ; height: 2.2em ; margin-bottom: 0.6em}
.pasek-header .ic {display: none ; /** ukrywany te ikony */ }
.pasek-header > div {padding-left: 0px; transition: padding-left 0.2s; padding-right: 2em}
@media (min-width: 700px) {
.pasek-header:hover > div {padding-left: 0.5em; }
}
.pasek-header > div span {display: block}
.pasek-header > div span.f1 {padding-bottom: 0.35em; }
.pasek-header {display: inline-flex; color: #fff; margin: 1em 0px 2em 0px; align-items: center; flex-wrap: nowrap; justify-content: flex-start; }
a.pasek-header:hover {color: #fff}
.pasek-header { margin-left: -3.8em }
.iwdomu {margin-right: 1.3em; height: 1.2em; margin-bottom: 0.3em}
section.pasek-newsow {position: relative;}
.pasek-kafli-sb.swiper-button-prev, .pasek-kafli-sb.swiper-button-next {transition: opacity 0.2s; xtop:calc(50% + 2em); width: 1em; height: 1.3em; background-size: contain; }
.pasek-kafli-sb.swiper-button-prev.swiper-button-disabled,
.pasek-kafli-sb.swiper-button-next.swiper-button-disabled { opacity: 0 }
/** na razie tylko na tym pasku, ale to chyba powinno pójsc wszędzie */
.pasek-newsow .swiper-wrapper { align-items: stretch;}
.na-glw-pasek .swiper-wrapper { align-items: stretch ; justify-content: flex-start;}
.news-v2 .news-box { height: auto;}
.news-v2 .news-box:after {display: none;}
.news-v2 .news-box .image {position: relative;}
.news-v2 .single-box .image {height: auto}
.news-v2 .single-box .caption .data { }
.news-v2 .single-box .caption {padding-bottom: 3em; height: 7.5em; min-height: 140px; max-height: none;}
.news-v2 .news-box .caption {position: relative}
.news-v2 .news-box .image:after { padding-top: 59%; display: block; content: '';}
@media (min-width: 1920px) {
.pasek-newsow.marginesy_content {max-width: none; }
}
/** podobne progi powinny być w swiperze na głónej stronie */
@media (max-width: 1800px) {
.marginesy_pasek { padding-left: 7%; padding-right: 7%}
.pasek-kafli-sb.swiper-button-prev {left: 3%;}
.pasek-kafli-sb.swiper-button-next {right: 3% }
}
@media (max-width: 1440px) {
.pasek-header .ic {width: 2em; height: 2em; margin-right: 0.9em; margin-bottom: 1.65em}
.pasek-header {margin-left: -2.9em}
}
@media (max-width: 850px) {
.na-glw-pasek.wdomu {padding-top: 3em}
.glw + .na-glw-pasek { padding-top: 2.5em}
.pasek-kafli-sb.swiper-button-prev {left: 2.5%;}
.pasek-kafli-sb.swiper-button-next {right: 2.5% }
.pasek-header {margin-left:0px}
.pasek-header .ic {min-width:2.5em; width: 2.5em; height: 2.5em; margin-right: 1.2em}
}
@media (max-width: 700px) {
}
@media (max-width: 790px) {
.pasek-kafli-sb {display:none}
.marginesy_pasek {padding-left: 2px; padding-right: 0px}
.pasek-header {margin-left: 1.5%}
.pasek-newsow .single-box .caption {min-height: 160px; }
}
.glw { position: relative;}
.glw-news-box {dmax-height: 620px; box-sizing: border-box;
vertical-align: top; position: relative;
background-color: #000; display: block;
height: auto; overflow: hidden;
}
.glw-news-box:after { padding-top: 40%; display: block; content: '';}
.glw-news-box .il {
opacity: .8; 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.ciemniej .il {opacity: 0.65}
.glw-news-box .caption {left: 1.2%; right: 0; width: auto;
color: #fff; position: absolute; bottom: 15%
}
.glw-news-box .caption .caption-lim { max-width: 40%}
.glw-news-box { color: #fff }
.glw-news-box .caption .morelink {
background-image: url(../css/../img/wiecejn.svg); width: 4em; height: 0.9em; background-size: contain;
background-position: left bottom; display: inline-block; transform: translate(0,0.6em);
transition: transform 0.2s;
}
.glw-news-box .caption:hover .morelink {transform: translate(0.4em,0.6em)}
.glw-news-box .caption h1 {margin-top: 0.8em}
.glw .przyciski-bar { position: absolute; bottom: 0; right: 0; width: auto ; max-width: 29em; min-width: 28em}
.glw .przyciski { display: flex; flex-flow: row; flex-wrap: nowrap; background: transparent;}
.glw .przyciski a {display: block; padding: 1.2em 1.8em; width: auto; height: 5em; background-color: #B56DFF; color: #000 ; background-size: auto 1.4em; background-position: 1.9em 4.4em; }
.glw .przyciski { align-content: stretch;}
.glw .przyciski a {flex-basis: 50%; width: auto; transition: background-position 0.2s}
.glw .przyciski a span.miso-head {white-space: nowrap }
.glw .przyciski a.black {background-color: #000; color: #fff; }
.glw .przyciski a span.dop {display: block; padding-top: 2em; transition: transform 0.2s}
.glw .przyciski a:hover span.dop {transform: translateX(0.5em); }
.glw .przyciski a.program {color: #000; background-image: url(../css/../img/programbl.svg); background-size: auto 1.2em; background-position-y: 4.5em}
.glw .przyciski a.karnet {background-image: url(../css/../img/karnet.svg); background-position-x: 2em; }
.glw .przyciski a.nagroda {background-image: url(../css/../img/nagroda.svg); background-position-x: 2em; }
.glw .przyciski a.nagroda-bl {background-color: #000; color: #fff; background-image: url(../css/../img/nagrodaff.svg); background-position-x: 2em; }
.glw .przyciski a.karnet-sylw {background-image: url(../css/../img/karnet_sylwester.svg); background-position-x: 2em; }
.glw .przyciski a.sylwester {background-image: url(../css/../img/sylwester.svg);background-position-x: 1.9em; background-color: #000; color: #fff; }
.glw .przyciski a.lunarny {background-image: url(../css/../img/lunarny.svg);background-position-x: 1.9em; background-color: #000; color: #fff; }
.glw .przyciski a.herdocs {background-image: url(../css/../img/herdocsb.png);background-position-x: 1.9em; background-size: auto 1.5em; background-color: #000; color: #fff; }
.glw .przyciski a.wdomu-bl {background-image: url(../css/../img/vodwdomu.svg);background-position-x: 1.9em; xbackground-size: auto 1.5em; background-color: #000; color: #fff; }
.glw .przyciski a.wdomu {background-image: url(../css/../img/vodwdomu00.svg);background-position-x: 1.9em; }
.glw .przyciski a.newsletter {background-image: url(../css/../img/newsletterb.svg); background-position-x: 2em; }
.glw .przyciski a.newsletter-black {background-image: url(../css/../img/newsletter.svg); background-position-x: 2em; }
.glw .przyciski a.karnet-black {background-image: url(../css/../img/karnetb.svg); background-position-x: 2em; background-color: #000; color: #fff; }
.glw .przyciski a:not(.rich):hover {background-position-x: 2.2em}
.glw .przyciski a.kalendarz {background-image: url(../css/../img/kalendarz.svg); xbackground-position-x: 2em; }
.glw .przyciski a.podcast {background-image: url(../css/../img/podcast2.svg);}
.glw .przyciski a.zglos {background-image: url(../css/../img/zglos.svg); background-color: #000; color: #fff; background-size: auto 1.2em}
.glw .przyciski a.wkinach {background-color: #000; color: #fff; background-image: url(../css/../img/wkinach.svg);}
.glw .przyciski a.graza {background-color: #fff; color: #000; background-image: url(../css/../img/groza_ico.svg);}
.glw .przyciski a.rich {background-image: none; position: relative; }
.glw .przyciski a.rich:after {
content: ""; position: absolute;
width: 3em; height: 1.4em;
background-size: cover; background-position: left center;
top: 4.4em; left: 1.9em;
transition: transform 0.2s;
}
@keyframes bujaniemaski {
from {transform: rotate(0); }
50% {transform: rotate(50deg); }
to { transform: rotate(0); }
}
@keyframes obracanie {
from {transform: rotate(0); }
to { transform: rotate(360deg); }
}
.glw .przyciski a.zostanwdomu {background-color: #000; color: #fff; flex-basis: 60%;}
.glw .przyciski a.rich.zostanwdomu:after {background-image: url(../css/../img/zostanwdomu.svg); width: 2.2em; transform-origin: 1.1em 0.7em; }
.glw .przyciski a.rich.zostanwdomu:after {
animation-duration: 1s;
animation-name: bujaniemaski;
animation-iteration-count: infinite;
}
.glw .przyciski a.rich.sylwester:after {
background-image: url(../css/../img/sylwester.svg);
background-size: 1.5em 1.4em;
width: 1.5em;
animation-timing-function: linear;
animation-duration: 3s;
animation-name: obracanie;
animation-iteration-count: infinite;
}
.glw .przyciski a.rich.sylwester:hover:after {
animation-play-state:paused;
}
.glw .przyciski a.rich.zostanwdomu:hover:after {
animation-play-state:paused;
}
.glw .przyciski a.live {background-color: #fff; color: #000; xflex-basis: 60%;}
.glw .przyciski a.rich.live:after {background-image: url(../css/../img/live.svg); width: 2.2em; transform-origin: 1.1em 0.7em; }
.glw .przyciski a.rich.live.anim:after {background-image: url(../css/../img/live-anim.svg); width: 2.2em; transform-origin: 1.1em 0.7em; }
.glw .przyciski a.rich.live:hover:after {
transform: scale(1.05) translateZ(0);
backface-visibility: hidden;
}
.psglowna.program-fest {margin-top : min(6%,4em)}
.psglowna.main-schedule {margin-top : min(10%,5em)}
.psglowna.main-schedule h1 { text-align: center}
.psglowna.program-fest h1 { text-align: center}
.psglowna.program-fest + .psglowna.main-schedule {margin-top:7%}
.psglowna.main-schedule .li-schedule .w-schedule .t {width: 50%}
.psglowna.main-schedule .li-schedule .w-schedule .d-cil {width: 50%}
.psglowna.main-schedule .li-schedule .w-schedule .t a {color: #fff}
.psglowna.main-schedule .li-schedule .w-schedule .d { padding-left: 0px; width: 95%; text-align: right; padding-right: 0.8em}
.psglowna.main-schedule .li-schedule .dopis { display: block; padding-top: 0.5em}
.psglowna.main-schedule .li-schedule {font-size: 110%}
@keyframes fadeinout {
0%,100% { opacity: 0.2; }
50% { opacity: 1; }
}
.nazywoic img { width: auto; height: 38.8px; animation: fadeinout 3s ease-out infinite;}
.nazywoic.stop-anim img {animation: none}
.nazywoic {width: auto; right:0px; left: 1.2%; top: min(4em, 15%); position: absolute; z-index: 2; }
.nazywoic.marginesy, .caption.marginesy, .marginesy#naglowek {max-width: 1800px}
.koltekstfilm .nazywoic img {height: 2em}
.glw-nakl.wdomuic img { width: auto; height: 8em; }
.glw-nakl.festilw img { width: auto; height: 6em; }
.glw-nakl {max-width: 1800px; right:0px; top: min(5em, 10%); width: auto; left: 1.2%; position: absolute; z-index: 2; }
.glw-nakl.aceic img { width: auto; height: 12em; margin-left: -2.5em; }
.glw .przyciski a.resp span:after {content: attr(data-desktop); }
@media screen and (max-width: 550px), (max-width: 1100px) and (min-width: 800px) {
.glw .przyciski a.resp span:after {content: attr(data-mobile); }
}
.ozn-nazywo { display: inline-block; background-image: url(../css/../img/nazywom_pl.svg); background-size: auto 1.7em; width: 4em; height: 1.7em; background-position: left center;}
.boxfilmu .ozn-nazywo {position:absolute; z-index: 8; top: 1.5em; left: 2em}
html[lang=en] .ozn-nazywo {background-image: url(../css/../img/nazywom_en.svg); }
.boxfilmu .oznaczenia .ozn-nazywo {position: static; height: 1.2em; background-size: auto 1.2em }
@media screen and (min-width: 1500.01px) {
.xglw-news-box:after {padding-top: 35%;}
}
@media screen and (min-width: 1700.01px) {
.glw-news-box:after {padding-top: 34%;}
}
#logo { background-repeat: no-repeat; background-position: 0 0; }
.psfest #logo { background-image: url(../css/../nn/img/logop19_pl.svg);background-size: auto 6.5em; width: 25em; height: 6.6em; }
.psfest #logo.en { background-image: url(../css/../nn/img/logop19_en.svg); }
#naglowek .pamiecim img {height: 33px; width: auto; margin-bottom: 0px; margin-top: 1em}
@media screen and (max-width: 1000px) {
.psfest #naglowek .pamiecim {display: none}
.psfest #naglowek {padding-bottom: 0.5em}
}
#naglowek .back {transition: background-position 0.2s; float: left; background-image: url(../css/../img/nback.svg); display: inline-block; width: 3em; height: 2em; background-position: left 0.5em center; background-size: auto 1.05em; margin-top: 0.8em; margin-right: 1em;}
#naglowek .back:hover { background-position: left 0.2em center}
.psfest #naglowek .back {display: none}
@media (max-width: 1000px) {
.psfest #logo { background-image: url(../css/../nn/img/logop19m_pl.svg); background-repeat: no-repeat; background-position: 0 0; }
/** .psfest #logo { width: 20em; height: 9em; background-size: auto 8.43em; } okazuje się, że lepiej jest w px */
.xpsfest #logo { width: 420px; height: 190px; background-size: auto 177px }
.psfest #logo.en { background-image: url(../css/../nn/img/logop19m_en.svg); }
}
@media (max-width: 2000px) {
.glw-news-box:after {display: none}
.glw-news-box {height : 34em}
}
@media (max-width: 1600px) {
.glw-news-box {height: 27em}
.xglw-news-box {height: 26em}
.glw-news-box .caption {bottom: 10%}
.glw-news-box.nazywo .caption .caption-lim {max-width: 35%}
}
@media (max-width: 1200px) {
.glw-news-box.nazywo {height: 30em}
.glw-nakl.wdomuic img {height: 6em}
.glw-nakl.aceic img {height: 7em; margin-left: -1.5em}
}
@media (max-width: 800px) {
.glw-news-box.nazywo {height: 30em}
.glw-news-box.z-ikona-wdomu {height: 31em}
.glw-news-box.z-ikona-wdomu.nazywo .glw-nakl.wdomuic { display: none}
.glw-news-box {height: 24em}
}
@media (max-width: 900px) {
.psfest #logo { background-image: url(../css/../nn/img/logop19m_pl.svg); background-repeat: no-repeat; background-position: 0 0; }
.psfest #logo.en { background-image: url(../css/../nn/img/logop19m_en.svg); }
.psfest #logo { background-size: auto 8em; width: 30em; height: 8.5em;}
}
@media (max-width: 600px) {
.psfest #logo { width: 100%; height: calc(30vw - 2em); background-size: contain }
#naglowek .pamiecim img {height: 29px}
#naglowek {padding-top: 1em; padding-bottom: 1em}
}
@media (max-width: 500px) {
/** .psfest #logo { width: 390px; height: 170px; background-size: auto 160px } */
}
.stylnowa { max-width: 1800px; min-width: 300px; margin-left: auto; margin-right: auto; padding-left: 8%; padding-right: 8% }
.stylnowa:not(.article) #koltekst {background-color: #fff; font-size: 0.9em; margin-bottom: 2em}
.stylnowa .glowek {margin: 1.5em 0px 1em 0px}
.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-box:after {padding-top: 106.2%; display: block; content: ''; }
.single-box .image {height: 52%; width: 100%;}
.news-box .wyroz {width: 4em; height: 4em; position: absolute; top: 0; left: 0; z-index: 1;
background-image: url(../css/../img/zostanwdomu.svg); background-size: auto 1.4em; background-position: center center;
background-color: #000;
}
.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%; }
.single-box .caption {padding: 1.5em 10%; height: 48%; max-height: 48% }
.news-box .caption .lab {text-transform: uppercase; display: block; }
.news-box .caption .data { color: #000; display: block}
.news-box .caption .h {
max-height: 4em; /** height: 2.1em; */
color: #000; display: inline-block; box-sizing:border-box; overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.single-box .caption .data { position: absolute; bottom: 15%; xbottom: 2em; width: auto; left:0; right:0; text-align: center; background-color: #fff; z-index: 5; }
.news-box:not(.big-box) .caption .h.over {display: none; }
.news-box { width: 31%; margin: 3% 0px }
.single-box.big-img .image {height: 65%}
.single-box.big-img .caption {height: 35%}
.single-box.big-img .caption .data {bottom: 2em}
section.aktualnosci { position: relative; margin-top: 3.5em}
section.aktualnosci {background-color: #22408D }
.news-list { padding-top: 2em; display: flex; justify-content: space-between; flex-wrap: wrap; z-index: 5}
section.aktualnosci .news-list { padding-top: 1em; align-items: flex-start; }
section.aktualnosci .header-cont {margin-top: 1em; padding-top: 3em; padding-bottom: 1em; text-align: center; color: #fff;}
.header-oval {display: inline-flex; border: 1px solid #fff; padding: 0px 2em; border-radius: 50%; }
.header-oval h5 {padding: 0.55em 0px }
section.aktualnosci .news-list { position: relative; }
/**section.aktualnosci .news-list-bg ,*/
xsection.aktualnosci {
background-image: url(../css/../img/tla/tlonews1.jpg);
background-position: center bottom;
background-size: 50% auto; background-attachment: fixed;
xbackground-repeat: repeat-y !important;
}
section.wydarzenia .paralax-cont {position: relative;}
section.wydarzenia .paralax-cont-bg2 {
position: absolute;
top: 5.5em;
bottom: 4em;
left: 0; right: 0;
z-index: -5;
}
section.witaj .sekcja-hed {margin-bottom: 3em}
section.witaj .paralax-cont {position: relative; width: 21em;
margin: 0px auto; }
section.witaj .paralax-bg {
position: absolute;
z-index: -5;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.witaj img.rodzina {width: 3.3em ;height: 3.3em; margin-right: 2.3em; margin-left: -1em}
section.witaj .witajinfo { display: inline-block; }
section.witaj .witajinfo div {color: #fff; xfont-size: 13px; xline-height: 1.6em}
section.witaj .ramka-butt {clear: both; margin-top: 1em; margin-left: -3em; padding: 1.3em 5em}
section.witaj .paralax-bg {
border-radius: 50%;
background-size: cover;
background-position: center center;
width: 22em;
height: 22em;
background-repeat: no-repeat;
background-image: url(../css/../img/rodzina_tlo.jpg);
}
section.witaj .witajco {padding: 1.5em 0px 1em 0px; display: flex; justify-content: space-between;}
section.witaj .jarallax > div { border-radius: 50%;}
section.witaj .more-news {margin-left: 5em; margin-right: 0px; text-align: left;}
section.witaj .progres {padding: 1em 0px; margin-top: 2.5em; margin-left: 5em; width: auto; }
.witajprogresbar {width: 100%; border-bottom: 1px solid #fff; border-right: 1px solid #fff;
border-left: 1px solid #fff; height: 0.6em; position: relative; }
section.witaj .progres .ilezebr {color: #fff; margin-top: 1.5em}
.witajprogresbar img {height: 2em; position: absolute; left: 5em; bottom: -0.3em; width: auto;}
.tekst .witajprogresbar {border-color: #000; width: auto; margin-top: 3em; margin-bottom: 1.5em; }
.tekst .wesprzyj {margin-top: 1em}
.tekst .ilezebr {margin-bottom: 1em}
@media (max-width: 650px) {
section.witaj .witajinfo div {xfont-size: 12px}
section.witaj .witajco { flex-direction: column;}
section.witaj {text-align: center}
section.witaj img.rodzina {margin: 0px 0px 2em 0px; align-self: center; width: 5em; height: 5em}
section.witaj .ramka-butt {margin-left: auto;margin-right: auto;}
section.witaj .more-news, section.witaj .progres {margin-left: auto; text-align: center}
}
.single-box .image { height: 52%; width: 100%;}
.news-box .image { position: absolute;
top: 0; bottom: 0; background-color: #000;
background-size: cover; background-position: center;
backface-visibility: hidden;
background-repeat: no-repeat; transition: transform .3s ease-in-out;
}
.news-box:not(.zplay):hover .image:not(.playing), .one-box:not(.zplay):hover .image {transform:scale(1.048) translateZ(0) }
.zplay .image:before {
display: block; opacity: 1; content: ""; z-index: 1;
position: absolute; top: 0px; left:0px;
width: 100%;
height: 100%;
background-image: url(../css/../img/playkafel.svg);
background-size: 3.5em 3.5em; background-position: center center;
transition: opacity 0.2s, background-size .2s ease-in-out ;
background-color: rgba(0,0,0,0.2)
}
.zplay .for-zoom:before {
display: block; opacity: 0.8; content: ""; z-index: 9;
position: absolute;
width: 100%;
height: 100%;
background-image: url(../css/../img/playkafel.svg);
background-size: 10% auto; background-position: center center;
transition: opacity 0.2s, background-size .2s ease-in-out ;
background-color:transparent;
}
.zplay .for-zoom:before { background-position: left top; top: 1.2em; left: 2em}
.zplay .for-zoom .ozn-nazywo {display: none}
.zplay:hover .image:before { opacity: 1; background-size: 3.8em 3.8em }
.kafel-zplay .linkil, .kafel-zplay .uil {position: relative}
.kafel-zplay .linkil:after, .kafel-zplay .uil:after {
display: block; opacity: 0; content: "";
position: absolute; top: 0px; left:0px;
width: 100%;
height: 100%;
background-image: url(../css/../img/playkafel.svg);
background-size: 2.6em 2.6em; background-position: center center;
transition: opacity 0.2s;
}
.kafel-zplay .linkil:after, .kafel-zplay:hover .uil:after { opacity: 1; }
.related {margin-top: 2em; margin-bottom: 5em}
.przerwarel {height: 1.4em}
.waznaapla { color: #fff }
.waznaapla h3 {margin-top: 0px; max-width: 7em}
.waznaapla .waznadata {margin: 3em 0px; padding-left: 5.5em; position: relative; display: block; color: #fff}
.waznaapla .waznadata .im {display: inline-block; position: absolute; left:0px; top: 0.3em }
.waznaapla .waznadata .im {background-image: url(../css/../img/wazna1.png); border-radius: 50%; background-size: cover; background-position: center center; width: 3.5em; height: 3.5em; background-repeat: no-repeat; }
.waznaapla .waznadata .d { display: block; }
.waznaapla .waznadata .f7 {padding: 1em 0px 1em 1em; display: block; max-width: 10em ; line-height: 1.6; text-transform: lowercase; }
.waznaapla {margin-left: -5%; margin-top: -4em}
.waznaapla {width: 36%}
.more-news {padding: 2em 0px 3.5em 0px; margin-left: auto; margin-right: auto; text-align: center}
.more-news A { display: inline-block; color: #fff;
padding-right: 3.1em ; position: relative; ;}
.more-news A:after {
content: " ";
background-image: url(../css/../img/more.svg);
background-size:contain; background-position: right center;
width: 2.5em; height: 1.3em;
position: absolute; right: 0; top: 0.1em;
transition: transform 0.2s ease-in;
}
.more-news A:hover:after {
transform: translateX(0.3em)
}
.more-news A.roboto-head:after {top: 0.2em }
.zobaczmore {margin: 0 auto 0 auto; text-align:center}
.loading { padding:0px }
.loading img {width: 2em; height: 2em; visibility: hidden;}
.loading.visible img {visibility: visible;}
.sekcja-hed { text-align: center; color: #fff; margin: 5em 0px 1.5em 0px;}
.sekcja-hed h3, .sekcja-hed h1 { display: inline-block; position: relative; margin: 0px; text-transform: lowercase;}
.sekcja-hed h3 A, .sekcja-hed h1 A { color: #fff ;}
.sekcja-hed h3 A:hover, .sekcja-hed h1 A:hover { color: #eee}
.sekcja-hed h3:after, .sekcja-hed h1:after {position: absolute; content: ""; width:1em;
border-top: 0.08em solid #fff; bottom: -1em; left: 0; right: 0; margin-left: auto;
margin-right: auto; }
section.wydarzenia .news-list { justify-content: center;}
section.wydarzenia .news-list .news-box {margin-left: 2%; margin-right: 2%}
.pager { background: transparent; color: #ffffff; padding: 10px 0px; overflow: hidden; }
.pager A, .pager span {font-family: Miso; font-size: 22px}
.pager A { background-repeat: no-repeat; width: auto; height: 21px; float: left; display: block; text-transform: uppercase;}
.pager .currentPage {float: left}
.pager A.nast:hover {background-position:right 2px; color: #808080; }
.pager A.nast, #newsy .pager A.nast.nohov {background-image:url(../css/../img/nast.png); background-repeat: no-repeat; background-position: right -20px; float: right; padding-right: 25px; color: #fff;}
.pager A.poprz:hover {background-position: 0px 2px; color: #808080; }
.pager A.poprz, #newsy .pager A.poprz.nohov {background-image:url(../css/../img/poprz.png);background-position: 0px -20px; padding-left: 25px;color: #ffffff; }
.pager span.str {display:block; width: 50px; margin-left: auto; margin-right: auto;font-size: 15px; }
.pager.artykul { background-color: #ffffff; color: #000000; padding: 15px 0px 10px 0px; overflow: hidden; }
.pager.artykul A, .pagertytulnast {font-size: 15px; background-repeat: no-repeat; width: auto; height: 21px; float: left; display: block; text-transform: uppercase; padding: 0px 5px}
.pager.artykul .currentPage {float: left;padding: 0px 5px; font-weight: bold;}
.pager.artykul .kro {float: left;padding: 0px 5px; }
.pager.artykul A.nast:hover {background-position:right -20px; color: #000000; }
.pager.artykul A.nast, .pagertytulnast {background-image:url(../css/../img/nastc.png); background-position: right 2px; float: right; padding-right: 20px; color: #808080;}
.pager.artykul A.poprz:hover {background-position: 0px -20px; color: #ffffff; }
.pager.artykul A.poprz {background-image:url(../css/../img/poprzc.png);background-position: 0px 2px; padding-left: 15px; color: #808080;}
.pager.artykul span.str {display:block; width: 50px; margin-left: auto; margin-right: auto;font-size: 15px; }
.blogmobile {display: none;}
.wydarzeniali { float: right; width: 30%; color: #fff; margin-top: 19px; margin-bottom: 9px;}
.ilustracjamob {display: none}
@media (max-width: 1000px) {
}
.formob {display: none;}
@media (max-width: 700px) {
.formob {display : block}
.notmob {display : none !important}
}
section.kontakt {
/*background-image: url(../css/../img/tla/12/d/background-01.jpg);
background-position: top center;
background-size: 100% auto; background-attachment: fixed; */
background-color: #000;
color: #fff;
text-align: center;
padding-top: 5em;
padding-bottom: 5em;
}
section.kontakt .newsletter { height: 4em; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch;
margin-bottom:4.5em; margin-top: 2.7em; font-size: 0.8em
}
section.kontakt .newsletter INPUT {
outline: none; border: none; box-shadow: 0px;
margin:0px;
width: 22em; padding: 0.45em 1.71em;
max-width:80%;
color: #000;
}
section.kontakt .newsletter INPUT::placeholder { color: #000}
section.kontakt .newsletter A { background-color: #878787; color: #000;
font-family: Miso; font-size: 1.25em; text-transform: lowercase;
display: inline-block; padding-left: 1.2em ; padding-right: 1.2em; padding-top: 0.8em;
transition: background-color 0.2s;
}
section.kontakt .newsletter A:hover { background-color: #696969}
section.kontakt .em A {transition: transform 0.2s; color: #fff; display: inline-block; margin-top: 1em; padding: 0px 0.2em; position: relative; padding-bottom: 0.3em; }
section.kontakt .em A:before {transition: transform 0.2s; content: ""; position: absolute; bottom: 0.2em; left: 0px; width: 100%; height: 0.1em; background-color: #fff; }
section.kontakt .em A:hover { color: #fff}
section.kontakt .em A:hover:before { transform: translateY(0.1em) ;}
section.stopka { background-color: #F1F2F2; color: #000;
text-align: left; padding: 4em 3.5em 3em 3.5em; }
section.zobacztakze {margin-bottom: 3.5em}
section.stopka A {color: #000; }
section.stopka A:hover {color: #222}
section.stopka .info {padding: 0em 0px}
section.stopka .info2 { padding-top: 1em}
section.stopka .roboto-head {text-transform: none;}
section.stopka .kolup {flex-basis: 10%; xalign-self: flex-end; }
section.stopka .zup {transition: transform 0.2s; display: block; background-image: url(../css/../img/up.svg); height: 4em; width: 2em; background-size: auto 4em;}
section.stopka .zup:hover { transform: translateY(-3px)}
section.stopka .stinfos { flex-basis: 30%;}
section.stopka .cookies { flex-basis: 40%; padding-bottom: 1em}
section.stopka .trzykol {display: flex; justify-content: space-between; gap: 2em;}
section.stopka .warszlogo {flex-basis: 30%; }
section.stopka .warszlogo img {height: 4em; width: auto; align-self: flex-start; }
.content { background: linear-gradient(to right, #000 50%, #fff 0%); }
.content.black {background: #000}
.black #kolmenu .pozycjamenu A {color: #fff}
.article {padding: 0em 0px; xborder :1px solid red }
.heder .tytul, .heder .nagl {text-align: center }
.heder .data-premiery {margin-top: 1em}
.black .heder { color: #fff; text-align: center}
.black .heder.roboto-head {text-transform: none;}
.heder a {color: #000; }
.heder a:hover {text-decoration: underline;}
.black .heder:not(.zopisem) a {color: #fff}
.black .heder a.strzalka {background-image: url(../css/../img/strzalkanb.svg); background-size: 2.1em auto; text-decoration: none;}
.article #kolmenu { xdisplay : none ; }
.content .heder {background-color: #fff; margin-left: 8%; padding: 2.7em 0px 1.9em 0px;}
.content .heder.bezilustr {margin-left: 0px; }
.content.black .heder {padding-top: 2em}
.content .koltekstfilm .heder {padding-bottom: 2.3em}
.cyklopisn.ilus {padding: 0.4em 0px;}
.article .txt {background-color: var(--tlo-art); }
.content:not(.black) .heder {background-color: var(--tlo-art); }
.premierafot {background-color: var(--tlo-art); }
.content:not(.black) { background: linear-gradient(to right, #000 50%, var(--tlo-art) 0%);}
.content.black .heder { background-color: #000; margin-left: 0px; color: #fff}
.content.black .heder.xzopisem {background-color: #fff; color: #000; margin-bottom: 8%; padding-bottom: 2em}
.opiscyklufull {display: none}
.article .ilustracja {xmax-height: 580px; }
.content .ilustracja {position: relative; background-size: cover; background-position: center center;}
.article .ilustracja:not(.zvideo):after {
content: ""; display: block; padding-top: 51%; xpadding-top: 41%; }
.article .ilustracja.art_647:after {
padding-top: 55%;
}
@media (max-width: 539.99px) {
.article .ilustracja:not(.zvideo):after {
content: ""; display: block; padding-top: 100%; }
}
.article .ilustracja.zwyklylink:after {
background-color: #000; opacity: 0.3;
}
.xxxxarticle .ilustracja .play {
display: block; opacity: 1; content: ""; z-index: 1;
position: absolute; top: 0px; left:0px;
width: 100%; height: 100%;
background-image: url(../css/../img/playkafel.svg);
background-size: 3.5em 3.5em; background-position: center center;
transition: opacity 0.2s, background-size .2s ease-in-out ;
}
.content .ilustracja.nobgimg { max-height: none; }
.article .ilustracja.nobgimg:after {display:none}
.article .ilustracja .podpis {color: #fff; position: absolute; bottom: 2em; right: 2em; font-size: 12px; line-height: normal;}
.article .ilustracja { position: relative;}
.article .ilustracja {margin-left: 4%; width: 96%;}
.article .txt { margin-left: 0px; padding: 2.5em 0px 2.5em 8%; box-sizing: border-box;}
.article .txt.bezilustr { padding-top: 0px}
.article .m, .heder .m {padding: 0px 7%;}
.article .tekst > p:not(.left):not(.noindent), .article .tekst > div:not(.left):not(.noindent), .article .tekst > media {margin-left: var(--text-indent)}
.article .tekst > a.tekst-link {margin-left: var(--text-indent)}
.teksty-cyklu {padding: 3em 0px; background-color: #C9C9C9; }
.teksty-cyklu.podkasty-cyklu {padding-bottom: 1em}
.teksty-cyklu {
--text-indent: 9%;
--header-indent: 0px;
}
.teksty-cyklu a.tekst-link {max-width: 34em}
.teksty-cyklu .linkzewkafel {max-width: 34em}
.teksty-cyklu + .teksty-cyklu { padding-top: 1em}
.teksty-linki .related {margin-bottom: 2em}
.teksty-linki.teksty-podkasty {padding-bottom: 1em}
.teksty-linki + .teksty-linki { margin-top: 2em}
.tekst a.tekst-link, .tekst a.tekst-link * {text-decoration: none }
.tekst a.tekst-link {display: block; border-bottom: 1px solid #000; padding: 1em 0px}
.tekst a.tekst-link .subheader {display: block; padding-top: 0.7em }
.tekst a.tekst-link:last-child {border-bottom: none;}
.article .tekst H1, .article .tekst H2, .article .tekst H5, .article .tekst H6 { margin-left: var(--header-indent); padding: 0px 0px; margin-top: 1em; margin-bottom: 1em}
.article .tekst H5.srodtytul, .article .tekst H6.srodtytul { margin-top: 2em}
.article .tekst > p:not(.left):not(.noindent) + ul { margin-top:-0.7em}
.article .img_podpis.img-podpis-fill {position: static; transform: none;}
.article .for_img_very_wide .img_podpis.img-podpis-fill { transform: none;}
.article .tekst H1.rowno, .article .tekst H2.rowno, .article .tekst H3.rowno, .article .tekst H5.rowno, .article .tekst H6.rowno {margin-left: var(--text-indent) }
.article .tekst h5:first-child, .tekst h5:first-child {margin-top: 0.2em}
.article .tekst h6:first-child, .tekst h6:first-child {margin-top: 0.2em}
h5:not(.rowno) a.strzalka , h6:not(.rowno) a.strzalka,
h5:not(.rowno) a.pobierz , h6:not(.rowno) a.pobierz,
h5:not(.rowno) a.seans , h6:not(.rowno) a.seans { margin-left : 13.3% ; font-size : 0.8em; font-family: Roboto;
text-transform: none;
font-weight: 300; font-style: normal;}
.article .tekst.goscie H5, .article .tekst.goscie H6 {margin-left: 35% }
.article .tekst .ze-strzalka + h5:not(.ze-strzalka) {margin-top: 2em}
.article .tekst .ze-strzalka + h6:not(.ze-strzalka) {margin-top: 2em}
.article .tekst h5.ze-strzalka + h5.ze-strzalka, .article .tekst h6.ze-strzalka + h6.ze-strzalka {margin-top: -0.4em}
.article .tekst h5.ze-strzalka:not(.noindent), .article .tekst h6.ze-strzalka:not(.noindent) { padding-left: var(--text-indent); margin-left: 0px; line-height: 1.2}
.article .tekst h5.ze-strzalka a.strzalka, .article .tekst h6.ze-strzalka a.strzalka { margin-left: 0px;}
.article .tekst .credits p {font-size: 80%; padding-top: 0.3em; padding-bottom: 0.3em; } /** credits warto dodac do styli w edytorze */
h5 + .subheader, h6 + .subheader { padding-top:0px; margin-top: -0.5em ; xpadding-bottom: 1.5em}
.xsubheader { padding-top: 1em; padding-bottom: 1em;margin-top: 0.5em; margin-bottom: 0.5em; }
.subheader + .subheader { padding-top: 0px; margin-top: 0px }
.article .tekst > ol, .article .tekst > ul {margin-left: calc(35% - 1em); margin-right: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0.8em; margin-bottom: 0em; padding-top: 0.7em; padding-bottom: 1.3em}
.article .tekst > ul { list-style-type: none; }
.article .tekst > ul li, .article .tekst > ol li { margin-top: 0.9em; margin-bottom: 0.9em; }
.article .tekst > ul li, .article .tekst > ol li {padding-left: 1em; position: relative; }
.article .tekst p.for-video { }
.article .tekst p.for-video video {max-width: 100%; height: auto ;}
.goscie h5, .goscie H6 {font-size: 1.2em}
.article .tekst > ul li::before {
content: '';
background-image: url(../css/../img/li_indent.svg);
background-size: 2.5em auto;
xxbackground-position: left center;
height: 1em; width: 2.5em;
position: absolute;
left: -11%;
top: 0.8em;
}
.article .tekst h5 + ul, .article .tekst h6 + ul { margin-top: 0px; padding-top: 0px;}
.article .tekst > ul li p {padding-top: 0px; padding-bottom: 0px;}
.article .left {float: left; width: 27%; font-size: 0.63em ; line-height: 1.5; padding-bottom: 2em; position: relative; letter-spacing: 0.07em;
font-weight: 300; max-width: 15em; }
.article .left.podlead {margin-top: 0.6em}
.article .tekst .autor.subheader { margin-top: 2em }
.article .tekst span.autor.subheader { display: block; margin-top: 1.5em; margin-bottom: 1em}
.article .left .poster-img { max-width: 80% }
.article .left.poster {padding-bottom: 4em}
.article .left.partn {padding-bottom: 3em}
.article P.left:after {content:""; background: #000; position: absolute; bottom: 0; left: 0; height: 2px; width: 2em; }
.article P.left.bezkreski {content: none;}
.article .left H1, .article .left H2, .article .left H5, .article .left H6 {margin-left: 0px;}
.article .left + .left {clear: left}
.article P.left.nizej { margin-top: 5em}
.article .tekst, .tekst { font-weight: 300; font-size: 100% }
.article p.bigger { font-size: 1.3em}
.article p img.portret {width: 40%; height: auto; xclear:both; display: block; margin-bottom: 2em }
.article p img.portret-mini {width: 3.66em; height: 3.66em; display: block; margin-bottom: 2em; border-radius: 50%; object-fit: cover; }
.article p img.portret-mini.no-marg { margin-bottom: 0px; margin-top: 0px}
.article img.kolo {width: 7em; height: 7em; display: block; margin-bottom: 0.5em; margin-top: 0.5em; border-radius: 50%; object-fit: cover; }
.article h6 img.kolo {width: 4em; height: 4em; }
.article h5 img.kolo {width: 5em; height: 5em; }
.article img.narrow {width: 45%; height: auto; display: block; }
.article img.logo, .article img.logo-szerokie {width: 8em; height: 2em; object-fit: contain; display: block; margin-top: 1em; margin-bottom: 1em; object-position: left center ; mix-blend-mode: multiply; }
.article img.logo-kwadrat {width: 6em; height: 4em; object-fit: contain; display: block; margin-top: 1em; margin-bottom: 1em; object-position: left center ; mix-blend-mode: multiply; }
.article img.logo-wysokie {width: 4em; height: 6em; object-fit: contain; display: block; margin-top: 1em; margin-bottom: 1em; object-position: left center ; mix-blend-mode: multiply; }
@media screen and (max-width:1200px){
.article img.narrow {width: 58%; }
}
.article img.wide {width: 100%; height: auto; object-fit: cover; display: block; /** max-height: 400px; */ }
.article img.very_wide { width : 100%; height: auto;
xmax-height: 40vw; object-fit: cover; display: block; /** max-height: 25em; */
}
.article img.very_wide.nieobcinaj, .article img.wide.nieobcinaj {max-height: none;}
.article p.for_img_narrow { margin: 1.5em 0px; }
.article p.for_img_very_wide { margin: 1.5em 0px;
display: block;
position: relative;
overflow: visible; }
.article .for_img_wide { position: relative; margin: 1.5em 0px; }
.article .goscie .for_img_wide {margin-top: 0.5em}
.article .img_podpis { font-size: 0.6em; line-height: 1.5; font-weight: 300; letter-spacing:0.07em; display: block; position: absolute; }
.article .for_img_wide .img_podpis {padding-top: 1em; xleft: -45%; xwidth: 35%; bottom: 3em; text-align: right; position: static; }
.article .for_img_narrow .img_podpis {padding-top: 1em; width: 35%; bottom: 3em; text-align: left; position: static; }
.article .for_img_very_wide .img_podpis { padding-top: 1em; left: 0px; width: 30%; bottom: 0px; text-align: left; transform: translateY(100%);
z-index: 1;
}
.article .tekst img { max-width: 100%}
.article .goscie img.narrow {width: 25%}
@media screen and (max-width:1200px){
.article .goscie img.narrow {width: 30%}
}
ximg.portret {float: right; margin: 10px 0px 15px 15px; height: auto; width: 30% !important; }
#koltekst {width: 70%; min-height: 200px; padding:0px 0px; xmargin-right: 5%}
div.podkoltekst { clear: both; height: 0px; background-color: #fff }
#koltekst.zpaddingiem {padding: 2em ; width: 59%; }
#kolmenu {width: 27%; width: calc(30% - 2px); float: right; box-sizing: border-box;
padding-left: 5%; padding-top: 8%; padding-right: 4%; }
#kolmenu.roboto-head {text-transform: none }
.nagl.roboto-head {text-transform: none }
#koltekst.full { width: 100% ; --text-indent: 0%; --header-indent: 0%; }
.article .podtytul {max-width: 40em; margin: 2em auto 1em auto }
.article .full .lead { max-width: 950px; margin-left: auto; margin-right: auto }
.article .full .tekst { max-width: 750px ; margin-left: auto; margin-right: auto}
.article .full .tekst > p { xmargin-left: 0px !important}
.article .heder .tytul {padding-bottom: 0em; text-align: center; }
.article .heder .tytul h1 {max-width: 20em; margin-left: auto; margin-right: auto}
.article .heder .data {padding-top: 0.45em; padding-bottom: 0.45em; text-align: center;}
.article .lead { font-weight: 300; font-size: 1.3em; line-height: 1.4; padding: 0.8em 0px 1.5em 0px; letter-spacing: 0.02em}
@media screen and (max-width:1240px){
#kolmenu {width: 27%; width: calc(30% - 2px); float: right; box-sizing: border-box;
padding-left: 2%; padding-top: 8%; padding-right: 0px; }
}
@media screen and (max-width:1100px){
.article P.left { font-size: 12px}
.article .img_podpis { font-size: 11px}
/** #kolmenu {font-size: 12px;} */
}
#koltekst .lead p, #koltekst .lead span, #koltekst .lead div {font-size: inherit; line-height: inherit; }
#koltekst .top {padding-top: 20px; padding-bottom: 10px;}
#kolmenu .menupoziompierwszy {background-color: transparent; padding: 0.3em 1.4em; margin-bottom: 0.2em; color: #000000; }
#kolmenu .submenu .roboto-head {text-transform: none ;font-weight: 400}
#kolmenu .pozycjamenu.pmlevel0 { xline-height: normal; text-transform: none; }
#kolmenu .pozycjamenu A { text-decoration: none; color: #000000; display: block;}
#kolmenu .menupoziompierwszy .data {color: #808080; font-size: 80%; padding-bottom: 1.8%;}
#kolmenu .submenu {padding: 0.7em 0px 0px 0px;}
#kolmenu .pozycjamenu A {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (min-width: 900.000001px) {
#kolmenu .menupoziompierwszy:not(.mmenuppwybrane) {transition: transform .2s ease-in-out; }
#kolmenu .menupoziompierwszy:not(.mmenuppwybrane):hover {transform: translateX(0.4em) }
#kolmenu .subsubmenu {padding: 0.4em 0px 0.8em 1.8em;}
#kolmenu .pozycjamenu.pmlevel1 {padding: 0.5em 0px 0.5em 3.5em; /*padding: 1.5% 0px 1.5% 9%;*/}
#kolmenu .submenu .pozycjamenu A {transition: color 0.2s;}
#kolmenu .submenu .pozycjamenu A:hover {color: #777;}
.black #kolmenu .submenu .pozycjamenu A:hover {color: #ddd;}
#kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu { background: url("../css/../img/menu_left_sel.svg") no-repeat left center; background-size: 1em auto; padding-left: 2em; }
#kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu.pmlevel100 { background-image:url("../css/../img/menu_left_sel.svg"); padding-left: 1.9em; background-position: left 0.6em }
#kolmenu .pozycjamenu.pmlevel1.mwybr {background-image:url("../css/../img/menu_left_sel.svg") ; background-size: 1em auto; background-position: left 1.2em }
.black #kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu
, .black #kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu.pmlevel100
,.black #kolmenu .pozycjamenu.pmlevel1.mwybr {background-image:url("../css/../img/menu_left_sel_b.svg") ;}
#kolmenu .pmlevel2 {padding: 0.3em 0px 0.3em 3em; line-height: normal; font-weight: 300}
#kolmenu .pozycjamenu.pmlevel2.mwybr {xfont-weight: 400;
background-image: url(../css/../img/menu_left_sel.svg);
background-size: 0.8em auto;
background-position: 0.9em 0.9em
}
}
.plewa {width: 30%; float: right; padding: 40px; box-sizing:border-box; background-color: #000000 }
.plewa, .plewa p, .plewa span, .plewa td, .plewa textarea, .plewa table {color: #ffffff}
.plewa A {color: #dddddd; }
.plewa A:hover {color: #ffffff;}
.glowek {color: #000; margin-bottom: 1.5em; margin-top: 1em; font-size: 1.7em; text-transform: capitalize; font-weight: normal; line-height:normal; padding: 0px 0px 4px 0px; display: block; }
@media screen and (max-width:1000px) {
.maincontent {width:100%; flex-basis: 100%; box-sizing: border-box; margin-right: 0px;}
/**
#content {display: flex; flex-wrap: wrap; xflex-direction: column;}
#koltekst, #koltekst.zpaddingiem {width:100%; flex-basis: 100%; box-sizing: border-box; margin-right: 0px; margin-bottom: 1.5em; padding: 1em 0px; }
#koltekst.koltekstfilm {padding-top: 1.5em}
#koltekst.zpaddingiem { padding: 1em 1em}
.plewa, #kolmenu {width: auto; flex-basis: 100%; order: 2; float: none; box-sizing: border-box; margin-bottom: 2em}
.plewa { xbackground-color: #222}
#content .listkal {display: none}
#kolmenu .menupoziompierwszy {max-width: 25em; margin-left: auto; margin-right: auto}
#xkoltekst {max-width: 700px; margin-left: auto; margin-right: auto }
*/
}
/**
div.regulamin { background-color: #ffffff; border: none; font-size: 80%; height: 400px; line-height: normal; color: #555555; overflow-y: scroll; padding: 2px 10px; width:92%; border: 1px solid #808080 }
div.regulamin p, div.regulamin ol, div.regulamin li, div.regulamin ul {font-size: inherit; line-height: inherit; color: #555555;}
.giodo { color: #777777; font-size: 80%; line-height: normal;}
div.hr { background: none; height: 4px; margin: 8px 0; padding: 0; }
div.hr hr { display: none; }
table hr { background-color: #555555; border: medium none; border-spacing: 0; clear: both; height: 1px; margin: 0; width: 100%; }
input[type=text], select, textarea {border: 1px solid #808080; background-color: #ffffff; color: #808080;padding: 8px 9px; margin: 3px 0px ;}
input[type=text]:focus, select:focus, textarea:focus {border-color: #000000; color: #000000; }
.content SELECT, .content INPUT,.content BUTTON, .content textarea { border: 1px solid #fff; }
.content SELECT:focus, .content INPUT:focus, .content textarea:focus {border-color: #373737}
SELECT {font-size: 14px; min-width: 80px !important}
.plewa div.przycisk {background-color: #666666}
div.przycisk#lekki {background-color: #444444}
div.przycisk#szary {background-color: #babbba}
div.przycisk#cancel {background-color: #babbba; }
div.przycisk#duzy {font-size: 33px; line-height: 120% }
div.przycisk#wstecz {background-image: url("../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;}
div.przycisk:hover {background-color: #333333; }
div.przycisk#cancel:hover,div.przycisk#szary:hover {background-color: #a7a8a7}
.lewaimg {margin-left: 30px;}
.error {color: #FF0050; }
.errorf {border: 1px solid #FF0050; background-color: #ffffff}
ul.error {list-style: none; margin-left: 0px; padding-left: 0px; margin-bottom: 1.5em;}
ul.error li {color: #FF0050; padding-left: 0px; min-height: 25px; margin-left: 0px; background-image: none; }
*/
table.form TD { padding-bottom: 5px; padding-right: 8px; }
table.form td + td {padding-right: 0px;}
table.form { max-width: 100%; box-sizing: border-box;}
@media (max-width: 600px) {
table.form.fixedt { width: 100%; table-layout: fixed; overflow: hidden; }
table.form TD {white-space: normal !important; word-break: break-all;}
table.form TD {min-width: 5em;}
table.form TD+TD {width: calc(100% - 1em);}
table.form label {display:inline-block;}
table.form input[type="text"], table.form input[type="password"], table.form select, table.form label { max-width: calc(100% - 2em)}
}
.podpisobr, .ilpodpis { padding: 0.8% 1.7%; text-align: right; background-color: rgba(0, 0, 0, 0.7); color: #fff; position: absolute; z-index: 10; width: auto; font-weight: 400; line-height: normal; display: block; height: auto; right: 0.7%; bottom: 2.3%; font-size : 12px}
.podpisobr {position: relative; float: right; margin-top: -9.2%; margin-right: -8.14%; }
.podpis { padding: 4px 14px 2px 14px; text-align: right; position: relative; z-index: 10000; float: right; width: auto; font-weight: 400; display: block; height: auto; margin-right: 3px; margin-bottom: 0px; font-size : 90%}
div.podpis { margin-top: -30px; }
span.podpis { margin-top: -35px; color: #eeeeee; white-space: nowrap; }
span.podpis.tlopodpisu { width: auto; background-color: #000000; color: #000000; opacity: 0.5; margin-top: -35px; filter: alpha(opacity=50); }
#koltekst .naglowek {font-size: 16px; padding: 5px 0px 1px 0px; text-transform: uppercase;}
#koltekst .naglowekd {font-size: 19px; padding: 5px 0px; text-transform: uppercase;}
.mediacontainer {display: block; position: relative; padding-bottom: 56.25% ; background-color: transparent ; margin-top: 20px; margin-bottom: 20px; width: 100%; }
.ilustracja .mediacontainer {display: block; margin-top: 0px; margin-bottom: 0px; width: 100%; margin-left: 0 ; overflow: hidden }
.mediacontainer.eko { padding-bottom: 65.4%}
.videoemb { }
.videoemb, .ilustracja iframe, .ilustracja object, .ilustracja embed { width: 100%; height: 100%; margin: 0px 0px }
.mediacontainer iframe, .mediacontainer object, .mediacontainer embed { position: absolute; top: 0; left: 0; }
.fb-mediacontainer {max-width: 65%; display: block; position: relative; background-color: transparent ; margin-top: 1em; margin-bottom: 1em; width: 100%; }
.fb-mediacontainer.noindent {max-width: none;}
.article .ilustracja.zvideo {background-image: none; background-color: #000; }
.article .ilustracja.zvideo.podcast { height: 30em}
.article .ilustracja.zvideo.podcast.ziframe { height: 352px}
.article .ilustracja.zvideo.podcast.ziframe.podbean { height: 29em}
@media (max-width: 1050px) {
.article .ilustracja.zvideo.podcast { height: 26em}
.article .ilustracja.zvideo.podcast.ziframe.podbean { height: 25em}
}
@media (max-width: 450px) {
article .ilustracja.zvideo.podcast { height: 21em}
.article .ilustracja.zvideo.podcast.ziframe.podbean { height: 20em}
}
.article .ilustracja.zvideo.spotify { height: 30em}
.ilustracja .fb-mediacontainer { max-width: 100vw; background-color: #000; margin: 0px; min-height: 34vw; position: relative;}
@media (max-width: 800px) {
.ilustracja .fb-mediacontainer {min-height: 50vw; max-width: 100vw;}
}
@media (min-width: 1600px) {
.ilustracja .fb-mediacontainer {min-height: 28em;}
}
.ilustracja .fb-mediacontainer.loaded {xmin-height: 50vw; xheight: auto; }
.ilustracja .fb-mediacontainer.square .fb-sub-mediacontainer {max-width: 30em; margin-left: auto; margin-right: auto}
.ilustracja .fb-mediacontainer:before {
content: var(--trwa);
background-image: url(../css/../img/loading_ring.svg);
background-size: 2em 2em;
background-position: bottom center;
background-color: #000;
font-size: 0.9em; text-align: center;
color: #fff;
margin: auto; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 4em;
}
.ilustracja .fb-mediacontainer.loaded:before {display: none}
.ilustracja .fb-mediacontainer:not(.loaded).blokuje:before {
content: "ad-block lub inne rozszerzenie blokuje wczytanie filmu...";
}
.required { vertical-align: top; }
TABLE.lista th, TABLE.lista td {padding: 0.5em 2em 0.5em 0px; text-align: left; vertical-align: middle; border: 1px solid #808080; border-collapse: collapse;}
TABLE.lista td { border: none; border-top: 1px solid #000; border-collapse: collapse;}
table.lista thead tr th {background-color: transparent; text-transform: lowercase; white-space:nowrap; font-weight: 500; padding: 0.5em 2em 0.5em 0px; border: none; border-collapse: collapse;}
table.lista { width: auto; max-width: 60em; font-size: 0.85em; border: none; border-collapse: collapse; margin-top: 1em; margin-bottom: 3em ;}
.szeroki_formularz { width: 100%;}
table.lista#szeroki_formularz {xmax-width: 760px;}
.filmopis.szeroki {}
/*
* imgAreaSelect animated border style
*/
.imgareaselect-border1 {
background: url(../css/../../img/ias/border-anim-v.gif) repeat-y left top;
}
.imgareaselect-border2 {
background: url(../css/../../img/ias/border-anim-h.gif) repeat-x left top;
}
.imgareaselect-border3 {
background: url(../css/../../img/ias/border-anim-v.gif) repeat-y right top;
}
.imgareaselect-border4 {
background: url(../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 {
}
.modalDialogTitled_content {
border: none;
padding:0px;
z-index:100;
position:absolute;
background-color:#FFFFFF;
}
.modalDialog_content{
border: 1px solid #cccccc;
padding:35px 25px 35px 35px;
z-index:100;/* Always needed */
position:absolute; /* Always needed */
background-color:#FFFFFF; /* White background color for the message */
}
.modalDialog_content h2 {
background: none;
color: #ec008c;
font-weight: normal;
text-transform: none;
margin: 2px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
.modalDialog_title {
background-color: #259eef;
width: 100%;
}
.modalDialog_title TD span {
color: #ffffff;
width: 100%;
padding: 8px 17px 8px 17px;
font-size: 16px;
background-color: #259eef;
text-transform: uppercase;
float: left;
display: block;
background-image: none;
text-transform:uppercase;
font-weight: normal;
line-height: normal;
}
.modalDialog_title A {
text-align: right;
margin-right: 10px;
}
.modalDialog_dark_content{
border: 2px solid #cccccc;
padding:20px;
z-index:100;/* Always needed */
position:absolute; /* Always needed */
background-color:#000000; /* White background color for the message */
}
.status {
padding: 1em;
width: 90%;
margin: 1.5em 0px 1em 0px;
background-color: #e1e1e1;
}
.thumb_saved {
border: 8px solid #6a6a6a ; border-radius: 5px; -moz-border-radius: 5px;
}
.thumb_prev {
border:8px solid #777777 ; border-radius: 5px; -moz-border-radius: 5px;
}
.uploaded_image_img { text-align: left}
div.uploaded_image_strz { clear: both; margin: 12px 0px 12px 70px;}
.mbMiniPlayer {margin: 3px 0px 10px 0px;}
#cadr_preview { float: left; margin-left: 0px;}
.simply-scroll-container { position: relative; }
.simply-scroll-clip { position: relative; overflow: hidden;}
.simply-scroll { width:100%; height: 44px; margin: 30px 0px 30px 0px; }
.simply-scroll .simply-scroll-clip { width:100%; height: 44px;}
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none;}
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; display: block;}
.simply-scroll .simply-scroll-list li { float: left; height: 44px;}
.xfilmcont { overflow: hidden; margin-top: 5%; padding-bottom: 5% !important }
.xtytnb {font-size: 75%; xfloat: left; display: inline-block; xmargin-left: 0.9em}
.xfilmopis { background-color: #ffffff; color: #000000; padding-bottom: 5% }
.filminfo {padding-bottom: 2em }
.filmbio {padding-bottom: 0px ; xclear: both; }
.filmopis .oczym {display: none}
.logotypylista { overflow: hidden; margin: 0.7em 0px 0.2em 0px;}
.filmopis .filminfo .logotypylista { margin-top: 0px; font-size: 200%; margin-left: 1px; opacity: 0.8}
.filmopis .filminfo .logotypylista .logotyp { max-width: 12em !important; margin-bottom: 1.5em }
.filmopis .filminfo .logotypylista .logotyp.logo_createhk {margin-bottom: 0.5em; margin-top: -0.8em }
.article .filminfo.logotypy .ty {margin-top: 2em}
.article .filminfo.logotypy:first-child .ty {margin-top: 0.4em}
.filmopis .nagrody + .logotypylista { margin-top: 2em}
.logotypylista + hr.big { margin-top: 3.5em }
.filmopis .filminfo.logotypy {order: 11}
.xfilmopis .filminfo.partn {order: 4}
.logotypylista .logotyp {display: inline-block; vertical-align: middle; margin-right: 3em; margin-bottom: 0em; margin-top: 2em}
.filmopis .filmbio, .filmopis .teksty-linki, .filmopis .goscie {margin-top: 4em}
.teksty-linki + .teksty-linki { margin-top: 2em}
.filmopis .filminfo .logotypylista .logotyp {margin-top: 0px; }
.logotypylista a:hover {background-color: transparent;}
.pozycjastopki {padding-bottom: 0.5em; line-height: 1.6}
.nagrody .pozycjastopki {padding-bottom: 3em}
.nagrody .pozycjastopki .ngr{display:block; padding-bottom: 0.5em}
.article .filminfo.left { letter-spacing: 0.04em; font-weight: 300; font-size: 0.6em; max-width: 19em}
.article .filminfo .ty { margin: 0.6em 0px 1.7em 0px}
.filminfo .pozycjastopki .rodzaj {color: #000}
.filminfo .czas {padding: 10px 0px 15px 0px;}
.filmbio .filmogr {color: #000; padding-bottom: 1.5em; padding-top: 2em; }
.filmbio .filmogrl P {xpadding-top: 0px; xmargin-top: 0px; line-height: 1.7}
.listaseansow { margin-bottom:6%; margin-top: 2%}
.tekst > .listaseansow {margin-bottom: 4em}
.listaseansow .wiersz {width: 100%; padding: 0.8em 0px 1em 0px; border-bottom: 1px solid #000; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline }
.boxfilmu .listaseansow .wiersz { border-bottom-color: #999;}
.listaseansow:not(.liczbas_1) .wiersz:LAST-CHILD {border-bottom: none;}
.listaseansow .wiersz .dt {position: relative; flex-basis: 19%; white-space: nowrap; text-transform: lowercase; }
.listaseansow .wiersz .dtt {flex-basis: 80%; xwhite-space: nowrap;
flex-wrap: wrap;
display: flex;
}
.listaseansow .wiersz .dtc {flex-basis: 60%; white-space: nowrap; text-transform: lowercase; }
.listaseansow .wiersz .cena {flex-basis: 50%; }
.listaseansow .wiersz .czas {flex-basis: 15% }
.listaseansow .wiersz .miejsce {flex-basis: 25%; white-space: nowrap; }
.listaseansow .wiersz .link {flex-basis: calc(35% + 3em); text-align: right; white-space: nowrap; }
.listaseansow .wiersz .dtt {position: relative}
.listaseansow .wiersz .uwagi {xposition: absolute; xtop: 2.7em; padding-top: 1em; text-transform: none; }
.listaseansow .wiersz .uwagi-m {margin-top: 0.5em; }
.listaseansow .wiersz .uwagi {flex-basis: 100%}
.listaseansow .wiersz .il {flex-basis: 12% ; padding-right: 1em; align-self: center;}
.listaseansow .wiersz .wariant {flex-basis: 50% }
.listaseansow .wiersz .wariant a {text-decoration: none; color: #000}
.listaseansow .wiersz .cenaw {flex-basis: 10% }
.listaseansow .wiersz .il img {max-height: 2em; }
.listaseansow .wiersz .link .bil {float: left; margin-top:0.3em; xmargin-left: 20%}
.listaseansow .wiersz .link .bil IMG {width: auto; height :1.2em; }
.listaseansow .wiersz .link .gosc {float: left; margin-top:0.4em; xmargin-left: 20%; margin-right:0.4em}
.listaseansow .wiersz .link .gosc IMG {width: auto; height :1em; }
.lista .listaseansow .wiersz .link .bil {float: left; margin-top:0.4em; xmargin-left: 35%}
.lista .listaseansow .wiersz {font-size: 0.85em}
.lista .listaseansow {width: 100% ; font-size: 75%}
.lista .listaseansow .wiersz {padding: 0.6em 0px 0.7em 0px;}
.lista .listaseansow .wiersz .link {flex-basis: 30%;}
.lista .listaseansow .wiersz .seans {background-size: auto 1.4em; padding-right: 3em; padding-left: 3em; background-position: center center;}
.seanspopup .listaseansow {width: 100% ; padding-left: 1.5em; box-sizing: border-box; margin-top: 1.5em}
.seanspopup .listaseansow .wiersz {padding: 0.6em 0px 0.7em 0px; align-items: center;}
.seanspopup .listaseansow .wiersz .link {flex-basis: 30%;}
.seanspopup .listaseansow .wiersz .seans {background-size: auto 1.4em; padding-right: 3em; padding-left: 3em;
background-position: center center; font-size: 0.5em; padding-top: 1.7em; padding-bottom: 1.7em}
.seanspopup .listaseansow .wiersz .dt {font-size: 0.7em}
.lista.sklep .listaseansow {margin-bottom: 2%; margin-top: 2%}
.lista.sklep .listaseansow .wiersz { border: 0px;}
.lista.sklep .listaseansow .wiersz .seans {font-size :190%;background-size: 15px 15px; padding-right: 30px; background-position: right 2px; }
.lista.sklep .boxfilmu .infob .opis {margin-top: 2%}
.lista.sklep .boxfilmu .infob .skrot {line-height: 150%}
.lista.sklep .boxfilmu .infob .wiec {margin-top: 8%}
.lista.sklep .boxfilmu .infob .wiec A {color: #000; background: url("../css/../img/menulapam.png") no-repeat left 0.4em; padding-left: 30px; }
.lista.sklep .listaseansow .wiersz .link {flex-basis: 60%;}
.listaseansow .labe {display: inline;}
#xkoltekst.koltekstfilm {padding-bottom: 0px;}
#xkoltekst.koltekstfilm .ilustracja {margin-bottom: 0px;}
.falka {display: inline-block; width: 1.5em; height: auto; margin: 0px 1em }
.article .naglf { text-align: center; padding: 0.2em 0px}
.naglf.roboto-head {text-transform: none;}
.article .nagl.czol-extra {max-width: 30em}
.article .nagl.czol-extra.opisf {padding: 0px 0px 1.1em 0px;}
.nagl, .naglf {max-width: 80%; margin-left: auto; margin-right: auto}
#koltekst.koltekstfilm .podtytul {padding-bottom: 1em; color: #777777}
#koltekst.koltekstfilm .extra {padding-top: 1em; padding-bottom: 0.5em; color: #333333}
#koltekst.koltekstfilm .tytulf {padding-bottom: 0.2em; }
#koltekst.koltekstfilm .tytulf h1 {margin-bottom: 0}
#koltekst.koltekstfilm .projekcje {padding-bottom: 20px; overflow: hidden }
#koltekst.koltekstfilm .cykle {margin-bottom: 10px; }
#koltekst.koltekstfilm .datawydarzenia {font-family: Miso; text-transform: uppercase; line-height: normal; font-size: 150%; margin-top: 0%; margin-bottom: 1em}
.koltekstfilm.studio .oznaczd { display: none }
.koltekstfilm.studio .seanseidod { xdisplay: none }
.cyklop {color: #000; }
.cyklop:hover {text-decoration: underline;}
.projekcje .godz { color: #666666; float: left; }
#koltekst.koltekstfilm .projekcje .godz {float: left; text-transform: uppercase; margin-left: 20px; margin-top: 0px;}
.projekcje .lab {float: left; }
#koltekst.koltekstfilm .ikonki {float: right; overflow: hidden}
#koltekst.koltekstfilm .ikonki img { float: right}
.ilustracja {position: relative; overflow: hidden;}
.ilustracja .mediacontainer { background-color: #000}
.ilustracja IMG.mft {width: 100% !important; height: 100%; margin: 0px !important; display: block; object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.xilustracja:not(.full) .play {display: none}
.ilustracja.trailer .play {display:block; opacity: 0; transition: opacity 0.2s; position: absolute; left: 50%; bottom: 50%;
left: calc(50% - 40px); bottom : calc( 50% - 40px)}
.ilustracja.trailer:hover .play { opacity: 1; }
.ilustracja.trailer:hover IMG.mft {opacity: 0.7}
.premierafot {z-index: 1; padding: 0.9em 1.6em 0.7em 1em; color: #000; xfont-size: 0.9em}
.premierafot .premieraopis {display: inline-block; margin-left: 2em; }
.premierafot .premieraopis.roboto-head {text-transform: none}
.premierafot .premiera {height: 1em; float: left; margin-top: 0.2em }
.premierafot .premiera.nosnik {height: 1.1em; margin-top: 0.4em }
.premierafot .premiera.dost {height: 1.5em; margin-top: 0px }
.premierafot.ds .premieraopis {margin-left: 1.3em}
.premierafot .premiera.access {height: 0.9em; margin-top: 0px }
.premierafot .premieraopis {padding-top: 0.3em}
.premierafot {background-color: var(--tlo-art); xfont-size: 1em}
.oznaczd .premierafot {position: static; display: inline-flex; align-items: center }
.oznaczd {display: inline-flex; position: absolute; z-index:1 ; bottom: 0; left: 0; background-color: var(--tlo-art); padding-left: 4%}
@media screen and (min-width: 600.00001px) {
.premierafot:not(:first-child) {border-left: 1pt solid #000; padding-left: 1.3em}
}
@media screen and (max-width: 600px) {
.oznaczd .premierafot {font-size :1em; display: block; }
.oznaczd {position: static; display: block}
.premierafot { padding: 2em 1.6em 1em 1em;}
.premierafot.ds {padding-left: 0.8em; }
.premierafot +.premierafot {padding-top: 0.5em}
}
div.lista { width: 90%; margin-left: 5%; xmargin-right: 3%; display: flex ; flex-direction: row ; flex-wrap: wrap; justify-content: space-between; }
.formularz div.lista {width: 100%; margin-left: 0px; font-size: 80%}
div.lista .boxfilmu {position: relative; flex-basis: 47% ; display: block; margin-bottom:6% ; color: #000000; overflow: hidden; background-color: #fff}
div.lista .boxfilmu:before{
content: "";
display: block;
padding-top: 115%;
}
div.lista .boxfilmu:after { content: ""; display: block; height: 9%;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); width: 100%; position:absolute; z-index: 10; bottom: 0 }
div.lista .boxfilmucont{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
div.lista .boxfilmu IMG.ilustr {z-index: 7; width: 100%; height: 100%; object-fit: cover;}
div.lista .boxfilmu .il {z-index: 8; width: 100%; height: 50%; overflow: hidden}
div.lista .boxfilmu .infob { transition: all 0.2s ease-in-out; position: relative; z-index: 10; padding: 10% 10% 5% 10%; background-color: #ffffff; height: 100%; box-sizing: border-box;}
div.lista .boxfilmu .infob .ty { }
div.lista .boxfilmu .infob .ty {font-size: 1.1em}
div.lista .boxfilmu .infob .ty A { color : #000}
div.lista .boxfilmu .infob .opis {xfont-size: 80%; margin-top:10% ; font-weight: 400; }
div.lista .boxfilmu .infob .rez {line-height: 1.7;}
div.lista .boxfilmu .infob .dod {margin-top: 0.5em; line-height: 1.6}
div.lista .boxfilmu .infob p {color: #000000}
div.lista .boxfilmu .infob .kr {border-top: 1px solid #404040; height:0px; margin: 0px 0px 10px 0px; width: 169px; }
div.lista .boxfilmu .infob .ikonki {float: right; vertical-align: top; margin-right: 0.5em; margin-left: 2em}
div.lista .boxfilmu .infob .dol {position: absolute; bottom: 3%; width: 80% }
div.lista .boxfilmu.bezil .infob, div.lista .boxfilmu:hover .infob {margin-top: -57.5% }
div.lista .boxfilmu.bezil .infob { padding-top: 7%}
div.lista.sklep .boxfilmu:before {padding-top: 130%}
div.lista.sklep .boxfilmu .il {height: 46%}
/**
.opiscyklufull {display: none; flex-basis: 100%}
.opiscyklufull .ilustracja IMG {width: 100%}
.cyklopis { background-color: #fff; color: #000; margin-right: 1.5%; margin-bottom: .6vw; padding: 0 7%; flex-basis: 100% }
.cykltyt {margin-top: 5%}
.cykltyt h1 {xmargin-top: 0px; padding-top: 0px; font-size: 210%; margin-bottom: 1%}
.cykllead.tekst { font-weight: 350; cursor: pointer;}
.cyklwiecej {float: right; margin-top: 2%; font-family: Miso;text-transform: uppercase; font-size: 90%; color: #333}
.cyklopistresc { background-color: #fff; color: #000; margin-bottom: .6vw; padding: 3% 7% }
*/
.cyklleadn {text-align: center;font-weight: 300}
.cyklleadn.m {padding: 0 15%}
.cyklmore {text-align: center; margin-top: 0.5em; color: #000; font-size: 120%}
.cyklmore xa {color: #000; font-size: 0.7em; font-weight: 300}
.cyklmore a:hover {text-decoration: none}
@media screen and (max-width:1000px) {
div.lista {width: 100%; margin-right: 0; margin-bottom: 2em}
}
@media screen and (max-width:900px) {
.lista .listaseansow .wiersz {font-size: 0.9em}
}
@media screen and (max-width:600px) {
div.lista {justify-content: center;}
div.lista .boxfilmu {flex-basis: 100%; max-width: 450px}
div.lista .boxfilmucont {position: static;}
div.lista .boxfilmu:before, div.lista .boxfilmu:after {display: none}
div.lista .boxfilmu .infob .dol {position: static; width: 100%; margin-top: 1.5em}
div.lista .boxfilmu:hover .infob {margin-top: 0px}
}
.dnikal {color: #ffffff; overflow: hidden;}
.dnikal a {display: inline-block; margin-left: 10px; background-position: center top; background-image: url(../css/../img/dzientlo.png); background-repeat: no-repeat; width:45px; height: 33px; text-align: center; color: #ffffff; font-size: 16px; line-height: 20px; padding-top: 12px }
.dnikal a.sel, .dnikal a:hover { background-position: center -53px; color: #000000; }
.dnikal .lab {float: left; color: #fff; margin-top: 10px; margin-right: 30px; }
.xxkalendarz {float: left; }
.kalendarz .sale .sala {display: inline-block; width: 140px; margin-right: 8px; text-align: center; color: #ffffff; text-transform:lowercase; }
.kalendarz .sale .sala.f4 {font-size: 23px}
.kalendarz .sale .sala:last-child {margin-right: 0px; xwidth: 130px}
.kalendarz .liniagodziny {vertical-align: bottom; line-height: 100%; font-size: 0.7em; color: var(--szare-kreski); border-bottom: 1px dotted var(--szare-kreski); padding: 0px 0px 38px 0px; }
.kalendarz .gornal { height: 15px; border-bottom: 1px dotted var(--szare-kreski);}
.kalendarz .ev {z-index: 100; display: block; background: #ffffff; color: #000000; float: left; height: 40px; position: absolute; }
.kalendarz .siatka {position: absolute; z-index: 50; }
.kalendarz .siatka, .kalendarz .sale {padding-left: 100px; }
.kalendarz .sale {white-space: nowrap;}
.kalendarz .ev .fl {display: block; padding: 1em; color: #000000; font-size: 19px}
.kalendarz .ev .fl .fl { padding: 0px}
.kalendarz .ev .g {color: #666666; margin-bottom: 5%; font-size: 70%; line-height: 120%;}
.kalendarz .ev .t {xfont-size: 0.7em; line-height: 130%;}
.kalendarz .ev .cz {color: #666666; font-size: 70%; margin-top: 5%; line-height: 130%;}
.kalendarz .ev .fl:hover {color: #000000}
.kalendarz .ev .ik-kal {font-size: 90%}
.ik-kal {float: right; display: inline-flex; align-items: center; gap: 0.5em; }
.ik-kal .premiera {}
.ik-kal .ad { width: auto; height:0.9em}
.ik-kal .tan {height: 0.9em }
.ik-kal .guest { height:0.9em }
.ik-kal .guest.pjm {height: 0.9em}
.wydarzenia-kalendarz {margin-top: 0px; padding-bottom: 5em}
@media (min-width: 900px) {
.wydarzenia-kalendarz .wydarzenia { padding-left: 4%}
}
.kalen_ty { margin: 1.5em 0px; color: #fff }
.premiera {width: auto; height: 1em}
.premiera.mik {width: auto; height: 1em}
.premiera.mmik {width: auto; height: 0.9em}
.ozn-premiera { background-size: contain; width: 0.74em; height: 1em; background-position: left center; }
.ozn-premiera.o1 { background-image: url(../css/../img/prem_pl_wh.svg)}
.ozn-premiera.o2 { background-image: url(../css/../img/prem_eu_wh.svg)}
.ozn-premiera.o3 { background-image: url(../css/../img/prem_sw_wh.svg)}
.kalend_gora {text-align: center; margin: 2em 5% 3em 5%; color: #fff}
.kalendarzmob .dnikal {color: #ffffff; overflow: hidden;}
.kalendarzmob .dnikal a {float: left; margin-right: 10px; background-position: center top; background-image: url(../css/../img/kolko.png); background-repeat: no-repeat; width:73px; height: 73px; display: block; text-align: center; color: #ffffff; font-size: 22px; font-weight: bold; line-height: 22px; padding-top: 24px }
.kalendarzmob .dnikal a.sel, .kalendarzmob .dnikal a:hover { background-image: url(../css/../img/kolkop.png); color: #000000; }
.kalendarzmob .dnikal .lab {float: left; font-size: 15px; margin-top: 10px; margin-right: 30px; }
.kalendarzmob .czc.k {font-size: 24px; text-transform: none; margin-bottom: 20px; margin-top: 0px; color:#fff;}
.kalendarzmob .sale A {color: #fff ; text-align: center; display: block; padding: 10px 15px; border: 1px solid #fff; margin-bottom: 10px; }
.kalendarzmob .sale A.w {background-color: #fff; color: #000}
.kalendarzmob .sale A:hover {color: #fff; }
.kalendarzmob .sale A.w:hover {color: #000}
.kalendarzmob .gornal {clear: both; height: 15px; border-bottom: 1px solid #ffffff;}
.kalendarzmob .ev {line-height: normal; display: block; background: #ffffff; color: #000000; margin-bottom: 1em; max-width: 370px; margin-left: auto; margin-right: auto }
.kalendarzmob .ev A.fl {display: block; padding: 1.5em ; color: #000000; position: relative;}
.kalendarzmob .ev .g {color: #000; margin-bottom: 0.8em; text-transform: lowercase; }
.kalendarzmob .ev .t {color: #000; margin-bottom: 0.7em; }
.kalendarzmob .ev .rez {color: #000; margin-bottom: 0.3em; font-size: 0.9em; line-height: 1.25 }
.kalendarzmob .ev .cz {color: #000; margin-top: 0.8em; xfont-size: 14px;}
.kalendarzmob .ev .lok {color: #000; margin-top: 1.3em; }
.kalendarzmob .ev A.fl:hover {color: #000000}
.kalendarzmob {max-width: 450px; margin-left: auto; margin-right: auto}
.kalendarzmob .ev .kropkas.sekcjai {position: absolute; right: 1.5em; bottom: 1.8em; width: 0.8em; height: 0.8em}
.kalendarzmob .ik-kal { font-size: 130%}
.kalendarzmob {display: none}
@media screen and (max-width:900.001px) {
.kalendarzmob {display: block}
.kalendarz {display: none}
.kalend_gora {margin-bottom: 0px}
.dnikal a {margin-bottom: 0.5em}
}
.listkal {float: right; overflow: hidden; margin-top: 0px;}
.listkal A { background-image : url(../css/../img/listakal.png); width: 44px; height: 44px; background-repeat: no-repeat; margin-left: 10px; float: right; }
.listkal A.lista {background-position: left top; }
.listkal A.listasel, .listkal A.lista:hover {background-position: left bottom;}
.listkal A.kalendarz {background-position: right bottom; }
.listkal A.kalendarzsel, .listkal A.kalendarz:hover {background-position: right top; }
.biletpopup {}
.biletpopup H2 {color: #000000; }
.biletpopup div:not(.przycisk) {padding: 0.2em 0px;}
.biletpopup .t {font-size: 18px;}
.biletpopup .info {padding-top: 20px;}
.biletpopup .d {font-weight: 500; margin: 2% 0; max-width: 80%; font-size: 115% }
.biletpopup .naglKup { padding-top: 0px;}
.biletpopup .naglKup h5 {padding-top: 0px;}
.biletpopup h2 {margin-top: 10px;}
.mkoszyk {float: right; padding-top: 9px;}
li.mkoszyk .udmR { background: transparent; color: #fff !important; padding-left: 0.2em}
.mkoszyk A:hover { color: #fff !important; background-color: transparent; }
.mkoszyk A IMG { margin-right: 10px}
div.szerokikoltekst#koltekst { }
/** .projekcje nie będą używane */
.projekcje .seans {background-repeat: no-repeat; background-position: right 9px; padding-right: 20px; }
.projekcje .ko { background-image: url('../css/../img/koszyk_pustyn.png'); }
.projekcje .seans:hover {background-position: right -45px}
.projekcje .darmo { background-image: url('../css/../img/koszyk_darmowy.png'); background-position: right 5px; }
.projekcje .darmo:hover {background-position: right -12px}
.projekcje .kopelny { background-image: url('../css/../img/koszyk_pelnyn.png'); }
.projekcje .brak {background-image: url('../css/../img/koszyk_pustyn.png'); background-position: right 9px}
.boxfilmu .projekcje .seans {background-position: right 2px;}
.boxfilmu .projekcje .seans:hover {background-position: right -15px}
.boxfilmu .projekcje .darmo {background-position: right 3px;}
.boxfilmu .projekcje .darmo:hover {background-position: right -14px}
.boxfilmu .projekcje .brak {background-position: right -15px}
.listaseansow .seans { line-height: normal; text-transform: lowercase; background-repeat: no-repeat; background-position: right center; padding-right: 2em; background-size: auto 1.3em; }
.listaseansow .seans.vod { background-size: auto 1.2em;}
.listaseansow .seans.ko { background-image: url('../css/../img/kosz/koszykb.svg') ; }
.listaseansow .seans:after {display: none}
.listaseansow .seans.kopelny { background-image: url('../css/../img/kosz/koszyk_pelnyb.svg'); }
.xlistaseansow .seans.kopelny:hover, .xlistaseansow .seans.ko:hover { background-image: url('../css/../img/kosz/koszykb.svg') ;}
.listaseansow .seans.darmo {background-image: url('../css/../img/kosz/brakn.svg'); }
.listaseansow .seans.brak {color: #000; background-image: url('../css/../img/kosz/wyprzedane.svg'); }
.rezerwacja.f_min_niezar { }
.listaseansow .seans.madostep { background-image: url('../css/../nn/img/checkedbialy.svg'); background-size: auto 1em }
.listaseansow .seans.madostep.darmo { background-image: url('../css/../nn/img/checked.svg');}
a.icon {display:inline-block; 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(../css/../nn/img/printzebra.svg); }
a.icon.printpdf { background-image: url(../css/../nn/img/printpdf.svg); }
a.icon.copytocart { background-image: url(../css/../nn/img/copytocart.svg); }
a.icon.details { background-image: url(../css/../nn/img/details.svg); }
a.icon.cancel { background-image: url(../css/../nn/img/cancelsz.svg); }
a.icon.play { background-image: url(../css/../nn/img/playc.svg); }
a.icon.payment { background-image: url(../css/../nn/img/paymentmg.svg); }
.iconactions { display: inline-block; margin: 0.5em 0px; }
.iconactions a {margin-left: 0.6em}
.iconactions a:first-child {margin-left: 0px}
.butt {background-color: #000; font-weight: 300; letter-spacing:0.05em; display: inline-block; padding: 1.2em 2em; font-size: 0.61em; position: relative; z-index: 5; color: #fff; xmargin-right: 1.5em}
a.butt {color: #fff}
.butt.seans:hover, .butt:hover {color: #fff; text-decoration: none; }
.butt.seans { transition: background-color 0.2s; background-position: right 1.7em center; padding: 1.2em 4.5em 1.2em 2em; }
.butt.seans:hover {background-color: #222; }
.butt.vod {background-image: url(../css/../img/eye.svg)}
.butt.simple { background-image: none; padding-right: 2em}
.soundcloudwidget { margin: 15px 0px}
.ramka-butt {border: 1px solid #fff; display: inline-block; padding: 1em 3em; color: #fff; background: transparent; text-decoration: none; transition: color 0.2s, background-color 0.2s ; text-decoration: none; }
a.ramka-butt:hover {border: 1px solid #fff; }
.ramka-butt:hover {background-color: #fff; color: #000}
.tekst .ramka-butt {border-color: #000}
.tekst a.ramka-butt {text-decoration: none;}
.tekst .ramka-butt:hover {border-color: #000; background-color: #000; color: #fff}
.listaseansow .seans.brak, .listaseansow .seans.darmo {background-color: transparent; color: #000; }
.listaseansow .seans.brak:hover, .listaseansow .seans.darmo:hover {color: #000; cursor: default; xpadding-left: 2em; xpadding-right: 4.5em}
.listaseansow .seans[data-stan=f_min_niezar], .listaseansow .seans[data-stan=f_min_niezar], .listaseansow .seans[data-stan=f_min_niezar] {background-color: transparent; color: #000; }
.listaseansow .seans[data-stan=f_min_niezar]:hover, .listaseansow .seans[data-stan=f_min_niezar]:hover, .listaseansow .seans[data-stan=f_min_niezar]:hover {color: #000; cursor: default;}
/** różne do progrmau dodatki */
.kafle .boxfilmu .il {}
.ogr-dostep-icon, .ico-sekcji {position: absolute; top: 1.5em; left: 1.5em ; width: 3em; height: 3em; background-image: url(../css/../img/klepsydra.svg); background-size: 2.9em auto;background-position: center center;
background-position: center;
border-radius: 50%;
display: inline-block;
background-color: var(--tlo-art);
z-index: 3;
}
.ico-sekcji.ico-sekcji-film { width: 2.6em; height: 2.6em; background-size: 2.6em auto; }
.ogr-dostep-icon { background-size: 1.5em auto}
.senpozycja.roboto-text.dost { font-weight: 300}
.ozn-sekcji {text-align: center; font-size: 0.7em; margin-bottom: 2em}
.ozn-sekcji .ico-sekcji {position: static;}
.cyklopisn .ozn-sekcji {font-size: 1em; margin-bottom: 1.3em; display: block}
.cyklopisn a.ozn-sekcji .sekcjai {transition: transform 0.2s}
.cyklopisn a.ozn-sekcji:hover .sekcjai {transform: scale(1.03); }
.cyklopisn .logotypylista { margin-top: 0.8em; margin-bottom: 2.3em}
.cyklopisn .logotypylista .logotyp { margin-top: 0px; margin-right: 1em; margin-left: 1em; font-size: 100%}
.cyklopisn .pse {margin-top: 2em}
.cyklopisn .sekcja-daty {display: none}
.cyklopisn .kup , .kup.na-dole {display: none}
.psfest .cyklopisn .kup {text-transform:lowercase; display: flex; padding-top: 0px; padding-bottom: 1em}
.psfest .przycisk-cont {display: flex; justify-content: center; margin-top: 2em}
.psfest .przycisk-cont.kup span {text-transform:lowercase; line-height: normal; }
.przycisk-link .labc {margin-left: 1em}
.psfest .przycisk-cont.kup-index { margin-top: 3.5em}
.heder .przycisk-link:hover {text-decoration: none}
.gwiazdkai {
transition: transform 0.2s;
position: absolute; top: 5%; right: 1.7% ; width: 3em; height: 3em; background-size: 57% 57%; background-position: center center;
background-position: center center;
display: inline-block;
z-index: 8;
background-color: transparent; cursor: pointer;
}
.gwiazdkai[data-ust='nie'] { background-image: url(../css/../img/gwiazdka.svg);}
.gwiazdkai[data-ust='tak'] {background-image: url(../css/../img/gwiazdkaf.svg); }
.gwiazdkai:hover {transform: rotate(72deg);}
.boxfilmu .gwiazdkai { width: 13%; height:13% }
.boxfilmu .for-zoom .gwiazdkai { width: 18%; height:18% }
.tylkokino { white-space: nowrap; border: 1px solid #fff; padding: 0.3em 0.8em; display: inline-flex; color: #fff; align-items: center; min-height: 1.2em;}
.lect-data {display : none;}
.programstr .nice-select { color: #000 ; xfont-size: 0.8em; border: none; padding: 1em 1em 1em 3em; height: auto; box-sizing: border-box; }
.programstr .nice-select .option {font-size: inherit; padding: 0.5em 1em 0.5em 3em; }
.programstr .nice-select:after {right: 2em;}
.nice-select ul, .nice-select li, .nice-select span {font-family: inherit; font-size: inherit;}
.nice-select.f6 .option.selected {font-weight: normal; xbackground-color: #eee !important;}
.nice-select .option.selected { font-weight: 500 !important}
.programstr .nice-select, .programstr .nice-select .list {width: 20em}
.filtrind {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: 4em}
.filtrind .fl {margin-right: 1.5em}
.programstr .nice-select .option[data-value='m'] { background-image: url(../css/../img/gwiazdkab.svg); background-position: left 9em center; background-size: auto 1em;}
.infob.sekcjai A {color: inherit;}
.sekcjai.nka19 { background-image: url(../css/../img/sekcje/nka19.svg); background-color: #F97828}
.sekcjai.cinerama19 { background-image: url(../css/../img/sekcje/cinerama19.svg); background-color: #004B20; color: #E7FF8A}
.sekcjai.scifi { background-image: url(../css/../img/sekcje/scifi.svg); background-color: #003A93; color: #E7FF8A}
.sekcjai.j80s { background-image: url(../css/../img/sekcje/j80s.svg); background-color: #FF2600;color: #E7FF8A}
.sekcjai.kyouth { background-image: url(../css/../img/sekcje/kyouth.svg); background-color: #B56DFF}
.sekcjai.migracje { background-image: url(../css/../img/sekcje/migracje.svg); background-color: #E7FF8A; color: #FF2600}
.sekcjai.klasyka19 { background-image: url(../css/../img/sekcje/klasyka.svg); background-color: #F2F2F2}
.sekcjai.akademia { background-image: url(../css/../img/sekcje/akademia.svg); background-color: #BAC3C7}
.sekcjai.posmaki { background-image: url(../css/../img/sekcje/posmaki.svg); background-color: #A7B7AB}
.sekcjai.nka18 { background-image: url(../css/../img/sekcje/nka18.svg); background-color: #8DFFFF}
.sekcjai.cinerama18 { background-image: url(../css/../img/sekcje/cinerama18.svg); background-color: #FF8F16}
.sekcjai.srodowisko { background-image: url(../css/../img/sekcje/srodowisko.svg); background-color: #005F35}
.sekcjai.tokio { background-image: url(../css/../img/sekcje/tokio.svg); background-color: #FF3700}
.sekcjai.stanleykwan { background-image: url(../css/../img/sekcje/stanleykwan.svg); background-color: #A685FF}
.sekcjai.klasyka { background-image: url(../css/../img/sekcje/klasyka.svg); background-color: #E9EDF3}
.sekcjai.akademia { background-image: url(../css/../img/sekcje/akademia.svg); background-color: #BAC3C7}
.sekcjai.nka17 { background-image: url(../css/../img/sekcje/nka17.svg); background-color: #A9FCFF}
.sekcjai.indie { background-image: url(../css/../img/sekcje/indie.svg); background-color: #FF6000}
.sekcjai.pokazyspec { background-image: url(../css/../img/sekcje/pokazyspec.svg); background-color: #E1EF8C}
.sekcjai.kobiecehk { background-image: url(../css/../img/sekcje/kobiecehk.svg); background-color: #A7E794}
.sekcjai.kinghu { background-image: url(../css/../img/sekcje/kinghu.svg); background-color: #C4D3FF}
.sekcjai.cinerama17 { background-image: url(../css/../img/sekcje/cinerama17.svg); background-color: #C5C897}
.sekcjai.cinerama16 { background-image: url(../css/../img/sekcje/cinerama16.svg); background-color: #C6B553}
.sekcjai.nka16 { background-image: url(../css/../img/sekcje/nka16.svg); background-color: #83FFF1}
.sekcjai.yang { background-image: url(../css/../img/sekcje/yang.svg); background-color: #64BC8C}
.sekcjai.hk25 { background-image: url(../css/../img/sekcje/hk25.svg); background-color: #E5B5FF}
.sekcjai.groza16 { background-image: url(../css/../img/sekcje/groza16.svg); background-color: #9DA1AA}
.sekcjai.jfg { background-image: url(../css/../img/sekcje/jfg.svg); background-color: #FF9F43}
.sekcjai.nka { background-image: url(../css/../img/sekcje/nka.svg); background-color: #FFFFB9}
.sekcjai.pl { background-image: url(../css/../img/sekcje/pl.svg); background-color: #F1F2F2; background-size: 1.5em auto}
.sekcjai.hk { background-image: url(../css/../img/sekcje/hk.svg); background-color: #D7CDB5}
.sekcjai.cinerama { background-image: url(../css/../img/sekcje/cinerama.svg); background-color: #B9CDF6}
.sekcjai.paras { background-image: url(../css/../img/sekcje/paras.svg); background-color: #DDE9DA}
.sekcjai.podroze { background-image: url(../css/../img/sekcje/podroze.svg); background-color: #A2CDBE}
.sekcjai.vr { background-image: url(../css/../img/sekcje/vr.svg); background-color: #FFCDF6}
.sekcjai.zesmakiem { background-image: url(../css/../img/sekcje/zesmakiem.svg); background-color: #E8B490}
.sekcjai.sylwester { background-image: url(../css/../img/sekcje/sylwester.svg); background-color: #9C88DF}
.sekcjai.lunarny { background-image: url(../css/../img/sekcje/lunarny.svg); background-size: 1.4em auto; background-color: #115E46}
.sekcjai.herdocs { background-image: url(../css/../img/herdocs.png); background-size: 1.7em auto; background-color: #348ea2}
.sekcjai.nka15 { background-image: url(../css/../img/sekcje/nka15.svg); background-color: #FFFFB9}
.sekcjai.groza { background-image: url(../css/../img/sekcje/groza.svg); background-color: #3C4255}
.sekcjai.queer { background-image: url(../css/../img/sekcje/queer.svg); background-color: #FFCDF6}
.sekcjai.sport { background-image: url(../css/../img/sekcje/sport.svg); background-color: #5C9B86}
.sekcjai.specjalne { background-image: url(../css/../img/sekcje/specjalne.svg); background-color: #83FFF1}
.sekcjai.polskie { background-image: url(../css/../img/sekcje/polskien.svg); background-color: #fff}
.sekcjai.cinerama15 { background-image: url(../css/../img/sekcje/cinerama15.svg); background-color: #9CA5B4}
.sekcjai.wkw { background-image: url(../css/../img/sekcje/wkw.svg); background-color: #C08F97}
.sekcjai.birma { background-image: url(../css/../img/sekcje/birma.svg); background-color: #E8B490}
.sekcjai.studio { background-image: url(../css/../img/sekcje/studio2.svg); background-color: #878787}
.sekcjai.qa { background-image: url(../css/../img/sekcje/qa.svg); background-color: #878787}
.replikiinfo {padding: 2em 0px 1em 0px}
.replikiinfo .replika { font-size: 85%; padding: 0.4em 0px;}
.kropkas.sekcjai { background-image: none;
border-radius: 50%;
display: inline-block; width: 0.5em; height: 0.5em }
.kalendarz .kropkas.sekcjai {position:absolute; bottom: 1em; left: 1em; font-size :19px}
.boxfilmu .infob.sekcjai {background-image: none;}
.content.programstr .kafle .boxfilmu .infob.sekcjai { padding-bottom: 1.5em ; flex-basis: auto;}
.info-dodatkowe .grupa-wiekowa-legal {position: static;}
.opis .gwiazdkai {top: 1.2em ; right: 3%; font-size: 90%}
.trigger-warn-cont {display: inline-flex; position: absolute; top: 1.95em; right: calc(3% + 3.4em); font-size: 90%}
.trigger-warn { transition: background 0.2s; xborder-radius: 0.5em; width: 1.65em; height: 1.65em;
z-index: 1 ; filter: drop-shadow(0px 0px 10px #000000);}
.xtrigger-warn { background-image: url(../css/../img/trigwarn.svg); background-position: center center; background-size: contain; }
.working { color: transparent !important; background-image: url(../css/../nn/img/puff.svg) !important; background-position: center center !important; background-size: 2em auto !important; }
body:not(.vr) .vr-only {display: none}
body.vr #naglowek #logo, body.vr #menuglowne_pasek ,
body.vr #jezyk, body.vr #kolmenu, body.vr .waznelinki.gr ,
body.vr .article .naglf, body.vr .heder .nagl, body.vr .info-dodatkowe ,
body.vr .oznaczd, body.vr .swiper-button-next, body.vr .swiper-button-prev,
body.vr .info-dodatkowe, body.vr .gwiazdkai { display : none !important;}
body.vr #koltekst {width: 100% !important;}
body.vr .opis .fotos:after {padding-top: 50% !important;}
@media (min-width: 1200px) {
body.vr .article .txt {width: 80%}
}
.programstr.archiwum .filtrind ,
.programstr.archiwum .ogr-dostep-icon,
.programstr.archiwum .gwiazdkai,
.programstr.archiwum .boxfilmu .dol { display :none}
.programstr.archiwum .boxfilmu .opis {padding-bottom: 1em}
/** koniec różne do progrmau dostaki */
@media (max-width: 800px) {
.lista .listaseansow .wiersz {font-size: 0.9em}
.listaseansow .wiersz .link {flex-basis: 40%}
}
@media screen and (min-width:650.01px) {
.for-mob-opis {display: none}
}
@media screen and (max-width:650.01px) {
.for-desk-opis {display: none}
.listaseansow .wiersz .link {flex-basis: 50%}
}
@media (max-width: 700px) {
.lista .listaseansow .wiersz .link {flex-basis: 35%;}
}
@media (max-width: 600px) {
.butt.seans {font-size: 0.75em; padding: 1.5em 4.5em 1.5em 2em; background-size: auto 1.5em}
.butt.seans.simple { padding-right: 2em}
.butt.seans:hover {xpadding-left: 2.2em; xpadding-right: 4.3em }
.listaseansow .wiersz {align-items: center;}
.listaseansow .wiersz .czas {align-self: center;}
.listaseansow .wiersz .dt {white-space: normal; flex-basis: 44%}
div.lista {margin-left: 0}
.lista .listaseansow .wiersz {font-size: 1.2em}
.lista .listaseansow .wiersz .link {flex-basis: 40%;}
.lista .listaseansow .wiersz .link .bil, .lista .listaseansow .wiersz .link .gosc {margin-top: 1em}
}
@media (max-width: 500px) {
.lista .listaseansow .wiersz {font-size: 1em}
}
.radioa .oczym {display:none}
.lwtyt { clear: both; margin-top: 2em; }
.lwilusr { float: right; margin-left: 15px; width: 40%;}
@media (max-width: 900px) {
.lwilusr {float: none; margin-left: 0px; width: 100%; margin-bottom: 1em; margin-top: 1em;}
}
#wrapper.is-active {
z-index: 0 !important
}
#przyciemnionetlo {
position: fixed; display: block;
height: 100%; left: 0; top: 0; width: 100%;
background-color: transparent;
visibility: hidden;
-webkit-transition: background-color 0.2s ease-in 0.1s, visibility 0s linear 0.2s;
transition: background-color 0.2s ease-in 0.1s, visibility 0s linear 0.2s;
z-index: 290001;
}
#przyciemnionetlo.is-active {
visibility: visible; background-color: rgba(0, 0, 0, 0.7);
transition-delay: 0s;
-webkit-transition-delay: 0s
}
@media screen and (min-width:600.01px) {
.for-mob {display: none}
}
@media screen and (max-width:600px) {
.for-desk {display: none}
}
@media screen and (min-width:841px) {
#przyciemnionetlo {visibility: hidden}
}
@media (min-width: 1600.01px) {
.xpsfest #logo {width: 28em; height: 3.62em; background-size: auto 2.86em; }
.udm .firstl > a, .udm .firstl > a.nohref {font-size: 30px !important}
.udm ul a, .udm ul a:link, .udm ul a.nohref { font-size: 68%}
.udm li, .udm li:first-child {margin-right: 16px}
.mkoszyk {padding-top: 8px;font-size: 30px}
}
@media (min-width: 1900.01px) {
.mkoszyk {padding-top: 8px;}
}
@media (max-width: 900px) {
.news-box { width: 47%; margin: 2% 0px }
.glw .przyciski a {width: 8em;}
.glw-news-box:after { padding-top: 50%;}
.glw-news-box .caption {bottom: 10%}
.nazywoic {top: 10%}
section.stopka .trzykol { flex-wrap: wrap; flex-direction: column;}
section.stopka .trzykol .cookies {padding-top: 1em}
section.stopka .trzykol .kolup {order: 3; align-self: flex-start;}
section.stopka .warszlogo img {height: 5em}
/** podstrona cała szerokość */
#content:not(.sklep) #kolmenu {float: none; background-color: var(--tlo-art); width: 100%; padding-top: 1.5em; padding-left: 0px; padding-bottom: 1.5em}
#kolmenu.roboto-head {font-size: 14px; font-weight: 400; letter-spacing: 0.05em }
#content {display: flex; flex-direction: column;}
.content .heder {padding-top: 1.5em}
#content:not(.sklep) #kolmenu {display: flex; overflow-x: scroll; z-index: 4; top: 2em; overflow-y: scroll; justify-content: flex-start; align-items: center; }
#content #kolmenu .pozycjamenu {xwhite-space: nowrap; display: inline; }
#kolmenu .pozycjamenu A {max-width: 12em; white-space:normal; width: max-content; text-align: center;
text-overflow: ellipsis; overflow: hidden; display: inline-block; display: box; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
}
#kolmenu .menupoziompierwszy {display: inline-block; position: relative; padding: 0.8em 2em; margin-bottom: 0px}
#kolmenu .menupoziompierwszy + .menupoziompierwszy:after {
content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 1.5em; border-left: 1px solid #000;
}
#kolmenu .submenu .pozycjamenu {position: relative; padding: 0.2em 1.5em}
#kolmenu .submenu .pozycjamenu + .pozycjamenu:after {
content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 1.5em; border-left: 1px solid #000;
}
#kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu a {color: #000; text-decoration: underline; text-underline-position: under;}
#kolmenu .menupoziompierwszy.mmenuppwybrane > .pozycjamenu a {color: #000; text-decoration: underline; text-underline-position: under;}
#kolmenu .pozycjamenu.mwybr > a {color: #000; text-decoration: underline; text-underline-position: under;}
.black #kolmenu .pozycjamenu.mwybr > a {color: #fff;}
#kolmenu .menupoziompierwszy:not(.mmenuppwybrane):hover {transform: none}
#content #kolmenu.mawybrane {padding-bottom: 4em}
#kolmenu .submenu {display: flex; overflow-x: scroll;justify-content: flex-start; align-items: center; position: absolute; left: 0px;
font-size :90%; padding-top: 1em; line-height: normal;}
#kolmenu .submenu .pozycjamenu {display: inline-block;}
.black #kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu a {color: #fff; }
.black #kolmenu .menupoziompierwszy.mmenuppwybrane > .pozycjamenu a {color: #fff }
.black #kolmenu .menupoziompierwszy + .menupoziompierwszy:after {
border-left: 1px solid #fff;
}
.black #kolmenu .submenu .pozycjamenu + .pozycjamenu:after {
border-left: 1px solid #fff;
}
#content #koltekst {width: 100%}
.content .heder { margin-left: 0px;}
.content.black .heder:not(.zopisem) { padding-top: 1.3em}
.article .ilustracja {margin-left: 0px; width: 100%}
.article .txt {padding-left: 7%; padding-right: 7%}
.xarticle .txt.bezilustr { padding-top: 0.4em}
div.lista {margin-left:1em; margin-right: 1em; width: calc(100% - 2em)}
#content.black #kolmenu { background-color: #000; padding-top: 0px; padding-bottom: 0.1em }
}
@media (max-width: 800px) {
.glw-news-box .caption .caption-lim, .glw-news-box.nazywo .caption .caption-lim {max-width: 80%}
.glw .przyciski-bar {position: relative; width: 100%; max-width: none; min-width: auto;}
.glw-news-box:after { padding-top: 60%;}
.logotypylista {font-size: 90%}
}
@media (max-width: 600px) {
/** przechodziny do widoku komórkowego */
.waznaapla h3 { max-width: none;}
.waznaapla { margin-left:10%; width: 80%; margin-bottom: 3em}
.waznaapla .waznadata .f7 {max-width: 80%; font-size: 1.1em; }
.sched-glowa + .na-glw-pasek {padding-top: 0.5em}
.glw-news-box:after { padding-top: 100%;}
section.aktualnosci {background-image: none;}
section.aktualnosci .mocny { padding-top: 0px }
.news-list { justify-content: space-around; }
section.wydarzenia .paralax-cont-bg {background-image: none;}
.news-box { width: 100%; margin: 3% 0px; max-width: 24em }
.news-box .f4 {font-size: 1.3em; line-height: 1.4}
.news-box .caption .h {max-height: 4.3em}
.single-box .caption .data { position: absolute; bottom: 2.5em; }
/** podstrona likwidacja marginesu lewego */
html {
--header-indent: 0px;
--text-indent: 8%;
}
.article .txt {padding-left: 5%; padding-right: 5%}
.article .tekst, .tekst {xfont-weight: 400}
.article .left.podlead, .article .left.nomob { display: none}
.article .left {width: auto; float: none; font-size: 1em; margin-bottom: 3em; }
/**
// realizujemy przez var teraz
.article .tekst > p:not(.left):not(.noindent), .article .tekst > div:not(.left):not(.noindent), .article .tekst > media,
.article .tekst H1.rowno, .article .tekst H2.rowno, .article .tekst H3.rowno, .article .tekst H5.rowno, .article .tekst H6.rowno {
margin-left: 8%
}
.article .tekst.goscie H5, .article .tekst.goscie H6 {margin-left: 8% }
*/
.article .tekst.goscie H5, .article .tekst.goscie H6 {margin: 0.7em 0px }
.article .tekst H1, .article .tekst H2, .article .tekst H5, .article .tekst H6 { margin: 0.7em 0px}
.article .for_img_very_wide .img_podpis, .article .for_img_wide .img_podpis {display: inline-block;margin-top: 1em; text-align: left; position: static; max-width: 45%; width: 45%; line-height: 1.5}
.article .for_img_very_wide .img_podpis {transform: none}
.article img.very_wide {max-height: none;}
h5:not(.rowno) a.strzalka , h6:not(.rowno) a.strzalka,
h5:not(.rowno) a.pobierz , h6:not(.rowno) a.pobierz,
h5:not(.rowno) a.seans , h6:not(.rowno) a.seans {margin-left: var(--text-indent); font-weight: 400}
.article .tekst > ol, .article .tekst > ul {margin-left: calc(8% - 1em);}
.article .tekst > ul li::before { width: 1.2em; background-size: 2em auto; left: -5%; }
.filmopis {display: flex; flex-direction: column;}
.filmopis .filmbio {order: 3}
.filmopis .teksty-linki {order: 9}
.filmopis .filminfo.nagrody {order : 1}
.filmopis .filminfo.stopka {order : 10}
.filmopis .goscie {order : 8}
.filmopis .opistekstowo {order : 2}
.article .filminfo.left {width: auto; max-width: none; font-size: 0.8em; margin-bottom: 1em}
.article .filminfo.left.poster img {max-width: 18em}
.article .filminfo.left .pozycjastopki {margin-left: var(--text-indent);}
.article .filminfo.stopka {margin-top: 3em}
.xfilmopis .oczym {display: block}
.xarticle .tekst.opistekstowo > p:not(.left):not(.noindent) { margin-left: 0px}
.nagrody .pozycjastopki {padding-bottom: 0px}
.fb-mediacontainer {max-width: 100%; margin-left: 0px !important;}
.nazywoic {display: none}
.koltekstfilm .nazywoic {display: block}
}
@media (max-width: 500px) {
.xwaznaapla { margin-left: 0px; width: 100%; margin-bottom: 3em}
section.stopka {padding: 4em 5%}
}
@media (max-width: 420px) {
.nazywoic {top: 7%}
}
/** ------------------------------------------------------------------------------------------------------- */
/** przeniesione z wdomu */
/** ------------------------------------------------------------------------------------------------------- */
.przycisk-link {
width:auto; height: auto; display: flex;
padding: 0.85em 0.2em 0.85em 1.4em;
justify-content: space-between;
flex-wrap: nowrap; align-items: center;
}
.przycisk-link, .przycisk-link:hover { border: 1pt solid #fff;}
.przycisk-link .lab { font-style: italic; font-weight: bold; color: #fff;}
.przycisk-link .lab.labc { font-weight: normal; margin-left: 1em;}
.przycisk-link .strz {transition: background-position 0.2s; display: inline-block; margin-left: 3em; width: 4em; height: 1em;
background-image: url(../css/../nn/img/wdomu/strzalka.svg); background-size: 4em auto; background-position: -1.2em center }
.przycisk-link:hover .strz {background-position: -1.7em center}
.przycisk-link.szeroki .strz {margin-left: 1.5em}
.przycisk-link.black, .przycisk-link.black:hover { border-color: #000}
.przycisk-link.black .lab {color: #000}
.przycisk-link.black .strz { background-image: url(../css/../nn/img/wdomu/strzalkac.svg); }
.przycisk-link.turq, .przycisk-link.turq:hover { border-color: #A7EAE5}
.przycisk-link.turq .lab {color: #A7EAE5}
.przycisk-link.turq .strz { background-image: url(../css/../nn/img/wdomu/strzalka_turq.svg); }
.przycisk-link.wide {max-width: 21em; padding-bottom: 0.92em}
.przycisk-link.wide .strz {transition: none; margin-left: 7em ; width: 4em;}
.przycisk-link.wide:hover .strz {background-position: -1.2em center }
.przycisk-link.wide .lab {transition: transform 0.2s; line-height: 1.8em}
.przycisk-link.wide:hover .lab {transform: translateX(0.5em);}
.li-schedule {display: block; text-align: center; padding-top: 1.5em }
.li-schedule .w-schedule { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 0.8em 5%; max-width: 45em; margin-left:auto;margin-right:auto }
.li-schedule .w-schedule {border-bottom: 1pt solid #fff; position: relative}
.li-schedule .w-schedule:last-child {border-bottom: none;}
.li-schedule .w-schedule * {color: #fff}
.li-schedule .w-schedule.dis * { color: #888}
.li-schedule .w-schedule .d-cil {
display: flex; align-items: center
}
.li-schedule .w-schedule .cil {transition: background-size 0.2s;; border-radius: 50%; background-size: 100% auto; background-position: center center;
width: 3.2em; min-width: 3.2em;
height: 3.2em; background-repeat: no-repeat; margin-left: 2em ;margin-right: 3em;}
.li-schedule a.w-schedule:hover .cil { background-size: 105% auto; }
.li-schedule .w-schedule .d {width: 7.5em; text-align: left; padding-left: 4em; }
.li-schedule .w-schedule .t {width: 10em; text-align: left; }
@media (max-width: 550px) {
.li-schedule .w-schedule .d-cil { flex-direction: column; align-items: flex-end; row-gap: 0.5em; }
.psglowna.main-schedule .li-schedule .w-schedule {column-gap: 1.5em}
.psglowna.main-schedule .li-schedule .w-schedule .t {display: flex ; flex-direction: column; }
.psglowna.main-schedule .li-schedule .w-schedule .d-cil .d { text-align: right; padding-right: 0px; min-width: 12em }
.li-schedule .w-schedule .d-cil .cil {margin-left: 0px; margin-right: 0px; }
.psglowna.main-schedule .li-schedule .w-schedule {align-items: flex-start}
.psglowna.main-schedule .li-schedule .w-schedule .d-cil {width: 28%; }
.psglowna.main-schedule .li-schedule .w-schedule .d-cil .cil {font-size: 60%}
.psglowna.main-schedule .li-schedule .w-schedule .t {width: 70%;}
}
@media (max-width: 550px) {
.li-schedule .w-schedule {padding-left: 2%; padding-right: 2%}
.li-schedule .w-schedule .d {padding-left: 0px;}
.li-schedule .w-schedule .cil {margin-left: 1.5em; margin-right: 2em}
.przycisk-link.wide .strz {margin-left: 1em}
}
h1.zico {display: inline-flex; align-items: center; }
h1.zico img {height: 1em; width: auto; display: inline-block; margin-left: 1em}
.wkrotce h1.zico img {height: 1.1em}
/** przeniesione z ace */
.logo-partn {position: absolute; z-index: 2; color: #fff; background-size: auto 2em ; width: 6em; height: 2em; background-position: top right; }
.boxfilmu .logo-partn { top: 1.5em; right: 1.5em;}
.ilustracja .logo-partn { top: 2em; left: 2em; background-position: top left; font-size: 140%}
.logo-partn.ps { background-image: url(../css/../nn/img/ace/partn/fiveflav.svg); background-size: auto 1em ; }
.logo-partn.udine { background-image: url(../css/../nn/img/ace/partn/udine.svg); }
.logo-partn.cameraj { background-image: url(../css/../nn/img/ace/partn/cameraj.svg); background-size: auto 1.97em ; }
.logo-partn.helsinki { background-image: url(../css/../nn/img/ace/partn/helsinki.svg); background-size: auto 1.6em ; }
.kafle #kolmenu {float: none; width: auto; order: 15; padding: 0px 0px 0px 0px; flex-basis: 29% ; margin: 0px 2.166% 5% 2.166%;}
.kafle.jestopis #kolmenu {order: -5 }
.opiskafli {
color: #fff;
flex-basis: 66%;
order: -10;
box-sizing: border-box;
padding: 0px 5% 5% 5%;
}
.opiskafli p:first-child { padding-top: 0px }
.opiskafli p { max-width: 53em; margin: 0px auto; }
.content.zkaflami .heder {padding-right: 33% }
.content.zkaflami.programstr .heder { order: 0; flex-basis: 66% ; padding-bottom: 4em}
.content.zkaflami.programstr {position: relative}
.content.zkaflami.programstr .kafle #kolmenu { position: absolute; top: 4em; }
.content.zkaflami.programstr.filmy1 .kafle #kolmenu {right: 4%}
.content.zkaflami .menu-kafel { flex-basis: 29%; margin: 0px 2.166% 5% 2.166%; order: 15; }
.content.zkaflami .menu-kafel #kolmenu {margin: 0px 0px 2em 8%;}
@media (min-width: 900.0001px) {
.content.zkaflami .menu-kafel.niskie-menu {position: absolute; right: 0; width: 35%;}
}
@media (min-width: 1200.0001px) {
.content.zkaflami .menu-kafel.niskie-menu {width: 25%;}
}
.kafle.swiper-wrapper .boxfilmu {flex-basis: auto; margin: unset;}
.prostewideo { margin-top: 3%}
.kafle:not(.swiper-wrapper) {box-sizing: border-box; padding-left: 0px; padding-right: 0px; display: flex ; flex-direction: row ; flex-wrap: wrap; justify-content: center; }
.kafle.no-swiper { justify-content: flex-start; }
.kafle .boxfilmu {position: relative; flex-basis: 29% ; margin: 0px 2.166% 5% 2.166%; display: block; color: #000000; overflow: hidden; background-color: #fff}
/**.kafle .boxfilmu:before{
content: "";
display: block;
padding-top: 128%; /** wysokośc boxu
}*/
.kafle .boxfilmu .il {transition: transform 0.2s; z-index: 2; width: 100%; overflow: hidden; position: relative; background-size: cover; display: block; background-position: center center; background-repeat: no-repeat;}
.kafle .boxfilmu .il:after {
content: ""; display: block; padding-top: 78%;
}
.kafle .boxfilmu .for-zoom {position: relative; overflow: hidden; display: block}
.content.programstr:not(.lectures) .kafle .boxfilmu .il:after {padding-top: 65%}
.content.programstr:not(.lectures) .kafle .boxfilmu .il:after {background-color: rgba(0,0,0,0.15)}
.kafle .boxfilmu:not(.not-released):hover .il { transform: scale(1.05) translateZ(0); xbackface-visibility: hidden; }
.kafle .boxfilmu .tyicena { display: flex; justify-content: space-between;}
.kafle .boxfilmu .tyicena .cenasklep { margin-left: 2em; margin-top: 0.2em}
.kafle .boxfilmu .skrot {margin-top: 1.5em}
.kafle .boxfilmucont { top: 0; left: 0; bottom: 0; right: 0; height: 100% }
.content.programstr .kafle .boxfilmucont {xheight: 100%; display: flex; flex-direction: column; align-items: stretch; align-content: stretch; justify-content: space-between; }
.kafle .boxfilmu IMG.ilustr {z-index: 7; width: 100%; height: 100%; object-fit: cover;}
.kafle .boxfilmu A.infob {display: block;}
.kafle .boxfilmu .infob { transition: all 0.2s ease-in-out; xposition: relative; z-index: 10; padding: 1.5em 2em 1.5em 2em; height: auto; box-sizing: border-box;}
.kafle .boxfilmu.blackbtm .infob {padding-left: 0px; padding-right: 0px; padding-top: 2.3em}
.kafle .boxfilmu .infob:not(.sekcjai) { background-color: #fff; }
.kafle .boxfilmu.blackbtm .infob { background-color: #000; }
.kafle .boxfilmu.blackbtm { background-color: #000; }
.kafle.no-swiper .boxfilmu {min-width: 400px; max-width: 95%}
.kafle .boxfilmu .infob .ty {display: block }
.kafle .boxfilmu .infob .ty.lines-2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.kafle .boxfilmu .infob .ty {xfont-size: 1.1em}
.kafle .boxfilmu .infob .ty A { color : #000}
.kafle .boxfilmu .infob .opis {display: block ; margin-top:1.3em ; font-weight: 400; }
.kafle .boxfilmu .infob .rez {line-height: 1.7; font-weight: 300; display: block}
.kafle .boxfilmu .infob .dod {margin-top: 0.5em; line-height: 1.6; font-weight: 300;}
.kafle .boxfilmu .infob p {color: #000000}
.kafle .boxfilmu .infob .kr {border-top: 1px solid #404040; height:0px; margin: 0px 0px 10px 0px; width: 169px; }
.kafle .boxfilmu .infob .ikonki {float: right; vertical-align: top; margin-right: 0.5em; margin-left: 2em; display: block;}
.kafle .boxfilmu .infob .gosc p {margin:0px; padding: 0px}
.kafle .boxfilmu .infob .gosc.rez {line-height: 1.6; padding-top: 0.4em}
.kafle .boxfilmu .infob .gosc + .rez {margin-top: 0.2em}
.kafle .boxfilmu.studio .infob .opis { margin-top: 0.5em}
.kafle .boxfilmu .infob .dol {}
.kafle .boxfilmu .infob .dol .listaseansow {margin: 0.5em 0px 0px 0px;}
.kafle .boxfilmu.bezil .infob { padding-top: 7%}
.xkafle.sklep .boxfilmu:before {padding-top: 130%}
.xkafle.sklep .boxfilmu .il {height: 46%}
.kafle .sklep-info {max-width: 15em; margin-left: auto; margin-right:auto;}
.kafle .boxfilmucont {}
.content.programstr .kafle .boxfilmu .infob {}
.programstr .kafle .boxfilmu .infob .dol {margin-top: 1em; width: 100%}
.psfest .programstr .kafle .boxfilmu .infob .dol {margin-top: 1em; }
.programstr .kafle .boxfilmu .infob {display: flex; flex-direction: column; justify-content: space-between; flex-basis: 45%; flex-grow: 2;}
.programstr .kafle .boxfilmu .infob .opis {xfont-size: 90%}
.boxfilmu.blackbtm .infob {background-color: #000; color: #fff}
.boxfilmu.blackbtm .infob .ty A {color: #fff}
.kafle .boxfilmu.blackbtm { margin-bottom: 4em}
.kafle .boxfilmu.blackbtm .infob .opis {margin-top: 1.3em}
.boxfilmu .oznaczenia {position: absolute; top: 9%; left: 6%; z-index: 8 ; display: flex; align-items: stretch; height: 11%; max-height: 1.5em}
.boxfilmu .oznaczenia .ozn-premiera {width: 1.5em; height:auto; xmin-height: 1em; background-size: auto 80% }
.boxfilmu .oznaczenia span + span {margin-left:0.8em}
.boxfilmu.box-simple .oznaczenia {left: 2em}
.info-seanse { display: flex; justify-content: space-between; flex-wrap: wrap; }
.info-seanse .info-seanse-bl {margin-top: 1em }
.info-seanse .info-seanse-li {margin-top: 0.5em}
.info-seanse .info-seanse-li span { display:inline-flex; flex-wrap:nowrap; white-space:nowrap; border: 1px solid #fff; padding: 0.5em 1em; margin-right: 0.5em }
.info-seanse .info-seanse-bl.kinowe {order :2}
.pustykafel {background-color: transparent; color: #fff; text-align: center; flex-basis: 66%; padding: 2em auto; height: 30em}
.pustykafel a{ color: #fff; text-decoration: underline;}
.kafle .boxfilmu.box-simple .infob:not(.sekcjai) { background-color: transparent; }
/** to by�o wcze�niej u�ywane - gradient do cz�ci wysoko�i */
.kafle .boxfilmu.box-simple.ciendol .infob:not(.sekcjai) {
background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4) 4em, rgba(0,0,0,0.8) 100% );
}
.kafle .boxfilmu.box-simple .il {opacity: 0.70}
.kafle .boxfilmu.box-simple.studio .il {opacity: 0.65}
.kafle .boxfilmu.xfull-cien.box-simple .infob {background-image: none;}
.kafle .boxfilmu.xfull-cien .il {opacity: 0.4}
.kafle .boxfilmu.box-simple .infob {height: auto; position: absolute; bottom: 0px; padding:4.5em 2em 1.5em 2em; width: 100%;}
.kafle .boxfilmu.box-simple .infob * {color: #fff}
.kafle .boxfilmu.box-simple {background-color: #000;}
.kafle .boxfilmu.box-simple .infob .ty A {color: #fff}
.boxfilmu.box-simple .gwiazdkai {font-size: 0.9em; top: 1em; right: 1em}
@media screen and (max-width:1200px) {
.content.zkaflami .heder {padding-right: 0px }
.content.programstr.zkaflami .heder {padding-right: 50% }
.content.zkaflami #kolmenu { order: 5}
.content.zkaflami .menu-kafel { order: 5}
.kafle:not(.swiper-wrapper):not(.no-swiper) {justify-content: space-around}
.content.zkaflami.programstr .heder {flex-basis: 50%}
.kafle #kolmenu, .kafle .boxfilmu, .content.zkaflami .menu-kafel, .pustykafel {flex-basis: 43%; max-width: 27em }
.content.zkaflami .menu-kafel #kolmenu {margin-left: 15%}
.kafle .sklep-info { max-width: 16em; }
.kafle #kolmenu {align-self: center}
.opiskafli {flex-basis: 86%; margin-bottom: 2%}
.cyklleadn.m {padding: 0px 4%}
}
@media screen and (max-width:1000px) {
}
@media screen and (max-width:900px) {
.xlista .listaseansow .wiersz {font-size: 0.9em}
.content.programstr.zkaflami .heder {padding-right: 0px; flex-basis: 100%}
.cyklleadn.m { margin: 0px auto; max-width: 40em; padding: 0px 2%}
.cyklmore a, .cyklleadn {font-size: 0.9em}
.content.zkaflami .menu-kafel { order: -1; flex-basis: 100%; max-width: 100vw; margin: 0px; margin-left: -3% }
.content.zkaflami.programstr .kafle #kolmenu {position: static; margin: 0px; max-width: none; }
}
@media screen and (max-width:700px) {
.kafle:not(.swiper-wrapper) {justify-content: center;}
.content.programstr .kafle .boxfilmucont {display:block}
.kafle .boxfilmu {margin-bottom: 3em}
#content #kolmenu { order: -1; max-width: none;}
.kafle .sklep-info {max-width: 400px}
.kafle .boxfilmu, .kafle #kolmenu, .pustykafel, .kafle.no-swiper .boxfilmu {flex-basis: 100%; max-width: 400px; min-width: 300px }
.opiskafli {flex-basis: 100%; margin-bottom: 5%; padding:0px}
/** chyba tak lepiej: */
.opiskafli {display: none}
.sklep.zkaflami .hide-on-glowna {display: block !important;}
.kafle .boxfilmu:before{ xpadding-top: 100% }
.kafle .boxfilmu .il { height: 60% ; }
.kafle #kolmenu {margin: 0px 0px 5% 0px}
/* .kafle .boxfilmucont {position: static;}
.kafle .boxfilmu:before, .kafle .boxfilmu:after {display: none}
.kafle .boxfilmu .infob .dol {position: static; width: 100%; margin-top: 1.5em}
.kafle .boxfilmu:hover .infob {margin-top: 0px}*/
}
@media screen and (max-width:600px) {
.content.zkaflami .menu-kafel { max-width: 98vw; margin-left: -3% }
}.sklep.article .txt {background-color: var(--tlo-art); }
.content.sklep:not(.black) .heder {background-color: var(--tlo-art); }
.overilustracja {position: relative}
.sklep .premierafot {background-color: var(--tlo-art); xfont-size: 1em}
.sklep .premierafot {padding-left: calc(4% + 1em)}
.sklep.zkaflami .hide-on-glowna {display: none}
.sklep-info .gazeta {float: left; padding-top: 0.5em; padding-right:2.5em ; max-width: 8em; height: auto }
.sklep .ilustracja {overflow: visible}
.content.sklep:not(.black) { background: linear-gradient(to right, #000 50%, var(--tlo-art) 0%);}
.article.sklep .ilustracja:after {
content: ""; display: block; padding-top: 56.25%; }
.article.sklep .left {/** width: 25%*/ max-width: 13em}
.article.sklep .left H6:not(:first-child) { padding-top: 2em }
.article.sklep .left {transform: translateY(-8em)}
.wegei {position: absolute; top: 1.5em; left: 1.5em ; width: 3em; height: 3em; background-image: url(../css/../img/wege.svg); background-size: 1em auto;
background-position: center;
z-index: 3;
border-radius: 50%;
display: inline-block;
background-color: var(--tlo-art);
}
.sklep-info {background-color: transparent; color: #000; padding: 0px 2em 0px 2em; min-width: 12em}
.black .sklep-info, .black .sklep-info * {color: #fff}
@media screen and (max-width:1600px) {
.sklep-info {padding: 0px 0px}
}
.sklep .listaseansow .wiersz {padding: 0.6em 0px 0.8em 0px}
.sklep .listaseansow .wiersz .dt {min-width: 7em}
@media screen and (max-width:1200px) {
.sklep #koltekst {width: 96%; xpadding-right: 4%}
.sklep:not(.zkaflami) #kolmenu {display: none}
/**sklep.zkaflami .hide-on-glowna {display: none}*/
}
.article .tekst .sklepinfo img.wide {max-width: 75%}
.twojkoszyk {transition: padding-left 0.2s; display: flex; justify-content:space-between; padding: 0.7em 1.4em; margin: 2em 0px; border: 1pt solid #000 }
.twojkoszyk:hover { border: 1pt solid #000; background-color: transparent; }
.twojkoszyk:hover { padding-left: 1.8em; }
.twojkoszyk .im { width: 2em; height: 1em; display: inline-block; background-size: auto 1em;
background-image: url('../css/../img/kosz/koszyk.svg'); background-position: left center; }
.black .twojkoszyk { border: 1pt solid #fff; white-space: nowrap; }
.black .twojkoszyk:hover { border: 1pt solid #fff; xbackground-color: #222 }
.black .twojkoszyk .im { background-image: url('../css/../img/kosz/koszykb.svg')}
.kafle.sklepkafle:not(.screenings) .butt.seans {position: absolute; bottom: 0px; right:0px; z-index: 3;
background-size: auto 1em;
background-position: right 1.5em center ;
}
.kafle.sklepkafle .butt.seans.ko {background-image: url(../css/../img/kosz/koszykb.svg);}
.article.sklep .tekst h6:first-child { padding-top: 1em}
.sklep .listaseansow .seans { background-size: auto 1em; background-position: right 1.5em center}
.sklep .butt.seans {padding-right: 3.8em}
@media screen and (max-width: 600px) {
.sklep .listaseansow .seans {font-size: 0.75em; background-size: auto 1em; padding: 1.3em 3.5em 1.3em 2em; }
.sklep .listaseansow .wiersz .dt {min-width: 6em}
}
.heder .nagl.rd {padding-bottom: 2.5em}
.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; text-decoration: none}
.opis .linkzewkafel:hover {text-decoration: none}
.opis .linkzewkafel .linkil {display: block; overflow: hidden; vertical-align: top; width: 9em; height: 6em }
.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: 1.6em 2em; height: 6em;}
@media screen and (max-width:1100px) and (min-width: 900px) {
.opis .linkzewkafel .lidesc {padding: 1em 1.2em; }
.opis .linkzewkafel .litytul {font-size: 0.8em }
}
.opis .linkzewkafel .liautor {display: block; }
.opis .linkzewkafel .litytul {display: block; padding: 0.3em 0 0.2em 0 }
.opis .linkzewkafel .litytul.f4 {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.opis .linkzewkafel .lidata {display: block; color: #000; padding-top: 1em}
.opis .linkzewkafel:hover .linkil img {transform:scale(1.05)}
.pozwiazanytytulcon {padding-top: 0.8em; padding-bottom: 1em;}
.opis .related .linkzewkafel .litytul {max-width: 20em}
@media screen and (max-width:700px) {
.twojkoszyk {max-width: 200px; margin-left: auto; margin-right: auto}
.sklep-info .gazeta { xmax-width: 20%; xmargin-right: 1em }
}
@media screen and (max-width:600px) {
.article.sklep .left {transform: none;}
.article.sklep .left {max-width: 19em}
.article .tekst .sklepinfo img.wide {max-width: 11em}
/** .sklep .tekst {display: flex; flex-direction: column;}
.article .left {order: 7}
.tekst H6:last-of-type {order: 10} */
}
@media screen and (max-width:600px) {
.opis .linkzewkafel:not(.keepwide) {display: block; margin: 1.5em 0;}
.opis .linkzewkafel:not(.keepwide) .linkil { width: 100%; height: auto;}
.opis .linkzewkafel:not(.keepwide) .linkil img {height: auto; max-height: 14em}
.opis .linkzewkafel:not(.keepwide) .lidesc {width: 100%; text-align: center; padding: 1.3em 0.6em 1.8em 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.wide-big { padding: 1.5em 1.5em}
.opis .linkzewkafel.keepwide .lidesc {xfont-size: 95%}
.opis .related .linkzewkafel .litytul {max-width: none}
.opis .related {margin-left: 0px !important}
}.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
/* support for plugin https://github.com/bfred-it/object-fit-images */
font-family: 'object-fit: cover;';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}/*!
* 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: 1px 0em 1px 7px;
text-align: center;
float: right;
right: 0;
top: 0;
}
.hamburger-box {
width: 20px;
height: 20px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: 0px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
height: 1.5px;
background-color: #fff;
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: -8px; }
.hamburger-inner::after {bottom: -8px; }
.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);
}
/**
@media screen and (max-width:2500px) {
.hamburger-box {width: 24px; height: 20px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 4px;}
.hamburger-inner::before { top: -8px; }
.hamburger-inner::after {bottom: -8px; }
}
@media screen and (max-width:1200px) {
.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; }
}
*/
@media screen and (max-width:400px) {
.hamburger {margin-top: 0.15em}
.hamburger-box {height: 18px }
.hamburger-inner::before { top: -7px; }
.hamburger-inner::after {bottom: -7px; }
}.jFiler-input-dragDrop, .jFiler-input-choose-btn {font-size :1em !important}
.jFiler-input-text div {font-size: 1.2em !important}
.formularz {font-size: 0.905em}
.marginesy_jakheader {}
section.formularz {
background-color: #F1F2F2;
font-size: 1em
}
section.formularz.marginesy {padding: 2em 8%; }
/** w formularzu font - 19px */
.formularz {padding-top: 2em; padding-bottom: 2em; }
body section.formularz {min-height: calc(100vh - 26em)}
.formularz .formcontainer {max-width: 42em}
.formularz.waski {max-width: 800px; margin-left: 10%; padding-left:5%; }
.formularz .waski {max-width: 800px;}
.formularz p {font-size: 90%; line-height: 1.5}
.formularz a.s {font-size: 90%}
.formularz .przycisk a.s {font-size: 100%}
.formularz p a.s {font-size: 100%}
.formularz xul {font-size: 90%}
.formularz ul.list {font-size: 100%}
.formularz ul.punkty li {font-size: 90%}
.formularz .nice-select .option {font-size: 100%}
.formularz .form ol, .formularz .form ul {margin-left:11%; margin-right: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0.8em; margin-bottom: 0em; padding-top: 0.7em; padding-bottom: 1.3em}
.formularz .form ul { list-style-type: none; }
.formularz .form ul li, .formularz .form ol li { margin-top: 0.9em; margin-bottom: 0.9em; }
.formularz .form ul li, .formularz .form ol li {padding-left: 1em; position: relative; }
.formularz .form ul li::before {
content: '';
background-image: url(../nn/css/../../img/li_indent.svg);
background-size: 2.5em auto;
xxbackground-position: left center;
height: 1em; width: 2.5em;
position: absolute;
left: -11%;
top: 0.8em;
}
.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}
.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 { 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;}
.formularz .form .regulamin ol, .formularz .form .regulamin ul,
.formularz .form .giodo ol, .formularz .form .giodo ul,
div.regulamin ol, div.regulamin ul {margin-left: 5%}
.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 {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: var(--button-font);
letter-spacing: var(--button-font-spacing);
font-weight:normal;
line-height: normal; margin: 0; padding: 0; text-transform: lowercase; vertical-align: middle;font-family: Roboto; }
.przycisk {white-space: normal; font-family: Roboto; transition: background-color 0.2s; text-decoration: none;
box-sizing: border-box; text-align: center; display: inline-flex; text-align:center;
justify-content:center; align-items: center; align-content: center ; text-decoration: none;
font-size: var(--button-font);
letter-spacing: var(--button-font-spacing);
background-color: var(--magentac); padding: 1em 5em;
height: 5.3em;
line-height: normal; color: #ffffff; width: auto; font-weight: normal; text-transform: lowercase; }
div.przycisk A {text-decoration: none; display: inline-block; }
.przycisk {margin-right: 0.5em}
.przycisk + .przycisk {margin-top: 0.5em}
.przycisk.small { padding:0.5em 3em; height: 4em;}
.przycisk.foto-plik { cursor: pointer; margin-top: 1em}
input.przycisk {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
-webkit-border-radius:0px;
color: #fff;
outline: 0;
cursor: pointer;
}
input.przycisk.submiting { color: transparent; background-image: url(../nn/css/../img/puff.svg); background-position: center center; background-size: 3em auto; }
.przycisk[disabled] { cursor: default; pointer-events: none; }
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;}
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}
.xprzycisk.maly {font-size: 1em}
.przycisk.lekki {background-color: #111; xfont-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: 1.5em auto;
background-position: 3em 1.8em;
padding-left: 6em;}
.przycisk.dalej { background-image: url('../nn/css/../img/dziubekbialyt.svg'); background-size: auto 1em; background-position: right 4em center;padding-right: 6em; }
.przycisk.wstecz { background-image: url('../nn/css/../img/dziubekbialywt.svg'); background-size: auto 1em; background-position: left 4em center;padding-left: 6em; }
.przycisk.bilety { background-image: url("../nn/css/../img/bilety.svg");background-position: 3em 2em; padding-left: 6em; background-size: 1.8em auto;}
.przycisk.karnet { background-image: url("../nn/css/../img/karnet.svg"); background-size:auto 1em; background-position: 3em 2em}
.przycisk.printpdf { background-image: url("../nn/css/../img/printpdfb.svg");background-position: 1em 0.8em; padding-left: 2.8em; background-size: 1em 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: #000; border: 1.5pt solid #000;
padding-top: calc(2.2em - 2px);
padding-bottom: calc(2.2em - 2px)
}
.przycisk.zramka:hover {color: #333; border-color: #333 }
.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-color); }
.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-color); padding-left: 0px; margin-top: 0.3em; margin-left: 0px; background-image: none; }
table.form TD { padding-bottom: 1em; padding-right: 0.5em; }
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:not(.przycisk) {
clear: both;
overflow: visible;
padding: 0.6em 1px;
margin: 0px;
}
div.form > div > fieldset > div > div {
margin: 0 0 5px 0;
}
.formularz label {font-size: 0.9em; line-height: 1em}
.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,
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: 0;
-webkit-border-radius:0px;
border: none;
padding: 0.7em 0.7em;
font-size: 0.85em;
box-sizing: border-box;
color: #000;
outline: 0;
margin-top: 0.2em; margin-bottom: 0.2em;
}
.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 {
outline:0;
box-shadow: 0px 0px 2px 1px rgba(50, 50, 50, 0.55);
}
input[type=submit]:focus, button:focus { outline: 0; box-shadow: 0;}
.formularz input[type="checkbox"]:not(.native) { 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 { 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: 3em; font-size: var(--checkbox-font); line-height: var(--checkbox-font-line); letter-spacing: var(--checkbox-font-spacing) }
.formularz input[type=checkbox]:not(.native) + label.giodo { font-size: 0.9em}
.formularz input[type=checkbox]:not(.native) + label:before { content: ""; font-size: 1.4em; display: inline-block; width: 1em; height:1em; margin-right: 0.8em; position: absolute;
left: 0; bottom: 0px; top: 50%; transform: translateY(-50%); background-color: #fff; border: 3px solid #fff; }
.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:1em; height: 1em; margin-top: -2px;}
.formularz input[type=checkbox].maly:not(.native)+label {padding-left: 2em}
.formularz input[type=checkbox].top + label:before {top: 1em}
input[type='radio'] { transform: scale(1.4); margin-right: 5px; margin-top: 4px; }
.formularz input[type='radio'] + label { display: inline-block; width: auto; margin-left: 0.6em; font-size: 0.9em}
.formularz .radiorow { display: flex; flex-wrap: nowrap; align-items: flex-start;}
.formularz .radiorow input[type='radio'] {margin-top: 0.3em}
.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; 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.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: 8em}
.nice-select.szerszy, .nice-select.szerszy .list {width: 25em}
.logowaniepopup.lpop {padding: 0.5em 0 0 0; width: 15em; margin-left: auto; margin-right: auto;}
.logowaniepopup .przycisk {xfont-size: 110%}
.logowaniepopup .komunik { padding: 1em 0;xfont-size: 90% }
.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 }
.lista .w.head {font-weight: 500; border-r}
.lista .w a {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 .p40 {flex-basis: 40%; min-width: 14em}
.lista .w .p35 {flex-basis: 35%; min-width: 12em}
.lista .w .p30 {flex-basis: 30%; min-width: 10em}
.lista .w .p20 {flex-basis: 20%; min-width: 6em}
.lista .w .p15 {flex-basis: 15%; min-width: 5em}
.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); }
.lista a.minusone {color: #000}
.lista a.minusone:before {
content: "";
margin-bottom: -0.15em; background-image: url(../nn/css/../img/delete2.svg); background-position: center center; background-size: 0.60em auto; width: 1em; height: 1em; display: inline-block; transition: all 0.2s;
}
.lista a.minusone:hover:before {transform: rotate(90deg); }
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;}
.formularz label { line-height: normal; xfont-size: 1em}
.icheckbox_minimal {margin-top: 0px}
.lista .w .nazwa { min-width: 15em}
.lista .w .krotszanazwa { min-width: 10em}
.lista .w .numer {min-width:9em}
.lista .w .p30 {min-width: 9em}
.logowaniepopup.lpop { width: 20em;}
}
@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;
}*/
}
/**
* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 22, 2019
* PAKAMERA: zmienione : .swiper-button-next, .swiper-container-rtl .swiper-button-prev
oraz .swiper-button-prev, .swiper-container-rtl .swiper-button-next
w svg kolor fill na magenta
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 14px;
height: 22px;
margin-top: -11px;
z-index: 10;
cursor: pointer;
background-size: 14px 22px;
outline:none;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 15px;
right: auto;
}
.swiper-button-prev.ciemny { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23373737'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.ciemny {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23373737'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 15px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/************************************************************************************************************
* DHTML modal dialog box (CSS for the DHTMLSuite_modalMessage class)
*
* Created: August, 26th, 2006
* @class Purpose of class: Display a modal dialog box on the screen.
*
* Css files used by this script: modal-message.css
*
* Update log:
*
************************************************************************************************************/
.modalDialog_transparentDivs{
filter:alpha(opacity=60); /* Transparency */
opacity:0.6; /* Transparency */
background-color:#000000;
z-index:99999;;
position:absolute; /* Always needed */
}
.modalDialog_contentDiv{
border:3px solid #000;
padding:2px;
z-index:100000;/* Always needed */
position:absolute; /* Always needed */
background-color:#FFF; /* White background color for the message */
}
.modalDialog_contentDiv_shadow{
z-index:90;/* Always needed - to make it appear below the message */
position:absolute; /* Always needed */
background-color:#555;
filter:alpha(opacity=30); /* Transparency */
opacity:0.3; /* Transparency */
}#popup {
background: rgba(0, 0, 0, 0.8);
position: fixed;
display: none;
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: 290005;
/*-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}
#popup h2.tytul {padding-top: 0; padding-bottom: 0.2em; margin-bottom: 0px}
#popup .przycisk.maly {height: 4.8em; cursor: pointer;}
#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 }
#popup .popupmessage { padding-top: 1.5em}
#popup .popupmessage .pytanie {xfont-size: 90%;max-width: 17em;}
#popup .popupmessage .tnprzyc {margin-top: 2.2em; display: flex; justify-content: space-between; }
#popup .popupmessage .tnprzyc .przycisk + .przycisk {margin-top: 0px; margin-right: 0px}
.popupplayer {width: 100%; height: 100%; position: relative }
.popupplayer iframe {width: 100%; height: 100% }
.popupplayer .next-info-cont {display: none; opacity: 0; transition: opacity 0.2s;}
.popupplayer .next-info-cont {position: absolute; top: 0px;
left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.popupplayer .next-info-cont .next-info {color: #fff; font-size: 2em; }
.popupplayer .next-info-cont .next-start-now {display: block; color: #fff; text-decoration: none; margin-top: 1.3em; padding: 0px 0px 0px 0px; text-align: left;}
.popupplayer .next-info-cont .next-start-now:hover {color: #fff; text-decoration: none; background-size: 1.4em auto;}
.popupplayer .next-info-cont .next-start-now {
background-image: url(../nn/css/../img/video-listff.svg);
background-size: 1.2em auto;
padding-left: 2em;
background-position: left center;
transition: background-size 0.2s;
}
@media screen and (max-width:500px){
.popupplayer .next-info-cont .next-info { font-size: 1.2em}
}
@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;
}
#popup .przycisk.maly {height: 4em}
#popup .popupmessage {max-width: 19em; margin-left: auto; margin-right: auto;}
}/** dotpay */
.dotpc {margin-top: 1.5em }
.dotpc img {display: inline-block; margin-right: 1em; width: auto; height: 2em}
/** tu wspólny css dla wielu stron, nie tylko dla programu */
.biletpopup .ilosc.formularz {padding-top: 0px}
.biletpopup .ilosc {margin-bottom: 1.5em}
.biletpopup .ilosc A {text-decoration: none; color: #373737; display: inline-block; padding: 0 0.6em; user-select: none; }
.biletpopup .ilosc span.f6 { margin-right: 0.5em; display: inline-block;}
.biletpopup .ilosc INPUT { text-align: center; padding-top: 0.5em; padding-bottom: 0.5em ; font-size: 0.8em}
.biletpopup .ilosc INPUT:focus {border-color: none; outline: 0; box-shadow: none; }
.biletpopup .ilosc.over INPUT {background-color: #ffa8a8}
.biletpopup .warning {padding: 1em 0px; display: none; color: #DA0070; font-size: 1em}
.biletpopup .kupzewnd {display: none }
.seanspopup .dokoszyka { display: flex; }
.seanspopup .dokoszyka span {line-height: normal}
.seanspopup .dokoszyka.busy {background-image: url(../nn/css/../img/kos/preloader-18px.svg); background-size: 2em 2em; background-position: center center }
.seanspopup .dokoszyka .dok {display: flex; align-items: center;}
.seanspopup .dokoszyka .dodano, .seanspopup .dokoszyka .busy {display: none; position: relative}
.seanspopup .dokoszyka.dodano .dok, .seanspopup .dokoszyka.dodano .busy {display: none;}
.seanspopup .dokoszyka.dodano .dodano {display: inline-block; padding-left: 2.5em}
.seanspopup .dokoszyka.busy .busy {display: inline;}
.seanspopup .dokoszyka.busy .dok, .seanspopup .dokoszyka.busy .dodano { display: none}
.seanspopup .dokoszyka.busy:hover {background-color: var(--magentac)}
.seanspopup .dokoszyka.czarny.busy:hover {background-color: #000}
.seanspopup .prz {font-size: 90%; margin-top: 3em}
.seanspopup .przd {font-size: 90%; margin-top: 1em}
.seanspopup .kupterazd.przd { margin-top: 0px}
.seanspopup .przd A {display: flex;}
.seanspopup .ty {max-width: 12em}
.seanspopup h3.ty {margin-bottom: 0.5em}
.seanspopup .przd + .prz {margin-top: 0.1em}
.kasjer .seanspopup .prz { margin-top: 1em}
.wybierzseans .tytwyb {margin-top: 0.4em}
.wybierzseans .seanse {padding: 2em 3em; margin-left: auto; margin-right: auto; max-width: 19em;}
.seanspopup .kupkarnetd {text-align: center;}
.seanspopup .kupkarnetd .in {white-space: normal; display: inline-block; text-align: center; max-width: 16em; margin-top: 0.5em; margin-bottom: 1em; }
.seanspopup .dokoszyka.dodano .dodano:before {
content: " ";
display: inline-block; margin-right: 1em;
background-image: url(../nn/css/../img/checkedbialy.svg); background-size: 1.5em auto ; background-position: left 0.3em;
width: 2em; height: 2em;
left: 0px; top: -0.2em;
position: absolute;
}
.seanspopup .formularz {padding-top: 1em; padding-bottom: 0em}
.seanspopup .czasim { margin-top: 0.3em; margin-bottom: 1.8em}
/** nie zmieniaj tego bottoma, bo to jest ważne w widoku dla kasjer */
.ticketlist {font-size: 80%; padding: 0em 0px 0em 0px}
.kasjer .ticketlist {padding-bottom: 1.5em}
.ticketlist .rodz {padding-bottom: 0.5em}
.ticketlist .tlrow {display: flex;}
.ticketlist .tlrow .r {flex-basis: 2em;}
.ticketlist .tlrow .n {flex-basis: 80%;}
.ticketlist .tlrow .c {flex-basis: 5em; text-align: right; }
.seanspopup .innes {display: none }
.seanspopup .innes .ll {xfont-size: 0.8em}
.seanspopup .innesll {margin-top: 2em; display: inline-block;}
/** ukrywam dla innych niż kasje, bo nie zadziałą jeszcze */
/* body:not(.kasjer) .innesll {display: none}*/
.seanspopup .czasim {display: inline-block;}
.seanspopup .innes .operacja {font-size: 0.5em; margin-left: 2em; margin-bottom: -0.6em}
.seanspopup .innes .czasim, .seanspopup .innes .operacja {display: inline-block}
.seanspopup .innes .czasim {margin: 0.3em 0px}
.seanspopup .innes .seanse {margin-bottom: 1em; margin-top:0.4em }
.seanspopup .innesll {
color: inherit;
text-decoration: none;
padding-right: 1.2em;
background-image: url(../nn/css/../img/dziubekdol.svg);
background-size: auto .4em;
background-position: right .45em;
transition: all .2s
}
.seanspopup .innesll.wgore {
background-image: url(../nn/css/../img/dziubekgoracz.svg);
background-position: right .35em;
}
.seanspopup .innesll:hover {
background-position: right .60em;
}
.seanspopup .innesll.wgore:hover {
background-position: right .20em;
}
@media (max-width: 550px) {
.wybierzseans .seanse {padding: 1.5em 0px}
}
@media (max-width: 500px) {
.seanspopup .innesll {margin-left: 1em}
}
#vodplayer {position: absolute; top: 0; left: 0; width: 100%; height:100%;}
#vodplayer.play { background-color: #000; z-index: 2; }
.infoprawa .cont {white-space: nowrap; display: flex; align-items: center}
.infoprawa .czasi { float: left; margin-top: 0px; height: 2em; width: auto; margin-right: 1.5em; }
.infoprawa .wesj { float: left; margin-top: 0px; height: 1.6em; width: auto; margin-right: 1em; xmargin-top: 0.2em }
.infoprawa .term { display: inline-block; color: #fff; max-width: 6em; white-space: normal; }
.infoprawa .term * {color: #fff; }
.glownybutton.safariVRMessage.play {
width: unset;
cursor: unset
}
.glownybutton {
margin: auto; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12em;
height: auto;
padding: 0.5em;
box-sizing: border-box;
z-index: 1;
text-align: center;
}
span.karnetico {
display: inline-block; background-image: url(../nn/vod/../img/vod/karnetcthin.svg);
width: 0.6em; height: 0.8em; background-size: contain; margin-top: -0.1em; margin-right: 0.4em;
font-size: 2em;
}
span.koszykico {
display: inline-block; background-image: url(../nn/vod/../img/koszykbialythin.svg);
width: 1em; height: 0.8em; background-size: contain; margin-top: -0.2em; margin-right: 0.6em;
font-size: 2em;
}
.biletpopupkontent { padding: 1.5em 3em; min-width: 15em; max-width: 18em; margin-left: auto; margin-right: auto;}
.biletpopup .przycisk.zramka {color: #000; border: 2px solid #000;}
.biletpopup .przycisk.zramka:hover {color: #333; border-color: #333}
.glownybutton.zaloguj, .glownybutton.play, .glownybutton.kup {
cursor: pointer;
}
.glownybutton .ico {
font-size: 0.7em;
display: inline-block;
width: 7em; height: 7em;
border-radius: 50%;
border: 0.22em solid #fff;
background-color: transparent;
background-image: url(../nn/vod/../img/vod/play_trojkat.svg);
background-size: 30% auto;
background-position: center center;
transition: transform 0.2s;
}
.glownybutton.play-later .ico {
background-image: url(../nn/vod/../img/vod/play-later_trojkat.svg);
}
.glownybutton.notavailable .ico {
background-image: url(../nn/vod/../img/vod/play_cancel.svg);
}
.glownybutton.wdomu .ico {
background-image: url(../nn/vod/../../img/studio_wh.svg);
background-size: 35% auto;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.glownybutton.load .ico {
border: 0.22em solid transparent;
position: relative;
}
.glownybutton.load .ico:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100%;
width: 100%;
border: 0.22em solid #fff;
border-radius: 50%;
border-bottom: 0.2em solid transparent;
box-sizing: border-box;
animation: spin 4s linear infinite
}
.glw .glownybutton {top: 46%; }
.glownybutton.kup .ico {
background-size: 26% auto;
background-image: url(../nn/vod/../img/vod/buykosz.svg);
background-color: #fff; border-radius: 50%;
}
.glownybutton.play:hover .ico, .glownybutton.kup:hover .ico {
transform: translateZ(0) scale(1.05);
}
.glownybutton .podp {
margin-top:0.5em;
display: block; text-align: center; color: #fff
}
.glownybutton .podp + .podp {margin-top: 0.3em}
.glownybutton .podp + .podp.f8 {margin-top: 0.9em}
.vod-box:not(.fotosa) .play {top: 46% }
.wersja { content: "";}
.wersjamob {display: none}
#vodplayer:not([manifest-typ="main"]) .shaka-controls-container .glosujb {display: none !important;}
.shaka-controls-container .glosujb {font-size: 110%; transition: opacity cubic-bezier(.4,0,.6,1) .6s; opacity: 0; position: absolute; top: 6%; left: 2%; z-index:5 ; background-color: transparent; cursor: pointer;}
.shaka-controls-container .glosujb * {font-family: 'Heuristica', Arial, sans-serif !important; }
.shaka-controls-container .glosujb:hover {filter: none !important;}
.shaka-controls-container[shown=true] .glosujb, .shaka-controls-container[credits=true] .glosujb { opacity: 1}
#vodplayer .errord {
padding: 2em; color: #fff; text-align: center; font-size: 2em;
}
#vodplayer .errord a {
color: #bbb;
}
#vodplayer .errord a:hover {
color: #fff;
}
#vodplayer .upnext {
position: absolute;
bottom: 15%;
right: 0px;
padding-right: 0px;
padding-left: 5%;
transform: translateX(100%);
transition: transform 0.5s;
}
#vodplayer .upnext .kf {display: flex; margin: 0.6em 0; font-size: 0.8em}
#vodplayer .upnext .uil {display: block; overflow: hidden; width: 9em; }
#vodplayer .upnext .uil img {transition: transform .3s ease-in-out; display: block; object-fit: cover; width: 100%; height: 100%; opacity: 0.85}
#vodplayer .upnext .udesc {font-size: 0.85em; display: block; background-color: #fff; box-sizing: border-box;
padding: 0.8em 2em 1em 2em; width: calc(100% - 9em); color: #373737; max-width: 22em; min-width: 12em;
background-color: rgba(64,64,64,0.65);}
#vodplayer .upnext .ulab, #vodplayer .upnext .czas {display: block;color: #fff }
#vodplayer .upnext .utyt {display: block;padding: 0.7em 0px; }
#vodplayer .upnext .kf:hover .uil img {transform:scale(1.05)}
#vodplayer .upnext .us {font-family: 'Roboto', Arial, sans-serif !important; color: #fff; font-size: 0.74em; letter-spacing: 0.08em; }
#vodplayer .upnext .f5 {xxxfont-family: 'Heuristica', Arial, sans-serif !important; color: #fff;
text-transform: none; line-height: normal;
}
#vodplayer .upnext.show { transform: translateX(0px); }
.shaka-controls-container {overflow: hidden; }
.grupawiek {display: inline-flex; border: 1px solid #fff; padding: 0px 0.5em 0px 0.5em; height: 1.8em; line-height: normal; font-size: 0.65em; letter-spacing: 0.08em; align-items: center; align-content: center; }
.news-box.big-box .grupawiek {color: #fff; top: calc(10% - 0.3em); height: 2.2em; padding: 0px 0.6em 0px 0.6em; font-size: 0.8em; left: calc(10% - 0.3em); position: absolute;}
@media screen and (max-width: 1100px){
#vodplayer .upnext .kf {font-size: 0.9}
}
@media screen and (max-width: 600px){
#vodplayer .upnext .uil {width: 6em}
#vodplayer .upnext .udesc { width: calc(100% - 6em)}
#vodplayer .upnext .czas {display: none}
#vodplayer .upnext .utyt {padding-bottom: 0.2em;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;}
}
@media screen and (max-width: 500px) {
#vodplayer .upnext .kf {font-size: 0.8}
}
.vod-film .related {padding-top: 2em; padding-bottom: 2em;}
.opis .related h4 {margin-top: 0px; padding-top: 0px; padding-bottom: 0.8em}
/** -------------------------------------------------------------------- */
@media screen and (max-width: 600px){
.glownybutton .ico {width: 5em; height:5em;}
}
@media screen and (max-width: 1180px){
.glownybutton.kup .ico { background-size: 35% auto}
}
@media (max-width: 800px) {
.glw .glownybutton {right: auto; left: 1.2%; padding-left: 1em; top: calc(10% + 5em); transform: none; text-align: left }
.glw .glownybutton .podp {text-align: left }
.glw .glownybutton .ico {width: 5em; height: 5em; }
}
@media (max-width: 600px) {
.biletpopupkontent {padding-left: 0px; padding-right: 0px}
.glw .isplay .glw-nakl {display:none}
.vod-film .related {padding-top:1em; padding-bottom: 1em;}
.kafel-zplay .linkil:after { opacity: 1; background-size: 2.2em 2.2em; }
.przerwarel { height: 1em}
.glw .glownybutton .ico {width: 4em; height:4em;}
/** .glw .glownybutton {top: calc(7% + 4em);}*/
.glw .glownybutton {top: 7%;}
}
@media (max-width: 420px) {
}
/**
skorygowana wersja
https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v3.0.0/dist/cookieconsent.css
*/
:root {
--cc-font-family: Roboto,Helvetica,Arial,sans-serif;
--cc-modal-border-radius: 0px;
--cc-btn-border-radius: 0px;
--cc-modal-transition-duration: .25s;
--cc-link-color: var(--cc-btn-primary-bg);
--cc-modal-margin: 1rem;
--cc-z-index: 2147483647;
--cc-bg: #fff;
--cc-primary-color: #000;
--cc-secondary-color: #000;
--cc-btn-primary-bg: var(--magentac);
--cc-btn-primary-border-color: var(--button);
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg:var(--magentah);
--cc-btn-primary-hover-color: #fff;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #eaeff2;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #d4dae0;
--cc-btn-secondary-hover-color: #000;
--cc-btn-secondary-hover-border-color: #d4dae0;
--cc-separator-border-color: #f0f4f7;
--cc-toggle-on-bg: #30363c; /** var(--cc-btn-primary-bg); */
--cc-toggle-off-bg: #667481;
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
--cc-toggle-enabled-icon-color: var(--cc-bg);
--cc-toggle-disabled-icon-color: var(--cc-bg);
--cc-toggle-readonly-bg: #d5dee2;
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: var(--cc-cookie-category-block-bg);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-border: #f0f4f7;
--cc-cookie-category-block-hover-bg: #e9eff4;
--cc-cookie-category-block-hover-border: #e9eff4;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: #dee4e9;
--cc-overlay-bg: rgba(0, 0, 0, .65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: var(--cc-btn-secondary-bg);
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #e4eaed;
--cc-pm-toggle-border-radius: 4em
}
#cc-main {
background: transparent;
color: var(--cc-primary-color);
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.15;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
position: fixed;
z-index: var(--cc-z-index)
}
#cc-main :after,
#cc-main :before,
#cc-main button,
#cc-main div,
#cc-main input,
#cc-main p,
#cc-main span {
all: unset;
box-sizing: border-box
}
#cc-main .pm__badge,
#cc-main button {
all: initial;
box-sizing: border-box;
color: unset;
visibility: unset
}
#cc-main .pm__badge,
#cc-main button,
#cc-main input {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
font-family: inherit;
font-size: 100%;
line-height: normal;
margin: 0;
outline: revert;
outline-offset: 2px;
overflow: hidden
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
all: revert;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit
}
#cc-main.cc--rtl {
direction: rtl
}
#cc-main b,
#cc-main strong {
font-weight: 500
}
#cc-main button>span {
pointer-events: none
}
/*
#cc-main .cc__link,
#cc-main a {
background-image: linear-gradient(currentColor, currentColor);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 1px;
font-weight: 600;
position: relative;
transition: background-size .25s, color .25s ease
}
#cc-main .cc__link:hover,
#cc-main a:hover {
background-size: 100% 1px;
color: var(--cc-primary-color)
}
#cc-main .cc__link {
color: var(--cc-link-color)
}
*/
#cc-main .cm__desc,
#cc-main .pm__body {
overscroll-behavior: auto contain;
scrollbar-width: thin
}
@media screen and (min-width:640px) {
#cc-main ::-webkit-scrollbar,
#cc-main ::-webkit-scrollbar-thumb,
#cc-main ::-webkit-scrollbar-track {
all: revert
}
#cc-main ::-webkit-scrollbar-thumb {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: var(--cc-toggle-readonly-bg);
border: .25rem solid var(--cc-bg);
border-radius: 1rem
}
#cc-main ::-webkit-scrollbar-thumb:hover {
background: var(--cc-toggle-off-bg)
}
#cc-main ::-webkit-scrollbar {
background: transparent;
width: 12px
}
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
height: auto !important;
overflow: hidden !important
}
@media (prefers-reduced-motion) {
#cc-main {
--cc-modal-transition-duration: 0s
}
}
.cc--darkmode {
--cc-bg: #161a1c;
--cc-primary-color: #ebf3f6;
--cc-secondary-color: #aebbc5;
--cc-btn-primary-bg: #c2d0e0;
--cc-btn-primary-color: var(--cc-bg);
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #98a7b6;
--cc-btn-primary-hover-color: #000;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #242c31;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #353d43;
--cc-btn-secondary-hover-color: #fff;
--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
--cc-separator-border-color: #222a30;
--cc-toggle-on-bg: var(--cc-btn-primary-bg);
--cc-toggle-off-bg: #525f6b;
--cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-readonly-bg: #343e45;
--cc-toggle-readonly-knob-bg: #5f6b72;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: #1e2428;
--cc-cookie-category-block-bg: #1e2428;
--cc-cookie-category-block-border: var(--cc-section-category-border);
--cc-cookie-category-block-hover-bg: #242c31;
--cc-cookie-category-block-hover-border: #232a2f;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
--cc-overlay-bg: rgba(0, 0, 0, .65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: #0c0e0f;
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #060809
}
.cc--darkmode #cc-main {
color-scheme: dark
}
#cc-main .cm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
display: flex;
flex-direction: column;
max-width: 24rem;
opacity: 0;
overflow: hidden;
position: fixed;
transform: translateY(1.6em);
visibility: hidden;
z-index: 1
}
#cc-main .cm--top {
top: var(--cc-modal-margin)
}
#cc-main .cm--middle {
top: 50%;
transform: translateY(calc(-50% + 1.6em))
}
#cc-main .cm--bottom {
bottom: var(--cc-modal-margin)
}
#cc-main .cm--center {
left: var(--cc-modal-margin);
margin: 0 auto;
right: var(--cc-modal-margin);
width: unset
}
#cc-main .cm--left {
left: var(--cc-modal-margin);
margin-right: var(--cc-modal-margin)
}
#cc-main .cm--right {
margin-left: var(--cc-modal-margin);
right: var(--cc-modal-margin)
}
#cc-main .cm__body {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative
}
#cc-main .cm__btns,
#cc-main .cm__links {
width: unset
}
#cc-main .cm__btns { padding: 1.8em 3rem 2em 3rem }
#cc-main .cm__links { padding: 0.7em 3rem}
#cc-main .cm__texts {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
padding: 2em 0px 1.2em 0px
}
#cc-main .cm__desc,
#cc-main .cm__title {
padding: 0 2.5rem
}
#cc-main .cm__title {
}
#cc-main .cm__title+.cm__desc {
margin-top: 1.1em
}
#cc-main .cm__desc {
color: var(--cc-secondary-color);
font-size: .95em;
line-height: 1.55;
max-height: 40vh;
overflow-x: visible;
overflow-y: auto;
padding-bottom: 1em
}
#cc-main .cm__btns {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
flex-direction: column;
justify-content: center
}
#cc-main .cm__btn-group {
display: grid;
grid-auto-columns: minmax(0, 1fr)
}
#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
margin-top: .375rem
}
#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
margin-bottom: .375rem;
margin-top: 0
}
#cc-main .cm--inline .cm__btn+.cm__btn {
margin-left: .375rem;
margin-top: 0
}
#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
margin-bottom: 0;
margin-left: 0;
margin-right: .375rem
}
#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
margin-bottom: .375rem;
margin-right: 0
}
#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
margin-left: .375rem;
margin-top: 0
}
#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
margin-bottom: 0;
margin-right: .375rem
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
display: flex;
flex: 1;
justify-content: space-between
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
flex-direction: row-reverse
}
#cc-main .cm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
min-height: 42px;
text-align: center
}
#cc-main .cm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color)
}
#cc-main .cm__btn--close {
border-radius: 0;
border-bottom-left-radius: var(--cc-btn-border-radius);
border-right: none;
border-top: none;
display: none;
font-size: 1em;
height: 42px;
min-width: auto !important;
overflow: hidden;
padding: 0 !important;
position: absolute;
right: 0;
top: 0;
width: 42px
}
#cc-main .cm__btn--close svg {
stroke: var(--cc-btn-primary-color);
transform: scale(.5);
transition: stroke .15s ease
}
#cc-main .cm__btn--close:hover svg {
stroke: var(--cc-btn-primary-hover-color)
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
stroke: var(--cc-btn-secondary-color)
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
stroke: var(--cc-btn-secondary-hover-color)
}
#cc-main .cm__btn--close+.cm__texts .cm__title {
padding-right: 3rem
}
#cc-main .cm--inline .cm__btn-group {
grid-auto-flow: column
}
#cc-main .cm__footer {
background: var(--cc-footer-bg);
border-top: 1px solid var(--cc-footer-border-color);
color: var(--cc-footer-color);
padding: .4em 0 .5em
}
#cc-main .cm__links {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-top: 0
}
#cc-main .cm__link-group {
display: flex;
flex-direction: row;
font-size: .8em;
width: 100%;
align-items: baseline; gap: 0.5em;
}
#cc-main .cm__link-group>*+* {
margin-left: 1.3rem
}
#cc-main .cm--flip .cm__btn:last-child {
grid-row: 1
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
grid-column: 1
}
#cc-main .cm--box .cm__btn--close {
display: block
}
#cc-main .cm--box.cm--flip .cm__btns {
flex-direction: column-reverse
}
#cc-main .cm--box.cm--wide {
max-width: 43em
}
#cc-main .cm--box.cm--wide .cm__btns {
flex-direction: row;
justify-content: space-between
}
#cc-main .cm--box.cm--wide .cm__btn-group {
grid-auto-flow: column
}
#cc-main .cm--box.cm--wide .cm__btn {
min-width: 120px;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
flex-direction: row-reverse
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
grid-column: 1
}
#cc-main .cm--cloud {
max-width: 54em;
width: unset
}
#cc-main .cm--cloud .cm__body {
flex-direction: row
}
#cc-main .cm--cloud .cm__texts {
flex: 1
}
#cc-main .cm--cloud .cm__desc {
max-height: 9.4em
}
#cc-main .cm--cloud .cm__btns {
border-left: 1px solid var(--cc-separator-border-color);
border-top: none;
max-width: 23em
}
#cc-main .cm--cloud .cm__btn-group {
flex-direction: column
}
#cc-main .cm--cloud .cm__btn {
min-width: 19em
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
flex-direction: column-reverse
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
flex-direction: row
}
#cc-main .cm--cloud.cm--inline .cm__btn {
min-width: 10em
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
flex-direction: row-reverse
}
#cc-main .cm--bar {
border-radius: 0;
left: 0;
margin: 0;
max-width: unset;
opacity: 1;
right: 0;
transform: translateY(0);
width: 100vw;
--cc-modal-transition-duration: .35s
}
#cc-main .cm--bar.cm--top {
top: 0;
transform: translateY(-100%)
}
#cc-main .cm--bar.cm--bottom {
bottom: 0;
transform: translateY(100%)
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
margin: 0 auto;
max-width: 55em;
width: 100%
}
#cc-main .cm--bar .cm__body {
padding: .5em 0 .9em
}
#cc-main .cm--bar .cm__btns {
border-top: none;
flex-direction: row;
justify-content: space-between
}
#cc-main .cm--bar .cm__btn-group {
grid-auto-flow: column
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
margin-left: .375rem;
margin-top: 0
}
#cc-main .cm--bar .cm__btn {
min-width: 120px;
padding-left: 2em;
padding-right: 2em
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
margin-bottom: 0;
margin-left: 0;
margin-right: .375rem
}
#cc-main .cm--bar.cm--flip .cm__btns {
flex-direction: row-reverse
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
grid-column: 1
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
max-width: 74em
}
#cc-main .cm--bar.cm--inline .cm__body {
flex-direction: row;
padding: 0
}
#cc-main .cm--bar.cm--inline .cm__btns {
flex-direction: column;
justify-content: center;
max-width: 23em
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
flex-direction: column-reverse
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
transition: background-color .15s ease, border-color .15s ease, color .15s ease
}
.disable--interaction #cc-main .cm-wrapper:before {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 0
}
.show--consent #cc-main .cc--anim .cm {
opacity: 1;
transform: translateY(0);
visibility: visible !important
}
.show--consent #cc-main .cc--anim .cm--middle {
transform: translateY(-50%)
}
.show--consent #cc-main .cc--anim .cm--bar {
transform: translateY(0)
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
opacity: 1;
visibility: visible
}
#cc-main.cc--rtl .cm__btn--close {
border-bottom-left-radius: unset;
border-bottom-right-radius: var(--cc-btn-border-radius);
left: 0;
right: unset
}
#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
padding-left: 3rem !important;
padding-right: 1.3rem
}
#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
margin-left: 0;
margin-right: .375rem
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
margin-left: .375rem;
margin-right: 0
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
margin-left: 0;
margin-right: .375rem
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
margin-left: .375rem;
margin-right: 0
}
#cc-main.cc--rtl .cm__link-group>*+* {
margin-left: 0;
margin-right: 1.3rem
}
@media screen and (max-width:640px) {
#cc-main {
--cc-modal-margin: .5em
}
#cc-main .cm {
max-width: none !important;
width: auto !important
}
#cc-main .cm__body {
flex-direction: column !important;
padding: 0 !important
}
#cc-main .cm__btns,
#cc-main .cm__desc,
#cc-main .cm__links,
#cc-main .cm__title {
padding-left: 2rem !important;
padding-right: 2rem !important
}
#cc-main .cm__btns {
border-left: none !important;
border-top: 1px solid var(--cc-separator-border-color) !important;
flex-direction: column !important;
max-width: none !important;
min-width: auto !important
}
#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
margin: .375rem 0 0 !important
}
#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
margin-bottom: .375rem !important;
margin-top: 0 !important
}
#cc-main .cm__btn-group {
display: flex !important;
flex-direction: column !important;
min-width: auto !important
}
#cc-main .cm__btn {
flex: auto !important
}
#cc-main .cm__link-group {
justify-content: center !important
}
#cc-main .cm--flip .cm__btn-group,
#cc-main .cm--flip .cm__btns {
flex-direction: column-reverse !important
}
}
#cc-main .pm-wrapper {
position: relative;
z-index: 2
}
#cc-main .pm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
display: flex;
flex-direction: column;
opacity: 0;
overflow: hidden;
position: fixed;
visibility: hidden;
width: 100%;
width: unset;
z-index: 1
}
#cc-main svg {
fill: none;
width: 100%
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: 1em 2.5rem
}
#cc-main .pm__footer { padding-top: 1.8em; padding-bottom: 1.8em}
#cc-main .pm__header {padding-bottom: 0.5em}
#cc-main .pm__header {
align-items: center;
border-bottom: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between
}
#cc-main .pm__title {
align-items: center;
display: flex;
flex: 1;
margin-right: 2em
}
#cc-main .cm__title, #cc-main .pm__title {font-size: 1.87em; line-height: 1.3em; }
#cc-main .pm__close-btn {
background: transparent;
border: none;
border-radius: var(--cc-btn-border-radius);
height: 40px;
position: relative;
transition: all .15s ease;
width: 40px
}
#cc-main .pm__close-btn span {
display: flex;
height: 100%;
width: 100%
}
#cc-main .pm__close-btn svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(.7);
transition: stroke .15s ease
}
#cc-main .pm__close-btn:hover {
background: transparent;
border-color: none;
}
#cc-main .pm__close-btn:hover svg {
stroke: var(--cc-btn-secondary-hover-color)
}
#cc-main .pm__body {
flex: 1;
overflow-y: auto;
overflow-y: overlay
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
border-radius: var(--cc-btn-border-radius);
display: flex;
flex-direction: column;
margin-bottom: .5em
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
border: 1px solid var(--cc-cookie-category-block-border);
border-radius: var(--cc-btn-border-radius);
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: none;
margin-top: 0 !important;
overflow: hidden
}
#cc-main .pm__section {
border: 1px solid var(--cc-separator-border-color);
padding: 1em;
transition: background-color .25s ease, border-color .25s ease
}
#cc-main .pm__section:first-child {
border: none;
margin-bottom: 2em;
margin-top: 0;
padding: 0;
transition: none
}
#cc-main .pm__section:not(:first-child):hover {
background: var(--cc-cookie-category-block-bg);
border-color: var(--cc-cookie-category-block-border)
}
#cc-main .pm__section-toggles+.pm__section {
margin-top: 2em
}
#cc-main .pm__section+.pm__section {
margin-top: 1em
}
#cc-main .pm__section--toggle {
background: var(--cc-cookie-category-block-bg);
border-top: none;
margin-bottom: .375rem
}
#cc-main .pm__section--toggle .pm__section-title {
align-items: center;
background: var(--cc-cookie-category-block-bg);
border: 1px solid var(--cc-cookie-category-block-border);
display: flex;
justify-content: space-between;
min-height: 58px;
padding: 1.1em 5.4em 1.1em 1.2em;
position: relative;
transition: background-color .25s ease, border-color .25s ease;
width: 100%
}
#cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--cc-cookie-category-block-hover-bg);
border-color: var(--cc-cookie-category-block-hover-border)
}
#cc-main .pm__section--toggle .pm__section-desc {
margin-top: 0;
padding: 1em
}
#cc-main .pm__section--toggle.is-expanded {
--cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
--cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
transform: scale(.5) rotate(180deg)
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
display: flex
}
#cc-main .pm__section--expandable .pm__section-title {
cursor: pointer;
padding-left: 3.4em
}
#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--cc-toggle-readonly-bg);
border-radius: 100%;
display: flex;
height: 20px;
justify-content: center;
left: 18px;
pointer-events: none;
position: absolute;
width: 20px
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(.5)
}
#cc-main .pm__section-title-wrapper {
align-items: center;
display: flex;
position: relative
}
#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
margin-top: .85em
}
#cc-main .pm__section-title {
border-radius: var(--cc-btn-border-radius);
font-size: .95em;
font-weight: 500
}
#cc-main .pm__badge {
align-items: center;
background: var(--cc-btn-secondary-bg);
border-radius: 5em;
color: var(--cc-secondary-color);
display: flex;
flex: none;
font-size: .8em;
font-weight: 500;
height: 23px;
justify-content: center;
margin-left: 1em;
min-width: 23px;
overflow: hidden;
padding: 0 .6em 1px;
position: relative;
text-align: center;
white-space: nowrap;
width: auto
}
#cc-main .pm__service-counter {
background: var(--cc-btn-primary-bg);
color: var(--cc-btn-primary-color);
padding: 0;
width: 23px
}
#cc-main .pm__service-counter[data-counterlabel] {
padding: 0 .6em 1px;
width: auto
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
border-radius: var(--cc-pm-toggle-border-radius);
height: 23px;
transform: translateZ(0);
width: 50px
}
#cc-main .section__toggle-wrapper {
cursor: pointer;
position: absolute;
right: 18px;
z-index: 1
}
#cc-main .toggle-service {
height: 19px;
position: relative;
right: 0;
width: 42px
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
height: 19px;
width: 42px
}
#cc-main .toggle-service .toggle__icon {
position: relative
}
#cc-main .toggle-service .toggle__icon-circle {
height: 19px;
width: 19px
}
#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
transform: translateX(23px)
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
display: none !important
}
#cc-main .section__toggle {
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0
}
#cc-main .section__toggle:disabled {
cursor: not-allowed
}
#cc-main .toggle__icon {
background: var(--cc-toggle-off-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
display: flex;
flex-direction: row;
pointer-events: none;
position: absolute;
transition: all .25s ease
}
#cc-main .toggle__icon-circle {
background: var(--cc-toggle-off-knob-bg);
border: none;
border-radius: var(--cc-pm-toggle-border-radius);
box-shadow: 0 1px 2px rgba(24, 32, 3, .36);
display: block;
height: 23px;
left: 0;
position: absolute;
top: 0;
transition: transform .25s ease, background-color .25s ease;
width: 23px
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
height: 100%;
position: absolute;
transition: opacity .15s ease;
width: 100%
}
#cc-main .toggle__icon-on {
opacity: 0;
transform: rotate(45deg)
}
#cc-main .toggle__icon-on svg {
stroke: var(--cc-toggle-on-bg);
transform: scale(.55) rotate(-45deg)
}
#cc-main .toggle__icon-off {
opacity: 1
}
#cc-main .toggle__icon-off svg {
stroke: var(--cc-toggle-off-bg);
transform: scale(.55)
}
#cc-main .section__toggle:checked~.toggle__icon {
background: var(--cc-toggle-on-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
background-color: var(--cc-toggle-on-knob-bg);
transform: translateX(27px)
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
opacity: 1
}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
opacity: 0
}
#cc-main .section__toggle:checked:disabled~.toggle__icon {
background: var(--cc-toggle-readonly-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}
#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
background: var(--cc-toggle-readonly-knob-bg);
box-shadow: none
}
#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
stroke: var(--cc-toggle-readonly-knob-icon-color)
}
#cc-main .toggle__label {
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1
}
#cc-main .pm__section-desc-wrapper {
color: var(--cc-secondary-color);
display: flex;
flex-direction: column;
font-size: .9em
}
#cc-main .pm__section-desc-wrapper>:not(:last-child) {
border-bottom: 1px solid var(--cc-cookie-category-block-border)
}
#cc-main .pm__section-services {
display: flex;
flex-direction: column
}
#cc-main .pm__service {
align-items: center;
display: flex;
justify-content: space-between;
padding: .4em 1.2em;
position: relative;
transition: background-color .15s ease
}
#cc-main .pm__service:hover {
background-color: var(--cc-cookie-category-block-hover-bg)
}
#cc-main .pm__service-header {
align-items: center;
display: flex;
margin-right: 1em;
width: 100%
}
#cc-main .pm__service-icon {
border: 2px solid;
border-radius: 100%;
height: 8px;
margin-left: 6px;
margin-right: 20px;
margin-top: 1px;
min-width: 8px
}
#cc-main .pm__service-title {
font-size: .95em;
width: 100%;
word-break: break-word
}
#cc-main .pm__section-desc {
line-height: 1.5em
}
#cc-main .pm__section-table {
border-collapse: collapse;
font-size: .9em;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%
}
#cc-main .pm__table-caption {
text-align: left
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
border-bottom: 1px dashed var(--cc-separator-border-color);
color: var(--cc-primary-color);
font-weight: 500
}
#cc-main .pm__table-tr {
transition: background-color .15s ease
}
#cc-main .pm__table-tr:hover {
background: var(--cc-cookie-category-block-hover-bg)
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
padding: .625em .625em .625em 1.2em;
vertical-align: top
}
#cc-main .pm__footer {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between
}
#cc-main .pm__btn-group {
display: flex
}
#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
margin-left: .375rem
}
#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
margin-left: 0;
margin-right: .375rem
}
#cc-main .pm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
flex: auto;
min-height: 42px;
min-width: 110px;
text-align: center;
transition: background-color .15s ease, border-color .15s ease, color .15s ease
}
#cc-main .pm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color)
}
#cc-main .pm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color)
}
#cc-main .pm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
color: var(--cc-btn-secondary-hover-color)
}
#cc-main .cm__btn , #cc-main .pm__btn {font-size: 12px}
#cc-main .cm__btn , #cc-main .pm__btn { font-family: Roboto;
text-decoration: none;
font-size: var(--button-font);
letter-spacing: var(--button-font-spacing);
background-color: var(--magentac);
padding: 1em 3.7em;
height: 5.3em;
line-height: normal;
color: #ffffff;
width: auto;
font-weight: normal;
text-transform: lowercase;
}
#cc-main .cm__btn:not(.cm__btn--secondary) , #cc-main .pm__btn:not(.pm__btn--secondary) {
border: none;
}
#cc-main .cm__btn { font-weight: normal;}
#cc-main .cm__btn--secondary, #cc-main .pm__btn--secondary {
background: transparent;
border-color: #000;
color: #000;
border: 2px solid #000;
padding-top: calc(0.8em - 2px);
padding-bottom: calc(0.8em - 2px);
}
#cc-main .cm__btn--secondary:hover, #cc-main .pm__btn--secondary:hover {
background: transparent;
border-color: #555;
color: #555;
}
#cc-main .pm--box {
height: calc(100% - 2em);
left: var(--cc-modal-margin);
margin: 0 auto;
max-height: 37.5em;
max-width: 43em;
right: var(--cc-modal-margin);
top: 50%;
transform: translateY(calc(-50% + 1.6em))
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
flex-direction: row-reverse
}
#cc-main .pm--bar {
border-radius: 0;
bottom: 0;
height: 100%;
margin: 0;
max-height: none;
max-width: 29em;
opacity: 1;
top: 0;
width: 100%;
--cc-modal-transition-duration: .35s
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
display: block
}
#cc-main .pm--bar .pm__table-head {
display: none
}
#cc-main .pm--bar .pm__table-caption {
display: block
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color)
}
#cc-main .pm--bar .pm__table-td {
display: flex;
justify-content: space-between
}
#cc-main .pm--bar .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
flex: 1;
font-weight: 500;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis
}
#cc-main .pm--bar .pm__table-td>div {
flex: 3
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
padding: 1em 1.3em
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
flex-direction: column
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
margin: .375rem 0 0
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
flex-direction: column-reverse
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
margin-bottom: .375rem;
margin-top: 0
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
display: none
}
#cc-main .pm--bar.pm--left {
left: 0;
transform: translateX(-100%)
}
#cc-main .pm--bar.pm--right {
right: 0;
transform: translateX(100%)
}
#cc-main .pm--bar.pm--wide {
max-width: 35em
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
padding: 1em 1.4em
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
flex-direction: row-reverse
}
#cc-main .pm-overlay {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}
.show--preferences #cc-main .cc--anim .pm {
opacity: 1;
visibility: visible !important
}
.show--preferences #cc-main .cc--anim .pm--box {
transform: translateY(-50%)
}
.show--preferences #cc-main .cc--anim .pm--bar {
transform: translateX(0)
}
.show--preferences #cc-main .cc--anim .pm-overlay {
opacity: 1;
visibility: visible
}
#cc-main.cc--rtl .pm__service-header {
margin-left: 1em;
margin-right: 0
}
#cc-main.cc--rtl .pm__section-arrow {
left: unset;
right: 18px
}
#cc-main.cc--rtl .section__toggle-wrapper {
left: 18px;
right: unset;
transform-origin: left
}
#cc-main.cc--rtl .toggle-service {
left: 0
}
#cc-main.cc--rtl .pm__service-icon {
margin-left: 20px;
margin-right: 5px
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
padding-left: 5.4em;
padding-right: 1.2em
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
padding-right: 3.4em
}
#cc-main.cc--rtl .pm__badge {
margin-left: unset;
margin-right: 1em
}
#cc-main.cc--rtl .toggle__icon-circle {
transform: translateX(27px)
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
transform: translateX(23px)
}
#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
transform: translateX(0)
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
padding-left: unset;
padding-right: 1.2em;
text-align: right
}
#cc-main.cc--rtl .pm__table-td {
padding-left: unset;
padding-right: 1.2em
}
#cc-main.cc--rtl .pm__table-td:before {
padding-left: 2em;
padding-right: unset
}
#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
margin-left: 0;
margin-right: .375rem
}
#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
margin-left: .375rem;
margin-right: 0
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
margin-left: 0
}
@media screen and (max-width: 640px) {
#cc-main .pm {
border-radius: 0;
bottom: 0;
height: auto;
left: 0;
max-height: 100%;
max-width: none !important;
right: 0;
top: 0;
transform: translateY(1.6em)
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: .9em !important
}
#cc-main .pm__badge {
display: none
}
#cc-main .pm__section-table,
#cc-main .pm__table-body,
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th,
#cc-main .pm__table-tr {
display: block
}
#cc-main .pm__table-head {
display: none
}
#cc-main .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color)
}
#cc-main .pm__table-td {
display: flex;
justify-content: space-between
}
#cc-main .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
flex: 1;
font-weight: 500;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis
}
#cc-main .pm__table-td>div {
flex: 3
}
#cc-main .pm__btn-group,
#cc-main .pm__footer {
flex-direction: column !important
}
#cc-main .pm__btn-group {
display: flex !important
}
#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
margin: .375rem 0 0 !important
}
#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
margin-bottom: .375rem !important;
margin-top: 0 !important
}
#cc-main .pm--flip .pm__btn-group,
#cc-main .pm--flip .pm__footer {
flex-direction: column-reverse !important
}
.show--preferences #cc-main .cc--anim .pm {
transform: translateY(0) !important
}
}
@media screen and (max-width:480px) {
#cc-main .cm__desc {font-size: 0.85em}
#cc-main .cm__btns,
#cc-main .cm__desc,
#cc-main .cm__links,
#cc-main .cm__title {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
#cc-main .cm__title, #cc-main .pm__title {font-size: 1.6em; line-height: normal; }
}.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}.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}