@import "animate.css";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root {
  --main-color: #225369;
  --yellow-color: #FAB50F;
  --orange-color: #EB7D35;
  --white-color: #fff;
  
  --main-bgcolor: #225369;
  --main-bgcolor005: rgba(34,83,105,0.05);
  --yellow-bgcolor: #FAB50F;
  --orange-bgcolor: #EB7D35;
  --white-bgcolor: #fff;
  
  --fontSize: 15px;
  --lineHeight: 24px;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: var(--fontSize);
	font-weight: 400;
	line-height: var(--lineHeight);
	color: var(--main-color);
	background-color: var(--white-bgcolor);
	margin:0px;
	padding: 0px;
	width: 100%;
	overflow-x: hidden;
}
header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 27;
}
main, section, footer { position: relative; }

a {
  color: var(--main-color);
  font-weight: 300;
  text-decoration: none;
  transition: 0.3s;
}
a:hover { color: var(--main-color); text-decoration: none; }

h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  padding: 7px 0px;
}
h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  padding: 7px 0px;
}
h3 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 500;
  padding: 7px 0px;
}
h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  padding: 7px 0px;
}


main img { max-width: 100%; height: auto; }
p { padding: 7px 0px; margin: 0px; }
span, .span { color: #9fa9b7; }
strong { font-weight: 700; }
small { font-size: 0.9em; }
  
.bg-wrap { background-color: var(--main-bgcolor); }
.bg-white { background-color: var(--white-bgcolor); }
.no-margin { margin: 0 !important; }
.no-border { border: 0 !important; }
.border1 { border: 1px solid #838383; }
.radius { border-radius: 16px; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.white { color: var(--white-color) !important; }
.green { color: green; }
.red { color: red; }
.blue,
.black { color: var(--main-color); }
.gray { color: #7d7d7e; }
.bigger { font-size: 1.3em; }
.biggest { font-size: 1.6em; }
.margin-10-0 { margin: 10px 0px; }
.image1 { float:left; border-radius:16px; margin-right:40px; width:40%; }
.lazy-bg, .lazy-gal { background-size: auto !important; }

.well-01 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.well-02 {
  padding-top: 75px;
  padding-bottom: 75px;
}
.well-03 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.logo { float: left; margin-right: 20px; }
.logo img { width: 150px; }
.logo-space { padding-right: 25px; margin-right: 15px; border-right: 1px solid rgba(255,255,255,0.5); }

#slogan {
	position: absolute;
	bottom: 90px;
	left: 0;
	right: 0;
	color: var(--white-color);
	display: none;
}
#slogan h1,
#slogan h2 { padding: 0; }
#slogan p { font-size: 1.5em; font-weight: 700; }

#timer {
	position: absolute;
	top: 120px;
	right: 0;
	left: 0;
	color: var(--white-color);
	text-align: right;
	display: none;
}
.timer1 { display: block; font-size: 1.1em; color: var(--white-color); }
.timer2 { display: flex; justify-content: flex-end; color: var(--white-color); margin-top: 20px; }
.timer2 div { text-align: center; margin-right: 3px; margin-left: 3px; }
.timer2 strong { font-size: 3em; }

#top {
	position: relative;
	border-bottom: 1px solid #fff;
	height: 90px;
	z-index: 23;
	display: none;
}

.znak-logo-black,
.znak-logo-light {
	position: relative;	
	background-repeat: no-repeat;
	background-size: cover;
	width: 275px;
	height: 140px;
	left: 50%;
	top: 0;
	margin-left: -137px;
	z-index: 24;
}
.znak-logo-black { background-image: url('../images/inne/logo_background_black.png'); }
.znak-logo-light { background-image: url('../images/inne/logo_background_light.png'); }

.znak-logo-black .brand,
.znak-logo-light .brand {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	width: 90px;
	height: 90px;
	overflow: hidden;
}

#partnertop { position: absolute; margin-top: 15px; }
#partnertop img { height: 60px; }
#accessibility { float: right; margin-top: 23px; margin-left: 10px; }
#accessibility a { display: inline-block; width: 30px; line-height: 44px; text-align: center; color: var(--white-color); transition: none; }
#accessibility a:hover { color: var(--yellow-color); }
#menu-trigger { display: none; }
#menu { float: right; margin-top: 23px; }
.sf-menu > li { display: inline-block; margin: 0px 1px !important; }
.sf-menu > li > a {
	position: relative;
	display: inline-block;
	padding-right: 15px; 
	padding-left: 15px; 
	line-height: 44px;
	color: var(--white-color);
	font-weight: 500;
	text-transform: lowercase;
	transition: none;
}
.sf-menu > li > a.fa-caret-down:before {
	position: absolute;
	top: 18px;
	left: 50%;
	padding: 0px;
	margin-left: -5px;
}
.sf-menu > li:last-child a { background-color: var(--yellow-bgcolor); }
.sf-menu > li:hover > a { background-color: var(--white-bgcolor); color: var(--main-color); }
.sf-menu > li:hover > ul { display: block; }
.sf-menu > li > ul {
  display: none;
  position: absolute;
  padding: 5px !important;
  background-color: var(--main-bgcolor);
}
.sf-menu > li > ul > li { display: block; overflow: hidden; }
.sf-menu > li > ul > li > a { display: block; text-transform: lowercase; color: var(--white-color); padding: 7px 17px; }
.sf-menu > li > ul > li > a:hover { background-color: var(--white-bgcolor); color: var(--main-color); }
.sf-menu > li > ul > li:hover > a { color: var(--main-color); }

.media a,
.popmedia a { 
	position: relative;
	display: inline-block;
	border: 1px solid #fff;
	margin: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: transparent;
	overflow: hidden;
}
.media a:hover,
.popmedia a:hover { color: transparent; }
.media a:before,
.popmedia a:before { 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: 20px;
	color: var(--white-color);
}
.popmedia a { border: 1px solid var(--main-color); }
.popmedia a:before { color: var(--main-color); }

[class*='fa-']:before,
[class*='fa-']:after {
  font-weight: 300;
  font-family: 'FontAwesome';
}
.fa-clock:before,
.fa-message:before,
.fa-calendar-days:before,
.fa-envelope:before,
.fa-circle:before,
.fa-circle-left:before,
.fa-file-pdf:before,
.fa-caret-right:before { padding-right: 7px; }

.fa-angle-up:before { content: ''; }
.fa-angle-up:after { content: '\f106'; padding-left: 7px; }

.fa-circle-right:before { content: ''; }
.fa-circle-right:after { content: '\f35a'; padding-left: 7px; }

.box_01,
.box_01news,
.box_02,
.box_02news,
.box_03,
.box_032,
.box_04,
.box_043,
.box_05 { float: left; }

.box_01 { width: 100%; }
.box_01news { width: 100%; margin: 20px 0; color: var(--main-color); }
.box_02 { width: 50%; }
.box_02news { width: 48%; margin: 15px 1%; padding-bottom: 10px; overflow: hidden; }
.box_03 { width: 33.33%; }
.box_032 { width: 66.66%; }
.box_04 { width: 23%; margin: 1%; }
.box_043 { width: 73%; margin: 1%; }
.box_05 { width: 20%; }

.box_img img {
	width: 100%;
	height: 380px;
	object-fit: cover;
}

.box_img2 {
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 20px;
	background-position: center; 
	background-size: auto 110%;
	background-repeat: no-repeat;
}
.box_txt,
.box_blacktxt,
.box_whitetxt,
.box_filmtxt {
	display: block;
	padding: 14px;
	box-sizing: border-box;
}
.box_blacktxt { color: var(--white-color); }
.box_whitetxt,
.box_filmtxt { color: var(--main-color); padding: 26px; }
.box_blacktxt strong,
.box_whitetxt strong,
.box_filmtxt strong { font-size: 1.4em; }
.box_blacktxt p,
.box_whitetxt p,
.box_filmtxt a { color: var(--main-color); }

.box_online {
	position: relative;
	padding: 45px 150px;
	box-sizing: border-box;
}
.box_news {
	position: relative;
	padding: 0px 50px;
	box-sizing: border-box;
}
.box_cnt {
	position: relative;
	padding: 55px;
	box-sizing: border-box;
}
.box_aboutus {
	padding: 1% 1% 0px 1%;
	box-sizing: border-box;
	color: #7d7d7e;
}
.box_prelegenci {
	position: relative;
	display: inline-block;
	background: var(--yellow-color);
	background: linear-gradient(180deg, var(--white-bgcolor) 100px, var(--yellow-bgcolor) 100px);
	width: 260px;
	margin: 15px;
	padding: 30px 20px 50px 20px;
	box-sizing: border-box;
}
.box_prelegenci:hover { background-color: rgba(34,83,105,0.2); }
.box_prelegent_photo {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
}
.box_prelegent_photo img {
	filter: grayscale(1);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box_cnt_prelegenci_txt { padding: 0px 300px; }

.box_site,
.box_person {
	display: flex;
	padding: 0px 90px;
	box-sizing: border-box;
}
.box_person_photo {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	margin-right: 50px;
}
.box_person_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box_person_program { margin-top: 0px; list-style: none; }
.box_person_program a:hover { border-bottom: 1px solid var(--main-bgcolor); }
.person-stanowisko { 
	display: inline-block; 
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	background-color: var(--yellow-bgcolor);
	color: var(--white-color);
}
.box_site_photo {
	position: relative;
	display: inline-block;
	width: 500px;
	height: 500px;
	margin-right: 50px;
}
.box_site_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box_partner,
.box_partner_active {
	position: relative;
	display: inline-block;
	width: 300px;
	margin: 15px;
	font-size: 0.9em;
	background-color: var(--white-color);
	color: var(--white-color);
}
.box_partner_active { cursor: pointer; }

.box_partner_active p {
	position: absolute;
	right: 15px;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -50px;
	width: 100px;
	height: 26px;
	text-align: center;
	opacity: 0;
	transition: 0.3s all ease;
	color: transparent;
	background: transparent;
}
.box_partner_active p:before {
	content: 'więcej';
	position: relative;
	line-height: 26px;
	padding: 0px;
	text-align: center;
	color: var(--white-color);
}
.box_partner_active:hover p { opacity: 1; background-color: var(--yellow-bgcolor); }

.box_partner > div,
.box_partner_active > div { 
	display: table-cell;
	width: 300px;
	height: 176px;
	vertical-align: middle;
	overflow: hidden;
}
.box_partner > div > img,
.box_partner_active > div > img { max-width: 100%; max-height: 100%; }
.box_partner label { 
	display: block;
	width: 100%;
	text-align: center;
}

.box_flex {
    display: flex;
    flex-wrap: wrap;
}

.img-wiadomosc { text-align: center; }
.img-wiadomosc img { max-height: 600px; }
.img-wiadomosc p + p { padding-top: 0px; text-align: left; }
.rozmiar-tekstu { padding: 20px 0px; }
.rozmiar-tekstu span { background-color: var(--main-bgcolor); color: var(--white-color); padding: 1px 2px; cursor: pointer; }
.rozmiar-tekstu span:nth-child(2) { font-size: 1.3em; }
.rozmiar-tekstu span:nth-child(3) { font-size: 1.6em; }

.box_preface { 
	float: left;
	width: 30%;
	background: linear-gradient(0deg, var(--white-bgcolor) 0px, var(--main-bgcolor) 0px, var(--main-bgcolor) 155px, var(--white-bgcolor) 155px);
}
.box_preface:nth-child(1) { padding-left: 5%; }
.box_preface:nth-child(3) { padding-right: 5%; }

.preface { 
	position: relative;
	width: 100%;
	height: 100%;
	background-size: 290px auto;
	background-position: bottom 155px left;
	background-repeat: no-repeat;
}
.preface > div:first-child { padding: 30px 0px 280px 45%; font-size: 0.9em; line-height: 1.2em; }
.preface > div:last-child { position: absolute; width: 100%; bottom: 60px; color: var(--white-color); text-align: center; }

.parallax {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.parallax01 { 
	position: relative;
	background-color: rgba(34,83,105,0.5);
	color: var(--white-color);
}
.parallax01 h2 { font-weight: 500; }
.parallax01 p { padding-right: 40%; }

.zagadnienia { text-transform: uppercase; }
.zagadnienia h2 { font-weight: 500; padding-bottom: 50px; }
.zagadnienia p { padding: 50px 0px; font-weight: 500; font-size: 1.7em; }
.zagadnienia > div div:nth-child(4n+1) p { color: #5d8b8a; }
.zagadnienia > div div:nth-child(4n+2) p { color: #5a5b8d; }
.zagadnienia > div div:nth-child(4n+3) p { color: var(--yellow-color); }
.zagadnienia > div div:nth-child(4n+4) p { color: #cf603e; }
.zagadnienia > div div:nth-child(4n+5) p { color: var(--yellow-color); }

.box_zagadnienia {
	position: relative;
	display: inline-block;
	width: 48%;
	margin: 0 auto;
}

.why-worth img,
.place img { width: 100%; }
.why-worth .white,
.place .city { padding: 10% 15%; }
.place { border-bottom: 2px solid var(--main-color); }

.program-sciezka { display: block; padding: 10px 20px; color: #fff; }
.program-sciezka p:first-child { font-size: 1.3em; }
.program-sciezka a { color: var(--white-color); }
.program-sciezka ul { margin-top: 0px; }
.program-list { display: flex; padding: 20px 20px 20px 0px; }
.program-list ul { margin-top: 0px; }
.program-list > div:nth-child(1) { width: 20%; text-align: center; }
.program-list > div:nth-child(2) { width: 80%; }
.program-list > div:nth-child(2) > p:first-child { font-size: 1.3em; }
.program-list > div:nth-child(2) > p:nth-child(2) { border-top: 1px solid var(--main-bgcolor005); }
.program-list:nth-child(2n+1) { background-color: var(--main-bgcolor005); }
.program-prelegent { display: flex; background-color: var(--main-bgcolor005); padding: 1px; color: var(--main-color); }
.program-prelegent:hover { background-color: var(--main-bgcolor); color: var(--white-color); }
.program-prelegent > div:nth-child(1) {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 15px;
}
.program-prelegent > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.program-prelegent > div:nth-child(2) { padding-right: 20px; line-height: 50px; }
.program-godz {
	display: inline-block;
	background-color: var(--yellow-bgcolor);
	padding: 15px 25px;
	margin: 1px 0px;
	color: var(--white-color);
	font-size: 1.2em;
}
.program-lok {
	display: inline-block;
	background-color: var(--yellow-bgcolor);
	padding: 15px 25px;
	margin: 1px 0px;
	color: var(--white-color);
	font-size: 1.2em;
}
.program-info { padding: 15px 0px; }

.btn {
	color: var(--white-color);
	font-weight: 500;
	background-color: var(--yellow-bgcolor);
	display: inline-block;
	padding: 10px 30px;
	transition: 0.3s;
}
.btn:hover {
	background-color: var(--main-bgcolor);
	color: var(--white-color);
	text-decoration: none;
}
.navi-btn .btn { margin: 2px; }

#toTop {
  width: 40px;
  height: 60px;
  font-size: 25px;
  line-height: 40px;
  color: var(--yellow-color);
  position: fixed;
  right: 1%;
  bottom: 0px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  cursor: pointer;
}
#toTop:hover {
  color: var(--orange-color);
  text-decoration: none;
}

hr {
  background: rgba(255,255,255,0.5);
  margin: 0;
  padding: 0;
  border: 0;
  height: 1px;
}
.hr01, .hr01a { margin: 20px auto; width: 120px; }
.hr01a { background: rgba(34,83,105,0.5); }

.resp-tabs-list,
.resp-tabs-list2 { display: none; margin: 0px; padding: 0px; list-style: none; }
.resp-tabs-list li,
.resp-tabs-list2 li { cursor: pointer; margin: 0px; padding: 0px; }
.resp-accordion {
	display: block;
	cursor: pointer;
	color: var(--main-color);
	background-color: var(--main-bgcolor005);
	font-size: 20px;
    line-height: 30px;
	font-weight: 500;
	padding: 20px;
	padding-left: 70px;
	margin: 20px 0px;
	transition: 0.3s;
}
.resp-accordion2 {
	display: block;
	cursor: pointer;
	color: var(--white-color);
	background-color: var(--main-bgcolor);
	padding: 15px 20px;
	padding-left: 70px;
	margin: 20px 0px;
	transition: 0.3s;
}
.resp-accordion:before,
.resp-accordion2:before {
	position: absolute;
	content: "\f105";
	font-family: 'FontAwesome';
	width: 70px;
	margin-left: -70px;
	text-align: center;
}
.resp-accordion:hover,
.resp-accordion2:hover { background-color: var(--main-bgcolor); color: var(--white-color); }
.resp-tab-active:before { content: "\f107"; }
.resp-tab-content { display: none; padding: 0px 30px; margin: 0px; }
.resp-tab-content-active { display: inline-block; }

.resp-tabs-container2 { display: inline-block; width: 100%; }

.resp-accordion2 p:first-child { padding: 0px; font-size: 1.3em; }
.resp-accordion2 a { color: var(--white-color); }

.program-list .fa-caret-right:before,
.resp-accordion2 .fa-caret-right:before {
	position: absolute;
	margin-left: -15px;
	padding-right: 0px;
}

.thumb {
	position: relative;
	display: inline-block;
	width: 326px;
	height: 326px;
	margin: 4px 5px;
	overflow: hidden;
}
.thumb img {
	width: 100%;
	height: 100%;	
	object-fit: cover;
	transition: 0.5s all ease;
}
.thumb:hover img { transform: scale(1.1); }

.thumb_overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: 0.3s all ease;
	color: transparent;
	text-align: center;
	background: transparent;
}
.thumb_overlay:before {
  content: '\f065';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: 300 30px 'FontAwesome';
  line-height: 30px;
  margin-top: -15px;
  color: #fff;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}

#pop-div {
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	background: rgba(0,0,0,0.8); 
	text-align: center; 
	z-index: 100;
}
#pop-div .fa-xmark {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 40px;
	transition: 0.5s all ease;
}
#pop-div .fa-xmark:hover { transform: rotate(180deg); }

#inside-div { 
	left: 50%; 
	top: 10%; 
	bottom: 10%;
	margin-left: -250px;
	padding: 20px;
	width: 500px;
	position: fixed; 
	background-color: var(--white-bgcolor);
	box-sizing: border-box;
	overflow: auto;
}
.inside-patron { background-color: var(--main-bgcolor); color: var(--white-color); margin-bottom: 10px; }
.inside-patron-img img { max-width: 300px; max-height: 200px; }

#strona { display: block; padding: 20px; text-align: center; }
#strona a,
#strona strong  {
	background-color: var(--white-bgcolor);
	display: inline-block;	
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 2px;
	text-align: center;
	color: var(--main-color);
	border-radius: 50%;
}

#strona a:hover { background-color: var(--yellow-bgcolor); }

table {
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
}
td, th { padding: 5px; }

figure.table td { border-bottom: 1px solid rgba(34,83,105,0.5); vertical-align: top; }
.table-form1 td { width: 50%; }
.vercode img { float: left; margin: 7px 0 0 5px; border-radius: 16px; cursor: pointer; }
.vercode input { width: 110px; }

.dlakogo { padding: 50px 0px; }
.dlakogo_txt { padding: 50px; }
.dlakogo_img { padding: 30px 0px; }
.dlakogo_img img { border-radius: 16px; }

.register iframe { width: 1px; min-width: 100%; }
.transmisja { width: 100%; }
.transmisja iframe { display: block; width: 100%; height: 668px; }

footer { color: rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.25); font-size: 0.9em; }
footer a { color: rgba(255,255,255,0.7); }
footer a:hover { color: var(--white-color); }
footer .menubottom { border-top: 1px solid rgba(255,255,255,0.25); padding: 20px 0px; }