:root {
					--wysokosc-naglowka-nawigacyjnego-mobilka:92px				}
		
	body {	
			margin:0px;
		}
		
	body.no-imposed-desktop > header {
			height: var(--wysokosc-naglowka-nawigacyjnego-mobilka);
		}
		
	body.no-imposed-desktop > header > nav > a {
			opacity:1;
		}
	/*		
	body.imposed-desktop > header > nav.opened {
				background: var(--kolor-tla-naglowka-po-scrollu);
				box-shadow: 0 0 3px rgba(0,0,0,0.2);
			}
			
	body.imposed-desktop > header > nav.scrolled {
				background: var(--kolor-tla-naglowka-po-scrollu);
				box-shadow: 0 0 3px rgba(0,0,0,0.2);
			}
			
		header > nav > a {
				font-family: "Arimo",Arial,Helvetica,sans-serif;
				font-weight: 400;
				font-size: 26px;
				line-height: 27px;
				text-decoration:none;
				vertical-align:middle;
				color: #ffffff;
				transition: 0.5s;
				opacity: 0;
			}*/
			
			
		body:not(.no-imposed-desktop) > header > nav.opened > a {
				transition: 0.5s;
				opacity: 1;
			}

		body:not(.no-imposed-desktop) > header > nav.scrolled > a {
				transition: 0.5s;
				opacity: 1;
			}	

				body.no-imposed-desktop > header > nav:not(.scrolled),
			body > header > nav.opened,
			body > header > nav.scrolled 	{
					background: #0e385e;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);				}
		
	/* nagłowek */
	
				header > nav {
					height: var(--wysokosc-naglowka-nawigacyjnego-mobilka);
			position:fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index:1000;
			display:flex;
			align-items:center;
			transition: 0.5s;padding: 0px 20px;background-color:transparent;				}
				
				header > nav > a {
					vertical-align:middle;
			opacity:0;
			transition: 0.5s;font-size: 26px;line-height: 27px;	text-decoration:none;font-family: "Arimo", Arial, Helvetica, sans-serif;font-weight: 400;color: #ffffff;				}
				
	header > nav > button {
			vertical-align:middle;
			height:40px;
			margin-left:auto;
		}
		
	header > nav > a > img {
			height:50px !important;
			margin-right:20px;
			vertical-align:middle;
		}
	
	body.no-imposed-desktop > header > nav:not(.scrolled) > a > img,
	header > nav.scrolled > a > img,
	body > header > nav.opened > a > img
		{

			content: url() !important;
		}
		
				header > nav {
					height: var(--wysokosc-naglowka-nawigacyjnego-mobilka);
			position:fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index:1000;
			display:flex;
			align-items:center;
			transition: 0.5s;padding: 0px 20px;background-color:transparent;				}
		
				body > header > nav:not(.scolled) > button	{
					background: none;border: none;--hamburger-color:white;				}
		
				body.no-imposed-desktop > header > nav > button,
			body > header > nav.opened > button,
			body > header > nav.scrolled > button {
					background: none;border: none;--hamburger-color:white;				}
		
	header > nav > button:active,
	header > nav > button:focus {
			outline: 0;
		}

	header > nav > button > span {
			border-radius: 1px;
			display: block;
			margin: 5px 0;
			height: 2px;
			width: 100%;
			transition: all .2s ease-in;
			
			background-color: var(--hamburger-color);
			width:30px;
		}

	header > nav > button.expanded > span:nth-of-type(1) {
			transform:translateY(7px) rotate(45deg);
		}

	header > nav > button.expanded > span:nth-of-type(2) {
			opacity: 0;
			filter: alpha(opacity=0);
		}

	header > nav > button.expanded > span:nth-of-type(3) {
			transform:translateY(-7px) rotate(-45deg);
		}

	header > nav > button > span:nth-of-type(1) {
			transform: rotate(0);
		}

	header > nav > button > span:nth-of-type(2) {
			opacity: 1;
			filter: alpha(opacity=100);
		}

	header > nav > button > span:nth-of-type(3) {
			transform: rotate(0);
		}
		
	header > nav > div {
			background-color: rgba(0,0,0, 0.65);
			overflow-x: hidden;
			position:absolute;
			top:var(--wysokosc-naglowka-nawigacyjnego-mobilka);
			left:0px;
			margin-right:auto;
			height: calc(100vh - var(--wysokosc-naglowka-nawigacyjnego-mobilka));
			width:100%;
			visibility: hidden;
			opacity: 0;
			transition: visibility 0.5s, opacity 0.5s linear;
			
			font-family: "Cairo", Sans-serif;
			font-size:12px;
		}
		
	header > nav > div.open{
			visibility: visible;
			opacity: 1;
			transition: visibility 0.5s, opacity 0.5s linear;
		}
		
	header > nav > div.open > ul {
		    margin-left: 0%;
		    transition: margin-left 0.5s;
		}
		    
	header > nav > div:not(.open) > ul{
		    margin-left: -100%;
		    transition: margin-left 0.5s;
		}
		
				header > nav > div > ul {
					list-style-type: none;
			width:50%;
			padding: 0;
			margin:0;
		    max-width: 350px;
			min-width: 225px;
		    display:block;
			height:100%;
			overflow: auto;background-color: #ffffff;border-top: 3px solid #ff3d55;box-sizing: border-box;				}
	
	header > nav > div > ul > li,
	header > nav > div > ul > li > ul > li,
	header > nav > div > ul > li > ul ul > li {
			display: block;
		}
		
		
				header > nav > div > ul > li {
					line-height: 12px;font-family: "Open Sans", Arial, Helvetica, sans-serif;font-weight: 600;border-bottom: 1px solid rgba(93, 101, 118, 0.15);				}
		
			
	header > nav > div > ul > li > a,
	header > nav > div > ul > li > ul > li > a,
	header > nav > div > ul > li > ul ul > li > a {
			display: block;
			vertical-align: middle;
		}
		
				header > nav > div > ul > li > a {
					padding: 16px 16px;text-transform: capitalize;font-size: 16px;color: rgba(93, 101, 118, 1);text-decoration: none;				}
		
				header > nav > div > ul > li > ul > li > a,
			header > nav > div > ul > li > ul ul > li > a  {
					padding: 16px 16px;font-size: 16px;color: rgba(93, 101, 118, 1);text-decoration: none;				}
		
				header > nav > div > ul > li > span > a {
					font-size: 16px;color: rgba(93, 101, 118, 1);padding: 16px 16px;text-decoration: none;text-transform: capitalize;				}
		
	
				header > nav > div > ul > li > ul > li > span > a,
			header > nav > div > ul > li > ul ul > li > span > a  {
					font-size: 16px;color: rgba(93, 101, 118, 1);padding: 16px 16px;text-decoration: none;				}
				
	header > nav > div > ul li.menu-item-has-children > span {
			display: flex;
			width:100%;
		}
			
	header > nav > div > ul li.menu-item-has-children > span > a {
			height:100%;
			vertical-align: middle;
		}		
			
			
			
				header > nav > div > ul li.menu-item-has-children > span > span  {
					height:100%;
			text-align:center;
			vertical-align:middle;
			margin-left: auto;--plus-minus-size:45px;				}
		
	
	/* animacja plus minus */
	
				header > nav > div > ul li.menu-item-has-children > span > span > button  {
					position: relative;
			display:inline-block;
			background:transparent;
			width: var(--plus-minus-size);
			height: var(--plus-minus-size);border: 0;				}
				
	header > nav > div > ul li.menu-item-has-children > span > span > button > span {
			position: absolute;
			transition: 300ms;
			background: black;
			border-radius: 2px;
		}
			
	header > nav > div > ul li.menu-item-has-children > span > span > button > span:first-child {
			top: 25%;
			bottom: 25%;
			width: 5%;
			left: 47.5%;
		}

	header > nav > div > ul li.menu-item-has-children > span > span > button > span:last-child {
			left: 25%;
			right: 25%;
			height: 5%;
			top: 47.5%;
		}
			
	header > nav > div > ul li.menu-item-has-children > span > span > button.smopen span {
			transform: rotate(90deg);
		}

	header > nav > div > ul li.menu-item-has-children > span > span > button.smopen span:last-child {
			left: 50%;
			right: 50%;
		}
	/* koniec animacji plus minus */
		
	header > nav > div > ul > li > ul,
	header > nav > div > ul > li > ul ul {
			list-style-type: none;
			padding: 0;
			max-height:0px;
			transition: max-height 0.15s ease-out;
			overflow: hidden;
			
		    margin-left: 10px;
		}
			
	header > nav > div > ul > li.smexpand > ul,
	header > nav > div > ul > li.smexpand > ul li.smexpand > ul {
			max-height: 600px;
			transition: max-height 0.25s ease-in;
		}					
		
	/* stopka */
	
				body > footer {
					display: flex;
			justify-content: center;
			align-items: center;
			align-self: end;
			margin-top: auto;
			width:100%;border-top: 2px solid rgba(255, 255, 255, .06);background-color: #0e385e;height: 54px;font-size: 14px;font-family: "Open Sans", Tahoma, Geneva, sans-serif;				}
			
				body > footer > span {
					color:rgba(255, 255, 255, .7);				}
			
				body > footer > span > a {
					text-decoration:none;color:white;				}
			
				body > footer > a  {
					position: fixed;
			bottom: 25px;
			right: 25px;
			z-index:10;
			padding: .5rem 1rem;
			font-size: 1.25rem;
			line-height: 1.5;
			border-radius: .3rem;
			text-decoration: none;
			cursor: pointer;
			font-weight: 900;
			transition: color 0.2s ease-in-out;color: #0e385e;background-color: #ff3d55;				}
		
				body > footer > a:hover  {
					transition: color 0.2s ease-in-out;color: white;				}
		
	body > footer > a.hide:hover {
			transition: color 0.2s, opacity 600ms, visibility 600ms;
		}
		
	.hide{
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity 600ms, visibility 600ms;
			transition: opacity 600ms, visibility 600ms;
		}
		
	.show{
			visibility: visible;
			opacity: 1;
			-webkit-transition: opacity 600ms, visibility 600ms;
			transition: opacity 600ms, visibility 600ms;
		}/* SYSTEM NA KOLUMNY DLA MOBILKI */

	.row{
		box-sizing: content-box;
		
		display: flex;
		align-items: stretch;

		--gap: 0px;
		gap:var(--gap);
		flex-wrap: wrap;
	}

	.col {
		box-sizing: border-box;
		margin:0px;

		flex-basis: calc(
			calc((100% * calc(var(--col-mob) / var(--cols)) - var(--gap))) + 
			calc(calc(var(--col-mob) / var(--cols)) * var(--gap))
		)
		;
	}

/* STYLE KOLORÓW TEKSTU */
.ct-white {
		color:white;
	}

.ct-dark {
		color:rgb(39, 63, 91);
	}

.linkto {
		color: #ff3d55;
		text-decoration:none;
	}

/* STYLE GAP */

.gap-10px{
		--gap: 10px;
		gap:var(--gap);
	}

.gap-15px{
		--gap: 15px;
		gap:var(--gap);
	}

.gap-20px{
		--gap: 20px;
		gap:var(--gap);
	}

/* STYLE TYPOGRAFII */

.typographiccontent{
		display: flex;
		justify-content: stretch;
		flex-direction: column;
		row-gap:10px;
	}

.typographiccontent > *{
		margin:0px;
	}

.row-gap-30px{
		row-gap:30px;
	}

.st-mega {
        font-family: "Open Sans", Tahoma, Geneva, sans-serif;
		font-weight: 700;
        font-size: 39px;
		text-shadow: 0px 5px 30px rgba(0, 0, 0, 0.6);
}

.st-big {
		font-family: "Playball", Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 34px;
        line-height: 42px;
	}
	
.st-medium {
		font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
	}
	
.st-normal {
		font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        font-family: "Open Sans", Tahoma, Geneva, sans-serif;
	}

/* STYLE PADDINGU */

.padding-standardtypographic {
		padding:15px;
	}
	
.padding-left-section {
		padding-left: max(15px, calc(50% - 620px));
	}

.padding-right-section {
		padding-right: max(15px, calc(50% - 620px));
	}
	
.padding-top-section {
		padding-top:60px;
	}

.padding-bottom-section {
		padding-bottom:60px;
	}
	
.padding-caption {
		padding: 17px 20px 17px;
	}

.padding-eventdescription {
		padding: 40px 30px;
	}

.padding-events{
		padding: 40px 0px;
	}
	
.padding-left-col-section{
		padding-left:none;
	}

.padding-right-col-section{
		padding-right: none;
	}


/* STYLE UKŁADU NA STRONIE */

.multi-h {
		display:flex;
		flex-wrap: wrap;
	}

.alignitemshcenter{
		justify-content: center;
	}

.alignitemscenter{
		align-items: center;
	}
	
.alignselfcenter{
		align-self: center;
	}
	
.txtcenter{
		text-align:center;
	}

/* STYLE TŁA */

.bg-white{
		background-color: white;
	}

.bg-lightred{
		background-color: #ff3d55;
	}

.bg-verydarkblue{
		background-color:#0e385e;
	}

.bg-verylightgrey{
		background-color:#f9f9f9;
	}

.bg-cyanhue{
		background-color: #00c1cf;
	}

/* STYLE PRZYCISKÓW */

.button-tw {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		border-color: #FFF;
		background-color: transparent;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-radius: 3px;
		color:white;
		text-decoration:none;
		padding: 15px 32px 15px 31px;
	}

.button-lightred {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		background-color: rgb(255, 61, 85);
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: rgb(255, 61, 85);
		color: white;
		text-decoration:none;
		border-radius: 3px;
		padding: 15px 32px 15px 31px;
	}

.button-tlr {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		border-color: rgb(255, 61, 85);
		background-color: transparent;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-radius: 3px;
		color:rgb(255, 61, 85);
		text-decoration:none;
		padding: 15px 32px 15px 31px;
	}

	.button-verydarkblue {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		background-color: rgb(14, 56, 94);
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: rgb(14, 56, 94);
		color: white;
		text-decoration:none;
		border-radius: 3px;
		padding: 15px 32px 15px 31px;
	}


.button-cyanhuemini {
		text-decoration: none;
		padding: 7px;
		background-color: #00c1cf;
		color: white;
		border-radius: 3px;
		border: 1px solid #00c1cf;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 700;
		line-height: 1;
		font-family: 'Cairo', Sans-serif;
	}
	
/* STYLE BOXÓW */

.box-eventdescription {
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
        border-left: 10px solid #ff3d55;
	}

.box-figcaption {
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 7%);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.07);
        box-shadow: 0 0 10pxrgba(0,0,0,.07);
}

.box-niezaplanowane{
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
}

.box-ofcontent{
	box-shadow: 0px 0px 15px 0px rgba(40, 61, 88, 0.07);
}
/* FIGURE */

figure {
		padding:0px;
		margin:0px;
	}
	
figure > img {
		max-width:100%;
	}

figcaption{ /* position-typeA */
        position: relative;
        margin: -25px 30px 0;
}

/* ICONSLIST */

.iconlist {
		list-style-type: none;
		margin:0px;
		padding:0px;
	}
			
.iconlist > li{
		display:block;
		min-height:79px;
	}
			
.iconlist > li > span:first-of-type {
		display:block;
		width:79px;
		height:79px;
		margin-top:auto;
		float:left;
		border-width: 1px;
		border-style: solid;
		border-radius: 3px;
		margin-right:15px;
	}
			
.iconlist > li > span > img	{
		width:63px;
		height:63px;
		margin: 8px;
	}			
			
			
.iconlist > li > span:nth-of-type(2) {
		display:block;
		width: calc(100% - 96px);
		margin-left: auto;
		margin-bottom: 15px;

	}
			
.iconlist > li > em:first-of-type {
		display:block;
		width: calc(100% - 96px);
		margin-left: auto;
	}
			
.iconlist > li:not(:first-of-type) {
		margin-top:10px;
	}

/* POZOSTAŁE */

.pagetitle {
		min-height: 240px;
	}