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

	:root {
	  --kolor-glowny: #f42e90;

	  --kolor-rozowy: #f42e90;
	  --kolor-niebieski: #4bc2f1;
	  --kolor-zolty: #c0ff72;

	  --kolor-bialy: #fff;
	  --kolor-czarny: #000;
	  --kolor-tekst: #2e262a;
	 
	  --czcionka: 'Poppins', sans-serif;

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

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

	#strona_glowna .wiersz_glowny p,
	#strona_glowna .wiersz_glowny ol li,
	#strona_glowna .wiersz_glowny ul li,
	html {
	  font-size: 30px;
	  font-weight: 400;
	  line-height: 1.6em;
	  color: var(--kolor-tekst);
	}

	h1, h2, h3, h4, h5 {
	  color: var(--kolor-tekst);	
	}
	h2{
		font-size: 46px;
	}
	button {
		font-family: var(--czcionka);
	}

	s{
		text-decoration: unset;
		position: relative;
	}
	s:before{
		content:' ';
		width:110%;
		height: 10px;
		background-image: url('../img/border_03.webp');

		position: absolute;
		bottom: 10px;
		left: -5%;
		z-index: -1;
		background-size: 100% 100%;
	}

	.has-text-align-center {
	  text-align: center;
	}

	p.btn_rozowy a,
	span.btn_rozowy,
	a.btn_rozowy,
	button.btn_rozowy{
		color: #fff;
		font-weight: 700;
		font-size: 0.8em;
		background-color: var(--kolor-rozowy);
		border-radius: 20px 20px 20px 0px;
		padding: 10px 30px;
  		
  		text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
  		cursor: pointer;

  	

	}

	p.btn_rozowy a:after,
	a.btn_rozowy:after,
	button.btn_rozowy:after{
		  display: inline-block;
		  content: "\f30b";
		  font-family: "Font Awesome 6 Free";
		 
		  margin-left: 10px;
		  width: 1.3em;
		  font-size: 1em;
		  font-weight: bold;
	}

	p.btn_rozowy a:hover,
	a.btn_rozowy:hover,
	button.btn_rozowy:hover{
		background-color: #3e2937;
		color: var(--kolor-rozowy);
	}


	p.btn_niebieski a,
	span.btn_niebieski,
	a.btn_niebieski{
		color: #fff;
		font-weight: 700;
		font-size: 0.8em;
		background-color: var(--kolor-niebieski);
		border-radius: 20px 20px 20px 0px;
		padding: 10px 30px;
  		
  		text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
  		cursor: pointer;

	}

	p.btn_niebieski a:after,
	a.btn_niebieski:after{
		  display: inline-block;
		  content: "\f30b";
		  font-family: "Font Awesome 6 Free";
		 
		  margin-left: 10px;
		  width: 1.3em;
		  font-size: 1em;
		  font-weight: bold;
	}

	p.btn_niebieski a:hover,
	a.btn_niebieski:hover,
	button.btn_niebieski:hover{
		background-color: #3e2937;
		color: var(--kolor-niebieski);
	}


	.info_box{
			background-color: #eefdc9;
		    border: 1px solid #c2e28f;
		    border-radius: 35px 35px 35px 0px;
		    width: 100%;
		    padding: 30px 40px;
		    box-sizing: border-box;
    		font-size: 20px !important;
    		line-height: 1.3em !important;

	}


	/* 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 0px !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 {
			position: relative;
		}
		.wp-block-image img {
			border-radius:5vw 5vw 5vw 0px !important;
			
		}
		.wp-block-image::before {
			content: " ";
			width: 50%;
			aspect-ratio: 1 / 1;
			background-color: rgba(0, 0, 0, 0.05);

			position: absolute;
			z-index: -1;
			top: -10%;
			left: -10%;

			border-radius:5vw 0vw 5vw 5vw !important;
		}

		.wp-block-quote{
			position:relative;
		}
		.wp-block-quote::before {
			content: " ";
			width: 100px;
			aspect-ratio: 1 / 1;
			background-color: rgba(0, 0, 0, 0.05);

			position: absolute;
			z-index: -1;
			top: -10px;
			left: -110px;

			border-radius:5vw 0vw 5vw 5vw !important;
		}
		.podstrona .wp-block-quote p{
			font-size: 18px;
			line-height: 1.6em;
			margin-bottom: 0px;
		}
		.wp-block-quote cite{
			font-size: 20px;
			color: var(--kolor-rozowy);
		}



		.odstep_d{
			height: 10px;
		}


		a {
		    color: var(--kolor-glowny);
		    text-decoration: none;
		    transition: 0.2s;
		    cursor: pointer;
		}
		a:hover {
		    transition: 0.2s;
		    color: #3c2c38;

		}

		@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: 5vw 0px;
	 	}

	 	.wp-block-image.alignleft {
/*	 		float: left;*/
	 	}
	 	.wp-block-image.alignright {
/*	 		float: right;*/
	 	}
	 	/*.wp-block-columns {
	 		gap: 2em;
	 	}*/
	 	.wp-block-gallery {
	 		gap: 0.5em;
	 	}
	 	.wp-block-separator {
			border-top: 1px solid #ccc !important;
			border-bottom: none !important;
	 	}
	/* WP core classes*/



	/* SEKCJA ROZWIJANA */
		.disable {
			pointer-events: none !important;
			opacity: 0.75 !important;
		}
	/* SEKCJA ROZWIJANA */

	/* SEKCJA ROZWIJANA */
		.info_roz_knt {
			border: 1px solid #ddd;
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 1em;
		}
		.info_roz_knt .info_roz_ng:hover {
		}
		.info_roz_knt .info_roz_ng {
			padding: 15px 25px 13px 25px;
			cursor: pointer;
			position: relative;
		}
		.info_roz_knt .info_roz_ng img {
			position: absolute;
			right: 10px;
			top: 3px;
			-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 img {
			transform: rotate(180deg) scale(0.7);
			-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 {
			border-top: 1px solid #ddd;
			padding: 25px 25px 15px 25px;
			display: none;
			background-color: #fafafa;
			font-size: 16px;
		}		
		body.influ .info_roz_tr p,
		.info_roz_tr p,
		body.influ .info_roz_tr li,
		.info_roz_tr li {
			font-size: 16px;
		}
	/* SEKCJA ROZWIJANA */


	body.influ {
		margin: 0px;
		padding: 0px;
		font-family: var(--czcionka);
		width: 100%;
		overflow-x: hidden;
		background-color: var(--kolor-zolty);
	}

	/*HEADER*/
		#glowny_naglowek_knt {
			position: static;
			top: 0;
			z-index: 800;
			background: unset;
			margin: 0 auto;
			left: 0;
		    right: 0;
			max-width: 2000px;
			padding: 0px 5vw;
		}
		#glowny_naglowek_knt.str_glowna {
			position: absolute;
			background-color: unset;
		}


		#glowny_naglowek_knt .menu_logo{
			text-align: center;
		}
	

		#glowny_naglowek_knt  .menu_logo img{

			height: auto;
			margin: 50px 0px;
		}


		.menu_mini{
			overflow: hidden;
		}
		.menu_mini a{
			font-size: 18px;
			line-height: 18px;
			color: #fff;
			background-color: var(--kolor-glowny);
			padding: 10px 25px;
			border-radius: 30px;
			font-weight: 600;
			float: left;
			margin: 0px 5px;
			font-style: italic;
		}	


		.menu_mini a.ico{
			width: 36px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			padding: 0px;
			background-color:#99724f ;
		}

		.menu_mini a:hover{
			background-color:#000
		}	

		.menu_mini a svg{
			height: 16px;
			width: 16px;
			fill: #fff;
		}		

		.social_media {
			overflow: hidden;
			padding: 5px 2vw;
		}
		.social_media div{
			float: right;
		}
		.social_media a img{
			width: 30px;
		}
		.social_media a.wyceny_btn{
			font-size: 12px;
			text-transform: uppercase;
			color: #fff;
			border-radius: 20px;
			padding: 5px 20px;
			font-weight: bold;
			margin-right: 5px;
		}

		#glowny_naglowek {
			padding: 0px;

			margin: auto;
			display: grid;
			grid-template-columns:1fr 300px 1fr;
			align-items: center;
			grid-gap: 100px;
			-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;
		}

		.p_mini_show{
			display: none;
		}

		.menu_glowne {
			margin-bottom: 0px;
			text-align: left;
		}

		.menu_social{
			display: none;
		}
		.menu_prawe {
			text-align: right;
		}

		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			/*gap: 2vw;*/

    		justify-content: space-between;
		}
		.menu_glowne ul li.li_mini{
			display:none;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
		}
		.menu_glowne ul li a.btn_header {
			background-color: var(--kolor-glowny);
		}
		.menu_glowne ul li a {
			padding: 5px 15px;
			font-weight: 600;
			font-size: 28px;
			display: inline-block; 
			color: #fff;
			text-decoration: none;

		    -webkit-text-stroke: 6px #050505; /* width and color */
		    paint-order: stroke fill;  /* <-- add this for ticker text stroke  */

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

		.menu_glowne ul li a span{
			color: #7e7979;
			font-weight: 800;
			margin-right: 10px;
		}

		.menu_glowne ul li a svg {
			fill: #fff;
			width: 20px;
		}
		.menu_glowne ul li a:hover {
			color: var(--kolor-glowny);
			background-color: #fff;
			background-position: left top;
			opacity: 1;
		}
		.menu_glowne ul li a:hover svg {
			fill: var(--kolor-glowny);
		}

		.btn_kontakt{
			border: 2px solid #999999;
		}
		.menu_glowne ul li a.btn_kontakt:hover,
		.btn_kontakt:hover{
			border: 2px solid var(--kolor-czarny);
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
		}
		.logo_knt{
		
		}



		ul.menu_rozwijane li ul{
			position: absolute;
			list-style: none;
			background-color: #fff;
			z-index: 999;
			margin: 0px;
			padding: 30px 0px;
			transform-origin: top left;
			opacity: 0;
			pointer-events: none;
			transform: translate(0px, 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;
			box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.04);
			display: block;

			  border-radius: 0px 30px 30px 30px;
		}
		ul.menu_rozwijane li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 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.menu_rozwijane li ul li{
			width: 100%;
			margin:0px;
			padding: 0px
			display: block;
		}
		ul.menu_rozwijane li ul li a{
			display: block;
			font-size: 15px;
			padding: 10px 25px;
			text-transform: none;
			color: #000;
			text-align: left;
			line-height: 24px;

			paint-order: unset;
  			-webkit-text-stroke: 0px;
		}

		ul.menu_rozwijane li ul li a text{
			-webkit-text-stroke: 2px #050505;
    		paint-order: stroke fill;
		}

		ul.menu_rozwijane li ul li a:hover{
			color: var(--kolor-glowny);
		}

		.menu_kontakt ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 20px;
			align-items: right;
			justify-content: right;
		}
		.menu_kontakt ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
			position: relative;
		}

		.menu_kontakt ul li a{
			border:1px solid #000;
			border-radius: 50%;

			width: 40px;
			line-height: 40px;
			text-align: center;
			display: block;

			-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_kontakt ul li a svg{
			fill: var(--kolor-glowny);
			width: 16px;
			margin-right: 3px;
			margin: 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_kontakt ul li a:hover{
			background-color: #000;
			

		}
		.menu_kontakt ul li a:hover svg{
			fill: #fff;
		}
	/*HEADER*/

	main{
		max-width: 2000px;
		margin: 0 auto;
	}


	.wiersz_szary{
		background: #f3f3f3;
	}
	.wiersz .tresc{
		width: 1200px;
		margin: 50px auto;
	}
	.tresc p{
		margin-bottom: 25px;
		color: var(--kolor-tekst);
	}

	.podstrona p,
	.wiersz_glowny ol li,
	.wiersz_glowny ul li{
		font-size: 24px;
		line-height: 1.6em;
		  font-weight: 400;
	}

	.wiersz_glowny ul li{
	  display: grid;
	  grid-template-columns: 50px 1fr;
	  line-height: 1.3em;
	  margin-bottom: 0.5em !important;
	}






	ul.kolumny_zalaczniki{
		padding: 0px;
		overflow: hidden;
	}
	ul.kolumny_zalaczniki li{
		width: 100%;
		text-align: left;
		float: left;
		line-height: 16px;
	}

	ul.kolumny_zalaczniki li:hover img{
		opacity: 1;
	}
	.plik{
		list-style: none;
		display: block !important;
	}
	.plik a p{
		margin: 0px;
	}
	.plik a {
		display: block;
		color: #010000;
		font-size: 18px;

		padding: 5px;
		padding-left: 50px;
		background: none;
		margin: 2px;
		text-decoration: none;

	}
	.plik:hover a {
		
		color: #cc0000;
	}
	.plik a i{
		padding-right: 10px;
	}

	.wiersz_glowny ul {
		margin: 0px;
		padding: 0px;
	}
	.wiersz_glowny.podstrona ul {
		margin: 0px 0px 25px 0px;
		padding: 0px;
	}
	.wiersz_glowny ul li{
		list-style: none;
		margin:0px 2px;
	}
	.wiersz_glowny ul li::before{
		  display: inline-block;
		  content: "\f30b";
		  font-family: "Font Awesome 6 Free";
		 
		  margin-left: 10px;
		  width: 1.3em;
		  font-size: 1em;
		  font-weight: bold;
		  color: var(--kolor-glowny);
	}



	.btn_knt a,
	.btn  {
		display: inline-block;
		padding: 15px 30px;
		margin: 0px 20px;
		margin-left: 0px;
		font-weight: bold;
		font-size: 16px;
		color: var(--kolor-bialy);
		background-color: var(--kolor-czarny);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center right;
		text-transform: none;
		text-transform: uppercase;
	}

	.btn_knt a:hover,
	.btn:hover{
		color: var(--kolor-bialy) !important;
		background-color: var(--kolor-glowny) !important;
	}
	
	.btn.btn_zloty{
		background-color:#f8cf09 ;
		color: #000;
	}
	

	.btn.btn_zloty:hover{
		filter: grayscale(100%);
	}

	.btn.btn_niebieski{
		background-color:var(--kolor-glowny) ;
		color: #fff;
	}

	.btn.btn_czarny{
		background-color:#191919 ;
	}

	.btn.btn_czarny:hover{
		color: var(--kolor-glowny);
	}

	.btn.btn_szary{
		background-color:#e6e5e7 ;
		color: #000;
	}

	.btn.btn_czarny:hover{
		color: var(--kolor-glowny);
	}

	h1{
		font-family: var(--czcionka);
		font-size: 3vw;
		line-height: 1.3em;
	}

	/*Strona główna*/
		.wiersz_glowny{
			max-width: 2000px;
			margin: 80px 5vw;
		}
		.wiersz_glowny h2{
			font-weight: 700;
			font-size: 3vw;
			margin-top: 0px;
			margin-bottom: 20px;
			line-height: 1.2em;
			font-family: var(--czcionka);
  			color: var(--kolor-tekst);
		}
		.wiersz_glowny h2 i{
			color: var(--kolor-glowny);
		}

		
		.d_rel{
			position: relative;
			  background-size: cover;
		}

		#i_team {
			padding-top:100px;
		}
		#i_team .wiersz_glowny{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 5vw;
			align-items: center;
		}

		#i_team .wiersz_glowny .zawartosc{
			padding-left:3vw;
		}

		#i_uczymy .wiersz_glowny{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 5vw;
			align-items: center;
		}



		#i_formularz{
			padding: 5vw;
		}
		#i_formularz h2{
			color: #fff;
			margin-bottom: 0px;
		}
		#strona_glowna #i_formularz p{
			margin:0px;
			font-size: 0.8em;
			color: rgba(255,255,255,0.75);
		}

		#i_formularz .tlo_form{
			position:relative;
			top:0px;
			left:0px;
			 width: 100%;
		}

		#i_formularz .wiersz_glowny{
			position: absolute;
			top: 0px;
			bottom: 0px;
			margin: auto;  
			max-width: 35%;
			display: flex;
			align-items: center;
			padding-top: 5vw;
			padding-left: 10vw;
			z-index: 9;
		}


		#i_oferta{
			padding: 80px 10vw;
			margin:0px 5vw;
			color: rgba(255,255,255,0.75);
		}

		#i_oferta h2{
			text-align:center;
		}

		#i_oferta .tlo_form{
			position:absolute;
			top:0px;
			left:0px;
			 width: 100%;
			 z-index: -1;
		}

		#i_oferta .wiersz_glowny{
			position: static;
			top: 0px;
			bottom: 0px;
			margin: auto;  
			display: block;
			align-items: center;
		}

		.nasza_oferta {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 30px;
			padding-top:20px;
		}
		.boks_oferty{
		}
		.boks_oferty a{
			display: block;
			padding: 35px;

			background-color: var(--kolor-niebieski);
			border-radius: 5vw 5vw 5vw 0px;
		}

		.boks_oferty a:hover{
			background-color:var(--kolor-rozowy);
		}

		.boks_oferty aside{
			display:grid;
			grid-template-columns:auto 60px;
			align-items: center;
		}
		.boks_oferty h3{
			line-height: 1.4em;
			min-height: 2.8em;
			margin-bottom: 150px;
			font-size: 34px;
		}



		.offer-box{
			background-color: var(--kolor-rozowy);
			border-radius: 5vw 5vw 5vw 0px;
			text-align: center;
			color: #fff;
			position: relative;
			padding: 20px 0px;
		}

		.offer-box h3{
			margin: 0 auto;
			padding: 35px;
			color: #fff;
		}
		.offer-box .description{
			background-color: #412734;
			color: #fff;
		
			padding: 35px;
		}

		#strona_glowna .offer-box .description p,
		.podstrona .offer-box .description p{
			margin: 15px 0px;
			color: #fff;
			font-size: 20px;
		}

		.offer-box .description strong{
			color: var(--kolor-zolty);
		}

		.offer-box .price {
			margin: 0 auto;
			padding: 35px;
			color: #fff;
		}
		.offer-box .price strong{
			display: block;
		}

		.offer-box .description,
		.offer-box .price{
			font-size: 20px;
			line-height: 1.4em;
		}

		.offer-box h3,
		.offer-box .price strong{
			font-size: 33px;
		}

		.offer-box a.register-button{
			position: absolute;
			  bottom: -20px;
			  font-size: 18px;
			  padding: 5px 20px;
			  line-height: 40px;
			  left: 0;
			  right: 0;
			  margin: 0 auto !important;
			  width: 200px;
			  background-color: #412734;
		}

		.offer-box a.register-button:hover{
			background-color:var(--kolor-niebieski);
			color: #fff;
		}

		#i_cennik .zawartosc{
			margin: 0px 10vw;
			margin-bottom: 200px;
		}

		#i_cennik .zawartosc h2{
			text-align:center;
		}



		#i_nao{
			padding: 5vw;
			color: rgba(255,255,255,0.75);
		}
		#i_nao h2{
			color: #fff;
			margin-bottom: 0px;
		}
		#strona_glowna #i_nao p{
			margin:20px 0px;
			font-size: 22px;
			line-height: 1.8em;
			
			color: #fff;
		}

		#i_nao .tlo_form{
			position:relative;
			top:0px;
			left:0px;
			 width: 100%;
		}

		#i_nao .wiersz_glowny{
			position: absolute;
			top: 0px;
			bottom: 0px;
			margin: auto;  
			max-width: 40%;
			display: flex;
			align-items: center;
			right: 10vw;
		}

		#i_kontakt{
			margin: 0px 10vw;

		}
		#i_kontakt .zawartosc {
			display: grid;
			grid-template-columns: 45% 1fr;
			align-items: center;

			font-size: 22px;
			line-height: 1.6em;
		}


		#i_kontakt .zawartosc .opis_mapki {
			padding-left: 5vw;
		}


		#i_kontakt .zawartosc .opis_mapki  h3{
			 
			  font-weight: 600;
			  font-size: 28px;
			  display: inline-block;
			  color: #fff;
			  text-decoration: none;
			  -webkit-text-stroke: 6px #050505;
			  paint-order: stroke fill;
			  margin: 0px;
		} 


		#i_kontakt .zawartosc .opis_mapki  p{
			margin-top:0px;
			margin-bottom: 20px;
		}


		#i_kontakt .zawartosc .opis_mapki  p a{
			color:var(--kolor-tekst);
		}

		#i_kontakt .zawartosc .opis_mapki  p a:hover{
			color:var(--kolor-rozowy) !important;
		}


		#i_kontakt .zawartosc .opis_mapki  p a i{
			width: 25px;
		}

		.mapka{
			position: relative;
		}
		.mapka .img_mapa {
			border-radius: 10vw 10vw 10vw 0px;
		}

		.mapka .point{
			position: absolute;
			z-index: 9;
			padding-top: 20px;
		}
		.mapka .point:hover,
		.point_hover{
			filter: brightness(1.5);
		}

		.mapka .point_1{
			left: 21%;
			top: 34%;
		}

		.mapka .point_2{
			left: 61%;
			top: 45%;
		}
		.mapka .point_3{
			left: 75%;
			top: 33%;
		}

		.mapa_info{
			position: absolute;
			bottom: -20px;
			right: 16%;
			line-height: 1.3em;
		}
		
	/*Strona główna*/

	/*Sklep*/
		#i_sklep {
			padding-top:0px;
		}
		#i_sklep .wiersz_glowny{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 5vw;
			align-items: center;
			margin: 10px 5vw;
		}

		.stickyBox{
			height: 100%;
		}

		 .stickyBox .sticky {
		    position: sticky;
		    margin-top: 70px;
		    top: 3vw;
		}

		#i_sklep .wiersz_glowny .zawartosc{
			padding-left:3vw;
		}


		#i_sklep h1{
			color: #fff;
		    text-decoration: none;
		    -webkit-text-stroke: 8px #050505;
		    paint-order: stroke fill;
		}

		.boks_sklep{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 10vw;
			margin-top: 200px;
			margin-bottom: 200px;
		}


		.boks_sklep .boks_kategoria{
			background-color: #fff;
			position: relative;

		    border-radius: 10vw 10vw 10vw 0vw !important;
		    padding: 5vw;

		}

		.boks_sklep .boks_kategoria::before {
		    content: " ";
		    width: 50%;
		    aspect-ratio: 1 / 1;
		    background-color: rgba(0, 0, 0, 0.05);
		    position: absolute;
		    z-index: -1;
		    top: -10%;
		    left: -10%;
		    border-radius: 5vw 0vw 5vw 5vw !important;
		}


		.boks_sklep .boks_kategoria .wp-block-columns{
			padding: 0;
			margin: 0;
		}

		.boks_sklep .boks_kategoria .wp-block-columns .wp-block-column{
			margin:10px 0px;
		}

		.boks_sklep .boks_kategoria  h3{
			font-size: 40px;
			line-height: 1.4em;
    		margin: 10px 0px;
		}
		.boks_sklep .boks_kategoria .wp-block-columns p{
			margin: 5px;
			padding: 0px;	
			line-height: 1.1em;
		}
		.boks_sklep .boks_kategoria .wp-block-columns .wp-block-image{
			margin: 0px;
			padding: 0px;
		}

		.boks_sklep .boks_kategoria .wp-block-columns .wp-block-image img{
			border-radius: 0px !important;
		}

		.boks_produkty{
			display: grid;
			grid-template-columns: 1fr;
			gap: 50px;
			margin-top: 50px;
		}


		.boks_produkty .produkt{
			display: block;
			overflow: hidden;
			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;
		}

		.boks_produkty .produkt:hover{
			transform: scale(1.05);
		}

		.boks_produkty .produkt h3{
			color: #fff;
		    font-weight: 700;
		    font-size: 22px;
		    background-color: var(--kolor-rozowy);
		    border-radius: 20px 20px 20px 0px;
		    padding: 10px 30px;
		    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
		    cursor: pointer;
		    margin: 0px;
		    position: relative;
		    z-index: 1;
		}
		

		.boks_produkty .produkt aside{
			background-color: #fff;
		    border-radius: 0px  0px 20px 0px;
		    padding: 30px;

    		padding-bottom: 50px;
		    margin-top: -15px;
		    position: relative;
		    z-index: 0;
		    font-size: 18px;
		    margin-bottom: 20px;
		}

		.boks_produkty .produkt aside button{
		    position: absolute;
		    border: 0;
		    left: 0;
		    right: 0;
		    width: 200px;
		    margin: 0 auto;
		    bottom: -20px;
			
    		background-color: #412734;
		}



		.boks_produkty .produkt aside ul li,
		.boks_produkty .produkt aside p{
			font-size: 18px;
			line-height: 1.2em;
		}
		/*.boks_produkty .produkt aside ul {
			display: flex;
			flex-wrap: wrap;
		}*/
		.boks_produkty .produkt aside ul li {
		    display: grid;
		    grid-template-columns: 35px 1fr;
		 }

		.boks_produkty .produkt aside .k2{
			display: flex;
			justify-content: space-between;
			font-weight: bold;
		}





	/*Sklep*/


	/*  POPUP  */
		.sklepPopTlo {
			width:100%;
			background-color:rgba(62,41,54,0.98);
			/*background-color:#3e2936;*/
			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;
		}
		.sklepPopKnt {
			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;
			transform: scale(0.9);
			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;
		}
		.sklepPopTlo.pokaz,
		.sklepPopKnt.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;
		}
		.sklepPopZawartosc {
			display: inline-block;
			max-width: 1200px;
			max-height: 80vh;
			margin: 9vh auto;
			box-shadow: none;
			width: auto;
			height: auto; 
			font-weight: 400;
			position: relative;
			padding: 60px;
			background-size: cover;
			background-repeat: no-repeat;
			border-radius: 10px;

		}
		#sklepPop {
			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
		}
		#sklepPop .sklepPopZamknij {
			position: absolute;
			right: 30px;
			top: 30px;
			width: 60px;
			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;
		}
		#sklepPop .sklepPopZamknij:hover {
			transform: rotate(90deg) 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;
		}


		#sklepPop {
			/*background-image: url('../img/tlo_popup_06.png');*/
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: left bottom;
		}

		#sklepPop .popup_zawartosc{
			padding: 0px 80px;
		    text-align: center;
		    display: grid;
		    grid-template-columns: 1fr ;
		    /*grid-template-columns: 1fr 45%;*/
		    gap: 30px;
		    align-items: end;
		}

		#sklepPop .fw1{
			text-align: left;
		}

		#sklepPop #form_submit{
			font-size: 16px !important;
		}


		.popup_zawartosc form{
			padding: 0px;
		}


		#zdjecie_oferty{
			border-radius: 5vw;
			border: 6px solid #3f2835;
			
			height: auto;
    		max-width: 100%;
    		box-sizing: border-box;
		}


		#sklepPop #popup_ladowanie img{
			width: 60px;
			margin: 0 auto;
			display: block;
		  animation: spin 4s linear infinite; /* 2 sekundy na obrót, bez końca */
		}
		@keyframes spin {
		  from {
		    transform: rotate(0deg);
		  }
		  to {
		    transform: rotate(360deg);
		  }
		}


		#sklepPop #popup_ladowanie.ukryj{
			display: none;
		}
		#sklepPop #popup_ladowanie{
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    text-align: center;
			    margin: 10vw;
			    color: #fff;	
		}
		#sklepPop .popup_zawartosc.ukryj{
			opacity: 0;
		}

		#sklepPop h2,
		#sklepPop p{
			color: #fff;
			text-align: left;

		    line-height: 1.6em;
		    padding: 0px;
		    margin: 2px 0px;

		}

		#o_cena,
		#o_tytul{
			color: var(--kolor-niebieski);
		}

		#sklepPop .d_input label {
			    font-size: 14px;
			    line-height: 1.4em;
			    font-weight: bold;
			    padding: 5px;
			    padding-left: 20px;
			    text-align: left;
		}
	/*  POPUP  */



	/*Blog*/

		ul.aktualnosci{
			padding: 0px;
			margin:50px 0px;
			margin-bottom: 100px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 20px;
			list-style: none;
		}

		ul.aktualnosci li a{
			display: block;
			position: relative;
		}

		ul.aktualnosci li a div{
			position: relative;
			z-index: 1;
		}
		ul.aktualnosci li a h2{
			position: absolute;
			z-index: 2;
			bottom: -20px;
			background: var(--kolor-glowny);
			color: #fff;
			font-size: 16px;
			clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
			width: calc(100% - 30px);
  			padding: 15px;


			-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.aktualnosci li a:hover h2{
			background: #010000;

		}

		ul.aktualnosci li a div img{
			max-width: 100%;
		}

		#blog ul.aktualnosci li:last-child{
			display: none;
		}

	/*Blog*/

	/*Podstrony informacyjne*/

		.box_form{
			
		}

		.box_form .header_form{
			display:flex;
			grid-gap: 0px;
			align-items: center;
		}

		.box_form .header_form div{
			flex: auto;
			padding: 2vw;

			display: grid;
			grid-template-columns: 80px 1fr;
			align-items: end;
			gap: 20px;
			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;
		}

		.box_form .header_form div:hover{

			border-radius: 2vw 2vw 0px 0px;
			background-color: rgba(0, 0, 0, 0.05);
		}

		.box_form .header_form div span{
			font-size: 24px;
			font-weight: 500;
			line-height: 30px;
			text-align: left;
		}

		.box_form .header_form div.h_show{
			border-radius: 2vw 2vw 0px 0px;
			background-color: rgba(0, 0, 0, 0.1);
		}

		.box_form .header_form div.h_show span{
			color:var(--kolor-rozowy);
		}

	
		.box_form .form_b{	
			
			border-radius: 0px 0px 2vw 0px;
			height: 0px;
			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;
		}

		.box_form .form_b .zz{
			background-color: rgba(0, 0, 0, 0.1);
			padding: 2vw;
		}

		.box_form .form_b.form_show{
			height: auto;
		}



		.ikony_podstron{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 20px;

		}


		.ikony_podstron a{
			display:block;
			overflow: hidden;
		}
		.ikony_podstron a img{
			float:left;

			width: 100%;
		}
		.ikony_podstron a aside{
			background-color: #f2f2f2;
			padding: 20px;

			float:left;
			width: 100%;
		}

		.ikony_podstron a aside h3{
			margin:0px;
			font-size: 18px;
			font-weight: 500;
		} 

	

		.ozdoba_p_01{
			position: absolute;
			width: auto;
			max-width: 100%;
			left: -100px;
			bottom: -50px;
			transform: rotate(180deg);
			z-index: -1;
		}

		

		.naglowek_postrony{
			text-align: left;
			text-transform: uppercase;
	  		position: relative;
	  		position: relative;
			  z-index: 9;
			  background-size: auto 150%;
			  background-repeat: no-repeat;
			  background-position: right;
			  overflow: unset;
			  background-color: var(--kolor-niebieski);
			  margin:2vw 10vw;
			 
			  padding: 5vw;
			  border-radius: 5vw 5vw 5vw 0px;
			  color: #fff;
			  font-size: 20px;


		}



		.naglowek_postrony .klos{
			position: absolute;
		    z-index: 999;
		    right: 40px;
		    top: 0px;
		    height: 400px;
		}

		.naglowek_postrony img.lazyload{
			opacity: 0;
			transition: 1s;
		}
		.naglowek_postrony img.obr{
			position: absolute;
			width: 60%;
			z-index: -1;
			opacity: 0.8;
			transition: 1s;
			top: 0px;
			right: 0px;
		}

		/*.naglowek_postrony .nakladka_ng{
			position: absolute;
			z-index: 2;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;

			background-color: #f2f2f2;	
			border-radius: 0px 0px 30px 30px;
		}*/

		.naglowek_postrony .naglowek_postrony_tresc{
			position: relative;
  			z-index: 10;
  			max-width: 1400px;
 			margin: 0 auto;
 			text-align: left;
		}


		.podstrona{
			width: 1200px;
			margin: 50px auto;
		}

		.wiersz_caly{
			width: auto;
			margin: 0 10vw;
		}
		.podstrona.wiersz_2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 50px;
		}
		.kolor_niebieski .boks_produkty .produkt h3{
			background-color: var(--kolor-niebieski);
		}

		.podstrona .oferta{
			margin-right: 0px;
			margin-left: 0px;
		}

		.naw_kategorii{
			padding-bottom: 50px;
		}

		.naglowek_postrony h1{
			color: #fff;
			font-family: var(--czcionka);
			text-transform: none;
			font-size: 3vw;
			text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
			  line-height: 1.2em;
			margin: 0;

		}

		.naglowek_postrony h1 text{
			  -webkit-text-stroke: 8px #050505;
  			paint-order: stroke fill;

		}
		.podstrona h2{
			font-size: 36px;
			margin-top: 30px;
			color: #fff;
			-webkit-text-stroke: 6px #050505;
			paint-order: stroke fill;
		}	

		.ikony_oferty{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 20px;
		}

		.ikony_oferty a{
			display: block;
			border-radius: 30px;
			overflow: hidden;
		}


		.ikony_oferty h4{
			background-color: #077abd;
			  background-image: url('../img/tlo_rozklad_11_01.webp');
			  background-position: center bottom;
			  background-size: 100% auto;
			  color: #fff;
			  padding: 30px 30px;
			  margin: 0;
			  font-size: 22px;
			  text-align: center;
		}






	/*Podstrony informacyjne*/
	


	/** FOOTER **/
		
		
		.stopka_knt{
			background-color: #412734;
			margin: 5vw;
			margin-top: 200px;
			padding: 5vw;
			border-radius: 5vw 5vw 5vw 0px;

			color: #fff;
			font-size: 20px;
		}
		.stopka{
			display: grid;
			grid-template-columns: 1fr 300px;
			align-items: center;
		}


		.stopka a{
			color:#fff;
		}

		.stopka a i{
			color:var(--kolor-rozowy);
		}

		.stopka .toRight{
			text-align: right;
		}


	/** FOOTER **/


	/* Fromularz  */
		.regulations{
			font-size: 12px;
		}

		.regulations span{
			color:#fff;
			display:inline-block;
			line-height:1.3em;
		}

		.fw1{
			display: grid;
			grid-template-columns: 1fr;
			gap: 20px;
			margin: 10px 0px;
		}
		.fw2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
			margin: 10px 0px;
		}

		.d_input label{
			font-size: 16px;
			line-height: 1em;
			  padding-left: 20px;
		}
		.d_input input,
		.d_input select,
		.d_input textarea{
		  width: 100%;
		  box-sizing: border-box;
		  padding: 10px 20px;
		  border-radius: 20px 20px 20px 0px;
		  border: 0px;
		  font-family: var(--czcionka);
		  font-size: 18px;
		  background: rgba(255,255,255,0.8);
		  color: var(--kolor-czarny);
		}

		#form_submit{
			border: 0px;
			font-size: 24px;
			display: inline-block;


			-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;
		}
		#form_submit:hover{
			background-color:#fff;
		}

		.error_info,
		.error{
			font-size: 12px;
			line-height: 20px;
			color: #cc0000 !important;
			float: left;
		}

		#formInfo{
			font-size: 16px !important;
		}

		.d_submit{
			border: 0px;
		  	display: inline-block;
		  	width: 300px;
		  	margin-top: 20px;
		}

		.body_form .regulations span{
			color: #000;
		}


	/* Fromularz  */


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

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: static;
		    height: 40px;
		    width: 50px;
		    float: right;
		    top: -50px;
		    right: 0;
		}
		#menu_mobil .box_m {
		  border-radius: 2px;
		  position: relative;
		  /*top: 3px;*/
		  margin: 0 auto;
		}

		#menu_mobil .box_m {
		  width: 45px;
		  cursor: pointer;
		    margin-top: 5px;
		}

		#menu_mobil .box_m span {
		  display: block;
		  width: 100%;
		  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
		  height: 3px;
		  background: var(--kolor-rozowy);
		  transition: all .3s;
		  position: relative;
		}

		#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-rozowy);
		}

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

		.poziom_1,.poziom_2,.poziom_3,.poziom_4{
			display: none;
		}

		 .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: #fff;
			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: #fff;
			width: 20px;
			height: 3px;
			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 **/

	/** Inne **/
		.wp-block-column iframe{
			width: 100%;
		}
		.influ_galeria_img {
			transition: 0.2s;
			border-radius: 10px !important;
		}
		.influ_galeria_img:hover {
			transform: scale(1.025);
			transition: 0.2s;
		}
		.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: #f2f2f2;
		}
		.okruszki i {
			font-size: 10px;
			line-height: 18px;
		}
		.okruszki a.first{
			color:#f2f2f2;
			text-decoration:none;
		}
		.okruszki a.first:hover{
			color: var(--kolor-czarny);
			text-decoration:none;
		}
		.okruszki a.second{
			color:#f2f2f2;
			text-decoration:none;
		}
		.okruszki a.second:hover{
			color: var(--kolor-czarny);
			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;
		}

		#faq{
			overflow: hidden;
			background: rgb(243,243,243);
			  background: -moz-linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 100%);
			  background: -webkit-linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 100%);
			  background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 100%);
			    background-repeat: repeat;
			    background-size: auto;
			  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#f3f3f3",GradientType=1);
			  background-size: 90% 100%;
			  background-repeat: no-repeat;
		}
		.tresc.faq_schema {
			padding-top: 1px;
		}
		.tresc.faq_schema h2 {
			margin-top: 1em;
			margin-bottom: 0.5em;
		}
		.info_roz_knt {
			border: 1px solid #000;
			border-radius: 0px;
			overflow: hidden;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		.info_roz_ng {
			padding: 15px 25px 15px 25px;
			cursor: pointer;
			position: relative;
		}
		.info_roz_ng h3 {
			padding: 0px 10px 0px 0px;
			margin: 0px;
			font-size: 20px;
		}
		.info_roz_ng:before {
			display: block;
			content: '\f107';
			font-family: 'FontAwesome';
			position: absolute;
			padding: 15px;
			right: 5px;
			top: 1px;
			-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:before {
			transform: rotate(180deg) scale(0.7);
			-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 {
			border-top: 1px solid #ddd;
			padding: 15px 25px 15px 25px;
		/*	display: none;*/
		}		 
		.info_roz_tr p {
			font-weight: 500;
			line-height: 28px;
		  font-size: 18px;
		  color: #555;
		}

		.numery {
			font-size: 14px;
			color: #CCCCCC;
			margin-top: 15px;
			text-align: left;
			padding-top: 10px;
			clear: both;
			padding-left: 5px;
			position: relative;
			margin-left: 1vw;
			margin: 0px;
		  	padding: 0px;
		  	text-align: center;
		}
		.numery a {
			margin: 2px;
			text-decoration: none;
			background-color: #ccc;

			/*border-radius: 50%;*/
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 700;
			font-size: 16px;
			color: #fff;
			font-family: var(--czcionka);
			border-radius: 50%;
		}
		.numery a:hover {
			background-color: var(--kolor-czarny);
		}
		.pusty {
			margin: 2px;
			text-decoration: none;
			background-color: var(--kolor-glowny);

			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 700;
			font-size: 16px;
			color: #fff;
			font-family: var(--czcionka);

			border-radius: 50%;

		}


		.promocja_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;
			}
			.promocja {
				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: #fff;
				position: relative;
				/*margin: 14vh auto;*/
				overflow-x: hidden;
				border-radius: 10px;
			}
			.promocja_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: #fff;
				position: relative;
				border: 1vw solid #ffffff; 
				border-radius: 10px;
			}
			.promocja p {
				margin: 0px;
				padding: 0px;
			}
			.promocja img {
				max-width: 100%;
				margin: 0;
				max-width: 80vw;
				max-height: 70vh;
				width: auto;
				height: auto;
			}
			.promocja_zawartosc .zamknij_promocje{
				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: #fff;*/
				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%;
				background: var(--kolor-glowny);
  				color: #fff;
			}

			.promocja_zawartosc .zamknij_promocje i{
			  font-size: 28px;
			  line-height: 40px;
			}
			.promocja_zawartosc .zamknij_promocje: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;
			}


			.wp-block-gallery.partnerzy_loga figure.wp-block-image img{
				width: 80% !important;
  				margin: 0px 10%;
			}
	/** Inne **/


    .table-container {
        overflow-x: auto;
        border-radius: 10px;
/*  		border: 2px solid var(--kolor-glowny);*/
    }
    
    .table-container  table {
        width: 100%;
        border-collapse: collapse;
    }
    
    .table-container th,
    .table-container td {
        padding: 8px;
        border-bottom: 1px solid #ddd;
        text-align: left;
        text-align: center;
    }
    
    .table-container th {
        background-color: #f2f2f2;
    }
    .table-container tr:hover,
    .table-container tr:focus {
        background-color: #f2f2f2;
    }
    
    .table-container td:nth-child(2),
    .table-container th:nth-child(2),
    .table-container td:first-child,
    .table-container th:first-child {
        position: sticky;
        left: 0;
        background-color: var(--kolor-glowny);
        z-index: 1;
        color: #fff;
        max-width: 250px;
        min-width: 30px;
        text-align: left;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    	color: #000 !important;
    	background:none  !important;
    	position: static  !important;
    }


    .wp-block-columns.produkty .wp-block-column p strong{
    	align-items: center;
  		display: flex;
    }

    .wp-block-columns.produkty .wp-block-column p strong img{
    	border-radius:50%;
    	margin-right: 20px;
    }



/* Fromularz poup */
	.formularzPopTlo {
		width:100%;
		background-color:rgba(0,0,0,0.90);
		/* background-color:rgba(255,255,255,0.95);*/
		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;
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a {
		color: var(--kolor-glowny);
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a:hover {
		color: var(--kolor-czarny);
	}
	.formularzPopZawartosc {
		display: inline-block;
		max-width: 80vw;
		max-height: 80vh;
		margin: 9vh auto;
		box-shadow: none;
		width: auto;
		height: auto; 
		font-weight: 500;
		position: relative;
	}
	#formularzPop {
		width: auto;
		padding: 65px;
		background-color: #fff;
		font-size: 16px;
		max-width: 80vw;
		max-height: 76vh;
		max-height: calc(80vh - 2vw);
		box-shadow: none;
		width: auto;
		height: auto;
		font-weight: 500;
		background-color: #fff;
		overflow-x: hidden;
		text-align: left;
		display: grid;
		grid-template-columns: 3fr 2fr;
		grid-gap: 60px;
		background-image: url(../img/tlo_form_popup.webp);
		background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	#formularzPop h2 {
		margin-top: 0px !important;
	}
	#formularzPop p {
		font-size: 20px;
	}
	#formularzPop i.formularzPopZamknij {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 24px;
		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 i.formularzPopZamknij:hover {
		transform: rotate(90deg) scale(1.1);
		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;
	}
	.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 .formInput{
		margin-bottom: 10px;
	}
	#formularzPop .formBtn{
		font-size: 16px;
	}
	#formularzPop .formularzPopRegKnt{
		font-size: 13px;
	}
	#formularzPop .formularzPopRegKnt input{
		filter: grayscale(100%);
	}
/* Fromularz poup */

.vdw_galler a.item{
	opacity: 0.6;
	filter: grayscale(100%);
}
.vdw_galler a.item:hover{
	opacity: 1;
	filter: grayscale(0%);
}

.disabled {
	opacity: 0.75;
	pointer-events: none;
	filter: grayscale(100%);
}

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright {
    display: table;
    width: 100%;
}
.wp-block-image .alignright,
.wp-block-image.alignright {
    text-align: right;
}
.wp-block-image .alignleft,
.wp-block-image.alignleft {
    text-align: left;
}


.owl-theme .owl-dots .owl-dot span{
	width: 15px !important;
	height: 15px !important;
	border: 3px solid #fff;
	background-color: #fff !important;
}
.owl-theme .owl-dots .owl-dot.active span{
	background-color: #c2960a !important;
}

.border_0 img{
	border-radius: 0px !important;
}

.obrysRR mark{
	-webkit-text-stroke: 4px #050505;
  	paint-order: stroke fill;
  	margin-right: 1px;
}