/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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: #0a0a0a;
	font-size: 22px;
	line-height: 1.4; 
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: visible;
  background: #fff;
  letter-spacing: 0.3px;
}


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

ul{ margin: 0; list-style: none;}
ul li{ margin-left: 0px; padding-left: 25px; margin-bottom: 10px; position: relative; }


.small { font-size: 14px;  }


/***************** menu res ******************/
  .menuMobileClick{ width: 35px; height: 40px; 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;}
  .menuMobileClick div {
      width: 35px;
      height: 4px;
      background-color: #ccff00;
      display: block;
      margin: 4px 0;
      border-radius: 3px

  }
  


  .menuFixed{ position: fixed; width: 350px; height: 100%; padding: 0; background: #FFFFFF; z-index: 10011111; right: 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: #fff}
  .closeMenuContainer{ text-align:right; position: absolute; top: 50px; right: 4%;  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: #ccff00; transition: all 0.25s ease-out;}
  .closeX:after { transform: rotate(-135deg);}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column;  }
  .menuFixed ul li{ font-weight: 400; color:#0a0a0a; text-align: right; overflow: hidden; padding: 15px 0px;font-size: 20px; font-weight: 500; position: relative; z-index: 100; display: inline-block; line-height: 1.2; }
  .menuFixed ul a{ display: inline-block; text-align: right;  }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ letter-spacing: 4px; color: #EFEFEF;}
 
  .top { position: absolute; width: 100%;z-index: 9999999 }
  .top-menu { text-align: right;  }
  .top-menu li { display: inline-block; font-size: 14px; text-align: right; margin-left: 20px; margin-right: 0 }
  .top-main { display: flex; justify-content: space-between; }

  .home .top { color: #fff }
  .menu { text-align: right;  }
  .menu li { display: inline-block; font-size: 18px; text-align: right; margin-left: 20px; margin-right: 0 }
  .main-menu { margin-top: 20px;  }
  .top .menu li a { position: relative; }
  .top .menu li a:after { width: 0%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 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; }
  .top .menu li a:hover:after { width: 100%; right: auto; left:0; }
  .top .menu li.menu-button a { background: #ccff00; color: #000000 !important; text-align: center; margin-left: 50px; padding: 15px 60px; 
    -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 .menu li.menu-button a:after { display: none; }
  .top .menu li.menu-button a:hover { background: #000;  color: #ccff00 !important; }

  .top .menu .current-menu-item a:after { width: 100%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 0; }
  .menuFixed .menu .current-menu-item a:after { width: 100%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 0; }
/***********************************/
#wpadminbar { display: none; }

.anim-auto { opacity: 0 }
.clear { clear: both; }
strong { font-weight: 700 }
.all { overflow: hidden; }

h1 { font-size: 100px;  line-height: 1.1; font-weight: 500 }
h2 { font-size: 90px; line-height: 1.1; font-weight: 500 }
h3 { font-size: 42px; line-height: 1.1; font-weight: 500;   }
h4 { font-size: 30px; font-weight: 500; margin-bottom: 10px  }
h5 { font-size: 26px; font-weight: 500  }

h3:has(+ *) {
  margin-bottom: 30px;
}

h3:not(:has(+ *)) {
  margin-bottom: 0;
}

a { position: relative; }
a:after { width: 0%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 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; }
a:hover:after { width: 100%; right: auto; left:0; }


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


.logo { width: 164px; }
.logo img { width: 100%;  }
.logo a:after { display: none; }

.home-top { }

.home-top-background { padding: 300px 0; display: flex;flex-direction: column;justify-content: center;  min-height: 90vh; position: relative; }
.home-top-napis { font-size: 190px; color: #fff; white-space: nowrap; position: relative; }
.loop-scroll { overflow: hidden; white-space: nowrap; position: relative;}
.loop-scroll__track { display: inline-flex; white-space: nowrap; will-change: transform;}
.nakladka-home-wrapper { width: 100%; height: 100%; position: absolute; z-index: 1 }
.nakladka-home-wrapper .container {  height: 100%; position: relative; display: flex; justify-content: space-between;  }
.nawias { position: absolute; top: 0; height: 100%; width: 100px; background-repeat: no-repeat; background-position: center left; z-index: 1;}
.nawias-left { left: 0; background-image: url(../img/nawias-l.svg);}
.nawias-right { right: 0; background-image: url(../img/nawias-p.svg); background-position: right center;}

.home-opis { position: absolute; bottom: 50px; width: 100%; color: #fff; font-size: 34px;   }
.home-opis .container p { width: 40%; }
.home-mobile { display: none; }
.home .top-inner,.home-opis {opacity: 0;}


.sekcja { margin-top: 100px; }

.button-line { position: relative; }
.button-line:after { width: 0%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 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-line:hover:after { width: 100%; right: auto; left:0; }

.blok { padding-top: 50px;  }
.blok-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.blok-kolumna { width: 48%; flex: 0 0 48%; }
.blok-flex.blok-prawa { flex-direction: row-reverse; }
.bloki-podkreslenie { margin-top: 50px; width: 100%; height: 1px; background: #c0c8cc; }

.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: 72%;}
.foto-poziom .foto:before { content: ""; width: 100%;height: 50%;background: url(../img/nawias-l.svg) no-repeat; display: block; position: absolute; top:25%; left: 5%  } 
.foto-poziom .foto:after { content: ""; width: 100%; height: 50%; background: url(../img/nawias-p.svg) no-repeat; display: block; background-position: right center; position: absolute; top: 25%; right: 5%}
.foto-kwadrat {width: 100%; position: relative; overflow: hidden;}
.foto-kwadrat .foto {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.foto-kwadrat:after {display: block; content: ""; padding-top: 100%;}


.kierunki { margin-top: 50px; }
.kierunki .blok-flex  { align-items: flex-end; }
.kierunki h2, .kadra h2 { line-height: 1 }
.kierunek-item .foto-poziom .foto { padding: 25px; color: #fff; }
.ilosc-godzin { position: absolute; left: 25px; bottom: 25px; font-size: 42px; line-height: 1.1; z-index: 3  }

.lista-kierunkow .kierunek-item { margin-bottom: 50px;  }
.kierunki .foto-poziom .foto:before { content: ""; width: 100%;height: 45%; z-index: 2; background: url(../img/nawias-l.svg) no-repeat; display: block; position: absolute; top: 34%; left: 25px;
  -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; } 
.kierunki .foto-poziom .foto:after { content: ""; width: 100%; height: 45%; z-index: 2; background: url(../img/nawias-p.svg) no-repeat; display: block; background-position: right center; top: 34%; position: absolute; right: 25px;
  -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;}
.kierunek-item:hover .foto-poziom .foto:before { left: 36%; }
.kierunek-item:hover .foto-poziom .foto:after { right: 36%; }
.kierunki h3 { position: relative; z-index: 3}
.kierunek-back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: 1; opacity: 0;
  -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;}
.kierunek-item:hover .kierunek-back { opacity: 0.4 }
.kierunek-arrow { width: 32px; height: 32px; background: url(../img/arrow.svg) no-repeat; background-size: cover; position: absolute; bottom: 25px; right: 25px; z-index: 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;}
.kierunek-item:hover .kierunek-arrow{ transform: scale(1.1); }


.blok-flex-kadra .blok-kolumna { width: 30%; flex: 0 0 30%; margin-bottom: 100px; }
.blok-flex-kadra .foto-kwadrat { width: 80%; margin: auto; border-radius: 50%; overflow: hidden; 
  -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;}
.kierunek-item .foto-kwadrat .foto:before { content: ""; width: 100%;height: 64%; z-index: 2; background: url(../img/nawias-l.svg) no-repeat; display: block; position: absolute; top: 18%; left: -50px;
  -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; } 
.kierunek-item .foto-kwadrat .foto:after { content: ""; width: 100%; height: 64%; z-index: 2; background: url(../img/nawias-p.svg) no-repeat; display: block; background-position: right center; top: 18%; position: absolute; right: -50px;
  -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;}
.kierunek-item:hover .foto-kwadrat .foto:before { left: 5px; }
.kierunek-item:hover .foto-kwadrat .foto:after { right: 5px; }

.blok-flex-kadra h3 { font-size: 18px !important; text-align: center; margin-top: 20px; }
.blok-flex-kadra h3 span { display: inline-block; position: relative; }
.blok-flex-kadra h3 span:after { width: 0%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 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; }
.kierunek-item:hover h3 span::after { width: 100%; right: auto; left:0; }
.blok-flex-kadra:after { content: ""; flex: 0 0 30%; }
.kadra-button { text-align: right; }
.kadra .lista-kierunkow .kierunek-item { margin-bottom: 100px; }
.blok-flex-kadra { margin-top: 100px; }
.blok-flex-kadra h3 .kadra-stanowisko { display: block; margin-top: 10px;   }
.blok-flex-kadra h3 .kadra-stanowisko:after { display: none }
.kadra .blok-flex { align-items: flex-start; }
.blok-flex-kadra { align-items: flex-start !important; }
.single-kadra-stanowisko { margin-top: 20px; }

.akordeon-all { border-top: solid 1px rgba(0, 0, 0, 0.3); margin-top: 40px;  }
.akordeon-panel { padding-top: 20px; border-bottom: solid 1px rgba(0, 0, 0, 0.3); cursor: pointer; position: relative;}
.akordeon-dopisek { font-size: 16px; margin: 15px 0 30px 0; }
.akordeon-tresc { font-size: 18px;  max-height: 0; overflow: hidden; transition: max-height 0.4s ease;}
.akordeon-tresc p { margin-bottom: 30px;  }
.akordeon-tresc p:last-of-type { margin-bottom: 60px;  }
.akordeon-arrow { width: 30px; height: 30px; position: absolute; top: 20px; right: 0px; background: #acbcc3; 
  mask-image: url('../img/arrow-down.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: contain;
  -webkit-mask-image: url('../img/arrow-down.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
  -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;}
 .akordeon-panel:hover .akordeon-arrow { background: #ccff00; }
 .akordeon-panel.active .akordeon-arrow { background: #ccff00; transform: rotate(-180deg); }

footer { margin-top: 100px; background: #d7e0e5; font-size: 16px; padding-bottom: 20px;}
.baner-stopka { padding: 60px 0; color: #fff; font-size: 64px; line-height: 1.2 }
.baner-stopka-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.baner-tekst { margin: 20px 0;margin-right: 50px;   }
.baner-button a,  .blok-button{ background: #ccff00; white-space: nowrap; margin: 20px 0; color: #000000 !important; text-align: center; padding: 15px 60px; font-size: 26px; 
 -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; }
.baner-button a:hover, .blok-button:hover { background: #000; color: #ccff00 !important; }
.baner-button a:after, .blok-button:after { display: none; }
.footer-logo { width: 160px; }
.footer-logo img { width: 100%; }
footer ul li { margin-bottom: 5px; padding-left: 0 }
.footer-flex { padding-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-flex-kolumna { padding-top: 25px;  }
.footer-menu-prawa { margin-top: 5px }
.footer-flex:last-of-type { padding-top: 120px;  }
.home-footer-napis { margin-top: 100px; color: #1c1c1c }
.footer-flex a { position: relative; }
.footer-flex a:after { width: 0%; height: 2px; background: #ccff00; position: absolute; bottom: -5px; left: auto; content: ""; right: 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; }
.footer-flex a:hover:after { width: 100%; right: auto; left:0; }
.footer-adres, .footer-kolumna { margin-bottom: 20px;  }
.footer-adres { margin-right: 50px;  }
.ministerstwo-copy { width: 300px; display: inline-block; font-size: 11px; margin-right: 30px; margin-top: 10px;  }
.stopka-ministerstwo img { width: 240px; display: inline-block; margin-top: 10px; }
.stopka-ministerstwo .footer-flex-kolumna { padding-top: 0; margin-right: 100px; }
.stopka-ministerstwo .footer-flex { align-items: flex-end; }
.stopka-ministerstwo .footer-flex-kolumna, .footer-copy { margin-bottom: 20px;  }

.content-area { padding-top: 250px;  }
.home .content-area { padding-top: 0 }
.blok a:after { width:100%; }
.blok a:hover:after { width: 0 }
.blok-foto { position: relative; }
.blok-foto img { width: 100%; display: block; }
.blok-foto:before { content: ""; width: 100%; height: 44%; z-index: 2; background: url(../img/nawias-l.svg) no-repeat; display: block;  top: 28%; position: absolute; left: 25px; }
.blok-foto:after { content: ""; width: 100%; height: 44%; z-index: 2; background: url(../img/nawias-p.svg) no-repeat; display: block; background-position: right center; top: 28%; position: absolute; right: 25px; }

.wprowadzenie { width: 50% }
.blok-button { font-size: 24px;    }

.single h1 { font-size: 48px; line-height: 1.1 }
.single h2 { font-size: 46px;  line-height: 1.1}
.single h3 { font-size: 42px;  line-height: 1.1}
.single h4 { font-size: 30px;  }
.single h5 { font-size: 26px;  }
.single-godziny { font-size: 40px; margin-top: 20px;  }
.single-opis { margin-top: 30px; }

.blok ul, .akordeon-tresc  ul { margin-bottom: 30px}
.akordeon-tresc  ul { margin-top: -20px; }
.blok ul li, .akordeon-tresc  ul li{ position: relative;  }
.blok ul li:before, .akordeon-tresc ul li:before{ width: 7px; height: 7px; content: ""; display: block; position: absolute; top: 12px; left: 0; border-radius: 50%; background: #ccff00;  }

.zobacz-rowniez { margin-top: 100px; width: 100%; border-top: 1px solid #c0c8cc; padding-top: 30px; margin-bottom: 50px; }

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

.kierunek-item a:after {display: none;}
.kierunki-zobacz-rowniez { border-top: 0; margin-top: 50px; }
.zespol-projektu { margin-top: 30px;  }