@font-face {
    font-family: 'SplineSans-Bold';
    src: url('fonts/SplineSans-Bold.eot');
    src: url('fonts/SplineSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/SplineSans-Bold.woff2') format('woff2'),
        url('fonts/SplineSans-Bold.woff') format('woff'),
        url('fonts/SplineSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body {  
	font-family: "Arial"; 
/*
	font-family: "SplineSans-Bold"; */
	color:#ffffff;
	background-color:#1F406C;
	margin:0;
	padding:0;
	font-weight:700 !important;	
	text-shadow: 0vw 0.0vw 0.3vw #374155;
	overflow-x: clip;
	width:100vw;
}
#wieksza_calosc {
	background-color: #1F406C;
	background-size: 100vw auto;
}
#calosc {
	background-color: #1F406C;
	margin:auto;
	letter-spacing:2px; 
	overflow:hidden !important;
}
#accessability {
	position:absolute;
	left:1px;
	top:1px;
	z-index:9;
	padding:0;
	margin:0;
}

#accessability a {
	color:white !important;
	text-decoration:underline;
	font-family:"Arial";
	font-weight:bold;
}

#zaglowiec2025 img {
	width:100vw;
	height:auto;
	margin-bottom:-20px;	
}
#pasek_dol {
	width:100vw;
	height:20px;
	position:relative;
	left:0;
	bottom:20px;
	/*#2F535B;*/
}

#logo_naglowek {
	display:block;
	height: auto;
	margin: 30px auto;
}
.tresc {
	text-align:center;
}
.tresc a {
	color:white;
}
.tytul {
	font-family: "Arial"; 
	color:#FCD919;	
	letter-spacing:2px;
	margin-top:-1.5vw;
	margin-bottom:4vw;
}
.big {
	font-size:larger;
	}
.artykul {
/*	background-color: rgba(0, 0, 0, .5);
*/	border-radius:20px;
	padding:10px 10px 0 10px;
}
.artykul_hist {
	text-align:justify;
	line-height:1.5;	
}	
.wyprzedane {
	text-decoration:line-through !important;
}
.wyprzedano {
	filter: saturate(0) !important;
}
.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  border-radius:20px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.jedna_linia {
	display: inline-block;
	width:25%;
	text-align:center;
	margin:5px 1%;
	font-size:10px;
}	
.yt-th {
	width:100%;
	border-radius: 10px;
}

#soldoutzew {
	position:relative;
	top:-80px;
	left:calc(50% - 100px);
	width:0;
	height:0;
}
#soldoutwew {
	position: absolute;
	height:120px;
	width:auto;
	z-index:99;
	left:40%;
}
.sobota {
	display:inline-block;
	position:relative;
	padding-top:10px;
}
#rage {
	position:relative;
	top:-13px;
}	
.zespol {
	margin:1px;
	font-family: "Arial"; 
	color:#FCD919;
	font-weight:700 !important;	
}
.zespol a {
	text-decoration:none;
	color:white;
}
.zespol a:hover {
	text-decoration:underline;
	color:white;
}
.koniec {
	margin-top:60px;
	vertical-align:middle;
}
.koniec img {
	margin: 0 20px;
}
#logo-koniec {
	display:block;
	margin:auto
}
.stopka {
	font-family: "Arial"; 
	background-color:#2F535B;
	text-align:center;
}
#sponsorzy {
	margin-top:40px;
}
#wspierajacy {
	text-align:center;
	margin:auto;
}
#copyR {
	font-family: "SplineSans-Bold"; 
	text-align:center;
	font-size:14px;
}
#mapka {
	width:60%;
	height:auto;
}
.bilety {
	height:40px;
	width:auto;
	margin-left:15px;
	margin-right:15px;
}
#dol {
	margin-bottom:15px !important;
}
#oba {
	margin-bottom:15px !important;
	margin-top:15px !important;
}
#gora {
	margin-top:15px !important;
}
.fb {
	margin:20px 5px 0px 5px;
	width:40px;
	height:40px;
}
@media only screen and (min-width:1440px){ 
	h1, h2 {
		font-size:1.9vw !important;
		margin:1px 1px -1vw 1px;
		font-family: "Arial"; 
		color:#FCD919;	
		font-weight:100 !important;		
	}
	#naglowek {
		width:1440px;
	}
	#szerokosc {
		width:1440px;
		margin:auto;
	}	
	#logo_naglowek {
		width:1260px;
	}
	#menu_mobile {
		display:none;
	}
	#menu {
		font-size:clamp(17px, 2.1vw, 26px);
		text-align: justify;
		padding:0 14px 0 14px;
		top:-100px;
		left:172px;
		position:relative;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		z-index:2;
		letter-spacing:2px;
		font-weight:700;
		width:936px;
		margin:0 auto -50px auto;
		text-transform: uppercase;
	}
	#menu a {
		color:#ffffff;
		text-decoration:none;
		}
	#aktywny {
		border-bottom:solid 5px #ffffff;
	}
	.menu_element {
		margin-top:15px;
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	#menu_stretch {
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0
	}
	.sponsorzy_ramki img {
		height:8vw;
		width:auto;
		margin:0.8vw 2vw;
	}	
	.sponsorzy_ramki img:hover {
		opacity:1;
	}
	.tytul {	
		font-size:clamp(2.4rem, 2.4vw, 30px);
		line-height:0.8vw;
	}	
.strategiczny img {
	width:15vw !important;
	height:auto !important;
	border-radius:10px;
	vertical-align:middle;
}
	
	.artykul {
		font-size:clamp(1.3rem, 1.5vw, 30px);
		width:1152px;
		margin:0 auto;
/*		text-transform: uppercase;*/
	}
	.artykul p {
		margin-top:0;
		margin-bottom:0;
		
	}
	.zespol {
		font-size:clamp(1.5rem, 1.5vw, 25px);
		text-transform: none;
	}
	.duze-zespoly {
		font-size:clamp(16px, 2.6vw, 40px) !important;
	}
	#inni {
		font-size:clamp(1.2rem, 1.2vw, 20px);
	}
	.linia {
		display: inline-block; 
		border-bottom: 4px solid white;
		width:10vw;
		position:relative;
		top:-10px;
		margin:0 15px;
	}	
	#nzp { 
		width:60vw;
		height:auto;
		text-align:center;
		}
	#wspierajacy {
		width:100vw;
		padding:1.5vw 0;
		font-size:clamp(1.4rem, 1.4vw, 30px);
	}
	.wspieraja img {
		width:10vw;
		height:auto;
	}
	#pl_margin {
		margin: 0 -0.5vw 0 -0.5vw;
	}
	.kwadrat {
		width:5vw !important;
		height:auto !important;
	}
	.wspieraja img:hover {
		opacity:1;
	}	
	.wspieraja_dwa {
		width:91vw;
		background-color: white/*#092E35*/;
		padding:1.5vw 0 1.5vw 9vw;
		text-align:left;
	}
	.wspieraja_dwa img {
		width:9vw;
		height:auto;
	}

	.wspieraja_niebieska {
		width:15vw !important;
		height:auto;
		position:relative;
		left:0.4vw;
	}

	.wspieraja_dwa img:hover {
		opacity:1;
	}		
	.strateg {
		width:13vw !important;
		height:auto !important;	
	}
	.jedna_linia {
		font-size:1.5vw;
	}	
	#zadanie {
		font-family: "SplineSans-Bold";
		font-size:clamp(1.2rem, 1vw, 24px); 
		text-align:left;
		position:relative;
		left:9.5vw;
		top:20px;
		width:88vw;
	}
}

@media only screen and (min-width:576px) and (max-width:1439px){ 
	h1, h2 {
		font-size:1.9vw !important;
		margin:1px 1px -1vw 1px;
		font-family: "Arial"; 
		color:#FCD919;	
		font-weight:100 !important;		
	}
	#naglowek {
		width:100vw;
		max-width:1440px;
	}
	#logo_naglowek {
		width:90vw;
		max-width:1260px;
	}
	#menu_mobile {
		display:none;
	}
	#menu {
		font-size:clamp(10px, 1.7vw, 26px);
		text-align: justify;
		padding:0 1vw 0 1vw;
		top:-100px;
		left:12vw;
		position:relative;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		z-index:2;
		letter-spacing:2px;
		font-weight:700;
		width:65vw;
		margin:0 auto -50px auto;
		text-transform: uppercase;
	}
	#menu a {
		color:#ffffff;
		text-decoration:none;
		}
	#aktywny {
		border-bottom:solid 5px #ffffff;
	}
	.menu_element {
		margin-top:15px;
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	#menu_stretch {
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0
	}
	.sponsorzy_ramki img {
		height:8vw;
		width:auto;
		margin:0.8vw 2vw;
	}	
	.sponsorzy_ramki img:hover {
		opacity:1;
	}
	.tytul {	
		font-size:clamp(2.4rem, 2.4vw, 30px);
		line-height:0.8vw;
	}	
.strategiczny img {
	width:15vw !important;
	height:auto !important;
	border-radius:10px;
	vertical-align:middle;
}
		
	.artykul {
/*		font-size:clamp(1.3rem, 1.5vw, 30px);*/
		font-size:clamp(10px, 1.5vw, 26px);

		width:80vw;
		margin:0 auto;
/*		text-transform: uppercase;*/
	}
	.artykul p {
		margin-top:0;
		margin-bottom:0;
		
	}
	.zespol {
		font-size:clamp(12px, 1.5vw, 25px);
/*		font-size:clamp(1.5rem, 1.5vw, 25px);
*/		text-transform: none;
	}
	.duze-zespoly {
		font-size:clamp(14px, 2.6vw, 38px) !important;
/*		font-size:clamp(1.9rem, 1.9vw, 30px) !important;
*/	}
	#inni {
		font-size:clamp(10px, 1.2vw, 20px);
/*		font-size:clamp(1.2rem, 1.2vw, 20px);
*/	}
	.linia {
		display: inline-block; 
		border-bottom: 4px solid white;
		width:10vw;
		position:relative;
		top:-10px;
		margin:0 15px;
	}	
	#nzp { 
		width:60vw;
		height:auto;
		text-align:center;
		}
	#wspierajacy {
		width:100vw;
		padding:1.5vw 0;
		font-size:clamp(1.4rem, 1.4vw, 30px);
	}
	.wspieraja img {
		width:10vw;
		height:auto;
	}
	#pl_margin {
		margin: 0 -0.5vw 0 -0.5vw;
	}	
	.kwadrat {
		width:5vw !important;
		height:auto !important;
	}
	.wspieraja img:hover {
		opacity:1;
	}	
	.wspieraja_dwa {
		width:91vw;
		background-color: white/*#092E35*/;
		padding:1.5vw 0 1.5vw 9vw;
		text-align:left;
	}
	.wspieraja_dwa img {
		width:9vw;
		height:auto;
	}

	.wspieraja_niebieska {
		width:15vw !important;
		height:auto;
		position:relative;
		left:0.4vw;
	}

	.wspieraja_dwa img:hover {
		opacity:1;
	}		
	.strateg {
		width:13vw !important;
		height:auto !important;	
	}
	.jedna_linia {
		font-size:1.5vw;
	}	
	#zadanie {
		font-family: "SplineSans-Bold";
		font-size:clamp(1.2rem, 1vw, 24px); 
		text-align:left;
		position:relative;
		left:9.5vw;
		top:20px;
		width:88vw;
	}
}
@media only screen and (min-width:801px) and (max-width:1000px) {

	#menu {
		font-size:clamp(10px, 1.7vw, 26px);
		text-align: justify;
		padding:0 1vw 0 1vw;
		top:-85px;
		left:12vw;
		position:relative;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		z-index:2;
		letter-spacing:2px;
		font-weight:700;
		width:65vw;
		margin:0 auto -50px auto;
		text-transform: uppercase;
	}
}
@media only screen and (min-width:576px) and (max-width:800px) {

	#menu {
		font-size:clamp(10px, 1.7vw, 26px);
		text-align: justify;
		padding:0 1vw 0 1vw;
		top:-70px;
		left:12vw;
		position:relative;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		z-index:2;
		letter-spacing:2px;
		font-weight:700;
		width:65vw;
		margin:0 auto -50px auto;
		text-transform: uppercase;
	}
}

@media only screen and (min-width:390px) and (max-width:575px) {
	h1, h2 {
		font-size:1.25em !important;
		margin:1px 1px -1vw 1px;
		font-family: "Arial"; 
		color:#FCD919;	
		font-weight:100 !important;		
	}
	#calosc {
		margin-top:0px;
	}
	#logo_naglowek {
		width: 90vw;
		padding:0 5vw;
	}
	#menu {
		display:none;
		width:0;
	}
	#menu_mobile {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		margin:0 0 0 39%;	
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;	
	}
	#menu_mobile_background {
		position:absolute;
		left:-5px;
		top:-6px;
		width:33px;
		height:29px;
		border-radius:5px;
		padding:5px 5px 0 5px;
	}	
	#menu_mobile a {
		text-decoration: none;
		color: #ffffff;
		transition: color 0.3s ease;
	}
	#aktywny_mobi {
		border-bottom:solid 4px white;
	}
	#menu_mobile input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0;
		z-index: 2;
		-webkit-touch-callout: none;
	}
	#menu_mobile span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #ffffff;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					opacity 0.55s ease;
	}
	#menu_mobile span:first-child {
		transform-origin: 0% 0%;
	}
	#menu_mobile span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}
	#menu_mobile input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #ffffff;
	}
	#menu_mobile input:checked ~ span:nth-last-child(3) {
		opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
	}
	#menu_mobile input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}
	#iphone_hack {
		width:101vw;
		height:0px;
		position:absolute;
		left:-90vw;
		top:-10px;
		padding:0px;
		margin:0px;
		overflow:hidden;
		transition: height 0.3s ease;
	}
	#menu_mobile input:checked ~ #iphone_hack {
		height:340px;
		transition: height 0.3s ease;
	}
	#menu_ul {
		text-align:center;
		clear:both;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		background:#1F406C;
		margin:0;
		padding:20px 0;
		box-shadow: 0 15px 35px black;
	}
	#menu_ul li {
		padding: 10px 0;
		font-size: 22px;
	}
	#menu_mobile input:checked ~ ul {
	/*	transform: none; */
	}
	.tytul {
		font-size:1.5em;
		line-height:0.8em;
	}	
	.linia {
		display: inline-block; 
		border-bottom: 4px solid white;
		width:50px;
		position:relative;
		top:-10px;
		margin:0 15px;
	}			
	.artykul {
		max-width:90vw;
		margin:0 auto;
	}	
	.artykul p {
		margin-top:0;
		margin-bottom:0;
	}	
.strategiczny img {
	width:25vw !important;
	height:auto !important;
	border-radius:10px;
	vertical-align:middle;
}
	
	#logo-koniec {
		width:30vw;
		height:auto;
	}
	.sponsorzy_ramki img {
		height:50px;
		width:auto;
		margin:10px 15px;
	}	
	#nzp { 
		width:90vw;
		height:auto;
		text-align:center;
		}
	.zespol {
		font-size:1.3em;		
	}
	.duze-zespoly {
		font-size:1.6em;			
	}
	#inni {
		font-size: 1em;
	}
	#wspierajacy {
		width:100vw;
		padding:0;
		text-align:center;
	}/*
	.wspieraja img {
		width:auto;
		height:30px;
		border-radius:6px;
	}*/
	.wspieraja img {
		width:35vw;
		height:auto;
	}
	.kwadrat {
		width:20vw !important;
		height:auto !important;
	}
	.wspieraja img:hover {
		opacity:1;
	}	
	.wspieraja_dwa {
		width:100vw;
		background-color: white/*#092E35*/;
		padding:1.5vw 0 1.5vw 0;
		text-align:center;
	}
	.wspieraja_dwa img {
		width:35vw;
		height:auto;
		vertical-align:middle;
	}

	.wspieraja_niebieska {
		width:45vw !important;
		height:auto;
	}

	.wspieraja_dwa img:hover {
		opacity:1;
	}		
	.strateg {
		width:95px !important;
		height:auto !important;	
	}	
		#zadanie {
		font-family: "SplineSans-Bold";
		font-size:clamp(12px, 1vw, 18px); 
		text-align:left;
		position:relative;
		left:0.5vw;
		top:0px;
		width:95vw;
	}

}

@media only screen and (max-width:389px) {
	h1, h2 {
		font-size:1.2em !important;
		margin:1px 1px -1vw 1px;
		font-family: "Arial"; 
		color:#FCD919;	
		font-weight:100 !important;		
	}
	#calosc {
		margin-top:0px;
	}
	#logo_naglowek {
		width: 90vw;
		padding:0 5vw;
	}
	#menu {
		display:none;
		width:0;
	}
	#menu_mobile {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		margin:0 0 0 39%;	
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}
	#menu_mobile_background {
		position:absolute;
		left:-5px;
		top:-6px;
		width:33px;
		height:29px;
		background-color: rgba(0, 0, 0, .5);
		border-radius:5px;
		padding:5px 5px 0 5px;
	}		
	#menu_mobile a {
		text-decoration: none;
		color: #ffffff;
		transition: color 0.3s ease;
	}
	#aktywny_mobi {
		border-bottom:solid 4px white;
	}
	#menu_mobile input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0;
		z-index: 2;
		-webkit-touch-callout: none;
	}
	#menu_mobile span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #ffffff;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					opacity 0.55s ease;
	}
	#menu_mobile span:first-child {
		transform-origin: 0% 0%;
	}
	#menu_mobile span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}
	#menu_mobile input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #ffffff;
	}
	#menu_mobile input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	#menu_mobile input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}
	#iphone_hack {
		width:101vw;
		height:0px;
		position:absolute;
		left:-90vw;
		top:-10px;
		padding:0px;
		margin:0px;
		overflow:hidden;
		transition: height 0.3s ease;
	}
	#menu_mobile input:checked ~ #iphone_hack {
		height:340px;
		transition: height 0.3s ease;
	}
	#menu_ul {
		text-align:center;
		clear:both;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		background:#1F406C;
		margin:0;
		padding:20px 0;
		box-shadow: 0 15px 35px black;
	}
	#menu_ul li {
		padding: 10px 0;
		font-size: 22px;
	}
	#menu_mobile input:checked ~ ul {
	/*	transform: none; */
	}	
/*	#logo-koniec {
		width:107px;
		height:auto;
	}
*/	.tytul {
		font-size:1.3em;
		line-height:0.8em;
	}	
	.linia {
		display: inline-block; 
		border-bottom: 4px solid white;
		width:50px;
		position:relative;
		top:-10px;
		margin:0 15px;
	}				
	.artykul {
		max-width:90vw;
		margin:0 auto;
	}		
	.artykul p {
		margin-top:0;
		margin-bottom:0;
	}	
.strategiczny img {
	width:25vw !important;
	height:auto !important;
	border-radius:10px;
	vertical-align:middle;
}
	#logo-koniec {
		width:30vw;
		height:auto;
	}	
	.sponsorzy_ramki img {
		height:50px;
		width:auto;
		margin:10px 15px;
	}	
	#nzp { 
		width:90vw;
		height:auto;
		text-align:center;
	}	
	.zespol {
		font-size:1.1em;		
	}
	.duze-zespoly {
		font-size:1.4em;			
	}
	#inni {
		font-size: 0.8em;
	}
	#wspierajacy {
		width:100vw;
		padding:0;
		text-align:center;
	}/*
	.wspieraja img {
		width:auto;
		height:30px;
		border-radius:6px;
	}*/
	.wspieraja img {
		width:35vw;
		height:auto;
	}
	.kwadrat {
		width:20vw !important;
		height:auto !important;
	}
	.wspieraja img:hover {
		opacity:1;
	}	
	.wspieraja_dwa {
		width:100vw;
		background-color: white/*#092E35*/;
		padding:1.5vw 0 1.5vw 0;
		text-align:center;
	}
	.wspieraja_dwa img {
		width:35vw;
		height:auto;
		vertical-align:middle;
	}

	.wspieraja_niebieska {
		width:45vw !important;
		height:auto;
	}

	.wspieraja_dwa img:hover {
		opacity:1;
	}	
	.strateg {
		width:95px !important;
		height:auto !important;	
	}
		#zadanie {
		font-family: "SplineSans-Bold";
		font-size:clamp(12px, 1vw, 18px); 
		text-align:left;
		position:relative;
		left:0.5vw;
		top:0;
		width:95vw;
	}
		
}