html {scroll-behavior:smooth;}
body {background:#000; color:#fff; margin:0; font-family:'Exo',arial; overflow-x:hidden;}

@media screen and (min-width:801px) {
body {font-size:12px;}
.gala_nad {display:inline-block; overflow:auto; width:20%; vertical-align:center;}
.cytat {display:block; font-size:1.5em; line-height:1.6em; color:#FFE4B4; padding:0 2em; font-family:'Exo', sans-serif; font-weight:200; font-style:italic;}
.guzi {float:right;}
.wideo {width:100%; height:40vh; border:0;}
.trojka {width:33.3%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.trzecie {width:66.6%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.cwierc {width:25%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.czwarte {width:75%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.blok_tr {display:block; overflow:auto;}
.pol {width:50%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.logo {display:inline-block; vertical-align:middle; overflow:auto;}
.kontakt {display:inline-block; vertical-align:middle; overflow:auto; text-align:right; color:#fff;}
.news_img {width:80%; border:0;}
.ilu_org {border:0;}
.blok_wideo {display:inline-block; vertical-align:top; width:50%; margin-bottom:4vh;}
.partner_1 {display:block; width:75%; margin-left:25%; margin-bottom:0.5em; transition:all 300ms ease;}
.partner_1:hover {margin-left:2em;}
a.mg, a.mga {font-size:1.4em; padding:1em 0.9em;}
P,UL,OL {font-size:1.3em; line-height:150%; margin:0; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
p.poli, ol {font-size:1.1em; line-height:170%;}
ol > ol, ol > p {font-size:inherit;}
}
@media screen and (max-width:800px) {
body {font-size:1em;}
.cytat {display:block; font-size:1.2em; line-height:1.7em; color:#FFE4B4; padding:0 1em; font-family:'Exo', sans-serif; font-weight:200; font-style:italic;}
.guzi {display:block; overflow:auto; text-align:center; margin-bottom:0.7em;}
P,UL,OL {font-size:1.2em; line-height:170%; margin:0; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
@media screen and (orientation:landscape) {
.gala_nad {display:inline-block; overflow:auto; width:33%; vertical-align:center;}
.wideo {width:95%; height:80vh; border:0;}
.trojka, .cwierc, .pol {width:50%; display:inline-block; vertical-align:top; overflow:auto; margin-bottom:2vh;}
.trzecie, .czwarte, .blok_tr {display:block; width:90%; margin:0 auto 2vh auto; overflow:auto;}
.logo {display:inline-block; vertical-align:middle; overflow:auto;}
.kontakt {display:inline-block; vertical-align:middle; overflow:auto; text-align:right; color:#fff;}
.news_img {width:80%; border:0;}
.ilu_org {border:0;}
.blok_wideo {display:inline-block; vertical-align:top; width:50%; margin-bottom:4vh;}
.partner_1 {display:inline-block; vertical-align:top; width:33%; margin-bottom:0.5em;}
a.mg, a.mga {font-size:1.4em; padding:1em;}
}
@media screen and (orientation:portrait) {
.gala_nad {display:inline-block; overflow:auto; width:50%; vertical-align:center;}
.wideo {width:95%; height:40vh; border:0;}
.trojka, .trzecie, .cwierc, .czwarte, .pol, .blok_tr {display:block; width:90%; margin:0 auto 2vh auto; overflow:auto;}
.logo {display:inline-block; vertical-align:middle; overflow:auto; width:30%;}
.kontakt {display:block; vertical-align:middle; overflow:auto; text-align:right; color:#fff; padding-right:2vw;}
.news_img {width:80%; border:0;}
.ilu_org {border:0;}
.blok_wideo {display:block; width:100%; margin-bottom:4vh;}
.partner_1 {display:inline-block; vertical-align:top; width:50%; margin-bottom:0.5em;}
a.mg, a.mga {font-size:1.3em; padding:0.6em 0.8em;}
}
}

.blok {display:block; overflow:auto; width:100%; min-height:100vh; overflow-x:hidden;}
.blok_i {display:block; overflow:auto; width:100%; min-height:60vh; overflow-x:hidden;}
.blok_k {display:block; overflow:auto; width:100%; min-height:80vh; overflow-x:hidden;}
.blok_pol {display:block; overflow:auto; width:100%; height:50vh; overflow-x:hidden;}
.blok_auto {display:block; overflow:auto; width:100%; overflow-x:hidden;}
.blok_menu {display:block; overflow:auto; width:100%; background:#221609;}
.ods {padding:10vh 0;}
.ods_m {padding:2vh 0;}
.ods_wew {padding:0.5em;}
.ods_wew_d {padding:1.5em;}
.wew {display:block; width:98%; max-width:1100px; margin:0 auto; overflow:auto; position:relative; z-index:2;}
.program {background:linear-gradient(to top,#5D4529,#3D2A15); position:relative;}
.starowka {background:url('https://www.jazznastarowce.pl/gf/starowka.png') repeat-x bottom left; background-size:auto 100%; width:200%; height:50vh; position:absolute; bottom:0; left:0; animation: panorama 25s ease-in-out alternate infinite; z-index:1;}
@keyframes panorama {
 0% {left:0;}
 100% {left:-100%;}
}
.tresc {background:linear-gradient(to top,#5D4529,#3D2A15); position:relative;}
.gal {background:linear-gradient(to bottom,#3D2A15,#1E1409);}
.stopka {background:#221609;}
.do_srodka {text-align:center;}
.do_prawej {text-align:right;}
.po_prawej {float:right;}
.nagl {display:block; overflow:auto;}
.logo_img {height:15vh; border:0;}
.ramka_nagl_k {position:absolute; width:100%; top:0; padding:2vh 0 0 0; background:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0)); text-align:right; z-index:25;}
.news {display:block; overflow:auto;}
.biel {color:#fff;}
.trojka_wew {padding:1vh 2vw;}
.ilu {width:100%; max-width:90vw; border:0; transition:all 200ms ease-out;}
.ilu_v {max-height:80vh; border:0;}
.ilu_m {width:60%; border:0;}
.ilu_mm {width:48%; border:0;}
.ilu_mini {width:35%; border:0;}
.ilu_mv {height:100px; border:0;}
.okr {border-radius:50%;}
.trojka:hover > .trojka_wew > .ilu {transform:scale(0.95,0.95); border:6px solid #B18755;}
.gala_nad > a > .gala_wew > .ilu {border:3px solid transparent;}
.gala_nad:hover > a > .gala_wew > .ilu {transform:scale(0.8,0.8); border:3px solid #B18755;}
.podw {display:block; font-size:2.4em; line-height:120%;}
.nagl_m {font-size:1.2em; line-height:130%;}
.blok_wideo_e {display:inline-block; vertical-align:top; width:100%; margin-bottom:4vh;}

A {color:#fff; text-decoration: none; letter-spacing:0px;}
.guzik {display:inline-block; overflow:auto; background:#D60000; color:#fff; padding:0.5vw 1.3vw; border-radius:0.5em;}

H1 {font-size:1.8em; color:#fff; font-weight:normal; margin:0 0 2vh 0; text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
H2 {font-size:1.6em; color:#fff; margin:0 0 2vh 0; text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
H3 {font-size:1.4em; line-height:1.8em; color:#fff; margin:0 0 2vh 0; text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
h3.bez {margin-bottom:0.5em;}

HR {color:#929292; margin:5vh 0;}
.odsl_sp, .sch_sp {cursor:pointer;}

.partner_2 {margin-bottom:0.5em;}

.guzik_info {background:#3E2A15; padding:0.5em 1.4em; color:#fff; border:0; cursor:pointer; border-radius:0.8em; margin-right:0.6em; transition:all 450ms ease;}
.guzik_info:hover {background:#FFE4B4; color:#3E2A15;}

.guzik_more {background:#AE9471; padding:8px 14px; color:#fff; border:0; cursor:pointer; border-radius:5px; margin-right:10px; transition:all 600ms ease;}
.guzik_more:hover {background:#bb0000; color:#fff;}

.konc_1 {background:url('program/1.jpg') no-repeat top center; background-size:cover;}
.konc_2 {background:url('program/2.jpg') no-repeat top center; background-size:cover;}
.konc_3 {background:url('program/3.jpg') no-repeat top center; background-size:cover;}
.konc_4 {background:url('program/4.jpg') no-repeat top center; background-size:cover;}
.konc_5 {background:url('program/5.jpg') no-repeat top center; background-size:cover;}
.konc_6 {background:url('program/6.jpg') no-repeat top center; background-size:cover;}
.konc_7 {background:url('program/7.jpg') no-repeat top center; background-size:cover;}
.konc_8 {background:url('program/8.jpg') no-repeat top center; background-size:cover;}
.konc_9 {background:url('program/9.jpg') no-repeat top center; background-size:cover;}
.konc_10 {background:url('program/10.jpg') no-repeat top center; background-size:cover;}
.konc_11 {background:url('program/11.jpg') no-repeat top center; background-size:cover;}


a.mg {display:inline-block; text-decoration: none; font-style: normal; color:#FFF1D4; letter-spacing:0px; transition:all 400ms ease-out;}
a.mg:hover {background:#B18755; color:#fff;}
a.mga {display:inline-block; text-decoration: none; font-style: normal; background:#fff; color:#462A0D; letter-spacing:0px; transition:all 400ms ease-out;}
a.mga:hover {background:#FFF1D4;}

.gala_wew {padding:0.5em;}
.gala {width:90%; border:0; transition:all 250ms ease;}
.gala:hover {transform:scale(1.1,1.1);}
#zaslonka {display:block; background:rgba(61,42,21,0.8); z-index:35; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; overflow:auto;}
.foto_nad {position:relative; z-index:36; margin:7vh 7vw;}
.iko_pop {position:absolute; z-index:38; top:45vh; left:1vw; font-size:2.5em; color:#fff; transform:rotate(180deg); transition:all 250ms ease; padding:0.6em;}
.iko_nas {position:absolute; z-index:38; top:45vh; right:1vw; font-size:2.5em; color:#fff; transition:all 250ms ease; padding:0.6em;}
.foto_pop {display:inline-block; vertical-align:top; width:50%; height:100%; position:absolute; top:0; left:0; z-index:39;}
.foto_nas {display:inline-block; vertical-align:top; width:50%; height:100%; position:absolute; top:0; right:0; z-index:39;}
.foto_pop:hover > .iko_pop {color:#3D2A15; background:#fff;}
.foto_nas:hover > .iko_nas {color:#3D2A15; background:#fff;}
.foto_zamk {display:inline-block; position:absolute; top:2vh; right:2vw; font-size:2em; color:#fff; z-index:40;}
.foto_obw {display:inline-block; padding:2em; background:#1E1409; text-align:center;}
.foto_podp {color:#fff; font-size:1em; display:inline-block; margin-top:1em;}
.just {text-align:justify;}
.wciecie {margin-left:30px;}
.obw {border:6px solid transparent;}
.ilu.obw_st {width:calc(100% - 12px);}
.obw_st {border:6px solid #B18755; box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cytat_a {display:block; color:#fff; font-size:0.6em; text-align:right;}
.obrys {text-align:center; color:#F6DABB; border:1px solid #F6DABB; padding:0.5em; transition:all 200ms ease-out;}
.obrys.akt:hover {background:#8F7659; color:#fff;}
a:hover > .trojka > .trojka_wew > .obrys {color:#fff; border:1px solid #fff;}
.obwod {display:block; font-size:1.2em; padding-left:1em; border-left:1em solid #977651;}

.intro {position:relative; display:block; width:100%; height:60vh; overflow:hidden;}
.anim_d {height:60vh; position:relative;}
.anim_1 {position:absolute; top:0; left:0; width:100%; height:60vh; animation: zmiana_anim_1 20s linear infinite;}
.anim_2 {position:absolute; top:0; left:0; width:100%; height:60vh; animation: zmiana_anim_2 20s linear infinite;}
.anim_3 {position:absolute; top:0; left:0; width:100%; height:60vh; animation: zmiana_anim_3 20s linear infinite;}
.anim_4 {position:absolute; top:0; left:0; width:100%; height:60vh; animation: zmiana_anim_4 20s linear infinite;}
.anim_5 {position:absolute; top:0; left:0; width:100%; height:60vh; animation: zmiana_anim_5 20s linear infinite;}
@keyframes zmiana_anim_1 {
 0%,20% {opacity:1;}
 22%, 98% {opacity:0;}
 100% {opacity:1;}
}
@keyframes zmiana_anim_2 {
 0%,20% {opacity:0;}
 22%, 38% {opacity:1;}
 40%, 100% {opacity:0;}
}
@keyframes zmiana_anim_3 {
 0%,38% {opacity:0;}
 40%, 58% {opacity:1;}
 60%, 100% {opacity:0;}
}
@keyframes zmiana_anim_4 {
 0%,58% {opacity:0;}
 60%, 78% {opacity:1;}
 80%, 100% {opacity:0;}
}
@keyframes zmiana_anim_5 {
 0%,78% {opacity:0;}
 80%, 98% {opacity:1;}
 100% {opacity:0;}
}
.center {text-align:center;}
.flaga {display:inline-block; padding:0.3em; vertical-align:middle; height:24px; border:0;}
.data {font-family:'Exo', sans-serif; font-weight:200;}
.rek {max-width:90vw; border:0; margin:0 auto;}
.uwaga {display:block; background:#99292A; padding:2em 3em; color:#fff; margin:1em 0;}

h1.gb {font-family:'Exo',sans-serif; font-size:2.5em; font-weight:900; font-style:normal;}
.podmenu {display:block; padding:0.3em; margin:0.5em 0;}

.nad_data {display:inline-block; border:5px solid #A68242; border-radius:0.8em; text-align:center; margin-bottom:0.5em; min-width:150px; box-sizing:border-box;}
.data_a {font-family:'Exo',sans-serif; font-size:6em; font-weight:900; font-style:normal; color:#FFCF78; padding:0.3em; line-height:100%;}
.data_b {background:#A68242; font-color:#FFCF78; padding:0.4em;}
.nas {display:inline-block; vertical-align:top;}
.pop {display:inline-block; vertical-align:top; margin-right:10px;}
.guzik_p {display:inline-block; font-size:1.7em; min-width:70px; text-align:center; background:#A68242; border-radius:0.8em; padding:0.4em 0.55em; transition:all 400ms ease-out; box-sizing:border-box; color:#FFCF78;}
.guzik_p.goly {background:#583F22 !important;}
.guzik_p:hover, .guzik_p.akt {background:#FFCF78; color:#A68242;}
.guzik_a {display:inline-block; font-size:1.3em; text-align:center; border:1px solid #8C673E; border-radius:0.8em; padding:0.4em 0.55em; transition:all 400ms ease-out; box-sizing:border-box; color:#F6DABB; margin:0.1em;}
.guzik_a.akt {background:#5E4427; color:#fff; borde:1px solid #fff;}
.datka {color:#FFE4B4;}
.zajaw {font-size:1.1em; line-height:160%;}
.nad_iko {display:inline-block; border-radius:0.8em; color:#FFCF78; font-size:1.2em; transition:all 400ms ease-out; padding:0.4em 1.2em; line-height:100%; box-sizing:border-box;}
.nad_iko:hover {background:#FFCF78; color:#000;}
.nad_iko:hover .iko {filter: brightness(0) saturate(100%)}
.iko {height:1.4em; transition:all 400ms ease-out;}
.iko.odp {margin-right:0.5em;}

.powrot {position:fixed; right:10px; bottom:10px; font-size:2.4em; line-height:100%; padding:0.6em; color:#333; background:#fff; border-radius:0.7em; transition:all 500ms ease; z-index:55;}
.powrot:hover {color:#fff; background:#FFCF78;}
.powrot.niewid {right:-5em;}

.cook {display:block; background:#221609; border-top:1px solid #B0885C; position:fixed; bottom:0; left:0; width:100%; transition:all 300ms ease; box-shadow:0 0 8px rgba(0,0,0,0.3); z-index:201; text-align:center;}
.cook.sch {bottom:-50%;}
.pod_cook {display:inline-block; margin:0 auto; width:98%; max-width:1200px; padding:1.2em 2em;}

.nad_kom {display:block; padding:0.7em 0; margin-bottom:1em;}
input, textarea {border:0; border-radius:0.8em; background:#745826; padding:0.7em; color:#fff; transition:all 500ms ease;}
input:focus, textarea:focus {background:#3C2B0D;}
#kom_1 {width:90%; height:100px;}
#kom_2 {width:90%;}
.ukr {display:none;}
.nad_glos {display:inline-block; width:15%; text-align:center; padding:0.6em; border-radius:0.8em;}
button {display:inline-block; background:#A68242; color:#fff; padding:0.6em 1.7em; font-size:1.3em; transition:all 500ms ease; border:0; border-radius:0.8em;}
button:hover {background:#432F19; color:#FFCF78;}
button, label {cursor:pointer;}
label {font-size:0.9em;}
.oce + label {display:inline-block; width:100%; text-align:center; font-size:1.4em; padding:0.7em 0; transition: all 500ms ease; border-radius:0.8em;}
.oce + label:hover {background:#5E4416;}
.ukr:checked + label {background:#745826;}
.ods_p {padding-right:2em;}
#wynik {font-size:1.4em;}
.nad_webcam {position:fixed; width:100%; bottom:0; z-index:600; transition:all 500ms ease-in-out; height:55vh;}
.nad_webcam.sch {bottom:calc(0px - (55vh - 50px));}
.nad_webcam.sch #strz {transform:rotate(180deg);}
.nagl_webcam {display:inline-block; background:#221609; padding:0.7em 2em; font-size:1.6em; color:#FFCF78; height:50px; cursor:pointer;}
.tresc_webcam {display:block; width:100%; height:calc(55vh - 50px); background:#221609; text-align:center;}
.webcam {height:45vh; width:auto; aspect-ratio:1.77/1; border:0;}
#strz {display: inline-block; transition: transform 300ms ease-in-out;}
.blok_ls {display:inline-block; vertical-align:middle;}
.sz_25 {width:25%;}
.sz_50 {width:50%;}