fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

	/* ==========================================================================
	   influencja.pl
	   ========================================================================== */

	@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@400;500;600;700&display=swap');
	:root {
	  --kolor-glowny: #0971ce;
	  --kolor-pomaranczowy: #fd6b0d;
	  --kolor-czarny: #000;
	  --kolor-bialy: #fff;
	  --kolor-ciemnoszary: #353535;
	  --kolor-szary: #aaa;
	  --czcionka: 'Raleway', sans-serif;
	  --czcionka2: 'Merriweather', sans-serif;
	}

	/* WP core classes*/
		.wp-block-embed-youtube {
		    position: relative;
		    padding-bottom: 56.25%;
		    padding-top: 35px;
		    width: 100%;
		    height: 0;
		    overflow: hidden;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		.editor-post-title__block .editor-post-title__input,
		.editor-styles-wrapper .wp-block h1,
		.editor-styles-wrapper .wp-block h2,
		.editor-styles-wrapper .wp-block h3,
		.editor-styles-wrapper .wp-block h4,
		.editor-styles-wrapper .wp-block h5,
		.editor-styles-wrapper .wp-block h6,
		.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
		.editor-styles-wrapper cite,
		.editor-styles-wrapper figcaption,
		.editor-styles-wrapper .wp-caption-text {
			font-family: var(--czcionka2);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka2);
		}
		pre,
		pre *,
		code,
		code *,
		.block-editor-block-list__layout pre,
		.block-editor-block-list__layout pre *,
		.wp-block-html .block-editor-plain-text {
			font-family: 'Courier New', Consolas, monospace;
		}
		.wp-block {
			/*width: 80%;*/
			max-width: 80%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka2);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		a {
		    color: var(--kolor-glowny);
		}

		@media only screen and (max-width: 500px) {    
			.wp-block {
				width: 90%;
				max-width: 90%;
			}
		}

		section{ padding:0px; }
	/* WP core classes*/

	/* WP influ classes*/
		.influ_galeria_img {
			cursor: pointer;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		}
		.influ_galeria_img:hover {
			box-shadow: 3px 3px 25px rgba(0,0,0,0.2);
		}
 	/* WP influ classes*/

 	.wp-block-columns{
 		align-items: center;
 	}
 	.tlo_transparentne h1, .block-editor-writing-flow h1, .tlo_transparentne .ngh1 {
	  font-size: 36px;
 		margin-top: 0px;
 		margin-bottom: 24px; 
	  color: var(--kolor-czarny);
	  font-weight: 400;
	  font-style: italic;
	}

 	.tlo_transparentne h1 strong, .block-editor-writing-flow h1 strong, .tlo_transparentne .ngh1 strong{
 		color: var(--kolor-glowny);
 	}
 	.tlo_transparentne h2, .block-editor-writing-flow h2 {
	   font-size: 36px;
 		margin-top: 18px; 
 		margin-bottom: 18px;
	   font-weight: 400;
	   font-style: italic;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 24px;
 		margin-top: 12px; 
 		margin-bottom: 12px;
	   color: var(--kolor-glowny);
	   font-weight: 400;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4{
	   font-size: 20px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 20px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	   font-weight: 400;
	   color: var(--kolor-glowny);
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 18px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	   text-transform: uppercase;
	}

	.tlo_transparentne p.btn a,
	.block-editor-writing-flow  p.btn a{
		display: inline-block;
		background-color: var(--kolor-glowny);
		padding:5px 20px;
		margin-left: 20px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 500;
	    cursor: pointer;
	}
	.tlo_transparentne p.btn a:hover,
	.block-editor-writing-flow  p.btn a:hover{
		margin-left: 15px;
	}

	p {
	    /*font-size: 1.3vw;*/
	    font-weight: 400;
	}
	h1, .heading-size-1 {
	    font-size: 4vw;
	}




	.czcionka {
		font-family: 'Montserrat', sans-serif !important;
	}
	.czcionka2 {
    	font-family: 'Orbitron', sans-serif !important;
	}


	body.influ,
	body.influ table td {
		font-family: var(--czcionka2);
		font-size: 20px;
	}
	body.influ {
		margin: 0px;
		padding: 0px;
		color: #000;
		width: 100%;
		overflow-x: hidden;
		background-color: #fff;
		font-weight: 400;
	}
	#ladowanie_knt {
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 4px;
		position: absolute;
		z-index: 601;
		background-color: #fff;
		/*border: 1px solid #cc0000;*/
		overflow: hidden;
		/*opacity: 0.5;*/
	}
	#ladowanie_pasek {
		height: 4px;
		background-color: #08a3e2;
		width: 10%;
	    -webkit-transition: 500ms linear all;
	    -moz-transition: 500ms linear all;
	    -o-transition: 500ms linear all;
	    transition: 500ms linear all
	}
	#ladowanie {
		text-align: center;
		background-color: #000509;
		position: fixed;
		z-index: 599;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: #666666;
		font-size: 13px;
		/*pointer-events: none;*/
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	#ladowanieZawartosc {
		padding-top: 175px;
	}
	#ladowanieZawartosc img {
		width: 200px;
		max-width: 100%;
		height: auto;
	}
	.dalej_knt{
		/*display: none;*/
	}
	.dalej{
		width:100%;
	  position:fixed;
		z-index:510;
		right:0px;
		bottom: 0px;
		margin: 0px;
		text-align:center;
	}
	.dalej img{
		max-width: 100%; 
		height: auto;  
		cursor:pointer;
	}




	a, a * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration:none;
	}
	a:hover, a:hover * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration:none;
	}


	a.btn{
		text-transform:uppercase;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 20px;
		border-radius:5px;
		background-color: var(--kolor-glowny);
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration:none;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
		font-family: var(--czcionka);
	}

	a.btn:hover{
		background-color: #fff;
	}






	.wp-block-column:not(:first-child) {
	    margin-left: 4vw;
	}
	.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
		font-size:20px;
	}

 	/** HEADER **/
		#menuMobilne{
			display: none;
		}	
		#menu_mobil {
			display:none;
		}
		#glowny_naglowek_knt {
			width: 100%;
			padding: 0px;
			z-index: 550;
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			background-size: 100% auto;
			background-position: top left;
			background-repeat: no-repeat;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			background-color: rgba(255,255,255,0.8);
			box-shadow: 0px 0px 80px rgba(0,0,0,0.1);

		}
		#glowny_naglowek_knt.strona_glowna {
			background-color: rgba(255,255,255,1);
		}
		.menuStatyczne{
			position: static;
		}
		.cien {
			box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

		#glowny_naglowek {
			width: auto;
			margin: 0px 10vw;
			padding: 0px;
		}
		#logo {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			margin: 0 auto;
			width: auto;
			max-width:260px;
			z-index: 9;
		/*	width: 18.65vw;*/
		}
		#logo.strona_glowna{
			max-width:400px;
		}
		#menuGlowne {
			font-family: var(--czcionka2);
			text-align: center;
			margin-right: 0px;
			margin-left: 0px;
			color: #FFFFFF;
		} 
		#menuGlowne ul { padding:0; margin:0 auto; width: auto; display: flex;} 
		#menuGlowne ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
		#menuGlowne li {
			position: relative;
			display: block;
			float: left;
			list-style-type: none;
			color: #000;
			font-size: 18px;
			cursor: pointer;
			padding: 0px;
			background-color: rgba(232,232,232,0);
			box-shadow: 0px 0px 115px rgba(0,0,0,0);
			transition: 0.2s ease-in-out;
			margin: 0px 0.5vw;
			border-radius: 10px;
			flex: auto;
		} 
		#menuGlowne li.puste {
			width: 300px;
		}
		#menuGlowne ul li a {
			 display: block;
		    width: 100%;
		    color: #333333;
		    text-decoration: none;
		    font-size: 18px;
		    letter-spacing: 0px;
		    padding: 50px 15px;
		    font-weight: 600;
		    text-transform: none;
		    font-style: italic;
		}
		#menuGlowne ul li a .fa-angle-down {
			font-size: 0.8vw;
		}
		#menuGlowne ul li a:hover {
			color: var(--kolor-glowny);
		}

		ul.jezyki {
			position: absolute;
			right: 12vw;
			margin: 0px;
			background: rgba(255,255,255,0.7);
			list-style: none;
			overflow: hidden;
		}

		ul.jezyki li{
			float:left;
			margin:0px;
		}

		ul.jezyki li a{
			padding: 5px 10px;
		}
		ul.jezyki li a img{
			box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
			width: 18px;
			height: 12px;
		}



		#menuGlowne li.wyroznienie {
			padding-right: 3vw;
			padding-left: 1vw;
		}
		#menuGlowne li.wyroznienie a {
			background-color: var(--kolor-glowny);
			background-size: 100% 100%;
			background-position: top left;
			background-repeat: no-repeat;
			padding: 1vw 2vw 1vw 2vw;
			color: #000;
		}
		#menuGlowne li.wyroznienie a:hover {
			background-size: 300% 100%;
			background-position: top right;
			color: #000;
		}
		#menuGlowne ul ul {
			font-family: var(--czcionka2);
			display: none;
			width: 100%;
			position: absolute;
			left: 0px;
			top: 3.75vw;
			padding: 0px;
			width: 300px;
			font-weight: 500;
			overflow: hidden;
			/*background-image: url(../img/oferta_tlo.jpg);*/
			background-size: 100% auto;
			/*background-color: rgba(0,0,0,0.9);*/
			border-top: 0.5vw solid rgba(232,232,232,0.9);
			border-bottom: 0.5vw solid rgba(232,232,232,0.9);
			background-size: 100% auto;
			box-shadow: 0px 0px 55px rgba(0,0,0,0.11);
			z-index: 551;
		}
		#menuGlowne ul ul li {
			font-family: var(--czcionka2);
			float: none;
			height: auto;
			text-align: left;
			list-style-type: none;
			padding:0px;
			margin:0px;
		} 
		#menuGlowne ul ul li a {
			display: block;
			float: left;
			font-size: 0.8vw;
			/*letter-spacing: 0.08vw;*/
			color: #fff;
			height: auto;
			margin-left: 0px;
			line-height: 15px;
			padding-right: 1.5vw;
			padding-left: 1.5vw;
			padding-top: 0.5vw;
			padding-bottom: 0.5vw;
			background-repeat: repeat;
			font-weight: normal;
			text-transform: none;
			font-weight: 500;
			background-color: rgba(232,232,232,0.9);
		}

		#menuGlowne li.aktywnyLink {
			background-color: rgba(232,232,232,0.9);
			box-shadow: 0px 0px 45px rgba(0,0,0,0.1) inset;
			transition: 0.2s ease-in-out;
		}
		#menuGlowne li.aktywnyLink a {
	    color: #000;
		}

		#menuGlowne  ul ul li a:hover {
			color: #fff;
			background-color: rgba(192,0,0,0.9);
			background-size: 100%;
		}

		
		.baner {
			width: 100vw;
			overflow: hidden;
		}
		.baner_tlo {
			width: 100vw;
			height: auto;
		}
		/*.klawe_haslo {
			background-color: rgba(200,200,200,0.95);
			color: #000;
			font-size: 2vw;
			font-weight: 500;
			padding: 1vw 3vw;
			position: absolute;
			left: 3vw;
			bottom: 3vw;
		}*/
		.klawe_haslo {
			background-color: rgba(232,232,232,0.99);
			box-shadow: 0px 0px 45px rgba(0,0,0,0.1) inset;
			color: #000;
			font-size: 2vw;
			font-weight: 500;
			box-shadow: 0px 0px 75px rgba(0,0,0,0.1);
			padding: 1vw 3vw;
			position: absolute;
			left: 0vw;
			right: 0vw;
			bottom: 0vw;
			text-align: center;
			z-index: 420;
			/*border-top: 0.2vw solid #fff;*/
		}
		#stery_animacji {
			position: absolute;
			left: 2vw;
			bottom: 4.1vw;
			z-index: 450;
		}
		.przelacznik {
			width: 4vw;
			height: 0.7vw;
			/*border-radius: 1.5vw;*/
			margin: 0.3vw;
			/*border: 0.2vw solid #fff;*/
			background-color: #bbb;
			cursor: pointer;
			float: left;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.przelacznik:hover {
			transform: scaleX(1.2);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.przelacznik.wlaczony {
			background-color: var(--kolor-glowny);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		#okna {
			position: absolute;
			z-index: 400;
			width: 17.55vw;
			height: auto;
			margin-left: 29.4vw;
			margin-top: 18.7vw;
			box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
			opacity: 0;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#okna.aktywne {
			cursor: pointer;
			opacity: 1;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#okna_animacja {
			position: absolute;
			z-index: 300;
			width: 11.2vw;
			height: auto;
			margin-left: 32.55vw;
			margin-top: 28.75vw;
		}
		#okna_animacja img {
			/*width: 12.7vw;*/
			/*height: auto;*/
		}
		#okna_animacja_knt {
			position: relative;
		}
		#okna_animacja_knt img {
			width: 11.2vw;
			height: auto;
			position: absolute;
			opacity: 1;
		}
		#drzwi {
			position: absolute;
			z-index: 400;
			width: 16.8vw;
			height: auto;
			margin-left: 47.15vw;
			margin-top: 18.7vw;
			box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
			opacity: 0;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#drzwi.aktywne {
			cursor: pointer;
			opacity: 1;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#drzwi_animacja {
			position: absolute;
			z-index: 300;
			width: 14.45vw;
			height: auto;
			margin-left: 48.3vw;
			margin-top: 27.6vw;
		}
		#drzwi_animacja img {
			/*width: 12.7vw;*/
			/*height: auto;*/
		}
		#drzwi_animacja_knt {
			position: relative;
		}
		#drzwi_animacja_knt img {
			width: 14.45vw;
			height: auto;
			position: absolute;
			opacity: 1;
		}
		#rolety {
			position: absolute;
			z-index: 400;
			width: 21.65vw;
			height: auto;
			margin-left: 7.55vw;
			margin-top: 18.7vw;
			box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
			opacity: 0;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#rolety.aktywne {
			cursor: pointer;
			opacity: 1;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#rolety_animacja {
			position: absolute;
			z-index: 300;
			width: 16.95vw;
			height: auto;
			margin-left: 9.95vw;
			margin-top: 28.1vw;
		}
		#rolety_animacja img {
			/*width: 12.7vw;*/
			/*height: auto;*/
		}
		#rolety_animacja_knt {
			position: relative;
		}
		#rolety_animacja_knt img {
			width: 16.95vw;
			height: auto;
			position: absolute;
			opacity: 1;
		}
		#brama {
			position: absolute;
			z-index: 400;
			width: 22.9vw;
			height: auto;
			margin-left: 69.6vw;
			margin-top: 18.7vw;
			box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
			opacity: 0;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#brama.aktywne {
			cursor: pointer;
			opacity: 1;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		#brama_animacja {
			position: absolute;
			z-index: 300;
			width: 16.1vw;
			height: auto;
			margin-left: 73.1vw;
			margin-top: 29.15vw;
		}
		#brama_animacja img {
			/*width: 12.7vw;*/
			/*height: auto;*/
		}
		#brama_animacja_knt {
			position: relative;
		}
		#brama_animacja_knt img {
			width: 16.1vw;
			height: auto;
			position: absolute;
			opacity: 1;
		}    
		#animacja_wnetrze {
			position: absolute;
			width: 100%;
			left: 0px;
			right: 0px;
			z-index: 410;
			opacity: 0;
			/*pointer-events: none;*/
		}    
		#drzwiw {
         position: absolute;
         z-index: 410;
         width: 22.9vw;
         height: auto;
         margin-left: 11.25vw;
         margin-top: 12.35vw;
         box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
         opacity: 0;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #drzwiw.aktywne {
         cursor: pointer;
         opacity: 1;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #drzwiw_animacja {
         position: absolute;
         z-index: 300;
         width: 15.35vw;
         height: auto;
         margin-left: 15.25vw;
         margin-top: 15.25vw;
     }
     #drzwiw_animacja_knt {
         position: relative;
     }
     #drzwiw_animacja_knt img {
         width: 15.35vw;
         height: auto;
         position: absolute;
         opacity: 1;
     }        
     #roletyw {
         position: absolute;
         z-index: 410;
         width: 24.45vw;
         height: auto;
         margin-left: 61.75vw;
         margin-top: 11.8vw;
         box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
         opacity: 0;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #roletyw.aktywne {
         cursor: pointer;
         opacity: 1;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #roletyw_animacja {
         position: absolute;
         z-index: 300;
         width: 15.25vw;
         height: auto;
         margin-left: 66.35vw;
         margin-top: 15.15vw;
     }
     #roletyw_animacja_knt {
         position: relative;
     }
     #roletyw_animacja_knt img {
         width: 15.25vw;
         height: auto;
         position: absolute;
         opacity: 1;
     }
     #plisy {
         position: absolute;
         z-index: 410;
         width: 18.35vw;
         height: auto;
         margin-left: 51.05vw;
         margin-top: 12.35vw;
         box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
         opacity: 0;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #plisy.aktywne {
         cursor: pointer;
         opacity: 1;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #plisy_animacja {
         position: absolute;
         z-index: 300;
         width: 8.65vw;
         height: auto;
         margin-left: 55.85vw;
         margin-top: 19.9vw;
     }
     #plisy_animacja_knt {
         position: relative;
     }
     #plisy_animacja_knt img {
         width: 8.65vw;
         height: auto;
         position: absolute;
         opacity: 1;
     }        
     #zaluzje {
         position: absolute;
         z-index: 410;
         width: 18.7vw;
         height: auto;
         margin-left: 39.95vw;
         margin-top: 14.35vw;
         box-shadow: 0px 0px 115px rgba(0,0,0,0.64);
         opacity: 0;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #zaluzje.aktywne {
         cursor: pointer;
         opacity: 1;
         -webkit-transition: 0.5s ease-in-out;
         -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
     }
     #zaluzje_animacja {
         position: absolute;
         z-index: 300;
         width: 5.25vw;
         height: auto;
         margin-left: 46.6vw;
         margin-top: 21.3vw;
     }
     #zaluzje_animacja_knt {
         position: relative;
     }
     #zaluzje_animacja_knt img {
         width: 5.25vw;
         height: auto;
         position: absolute;
         opacity: 1;
     }
	.odstep{
		/*		height: 9vw;
		background-color: #efefef;*/
	}
	/** HEADER **/


	/** MAIN **/
		/** SKRÓTY **/
			.skrot {
				width: 23vw;
				margin: 0vw 1vw 0vw 0vw;
				padding-left: 3vw;
				float: left;
				font-size: 20px;
				background-image: url(../img/check.svg); 
				background-position: left top;
				background-repeat: no-repeat;
				background-size: 2vw auto;
			}
			.skrot h2 {
				font-size: 36px;
				margin-top: 0vw;
				margin-bottom: 1vw;
				font-weight: 400;
				/*text-transform: uppercase;*/
			}
		/** SKRÓTY **/

		/** strona główna **/
			.galeriaGrid{
				display: grid;
				grid-template-columns: auto auto auto auto;
				grid-column-gap: 2%;

			}
			.galeriaGridStrona{
				margin-top: 0px;
			}
			.galeriaGrid a h2{
				margin:2vw;
				padding:1vw;
				padding-top: 120px;
				margin-top: -100px;
					  
				background-image: -webkit-linear-gradient(bottom, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				background-image: -o-linear-gradient(bottom, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				background-image: linear-gradient(to top, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				
				background-size: 8px 100% ;
				background-repeat: no-repeat;
				
				position: relative;
				-webkit-transition: 0.5s all;
				-moz-transition: 0.5s all;
				-o-transition: 0.5s all;
				transition: 0.5s all;
				color: #000;
				font-size: 1.6vw;
				font-weight: 400;
				line-height: 1.8vw;			
			}

			.galeriaGrid a h2:before{
				border-top:0px solid #fff;
				display: none;
			}

			.galeriaGrid a:hover h2{
			  background-size: 100% 100% ;
			  color: #fff;
			}
		/** strona główna **/
		.tlo_transparentne {
			margin: 3vw 0px;
			width: auto;
		}
		.tlo_transparentne .tresc{
			margin: 0px 10vw;
			width: auto;
		}

		.tlo_haslo {

			background-image: url('../img/tlo_haslo.png');
			background-size: 120% auto;
			background-repeat: no-repeat;
			background-position: center bottom;
			display: none;

		}
		.tlo_haslo .hasloTresc{
				margin:0px 12vw;
				margin-top: -150px;
				background-image: url('../img/tlo_haslo.jpg');
				background-size:cover;
				padding:2vw;
				color: #fff;
				position: relative;
				z-index: 999;
		}	
		.tlo_haslo .hasloTresc .wp-block-columns, .tlo_haslo .hasloTresc figure{
			margin: 0px !important;
		}

		.tlo_haslo .hasloTresc h2{
			font-size: 60px;
			line-height: 1.3em;
			font-family: var(--czcionka2);
			font-style: italic;
		}

		.tlo_aktualnosci{
			padding: 3vw 0px;
			margin:0px;
		}
		.tlo_aktualnosci h2{
			font-weight: 600;
		}
		.btnABS{
			float:right;
			margin-top:-50px;
			margin-right:20px;
		}
		.aktualnosciFlex{
			display:grid;
			grid-template-columns: 25% 25% 25% 25%;
		}

		.aktualnosciFlex a{
			margin: 20px;
			background: #fff;
			border: 1px solid #ccc;
			box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
			padding-bottom: 40px;
			position: relative;
		}
		.aktualnosciFlex a div{
			padding: 20px;
			text-align:center;
			color: #6d6d6d;
			font-size: 14px;
		}
		.aktualnosciFlex a div h3{
			text-transform:none;
			color: #000;
			font-weight: 700;
			font-size: 20px;
			line-height: 1.3em;
		}

		.aktualnosciFlex a div hr{
			margin: 2px auto;
			width: 30px;
		}
		.aktualnosciFlex a div .btnLink{
			text-transform:uppercase;
			font-family: var(--czcionka);
			font-weight: 700;
			letter-spacing: 1px;
			position: absolute;
			bottom: 20px;
			left: 0;
			right: 0;
		}


		.aktualnosciFlex a img{
			width: 100%;
			display: block;
			min-height: 10.6vw;
		}

		.aktualnosciFlex a:hover{
			transform: scale(1.1);
			border: 0px;
			box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
		}

		.aktualnosciFlex a:hover div, .aktualnosciFlex a:hover div h3{
			color: var(--kolor-glowny);
		}

		.rowIndexAkt{
			display:grid;
			grid-template-columns: 70% 30%;
		}

		.rowIndexAkt div.h100{
			height: 100%;
		}
		.rowIndexAkt div .koja{
			border: 1px solid #ccc;
			display: block;
			height: calc(100% - 40px);
			margin: 20px;
			box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
			background-size: cover;
			background-position: center center;
			position: relative;

		}

	.rowIndexAkt div .koja h2{
		padding: 30px;
		text-align: left;
		margin: 0px;
		width: 300px;
		font-size: 50px;
		color: rgba(255,255,255,0.8);
		font-style: italic;
	}
	.rowIndexAkt .aktualnosciFlex{
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
	}
	.rowIndexAkt .aktualnosciFlex a:nth-child(4) {
       display: none;
  }


	.koja .btn{
		background-color: rgba(255,255,255,0.8);
		padding: 10px 20px;
		position: absolute;
		bottom: 20px;
		right: 20px;
		display: block;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 1px;
		border-radius: 10px;	
	}

	.koja .btn:hover{
		background-color: rgba(255,255,255,1);
	}



		.tlo_jachty{
			background-image: url(../img/tlo_jachty.jpg);
			background-size:100% auto;
			background-repeat: no-repeat;
			background-position: top center;
			background-color: #fff;
			padding: 2vw 0px;
			margin:0px;


		}
		.tlo_jachty .wp-block-columns{
			margin: 1vw 0px !important;
		}
		.tlo_jachty h2{
			text-align: center;
			font-size: 60px;
			color: #fff;
			font-weight: 700;
			letter-spacing: 3px;
		}
		
		.tlo_jachty .wp-block-image{
			position: relative;
		} 

		.tlo_jachty .wp-block-image figcaption{
			position: absolute;
			bottom: 20px;
			width: 100%;
			text-align: center;
			font-size: 44px;
			color: #fff;
			font-weight: 700;
			letter-spacing: 3px;
			font-style: italic;

		}
		.tlo_jachty .wp-block-columns,
		.tlo_zaloga .wp-block-columns{
			margin: 0px !important;
		}
		.tlo_jachty figure{
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.tlo_jachty figure:hover{
			transform: scale(1.1);
			/*color: var(--kolor-glowny);*/
			box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
		}

		.tlo_jachty figure:hover figcaption{
			/*color: var(--kolor-pomaranczowy);*/
		}


		.tlo_zaloga{
			background-color: #fff;
			padding: 5vw;
			margin:0px;
			font-size: 16px;
		}

		.tlo_zaloga p{
				color: #666;
		}
		.tlo_zaloga h2{
			font-weight: 700;
		}
		.tlo_zaloga h3{
			font-weight: 600;
			color: #000;
			margin-top:30px;
		}


		.tlo_zaloga .wp-block-image{
			margin:0px !important;
		}
		.tlo_transparentne .grid_str{
			display:grid;
			grid-template-columns: 65% 35%;
			position: relative;
			background: #fff;
			border-radius: 50px;
			box-shadow: 0px 0px 115px rgba(0,0,0,0.2);
		}

		.tlo_transparentne .grid_str div{
			height: 100%;
			padding: 3vw;

		}
		.str_kont{
			background-image: url('../img/tlo.jpg');
			background-size: cover;
			background-position: right bottom;

			border-radius: 0px 50px 50px 0px;
		}


		.str_kont h2{
			color: #fff; 
		}
		.str_kont ul{
			list-style: none;
			color: #fff;
			padding: 0px;
			margin: 20px 0px;
		}

		.str_kont ul li{
			margin: 20px 0px;
		} 

		.str_kont ul li a{
			color: #fff;
		}

		.str_kont ul li a svg{
			font-size: 20px;
			margin-right: 5px;
		}


		.tlo_strona {
			margin: 0vw 0vw 0vw 0vw;
			padding: 0vw 0vw 7vw 0vw;
			/*background-position: top right;
			background-repeat: no-repeat;
			background-size: 50vw auto;*/
		}
		.tlo_strona1 {
			margin: 0vw 0vw 2vw 0vw;
		}
		.tlo_strona2 {
			margin: 0vw 0vw 5vw 0vw;
			padding: 0vw 16vw 0vw 16vw;
		}
		.tlo_strona h1.naglekGlowny{
			padding-top:220px;
			padding-bottom: 2vw;
			color: #fff;
			background-color: var(--kolor-glowny);
			font-size: 60px;
			text-align: center;
			background-image: url(../img/tlo_ng.jpg);
			background-size: 100% auto;
			background-position: center bottom;
		}

		.tlo_strona figcaption, .tlo_strona  .wp-caption-text{
			color: #000;
			font-size: 18px;
			line-height: 1.5em;
		}

		.tlo_aktualnosc .tekst{
			/*background-color: #fff;*/
			/*border: 1px solid #ccc;*/
			/*box-shadow: 0px 0px 50px rgba(0,0,0,0.15);*/
		}
		.tlo_aktualnosc h1{
			padding: 2vw;
			text-align: center;
			border-bottom: 1px solid #cccc;
		}


	.tlo_onas p{
		text-align:justify;
	}
	.tlo_onas .mLeft{
		margin-left:10vw;
	}
	.tlo_kontakt button {
		background-color: var(--kolor-ciemnoszary);
		font-size: 18px;
		font-weight: 500;
		font-family: var(--czcionka2);
		font-family: var(--czcionka2);
		margin-left: 34vw;
		margin-top: 21.8vw;
		position: absolute;
		z-index: 190;
		padding: 0.5vw 2vw 0.5vw 2vw;
	   transition: 200ms linear all;
	}
	.tlo_kontakt button:hover,
	.tlo_kontakt button:focus {
		text-decoration: none;
		margin-left: 35vw;
	   transition: 200ms linear all;
	   background-color: var(--kolor-glowny);
	}
	.tlo_kontakt {
		width: 100vw;
		min-height: 29vw;
		font-size: 20px;
		background-image: url(../img/tlo_kontakt.jpg);
		background-position: center center;
		background-size: 100% auto;
		position: relative;
	}
	.tlo_kontakt .oddzial {
		position: absolute;
		z-index: 200;
		font-size: 3.5vw;
	   transition: 200ms linear all;
	   cursor: pointer;
	}
	.tlo_kontakt .oddzial:hover {
		color: var(--kolor-ciemnoszary);
		transform: scale(1.1);
	   transition: 200ms linear all;
	}
	.tlo_kontakt .oddzial.aktywny {
		color: var(--kolor-glowny);
	   transition: 200ms linear all;
	}
	.tlo_transparentne.tlo_kontakt h1,
	.tlo_transparentne.tlo_kontakt h2.ngh1 {
		color: #000;
	}
	.oddzialy {
		width: 33vw;
		min-height:  29vw;
		margin-left: 12vw;
		padding: 3vw 5vw 3vw 4vw;
		background-color: #fff;
		box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
		
		z-index: 1;
		position: relative;

	}
	.oddzial_knt {
		display: none;
	}
	.oddzial_knt.widoczny {
		display: block;
	}
	#oddzial_ns {
		margin-left: 76.7vw;
		margin-top: 10.75vw;
	}
	#oddzial_md {
		margin-left: 57.2vw;
		margin-top: 8.55vw;
	}
	#oddzial_lm {
		margin-left: 67.75vw;
		margin-top: 6.55vw;
	}
	#oddzial_kr {
		margin-left: 84vw;
		margin-top: 20.15vw;
	}
	#oddzial_gr {
		margin-left: 90.45vw;
		margin-top: 9vw;
	}
	.tlo_kontakt a.wieksza_mapka {
		color: #999;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.tlo_kontakt ul,
	.tlo_kontakt li {
		margin-top: 15px;
	}
	.tlo_transparentne.margines.inspiracje_naglowek {
		margin-bottom: 2vw;
	}
	.inspiracje_naglowek img {
		float: left;
		width: 2.5vw;
		height: auto;
	}
	.inspiracje_naglowek h2 {
		float: left;
		margin-top: 0.5vw;
		padding-left: 10px;
		/*padding-top: 0.5vw;*/
	}
	.inspiracje_naglowek .slajder_naw {
		float: right;
		margin-top: 1vw;
	}
	.inspiracje_naglowek .slajder_naw .si_i {
	    transition: 200ms linear all;
	    display: inline-block;
	}
	.inspiracje_naglowek .slajder_naw .si_i:hover {
		cursor: pointer;
		color: var(--kolor-glowny);
		transform: scale(1.2);
	    transition: 200ms linear all
	}
	.tlo_inspiracje {
		margin: 2vw 7vw 9vw 7vw; 
	}
	.inspiracja {
		display: block;
		/*float: left;*/
		width: 27vw;
		margin-right: 2.5vw;
		overflow: hidden;
	}
	.inspiracja .img_knt {
		overflow: hidden;
		height: 19vw;
		text-align: center;
	}

	.inspiracja .img_knt img{
		max-width: 100%;
	}
	.inspiracja:hover {
		/*transform: scale(1.05);*/
		/*background-color: var(--kolor-glowny); */
		/*background-color: var(--kolor-ciemnoszary);*/
	}
	.inspiracja:hover h3 {
		color: var(--kolor-glowny);
		padding-left: 4vw;
	}
	.inspiracja:hover img {
		/*opacity: 0.9;*/
		transform: scale(1.1);
	}
	.inspiracja h3 {
		padding-left: 3vw;
		font-size: 32px;
		font-weight: 400;
		padding-top: 25px;
		margin-top: 0px;
		margin-bottom: 25px;
		color: var(--kolor-czarny);
	}
	.wyceny_box{
		margin:5vw 10vw;
		background-size: cover;
		background-position: center center;
		display: grid;
		grid-template-columns: 30% 70%;
	}
	.wyceny_box .w1{
		background: rgba(0,0,0,0.7);
	}
	.wyceny_box .w1 h2{
		display: block;
		text-align:center;
		color: #fff;
		margin:0px;
		line-height: 6vw;
	}

	.wyceny_box .w1 h2:before{
		display:none;
	}

	.wyceny_box .w2{
		background: rgba(47,123,154,0.9);
	}
	.wyceny_box .w2 a{
		display: block;
		text-align:center;
		color: #fff;
		margin:0px;
		text-transform:uppercase;
		line-height: 6vw;
		font-weight: 500;
	}
	.wyceny_box .w2 a:hover{
		padding-left: 20px;
		color: #000;
	}

	#map {
		/*position: absolute;*/
		/*z-index: 0;*/
		/*top: 0px;*/
		/*bottom: 0px;*/
		/*left: 0px;*/
		/*right: 0px;*/
		/*width: 100%;*/
	}
	.tlo_transparentne.tlo_mapka {
		padding: 0px;
		margin: 0px;
	}
	.mapka {
		width: 100%;
		height: 800px;
		box-shadow: 0px 0px 100px rgba(0,0,0,0.15);
	}
	.mapkaGoogle {
		text-align: center;
		font-family: var(--czcionka);
		font-weight: bold;
		max-width: 200px;
	}
	.mapkaGoogle h3 {
		margin: 10px 0px 0px 0px;
		font-weight: bold;
		text-transform: none;
		font-family: var(--czcionka2);
	}
	.mapkaGoogle img {
		border: 1px solid #ccc;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		margin: 10px 0px 10px 0px;
		display: inline-block;
		width: 150px;
		max-width: 100%;
		height: auto;
	}
	.mapkaGoogle span {
		text-transform: uppercase;
	}
	.mapkaGoogle a {
		color: rgb(109, 109, 109);
	}
	.mapkaGoogle a:hover {
		color: var(--kolor-glowny);
	}

	#start_hook {
		position: absolute; 
	}
	#zawartosc{
		padding: 0px 0px 0px 0px;
		margin:0;
		position: static;
		z-index: 3;
		background-color: #f2f2f2;
	}
	#zawartosc a:hover{
		color: #000;
	}
	
	.tlo_transparentne .tekst {
		padding: 0px 15vw 0px 15vw;
	}
	#zawartosc .tekst figcaption a {
		color: var(--kolor-glowny);
	}
	#zawartosc .tekst figcaption a:hover {
		color: var(--kolor-czarny);
	}
	#zawartosc .tekst,
	#zawartosc label
	{
		font-size: 18px;
	}
	#zawartosc ul {
		margin-bottom: 1.5rem;
	}
	
	ul.galeria {
		padding: 10px 0px 10px 0px;
		margin: 10px auto 10px auto;
	}
	ul.galeria:after {
		content:"."; display:block; height:0; clear:both; visibility:hidden;
	} 
	ul.galeria li {
		list-style:none;
		float:left;
		margin: 10px 1% 10px 1%;
		width:31.3333%;
		text-align:center;
	} 
	ul.galeria li:nth-child(3n+1) {
		clear:both;
	}
	ul.galeria li img {
		width:100%;
		height:auto;
		cursor:pointer;
		margin-bottom:10px;
		border: 1px solid #ddd;
		box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	}
	ul.galeria li img:hover {
		box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
	}

	ul.galeria.pojedyncze li {
		list-style:none;
		float:none;
		margin: 10px auto 10px auto;
		width:90%;
		text-align:center;
	}
	


	.zalacznik {
	    width: 0.1px;
	    height: 0.1px;
	    opacity: 0;
	    overflow: hidden;
	    position: absolute;
	    z-index: -1;
	}

	.zalacznik + label {
	    max-width: 80%;
	    font-size: 14px;
	    text-transform: uppercase;
	    /* 20px */
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor: pointer;
	    display: inline-block;
	    overflow: hidden;
	    padding: 0.625rem 1.25rem;
	    /* 10px 20px */
	}

	.no-js .zalacznik + label {
	    display: none;
	}

	.zalacznik:focus + label,
	.zalacznik.has-focus + label {
	    outline: 1px dotted #000;
	    outline: -webkit-focus-ring-color auto 5px;
	}

	.numery {
		font-size: 13px;
		color: #CCCCCC;
		margin-top: 35px;
		text-align: center;
		padding-top: 10px;
		clear: both;
	}
	.numery a {
		font-size: 14px;
		color: #333333;
		margin: 2px;
		border: 1px solid #CCCCCC;
		text-decoration: none;
		background-color: #dddddd;
		display: inline-block;
		padding:5px 10px;
		font-weight: 600;
	}
	.numery a:hover {
		font-size: 14px;
		color: #fff !important;
		border: 1px solid #054982 !important;
		text-decoration: none;
		background-color: var(--kolor-glowny);
	}
	.pusty {
		background-color: #dddddd;
		color: #CCCCCC;
		margin: 2px;
		display: inline-block;
		padding: 1px 7px 1px 7px;
	}
	input.formInput {
		font-size: 20px;
		font-family: var(--czcionka2);
		padding: 10px;
		border: 1px solid #ccc;
		color: #000;
		background: transparent;
		/*box-shadow: 0px 0px 50px rgba(0,0,0,0.1) inset;*/
	}

	input.formInput::placeholder  {
		color: #999;
		opacity: 1;
	}
	input.has-error{
		color: red;
		border: 2px solid red;
	}
	input.has-error::placeholder {
		color: red;
	}

	textarea.formInput {
		
		font-size: 20px;
		font-family: var(--czcionka2);
		padding: 10px;
		border: 1px solid #ccc;
		color: #000;
		background: transparent;
		/*box-shadow: 0px 0px 50px rgba(0,0,0,0.1) inset;*/
	}

	textarea.formInput::placeholder  {
		color: #999;
		opacity: 1;
	}
	textarea.has-error{
		color: red;
		border: 1px solid red;
	}
	textarea.has-error::placeholder {
		color: red;
	}
	.btn_kolor {
		background-color: var(--kolor-glowny);
		padding: 10px 30px;
		font-size: 20px;
		 -webkit-transition: 200ms linear all;
	    -moz-transition: 200ms linear all;
	    -o-transition: 200ms linear all;
	    transition: 200ms linear all;
	    cursor: pointer;
	}
	.btn_kolor:hover {
		padding-left:40px;
		padding-right:20px;
		text-decoration: none;
	}
	.has-error{
		color: red;
		font-size: 16px;
	}
	.listaKategorii {
		display: grid;
		grid-template-columns: 30% 30% 30%;
		grid-column-gap: 3.333%;
		padding-top: 3vw;
		padding-left: 3vw;
	}
	.listaKategorii .kategoria {
		position: relative;
		min-height: 21.5vw;
		padding-bottom: 3vw;
	}
	.listaKategorii .kategoria img{
		width: 100%;
		height: auto;
	}
	.listaKategorii .kategoria h2{
		position: absolute;
		top: 20px;
		left: 20px;
		color: rgba(255,255,255,0.8);
		text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		width: 70%;
	}
	iframe.mapaGoogle{
		width: 100%;
		min-height: 500px;
	}
	.kolor {
		color: var(--kolor-glowny) !important;
	}
	.wierszKontaktu{
		position:relative;
		overflow: hidden;
		box-shadow: 0px 0px 100px rgba(0,0,0,1) inset;
	}
	.wierszKontaktu .tlo_formularza{
		position:absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 0;

		background-image: url('../img/tlo_formularz.jpg');
		background-position: bottom center;
		background-size: cover;
		box-shadow: 0px 0px 100px rgba(0,0,0,0.5) inset;
	}
	.wierszKontaktu #formularz_knt{
		position:relative;
		z-index: 1;
		margin-right: 10vw;
		margin-left: 60vw;
		padding:2vw;	
		background-color: rgba(247,247,247,0.9);
		box-shadow: 0px 0px 75px rgba(0,0,0,0.15);
	}
	#sama_gora {
		position: absolute;
		top: 0px;
	}
	/** MAIN
	/** FOOTER **/
		#stopka{
			color: #fff;
			font-size:16px;
			line-height: 1.5em;
			float: left;
			width: 100%;
			font-weight: 400;
			background: #f2f2f2;
			font-family: var(--czcionka);
		}

		.menuStopka{
			/*width: calc(100% - 10vw);*/
			margin: 2vw 9vw;
			display: grid;
			grid-template-columns: 10% 40% 12% 12% 12% 14%;
			/*grid-column-gap: 1%;*/
			align-items: center;
			font-size: 24px;
			font-weight: 400;
		}
		.menuStopka h3 {
			color:rgba(0,0,0,0.6);
			margin-top: 0px;
			margin-bottom: 5px;
		}
		.menuStopka ul{
			list-style: none;
			padding: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			position: relative;
		}
		.menuStopka li {
			padding-right: 5%;
			margin-top: 0px;
			width: 40%;
			float: left;
			font-size: 16px;
			font-weight: 400;
		}

		.menuFooter{
			padding: 2vw 9vw;
			background: #303030;
		}

		.menuFooter .wiersz{
		}
		.influencja_knt{
			background-color: #0a0a0a;
			padding-top: 40px;
			padding-bottom: 140px;
			text-align: center;
		}
		#influencja  {
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 0.8;
		}
		#influencja:hover {
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 1;
		}
		#influencja  img{
			width: auto;
			height: auto;
		}
		.menuFooter .do_prawej{
			text-align: right;
		}
		#stopka a{
			color: #fff;
			text-transform: none;
		}
		#stopka a:hover{
			color: var(--kolor-glowny);
		}
		

	/** FOOTER **/

	
	/** DODATKI **/

			table{
				width: 100%;
				max-width: 100%;
				margin-bottom: 20px;
				color: #424242;	line-height: 20px;
				border: 1px solid #ccc;
				border-radius: 10px;
				margin-top: 20px;
				margin-bottom: 20px;
			}


			 table th{
				vertical-align: bottom;
				border-bottom: 2px solid #ddd;
				border-top: 0;
			}
			 table tr{
			   padding-top: 5px;
			   padding-bottom: 5px;
			   border-bottom: 1px solid #ccc;
			}
			table tr td{
				padding: 5px;
			}
			 table tr:nth-of-type(2n+1) {
			    background-color: #f9f9f9;
			}
			 table tr:nth-of-type(2n) {
			    background-color: #fff;
			}
			#do_gory {
				display: none;
				position: fixed;
				bottom: 1vw;
				right: 3.2vw;
				cursor: pointer;
				z-index: 1000;
				width: 4.6vw;
				padding-bottom: 0;
				padding-top: 1vw;
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
				transform: scale(0.8);
			}
			#tel {
				position: fixed;
				bottom: 6.2vw;
				right: 3.2vw;
				cursor: pointer;
				z-index: 1000;
				width: 4.6vw;
				padding-bottom: 0;
				padding-top: 1vw;
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
				/*transform: scale(0.8);*/
				display: none;
			}
			#do_gory:hover {
				transform: scale(1);
				/*padding-top: 0;*/
				/*padding-bottom: 1vw;*/
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			}
			#tel:hover {
				transform: scale(1.2);
				/*padding-top: 0;*/
				/*padding-bottom: 1vw;*/
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			}

			ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
			ul.kolumny_zalaczniki{
				padding: 0px;
			}
			ul.kolumny_zalaczniki li{
				width: 45%;
				margin: 0px 2% 2% 0px;
				border: 1px solid #eee;
				border-radius: 8px;
				text-align: left;
				float: left;
				list-style: none;
				overflow: hidden;
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li a p {
				margin: 0px;
				padding: 0px;
			}
			ul.kolumny_zalaczniki li a {
				display: block;
				margin: 0px;
				padding: 1% 3% 1% 3%;
			}
			ul.kolumny_zalaczniki li:hover a {
				box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li img{
				border:1px solid #ccc;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
				opacity: 0.6;
				width: 200px;
			}

			ul.kolumny_zalaczniki li:hover img{
				opacity: 1;
			}
			.alignnone {
				margin: 1.625em;
			}
			.alignleft {
				display: inline;
				float: left;
				margin-right: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignleft:hover {
			}
			.alignright {
				display: inline;
				float: right;
				margin-left: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignright:hover {
			}
			.aligncenter {
				clear: both;
				display: block;
				margin-left: auto !important;
				margin-right: auto !important;
				margin-top: 20px !important;
				margin-bottom: 20px !important;
			}
			.aligncenter:hover {
			}
			.text-center {
				text-align: center;
			}
			.marginAuto{
				margin:auto;
			}
	/** DODATKI **/


	 /*Upload zdjec*/
			.upload_zdjec {
			    /*font-size: 16px;*/
			    padding: 15px;
			    border: 1px solid #eee; 
			}
			.upload_zdjec .thumb {
			    width: 24px;
			    height: 24px;
			    float: none;
			    position: relative;
			    top: 7px;
			}
			.upload_zdjec form .progress {
			    line-height: 15px;
			}
			.upload_zdjec .progress {
			    display: inline-block;
			    width: 100px;
			    border: 3px groove #CCC;
			}
			.upload_zdjec .drop-box {
				padding: 25px;
				border: 3px dashed #dde2e7;
				background-color: #f6f7f7;
				text-align: center;
			}
			.upload_zdjec .dragover {
				border: 3px dashed #9ca3aa;
				background-color: #dde2e7;

			}
			.upload_zdjec .progress div {
			    font-size: smaller;
			    background: orange;
			    width: 0;
			}
			.upload_zdjec .formBtn {
				width: auto;
				padding: 25px;
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
	    		cursor: pointer;
			}
			.upload_zdjec .foto_kont .formBtn {
				width: auto;
				padding: 5px 15px 5px 15px;
				-webkit-filter: grayscale(0%);
				filter: grayscale(0%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
	    		cursor: pointer;
			}
			.usunBtn {
				padding: 2px 10px 2px 10px;
				margin-top: 0px;
				right: -5px;
				position: absolute;
				font-size: 14px;
	    		cursor: pointer;
			}
			.usunBtn i {
				padding: 0px;
			}
			.usunBtn:hover i {
				padding: 0px;
			}
			.foto_kont {
				/*width: 46%;*/
				margin: 3% 1% 0% 1%;
				padding: 1%;
				/*float: left;*/
				position: relative;
				background: #fff;
				word-wrap: break-word;		
				border: 1px solid #e1e1e1;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
			}
			.foto_kont img {
				max-width: 100%;
				max-height: 155px;
				width: auto;
				height: auto;

			}
			.bledy_ladowania_zalacznikow {
				border: 1px solid rgb(169, 68, 66);
				color: rgb(169, 68, 66);
				background-color: #f6ecec;
				padding: 5px 10px 5px 10px;
				margin: 5px 0px 5px 0px;
			}
	 /*Upload zdjec*/

	/** Bootstrap **/
			.text-left {
			  text-align: left;
			}
			.text-right {
			  text-align: right;
			}
			.text-center {
			  text-align: center;
			}
			.text-justify {
			  text-align: justify;
			}
			.text-nowrap {
			  white-space: nowrap;
			}
			.text-lowercase {
			  text-transform: lowercase;
			}
			.text-uppercase {
			  text-transform: uppercase;
			}
			.text-capitalize {
			  text-transform: capitalize;
			}
			.text-muted {
			  color: #777;
			}
			.text-primary {
			  color: #337ab7;
			}
			a.text-primary:hover,
			a.text-primary:focus {
			  color: #286090;
			}
			.text-success {
			  color: #3c763d;
			}
			a.text-success:hover,
			a.text-success:focus {
			  color: #2b542c;
			}
			.text-info {
			  color: #31708f;
			}
			a.text-info:hover,
			a.text-info:focus {
			  color: #245269;
			}
			.text-warning {
			  color: #8a6d3b;
			}
			a.text-warning:hover,
			a.text-warning:focus {
			  color: #66512c;
			}
			.text-danger {
			  color: #cc0000;
			}
			a.text-danger:hover,
			a.text-danger:focus {
			  color: #cc0000;
			}
			.bg-primary {
			  color: #fff;
			  background-color: #337ab7;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-primary:hover,
			a.bg-primary:focus {
			  background-color: #286090;
			}
			.bg-success {
			  background-color: #dff0d8;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-success:hover,
			a.bg-success:focus {
			  background-color: #c1e2b3;
			}
			.bg-info {
			  background-color: #d9edf7;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-info:hover,
			a.bg-info:focus {
			  background-color: #afd9ee;
			}
			.bg-warning {
			  background-color: #fcf8e3;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-warning:hover,
			a.bg-warning:focus {
			  background-color: #f7ecb5;
			}
			.bg-danger {
			  background-color: #f2dede;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-danger:hover,
			a.bg-danger:focus {
			  background-color: #e4b9b9;
			}
	/** Bootstrap **/


	/*
	autor:      influencja.pl
	wersja:     165.12.2.1
	kompilacja: 123080962145912635976129019625019261569361986365;
	klasy:      .wiersz
	            .kol_[1-9]
	            .kol_[10-100]
	            .ods_z[gora,dol,prawa,lewa]_[5-100]
	            .ods_w[gora,dol,prawa,lewa]_[5-100]
	            .px[10-36]
	*/
	.fa-ul li{
		position: relative;
	}
	.fa-ul li ion-icon{
		position: absolute;
		left:-30px;
		top: 5px;
		color: var(--kolor-glowny);

	}

	

	.wiersz { clear: both; padding-top: 15px; padding-bottom: 15px; margin: 0px auto;}
	.wierszAuto { clear: both; overflow: hidden; padding-top: 15px; padding-bottom: 15px; width: auto; margin: 0px auto;}
	.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
	.kol_1 { float: left; width: 100%; width: 100%; padding: 0px 15px 0px 15px; } .kol_2 { float: left; width: 50%; width: 50%; padding: 0px 15px 0px 15px; } .kol_3 { float: left; width: 29%; width: 33.333333333333%; padding: 0px 15px 0px 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding: 0px 15px 0px 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding: 0px 15px 0px 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding: 0px 15px 0px 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding: 0px 15px 0px 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding: 0px 15px 0px 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding: 0px 15px 0px 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding: 0px 15px 0px 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding: 0px 15px 0px 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding: 0px 15px 0px 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding: 0px 15px 0px 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding: 0px 15px 0px 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding: 0px 15px 0px 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding: 0px 15px 0px 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding: 0px 15px 0px 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding: 0px 15px 0px 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding: 0px 15px 0px 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding: 0px 15px 0px 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding: 0px 15px 0px 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding: 0px 15px 0px 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding: 0px 15px 0px 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding: 0px 15px 0px 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding: 0px 15px 0px 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding: 0px 15px 0px 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding: 0px 15px 0px 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding: 0px 15px 0px 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding: 0px 15px 0px 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding: 0px 15px 0px 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding: 0px 15px 0px 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding: 0px 15px 0px 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding: 0px 15px 0px 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding: 0px 15px 0px 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding: 0px 15px 0px 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding: 0px 15px 0px 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding: 0px 15px 0px 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding: 0px 15px 0px 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding: 0px 15px 0px 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding: 0px 15px 0px 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding: 0px 15px 0px 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding: 0px 15px 0px 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding: 0px 15px 0px 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding: 0px 15px 0px 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding: 0px 15px 0px 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding: 0px 15px 0px 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding: 0px 15px 0px 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding: 0px 15px 0px 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding: 0px 15px 0px 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding: 0px 15px 0px 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding: 0px 15px 0px 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding: 0px 15px 0px 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding: 0px 15px 0px 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding: 0px 15px 0px 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding: 0px 15px 0px 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding: 0px 15px 0px 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding: 0px 15px 0px 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding: 0px 15px 0px 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding: 0px 15px 0px 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding: 0px 15px 0px 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding: 0px 15px 0px 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding: 0px 15px 0px 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding: 0px 15px 0px 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding: 0px 15px 0px 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding: 0px 15px 0px 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding: 0px 15px 0px 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding: 0px 15px 0px 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding: 0px 15px 0px 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding: 0px 15px 0px 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding: 0px 15px 0px 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding: 0px 15px 0px 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding: 0px 15px 0px 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding: 0px 15px 0px 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding: 0px 15px 0px 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding: 0px 15px 0px 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding: 0px 15px 0px 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding: 0px 15px 0px 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding: 0px 15px 0px 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding: 0px 15px 0px 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding: 0px 15px 0px 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding: 0px 15px 0px 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding: 0px 15px 0px 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding: 0px 15px 0px 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding: 0px 15px 0px 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding: 0px 15px 0px 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding: 0px 15px 0px 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding: 0px 15px 0px 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding: 0px 15px 0px 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding: 0px 15px 0px 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding: 0px 15px 0px 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding: 0px 15px 0px 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding: 0px 15px 0px 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding: 0px 15px 0px 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding: 0px 15px 0px 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } 
	.ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
	.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; } 
	.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

	.koniec {
		clear: both;
	}
	.relative{
		position: relative;
		overflow: hidden;
	}
	.tlo_animacja{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: -1;
		background-repeat: no-repeat;
		background-size: 50vw auto;
		background-position: top right;
	}

	.kenburns-top-right {
		-webkit-animation: kenburns-top-right 20s ease-in-out infinite alternate-reverse both;
		        animation: kenburns-top-right 20s ease-in-out infinite alternate-reverse both;
	}

	@-webkit-keyframes kenburns-top-right {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 84% 16%;
	            transform-origin: 84% 16%;
	  }
	  100% {
	    -webkit-transform: scale(1.1) translate(20px, -15px);
	            transform: scale(1.1) translate(20px, -15px);
	    -webkit-transform-origin: right top;
	            transform-origin: right top;
	  }
	}
	@keyframes kenburns-top-right {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 84% 16%;
	            transform-origin: 84% 16%;
	  }
	  100% {
	    -webkit-transform: scale(1.1) translate(20px, -15px);
	            transform: scale(1.1) translate(20px, -15px);
	    -webkit-transform-origin: right top;
	            transform-origin: right top;
	  }
	}

	.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}




	.kenburns-left {
		-webkit-animation: kenburns-left 20s ease-in-out infinite alternate-reverse both;
		        animation: kenburns-left 20s ease-in-out infinite alternate-reverse both;
	}
	@-webkit-keyframes kenburns-left {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 16% 50%;
	            transform-origin: 16% 50%;
	  }
	  100% {
	    -webkit-transform: scale(1.25) translate(-20px, 15px);
	            transform: scale(1.25) translate(-20px, 15px);
	    -webkit-transform-origin: left;
	            transform-origin: left;
	  }
	}
	@keyframes kenburns-left {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 16% 50%;
	            transform-origin: 16% 50%;
	  }
	  100% {
	    -webkit-transform: scale(1.25) translate(-20px, 15px);
	            transform: scale(1.25) translate(-20px, 15px);
	    -webkit-transform-origin: left;
	            transform-origin: left;
	  }
	}


	/** DODATKI **/

	.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
	@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: relative;
		    height: 65px;
		}
		.box_m {
		  border-radius: 2px;
		  transform: translate(-50%, -50%);
		  position: relative;
		  top: 30px;
		  margin: 0 auto;
		}

		.box_m {

		  transform: translate(-50%, -50%);
		  width: 65px;
		  cursor: pointer;
		}

		.box_m span {
		  display: block;
		  width: 100%;
		  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
		  border-radius: 3px;
		  height: 5px;
		  background: #000;
		  /*background-image: url('../img/btn_tlo.jpg');*/
		  transition: all .3s;
		  position: relative;
		}

		span + span {
		  margin-top: 10px;
		}

		.active span:nth-child(1) {
		  animation: ease .7s top forwards;
		}

		.not-active span:nth-child(1) {
		  animation: ease .7s top-2 forwards;
		}

		.active span:nth-child(2) {
		  animation: ease .7s scaled forwards;
		}

		.not-active span:nth-child(2) {
		  animation: ease .7s scaled-2 forwards;
		}

		.active span:nth-child(3) {
		  animation: ease .7s bottom forwards;
		}

		.not-active span:nth-child(3) {
		  animation: ease .7s bottom-2 forwards;
		}

		@keyframes top {
		  0% {
		    top: 0;
		    transform: rotate(0);
		  }
		  50% {
		    top: 22px;
		    transform: rotate(0);
		  }
		  100% {
		    top: 22px;
		    transform: rotate(45deg);
		  }
		}

		@keyframes top-2 {
		  0% {
		    top: 8px;
		    transform: rotate(45deg);
		  }
		  50% {
		    top: 8px;
		    transform: rotate(0deg);
		  }
		  100% {
		    top: 0;
		    transform: rotate(0deg);
		  }
		}

		@keyframes bottom {
		  0% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		}

		@keyframes bottom-2 {
		  0% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		}

		@keyframes scaled {
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(0);
		  }
		}

		@keyframes scaled-2 {
		  0% {
		    transform: scale(0);
		  }
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(1);
		  }
		}


		.arrow-icon {
			display: none;
		    position: relative;
		    cursor: pointer;
		    border-radius: 2px;
		    float: right;
			width: 50px;
			margin-top: -30px;
			height: 20px;
		}

		.left-bar {
		  position: absolute;
		  background-color: transparent;
		  top: 0;
		  left:0;
		  width: 20px;
		  height: 5px;
		  display: block;
		  transform: rotate(35deg);
		  float: right;
		  border-radius: 2px;
		  margin-top: 10px;
		 }

		  .left-bar:after {
		    content:"";
		    background-color: #ccc;
		    width: 20px;
		    height: 5px;
		    display: block;
		    float: right;
		    border-radius: 6px 10px 10px 6px;
		    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
		    z-index: -1;
		  }


		.right-bar {
		  position: absolute;
		  background-color: transparent;
		  top: 0px;
		  left:13px;
		  width: 20px;
		  height: 5px;
		  display: block;
		  transform: rotate(-35deg);
		  float: right;
		  border-radius: 2px;
		}  

		.right-bar:after {
		    content:"";
		    background-color: #ccc;
		    width: 20px;
		    height: 5px;
		    display: block;
		    float: right;
		    border-radius: 10px 6px 6px 10px;
		    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
		    z-index: -1;
		  }



		    .open .left-bar:after {
		    transform-origin: center center;
		    transform: rotate(-70deg);
		  }
		  .open .right-bar:after {
		    transform-origin: center center;
		    transform: rotate(70deg);
		  }

	/** Menu mobilne **/