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

	:root {
	  --kolor-glowny: #212121;
	  --kolor-szary: #929395;
	  --kolor-szary-sredni: #c8ccd0;
	  --kolor-szary-jasny: #e2e4e6;
	  --kolor-czarny: #212121;

	  --kolor-szary-tlo: #dbdbdb;

	  --kolor-tekst: #212121;
	  --kolor-tekst-jasny: #BFBFBF;
	  --kolor-bialy: #eee;

	  --czcionka: 'Lato', sans-serif;
	  --czcionka-2: 'Lato', sans-serif;

	  --200px: 200px;
	  --100px: 100px;
	  --50px: 50px;
	  --20px: 20px;

	  --borderRadius: 0px;

	  --podzial: calc(12.5vw - 1px);

	  --wp--style--unstable-gallery-gap: 50px;

	  --kolor-k: rgba(140,140,140,0.1);
	  /*--kolor-k: red;*/
	}

	:focus {
		outline: none;
	}
	img{
		max-width: 100%;
	}

	html {
	  font-size: 18px;
	  font-weight: 400;
	  line-height: 1.6em;
	  margin: 0px !important;
	  color: var(--kolor-tekst);
	  word-break: break-word;
	  max-width: 100vw;
	  overflow-x: hidden;
	}

	/* 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-styles-wrapper p {
			line-height: 1em  !important;
		}
		.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(--czcionka);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka);
		}
		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 {
			max-width: 80%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
			border-radius: 50px !important;
		}
		.wp-block-image.border_left,
		.wp-block-image.border_right{
			position: relative;
		}
		.wp-block-image.border_right::before {
		  content: " ";
		  width: calc(100% - 100px);
		  height: calc(100% + 48px);
		  border: 1px solid #000;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: -1;
		  top: -25px;
		  right: -25px;
		}

		.wp-block-image.border_left::before {
		  content: " ";
		  width: calc(100% - 100px);
		  height: calc(100% + 48px);
		  border: 1px solid #000;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: -1;
		  top: -25px;
		  left: -25px;
		}

		.wp-block-image.aligncenter{
			display: block !important;
		}



		a {
		    color: #000;
		    text-decoration: none;
		    transition: 0.2s;
		    cursor: pointer;
		}
		a:hover {

		    color: var(--kolor-glowny) ;
		    transition: 0.2s;

		   /* text-decoration-style: dashed;
			  text-decoration-color: var(--kolor-glowny);
			  text-decoration-line: underline;*/
		}

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

		section{ padding:0px; }
		button:hover {
			text-decoration: none;
		}

	 	.wp-block-columns{
	 		align-items: normal;
	 		margin: 50px 0px !important;
	 	}

	 	.wp-block-image.alignleft {
		/*	 		float: left;*/
	 	}
	 	.wp-block-image.alignright {
		/*	 		float: right;*/
	 	}
	 	/*.wp-block-columns {
	 		gap: 2em;
	 	}*/
	 	.wp-block-gallery {
	 		gap: var(--wp--style--unstable-gallery-gap);
	 	}
	 	.wp-block-separator {
			border-top: 1px solid #ccc !important;
			border-bottom: none !important;
	 	}
	 	.tresc p.has-fit-text,
	 	.has-fit-text {
		  font-size: clamp(16px, 4vw, 48px);
		  line-height: 1.3;
		  text-align: center;
		  white-space: wrap !important;
		}
	/* WP core classes*/

	/* SEKCJA ROZWIJANA */
		.disable {
			pointer-events: none !important;
			opacity: 0.75 !important;
		}
		.info_roz_knt {
			/*border-top: 2px solid #ddd;*/
			border-bottom: 4px solid #ddd;
			border-radius: var(--borderRadius);
			overflow: hidden;
			margin-bottom: 0px;
		}


		.info_roz_knt .info_roz_ng {
			padding: 30px 5px 30px 5px;
			cursor: pointer;
			position: relative;

		    display: grid;
		    grid-template-columns: 1fr 20px;
		    align-items: center;
		}

		.info_roz_knt .info_roz_ng strong {
			font-weight: 600;
			font-size: 1.4em;
		}

		.info_roz_knt .info_roz_ng img {
			position: absolute;
			right: 10px;
			top: 14px;
			width: 30px;
			-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;
			transform: scale(0.7);
		}
		.info_roz_knt.rozwiniete .info_roz_ng i {
			transform: rotate(180deg);
			-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;
		}
		.info_roz_tr {
			padding: 0px 5px 20px 5px;
			font-size: 20px;
		}		

		body.influ .info_roz_tr p,
		.info_roz_tr p,
		body.influ .info_roz_tr li,
		.info_roz_tr li {
			font-size: 18px;
		}
	/* SEKCJA ROZWIJANA */

	/* GŁÓWNE  */
		body.influ * {
			box-sizing: border-box;
		}
		body.influ {
			margin: 0px;
			padding: 0px;
			font-family: var(--czcionka);
			background-color: var(--kolor-szary-tlo);
			max-width: calc(2000px - (100vw - 100%));

			margin: auto;
			width: 100%;
			position: relative;
		}
		body.influ input,
		body.influ button,
		body.influ textarea {
			font-family: var(--czcionka);
		}
		body.influ a,
		body.influ i,
		body.influ svg,
		body.influ button,
		body.influ a:hover,
		body.influ i:hover,
		body.influ svg:hover,
		body.influ button: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;
		}
		h1, h2, h3, h4, h5 {
		  color: var(--kolor-czarny);	
		}
		h1{
			font-size: 72px;
		    line-height: 1em;
		    font-family: var(--czcionka-2);
		    font-weight: 400;
		    
			position: relative;
			color: var(--kolor-bialy);
			padding-left: 50px;
			margin: 40px 0px;
		}


		h2{
			font-size: 36px;
			line-height: 1.2em;
			font-family: var(--czcionka-2);
			
			font-weight: 600;

			position: relative;
		}


		h3{
			font-size: 30px;
			line-height: 36px;
		}
		h4{
			font-size: 24px;
			line-height: 30px;
		}
		h5{
			font-size: 20px;
			line-height: 24px;
		}
		h6{
			font-size: 18px;
			line-height: 22px;
		}

		.knt_2000px{
			max-width: 2000px;
			margin: 100px auto;

    		overflow: hidden;
    		position: relative;
		}



		.knt_glowny {
			max-width: 1700px;
			margin: 50px auto;
		}
		.knt_szeroki {
			max-width: 93vw;
			margin: auto;
		}
		.knt_prawa_lewa {
			/*max-width: calc(6*var(--podzial) - 6px);*/


			display: grid;
			grid-gap: var(--podzial);
			align-items: center;
			grid-template-columns: calc(2*var(--podzial)) calc(3*var(--podzial));
			margin: auto;

			width: auto;
		    margin: auto;

		}


		.knt_prawa_lewa img{
			z-index: 11;
			position: relative;
		}

		.knt_prawa_lewa img.cien{
			margin-top: -40px;
    		z-index: -1;
		}


		.knt_baner {
			max-width: 1700px;
		}
		.knt_100p {
			max-width: 100%;
			width: 100%;
		}
		hr {
			border: none;
			border-top: 1px solid rgba(0,0,0,0.1);
			margin: 25px 0px;
		}
		.hidden {
			display: none !important;
		}
		.wow_0 {
			opacity: 0 !important;
			visibility: hidden;
		}
		.influ_galeria_a {
			overflow: hidden;
		}
		.influ_galeria_a img {
			-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;
		}
		.influ_galeria_a:hover img {
			transform: scale(1.05);
			-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;
		}
		img.lazyload {
			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;
		}
		img.lazyloaded {
			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;
		}
	/* GŁÓWNE  */

	/* HEADER  */
		#glowny_naglowek_knt {
			z-index: 800;
			background: unset;
			margin: 0 auto;
			left: 0;
		    right: 0;
		    display: grid;
			position: absolute;
			background-color: transparent;
			margin-top: 0px;
			margin-bottom: 0px;
		}


		#glowny_naglowek_knt.str_glowna  {
			margin-top: 0px;
			position: absolute;
			background-color: transparent;
		}

		/*#glowny_naglowek_knt.str_glowna  .logo_knt{
			display: none;
		}
*/
		.glowny_naglowek {
			position: relative;
			z-index: 101;
			padding: 0px 0px 0px 0px;
			width: 100%;
			max-width: 2000px;
			margin: 0 auto;
			display: grid;
		    grid-template-columns: calc(2 * var(--podzial)) 1fr;
		    gap: 0px;

    		align-items: self-start; ;
			grid-gap: 20px;
			-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;

			pointer-events: none;
		}

		.menu_logo{
			pointer-events: auto;
		}
		/*.menu_logo{
			width: calc(var(--podzial));
		    margin-left: calc(var(--podzial) / 2);
		}*/
		#menu_mobil{
			pointer-events: auto;
		    margin-right: 15px;
		    position: relative;
		}
		#menu_mobil img:first-child{
			position: absolute;
			opacity: 0;
			width: 100%;
			height: auto;
			left: 0px;
			right: 0px;
		}
		#menu_mobil img{
			transition: 0.2s;
		}
		#menu_mobil img.pokaz{
			opacity: 1;
			transition: 0.2s;
		}

		.menu_dodatkowe_knt {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
		}

		#logoGlowne{
		}

		#logoGlowne.typ_realizacja{
			width: 60%;
			margin-left: 20%;
		}

		/* MENU GŁÓWNE  */
			.menu_glowne {	
			    display: flex;
			    justify-content: flex-end;
			    align-items: center;
			    gap: 10px;
   				padding-top: 25px;


			    position: fixed;
			    width: 100%;
			    max-width: 2000px;
			}
			.menu_glowne ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: flex;
			    justify-content: flex-end;
			    gap: 20px;
			}
			.menu_glowne li {
			}
			.menu_glowne a {
				display: inline-block;
				color: var(--kolor-bialy);
				background: none;
				border: none;
				font: inherit;
				cursor: pointer;
				text-align: left;
				font-weight: 300;
				font-size: 18px;
				line-height: 20px;
				padding: 10px 10px;
			}
			.menu_glowne a:hover {
				color: var(--kolor-glowny);
			}

			.menu_glowne a.formBtn{
				color: var(--kolor-bialy);
				background-color: rgba(0, 0, 0, 0.2);
			}


			.menu_glowne ul button {
				display: inline-block;
				border: none;
				background-color: transparent;
				padding: 0px;
				margin: 0px;
				width: 20px;
				height: 20px;
				position: absolute;
				margin-top: 12px;
				margin-left: -20px;
			}
			.menu_glowne ul button svg {
				width: 12px;
				height: auto;
			}
			.menu_glowne li:hover > button svg {
				transform: rotate(180deg);
				fill: var(--kolor-glowny);
			}
			.menu_glowne li:hover > a {
				color: var(--kolor-glowny);
			}
			.menu_glowne li {
				position: relative;

			}
			.menu_glowne li ul {
				position: absolute;
				top: 40px;
				left: 0;
				right: 0;
				min-width: 300px;
				background: #000;
				box-shadow: 0 0px 50px rgba(0,0,0,0.09);
				padding: 10px 0px;
				margin: 0;
				opacity: 0;
				pointer-events: none;
				transform: translateY(-10px);
				transition: opacity 0.25s ease, transform 0.25s ease;
				z-index: 1000;
				display: grid;
				grid-template-columns: 1fr;
				grid-gap: 10px;
				padding: 30px 0px;
			}
			.menu_glowne li:hover > ul {
			/*.menu_glowne li > ul {*/
				opacity: 1;
				pointer-events: auto;
				transform: translateY(0);
			}
			.menu_glowne li ul li {
				display: flex;
				gap: 5px;
			}
			.menu_glowne li ul li a {
				display: flex;
				align-items: center;
				gap: 10px;
				font-size: 16px;
				padding: 10px 30px;
			}
			.menu_glowne a img {
				width: 50px;
				height: 50px;
			}
			.menu_glowne ul ul button {
				display: block;
				position: static;
			}
			.menu_glowne ul ul ul {
				margin-top: -45px;
				padding: 25px 50px;
				box-shadow: 0px 25px 50px rgba(0,0,0,0.09);
				background-size: 300px auto;
				background-image: unset;
				background-color: var(--kolor-bialy);
				border-top: none;
				box-shadow: none;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
			}
			.menu_glowne ul ul ul a {
				font-size: 14px;
				font-weight: normal;
			}
		/* MENU GŁÓWNE  */

		/** Menu mobilne **/
			button.menu_toggle{
				display: none;
			}

			/*
			#menu_mobil .box_m {
			  border-radius: 2px;
			  position: relative;
			  margin: 0 auto;
			}

			#menu_mobil .box_m {
			  width: 35px;
			  cursor: pointer;
			}

			#menu_mobil .box_m span {
			  display: block;
			  width: 100%;
			  height: 3px;
			  background: var(--kolor-bialy);
			  transition: all .3s;
			  position: relative;
			  border-radius: 3px;
			}

			#menu_mobil .box_m  span + span {
			  margin-top: 10px;
			}

			#menu_mobil .active span:nth-child(1) {
			  animation: ease .7s top forwards;
			  height: 4px;
			}

			#menu_mobil .not-active span:nth-child(1) {
			  animation: ease .7s top-2 forwards;
			  background-color: var(--kolor-bialy);
			}

			#menu_mobil .active span:nth-child(2) {
			  animation: ease .7s scaled forwards;
			  height: 4px;
			}

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

			#menu_mobil .active span:nth-child(3) {
			  animation: ease .7s bottom forwards;
			  height: 4px;
			  margin-top: 6px;
			}

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

			@keyframes top {
			  0% {
			    top: 0;
			    transform: rotate(0);
			  }
			  50% {
			    top: 17px;
			    transform: rotate(0);
			  }
			  100% {
			    top: 17px;
			    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: 40px;
			margin-top: -20px;
			margin-right: 13px;
			height: 20px;
			}
			 .left-bar {
				position: absolute;
				background-color: transparent;
				top: 0;
				left:-2px;
				width: 20px;
				height: 3px;
				display: block;
				transform: rotate(35deg);
				float: right;
				border-radius: 2px;
				margin-top: 0px;
			}
			 .left-bar:after {
				content:"";
				background-color: var(--kolor-glowny);
				width: 20px;
				height: 3px;
				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: 3px;
				display: block;
				transform: rotate(-35deg);
				float: right;
				border-radius: 2px;
			}  
			 .right-bar:after {
				content:"";
				background-color: var(--kolor-glowny);
				width: 20px;
				height: 3px;
				display: block;
				float: right;
				border-radius: 0px 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 **/



		/** Menu full page **/

			#menu_mobil{
				cursor: pointer;
				padding: 10px 0px 20px 0px;
			   	-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;
			}
			#menu_mobil:hover{
				/*transform: scale(1.05)rotate(10deg);*/
				padding: 20px 0px 10px 0px;

			}
			#menu_full_page {
			  position: fixed;
			  top: -100px;
			  left: 0;
			  width: 100%;
			  height: 100vh;

			  background-color: rgba(33, 33, 33, 0.95);
			  z-index: 99;

			  display: flex;
			  justify-content: center;
			  align-items: center;

			  opacity: 0;
			  visibility: hidden;
			  transform: translateY(-50px);

			  transition: 0.3s ease-in-out;
			}

			#menu_full_page.pokaz {
				display: flex;
				top: 0px;

				opacity: 1;
				visibility: visible;
				transform: translateY(0);
			}

			.menu_rozwijane {
			  list-style: none;
			  padding: 0;
			  margin: 0 0 0 30%;
			  text-align: left;
			}

			.menu_rozwijane li {
			  margin: 40px 0;
			}

			.menu_rozwijane a {
			  color: var(--kolor-szary-tlo);
			  font-size: 32px;
			  text-decoration: none;
			  font-weight: 600;
			  transition: 0.3s;
			  padding: 5px 40px 5px 40px;
				
			  -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;

			  border-radius: 30px;
			}

			.menu_rozwijane li.menu_rozwijane_kontakt {
				padding-top: 75px;
			}
			.menu_rozwijane li.menu_rozwijane_kontakt a i {
			  color: var(--kolor-szary-tlo);
			}
			.menu_rozwijane li.menu_rozwijane_kontakt a {
			  font-size: 16px;
			  color: var(--kolor-szary-sredni);
			}
			.menu_rozwijane li.menu_rozwijane_kontakt a:hover,
			.menu_rozwijane a:hover {
			  color: var(--kolor-szary);
			  padding: 5px 35px 5px 45px;
			}

		/** Menu full page **/

		/* MENU MINI */
			.mobil_head{
				overflow: hidden;
				display: inline-flex;
				align-items: center;

				position: static;
				top: 0px;
				right: 0px;

				position: static;
				top: 20px;
			}

			.mobil_head div{
				margin-left: 0px;
			}
		
			.mobil_head a{    
				font-weight: 500;
			    padding: 10px 10px;
			    font-size: 17px;
			    line-height: 20px;
			    margin: 2px 0px;
			    color: var(--kolor-czarny);    
		    	cursor: pointer;

			    display: inline-flex;
			    align-items: center;
			    gap: 10px;
			   	-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.75);
				color: #000;
				margin: 0px 5px;
			}


			.mobil_head a.btn_kolor{

			    padding: 10px 20px;
				background-color: var(--kolor-glowny);
			}


			.mobil_head a span{
				display: block;
			}
			.mobil_head a svg{
				height: 20px;
				 -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;
				fill: #000
			}

			.mobil_head a:hover{
				color: var(--kolor-bialy);
				background-color: var(--kolor-glowny);
			}

			.mobil_head a:hover svg{
				fill: var(--kolor-bialy)
			}

		/* MENU MINI */





		/* WYSZUKIWARKA  */
			.wyszukiwarka_knt {
				border: 1px solid var(--kolor-szary-sredni);
				border-radius: 0px;
				height: 40px;
				display: flex;
				align-items: center;
				padding: 0px 25px 0px 0px;
			}
			.wyszukiwarka_knt input {
				border: none;
				font-size: 14px;
				line-height: 40px;
				height: 40px;
				padding: 0px 0px 0px 25px;
				margin: 0px;
				background-color: transparent;
			}
			.wyszukiwarka_knt button {
				border: none;
				background-color: transparent;
				cursor: pointer;
				width: 40px;
				padding: 0px;
				margin: 0px;
			}
			.wyszukiwarka_knt button svg {
				position: absolute;
				fill: var(--kolor-czarny);
				width: 20px;
				height: auto;
				margin-top: -15px;
			}
			.wyszukiwarka_knt button:hover svg {
				fill: var(--kolor-glowny);
			}
			#szukaj_btn .lupa {
				/*display: none;*/
			}
			#szukaj_btn .szukam {
				display: none;
				font-size: 18px;
				margin-left: 20px;
			}
			#szukaj_btn.szukam .szukam {
				display: block;
			}
			#szukaj_btn.szukam .lupa {
				display: none;
			}
			.wszystkie_wyniki {
				margin: 20px 20px 20px 20px;
				list-style: none;
			}
			.wszystkie_wyniki .formBtn {
				font-size: 13px;
				line-height: 13px;
				height: 30px;
			}
			.ui-widget.ui-widget-content {
			    background: var(--kolor-bialy);
			    border: 1px solid var(--kolor-szary-jasny);
			    box-shadow: 0 0 50px rgba(0, 0, 0, 0.09);
			    border-radius: 0px;
			    margin: 0;
			    padding: 10px 0px;
				width: 400px;
				overflow: hidden;
				z-index: 1001;
			}
			.ui-widget.ui-widget-content .ui-autocomplete-category,
			.ui-widget.ui-widget-content a {
			    padding: 10px 25px;
			    display: block;
			    font-size: 16px;
			    line-height: 18px;
			}
			.ui-widget.ui-widget-content a.ui-state-active,
			.ui-widget.ui-widget-content a:hover {
				background-color: var(--kolor-szary-jasny);
				border: none;
				color:var(--kolor-czarny);
			}
			.ui-autocomplete-category {
				font-size: 12px !important;
				color: var(--kolor-szary);
			}
			.ui-button.ui-state-active{
				border:none;
				background:var(--kolor-szary-jasny) !important;
				color:var(--kolor-glowny);
			}
			.ui-button.ui-state-active:hover{
				color:var(--kolor-czarny);
			}
			.wyniki {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-column-gap: 50px;
				grid-row-gap: 10px;
			}
			.wynik {
				border-bottom: 1px dotted var(--kolor-szary-jasny);
				font-size: 16px;
				padding-top: 10px;
				color: var(--kolor-czarny);
			}
			a:hover .wynik {
				color: var(--kolor-glowny);
			}
			.wynik .px12 {
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
			}
			.ui-helper-hidden-accessible {
				visibility: hidden;
			}
		/* WYSZUKIWARKA  */
	/* HEADER  */

	.decoration_background{
		display: grid;
		grid-template-columns: repeat(8, var(--podzial));

		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

		z-index: 10;

		pointer-events: none;

	}
	.decoration_background .line{
		border-right: 1px solid var(--kolor-k);
		/*border-right: 1px solid rgba(136,136,136,0.1);*/
	}


	.decoration_background .line_8{
		border:;
	}	



	/* STRONA GŁÓWNA  */

		/* BANER  */

			.baner_wrapper{
				display: grid;
				grid-template-columns: calc(2*var(--podzial)) 1fr;
				gap: 0px;
			}

			.baner_wrapper #logoBaner{
				text-align: center;
			}


			#baner_knt {
				position: relative;
				margin: 0px;
				border-radius: 0px;
				overflow: hidden;
				height: auto;
				z-index: 11;
			}


			#baner_knt .container_baner{
				position: relative;
				overflow: hidden;
			}

			#baner_knt .container_baner .cien{
				display: block;
			    position: relative;
			    z-index: -1;
			    margin-top: -120px;
			    left: 0;
			    right: 0;
			    width: 100%;
			}

			/*
			#baner_knt .container_baner:before{
				content: '';
				position: absolute;
				bottom: -20px;
				left: 0;
				right: 0;
				width: 100%;
				background-color: red;
			}*/



			.videoBaner{
				opacity: 0.4;
			}
			#glowny_film {
				overflow: hidden;
			}
			#glowny_film video{
				float: left;
			}

			.nakladka{
				position: absolute;
				top: 25vw;
				left: 0;
				right: 0;

				display: flex;
				align-items: end;
				pointer-events: none;

    			max-width: calc(4 * var(--podzial));
			}

			.nakladka .opisBaneru{
				/*width: calc(4 * var(--podzial));*/
				width: 100%;
				margin: 0;
				background-color: rgba(33,33,33,0.9);
				padding: 80px var(--podzial);
			}


			.nakladka .opisBaneru h1,
			.nakladka .opisBaneru h2,
			.nakladka .opisBaneru p{
				color: rgba(255,255,255,0.75);
				font-weight: 300;
				font-size: 30px;
				line-height: 1.3em;
				margin: 40px 0px;
				padding: 0px;
			}

			.nakladka .opisBaneru p{
				margin-bottom: 0px !important;

				font-size: 18px;
			}

			.nakladka .opisBaneru h1 strong,
			.nakladka .opisBaneru h2 strong,
			.nakladka .opisBaneru p strong{
				text-transform: uppercase;
				font-weight: 700;
			}


			
		/* BANER  */

		.knt_nawigacji{
			display: flex;
			gap: 20px;
			padding: 0px;
			position: relative;
			z-index: 99;
		}

		.knt_nawigacji button{
			background: unset;
			border: 0px;
			text-transform: uppercase;
			font-weight: 300;
			font-size: 12px;
			cursor: pointer;
			background-color: var(--kolor-szary-tlo);
			padding: 10px 10px;
			font-weight: 500;

		    aspect-ratio: 1 / 1;
		    text-align: center;
		    background: #000;
		    display: flex;
		    align-items: center;

		    border-radius: 50%;
		}

		.knt_nawigacji button svg{
			width: 20px;
			height: auto;
			fill: var(--kolor-bialy);
		}

		.knt_nawigacji button:hover{
			background-color: var(--kolor-bialy);
		}
		.knt_nawigacji button:hover svg{
			fill: #000;
		}

	/* STRONA GŁÓWNA  */

		#i_opinie,
		#i_kontakt,
		#i_podzial,
		#i_oferta{
	    	width: auto;
	    	margin-left: var(--podzial);
	    	margin-right: calc(var(--podzial) - (100vw - 100%) + 6px);
		}
		#i_oferta .knt_glowny{
			width: auto;
		    margin: 50px auto;
		}

		.footer_box{
    		text-align: right;
		}

		.header_box{
			display: grid;
			grid-template-columns: 1fr 100px;
			align-items: center;
		}

		#i_oferta{
			position: relative;
			z-index: 12;
		}

		.oferta_boksy {
			border-top: 1px solid  var(--kolor-k);
			border-bottom: 1px solid  var(--kolor-k);
		}	

		.realizacja_boksy{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 50px;
			border: 0px;
		}


		.oferta_boksy a.box_oferty{
			display: block;
		}

		.oferta_boksy a.box_oferty .o_tresc{
			position: relative;
			background-color: var(--kolor-bialy);
			aspect-ratio: 1 / 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;
		}



		.oferta_boksy a.box_oferty .o_tresc h3{
			font-size: 40px;
			line-height: 1.4em;


			-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;
		}


		.oferta_boksy a.box_oferty .o_tresc aside{
			position: relative;
			z-index: 15;
			padding: 100px 60px;

		    display: flex;
		    flex-direction: column;
		    height: 100%;
		    justify-content: space-between;

		}


		.oferta_boksy a.box_oferty .o_tresc aside .dd{
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 20px;
			align-items: end;


			font-size: 16px;

		}

		.oferta_boksy a.box_oferty .o_tresc aside .dd span{
			display: block;
			text-transform: uppercase;
			color: #8D8C8A;
			font-size: 0.9em;
			line-height: 1em;
			font-weight: bold;
		}

		.oferta_boksy a.box_oferty .o_tresc aside .dd b{
			color: #000;
			line-height: 1em;
			text-transform: uppercase;


			-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;
		}

		.oferta_boksy a.box_oferty .o_tresc:after{
			content: '';
			position: absolute;
			z-index: 10;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-image: url('../img/cien_pion.webp');
		    background-position: 110% center;
		    background-repeat: no-repeat;
		    background-size: auto 100%;
		}


		.oferta_boksy a.box_oferty .o_tresc .o_tlo{
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			display: block;

			background-size: cover;

			opacity: 0.2;
		}


		.oferta_boksy a.box_oferty:hover .o_tresc{
			background-color: transparent;
		}

		.oferta_boksy a.box_oferty .o_tresc .o_tlo{
			-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;
		}
	


		.oferta_boksy a.box_oferty .o_tresc .aside{
			-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;
		}



/*		.oferta_boksy a.box_oferty:hover .o_tresc aside .dd,
		.oferta_boksy a.box_oferty:hover .o_tresc aside h3{
    		background-color: var(--kolor-bialy);
    		padding: 0px 60px;
    		margin: 0px;
    		
		}
		.oferta_boksy a.box_oferty:hover .o_tresc aside {
			padding: 0px;
		}	

*/






		.oferta_boksy a.box_oferty:hover .o_tresc .o_tlo{
			opacity: 1;
		}





	/*	.oferta_boksy a.box_oferty:hover .o_tresc aside h3,
		.oferta_boksy a.box_oferty:hover .o_tresc aside .dd b{
			color: var(--kolor-bialy);
		}
*/
		.oferta_boksy.odwrocone a.box_oferty .o_tresc{
			background-color: #000 !important;
		}
		.oferta_boksy.odwrocone a.box_oferty .o_tresc aside h3,
		.oferta_boksy.odwrocone a.box_oferty .o_tresc aside .dd b{
			color: var(--kolor-bialy) !important;
		}
		.oferta_boksy.odwrocone a.box_oferty:hover .o_tresc{
			background-color: var(--kolor-bialy) !important;
		}
		.oferta_boksy.odwrocone a.box_oferty:hover .o_tresc aside h3,
		.oferta_boksy.odwrocone a.box_oferty:hover .o_tresc aside .dd b{
			color: #000 !important;
		}

		.realizacje_boksy {
			z-index: 1;


		    width: auto;
		    padding-right: calc(1 * var(--podzial));
		}

		#i_realizacje .nakladka{
			top: unset !important;
			bottom: 0px !important;
			z-index: 99;
			pointer-events: auto;

			position: static;

			/*margin-top: -250px;*/
			display: flex;
			align-items: center;
			max-width: 100%;
		}


		#i_realizacje .nakladka .opisBaneru{/*
			width: calc(6 * var(--podzial));
			padding-top: 200px;*/
			background-color: transparent;
		}

		#i_realizacje .knt_glowny{
			width: auto;
			max-width: 2000px;
		    margin: 150px 0px;
			position: relative;
			z-index: 12;
		}

		#i_realizacje .nawigacja_portfolio{
			position: relative;
		}

		#i_realizacje .knt_nawigacji{
			position: absolute;
			top: 100px;
			right: 0;
			left: 0px;
			background-color: var(--kolor-szary-tlo);
			border-radius: 50px;
			padding: 10px;
			z-index: 999;

			flex-direction: column-reverse;
			margin: 20px;
			margin-top: 100px;
			position: static;
		}

		#i_realizacje .licznik{

    		font-family: var(--czcionka-2);
			font-size: 40px;
			line-height: 1.3em;
			text-align: center;
			color: rgba(255, 255, 255, 0.75);
    		font-weight: 300;
		}

		.szablon_p{
			display: grid;
			grid-template-columns: calc(4*var(--podzial)) auto 100px;
			gap: 0;

			padding-right: var(--podzial);

    		background-color: rgba(33, 33, 33, 0.9);
		}





		.realizacje_boksy .box_realizacji .o_tresc{
			position: relative;
			padding-top: 50px;
			padding-bottom: 50px;

		} 

		.realizacje_boksy .box_realizacji .o_tresc .o_tlo{
			width: 100%;
			aspect-ratio: 1 / 1.3;
			/*height: 90vh;*/
			display: block;
			max-width: 700px;

   			 background-size: cover;
   			 background-position: center center;
		}

		.realizacje_boksy .box_realizacji .o_tresc img.cien{
			position: absolute;
			bottom: 0px;
    		right: 0;
			z-index: -1;
			max-width: 80%;
		}

/*		.realizacje_boksy .box_realizacji .o_tresc .o_tlo{
			display: grid;
		    width: calc(100% - (2 * var(--podzial)));
		    aspect-ratio: 1 / 0.6;
		    margin-left: calc(2 * var(--podzial));
		   	margin-bottom: 80px;

    		background-size: cover;


    		width: 100%;

		}	

		

		.realizacje_boksy .box_realizacji .o_tresc .nakladka{
			pointer-events: auto;

			align-items: center;
    		bottom: 0px;
    		top: 0px;

		}

		.realizacje_boksy .box_realizacji .o_tresc .nakladka span{
			text-transform: uppercase;
			font-weight: 600;
			color: var(--kolor-szary-tlo);
		}

		.realizacje_boksy .box_realizacji .o_tresc .nakladka h3{
			color: var(--kolor-szary-tlo);
			font-size: 48px;
			line-height: 1.3em;
			margin-top: 10px;
		}
*/

		.portfolio_boksy{
		}

		.box_portfolio {
			overflow: hidden;
		}
		.box_portfolio .o_tresc{
			display: grid;
			grid-template-columns: auto 400px;
			margin: 50px 0px;
		    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) inset;
		}

		.box_portfolio .o_tresc aside{
		    padding: 50px;
		    display: flex;
		    flex-direction: column;
		    justify-content: space-between;
		}


		.box_portfolio .o_tresc aside .dd{
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 20px;
			align-items: end;


			font-size: 12px;

		}

		.box_portfolio .o_tresc aside .dd span{
			display: block;
			text-transform: uppercase;
			color: #8D8C8A;
			font-size: 0.9em;
			line-height: 1em;
			font-weight: bold;
		}

		.box_portfolio .o_tresc aside .dd b{
			color: #000;
			line-height: 1em;
			text-transform: uppercase;


			-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;
		}


		.box_portfolio .o_tresc .o_tlo{
			overflow: hidden;
		}
		
		.box_portfolio .o_tresc .o_tlo img{
			float: left;
			height: auto;
		}
		.box_portfolio:hover .o_tresc .o_tlo img{
			transform: scale(1.05);
		} 





		#i_wizja{
	    	width: auto;
	    	padding-left: var(--podzial);
	    	margin-right: calc(var(--podzial) - (100vw - 100%) + 6px);
			position: relative;
		}

		#i_wizja:before{
			content: '';

			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0px;
			background-color: #212121;

			width:  calc(6 * var(--podzial));
			z-index: -1;
		}


		#i_wizja .knt_prawa_lewa {
			padding-top: 150px;
    		padding-bottom: 100px;
			grid-template-columns: calc(2 * var(--podzial)) calc(3 * var(--podzial));
		}


		#i_wizja .knt_prawa_lewa  h2{
			color: var(--kolor-szary-tlo);
		}
		#i_wizja .knt_prawa_lewa  p{
			color: var(--kolor-szary-tlo);
		}

		#i_wizja .knt_prawa_lewa  ol li{
			color: var(--kolor-szary-tlo) !important;
		}



		#i_wizja .knt_prawa_lewa ol {
		  list-style: none;
		  padding-left: 0;
		}

		#i_wizja .knt_prawa_lewa ol li {
		  position: relative;
		  padding-left: 40px;
		  line-height: 28px;
		  margin: 10px;
		  font-weight: bold;
		}

		#i_wizja .knt_prawa_lewa ol li::before {
		  content: counter(list-item);
		  position: absolute;
		  left: 0;
		  top: 0em;

		  width: 28px;
		  height: 28px;
		  background-color: var(--kolor-szary-tlo);
		  color: var(--kolor-tekst);
		  font-weight: bold;

		  display: flex;
		  align-items: center;
		  justify-content: center;

		  border-radius: 50%;
		  font-size: 16px;
		}



		.referecja{
			padding:140px 50px;
			background-image: url('../img/tlo_opini.webp');
			background-size: cover;
			background-position: top right;
			position: relative;
			border-top: 1px solid  var(--kolor-k);
			border-bottom: 1px solid  var(--kolor-k);
			z-index: 12;

		}


		.referecja:before{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background-image: url('../img/ozdoba_opini.webp');
			background-size: 30% auto;
			background-repeat: no-repeat;
			background-position: 70% 50px;

			position: absolute;
			top: 0;
			pointer-events: none;

		}


		.referecja .tresc_opini {
		    font-size: 18px;
		    line-height: 1.1em;
		    font-style: italic;

		    height: 8.81em;
		    display: inline-block;
		    word-break: break-word !important;
		    white-space: normal;
		    overflow-y: auto;
		    overflow-x: auto;
		    padding-right: 20px;
		}

		/* Domyślnie ukryty scrollbar */
		.referecja .tresc_opini::-webkit-scrollbar {
		    width: 0px;
		    height: 0px;
		    transition: 0.2s;
		    border-radius: 2px;
		}

		/* Po najechaniu – pokazujemy scrollbar */
		.referecja .tresc_opini:hover::-webkit-scrollbar {
		    width: 3px;
		    height: 3px;
		    border-radius: 2px;
		    transition: 0.2s;
		}

		/* Stylowanie tracka */
		.referecja .tresc_opini::-webkit-scrollbar-track {
		    background: #e4e4e4;
		}

		/* Stylowanie "thumba" */
		.referecja .tresc_opini::-webkit-scrollbar-thumb {
		    background-color: #6a6a6a;
		    border-radius: 10px;
		}

		.referecja .autor_opini{
			font-size: 22px;
			font-weight: bold;
			text-align: right;
			margin-top: 20px;
		}


	/* STRONA GŁÓWNA  */

	/* STRONA  */


		.oferta_boksy_ikony {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 50px;
		}


		.oferta_boksy_ikony .img_oferty{
			overflow: hidden;
		}
		.oferta_boksy_ikony .img_oferty img{
			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;

		}
		 .oferta_boksy_ikony .nakladka_oferta{
		 	float: left;
		 }
		 .oferta_boksy_ikony .nakladka_oferta h2{
			font-size: 22px;
			padding: 10px 20px;
			margin-left: 20px;


			-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;
		}

		



		.knt_szeroki.naglowek_podstrony {
			background-color: rgba(0,0,0,0.05);
			border-radius: var(--borderRadius);
			padding: 50px 0px;
			width: 100%;
			max-width: unset;
		}
		.knt_szeroki.naglowek_podstrony .knt_glowny {
			margin: 0px auto;
		}
		.knt_glowny.podstrona_kontakt {
			display: grid;
			grid-template-columns: 2fr 1fr;
			grid-gap: 50px;
			margin-top: 75px;
		}
		.knt_glowny.podstrona_kontakt iframe {
			width: 100%;
			border-radius: var(--borderRadius);
		}
		.knt_glowny.podstrona_informacyjna {
			display: grid;
			grid-template-columns: 1fr 350px;
			grid-gap: 100px;
			margin-top: 75px;
		}
		.knt_glowny.podstrona_lista {
			margin-top: 75px;
		}
		.knt_glowny.podstrona_lista .oferta {
			margin-top: 0px;
			margin-bottom: 75px;
		}
		.podstrona_informacyjna video,
		.podstrona_informacyjna .wp-block-embed {
			display: block;
			width: 80% !important;
			margin: 30px auto !important;
			border-radius: var(--borderRadius);
		}
		.podstrona_informacyjna .porozmawiajmy {
			background-color: var(--kolor-glowny);
			color: var(--kolor-bialy);
			border-radius: var(--borderRadius);
			padding: 50px 60px 50px 40px;
			background-repeat: no-repeat;
			background-position: top center;
			background-size: 100% auto;
			position: relative;
			position: sticky;
			top: 20px;
		}
		.podstrona_informacyjna .porozmawiajmy h3 {
			color: var(--kolor-bialy);
			margin-top: 0px;
			margin-bottom: 30px;
			font-size: 28px;
		}
		.podstrona_informacyjna .porozmawiajmy p {
			font-size: 14px;
			line-height: 18px;
		}
		.podstrona_informacyjna .porozmawiajmy img {
			position: absolute;
			bottom: 0px;
			right: -140px;
		}




		.podstrona_informacyjna .porozmawiajmy .linki {
			margin-top: 25px;
		}
		.podstrona_informacyjna .porozmawiajmy .linki a,
		.podstrona_informacyjna .porozmawiajmy .linki button {
			display: inline-block;
			border-radius: var(--borderRadius);
			padding: 7px 25px;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			border: 1px solid var(--kolor-bialy);
			color: var(--kolor-bialy);
			background-color: transparent;
			cursor: pointer;
		}
		.podstrona_informacyjna .porozmawiajmy .linki a svg,
		.podstrona_informacyjna .porozmawiajmy .linki button svg {
			fill: var(--kolor-bialy);
			display: inline-block;
			width: auto;
			height: 14px;
			margin-right: 5px;
			margin-bottom: -1px;
		}
		.podstrona_informacyjna .porozmawiajmy .linki a:hover,
		.podstrona_informacyjna .porozmawiajmy .linki button:hover {
			color: var(--kolor-glowny);
			border: 1px solid var(--kolor-bialy);
			background-color: var(--kolor-bialy);
		}
		.podstrona_informacyjna .porozmawiajmy .linki a:hover svg,
		.podstrona_informacyjna .porozmawiajmy .linki button:hover svg {
			fill: var(--kolor-glowny);
		}

		.tresc {
			margin-top: 125px;
		}
		.tresc h2:nth-child(1) {
			margin-top: 0px;
		}
		.tresc p,
		.tresc li,
		.tresc td,
		.tresc th {
			font-size: 18px;
		}
		.tresc a {
			color: var(--kolor-glowny);
		}
		.tresc a:hover {
			color: var(--kolor-czarny);
		}

		.wiersz_scroll{
			display: grid;
			grid-template-columns: 1fr 300px;
			gap: 50px;
		}
		.wiersz_scroll.wiersz_kontakt{
			display: grid;
			grid-template-columns: 1fr 500px;
			gap: 50px;
		}
		

		.wiersz_scroll .sticky {
		    position: sticky;
		    position: sticky;
		    top: 20px;
		    margin-top: -150px;
		    background-color: var(--kolor-bialy);
		    background-position: bottom right;
		    background-repeat: no-repeat;
		    background-size: 60% auto;
		    padding: 60px 20px;
		}

		.wiersz_scroll .sticky .box_kontaktu_tresc h2{
			font-size: 26px;
			color: var(--kolor-glowny);
			margin-top: 0px;
		}

		.wiersz_scroll .sticky .box_kontaktu_tresc a{
			display: block;
			padding: 10px 15px;
		}

		/*Nagłówek podstrony*/
			.naglowek_postrony{
		  		position: relative;
		  		z-index: 11;
				overflow: unset;
				padding-left: 0;
	  			padding-right: 0;
	  			max-width: 2000px;
	  			position: relative;
	  			align-items: center;
				overflow: hidden;
	    		background: transparent;
			    margin-top: 0px;

			    background-size: cover;
			    background-position: center top;

			    color: var(--kolor-tekst);

			    background-color: transparent;

			    margin-left:auto;
			    margin-right: auto;


			    margin-bottom: 200px;
			}


			.naglowek_postrony .naglowek_img {
				position: relative;
				width: 100%;
				height: auto;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				opacity: 0;
				background-size: cover;
				background-position: center center;
				-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;
				z-index: -1;

				width: calc(6 * var(--podzial));
    			margin-left: calc(2 * var(--podzial));

			}

			.naglowek_postrony .naglowek_img.lazyloaded {
				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;
			}

			.naglowek_postrony .naglowek_img.typ_realizacja.lazyloaded {
				opacity: 0.2;
			}

			.glowny_realizacji {
				margin-bottom: 0rem;
			}

			.ng_realizacja{
				position: relative;
			}

			.ng_realizacja h1{
				position: static;
			    text-align: left;
			    width: 100%;
			    padding: 20px 50px !important;
			}




			.naglowek_postrony .naglowek_postrony_nakladka{
				padding: 100px 0px;
				max-width: 100%;
				margin: 0 auto;
				box-sizing: border-box;
				min-height: 500px;

			    display: flex;
			    width: 100%;
			    align-items: center;
			   
			    /*background-color: rgba(33, 33, 33, 0.9);*/
			    background-color: var(--kolor-szary-tlo);

			    padding-left: var(--podzial);
			    width: calc(7 * var(--podzial));

			    position: relative;
			    margin: 0px;
			    margin-top: -30vw;

			    border-top: 1px solid var(--kolor-k);
			    border-bottom: 1px solid var(--kolor-k);
			    border-right: 1px solid var(--kolor-k);
			}
			.naglowek_postrony.typ_realizacja .naglowek_postrony_nakladka{
			    margin-top: -39vw;
			}

			.naglowek_postrony .naglowek_postrony_tresc{
				max-width: 1600px;
				margin: 0 auto;
    			width: 100%;
			}

			.naglowek_postrony .naglowek_postrony_tresc h1{
				color: var(--kolor-tekst);
			    font-size: 70px;
			    line-height: 1em;
			    font-weight: 600;
			    margin: 0px;
			    margin-bottom: 50px;
			    padding: 0px;
			}

			.naglowek_postrony .p_ngh{
				max-width:calc(5 * var(--podzial));
				color: var(--kolor-tekst);
			}

			.influ-submenu-box{
				margin-top:30px;
			}
			.influ-submenu-box a{
				margin-top: 5px;
				margin-right: 5px;
			}
		/*Nagłówek podstrony*/

		.podstrona{
			max-width: calc(6 * var(--podzial) - 1px);
		    margin: 0 auto;
		    padding: 50px 0px;
		    position: relative;
		    background: rgba(238,238,238, 0.9);
		    z-index: 12;
		    padding: calc(var(--podzial) / 2);
		    border-radius: 0px;
		    margin-left: var(--podzial);

			margin-top: 100px;
		}

		
		.podstrona iframe{
		    border-radius:00px;
		    width: 100%;
		}
		
		.podstrona h2{
			font-size: 30px;
			line-height: 1.5em;

			font-family: var(--czcionka-2);
		}
		.podstrona h3{
			font-size: 24px;
			line-height: 1.3em;

			font-family: var(--czcionka-2);

    		font-weight: 400;
		}
		.podstrona h4{
			font-size: 18px;
			line-height: 1.3em;
		}
		.podstrona h5{
			font-size: 16px;
			line-height: 1.3em;
		}
		.podstrona h6{
			font-size: 16px;
			line-height: 1.3em;
		}

		.podstrona .kreska_lewa,
		.podstrona .kreska_prawa {
			position: relative;
		}

		.podstrona .wp-block-gallery.kreska_lewa:before,
		.podstrona .wp-block-image.kreska_lewa:before {
		    content: '';
		    display: block;
		    width: calc(100% + 100px);
		    height: 4px;
		    background: linear-gradient(to right, #AF8B2D 0%, #AF8B2D calc(100% - 219px), transparent calc(100% - 219px), transparent 100%), url(../img/kreska.webp) right center no-repeat;
		    margin-top: 50px;
		    right: -50px;
		    position: absolute;
		    -webkit-transition: 1s ease-in-out;
		    -moz-transition: 1s ease-in-out;
		    -o-transition: 1s ease-in-out;
		    transition: 1s ease-in-out;

		    position: absolute;
		    z-index: 99;

		}
		.podstrona .wp-block-gallery.kreska_prawa:before,
		.podstrona .wp-block-image.kreska_prawa:before {
		    content: '';
		    display: block;
		    width: calc(100% + 100px);
		    height: 4px;
		    background:  url(../img/kreska2.webp) left center no-repeat, linear-gradient(to right, transparent 0px, transparent 219px , #AF8B2D 219px, #AF8B2D 100%);
		    margin-top: 50px;
		    left: -50px;
		    position: absolute;
		    -webkit-transition: 1s ease-in-out;
		    -moz-transition: 1s ease-in-out;
		    -o-transition: 1s ease-in-out;
		    transition: 1s ease-in-out;

		    position: absolute;
		    z-index: 99;

		}

		.podstrona .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
	        aspect-ratio: 1 / 1;
	    }



		ul.menu_podstron {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 30px;
			padding-left: 0px !important; 
		}
		ul.menu_podstron.produkty {
			margin-top: 50px;
			margin-bottom: 50px;
		}
		ul.menu_podstron li {
			list-style: none;
			border: 1px solid var(--kolor-szary-jasny);
			background-color: var(--kolor-bialy);
			box-shadow:  0 0px 50px rgba(0,0,0,0.09);
			border-radius: var(--borderRadius);
			overflow: hidden;
			left: 0px;
			right: 0px;
			z-index: 20;
			text-align: left;
		}
		ul.menu_podstron li a.menu_p_a {
			display: inline-block;
			font-size: 20px;
			font-weight: bold;
			padding: 30px 40px;
			color: var(--kolor-czarny);
		}
		ul.menu_podstron.menu_podstron li a.menu_p_a {
			font-size: 16px;
			line-height: 20px;
		}
		.menu_p_img {
			display: block;
			position: relative;
			width: 100%;
			aspect-ratio: 8 / 5;
			overflow: hidden;
			background-color: rgba(61,135,202,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;
		}
		ul.menu_podstron li:hover a {
			color: var(--kolor-glowny);
		}
		ul.menu_podstron li:hover .menu_p_img,
		.menu_p_img:hover {
			background-color: rgba(61,135,202,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;
		}
		.menu_p_img:before {
			content: ' ';
			display: block;
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			background-color: rgba(0, 0, 0, 0.04);
			z-index: 10;
			pointer-events: none;
		}
		.menu_p_img img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;			
			-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.menu_podstron li:hover .menu_p_img img,
		.menu_p_img img:hover {
			opacity: 0.75;			
			-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;
		}







		.okruszki {
			width:100%;
			font-size: 12px;
			line-height: 14px;
			text-transform: none;
			font-weight: 400;
		}
		.okruszki svg,
		.okruszki img {
			height: 10px;
			width: auto;
		}
		.okruszki svg {
			fill: rgba(0,0,0,0.6);
		}
		.okruszki i {
			font-size: 10px;
			line-height: 18px;
		}
		.okruszki a.first{
			color: rgba(0,0,0,0.6);
			text-decoration:none;
		}
		.okruszki a.first:hover{
			color:  var(--kolor-glowny) !important;
			text-decoration:none;
		}
		.okruszki a.second{
			color: rgba(0,0,0,0.6);
			text-decoration:none;
		}
		.okruszki a.second:hover span{
			color:  var(--kolor-glowny) !important;
			text-decoration:none;
		}
		.okruszki ol{
			list-style:none;
			display:inline;
			padding:0;
			padding-left:5px;
			margin-top: 0px;
		}
		.okruszki ol svg,
		.okruszki ol li{
			display: inline-block;

		}
		.okruszki ol li{
			margin-left:5px;
			margin-right:5px;
		}
		.okruszki ol li:first-child{
			margin-left:0;
			margin-right:5px;
		}
		.numery {
			font-size: 13px;
			color: #CCCCCC;
			margin-top: 35px;
			text-align: center;
			padding-top: 10px;
			clear: both;
		}
		.pusty,
		.numery a {
			font-size: 12px;
			color: var(--kolor-bialy) !important;
			font-weight: 600;
			margin: 2px;
			text-decoration: none;
			background-color: var(--kolor-glowny);
			display: inline-block;
			padding: 1px 10px 1px 10px;
			border-radius: 25px;
			min-width: 30px;	
			min-height: 30px;
		}
		.pusty{
			background-color: #949699;
		}
		.numery a:hover {
			font-size: 12px;
			color: var(--kolor-bialy);
			text-decoration: none;
			background-color: var(--kolor-glowny);
			transform: scale(1.1);
		}
		.img_obrys {
			border: 1px solid var(--kolor-szary-jasny);
			background-color: var(--kolor-bialy);
			box-shadow:  0 0px 50px rgba(0,0,0,0.09);
			border-radius: var(--borderRadius);
		}
		.wp-block-columns.oferta_cennik .wp-block-column {
			padding: 35px 35px 45px 35px;
			/*border: 1px solid rgba(255,255,255,0.5);*/
			/*box-shadow: 0px 0px 25px rgba(238,238,238, 0.8);*/
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
		}
		.wp-block-columns.oferta_cennik .wp-block-column * {
			color: var(--kolor-tekst-jasny) !important;
		}
		.wp-block-columns.oferta_cennik .wp-block-column strong,
		.wp-block-columns.oferta_cennik .wp-block-column h3 {
			color: var(--kolor-bialy) !important;
		}
	/* STRONA  */

	/* videoBox  */
		.videoBox {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 50px;
		}
		.videoBox h4 {
			font-size: 16px;
			line-height: 22px;
			margin-top: 20px;	
			-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;
		}
		.videoBox img {
			border-radius: var(--borderRadius);
		}
		.videoBox .videoBtn {
			cursor: pointer;
		}
		.videoBox .videoBtn:hover h4 {
			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;
		}
		.videoBox .videoBtn img {	
			-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;
		}
		.videoBox .videoBtn:hover img {
			transform: scale(1.05);	
			-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;
		}
		.subscribe {
			margin-top: 30px;
			margin-bottom: 20px;
		}
		.videoYT_knt {
			width:100%;
			background-color:rgba(0,0,0,0.5);
			position: fixed;
			z-index: 900;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			text-align: center;
			display: none;
		}
		.videoYT {
			display: inline-block;
			max-width: 80vw;
			max-height: 76vh;
			max-height: calc(80vh - 2vw);
			box-shadow: none;
			width: auto;
			height: auto;
			font-weight: 500;
			background-color: var(--kolor-bialy);
			position: relative;
			/*margin: 14vh auto;*/
			overflow-x: hidden;
			border-radius: 0px;
		}
		.videoYT_zawartosc {
			display: inline-block;
			max-width: 80vw;
			max-height: 80vh;
			margin: 9vh auto;
			box-shadow: none;
			width: auto;
			height: auto; 
			font-weight: 500;
			background-color: var(--kolor-bialy);
			position: relative;
			border: 1vw solid var(--kolor-bialy); 
			border-radius: 0px;
		}
		.videoYT p {
			margin: 0px;
			padding: 0px;
		}
		.videoYT img {
			max-width: 100%;
			margin: 0;
			max-width: 80vw;
			max-height: 70vh;
			width: auto;
			height: auto;
		}
		.videoYT_zawartosc img.zamknij_videoYT{
			cursor: pointer;
			position: absolute;
			z-index: 100;
			right: -2vw;
			top: -2vw;
			width: 3vw;
			height: 3vw;
			max-width: 40px;
			min-width: 20px;
			max-height: 40px;
			min-height: 20px;
			/*background-color: var(--kolor-bialy);*/
			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;
			border-radius: 50%;
		}
		.videoYT_zawartosc img.zamknij_videoYT:hover {
			transform: rotate(90deg);
			-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;
		}

		#iframeVideo{
			min-width: 78vw;
			min-height: 40vw;
		}
	/* videoBox  */

	/** Stopka **/
		.fixed_phone{
			display:block;
			position: fixed;
			right: 25px;
			bottom: -100px;
			z-index: 99;
		    -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;
		}

		.fixed_phone a{
			margin-right: 20px;
		}

		.fixed_phone:hover{
			bottom: -80px;
		}

		.stopka_knt_box{
			margin-top: 150px;
			background-color: #212121;
			text-align: center;	
			padding: 50px 0px;		
		}

		.wiersz_stopki{
			width: calc(4 * var(--podzial));
			margin: 0 auto;
		}

		.logo_footer{
			margin-bottom: 80px;
		}
		footer ul.dot{
			display: inline-flex;
			align-items: center;
			list-style: none;
			margin: 30px 0px;
			padding: 0px;
		}

		

		footer ul.dot li a{
			text-transform: uppercase;
			color: var(--kolor-szary-tlo);
			font-weight: bold;
			padding: 10px 20px;
			font-size: 16px;
		}

		footer ul.dot_m li a{
			text-transform: none !important;
		}

		footer ul.dot li a:hover{
			color: var(--kolor-bialy);
		}

		footer p{
			color: #A6A6A6;
			font-size: 14px;
		}

		footer p b{
			text-transform: uppercase;
		}

		.copyright{
			padding: 50px 80px;
			line-height: 1em;
		}




		#influencja  {
			padding: 50px 0px;
			display: block;
			width: auto;
			text-align: center;
		}
		#influencja:hover {
		    opacity: 1;
		}
		#influencja a {
			display: inline-block;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		    opacity: 0.8;
		}
		#influencja a: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;
		}
		#influencja img {
			display: inline;
		}
	/** Stopka **/

	.booking{
		-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;
	}
	.booking:hover{
		transform: scale(1.02);
	}

	/* FORMS & BTNS  */
		a.formBtn,
		p.influ-linki a,
		p.influ-linki button,
		p.linki a,
		p.linki button,
		button.formBtn {
			display: inline-block;
			background-color: transparent;

			color: var(--kolor-tekst);
			font-size: 16px;
			line-height: 36px;
			font-weight: 600;
			height: 46px;
			padding: 5px 0px;
			cursor: pointer;

		    display: inline-flex;
		    align-items: center;
			gap: 5px;
			color: #000;
			border:0px;


			border-radius: 50px;
			
			-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;
		}

		a.formBtn text,
		p.influ-linki a text,
		p.influ-linki button text,
		p.linki a text,
		p.linki button text,
		button.formBtn  text{
			padding: 0px 10px;
			padding-right: 20px;
			text-transform: uppercase;


			-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;

		}


		a.formBtn .svg,
		p.influ-linki a .svg,
		p.influ-linki button .svg,
		p.linki a .svg,
		p.linki button .svg,
		button.formBtn  .svg{
			display: inline-flex;
			align-items: center;
			aspect-ratio: 1 / 1;
			background-color: #000;
			border-radius: 50px;
			padding: 10px;
		}

		a.formBtn .svg svg,
		p.influ-linki a .svg svg,
		p.influ-linki button .svg svg,
		p.linki a .svg svg,
		p.linki button .svg svg,
		button.formBtn  .svg svg{
			height: 26px;
			width: auto;
			fill: var(--kolor-bialy) !important;
			margin: 0px;
			padding: 0px;

		}





		p.influ-linki .btn_bialy,
		button.formBtn.btn_bialy{
		  background-color: transparent;
		  color: var(--kolor-bialy);
		}


		p.influ-linki .btn_bialy:hover,
		button.formBtn.btn_bialy:hover{
		  background-color:var(--kolor-bialy) !important;
		}


		p.influ-linki .btn_bialy text,
		button.formBtn.btn_bialy text{
		  color: var(--kolor-bialy);
		}

		p.influ-linki .btn_bialy .svg,
		a.formBtn.btn_bialy .svg{
			background-color: var(--kolor-bialy);
		}

		p.influ-linki .btn_bialy .svg svg,
		a.formBtn.btn_bialy .svg svg{
			fill: #000 !important;
		}










		button.formBtn.btn_kolor,
		p.influ-linki.btn_kolor a,
		p.influ-linki .btn_kolor,
		p.influ-linki a:has(.has-luminous-vivid-amber-color) {
		  background-color: #000;
		  color: var(--kolor-bialy);
		}


		button.formBtn.btn_kolor text,
		p.influ-linki.btn_kolor a text,
		p.influ-linki .btn_kolor text,
		p.influ-linki a:has(.has-luminous-vivid-amber-color)  text{
		  color: var(--kolor-bialy);
		}



		p.influ-linki .btn_czarny,
		p.influ-linki.btn_czarny a{
			border: 0px;
			color: var(--kolor-bialy) !important;
			padding: 0px 20px;
			background-color: #000;
    
		}

		p.influ-linki a.btn_czarny svg,
		p.influ-linki.btn_czarny a svg{
			fill: var(--kolor-bialy) !important;
			margin-right: 10px;
		}


		p.influ-linki .btn_czarny:hover,
		p.influ-linki.btn_czarny a:hover{
			color: #000 !important;
		}

		p.influ-linki a.btn_czarny:hover svg,
		p.influ-linki.btn_czarny a:hover svg{
			fill: #000 !important;
		}




	


		p.influ-linki .btn_kolor:hover,
		p.influ-linki a:has(.has-luminous-vivid-amber-color):hover {
			background-color:   rgba(238,238,238, 1) !important
		}


		p.influ-linki .btn_kolor:hover text,
		p.influ-linki a:has(.has-luminous-vivid-amber-color):hover text{
			color:   rgba(33, 33, 33, 1) !important
		}




		p.influ-linki .btn_kolor:hover,
		p.influ-linki a .has-luminous-vivid-amber-color:hover{
			/*color: var(--kolor-bialy);*/
		}

		/*button.formBtn.btn_kolor:hover{
			background-color:   rgba(33, 33, 33, 0.9) !important;
			color: var(--kolor-bialy)  !important;
		}*/


		a.formBtn.btn_mini,
		p.influ-linki.btn_mini a,
		p.influ-linki.btn_mini button,
		p.linki.btn_mini a,
		p.linki.btn_mini button,
		button.formBtn.btn_mini {
			height: 30px;
		    font-size: 14px;
		    line-height: 1.8em;
		    background: var(--kolor-czarny);
			color: var(--kolor-bialy);
		    padding: 20px 20px 23px 20px;
		}



		a.formBtn.btn_bialy,
		p.influ-linki.btn_bialy a,
		p.influ-linki.btn_bialy button,
		p.linki.btn_bialy a,
		p.linki.btn_bialy button,
		button.formBtn.btn_bialy {
			border-color: var(--kolor-bialy);
			color: var(--kolor-bialy);


			-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;
		}
		a.formBtn.btn_czarny,
		p.influ-linki.btn_czarny a,
		p.influ-linki.btn_czarny button,
		p.linki.btn_czarny a,
		p.linki.btn_czarny button,
		button.formBtn.btn_czarny {
			border-color: var(--kolor-tekst);
			color: var(--kolor-tekst);
		}

		a.formBtn svg,
		p.influ-linki a svg,
		p.influ-linki button svg,
		p.linki a svg,
		p.linki button svg,
		button.formBtn svg {
			fill: var(--kolor-glowny) !important;
			display: inline-block;
			width: 20px;
			height: auto;
			margin-left: 5px;
		}
		a.formBtn i,
		p.influ-linki a i,
		p.influ-linki button i,
		p.linki a i,
		p.linki button i,
		button.formBtn i {
			color: var(--kolor-glowny) !important;
			display: inline-block;
			
			margin-left: 5px;
		}


		a.formBtn:hover,
		p.influ-linki a:hover,
		p.influ-linki button:hover,
		p.linki a:hover,
		p.linki button:hover,
		button.formBtn:hover {
		    background: var(--kolor-bialy) !important;
			color: var(--kolor-czarny) !important;
		}


		



		a.formBtn:hover text,
		p.influ-linki a:hover text,
		p.influ-linki button:hover text,
		p.linki a:hover text,
		p.linki button:hover text,
		button.formBtn:hover text {
			color:   rgba(33, 33, 33, 1) !important

		}



		p.influ-linki a:hover .has-cyan-bluish-gray-color,
		p.influ-linki button:hover .has-cyan-bluish-gray-color{
			color:  var(--kolor-bialy) !important;
		}


		a.formBtn:hover svg,
		p.influ-linki a:hover svg,
		p.influ-linki button:hover svg,
		p.linki a:hover svg,
		p.linki button:hover svg,
		button.formBtn:hover svg{
			fill: var(--kolor-bialy) !important;
		}
	

		p.influ-linki a,
		p.influ-linki button,
		p.linki a,
		p.linki button{
			margin-right: 10px;
		}


		.naglowek_postrony_tresc p.influ-linki a,
		.naglowek_postrony_tresc p.influ-linki button,
		.naglowek_postrony_tresc p.linki a,
		.naglowek_postrony_tresc p.linki button{
			margin-right: 10px;
		    padding: 20px;
		    background-color: #000;
		    color: var(--kolor-bialy);
		}


		.naglowek_postrony_tresc p.influ-linki a i,
		.naglowek_postrony_tresc p.influ-linki button i,
		.naglowek_postrony_tresc p.linki a i,
		.naglowek_postrony_tresc p.linki button i,
		.naglowek_postrony_tresc p.influ-linki a svg,
		.naglowek_postrony_tresc p.influ-linki button svg,
		.naglowek_postrony_tresc p.linki a svg,
		.naglowek_postrony_tresc p.linki button svg{
			fill: #fff !important;
			color: #fff !important;
		}

		.naglowek_postrony_tresc p.influ-linki a:hover i,
		.naglowek_postrony_tresc p.influ-linki button:hover i,
		.naglowek_postrony_tresc p.linki a:hover i,
		.naglowek_postrony_tresc p.linki button:hover i,
		.naglowek_postrony_tresc p.influ-linki a:hover svg,
		.naglowek_postrony_tresc p.influ-linki button:hover svg,
		.naglowek_postrony_tresc p.linki a:hover svg,
		.naglowek_postrony_tresc p.linki button:hover svg{
			fill: var(--kolor-czarny) !important;
			color: var(--kolor-czarny) !important;

		}


		.naglowek_postrony_tresc .box_portfolio p.influ-linki button.btn_port:hover svg {
		    fill: #fff !important ;
		    color: #fff !important ;
		}



		/*p.linki a {
			background-color: var(--kolor-szary-jasny);
			color: var(--kolor-czarny);
		    align-items: center;
		    display: inline-flex;
		}*/
		#strona_glowna p.linki a svg {
			fill: var(--kolor-czarny) !important;
		}
		#strona_glowna p.linki a:hover {
			color: var(--kolor-bialy) !important;
		}
		#strona_glowna p.linki a:hover svg {
			fill: var(--kolor-bialy) !important;
		}
		#strona_glowna h2 {
			font-size: 60px !important;
		}
		.formInput {
			font-size: 14px;
			line-height: 40px;
			height: 46px;
			margin: 0px;
			background-color: var(--kolor-szary-jasny);
			border: none;
			border-radius: 0px;
			padding: 0px 25px;
			width: 100%;
			border-radius: 30px;
			margin-bottom: 5px;
		}
		textarea.formInput {
			line-height: normal;
			padding: 10px 25px;
		}
		.error_info,
		.error{
			font-size: 12px;
			color: #cc0000;
			font-weight: bold;
			display: block;
			margin-bottom: 10px;
		}
		.succes_info,
		.succes{
			font-size: 12px;
			color: #42c828;
			font-weight: bold;
			display: block;
			margin-bottom: 10px;
		}
		.succes_info,
		.error_info{
			font-size: 14px !important;
		}
		.linki_row a:first-child {
			margin-right: 10px;
		}
	/* FORMS & BTNS  */

	/* FORMULARZ KONTAKT  */
		#contactForm {
			position: sticky;
			top: 20px;
		}
		#contactForm .formInput {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.regulations {
		    font-size: 12px;
		    display: block;
		    line-height: 1em;
		    margin-top: 5px;
		    margin-bottom: 15px;
		}
		.regulations .formularzPopRegKnt input{
			filter: grayscale(100%);
		}
	/* FORMULARZ KONTAKT  */



	/* FORMULARZ Rezerwacji  */

		.box_ilosc{
			display: inline-grid;
			grid-template-columns: 20px 40px 20px;
			grid-gap: 10px;
			align-items: center;
			width: 100px;
			
			border: 1px solid var(--kolor-szary-sredni);
		    padding: 0px 25px;
		    width: auto;
		    border-radius: 30px;

		}
		.box_ilosc i{
			color: var(--kolor-glowny);
			cursor: pointer;
		}

		.box_ilosc input{
		    font-size: 18px;
		    font-family: var(--czcionka);
		    border: 0px;
		    background-color: unset;
		    text-align: center;
		    padding: 0px;
		}

		#rezerwacjaForm label {
			display: block;
		}
		#rezerwacjaForm .fw3 {
		    display: grid;
		    grid-template-columns: auto auto auto;
		    grid-gap: 20px;
		    align-items: center;
		    margin-top: 20px;
		}
		#rezerwacjaForm .fw2 {
		    display: grid;
		    grid-template-columns: auto auto;
		    grid-gap: 20px;
		    align-items: center;
		    margin-top: 20px;
		}
		#rezerwacjaForm .fw1 {
		    display: grid;
		    grid-template-columns:  auto;
		    grid-gap: 20px;
		    align-items: center;
		    margin-top: 20px;
		}

	/* FORMULARZ Rezerwacji  */


	/*custom-checkbox*/
		.custom-checkbox{
		      background-image: url('../img/option.svg');
		      background-repeat: no-repeat;
		      background-position: left center;
		      background-size: 12px;
		      padding-left: 30px;
		      cursor: pointer;
		}
		.custom-checkbox.active{
		      background-image: url('../img/option_checked.svg?v02');
		}
		.custom-checkbox input{
		    display: none;
		}
	/*custom-checkbox*/


	/* UDOSTĘPNIJ  */
		.udostepnij_knt_knt {
			display: grid;
			grid-template-columns: 1fr 150px;
			grid-gap: 10px;
			align-items: center;
		}
		.udostepnij_knt {
			display: flex;
			color: var(--kolor-ciemnoszary);
			font-size: 12px;
			line-height: 12px;
			text-transform: uppercase;
			gap: 20px;
			align-items: center;
		}
		.udostepnij_knt a {
			cursor: pointer;
		}
		.udostepnij_knt svg {
			height: 25px;
			width: auto;
			fill: var(--kolor-glowny);
		}
		.udostepnij_knt svg:hover {
			fill: var(--kolor-glowny2);
		}
		.udostepnij_knt .udostepnij_email svg {
			height: 25px;
		}
	/* UDOSTĘPNIJ  */


	/* FORMULARZ POPUP  */
		.formularzPopTlo {
			width:100%;
			background-color:rgba(0,0,0,0.90);
			position: fixed;
			z-index: 899;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			text-align: center;
			opacity: 0;
			pointer-events: none;
			-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;
		}
		.formularzPopKnt {
			width:100%;
			background-color:rgba(0,0,0,0);
			position: fixed;
			z-index: 900;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			text-align: center;
			opacity: 0;
			pointer-events: none;
			transform: scale(0.9);
			-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;
		}
		.formularzPopTlo.pokaz,
		.formularzPopKnt.pokaz {
			transform: scale(1);
			opacity: 1;
			pointer-events: auto;
			-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;
		}
		.formularzPopZawartosc {
			display: inline-block;
			max-width: 80vw;
			max-height: 80vh;
			margin: 9vh auto;
			box-shadow: none;
			width: auto;
			height: auto; 
			font-weight: 400;
			position: relative;
			padding: 60px;
			background-color: var(--kolor-szary-tlo);
			background-size: cover;
			background-repeat: no-repeat;
			border-radius: var(--borderRadius);
		}
		#formularzPop {
			width: auto;
			font-size: 16px;
			max-height: 68vh;
			box-shadow: none;
			width: auto;
			height: auto;
			font-weight: 400;
			overflow-x: hidden;
			text-align: left;
			display: block
		}
		#formularzPop h2 {
			margin-top: 0px !important;
		}
		#formularzPop p {
			font-size: 18px;
		}
		#formularzPop .formularzPopZamknij,
		#formularzPop i.formularzPopZamknij {
			position: absolute;
			right: 30px;
			top: 30px;
			font-size: 44px;
			color: var(--kolor-glowny);
			cursor: pointer;
			-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;
		}


		#formularzPop .formularzPopZamknij:hover,
		#formularzPop i.formularzPopZamknij:hover {
			transform: scale(1.1);
			color: #000;
			-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;
		}


		#formularzPop .formularzPopZamknij img{
			width: 100px;
		}

		#formularzPop .formularzPopZamknij svg{
			width: 60px;
		    height: auto;
		    fill: #fff;
		    background: #000;
		    padding: 10px;
		    border-radius: 50%;
		}

		.regulaminInfo {
			font-size: 12px;
			line-height: 14px;
		}
		#formularzPop label.has-error.validationMessage {
			padding-top: 0px;
			padding-bottom: 10px;
		}
		.regulaminInfo label.has-error.validationMessage {
			padding-top: 0px;
			display: inline-block;
			padding-left: 5px;
			padding-right: 5px;
		}
		#formularzPop p.btnHexKnt {
			margin-bottom: 0px;
			display: grid;
			grid-template-columns: 1fr 105px 1fr;
			vertical-align: middle;
		}
		#formularzPop p.btnHexKnt a{
			filter: grayscale(100%);
		}
		#formularzPop .error_info,
		#formularzPop .error{
			font-size: 12px;
			color: #cc0000;
			font-weight: bold;
			display: block;
			margin-bottom: 10px;
		}
		#formularzPop .formBtn{
			font-size: 16px;

		    text-align: center;
		    display: block;
		    padding: 0px 30px;
		}
		#formularzPop .formularzPopRegKnt{
			    font-size: 12px;
			    display: block;
			    line-height: 1em;
		}
		#formularzPop .formularzPopRegKnt input{
			filter: grayscale(100%);
		}
		.popup_zawartosc{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 100px;
			padding: 50px 100px;
		}
		.popup_zawartosc h2{
			color: #000;
		}
		#formularzPopInfoSubmit_Tel{
			margin: 0px;
		}
		.struktura_telefon{
			display: grid;
			grid-template-columns: 1fr 180px;
			gap: 10px;
			margin-bottom: 20px;
			box-sizing: border-box;
		}
		.struktura_telefon *{
			box-sizing: border-box;
		}
		.linki_kontakt{
			padding-top: 30px;
		}
		.linki_kontakt strong{
			font-size: 20px;
		}
		.linki_kontakt a i{
			color: var(--kolor-glowny);
		}
		#formularzPopForm .formInput {
			margin-bottom: 0px;
		}
	/* FORMULARZ POPUP  */

	/* WP CLASSES  */
		.wp-element-caption {
			font-size: 16px;
			line-height: 20px;
		}
	/* WP CLASSES  */

	/* ANIMACJE  */
		@keyframes fadeSlideDown {
			0% { opacity: 0; transform: translateY(-5px); }
			100% { opacity: 1; transform: translateY(0); }
		}
	/* ANIMACJE  */


	/* DODATKOWE  */
		.bezmarginesuzgory {
			margin-top: 0px !important;
			padding-top: 0px !important;
		}
		.bezmarginesuzdolu {
			margin-bottom: 0px !important;
			padding-bottom: 0px !important;
		}
	/* DODATKOWE  */




	/* Lista i Slajdy */
.influ-gallery-list {
    display: flex;
    list-style: none;
    padding: 0;
}

.influ-gallery__link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: zoom-in;
}

.influ-gallery__img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.influ-gallery__link:hover .influ-gallery__img {
    transform: scale(1.05);
}

.influ-gallery__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.influ-gallery__link:hover .influ-gallery__overlay {
    opacity: 1;
}

/* Lightbox Core */
.influ-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.influ-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
}

.influ-lightbox__content {
    position: relative;
    z-index: 10;
    max-width: 90vw;
    max-height: 85vh;
}

.influ-lightbox__image {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

/* UI Elements */
.influ-lightbox__close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    background: none;
    border: none;
    color: white;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
}

.influ-lightbox__counter {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.7);
    font-family: sans-serif;
    font-size: 14px;
}

.influ-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    background: rgba(255,255,255,0.1);
    border: none;
    color: white;
    font-size: 50px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 50%;
    display: none; /* Ukryte na mobile */
}

@media (min-width: 1024px) {
    .influ-lightbox__nav { display: block; }
}

.influ-lightbox__nav--prev { left: 20px; }
.influ-lightbox__nav--next { right: 20px; }

/* Animacje Alpine */
.influ-fade-in { transition: opacity 0.3s ease-out; }
.influ-fade-out { transition: opacity 0.2s ease-in; }
.influ-zoom-in { animation: influZoom 0.3s ease-out; }

@keyframes influZoom {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}