/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

  a { }
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}
button { color: #1b1b1b; }



body {
	color:#f0f0f0;
	font-size: 18px;
	line-height: 1.4; 
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
  background: #252324; 

  overflow: visible;
}


html{margin-top: 0px !important;}
em { font-style: italic; }

ul{ margin: 15px 0 25px; }
ul li{ margin-left: 40px; }
h3{ font-size: 40px; font-weight: 900; font-style: italic; margin-bottom: 30px;  }
strong { font-weight: 900 }
ol ol { margin-left: 35px;  }
i { font-style: italic; }

.small { font-size: 14px;  }

#cursor{
  width: 30px;
  height: 34px;
  background: url("../img/hand.svg") no-repeat;
  position: fixed;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: top 0.06s ease-out, left 0.06s ease-out, width 0.2s ease-out, height 0.2s ease-out;
  z-index: 99999;
  pointer-events: none;
  display: none;

}

#cursor.link_hover{ width: 40px; height: 45px;}

  html #wpadminbar { display: none; }
/***************** menu res ******************/
  .menuMobileClick{ width: calc(100% - 200px); height: 80px; border-bottom: solid 3px #fff; position: relative; cursor:pointer; display:none; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
 
  .menuFixed{ position: fixed; width: 100%; height: 100%; padding: 0; background: #FFFFFF; z-index: 10011; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;
    -webkit-box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    }
  .menuFixed-inner{ width: 100%; min-height: 100vh; position: relative; overflow: hidden; background: #252324}
  .closeMenuContainer{ text-align:right; position: absolute; top: 35px; right: 27px;  z-index: 900; }
  .closeX { height: 30px; width: 30px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; cursor: pointer; z-index: 900;}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; padding-top: 100px; display: flex; flex-direction: column; }
  .menuFixed ul li{ font-weight: 400; color:#fff; overflow: hidden; padding: 22px 0px;font-size: 24px; font-weight: 500; position: relative; z-index: 100; display: inline-block; line-height: 1.2; letter-spacing: 1px;}
  .menuFixed ul a{ display: block; text-align: center; }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ letter-spacing: 4px; color: #EFEFEF;}
  .menuFixed-flex { display: flex; align-items: center; height: 100%; position: relative; }
  .menuFixed .logo { display: none; }
  .menuFixed .logo-menu { position: absolute; top: 0; left: 3.1%; }
  .logo-menu {display: none;}
  .menuFixed .menu li.menu-btn-blue1, .menuFixed .menu li.menu-btn-blue {font-size: 18px; margin-top: 20px; width: 250px; padding: 12px 20px;}

  .strzalka-hamburger { transform: rotate(135deg); width: 45px; position: absolute; right: 0; bottom: 20px; }

  .top-fixed .menuMobileClick {height: 50px; border-bottom: 0}
/***********************************/


.clear { clear: both; }
strong { font-weight: 600 }
a.trans { display: block; transform-origin: center left;  }
a.trans span{display: block; -moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
a.trans:hover span{ transform: scale(0.8); }

.all { overflow: hidden; }
.container { width: 1480px; margin: auto; }


.top { padding-top: 50px;  }
.top-inner { display: flex; justify-content: space-between; margin-bottom: 100px; position: relative;  }
.top-social {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 40px;}
.top-social a {margin-left: 30px; }
.top-social a img { height: 24px; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.top-social a:hover img { transform: scale(0.8); }
.logo { width: 380px; margin-right: 50px; flex: 0 0 400px; margin-top: -30px;  }
.logo img { width: 100%; position: relative; top: 14px; }
.menu { list-style: none; border-bottom: solid #fff 3px; display: flex; justify-content: flex-end; flex-wrap: wrap; padding-bottom: 20px; margin: 0; }
.menu li { display: inline; text-transform: uppercase; font-size: 36px; margin-left: 50px; font-weight: 700; padding: 10px 0; }
.menu .menu-bottom { margin-left: 80px;  }
.menu li a {  }
.menu li a span {  display: inline-block; transform-origin: center right;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.menu li a:hover span { transform: scale(0.8);  }
.menu li img { width: 28px; margin-right: 20px; position: relative; left: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.menu li a:hover img { left: 15% }
.menu-wylaczone { opacity: 0.3 }

.top-fixed { position: fixed; top: 0;  left: 0; background: #252324; z-index: 9999; width: 100%; padding-top: 30px; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.top-fixed .container { position: relative; }
.top-fixed .logo { width: 175px; flex: 0 0 175px; }
/* .top-fixed .menu img { display: none; } */
.top-inner .spotify { display: none; }
.menu-social-top {padding-top: 12px;}
.menu-social-top a img { height: 20px; margin-left: 15px;}
.menu-social-top a:first-of-type img { margin-left: 0 }
.top-fixed .menu li { font-size: 20px; padding-bottom: 0; margin-left: 0;  }
.top-fixed .top-inner { margin-bottom: 0 }
.menu .menu-wspolpraca { display: none; }
.menu .menu-single-wspolpraca { display: none; }
.top-fixed .menu { width: calc(100% - 250px); justify-content: space-between; padding-right: 30px; padding-left: 30px; }
.top-fixed-border {   }

.click-not-active { pointer-events: none; cursor: default; opacity: 0.4 }

.page-jarocin-wspolpraca .menu-social-top, .single-wspolpraca .menu-social-top { display: none; }

h2.header-home { font-size: 40px; font-weight: 700  }
.header-home:before { display: inline-block; content: ""; width: 31px; height: 30px; background: #fff; margin-right: 20px; background: url(../img/menu-arrow.svg); background-size: cover; }

.home-aktualnosci-slider { margin-bottom: 60px;   }
.blok-proporcja { display: flex; flex-wrap: wrap; align-items: center; }
.blok-proporcja-foto { width: 70%; background: #000; position: relative; background-size: cover; }
.blok-proporcja-foto .foto { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.blok-proporcja-foto:after { padding-top: 56%; content: ""; display: block;}
h2.blok-proporcja-tytul { color: #E22436; font-size: 22px; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 25px;  }
.blok-proporcja-tresc { width: 30%; padding-left: 50px; font-size: 18px; }
.lapka { width: 25px; height: 35px; position: absolute; bottom: 20px; right: 20px; opacity: 0; transform: rotate(20deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.lapka img { width: 100%; }
.home-aktualnosci-slider .blok-proporcja-tresc { border: solid 1px transparent; display: flex;position: relative; padding-right: 50px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.home-aktualnosci-slider .blok-proporcja-tresc:hover { border: solid 1px #fff;  }
.home-aktualnosci-slider .blok-proporcja-tresc:hover .lapka { opacity: 1; transform: rotate(0); }
.home-slider-blok { align-items: stretch; display: flex;}
.home-slider-tresc-inner { display: flex; justify-content: center; flex-direction: column;  }
.home-slider-tekst {-webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;}

.home-slider-nawigacja { text-align: center; position: relative; border: 1px solid transparent; margin-top: 10px; padding-bottom: 12px; padding-top: 4px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.customNavigation a { position: absolute; top: 11px; width: 16px; height: 25px; opacity: 0; 

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.customNavigation a.prev { left: 15px }
.customNavigation a.next { right: 15px  }
#carousel-custom-dots { display: inline-block; list-style: none; text-align: center; margin: 0; z-index: 99999; position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
/* #carousel-custom-dots:before{ content: attr(data-id); position: absolute; width: 100px; top: 6px; left: -110px; height: 20px; color: #fff; font-size: 20px; text-align:right; display: block;  } */
#carousel-custom-dots button { padding: 0; width: 9px; height: 9px; border: 0; border-radius: 50%; opacity: 0.3 }
#carousel-custom-dots button.active { opacity: 1 }
.home-slider-nawigacja:hover { border: solid 1px #fff; }
.home-slider-nawigacja:hover a { opacity: 1 }
.nawigacja-mobile { display: none; }
.mobile-strzalka { display: none; }
.fixed-wsp-mobile { display: none; }
.fixed-wsp2-mobile { display: none; }

.home-aktualnosci { text-align: right; }
.home-aktualnosci-flex { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: space-between; }
.home-aktualnosci-blok { width: 48%;border: 1px solid transparent; border-bottom: 0;padding-bottom: 20px; position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.home-aktualnosci-blok:first-of-type, .home-aktualnosci-blok:nth-of-type(2) { margin-bottom: 70px;  }
.home-aktualnosci-blok:hover { border: solid 1px #fff; border-bottom: 0; }
.home-aktualnosci-blok:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 20px; height: 1px; background: #fff; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.home-aktualnosci-blok:hover:after { bottom: 0 } 
.home-aktualnosci-blok-flex { display: flex; justify-content: space-between;  padding: 10px 20px;  }
.home-aktualnosci-blok .data { font-size: 18px; color: #E22436; }
.home-aktualnosci-blok .tytul { font-size: 25px; text-transform: uppercase; font-weight: 700; text-align: right; padding-left: 40px; }
.button-wiecej { display: inline-block !important; font-size: 25px; text-transform: uppercase; color: #E22436 !important; margin-top: 30px; margin-right: 20px;   }
.button-wiecej img, .button-wiecej span { display: inline-block !important; position: relative; left: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.button-wiecej span { margin-left: 10px; }
.button-wiecej:hover img { left: 10px; }
.aktualnosci-blok .trans { font-weight: 500; text-decoration: underline; }

.bilety { margin-top: 100px;  }
.bilety-flex { display: flex; flex-wrap: wrap;  padding: 20px 0; margin-bottom: 10px; align-items: center; }
.bilety-naglowek { width: 66%;  }
.bilety-nazwa { width: 20%; font-size: 26px; padding-left: 40px; padding-right: 20px;  }
.bilety-nazwa-mobile { display: none; }
.bilety-data { width: 46%; padding: 0 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.bilety-cena { width: 10%; text-align: center; padding:0 20px; }
.bilety-cena-karnet { width: 14%; font-size: 26px; padding-left: 20px; padding-right: 40px; }
.bilety-flex.nieaktywny { opacity: 0.4 }
.bilety-flex.obecny { background: #E22436 }
.bilety-flex-naglowki .bilety-cena-karnet { font-size: 18px; opacity: 1 }
.bilety-flex.obecny:hover .bilety-data {  }
.bilety-flex.obecny:hover { background: #811b21 }
.bilety-dopisek { margin-top: 50px; font-size: 16px; }
.bilety-dopisek a { text-decoration: underline }

.home-program { margin-top: 130px;  }
.artysci-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.artysci-flex-mobile { display: none; }
.home-artysci-mobile { display: none; }
.artysci-kolumna {width: 31%;}
.artysci-blok { width: 100%;  color: #fff; text-transform: uppercase; margin-bottom: 40px; min-height: 135px; position: relative;  }
.home-artysci-all { margin-top: 50px;  }
.home-artysci-all-mobile { display: none; }
.home-artysci-all-mobile-small { display: none; }
.artysci-blok-foto { width: 100%; background: #000; position: relative; background-size: cover; height: auto;  }
.artysci-blok-foto .foto { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.artysci-blok-foto:after { padding-top: 0; content: ""; display: block;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.artysci-blok-info { background: rgba(226, 36, 54, 1) ; color: #fff;  padding: 20px; width: 100%; height: 115px; position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.artysci-blok-nazwa { font-size: 26px; width: 60%; line-height: 1;  }
.artysci-blok:hover .artysci-blok-foto:after { padding-top: 100%; }
.artysci-blok:hover.bez-zdjecia .artysci-blok-foto:after { padding-top: 0%; }
.artysci-blok:hover .artysci-blok-info { background: rgba(226, 36, 54, 0.8)  }
.artysci-strzalka { position: absolute; right: 20px; opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.artysci-blok:hover .artysci-strzalka{ opacity: 0 }
.bez-zdjecia .artysci-strzalka { opacity: 0 }


.home-faq { margin-top: 100px;  }
.faq-slider { margin-top: 40px;  }
.faq-blok { margin-bottom: 50px;  }
.faq-blok-tytul { color: #E22436; font-size: 26px;  text-transform: uppercase; margin-bottom: 15px; padding: 5px 20px; padding-right: 70px;  border: solid 1px transparent; border-bottom: solid 1px #fff; position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.faq-blok-kategoria .faq-blok-tytul { color: #fff; }
.faq-blok-tresc { padding-left: 20px;  }
.faq-blok-tresc-opis {width: 50%;}
.faq-kategoria-opis { margin-bottom: 40px; }
.faq-blok-pytanie { padding-left: 100px; }
.faq-blok-kategoria-tresc { display: none; padding-bottom: 1px;}
.faq-blok-kategoria-opis { margin-bottom: 30px;  }
.faq-blok-pytanie { padding-left: 100px; }
.faq-blok-kategoria .faq-pytanie-klik {  color: #E22436;  }
.faq-pytanie-opis { display: none; padding-left: 20px;}


.lapka-faq { display: block; position: absolute; top: 7px; right: 20px; transform: rotate(0); 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.faq-blok-tytul:hover .lapka-faq { transform: rotate(-30deg); }
.faq-blok-tytul:hover { border: solid 1px #fff; }
.toogle-active .lapka-faq { transform: rotate(-30deg); }

/* aktualnosci spis */
.aktualnosci-filtry { display: flex; margin-bottom: 70px;  }
.aktualnosci-filtry a { color: #E22436; opacity: 0.5; text-transform: uppercase; font-weight: 700;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.filtr-miesiac { margin-right: 50px; display: inline-block; font-size: 26px; position: relative; padding-top: 30px;  }
.filtr-rok { display: block; position: absolute;left: 0; top: 0; font-size: 18px; font-weight: 400; color: #E22436; opacity: 0.5 }
.aktualnosci-filtry a.miesiac-active { opacity: 1 }
.aktualnosci-filtry a:hover { opacity: 1 }
.aktualnosci-blok { margin-bottom: 85px; position: relative;  }
.aktualnosci-blok-flex { display: flex;justify-content: space-between; align-items: flex-end; }
.aktualnosci-blok50 { width: 50%; margin-right: 50px; flex: 0 0 50%; }
.aktualnosci-blok50r { text-align: right; }
.aktualnosci-blok-data {color: #E22436; font-weight: 500 }
.aktualnosc-blok-tytul { text-transform: uppercase; font-size: 25px;  font-weight: 700; padding-left: 20px; }
.border-bottom { border-bottom: solid 1px #fff; padding-bottom: 5px; margin-bottom: 10px;  }
.aktualnosci-blok-wstep { padding-left: 20px;  }
.aktualnosci-blok-flex a { font-size: 22px; text-decoration: underline; }
a.aktualnosc-blok-tytul {text-decoration: none;}
.aktualnosci-blok a.trans { position: absolute; right: 0; bottom: 0 }

/* aktualnosc */
.single .blok-proporcja-tytul { text-transform: none; }
.single h1, .single-tekst h2, .single-video h2 {color: #E22436; font-size: 22px; font-weight: 700; line-height: 1.2; margin-bottom: 25px;}
.blok-proporcja.single { align-items: stretch; margin-bottom: 100px; }
.blok-proporcja-data {margin-bottom: 10px;  font-size: 16px; }
.blok-proporcja-data span { display: inline-block; margin-left: 6px; margin-right: 6px;  }
.single-blok { display: flex; justify-content:  space-between; margin-bottom: 100px;  }
.single-tekst { width: 45%; padding-left: 40px;  }
.single-foto { width: 42% }
.single-foto img { width: 100%;  }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-video { position: relative; padding-top: 40px; }
.single-video h2 { text-transform: uppercase; margin-bottom: 40px; padding-left: 40px;  }
.single-video:before { width: 200%; padding-top: 25%; position: absolute; background:#fff; content: ""; left: -50%; top: 0; z-index: -1 }

/*artysta */
.blok-artysta { display: flex; margin-bottom: 100px; }
.blok-artysta-foto { width: 560px; position: relative; flex: 0 0 560px; }
.blok-artysta-foto .foto { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.blok-artysta-foto:after { padding-top: 100%; content: ""; display: block; }
.blok-artysta-info { width: 790px; padding-left: 80px;  }
h1.blok-artysta-tytul { font-size: 40px; color: #fff; text-transform: uppercase;}
.blok-artysta-szczegoly { background: #E22436; padding: 20px;   margin-bottom: 40px;}
.blok-artysta-social {display: flex; justify-content: flex-start; align-items: center;}
.blok-artysta-social a {margin-right: 20px; }
.blok-artysta-social a img { height: 21px; -webkit-transition: all 0.2s ease-in-out; display: block;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.blok-artysta-social a:hover img { transform: scale(0.8); }
.blok-artysta-szczegoly { display: flex; justify-content: space-between; }
.blok-artysta-kiedy { display: flex; }
.blok-artysta-data { text-transform: uppercase; margin-right: 40px; }
.blok-artysta-miejsce { text-transform: uppercase; font-weight: 400 }


.home-newsletter { width: 100%; margin-top: 150px;  background: #E22436; padding: 50px; position: relative; overflow: hidden; }
.newsletter-naglowek-mobile { display: none; }
.newsletter-naglowek { font-size: 26px; text-transform: uppercase; font-weight: 300; margin-bottom: 40px; }
.newsletter-naglowek span { font-size: 70px; font-weight: 700; display: block;  line-height: 1}
.newsletter-flex { display: flex; justify-content: space-between; }
.newsletter-lewa { width: 58%; position: relative; z-index: 100; }
.newsletter-prawa { width: 38%; position: relative; z-index: 100; }
.newsletter-bolt { position: absolute; width: 1200px; top: -650px; right: -50px; opacity: 0.3; z-index: 1;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.newsletter-bolt img { width: 100%;  }
.home-newsletter:hover .newsletter-bolt{ right: 20%; top: -450px; }
.newsletter-mobile-button { background: #fff;  color: #E22436; padding: 10px 25px; font-weight: 400; display: inline-block; border: solid 1px #fff; 
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.newsletter-mobile-button:hover { background: transparent; color: #fff; }
.newsletter-naglowek-mobile { display: none; }

.newsletter-form-container{ max-width: 450px; width: auto; display: block; position: relative; }
.input-container{ width: 100%; position: relative; margin-bottom: 20px;}
.input-container input{ width: 100%; font-family: 'Rubik', sans-serif; background: #fff; border: 0px; padding: 8px 12px; font-size: 22px; color: #E22436; }
.input-container input:focus{ outline: none; }
::placeholder{ color: #252324; opacity: 1; text-align: center; opacity: 0.15; font-weight: 400;}
::-moz-placeholder{ color: #252324; opacity: 1; text-align: center; opacity: 0.15; font-weight: 400; }
::-ms-input-placeholder{ color: #252324; opacity: 1; text-align: center; opacity: 0.15; font-weight: 400; }
::-webkit-input-placeholder{ color: #252324; opacity: 1; text-align: center; opacity: 0.15; font-weight: 400; }
.submit-container{ display: flex;  }
input#newslertter_form{ color: #E22436; width: 190px; background: #fff; font-size: 18px; text-align: center; padding: 10px 0; margin-right: 25px; border: 0px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
input#newslertter_form:hover { background: #811b21; color: #fff; }
.submit-container div{ align-self: center; font-size: 18px; font-weight: 400; }
.checkbox-container{ margin-bottom: 25px; margin-top: 0px; font-weight: 400; font-size: 18px; position: relative; padding-left: 36px; padding-top: 3px;}
.checkbox-container a{ text-decoration: underline; }
.check{ font-size:14px; position:absolute; top:6px; left:0px; }
.regular-checkbox { display: none;}
.regular-checkbox + label { width: 20px; height: 20px; display: inline-block; float:left; position: relative; border: 1px solid #fff; }
.regular-checkbox + label:hover{ }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {}
.regular-checkbox:checked + label { color: #444;}
.regular-checkbox:checked + label { background: url('../img/check.svg') center center no-repeat; background-size: 20px;}

.errorMessage{ color: #ffc539; margin-bottom: 5px; font-size: 17px; font-weight: 400; }
.newsletter-form-status{ color: #000; margin-bottom: 25px; font-size: 18px; font-weight: 400; text-align: center; max-width: 500px; width: auto;}
.blad-info{ font-size: 15px; margin: 7px 0; }

.status-glosowanie{ margin-top: 50px; font-weight: bold; font-size: 25px; text-align: center; margin-bottom: 20px; color: #ffc539; margin-bottom: 50px;}
.blad-info-glosowanie{ font-size: 15px; margin: 13px 0; color: #ffc539; text-align: center; }




footer { padding-top: 120px; padding-bottom: 50px; font-size: 18px;  }
footer h4{text-transform: uppercase; margin-bottom: 20px;}
.stopka-flex { display: flex; justify-content: space-between; }
.stopka-flex-dol { margin-top: 80px; }
.stopka-logo { width: 320px; margin-top: -60px;  }
.stopka-logo img { width: 100% }
.stopka-kontakt { margin-left: 100px; line-height: 1.8 }
.stopka-kontakt a { display: block; transform-origin: center left;  }
.stopka-telefon { margin-top: 20px;  }
.stopka-lewa { display: flex; flex-wrap: wrap; }
.stopka-prawa{ width: 300px; flex: 0 0 300px; }
.stopka-menu { list-style: none; text-transform: uppercase; }
.stopka-menu li { margin-left: 0 }
.stopka-menu-margin { margin-top: 20px; margin-left:  }
footer a span { display: block;transform-origin: center left;  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
footer a:hover span { transform: scale(0.8); }
.stopka-flex-bottom { display: flex;justify-content: space-between; text-transform: uppercase; padding-top: 30px; }
.stopka-flex-bottom a span { transform-origin: center center; }
.logotypy-flex { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 60px; margin-right: 100px  }
.grupa_logotypow.cala_szerokosc { width: 100%; flex: 0 0 100%; }
.logotypy-flex .logotyp-stopka { margin-right: 50px; max-height: 65px; margin-bottom: 30px; }
.logotypy-flex .logotyp-stopka:last-of-type { margin-right: 0}
.logotypy-flex .logotyp-stopka img { width: auto; max-width: 100%; height: auto; max-height: 35px; display: block; }
.grupa_logotypow h4 { margin-bottom: 24px; display: block; font-size: 18px;}
.stopka-social { justify-content: flex-start; }
.stopka-social a {margin-left: 0; margin-right: 25px; }
.stopka-social a img {height: 30px; }
.stopka-social-container { align-self: flex-end; margin-bottom: 60px; }
.stopka-linki a span { display: inline-block; }
.stopka-linki img { width: 17px; height: 16px; display: inline-block; margin-right: 10px; }
.footer-copy {font-size: 14px; text-align: right; margin-top: 20px; padding-bottom: 30px;color: #777;}

.metka { display: inline; position: fixed; bottom: 0; left: 40px; z-index: 999;}

.metka a{  background: #E22436; color: #fff; font-size: 18px; font-weight: 500; padding: 10px 20px; transform-origin: bottom center; margin-left: 10px; display: inline-block;-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.metka a:hover { transform: scale(1.1); }

/*********** kontakt ************/
h1.naglowek-kontakt { font-size: 40px; font-weight: 700;   }
.kontakt { margin-bottom: 80px; }

.kontakt-zglos{ background: #E22436; font-size: 40px; font-weight: 700; padding: 25px 30px;  margin-bottom: 60px;  }
.kontakt-zglos .container { position: relative; }
.zglos-strzalka { position: absolute; width: 46px; height: 44px; top: 50%; margin-top: -22px; right: 30px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.zglos-link span{display: block; transform-origin: left center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }

.zglos-link span:hover { transform: scale(1.1); }
.zglos-link:hover .zglos-strzalka { transform: scale(1.4); }

.kontakt-flex { display: flex; justify-content: space-between; margin-bottom: 60px; flex-wrap: wrap; }
.kontakt-flex .kolumna { width: 46%; }
.kontakt-flex-kolumna { width: 46%; margin-bottom: 50px; }
.kontakt-flex-naglowek { font-size: 30px; font-weight: 700; text-transform: uppercase;  }
.kontakt-strzalka { width: 27px; height: 35px; display: inline-block; margin-right: 20px; position: relative; top: 5px; }
.kontakt-flex a { display: inline-block; transform-origin: left center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.kontakt-flex a.kontakt-flex-naglowek:hover { transform: scale(0.8); }
.mail-kontakt { position: relative; padding-left: 48px;  }
.mail-kontakt .kontakt-strzalka { position: absolute; left: 0; top: 2px; }
.mail-kontakt a { position: absolute; left: 48px; top: -2px; font-size: 30px; font-weight: 400; display: block; background: #252324; display: none; width: 100%}
.mail-kontakt:hover a{ display: block;  }

.kontakt-flex .top-social { margin-bottom: 70px; }
.kontakt-flex-linki { margin-bottom: 120px; }
.kontakt-social span { text-transform: uppercase; font-size: 30px; font-weight: 700; margin-bottom: 35px; display: block; }
.kontakt-social .stopka-social a img { height: 30px; }
.kontakt-spoti span { font-size: 18px; text-transform: uppercase; display: block; margin-bottom: 50px; padding-top: 10px; }


.page-jarocin-wspolpraca .menu li { display: none; }
.page-jarocin-wspolpraca .menu .menu-wspolpraca {display: block; align-self: flex-end; width: 100%; }
.page-jarocin-wspolpraca .menu { flex: 0 0 calc(100% - 250px); text-align: right;}


.wspolpraca-flex { display: flex;justify-content: space-between; align-items: stretch; padding-bottom: 110px; border-bottom: solid #fff 3px; }
.wspolpraca-flex .kolumna { width: 46%; display: flex;flex-direction: column; justify-content: space-between; }
.wspolpraca-flex h1 { font-size: 90px; color: #E22436; font-weight: 700; text-transform: uppercase; }
.wspolpraca-flex .wspolpraca-tekst { position: relative; top: 35px; }
.wspolpraca-flex .wspolpraca-social { padding-top: 120px; }
.wspolpraca-flex .wspolpraca-social .top-social {margin-bottom: 0}
.mail-wspolpraca-mobile { display: none; }

.wspolpraca-blok { margin-top: 65px; min-height: 520px; padding: 55px; position: relative; background: #E22436}
.wspolpraca-blok-foto { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.6;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.wspolpraca-blok-info { position: relative; z-index: 999 }
.wspolpraca-blok-info .tytul { font-size: 75px; text-transform: uppercase; font-weight: 700; line-height: 1.1 }
.wspolpraca-blok-inner { width: 900px; }
.wspolpraca-blok-tekst { margin-top: 30px; }
.wspolpraca-blok:hover .wspolpraca-blok-foto { opacity: 0.4 }
.wspolpraca-strzalka {position: absolute; z-index: 999; width: 100%; height: 70px; bottom: 50px; left: 0; opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.wspolpraca-strzalka img { width: 42px;
  height: 40px;
  left: 50px;
  position: relative;
  }
.wspolpraca-blok:hover .wspolpraca-strzalka { opacity: 1 }

.single-wspolpraca .menu li { display: none; }
.single-wspolpraca .menu .menu-single-wspolpraca {display: block; position: absolute; right: 0; top: -22px;}
.single-wspolpraca .menu .menu-single-wspolpraca img { width: 50px; height: 76px; margin-right: 0; left: auto; right: 0}
.single-wspolpraca .menu .menu-single-wspolpraca:hover img { right: 30px }
.single-wspolpraca .menu { flex: 0 0 calc(100% - 250px); }
.single.single-wspolpraca h1 { text-transform: uppercase; }


.blok-proporcja.blok-proporcja-wspolpraca { justify-content: space-between; }
.blok-proporcja-wspolpraca .blok-proporcja-foto {width: 48%}
.blok-proporcja-wspolpraca .blok-proporcja-tresc {width: 48%}
.blok-proporcja-wspolpraca h1 { font-size: 75px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #fff; }
.wspolpraca-rodzaj { font-size: 26px; text-transform: uppercase; font-weight: 400 }
.blok-proporcja-wspolpraca .blok-proporcja-tresc {padding-left: 0}


.wp-block-heading { margin-bottom: 20px; }
.podstrona { width: 60%; margin: auto; }
.podstrona h1 { display: block; font-size: 32px; text-transform: uppercase; color: #E22436; margin-bottom: 50px; }
.podstrona h3 { font-size: 22px; margin-bottom: 20px; margin-top: 50px;color: #E22436; font-style: normal; }
.podstrona h2 { font-size: 26px; margin-bottom: 20px; margin-top: 50px;color: #E22436; font-style: normal;}


/******** rytmy mlodych ********/
.rytmy-all h1 { font-size: 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 50px;}
.rytmy-os-flex { display: flex; justify-content: space-between; }
.rytmy-os-mobile { display: none !important; }
.rytmy-os-punkt { text-align: center; flex: 0 0 16.666%; }
.rytmy-os-punkt .nazwa { font-size: 19px; text-transform: uppercase; line-height: 1.1; padding: 0 20px; height: 50px; font-weight: 500; opacity: 0.4  }
.rytmy-os-punkt .data { font-size: 18px; color: #E22436; line-height: 1.1; padding: 0 20px; opacity: 0.4  }
.rytmy-os-punkt .kropka {margin-top: 16px; margin-bottom: 10px; position: relative;}
.rytmy-os-punkt .kropka-inner { width: 30px; height: 30px; background: #fff; border-radius: 50%; display: inline-block;  position: relative;}
.rytmy-os-punkt .kropka-kreska { width: 100%; height: 3px; background: #fff; position: absolute; top: 50%; margin-top: -1.5px; }
.rytmy-os-punkt:first-of-type .kropka-kreska { width: 50%; left: 50% }
.rytmy-os-punkt:last-of-type .kropka-kreska { width: 50%; right: 50% }

.punkt-aktywny .nazwa, .punkt-aktywny .data {opacity: 1 }
.punkt-aktywny .kropka-inner { background: #E22436; border: solid 4px #fff }


.rytmy-wprowadzenie { display: flex; margin-top: 100px; justify-content: space-between; margin-bottom: 200px;}
.rytmy-wprowadzenie .kolumna { width: 48%; }
.rytmy-wprowadzenie .kolumna2 { text-align: center; }
.rytmy-wprowadzenie .kolumna2 .naglowek { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; }
.rytmy-wprowadzenie .kolumna2 .naglowek span { color: #E22436; }
.rytmy-wprowadzenie .kolumna2 .rytmy-button { color: #fff; background: #E22436; text-transform: uppercase; padding: 20px 60px; font-weight: 400; display: inline-block; font-size: 35px; border: solid 2px #E22436;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   }
.rytmy-wprowadzenie .kolumna2 .rytmy-button:hover { border: solid 2px #fff; color: #fff; background: transparent; }

.rytmy-laureat { margin-bottom: 100px; display: flex; justify-content: space-between; }
.rytmy-laureat .kolumna { width: 48%; }
.rytmy-naglowek-small { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; line-height: 1.1}
.laureat-foto { position: relative; flex: 0 0 48%; }
.laureat-foto .foto { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.laureat-foto:after { padding-top: 100%; content: ""; display: block; }
.rytmy-laureat .kolumna-flex { display: flex; justify-content: space-between; }
.rytmy-laureat .kol-flex { width: 48%;  }
.laureat-social {display: flex; justify-content: flex-start; align-items: center;}
.laureat-social a {margin-right: 25px; }
.laureat-social a img { height: 35px; -webkit-transition: all 0.2s ease-in-out; display: block;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.laureat-social a:hover img { transform: scale(0.8); }

.rytmy-uczestnicy { margin-top: 100px;  }

.rytmy-jury-flex { display: flex; justify-content: space-between; align-content: flex-start; flex-wrap: wrap;}
.rytmy-juror { width: 18%; flex: 0 0 18%; margin-bottom: 30px; background: #E22436;}
.item-empty { visibility: hidden;}
.rytmy-juror-info { background: #E22436; padding: 20px; }
.rytmy-juror-info .juror-imie, .rytmy-juror-info .juror-nazwisko { font-size: 24px; text-transform: uppercase; line-height: 1.2; font-weight: 700 }
.rytmy-juror-info .juror-firma { font-size: 18px; margin-top: 10px; text-transform: uppercase; }
.rytmy-jury { margin-top: 200px; }
.jury-naglowek { font-size: 90px; font-weight: 700; text-transform: uppercase;  }
.jury-naglowek-mobile { display: none; }




/************* RYTMY ZGŁOSZENIA ********************/
.container-zgloszenia{ background: #E22436; padding: 50px; padding-bottom: 100px; }
.header-zgloszenia{ font-size: 26px; text-transform: uppercase; font-weight: 300; margin-bottom: 40px; }
.header-zgloszenia span{ font-size: 70px; font-weight: 700; display: block; line-height: 1; }
.zgloszenia-flex{ display: flex; flex-direction: row; justify-content: space-between; }
.zgloszenia-flex .col-50{ width: 47%; }

.zgloszenia-foto-flex{ display: flex; flex-direction: row; justify-content: space-between; }
.zgloszenia-foto-L{ width: 29%; }
.zgloszenia-foto-L .zgloszenia-foto{ width: 100%; background: url('../img/foto-zgloszenia.jpg') center center #fff no-repeat; background-size: 80%; }
.zgloszenia-foto-L .zgloszenia-foto:after{ padding-top: 100%; display: block; content: ''; }
.zgloszenia-foto-R{ width: 67%; }
.container-zgloszenia .info{ font-size: 14px; line-height: 1.4; display: inline-block; margin: 5px 0 0; width: 100%; }
.container-zgloszenia input[type=file]{ margin: 20px 0 5px; }
.container-zgloszenia input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #FFFFFF;
  padding: 10px 20px;
  border-radius: 0px;
  color: #E22436;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.container-zgloszenia input[type=file]::file-selector-button:hover{
  background: #811b21; color: #fff;
}

.zgloszenia-file-container2{ margin-bottom: 20px; }

.form-separator{ width: 100%; height: 30px; }
input#zgloszenia_form{ color: #E22436; width: 190px; background: #fff; font-size: 18px; text-align: center; padding: 10px 0; margin-right: 25px; border: 0px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
input#zgloszenia_form:hover { background: #811b21; color: #fff; }
input#zgloszenia_form.none-active{
    opacity: .3;
}



.flex-zgloszenia-form{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.flex-zgloszenie{ display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 50px; margin-top: 20px; width: 48%; }
.flex-zgloszenie .foto{ width: 34%; position: relative; }
.flex-zgloszenie .foto:after{ padding-top: 100%; content: ''; display: block; }
.flex-zgloszenie .foto img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.flex-zgloszenie .desc{ width: 62%; align-self: flex-end; }
.flex-zgloszenie .desc .nazwa{ color: #E22436; font-size: 35px; font-weight: bold; margin-bottom: 15px; }
.flex-zgloszenie .desc .nazwa span{ font-size: 13px; text-transform: uppercase; display: block; }
.flex-zgloszenie .desc .tekst-zgloszenie{ font-size: 17px; margin: 5px 0; }
.flex-zgloszenie .desc .tekst-zgloszenie a{ text-decoration: underline; }
.flex-zgloszenie .desc .zgloszenia-buttony{ margin-top: 20px; }
.flex-zgloszenie .desc .zgloszenia-buttony .button{ background: #E22436; padding: 5px 10px; font-size: 13px; color: #fff; display: inline-block; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; }



/*    ZESPOŁY GŁOSOWANIE   */

.rytmy-formularz-glosuj { width: 600px; margin: auto; margin-top: 70px; margin-bottom: 100px; display: none;}
.rytmy-formularz-glosuj .naglowek{ font-size: 49px; font-weight: bold; text-transform: uppercase; color: #E22436;}
.rytmy-formularz-glosuj .naglowek span{ display: block; font-size: 42px; }
.rytmy-formularz-glosuj .tekst{ font-size: 16px; line-height: 1.5; margin: 15px 0 30px; }
.rytmy-formularz-glosuj input[type=submit]{ color: #FFF; width: 220px; background: #E22436; font-size: 22px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 10px 0; margin-right: 25px; border: 0px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.rytmy-formularz-glosuj input[type=submit]:hover { background: #811b21; color: #fff; }
.rytmy-formularz-glosuj input[type=submit].none-active{ opacity: .3; }


.rytmy-zespoly-vote{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 150px; }
.rytmy-zespoly-vote-item{ width: 48%; margin-bottom: 85px; display: flex; flex-direction: row; justify-content: space-between; }

.rytmy-zespoly-vote-item .foto-container{ width: 34%; position: relative; }
.rytmy-zespoly-vote-item .foto{ width: 100%; position: relative; overflow: hidden; }
.rytmy-zespoly-vote-item .foto:after{ padding-top: 100%; content: ''; display: block; }
.rytmy-zespoly-vote-item .foto img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.rytmy-zespoly-vote-item .content{ width: 62%;  }
.rytmy-zespoly-vote-item .nazwa{ background: #E22436; padding: 15px; font-size: 27px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
.rytmy-zespoly-vote-item .posluchaj-rytmy{ margin-bottom: 25px; font-size: 15px; text-transform: uppercase; }
.rytmy-zespoly-vote-item .posluchaj-rytmy audio{ width: 100%; margin: 10px 0; }
.rytmy-zespoly-vote-item .icons{ width: 100%; }
.rytmy-zespoly-vote-item .icons img{ height: 28px; display: inline-block; margin: 0 5px; }
.rytmy-zespoly-vote-item .socials .icons img{ height: 22px; }
.rytmy-glosowanie-bottom{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px; }
.rytmy-glosowanie-bottom .ile-glosow{ width: 48%; background: #E22436; text-align: center; font-size: 25px; text-transform: uppercase; color: #fff; padding: 15px 5px; line-height: 1; font-weight: 600; }
.rytmy-glosowanie-bottom .glosuj-button{ width: 48%; border: 2px solid #fff; text-align: center; color: #fff; padding: 15px 5px; cursor: pointer; line-height: 1; font-size: 25px; font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.rytmy-glosowanie-bottom .glosuj-button:hover{ background: #fff; color: #252525; }
.rytmy-zespoly-vote-item-final1{  }
.rytmy-zespoly-vote-item-final1 .nazwa{ background: #ffcc00; color: #000;}
.rytmy-zespoly-vote-item-final1 .nazwa:after{ display:block; width:100%; content:'FINALISTA'; color:#ffcc00; background: #000; padding:5px; font-size:17px; text-align:center; }


/******* artysci program *************/

.brak-wydarzen { margin-top: 40px;  }
.artysci-dzien { display: none; margin-bottom: 20px; }
.artysci-dzien .artysci-dzien-naglowek { font-size: 30px; text-transform: uppercase; font-weight: 700; color: rgba(226, 36, 54, 1); margin-bottom: 20px;  }
.artysci-dzien .artysci-kolumna span { font-size: 22px; text-transform: uppercase; font-weight: 700 }
.artysci-dzien .artysci-blok-nazwa { margin-bottom: 10px;  }
.artysci-dzien .blok-artysta-kiedy { display: block; line-height: 1;}
.artysci-filtry { padding-left: 50px; margin-bottom: 50px; text-transform: uppercase; font-weight: 700; font-size: 20px;  }
.filtry .filtr { display: inline-block; margin-right: 30px; cursor: pointer; opacity: 0.5  }
.artysci-filtry-dni { margin-bottom: 20px; color: rgba(226, 36, 54, 1);  ; }
.filtry .filtr.filtr-active { opacity: 1 }
.dzien-aktywny { display: block; }

.artysci-dzien .artysci-blok { margin-bottom: 20px;  }
.artysci-dzien .artysci-flex { gap: 30px;  }
.artysci-dzien .artysci-kolumna { display: none; width: auto; flex: 1; max-width: 70%; margin-bottom: 25px; }
.artysci-dzien .artysci-kolumna.scena-aktywna { display: block; }

.filtr-scena { margin-bottom: 5px;  }


.filtry .filtr.tmp-active { opacity: 1  }
.artysci-dzien.tmp-active { display: block; }
.artysci-dzien .artysci-kolumna.tmp-active { display: block; }


.wydarzenia-nieaktywne { opacity: 0.3; display: inline-block; margin-right: 50px; }
.filtry .filtr.wydarzenia-nieaktywne.tmp-active { opacity: 0.3; display: inline-block; }
.artysci-dzien .artysci-flex { justify-content: flex-start; }
.artysci-dzien .artysci-kolumna { max-width: 40%;  }