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

body {
	font: 400 15px/24px 'Rubik', sans-serif;
	background: #e5eff5;
	margin:0px;
	padding: 0px;
	width: 100%;
	overflow-x: hidden;
	color: #000;
}
header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 27;
}
main, section, footer { position: relative; }

a {
  color: #0e88cf;
  font-weight: 300;
  text-decoration: none;
  transition: 0.3s;
}
a:hover { color: #1d5098; text-decoration: none; }

h1 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  padding: 7px 0px;
}
h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  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: linear-gradient(to left, #fff 45%, #e5eff5 0%); }
.bg-wrap2 { background: linear-gradient(to left, #e5eff5 45%, #fff 0%); }
.bg-wrap3 { background: linear-gradient(to left, #fff 55%, #e5eff5 0%); }
.bg-online { background: linear-gradient(to top, #e5eff5 55%, #fff 0%); }
.bg-white { background: #fff; }
.bg-black { background: #1c1d20; }
.bg-blue { background: #1d5098; }
.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: #fff !important; }
.green { color: green; }
.red { color: red; }
.blue { color: #1d5098; }
.gray { color: #7d7d7e; }
.black { color: #000; }
.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-toTop {
  padding-top: 35px;
}
.well-03 {
  padding-top: 105px;
  padding-bottom: 105px;
}

#slogan {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	color: #fff;
	text-transform: uppercase;
	display: none;
}
#slogan .free {
	display: inline-block;
	background: #1d5098;
	padding: 16px 26px;
	border-radius: 16px;
	border-bottom-left-radius: 0px;
	font-size: 1.4em;
}
#slogan .date { font-size: 1.5em; }
#slogan .date strong { font-weight: 500; }

.timer1 { 
	float: left;
	width: 40%;
	height: 100px;
	margin-top: 20px;
	line-height: 100px;
	background: #0e88cf;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
}
.timer2 { 
	float: left;
	width: 45%;
	height: 100px;
	margin-top: 20px;
	line-height: 100px;
	background: #fff;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	color: #133181;
}
.timer2 strong { font-size: 3em; }
.timer2 span { font-size: 1.4em; color: #133181; }

#top {
	position: relative;
	background: rgba(30,86,166,0.9);
	height: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 16px;
	z-index: 23;
	display: none;
}

.site-logo {
	position: absolute;
	background-image: url('../images/inne/logo_background.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 354px;
	height: 180px;
	top: 0;
	margin-left: -60px;
	z-index: 24;
}
.site-logo .brand {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.brand img { width: 100%; }

.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;
}

#media { float: right; margin: 25px 15px 0px 5px; }
.media a { 
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	margin: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: transparent;
	overflow: hidden;
}
.media a:before { 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: 20px;
}

#menu-trigger { display: none; }
#menu { float: right; margin-top: 23px; }
.sf-menu > li { display: inline-block; padding: 0px 2px !important; }
.sf-menu > li > a {
	position: relative;
	display: inline-block;
	padding: 15px 20px; 
	border-radius: 16px;
	color: #fff;
	text-transform: uppercase;
	transition: none;
}
.sf-menu > li > a.fa-caret-down:before {
	position: absolute;
	top: 30px;
	left: 50%;
	padding: 0px;
	margin-left: -5px;
}
.sf-menu > li:last-child a { background: #fff; color: #1d5098; }
.sf-menu > li:last-child a.live { background: #00d01d; color: #fff; }
.sf-menu > li:hover > a { background: rgba(255,255,255,0.8); color: #1d5098; }
.sf-menu > li:hover > ul { display: block; }
.sf-menu > li > ul {
  display: none;
  position: absolute;
  padding: 10px !important;
  background: #0e88cf;
  border-radius: 16px;
}
.sf-menu > li > ul > li { display: block; border-radius: 16px; overflow: hidden; }
.sf-menu > li > ul > li > a { display: block; color: #fff; padding: 5px 15px; }
.sf-menu > li > ul > li > a:hover { background: rgba(255,255,255,0.8); color: #1d5098; }
.sf-menu > li > ul > li:hover > a { color: #1d5098; }

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

.fa-youtube:before { color: #ff0000; }
.fa-facebook:before { color: #1d5098; }

.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: #000; }
.box_02 { width: 50%; }
.box_02news { width: 48%; margin: 15px 1%; padding-bottom: 10px; border-radius: 16px; 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;
	border-radius: 16px;
}
.box_iframe iframe {
	width: 100%;
	height: 370px;
	border-radius: 16px;
}
.box_img2 {
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 20px;
	background-position: center; 
	background-size: auto 110%;
	background-repeat: no-repeat;
	border-radius: 5px;
}
.box_txt,
.box_blacktxt,
.box_whitetxt,
.box_filmtxt {
	display: block;
	padding: 14px;
	box-sizing: border-box;
}
.box_blacktxt { color: #fff; }
.box_whitetxt,
.box_filmtxt { color: #000; 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: #0e88cf; }

.box_online {
	position: relative;
	padding: 45px 150px;
	box-sizing: border-box;
}
.box_news {
	background: #fff;
	position: relative;
	padding: 50px;
	box-sizing: border-box;
	border-radius: 16px;
}
.box_cnt {
	position: relative;
	padding: 55px;
	box-sizing: border-box;
}
.box_movie_txt {
	padding: 30px 50px 30px 0px;
	box-sizing: border-box;
}
.box_movie {
	float: left;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}
.box_movie iframe {
	float: left;
	width: 100%;
	height: 380px;
}
.box_aboutus {
	padding: 1% 1% 0px 1%;
	box-sizing: border-box;
	color: #7d7d7e;
}
.box_prelegenci {
	position: relative;
	display: inline-block;
	background-color: rgba(255,255,255,0.75);
	width: 260px;
	border-radius: 130px;
	margin: 15px;
	padding: 30px 20px 150px 20px;
	box-sizing: border-box;
}
.box_prelegenci:hover { background-color: rgba(255,255,255,0.9); }
.box_prelegenci:hover .box_prelegent_more { background-color: #0e88cf; }
.box_prelegent_photo {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
}
.box_prelegent_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.box_prelegent_more {
	position: absolute;
	background-color: #1d5098;
	bottom: 0;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 40px;
	color: #fff;
	border-radius: 50%;
}
.box_prelegent_more:before { padding-left: 5px; }
.box_cnt_prelegenci_txt { padding: 0px 300px; }

.box_site,
.box_person {
	display: flex;
	padding: 90px;
	box-sizing: border-box;
	border-radius: 16px;
}
.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;
	border-radius: 50%;
	box-shadow: -15px 15px #fff;
}
.person-stanowisko { 
	display: inline-block; 
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	background: #1d5098;
	color: #fff;
	border-radius: 16px;
	border-top-left-radius: 0px;
}
.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;
	border-radius: 16px;
}

.box_register {
	padding: 10px 90px 0px 90px;
	box-sizing: border-box;
	border-radius: 16px;
}
.box_partner,
.box_partner_active {
	position: relative;
	display: inline-block;
	background: linear-gradient(to top, #1d5098 45%, #fff 0%);
	width: 300px;
	margin: 15px;
	border-radius: 16px;
	font-size: 0.9em;
	color: #fff;
}
.box_partner_active { cursor: pointer; }
.box_partner_active:hover { background: linear-gradient(to top, #0e88cf 45%, #fff 0%); color: #fff; }
.box_partner > div,
.box_partner_active > div { 
	display: table-cell;
	background-color: rgb(255,255,255);
	width: 300px;
	height: 176px;
	border-radius: 16px;
	vertical-align: middle;
	overflow: hidden;
}
.box_partner > div > img,
.box_partner_active > div > img { max-width: 100%; max-height: 100%; }

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

.img-wiadomosc { text-align: center; }
.img-wiadomosc img { max-height: 600px; border-radius: 16px; }
.img-wiadomosc p + p { padding-top: 0px; text-align: left; }
.rozmiar-tekstu { padding: 20px 0px; }
.rozmiar-tekstu span { background: #000; border-radius: 6px; color: #fff; 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; }

.program-miejsce {
	background: rgb(30,86,166);
	border-radius: 16px;
	padding: 20px 30px;
	color: #fff;
	box-sizing: border-box;
}
.program-menu {
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	margin: 10px 30px;
	box-sizing: border-box;
}
.program-list { display: flex; padding: 20px 20px 20px 0px; border-radius: 16px; }
.program-list strong { font-weight: 500; }
.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.2em; }
.program-list > div:nth-child(2) > p:nth-child(2) { border-top: 1px solid #0e88cf; }
.program-list:nth-child(2n+1) { background: rgba(229,239,245,0.5); }
.program-prelegent { display: flex; background: #fff; border-radius: 25px; padding: 1px; color: #000; }
.program-prelegent:hover { background: #0e88cf; color: #fff; }
.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;
	border-radius: 50%;
}
.program-prelegent > div:nth-child(2) { padding-right: 20px; line-height: 50px; }
.program-godz {
	display: inline-block;
	background: #0e88cf;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	padding: 20px 30px;
	margin: 10px 0px;
	color: #fff;
	font-size: 1.2em;
}
.program-lok {
	display: inline-block;
	background: #1d5098;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	padding: 20px 30px;
	margin: 10px 0px;
	color: #fff;
	font-size: 1.2em;
}

.btn {
  color: #fff;
  background: #1d5098;
  display: inline-block;
  padding: 15px 35px;
  border-radius: 16px;
  transition: 0.3s;
}
.btn:hover {
	background: #0e88cf;
	color: #fff;
	text-decoration: none;
}

#toTop {
  width: 40px;
  height: 60px;
  font-size: 25px;
  line-height: 40px;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  position: fixed;
  right: 1%;
  bottom: 0px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  cursor: pointer;
}
#toTop:hover {
  color: #fff;
  background: #0e88cf;
  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(30,86,166,0.5); }

.resp-tabs { padding-top: 50px; }
.resp-tabs-list { display: none; margin: 0px; padding: 0px; list-style: none; }
.resp-tabs-list li { cursor: pointer; margin: 0px; padding: 0px; }
.resp-accordion {
	display: block;
	cursor: pointer;
	color: rgb(30,86,166);
	background: #fff;
	font-size: 20px;
    line-height: 30px;
	font-weight: 500;
	border-radius: 16px;
	padding: 20px;
	padding-left: 70px;
	margin: 20px 0px;
	transition: 0.3s;
}
.resp-accordion:before {
	position: absolute;
	content: "\f105";
	font-family: 'FontAwesome';
	width: 70px;
	margin-left: -70px;
	text-align: center;
}
.resp-accordion:hover { background: #0e88cf; color: #fff; }
.resp-tab-active:before { content: "\f107"; }
.resp-tab-content { display: none; padding: 30px; margin: 0px; }
.resp-tab-content-active { display: block; }

.thumb {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	margin: 4px 5px;
	border-radius: 16px;
	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;
	border-radius: 16px;
}
.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;
	border-radius: 50%;
	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: #fff; 
	border-radius: 16px;
	box-sizing: border-box;
	overflow: auto;
}
.inside-patron { background: #1d5098; color: #fff; border-radius: 16px; 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: #fff;
	display: inline-block;	
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 2px;
	text-align: center;
	color: #000;
	border-radius: 50%;
}

#strona a:hover { background: #0e88cf; }

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

.table-form1 td { width: 50%; }
.vercode img { float: left; margin: 7px 0 0 5px; border-radius: 16px; cursor: pointer; }
.vercode input { width: 110px; }

input, select, textarea {
	background: #fff;
	border-radius: 16px;
	color: #000;
	font: 400 15px/24px 'Rubik', sans-serif;
	padding: 20px;
	margin: 5px 0px;
	width: 100%;
	box-sizing: border-box;
	border: 0px;
	font-size: 1.2em;
}
input[type="text"]:disabled { background: #f3f3f3; }

input[type="submit"] {
	background-color: rgba(0,0,0,0.8);
	border: 0px !important;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	width: auto;
}
input[type="submit"]:hover { border: 0px !important; color: #fff; background: #000; }
input[type="radio"], 
input[type="checkbox"] { margin-right: 5px; width: auto; }

input:focus, select:focus, textarea:focus { outline-style:none; box-shadow:none; border: 1px solid #000; }
input:focus ~ .slabel,
input:not(:focus):valid ~ .slabel,
textarea:focus ~ .slabel,
textarea:not(:focus):valid ~ .slabel {
	background: #fff;
	padding: 0px 5px;
	top: -8px;
	left: 15px;
	font-size: 13px;
	color: #000;
}
.required { position: relative; }
.slabel {
	position: absolute;
	pointer-events: none;
	left: 17px;
	top: 25px;
	transition: 0.2s ease all;
	border-radius: 6px;
	color: #9fa9b7;
}
.form-radio {
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 16px;
	padding: 20px 20px;
	box-sizing: border-box;
}
.error:before {
	position: absolute;
	color: red;
	font-family: 'FontAwesome';
	content: '\f06a';
	left: -11px;
	top: 11px;
	width: 30px;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.success:before {
	position: absolute;
	color: green;
	font-family: 'FontAwesome';
	content: '\f00c';
	left: -11px;
	top: 11px;
	width: 30px;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.info-error,
.info-success {
	display: inline-block;
	padding: 15px 50px;
	background: red;
	color: #fff;
	border-radius: 16px;
}
.info-error:before,
.info-success:before {
	position: absolute;
	margin-left: -40px;
	color: #fff;
	font-family: 'FontAwesome';
	content: '\f06a';
	font-size: 30px;
}
.info-success { background: green; }
.info-success:before { content: '\f00c'; }

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

.transmisja_txt { display: block; padding: 30px 50px; }
.transmisja_iframe iframe { display: block; border-radius: 16px; width: 100%; height: 600px; }

footer { font-size: 0.9em; }
footer .container { border-top: 1px solid rgba(255,255,255,0.25); }
footer .copyright { padding: 20px 0px; }
footer .logo img { margin-top: 5px; max-width: 220px; }
footer .organizator img { width: 200px; }
footer .link { display: block; }
footer .link:before { padding-right: 7px; }
footer .box_flex > div { padding: 0px 30px; color: #fff; }
footer .box_flex > div a { color: #fff; }