:root {
		--wysokosc-naglowka-nawigacyjnego: 117px;
	}

	body {	
			margin:0px;
		}
		
	main {
			margin:5px;
		}
		
	header {
			margin-top:var(--wysokosc-naglowka-nawigacyjnego);
		}

	header > nav {
			height: var(--wysokosc-naglowka-nawigacyjnego);
			position:fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index:1000;
			display:flex;
			align-items:center;
			transition: 0.5s;
			padding: 0px 8%;
			
			background: rgba(14,56,94);
		}
		
	header > nav > a {
			font-size: 26px;
			line-height: 27px;		
			vertical-align:middle;
			text-decoration:none;
			
			font-family: "Arimo",Arial,Helvetica,sans-serif;
			font-weight: 400;
			color:#ffffff;
		}
	
	header > nav.scrolled {
		
			background: #0e385e;
			box-shadow: 0 0 3px rgba(0,0,0,0.2);
			height: 70px;
		}
		
	header > nav.scrolled > a {
		
			color: #ffffff;
		}
		
	header > nav > button {
			display:none;
		}
		
	header > nav > a > img {
			height:50px;
			margin-right:20px;
			vertical-align:middle;
		}
		
	header > nav.scrolled > a > img {
			content: url() !important;
		}
		
	/* nawigacja */
	
	header > nav > div {
			top:auto;
			left:auto;
			margin-right:0;
			margin-left:auto;
			height:auto;
			width:auto;
			visibility: visible;
			opacity: 1;
			vertical-align:middle;
			transition: all 0s ease 0s;
			
			font-family: "Open Sans",Arial,Helvetica,sans-serif;
		}
	
	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: all 0s ease 0s;
		}
		    
	header > nav > div:not(.open) > ul{
		    margin-left: 0;
		    transition: all 0s ease 0s;
		}
		
	header > nav > div > ul {
			list-style-type: none;
			width:auto;
			padding: 0;
			margin:0;
		    max-width: none;
		    display:block;
			height:auto;
			
			background-color: #f1f1f1;
		}
			 
	header > nav > div > ul > li {
			float:left;
			display:block;
			position:relative;
			
			margin: 0px 17px 0px 17px;
		}
		
	header > nav > div > ul > li > a,
	header > nav > div > ul > li > span > a {
		
			text-transform:uppercase;
			color: #43C6E4;
		}
			
	header > nav > div > ul > li > ul > li,
	header > nav > div > ul > li > ul ul > li {
			display: block;
			position:relative;
			
			background:white;
		}
		
	header > nav > div > ul > li > ul > li:not(:last-child),
	header > nav > div > ul > li > ul ul > li:not(:last-child) {
		
			border-bottom: 1px solid #eaeaea;
		}
	
	
	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;
			
			color: #000;
			padding: 16px 20px;
			text-decoration: none;
		}
		
	header > nav > div > ul > li > a {
		
			padding: 0px;
		}
		
	header > nav > div > ul > li > a.active,
	header > nav > div > ul > li > ul > li > a.active,
	header > nav > div > ul > li > ul ul > li > a.active {
		
			background-color: #4CAF50;
			color: white;
		}
		
	header > nav > div > ul > li > ul > li > a,
	header > nav > div > ul > li > ul ul > li > a {
		
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
		}

	header > nav > div > ul > li > ul > li > a:hover:not(.active),
	header > nav > div > ul > li > ul ul > li > a:hover:not(.active),
	header > nav > div > ul > li > ul ul > li.menu-item-has-children > span:hover {
		
			background-color: #ff3d55;
			color: white;
		}
		
	header > nav > div > ul > li.menu-item-has-children > span > a::after{
			content: ' \25BC';
			font-size: 0.8em;
		}
		
	header > nav > div > ul > li > ul li.menu-item-has-children > span > a:hover {
		
			background-color:rgb(255, 61, 85);
			color:white;
		}
		
			
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oleft > span > a {
			padding-left: 0px;
		}
		
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oleft:hover > span {
			
			background-color: rgb(255, 61, 85);
			color:white;
		}
			
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oleft > span::before{
			content: "\00AB";
			font-size: 1em;		
			display: inline-block;
			
			width: 20px;
		}

	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oright > span > a {
			padding-right: 0px;
		}
		
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oleft:hover > span > a {
		
			color:white;
		}
			
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oright > span::after
		{
			content: "\00BB";
			font-size: 1em;
			text-align:right;
			display: inline-block;
			
			width: 20px;
		}
	
	header > nav > div > ul > li.menu-item-has-children li.menu-item-has-children.oright ul {
			margin-left:100%;
			left: 0px; /* grubosc bocznego bordera */
		}	
			
			
	li.menu-item-has-children > ul{
			opacity: 0;
			visibility:hidden;
			transition: all 0.35s ease 0.5s;
			
			background-color:white;
			color: rgb(0, 0, 0); 
		}
			
	li.menu-item-has-children:hover > ul {
			opacity: 1;
			visibility:visible;
			transition: all 0.35s ease 0s;
		}
			
	header > nav > div > ul > li > ul > li > ul li{
			display:inline-block;
			float:right;
			width:100%;
			clear:both;
		}
		
	header > nav > div > ul > li > ul {
			position:absolute;
			display:block;
			min-width:100px;
			max-width:200px;
			width:max-content;
		}

	header > nav > div > ul > li > ul,
	header > nav > div > ul > li > ul ul {
			list-style-type: none;
			padding: 0;
			transition: max-height 0.15s ease-out;
			margin-left:0;
			overflow:visible;
			max-height:none;
		}

	header > nav > div > ul > li > ul ul {
			position:absolute;
			margin-left:-100%;
			text-align:left;
			top:0; 
			max-width:200px;
			
			right: 0;
			margin-right: 100%;
			width: max-content;
		}
		
	header > nav > div > ul li.menu-item-has-children > span {
			display: table;
			width:100%;
			
		}
			
	header > nav > div > ul li.menu-item-has-children > span > a {
		    display: table-cell;
			width: 100%;
			height:100%;
			
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		
	header > nav > div > ul > li > ul li.menu-item-has-children > span > a {
			color: black;
			padding: 16px 20px;
		}
			
	header > nav > div > ul li.menu-item-has-children > span > span {
			display:none;
		}

	header > nav > div > ul > li.mr1 > ul {
			right:0;
		}
		
	header > nav > div > ul > li > ul li.podnieswyzej > ul {
			top:-1150%;
		}
	
	/* dodatkowy */
	
	header > nav > div > ul > li {
				float: left;
				display: block;
				position: relative;
			}
			
	header > nav > div > ul > li > a,
	header > nav > div > ul > li > span > a
		{
				display:block;
				text-decoration: none;
				color: #ffffff;
				
				font-family: "Open Sans",Arial,Helvetica,sans-serif;
				font-weight: 600;
				text-transform: capitalize;
				font-size: 16px;
				line-height: var(--wysokosc-naglowka-nawigacyjnego);
				height: var(--wysokosc-naglowka-nawigacyjnego);
				position: relative;
				
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
			}
			
	header > nav.scrolled > div > ul > li > a,
	header > nav.scrolled > div > ul > li > span > a
		{
			height:70px; /* wysokosc-naglowka-nawigacyjnego-po-scrollu */
			line-height:70px; /* wysokosc-naglowka-nawigacyjnego-po-scrollu */
		}
			
	header > nav > div > ul > li > a:before,
	header > nav > div > ul > li > span > a:before
		{
			width: 100%;
			height: 2px;
			display: block;
			opacity: 0;
			position: absolute;
			content: "";
			background-color: #ff3d55;
			opacity: 0;
			-webkit-transition: all 0.25s ease-out;
			transition: all 0.25s ease-out;
			top: 81px;
			margin: 0 auto -2px;
			left: 0;
		}
			
	header > nav > div > ul > li:hover > a:before,
	header > nav > div > ul > li:hover > span > a:before		{		
			top: 76px;
			opacity: 1;
		}
			
	header > nav.scrolled > div > ul > li > a:before,
	header > nav.scrolled > div > ul > li > span > a:before
		{
			top:55px;
		}
			
	header > nav.scrolled > div > ul > li:hover > a:before ,
	header > nav.scrolled > div > ul > li:hover > span > a:before 
		{
			top:50px;
		}
			
	header > nav > div > ul > li:hover > a,
	header > nav > div > ul > li:hover > span > a	{
			color: #ff3d55;
		}

	/* stopka */
	
	body > footer {
			display: flex;
			justify-content: center;
			align-items: center;
			
			height:54px;
			font-size:14px;
			background-color: #0e385e;
			border-top: 2px solid rgba(255,255,255,.06);
		}
		
	body > footer > span {
		
			color:rgba(255,255,255,.7);
			font-family: "Open Sans",Tahoma,Geneva,sans-serif;
			font-size: 14px;
		}
		
	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: #fff;
		}
	
	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;
		}