: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-color: white;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: "Cairo", Sans-serif; color:#144659;				}
				
	header > nav > button {
			vertical-align:middle;
			height:40px;
			margin-left:auto;
		}
		
	header > nav > a > img {
			height:50px;
			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(https://reszek.pl/przechowywanie/2024/08/logo_jasne_tlo.png) !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:black;				}
		
	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;
		    display:block;
			height:100%;
			overflow: auto;background-color: #ffffff;				}
	
	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: "Cairo", Sans-serif;font-weight: 400;				}
		
			
	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: 8px 16px;text-transform: uppercase;font-size: 12px;color: black;text-decoration: none;				}
		
				header > nav > div > ul > li > ul > li > a,
			header > nav > div > ul > li > ul ul > li > a  {
					padding: 8px 16px;font-size: 12px;color: black;text-decoration: none;				}
		
				header > nav > div > ul > li > span > a {
					font-size: 12px;color: black;padding: 8px 16px;text-decoration: none;text-transform: uppercase;				}
		
	
				header > nav > div > ul > li > ul > li > span > a,
			header > nav > div > ul > li > ul ul > li > span > a  {
					font-size: 12px;color: black;padding: 8px 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;
		}
			
	/* animacja plus minus */
	header > nav > div > ul li.menu-item-has-children > span > span > button {
			position: relative;
			display:inline-block;
			background:transparent;
			
			width: 28px;
			height: 28px;
			border: 0;
			font-size: 1.5em;
		}
			
	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%;background-color: #193447;height: 54px;font-size: 19px;font-family: "Maven Pro", Sans-serif;				}
			
				body > footer > span {
					color:#fff;				}
			
				body > footer > span > a {
					text-decoration:none;color:#29F48F;				}
			
				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: #144659;background-color: #29f48f;				}
		
				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;
		}.bright {
		color:white;
	}
	
.bright2 {
		color: #29F48F;
	}
.dark {
		color:#374951;;
	}
	
.dark2 {
		color: #238C8C;
	}

.dark3 {
		color: #144659;
	}
	
.linkto {
		color:#29F48F;
		text-decoration:none;
	}

.bigtitle {
		font-family: "Maven Pro", Sans-serif;
		font-size: 45px;
		font-weight: 500;
	}
	
.subtitle {
		font-size: 22px;
		font-family: "Cairo", Sans-serif;
	}
	
.normaltext {
	    font-family: "Cairo", Sans-serif;
		font-size: 19px;
	}
	
.button-brightext-bgt {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		background-color: #FFFFFF00;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #29F48F;
		color:white;
		text-decoration:none;
		padding: 15px 30px;
	}
	
.button-darktext-bgb {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		background-color: #29F48F;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #29F48F;
		color: #144659;
		text-decoration:none;
		padding: 15px 30px;
	}
	
.button-brighttext-bgd {
		font-family: "Cairo", Sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		background-color: #174052;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #174052;
		color: white;
		text-decoration:none;
		padding: 15px 30px;
	}
	
.multi-h {
		display: flex;
	}
	
.multi-v {
		display: flex;
		flex-direction: column;
	}

.gap-n{
		gap: 8px;
	}
	
.border{
		border-style: solid;
		border-width: 2px 2px 2px 2px;
		border-color: #004F638C;
		transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	}
	
.border:hover{
	    border-color: #4CE09D;
	}

.cardbgbright {
		background:white;
	}

.cardbgdark {
		background-image: linear-gradient(180deg, #144659 0%, #238C8C 100%);
	}
	
.iconontopcontainer {
		background-repeat: no-repeat;
        background-position: center top;
	}
	
input[type="text"], input[type="email"], input[type="tel"],textarea{
		font-size: 22px;
		font-family: "Cairo", Sans-serif;
	}