/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@font-face {
  font-family: 'visual';
  src: url('../fonts/visual-regular-webfont.woff2') format('woff2'),
       url('../fonts/visual-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-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: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: #381fff;
	font-size: 30px;
	line-height: 1.4; 
	font-weight: 400;
	font-family: mono45-headline, monospace;
  overflow: visible;
  background: #ffefe8;
}


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

ul{ margin: 15px 0 25px;  margin-left: 30px }
ul li{ margin-left: 0px; padding-left: 25px; margin-bottom: 10px; position: relative; }


.small { font-size: 14px;  }
.anim-auto { opacity: 0 }

/***************** menu res ******************/
  .menuMobileClick{ width: 64px; height: 58px; cursor:pointer; z-index:980; text-align:right; flex-direction: column; align-items: flex-end; position: absolute; top: 0; right: 0; background: #ffc590 ; border-radius: 5px; padding: 12px 10px; 
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
  .menuMobileClick div {
      width: 44px;
      height: 5px;
      background-color: #381eff;
      display: block;
      margin: 5px 0;
      border-radius: 3px

  }
  
  .home .menuMobileClick { background: #ffeee7 }


  .menuFixed{ position: absolute; width: 200px; height: auto; padding: 0;background: rgba(255, 197, 144, 0.85); border-radius: 5px; z-index: 10011; right: 80px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;

    }
  .home .menuFixed { background: rgba(255, 238, 231, 0.85); }
  .menuFixed-inner{ width: 100%; min-height: 200px; position: relative; overflow: hidden; }
  .closeMenuContainer{ text-align:right; position: absolute; top: 35px; left: 40px;  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;}
  .closeX:before, .closeX:after {  width: 30px; height: 3px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -15px; display: block; background-color: #fff; transition: all 0.25s ease-out;}
  .closeX:after { transform: rotate(-135deg);}
  .menuFixed ul{ margin: 0px; padding: 20px; list-style: none; display: flex; flex-direction: column; text-align: right;  }
  .menuFixed ul li{  color:#fff; overflow: hidden; font-size: 26px; color: #381eff; position: relative; z-index: 100;  line-height: 1; margin: 10px 0; letter-spacing: 1px;  text-transform: uppercase; text-align: right; padding-left: 0;}
  .menuFixed ul a{ display: block; text-align: right; }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ letter-spacing: 4px; color: #EFEFEF;}
 .menuMobileClick.open div:nth-child(1) {transform: rotate(45deg) translate(7px, 7px);}
 .menuMobileClick.open div:nth-child(2) {opacity: 0;}
.menuMobileClick.open div:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px);}
.menuMobileClick div { transition: all 0.3s ease;}

/***********************************/
#wpadminbar { display: none; }

.content-area { position: relative; }
.clear { clear: both; }
strong { font-weight: 700 }
.all { overflow: hidden; }

.container { width: 1380px; margin: auto; }

.home .top { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999999 }
.top-flex { position: relative; }
.top-menu { font-size: 15px; text-align: right; }
.top-menu li { display: inline-block;  }

.logo-main { width: 780px; }
.logo-main img { width: 100% }



.page-id-10 .top-menu { color: #ffeee7; }

.home-main { min-height: 80vh; background: #1d0547; position: relative; }
.main-naglowek-wrapper {min-height: 80vh; width: 100%; color: #ef8d15; font-family: "visual"; font-size: 160px; line-height: 1; padding-top: 300px; padding-bottom: 100px; display: flex;
    flex-direction: column;
    justify-content: flex-end; position: relative; z-index: 9}
.main-naglowek-wrapper .container { margin-bottom: 0 }
.main-naglowek { padding-right: 70px;  }
.main-dopisek { color: #ffefe8; font-size: 70px; margin-top: 40px; padding-right: 70px;}
.napis-prawa { background: #0b24fb; border-radius: 10px; color: #ffefe8; position: fixed; font-family: mono45-headline, monospace !important; bottom: 5%; right: 2%; padding: 15px 2px; writing-mode: vertical-lr;  text-orientation: mixed;  transform: rotate(180deg); font-size: 23px;  white-space: nowrap; z-index: 9999 }
.home-pasek { background: #ffd8b8; padding: 10px 0; line-height: 1; margin-top: 100px; }
.pasek-inner { display: inline-block; white-space: nowrap;}

.home-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 }
.home-back-mobile { display: none; }
.home-back video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; object-fit: cover; }

/********** bloki ***********/
h2 { font-size: 46px;  }
.sekcja { margin-top: 60px; }
h2.sekcja { margin-top: 100px; }

.bloki-tekst h3 { font-size: 40px;  }
.bloki-tekst h4 { font-size: 34px;  }
.bloki-tekst h5 { font-size: 28px;  }


.bloki-flex { display: flex;justify-content: space-between; flex-wrap: wrap; }
.home .bloki-kol { width: 42%; flex: 0 0 42%; }
.bloki-kol { width: 48%; flex: 0 0 48%; }
.bloki-tekst { font-family: "visual"; font-size: 26px;  }
.bloki-kol img { width: 100%;  }
.bloki-foto-podpis { font-family: "visual"; font-size: 16px;  }
.blok-prawa { flex-direction: row-reverse; }
.bloki-kol3 { width: 30% !important; flex: 0 0 30% !important; margin-top: 50px;   }
.bloki-flex3:after { content: ""; flex: 0 0 30%; }
.bloki-flex3.sekcja { margin-top: 50px; }

.foto-poziom {width: 100%; position: relative; overflow: hidden;}
.foto-poziom .foto {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.foto-poziom:after {display: block; content: ""; padding-top: 52%;}

.kafelek-nazwa { margin-top: 10px; }
.kafelek-dopisek { font-size: 20px;  }
.bloki-opis-small { font-family: "visual"; font-size: 20px; width: 50%; margin-top: 30px;}

.lista ol { list-style: none;  }
.lista ol li { display: flex; align-items: flex-start; margin-bottom: 30px;   }
.ol-number { display: block; width: 90px; flex: 0 0 90px;   font-size: 72px; letter-spacing: -5px; margin-right: 20px; line-height: 1 }
.ol-text { color: #000; }
.ol-text strong { font-weight: 400; color: #381fff; }
.lista .alt .ol-number { color: #ff9c3b; }

.bloki-film {  width: 80%; margin: auto;  margin-top: 100px; margin-bottom: 100px;}
.bloki-film-container { position: relative; width: 100%; padding-bottom: 56.25%;  height: 0;  overflow: hidden; margin-bottom: 10px; border-radius: 5px;}
.bloki-film-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


.strzalka { text-align: right; margin-top: 30px; }
.strzalka img { width: 84px; margin-right: 10% }
.strzalka-lewa { transform: scaleX(-1); text-align: left; }
.strzalka-lewa img {margin-left: 45%}
.strzalka-foto-lista-mobile { display: none; }

.panele-container { display: flex; flex-direction: column;}
.panele-container.kolejnosc-zamien { flex-direction: column-reverse; }
.panele-container .bloki-kol { margin-top: 60px;  }
.panele-container .data-godzina { font-size: 20px; }
.panele-info { margin-top: 10px; font-family: "visual";  }
.panele-wstep { position: relative; font-family: "visual"; }
.panele-pokaz, .panele-pokaz2 { position: absolute; bottom: 0; right: 0; font-size: 20px; font-family: "visual";}
.ukryty-panel {
  display: none;
}
.panele-pokaz-mobile { display: none; position: relative; }
.brak-paneli { margin-top: 20px; }
.panele-info-podtytul { font-size: 20px; margin-bottom: 10px;  }

.aktualnosci-container .bloki-flex3 .bloki-kol3 {font-family: "visual"; font-size: 25px; line-height: 1.3  }
.aktualnosci-container h2 { position: relative; }

.tekst-talks-inner { width: 70%; margin: auto; text-align: center; background: url(../img/talks.svg) no-repeat; background-size: contain; background-position: center;padding: 100px 0; }


.home-logotypy { margin-top: 120px; border-top: solid 1px #c0c0c0; padding-top: 60px; margin-bottom: 100px }
.home-logotypy-flex { display: flex; justify-content: flex-start; width: 104%; margin-left: -2%; flex-wrap: wrap; }
.logotypy-box { margin-left: 2%; margin-right: 2%; margin-bottom: 30px;  }
.logotypy-box span { color: #000000; font-weight: 300; font-size: 18px; text-transform: uppercase; display: block;margin-bottom: 20px; white-space: nowrap; }
.logotypy { display: flex; justify-content: space-between; flex-wrap: wrap;}
.logotypy img { height: 37px; margin-right: 80px; margin-bottom: 10px; display: inline-block; }

footer { background-color: #1d0678; padding: 50px 0; font-family: "visual"; font-size: 16px; color: #ffefe8;}
.stopka-lewa { display: flex; flex-direction: column; justify-content: space-between; }
.stopka-lewa img { width: 410px; }
.stopka-prawa img { width: 264px; margin-left: 100px;  }
.stopka-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-nav, .footer-menu { display: inline-block; margin-left: 0; margin-bottom: 0 }
.footer-nav li { display: inline-block; margin-left: 80px;  }


.sekcja-start.container { margin-top: 150px }

.single h1 { font-size: 68px; font-family: "visual"; line-height: 1;  }
.podtytul { font-size: 34px; font-family: "visual"; margin-top: 20px }
.artykul-data { font-size: 30px; margin-top: 20px; }

.panel-info-container { margin-top: 50px; padding: 20px 30px; border-radius: 20px; border: solid 3px #381eff; font-size: 22px; font-family: mono45-headline, monospace;}
.panel-info-flex { display: flex; flex-wrap: wrap; border-bottom: solid 1px #381eff; padding: 10px 0; }
.panel-info-flex:first-of-type { padding-top: 0 }
.panel-info-flex:last-of-type { border-bottom: 0; padding-bottom: 0 }
.panel-info-l { flex:0 0 200px; text-transform: uppercase;   }
.panel-info-r { flex: 0 0 calc(100% - 200px); text-transform: uppercase;   }
.panel-info-mapa { font-size: 13px; color: #ffefe8 !important; background: #381eff; padding: 5px 10px; position: absolute; right: 0; top: 0  }
.button-facebook { font-size: 30px; color: #ffefe8 !important; background: #381eff; padding: 10px 30px; margin-top: 30px; display: inline-block; font-family: mono45-headline, monospace; }
.panel-padd {position: relative; padding-right: 110px}

.page h1 { font-size: 130px; font-family: "visual"; line-height: 1;  }


p { margin-bottom: 40px; }
p:last-of-type { margin-bottom: 0 }

.page-404 { margin-top: 200px; }
.page-404 h1{ font-size: 70px;  }

/*************** zapowiedź ***************/


* {
  padding: 0;
  margin: 0;
}
body.page-id-6{
 overflow: hidden; min-height: 100vh
}
.wrapper { margin-top: -50px;
  font-family: "VT323", monospace;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #1d09dd
}

.wrapper > .transition {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    fill: #ffad4b;
}

.wrapper > .logo {
  overflow: hidden;
  width: 60%;
 
  max-height: 40%;
  position: absolute;
  z-index: 1;
}
.zapowiedz { padding-top: 0 }
.wkrotce { position: absolute;
  top: 20px;
  z-index: 9;
  font-size: 30px; 
  color: #1d09dd;width: 100%; text-align: center;
 }

.page-id-6 .top, .page-id-6 footer { display: none; }