	fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

	/* ==========================================================================
	   influencja.pl
	   ========================================================================== */

	:root {
	  --kolor-glowny: #272330;
	  --kolor-czarny: #000;
	  --kolor-bialy: #fff;
	  --kolor-brazowy: #934929;
	  --kolor-szary: #404549;
	  --kolor-jasnoszary: #626262;
	  --kolor-bladoszary: #b7b7b7;

	  --kolor-ciemnoszary: #3c321f;
	  --kolor-ciemnoszarya: #504839;

	  --kolor-zielony: #71a500;
	  --kolor-czerwony: #cf2229;
	  --kolor-czerwony2: #bd2428;
	  --kolor-zolty: #d09b32;

	  --kolor-tlo: #f4f3f0;

	  --kolor-separatora: #CFCFCD;

	  --cien:  rgba(0,0,0,0.2);

	  --brrad: 50px;
	  --anim: 0.2s ease-in-out;
	  

	  --czcionka: 'Montserrat', sans-serif;
	  --czcionka2: 'Berkshire Swash', sans-serif;

	  --font-size-14px: 14px;
	  --font-size-15px: 15px;
	  --font-size-16px: 16px;
	  --font-size-17px: 17px;

	  --font-size-18px: 18px;
	  --font-size-20px: 20px;
	  --font-size-24px: 24px;
	  --font-size-30px: 30px;
	  --font-size-40px: 40px;
	  --font-size-48px: 48px;
	  --font-size-60px: 60px;
	  --line-height-28px: 28px;
	  --line-height-50px: 50px;
	}

	:focus {
		outline: none;
	}
	.czcionka{
		font-family:var(--czcionka) !important;
	}
	.czcionka2{
		font-family:var(--czcionka2) !important;
	}
/*
.leaflet-tile-container{
	filter: hue-rotate(246deg) !important; 
}*/



	/* WP core classes*/
		.wp-block-embed-youtube {
		    position: relative;
		    padding-bottom: 56.25%;
		    padding-top: 0px;
		    width: 100%;
		    height: 0;
		    overflow: hidden;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    margin-top: 0px !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 {
			/*width: 80%;*/
			max-width: 80%;
		}
		.wp-block-quote.is-style-large,
		.wp-block-quote {
			margin-left: 30px;
			padding-left: 30px;
			font-size: var(--font-size-15px);
		}
		.wp-block-quote cite {
			font-size: var(--font-size-14px);
		}
		.wp-block-pullquote:before {
			display: none;
		}
		.wp-block-pullquote {
			padding-top: 30px;
			padding-bottom: 30px;
			margin: 30px;
			border-top: 2px solid var(--kolor-czerwony);
			border-bottom: 2px solid var(--kolor-czerwony);
			font-size: var(--font-size-24px);
		}
		.wp-block-pullquote cite {
			font-size: var(--font-size-20px);
		}
		.wp-block-pullquote.is-style-solid-color {
			text-align: left;
			padding-left: 20%;
			padding-left: 20%;
		}
		.wp-block-verse {
			margin-left: 30px;
			padding-left: 30px;
			padding-top: 30px;
			padding-bottom: 30px;
			border: none;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka2);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		a {
		    color: var(--kolor-glowny);
		}

		@media only screen and (max-width: 500px) {    
			.wp-block {
				width: 90%;
				max-width: 90%;
			}
		}

		section{ padding:0px; }
		button:hover {
			text-decoration: none;
		}
	 	.wp-block-columns{
	 		align-items: normal;
	 	}
	/* WP core classes*/

	/* WP influ classes*/
		.influ_galeria_img {
			cursor: pointer;
		}
		.influ_galeria_img:hover {
			transform: scale(1.05);
		}
		.wp-block-image .influ_galeria_img:hover {
			transform: scale(1.025);
		}
		.wp-block-gallery .influ_galeria_img {
/*			border-radius: var(--brrad);*/

		}
 	/* WP influ classes*/


	h4,
	h5,
	h6 {
	 font-weight:600;
	}	

	h1, h2, h3, h4, h5, h6, .faux-heading { letter-spacing:normal; }
 	.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1 {
		font-size:3.58333rem;
		font-family: var(--czcionka2);
 	}

 	.tlo_transparentne h2, .block-editor-writing-flow h2, h2 {
		font-size:var(--font-size-30px);
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3, h3 {
		font-size:var(--font-size-24px);
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4, h4 {
		font-size:var(--font-size-20px);
	}
 	.tlo_transparentne h5, .block-editor-writing-flow h5, h5 {
		font-size:var(--font-size-18px);
	}
 	.tlo_transparentne h6, .block-editor-writing-flow h6, h6
 	{
		font-size:var(--font-size-16px);
	}
	.tlo_transparentne p.btn a,
	.block-editor-writing-flow  p.btn a{
      position: relative;
      display: inline-block;
      text-transform: uppercase;
      font-size: var(--font-size-18px);
      font-weight: 700;
      line-height: 3vw;
      padding-left: 1vw;
      border: none;
      cursor: pointer;
      color: var(--kolor-glowny);
	}
	.tlo_transparentne p.btn a:before,
	.block-editor-writing-flow  p.btn a:before { 
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		position: absolute;
		margin-left: -1.5vw;
	}
	.tlo_transparentne p.btn.telefon a:before,
	.block-editor-writing-flow.telefon  p.btn a:before { 
		content: "\f095";
		margin-left: -1.1vw;
	}
	.tlo_transparentne p.btn.telefon a,
	.block-editor-writing-flow.telefon  p.btn a,
	.tlo_transparentne p.btn.email a,
	.block-editor-writing-flow.email  p.btn a {
		text-transform: none;
		line-height: normal;
	}
	.tlo_transparentne p.btn.email a:before,
	.block-editor-writing-flow.email  p.btn a:before { 
		content: "\f303";
		margin-left: -1.1vw;
	}
	.tlo_transparentne p.btn a:hover,
	.block-editor-writing-flow  p.btn a:hover{
      color: var(--kolor-czarny);
      padding-left: 1.5vw;
	}
	.tlo_transparentne p.powrot,
	.tlo_transparentne p.btn.powrot,
	.block-editor-writing-flow  p.btn.powrot{
	 text-align: right;
	}
	.tlo_transparentne p.powrot a {
     padding: 0px 0px 0px 10px;
	}
	.tlo_transparentne p.powrot a::hover,
	.tlo_transparentne p.btn.powrot a::hover,
	.block-editor-writing-flow  p.btn.powrot a::hover{
      text-decoration: none;
      padding: 0px 10px 0px 0px;
      color: var(--kolor-czarny);
	}

	


	p {
	    /*font-size: 1.3vw;*/
	    /*font-weight: 400;*/
	}
	.czcionka {
		font-family: var(--czcionka) !important;
	}


	body.influ {
		font-family: var(--czcionka);
		color: var(--kolor-glowny);
		letter-spacing: normal;
		background-color: var(--kolor-tlo);
		font-size: var(--font-size-16px);
	}
	body.influ p,
	body.influ li,
	body.influ table td,
	body.influ table th {
		font-family: var(--czcionka);
		color: var(--kolor-szary);
		font-size: var(--font-size-20px);
		line-height: 1.6em;
		font-weight: 400;
	}
	/*body.influ button {
		color: var(--kolor-bialy);
		box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
		background-color: var(--kolor-ciemnoszarya);
		border-radius: 20px;
		font-weight: 400;
		font-size: var(--font-size-15px);
		text-transform: none;
		margin-right: 5px;
		padding: 4px 15px 4px 15px;
	}
	body.influ button:hover {
		box-shadow: 5px 5px 10px rgba(0,0,0,0);
		opacity: 0.9;

	}
	body.influ button.aktywny,
	body.influ button.aktywny:hover {
		color: var(--kolor-bialy);
		box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
		background-color: var(--kolor-ciemnoszarya);
	}*/
	body.influ table td.alignRight {
		text-align: right;
	}
	body.influ {
		margin: 0px;
		padding: 0px;
		color: #000;
		width: 100%;
		/*max-width: 100vw;
		overflow-x: hidden;*/
		background-color: #f4f3f0;
		font-weight: 400;
		height: auto;
		position: absolute;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 70% auto;
	}
	body.influ.zaladowanaZawartosc {
		background-position: -2000px top;
	}
	#ladowanie_knt {
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 4px;
		position: absolute;
		z-index: 999;
		background-color: #fff;
		/*border: 1px solid #cc0000;*/
		overflow: hidden;
		max-width: 100vw;
		overflow-x: hidden;
		/*opacity: 0.5;*/
	}
	#ladowanie, .ladowanie {
		text-align: center;
		background-color: #fff;
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: #666666;
		font-size: 13px;
		pointer-events: none;
		max-width: 100vw;
		overflow-x: hidden;
	}
	.ladowanieEdytorka {
		position: absolute;
		background: #FFF9;
		pointer-events: all;
	}
	#ladowanieZawartosc img, .ladowanieZawartosc img{
		/*width:80px;*/
		height: auto;
	}
	#ladowanieZawartosc, .ladowanieZawartosc {
		padding-top: 40vh;
		width: 100px;
		margin: auto;
		position: relative;
	}
	#ladowanieZawartosc img, .ladowanieZawartosc img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}
	#ladowanieZawartosc img.spin, .ladowanieZawartosc img.spin {
		position: absolute;
	}

	.spin {
	  animation-name: spin;
	  animation-duration: 1000ms;
	  animation-iteration-count: infinite;
	  animation-timing-function: ease-in-out;
	}

	@keyframes spin {
	    from {
	        transform:rotate(0deg);
	    }
	    to {
	        transform:rotate(360deg);
	    }
	}

	body.influ a, a * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration: none;
		cursor: pointer;
	}
	body.influ a:hover, a:hover * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration: none !important;
		text-decoration-color: transparent;
	}

	.wp-block-column {
	    margin: 1vw;
	    position: relative;
	}
	.wp-block-gallery img, .wp-block-image img{
		/*border-radius: 10px;*/
	}
	.wp-block-galler, 
	.wp-block-image, 
	.wp-block-embed, 
	iframe, 
	.wp-block-media-text {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.wp-block-media-text {
		border-radius: 50px !important;
		overflow: hidden;
	}
 	.wp-block-media-text .wp-block-media-text__content {
		padding: 30px;
	}
	.wp-block-media-text__media img,
	.wp-block-media-text__media {
		border-radius: 50px !important;
		overflow: hidden;
	}
	.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
		font-size: 1em;
	}
	.img_zima,
	.img_lato {
		margin-bottom: 0px !important;
		cursor: pointer;
	}
	.wp-block-image.img_lato {
		position: absolute;
		width: 100%;
		opacity: 0;
	}
	.blocks-gallery-grid {
		margin-bottom: 0px !important;
	}

 	/** HEADER **/

		#glowny_naglowek_knt {
			position: absolute;
			top: -50px;
			left: 0px;
			right: 0px;
			z-index: 600;
			background-color: var(--kolor-tlo);
			padding: 60px 20px 00px 20px;

			/*border: 10px solid var(--kolor-tlo);*/
			margin: 0px 9%;
			border-top: 0px;
			border-radius: 0px 0px var(--brrad) var(--brrad);
			border: 10px solid var(--kolor-tlo);
/*			outline: 10px solid var(--kolor-tlo);*/
			box-shadow: 5px 5px 25px var(--cien) inset;
		}
		#glowny_naglowek {
		    background-size: auto 100% ;
		    background-position: center center;
		    background-repeat: no-repeat;
			padding:0px 50px;
			display: grid;
			grid-template-columns: 500px 1fr;
			align-items: center;
			position: relative;
			z-index: 700;
			margin: 0px;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}
		.zIndex0{
			z-index: 0 !important;
		}

		#logo {
			padding-left: 30px;
		}

		#logo a img{

		    margin: 0px;
		    padding: 0px;
		    width: auto;

		}

		#topbar{
			background: red;
			position: static;
			width: 100%;
			text-align: center;
			color: #fff;
			font-weight: bold;
			font-size: var(--font-size-16px);
			padding: 3px;
			margin-bottom: 15px;
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			z-index: 601;
		}
		#topClose{
			position: absolute;
			right: 5px;
			top: 3px;
			cursor: pointer;
		}

		#menu_mobil {
		    display: none;
		}
		#menuGlowne {
			margin-top: 0px;
			padding-top: 10px;
			padding-bottom: 10px;

		}

		#menuGlowne ul{
		    font-family: var(--czcionka);
		    margin: 0px;	    
		    background-position: center top;
		    background-size: cover;
		    padding: 0px 50px;
		    width: auto;
		}
		#menuGlowne ul{ 
		    list-style: none;
		    position: relative;
		    height: auto;
		    display: flex;
		}

		#menuGlowne ul li{
			flex: 1;
			float: left;
			margin: 0;
			text-align: center;
			height: auto;
		}

		#menuGlowne ul li a.ikona_produktu {
			text-align: center;
		}
		#menuGlowne ul li a.ikona_produktu picture,
		#menuGlowne ul li a.ikona_produktu img{
			 width: 50px;
 			 margin: 0 auto;
 			 display: block;
		}
		#menuGlowne ul li a.ikona_produktu picture svg{
			fill: #4e4533;
		}
		#menuGlowne ul li a.ikona_produktu aside{
			height: 50px;
			display: flex;
			align-items: center;
			width: 100%;
		}
		#menuGlowne ul li a.ikona_produktu span{
			color: #000;
			text-transform: none;
			padding: 0px;
			display: block;
			font-size: 13px;
			line-height: 1.05em;
			width: 100%;
		}
		#menuGlowne ul li a.ikona_produktu.ikona_zolta span{
			color: var(--kolor-zolty);
		}
		#menuGlowne ul li a.ikona_produktu.ikona_zolta picture svg{
			fill: var(--kolor-zolty);
		}

		#menuGlowne ul li a.ikona_produktu.ikona_czerwony span{
			color: var(--kolor-czerwony);
		}
		#menuGlowne ul li a.ikona_produktu.ikona_czerwony picture svg{
			fill: var(--kolor-czerwony);
		}

		#menuGlowne ul li a.ikona_produktu.ikona_zielona span{
			color: var(--kolor-zielony);
		}
		#menuGlowne ul li a.ikona_produktu.ikona_zielona picture svg{
			fill: var(--kolor-zielony);
		}


		#menuGlowne ul li.menu_wiecej{
			flex:120px;
		}
		#menuGlowne ul li.promocjeBTN{
			/*background-image: url('../img/promocje_09.webp');*/
			background-size:274px 119px ;
			height: 119px;
			width: 274px;
		    float: right;
		    position: absolute;
		    right: 15vw;
		    top: -30px;
		}
		#menuGlowne ul li.promocjeBTN a{
			text-align: center;
		    width: 100%;
		    display: block;
		    line-height: 115px;
		    margin: 0px;
		    font-size: var(--font-size-20px);
		}


		#menuGlowne ul li:not(:first-child) {
		}
		#menuGlowne ul li a{ 
			color: #fff;
			font-size:var(--font-size-15px);
			font-weight: bold;
			text-transform: uppercase;
			padding: 5px 10px 5px 10px;
			margin: 0px 5px 0px 5px;
			display: block;
			border-radius: 20px;
			background: rgba(218,179,103,0);
		}

		#menuGlowne ul li a.aktywneMenu, 
		#menuGlowne ul li a:hover{
			background: rgba(218,179,103,1);
			box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
		} 

		#menuGlowne ul li a.aktywneMenu span, 
		#menuGlowne ul li a:hover span{
			color: #000 !important;
		}
		#menuGlowne ul li a.aktywneMenu picture svg, 
		#menuGlowne ul li a:hover picture svg{
			fill: #000 !important;
		}

		#menuGlowne ul li a:hover{ 
			color: #000
			/*padding-right: 0.3vw;*/
			/*padding-left: 0.7vw;*/
		}
		.menuGlowne ul li ul,
		#menuGlowne ul li ul{
			position: absolute;
			list-style: none;
			background-color: var(--kolor-bialy);
			z-index: 999;
			width: 250px;
			height: auto;
			padding: 15px 0px 15px 0px;
			margin: 10px 0px 0px -10px;
			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: 5px 5px 10px rgba(0,0,0,0.2);   
			border: 1px solid #ececed;
			/*display: grid;*/
			/*grid-template-columns: 1fr 1fr;*/
			display: block;

		}

		.menuGlowne ul li ul li,
		#menuGlowne ul li ul li{
			text-align: left;
		}
		.menuGlowne ul li ul.aktywne,
		#menuGlowne ul li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 1;
			z-index: 602;
			-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;
		}
		#menuGlowne ul li ul li{
			width: 100%;
			margin:0px;
			padding: 0px 10px 0px 10px;
			border: none;
			/*border: 1px solid #cc0000;*/
		}



		/*#menuGlowne ul li ul li:first-child{
			padding: 45px 30px 5px 30px;
		}
		#menuGlowne ul li ul li:last-child{
			padding: 5px 30px 25px 30px;
		}*/
		#menuGlowne ul li ul li .material-icons{
			font-size: var(--font-size-17px);
			color: var(--kolor-szary);
			float: right;
			display: block;
			margin-top: 4px;
		}

		#menuGlowne ul li ul li a{
			display: block;
			font-size: var(--font-size-16px);
			line-height: 17px;
			text-transform: none;
			letter-spacing: 0px;
			color: #fff;
			/*font-weight: bold;*/
			color: var(--kolor-szary);
			padding: 10px 5px 10px 20px;
		}

		#menuGlowne ul li ul li a:hover{
			background-color: rgba(255,255,255,1);
			color: var(--kolor-czerwony);
			/*padding: 5px 15px 5px 25px;*/
			opacity: 1;
			padding: 10px 0px 10px 25px;
		}
		#menuGlowne ul li ul li a:before{
			font-family: "Font Awesome 5 Free";
			font-size: 9px;
			position: absolute;
			margin-top: 0px;
			content: "\f054";
			margin-left: -15px;
			color: var(--kolor-czerwony);
		}

		#menuJezykow img{
		  width: 30px;
		  height: auto;
		  margin-top: 22px;
		  margin-left: 5px;
		}

		.menuGlowne ul li ul.aktywneJezyki{
			background: none;
		    width: 100px;
		    grid-template-columns: 1fr;
		    padding: 0px;
		    border: 0px;
		    box-shadow: none;
		    margin-left: -41px;
		}

		.menuGlowne ul li ul.aktywneJezyki .jezyki{
			cursor: pointer;
		}

		.menuGlowne ul li#menuWalut a,
		.menuGlowne ul li#menuWalut a:hover{
			color: #fff !important;
			display: inline-block;
		}

		.menuGlowne ul li ul.aktywneWaluty{
			background: none;
		    width: 100px;
		    grid-template-columns: 1fr;
		    padding: 0px;
		    border: 0px;
		    box-shadow: none;
		    margin-left: -41px;
		    margin-top: -15px;
		}

		.menuGlowne ul li ul.aktywneWaluty .jezyki{
			cursor: pointer;
		}
		.menuGlowne ul li ul.aktywneWaluty li a{
			color: #fff;
		}
		.menuGlowne ul li ul.aktywneWaluty li a:hover{
			transform: scale(1.3);
			color: #fff;
		}

		.szukaj ul{
			margin: 0px;
			list-style: none;
		}

		ul.panelKlienta {
		    width: auto;
		    float: right;
		    padding: 0px;
		    margin: 0px;
		    margin-top: 20px;
		    margin-bottom: 20px;
		}

		ul.panelKlienta li {
		    float: right;
		    color: #fff;
		    padding: 0px 10px;
		    font-size: 22px;
		    text-align: center;
		    list-style: none;
		    margin: 0px;
		    background-repeat: no-repeat;
		    height: 40px;
		    color: #fff;
		}

		ul.panelKlienta li.displayBar{
			display: none;
		}
		ul.panelKlienta li.ulubioneH{
			position: relative;
			margin-left: 40px;
		}
		ul.panelKlienta li:nth-child(2n) {
		}

		ul.panelKlienta li a i {
		    color: #000;
			/*margin-top: 10px;*/
			padding: 8px 10px 10px 8px;
		}
		ul.panelKlienta li a span.ileProduktow {
		    background: var(--kolor-czarny);
		    position: absolute;
		    line-height: 12px;
		    padding: 0px;
		    font-size: 12px;
		    border-radius: var(--brrad);
		    color: #fff;
		    font-weight: bold;
		    min-width: 10px;
		    text-align: center;
		    top: 0px;
		    left: 50px;
		    opacity: 0.9;
		    word-break: normal;  
		    width: auto;
 			min-width: 20px;
		    height: 20px;
		    line-height: 20px;
		    font-family: var(--czcionka);
		}
		ul.panelKlienta li a:hover{ 
			color: var(--kolor-czerwony) !important;
		}
		ul.panelKlienta li a:hover i{ 
			transform: scale(1.2);
		}

		ul.panelKlienta li a.wyszukiwarka {
			display: block;
			padding: 0px 20px;
			border: 2px solid #f2f2f2;
			border-radius: 20px;
		}

		ul.panelKlienta li a.wyszukiwarka i{
			margin: 0px;
		}
		ul.panelKlienta li img {
			display: inline-block;
			transform: scale(1) rotate(0deg);
		}
		ul.panelKlienta li img:hover {
			transform: scale(1) rotate(5deg);
		}
		ul.panelKlienta li span {
			font-size: 14px;
			font-weight: bold;
		}

		.wyszukiwarkaMINI{
			display: none;
		}
		.box_kontakt{
			position: absolute;
			z-index: 701;
			top: 0px;
			right: 0px;
			background-color: #fff;
			overflow: hidden;
			padding: 0px 5px 0px 5px;
			padding-right: 2vw;
			padding-left: 2vw;

			clip-path: polygon(0% 0, 100% 0%, 100% 100%, 20px 100%);
		}	
		.box_kontakt a{
			color: var(--kolor-glowny);
			padding:  2px 5px 2px 5px;
			padding-right: 10px;
			padding-left: 30px;

			float: left;
			font-weight: 600;
			line-height: 35px;
		}

		.box_kontakt a:hover{
			color: var(--kolor-czerwony);
		}
		.box_kontakt a.a_con i{
			display: none;
		}

		input[type="text"].formInputSzukaj {
			font-family: var(--czcionka);
			font-size: var(--font-size-14px);
			font-weight: 600;
			color: var(--kolor-czarny);
			background: transparent;
			/*width: calc(100% - 40px);*/
			width: 200px;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
			border-radius: 5px;
			/*float: right;*/
			padding: 0px;
			padding-right: 0px;
			/*line-height: 40px;*/
			display: inline-block;
		}

		i.formBtnSzukaj,
		input[type="submit"].formBtnSzukaj {
			display: inline-block;
			color: var(--kolor-czarny);
			font-size: var(--font-size-16px);
			font-weight: 600;
			width:30px;
			margin-top: 0;
			position: static;
			border: 0px;
			/*float: left;*/
			/*padding: 15px 25px;*/
			-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;
			padding: 10px;
			background-size: 100%;
			cursor: pointer;
		}

	/** HEADER **/

	/** MAPKA OSM **/

		.leaflet-marker-icon.lokalizacja,
		.leaflet-marker-icon.herb_wojewodztwa,
		.leaflet-marker-icon.herb_powiatu,
		.leaflet-marker-icon.herb_gminy{
			-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;
		}
		
		.leaflet-marker-icon{
			padding: 5px;
		}

		.leaflet-marker-icon:hover{
			padding: 0px;
			z-index: 3000 !important;
		}

		.leaflet-marker-icon.wybranyM{
/*			background: linear-gradient(0deg, rgba(60,50,31,1) 10%, rgba(115,108,95,1) 90%);*/
		}

		/*lokalizacja*/
			.zoom_5 .leaflet-marker-icon.lokalizacja{
				margin-left: -15px !important;
				margin-top: -40px !important;
				width: 30px !important;
				height: 40px !important;
			}
			.zoom_6 .leaflet-marker-icon.lokalizacja{
				margin-left: -15px !important;
				margin-top: -40px !important;
				width: 30px !important;
				height: 40px !important;
			}
			.zoom_7 .leaflet-marker-icon.lokalizacja{
				margin-left: -15px !important;
				margin-top: -40px !important;
				width: 30px !important;
				height: 40px !important;
			}
			.zoom_8 .leaflet-marker-icon.lokalizacja,
			.zoom_9 .leaflet-marker-icon.lokalizacja,
			.zoom_10 .leaflet-marker-icon.lokalizacja,
			.zoom_11 .leaflet-marker-icon.lokalizacja,
			.zoom_12 .leaflet-marker-icon.lokalizacja{
				margin-left: -30px !important;
				margin-top: -80px !important;
				width: 60px !important;
				height: 80px !important;
			}
		/*lokalizacja*/

		/*herb_wojewodztwa*/
	

			.zoom_5 .leaflet-marker-icon.herb_wojewodztwa{
				margin-left: -30px !important;
				margin-top: -30px !important;
				width: 60px !important;
				height: 60px !important;
			}
			.zoom_6 .leaflet-marker-icon.herb_wojewodztwa{
				margin-left: -40px !important;
				margin-top: -40px !important;
				width: 80px !important;
				height: 80px !important;
			}
			.zoom_7 .leaflet-marker-icon.herb_wojewodztwa{
				margin-left: -55px !important;
				margin-top: -55px !important;
				width: 110px !important;
				height: 110px !important;
			}
			.zoom_8 .leaflet-marker-icon.herb_wojewodztwa,
			.zoom_9 .leaflet-marker-icon.herb_wojewodztwa{
				margin-left: -100px !important;
				margin-top: -100px !important;
				width: 200px !important;
				height: 200px !important;
			}
			
			.zoom_10 .leaflet-marker-icon.herb_wojewodztwa,
			.zoom_11 .leaflet-marker-icon.herb_wojewodztwa,
			.zoom_12 .leaflet-marker-icon.herb_wojewodztwa{
				margin-left: -150px !important;
				margin-top: -150px !important;
				width: 300px !important;
				height: 300px !important;
			}
		/*herb_wojewodztwa*/


		/*herb_powiatu*/
			.zoom_5 .leaflet-marker-icon.herb_powiatu{
				margin-left: -10px !important;
				margin-top: -10px !important;
				width: 20px !important;
				height: 20px !important;
			}.zoom_6 .leaflet-marker-icon.herb_powiatu{
				margin-left: -13px !important;
				margin-top: -13px !important;
				width: 26px !important;
				height: 26px !important;
			}
			.zoom_7 .leaflet-marker-icon.herb_powiatu{
				margin-left: -20px !important;
				margin-top: -20px !important;
				width: 40px !important;
				height: 40px !important;
			}
			.zoom_8 .leaflet-marker-icon.herb_powiatu{
				margin-left: -30px !important;
				margin-top: -30px !important;
				width: 60px !important;
				height: 60px !important;
			}
			.zoom_9 .leaflet-marker-icon.herb_powiatu{
				margin-left: -40px !important;
				margin-top: -40px !important;
				width: 80px !important;
				height: 80px !important;
			}
			.zoom_10 .leaflet-marker-icon.herb_powiatu{
				margin-left: -55px !important;
				margin-top: -55px !important;
				width: 110px !important;
				height: 110px !important;
			}

			.zoom_11 .leaflet-marker-icon.herb_powiatu{
				margin-left: -100px !important;
				margin-top: -100px !important;
				width: 200px !important;
				height: 200px !important;
			}
			
			.zoom_12 .leaflet-marker-icon.herb_powiatu{
				margin-left: -150px !important;
				margin-top: -150px !important;
				width: 300px !important;
				height: 300px !important;
			}

			
		/*herb_powiatu*/

		/*herb_gminy*/
			.zoom_5 .leaflet-marker-icon.herb_gminy{
				margin-left: -5px !important;
				margin-top: -5px !important;
				width: 10px !important;
				height: 10px !important;
			}
			.zoom_6 .leaflet-marker-icon.herb_gminy{
				margin-left: -10px !important;
				margin-top: -10px !important;
				width: 20px !important;
				height: 20px !important;
			}
			.zoom_7 .leaflet-marker-icon.herb_gminy{
				margin-left: -12px !important;
				margin-top: -12px !important;
				width: 24px !important;
				height: 24px !important;
			}
			.zoom_8 .leaflet-marker-icon.herb_gminy{
				margin-left: -15px !important;
				margin-top: -15px !important;
				width: 30px !important;
				height: 30px !important;
			}
			.zoom_9 .leaflet-marker-icon.herb_gminy{
				margin-left: -25px !important;
				margin-top: -25px !important;
				width: 50px !important;
				height: 50px !important;
			}
			.zoom_10 .leaflet-marker-icon.herb_gminy{
				margin-left: -40px !important;
				margin-top: -40px !important;
				width: 80px !important;
				height: 80px !important;
			}
			.zoom_11 .leaflet-marker-icon.herb_gminy{
				margin-left: -90px !important;
				margin-top: -90px !important;
				width: 180px !important;
				height: 180px !important;
			}
			.zoom_12 .leaflet-marker-icon.herb_gminy{
				margin-left: -110px !important;
				margin-top: -110px !important;
				width: 220px !important;
				height: 220px !important;
			}

			.brak_herbu{
				z-index: 1 !important;
			}
		/*herb_gminy*/


		.mapaBox_1{
			height: 1000px; 
			box-shadow: 5px 5px 25px rgba(0,0,0,0.35) inset;
			border-radius: var(--brrad);
			margin: 3%;
			position: relative;
			/*background-image: url('../img/loader_t.webp');
			background-repeat: no-repeat;
			background-position: center center;*/
		}
		.mapaBox_1 .ladowanie_mapy{
			position: absolute;
			z-index: 0;
			width: 100%;
			height: 100%;
			left: 0px;
		}
		.mapa_box{
			box-shadow: 5px 5px 25px rgba(0,0,0,0.35) inset;
			border-radius: var(--brrad);
/*			margin: 3%;*/
			width: auto;
			overflow: hidden;

			position: relative;
			margin-bottom: 0px;
		}

		.mapa_box .nawigacja{
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			z-index: 499;


		  display: flex;
		  align-items: center;

		}

		.mapa_box .nawigacja button{
		  display: block;
		  width: 100%;
		  margin: 10px 0px;
			color: #fff !important;

		    background: rgb(60,50,31);
			background: -moz-linear-gradient(0deg, rgba(60,50,31,1) 10%, rgba(115,108,95,1) 90%);
			background: -webkit-linear-gradient(0deg, rgba(60,50,31,1) 10%, rgba(115,108,95,1) 90%);
			background: linear-gradient(0deg, rgba(60,50,31,1) 10%, rgba(115,108,95,1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c321f",endColorstr="#736c5f",GradientType=1);

			padding: 10px 20px 10px 20px;
			font-size: var(--font-size-24px);
			line-height: 40px;
			min-width: 60px;
			border-radius: 20px;
			box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
			font-weight: bold;
		}

		.mapa_box .nawigacja button span{
			font-size: var(--font-size-14px);
			line-height: 40px;
			display: inline-block;
		}

		.mapa_box .naw_prawa{
			right: 20px;
		}
		.mapa_box .naw_lewa{
			left: 20px;
		}

		.mapa_box .naw_prawa button {
			display: flex; 
			align-items: center;
			position: relative;
		}

		.mapa_box .naw_prawa button i{
			position: absolute;
			left: 10;
			top: 10;
		}

		.mapa_box .naw_prawa button span{
			padding-left: 40px;
			font-family: var(--czcionka);
		}


		.mapa_box .naw_prawa button {
			display: flex;
			align-items: center;
		}

		.mapa_box .nawigacja button.nie_aktywne{
			opacity: 0.6;
			background-color: #666;
		}
		.mapa_box .nawigacja button.aktywneBtn{
			background: rgb(189,35,39);
			background: -moz-linear-gradient(0deg, rgba(189,35,39,1) 10%, rgba(212,56,63,1) 90%);
			background: -webkit-linear-gradient(0deg, rgba(189,35,39,1) 10%, rgba(212,56,63,1) 90%);
			background: linear-gradient(0deg, rgba(189,35,39,1) 10%, rgba(212,56,63,1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd2327",endColorstr="#d4383f",GradientType=1);
		}

		.mapa_box button {

		}
		.mapa_box button:hover {
			color: #fff;
			transform: scale(1.1);
		}


		.mapa_box .cien_wew{
			position: absolute;
			top: 0px;
			bottom: 0px;
			width: 100%;
			z-index: 498;
			pointer-events: none;
			box-shadow: 5px 5px 25px var(--cien) inset;
		}

	/** MAPKA OSM **/


	/** MODAL  **/
		.mapa_modal {
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0);
			top: 0px;
			z-index: 1002;
			display: flex;
			align-items: 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;
		}
		.mapa_modal.pokaz {
			opacity: 1;
			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;
		}

		.mapa_modal_tlo{
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
			top: 0px;
			z-index: 1001;
			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;

		}
		.mapa_modal_tlo.pokaz{
			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;

		}

		.scrollY{
			overflow-y: auto;
			max-height: 80vh;
		}

		.mapa_modal .trescModala{
			position: static;
			width: 80%;
			background: rgb(60,50,31);
			background: -moz-linear-gradient(0deg, #f9f9f8 0%, rgba(255,255,255,1) 100%);
			background: -webkit-linear-gradient(0deg, #f9f9f8 0%, rgba(255,255,255,1) 100%);
			background: linear-gradient(0deg, #f9f9f8 0%, rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c321f",endColorstr="#ffffff",GradientType=1);

			box-shadow: 5px 5px 25px var(--cien);
			border-radius: var(--brrad);
			margin: auto;

			top: 0;
			bottom: 0;
			left: 0;
			right: 0;

			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;
			transform: scale(0);
		}
		.mapa_modal.pokaz .trescModala{
			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;

		}

		.mapa_modal header{
			padding: 20px 50px 5px 50px;
			overflow: hidden;

		}
		.mapa_modal header img{
			height: 35px;
			width: auto;
			float: left;
			
		}


		.wyplataForm{
			margin: 0px !important;
			box-shadow: 5px 5px 25px var(--cien) inset;
			padding: calc(var(--brrad)/2);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center top;
			color: var(--kolor-ciemnoszary);
			margin: 0px 0px 30px 0px;
			border-radius: calc(var(--brrad)/2);
		}

		input.nr_konta_input{
			padding: 10px 15px;
			font-size: var(--font-size-18px);
			border-radius: 20px;
		}
		.formBtn,
		.btnBox{
		    font-family: var(--czcionka);
			display: inline-flex;
			background-color: #f4f3f0;
			box-shadow:  5px 5px 25px var(--cien) inset;
			height: 35px;
			line-height: 35px;
			padding: 0px 0px 0px 20px;
			border-radius: 15px;
			font-weight: 700;
			text-transform: uppercase;
			color: #3c321f;
			font-size: var(--font-size-16px);
			cursor: pointer;
			border: none;
			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;
		}
		.formBtn:hover,
		.btnBox:hover,
		.formBtn:focus,
		.btnBox:focus{
			color: var(--kolor-czerwony);
			-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:  5px 5px 25px var(--cien) inset;
		}

		.btnBox.btnCz span{
			color: var(--kolor-czerwony);

		}

		button.formBtn:hover,
		button.btnBox:hover{
		}
		.formBtn i,
		.btnBox i{
			margin-left: 20px;
			flex-basis: 35px;
			background: linear-gradient(45deg, rgba(60,50,31,1) 0%, rgba(115,108,95,1) 50%, rgba(166,28,33,1) 50%, rgba(211,73,78,1) 100%);
			background-size: 300% 100%;
			background-position: left bottom;
			width: 35px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			color: #fff;
			border-radius: 0px 15px 15px 0px;
			box-shadow:  -8px 0px 15px var(--cien) ;
			-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;
		}
		.formBtn:hover i,
		.btnBox:hover i{
			background-size: 300% 100%;
			background-position: right top;		
			-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;
		}

		.lista_menu .zawartosc_lista a.btnBox.btnBoxPowrot {
			padding: 0px 20px 0px 0px !important;
			color: var(--kolor-czarny);
		}
		.lista_menu .zawartosc_lista a.btnBox.btnBoxPowrot i {
			margin-left: 0px !important;
			margin-right: 20px !important;
			border-radius: 15px 0px 0px 15px;
		}

		.btnBoxCz{
			font-size: var(--font-size-18px);
		}
		.btnBoxCz i{
			font-size: var(--font-size-18px);
			background: linear-gradient(45deg, rgba(166,28,33,1) 0%, rgba(211,73,78,1) 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
		}


		.btnBoxZloty{
			background: linear-gradient(45deg, #d5ab55 0%, #eace9b 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
		}
		.btnBoxZloty:hover{
			background: #fff;
		}


		.btnBox.zamknijM{
			float: right;
			height: 30px;
			line-height: 30px;
			font-size: var(--font-size-14px);
			word-break: keep-all;
			-webkit-transition: background 0.2s ease-out;
			-moz-transition: background 0.2s ease-out;
			-o-transition: background 0.2s ease-out;
			transition: background 0.2s ease-out;
		}
			
		.btnBox.zamknijM i{
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: var(--font-size-14px);
			-webkit-transition: background 0.2s ease-out;
			-moz-transition: background 0.2s ease-out;
			-o-transition: background 0.2s ease-out;
			transition: background 0.2s ease-out;
		}
			

		.mapa_modal .trescModala .doKreatora p{
			text-align: center;
			font-size: var(--font-size-18px);
			font-weight: 600;
			margin: 10px 0px 20px 0px;
		}


		.mapa_modal .trescModala .doKreatora .btnBoxCz{
			margin-left: 15px;
		}
/*
		.mapa_modal .trescModala .doKreatora .btnBoxCz i{
			background: rgba(218,179,103,1);
			background: linear-gradient(45deg, rgba(218,179,103,1) 0%, #eace9b 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
		}
		.mapa_modal .trescModala .doKreatora .btnBoxCz:hover i{
			background: linear-gradient(45deg, rgba(166,28,33,1) 0%, rgba(211,73,78,1) 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
		}
*/	


		.mapa_modal .trescModala .doKreatora .btnBoxCz{
			-webkit-animation: animacja-flicker 3s linear infinite both;
			        animation: animacja-flicker 3s linear infinite both;
		}

		.mapa_modal .trescModala .doKreatora .btnBoxCz:hover{
			-webkit-animation: none;
			        animation: none;
		}

		@keyframes animacja-flicker {
		  0% {
		  	  	background: #d6ab56;
		  }
		  80% {
		  	  	background: #d6ab56;
		  }
		  85% {
		  	  	background: #fff;
		  }
		  90% {
		  	  	background: #d6ab56;
		  }
		  95% {
		  	  	background: #fff;
		  }
		  100% {
		  	  	background: #d6ab56;
		  }
		}




		.mapa_modal .trescModala .sekcjaM_knt,
		.mapa_modal .trescModala .sekcjaM_knt{
			margin: 10px;
			padding: 30px;
			background-color: #f4f3f0;
			box-shadow:  5px 5px 25px var(--cien) inset;
			border-radius: var(--brrad);
		}
		.mapa_modal .trescModala .sekcjaM_knt .hrCien{
			margin-top: 30px;
			margin-bottom: 30px;
		}
		.mapa_modal .trescModala .sekcjaM{
			width: auto;
			display: grid;
			grid-template-columns: 1fr 3fr 0.7fr; 
			grid-gap: 20px;
		}
		.mapa_modal .trescModala .sekcjaM.brakHerbu{
			grid-template-columns: 1fr 3.7fr; 
		}

		.mapa_modal .trescModala .sekcjaM.infoHerb {
			grid-template-columns: 1fr;
			padding-left: 50px;
			padding-right: 50px;
		}

		.mapa_modal .trescModala .sekcjaM .produktyM{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr; 
			grid-gap: 30px;
		}
		.produkt a,
		.mapa_modal .trescModala .sekcjaM .produktyM a{
			display: block;
			background: #fff;
			padding: 20px;
			height: 100%;
			text-align: center;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 15px var(--cien);
			font-weight: bold;
		}
		.produkt a:hover,
		.mapa_modal .trescModala .sekcjaM .produktyM a:hover{
			transform: scale(1.05);
		}
		.produkt a p,
		.mapa_modal .trescModala .sekcjaM .produktyM a p{
			margin-top: 5px;
			margin-bottom: 5px;
			font-weight: bold;
			font-size: var(--font-size-15px);
			line-height: 18px !important;
			height: 72px;
			overflow: hidden;
		}
		.produkt a p.cena,
		.mapa_modal .trescModala .sekcjaM .produktyM a p.cena{
			font-size: var(--font-size-20px);
			height: auto;
		}
		.produkt a p.cena span,
		.mapa_modal .trescModala .sekcjaM .produktyM a p.cena  span{
			text-decoration: line-through !important;
			font-size: var(--font-size-16px);
			font-weight: bold;
			color: var(--kolor-jasnoszary);
		}
		.mapa_modal .trescModala .sekcjaM .herbM {
			padding: 20px 0px 0px 0px;
		}
		.mapa_modal .trescModala .sekcjaM .herbMinfo {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.mapa_modal .trescModala .sekcjaM .herbM picture img{ 
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
		.mapa_modal .trescModala .sekcjaM .herbM h2{
			font-family: var(--czcionka2);
			font-size: var(--font-size-30px);
			text-align: center;
			margin-top: 20px;
			margin-bottom: 0px;
		}

		.mapa_modal .trescModala .sekcjaM .herbM span{
			display: none;
			text-align: center;

			font-size: var(--font-size-18px);
			font-weight: 600;
			margin-top: 10px;
			opacity: 0;

		}

		.mapa_modal .trescModala .sekcjaM .herbM span.pokazSpan{
			display: block;
			opacity: 1;
		}

		.infoM{
			display: grid;
			align-items: center;
		}
		.infoBox{
			text-align: center;
			cursor: pointer;
		}
		.infoBox a{
			font-weight: 600;
			color: var(--kolor-czerwony);
		}
		.infoBox:hover a{
			color: var(--kolor-czarny);
		}
		.infoBox img{
			margin: 20px auto;
			transform: scale(0.95);		
			-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;
		}
		.infoBox:hover img{
			transform: scale(1.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;
		}

	/** MODAL  **/

	/** LISTA PRODUKTÓW  **/
		.lista_produktow {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
			grid-gap: 30px;
		}
		.lista_produktow.strona_glowna_p {
			width: 82vw;
			margin: 2vw auto;
		}
		.lista_produktow.strona_glowna_p .projekt_img_knt img {
			border-radius: 25px;
			margin-bottom: 20px;
		}
		.lista_produktow.strona_glowna_p .produkt a {
			border-radius: 25px;
		}
		.lista_produktow.strona_glowna {
			width: 82vw;
			margin: 2vw auto;
			display: block;
		}
		.promocja_herb_knt {
			margin-top: 20px;
			margin-bottom: 40px;
		}
		.promocja_herb {
			padding: 30px;
			background-color: #f4f3f0;
			box-shadow: 5px 5px 25px var(--cien) inset;
			border-radius: var(--brrad);
		}
		.promocja_herb_knt .doKreatora{
			margin-top: 20px;
			text-align: center;

			align-items: center;
			display: flex;
		}
		.promocja_herb_knt .doKreatora p{
			font-weight: bold !important;
		}
		.lista_produktow .herb {
			position: relative;
			text-align: center;
		}
		.lista_produktow .herb a {
			display: block;
		}
		.lista_produktow .herb a:hover {
			display: block;
			transform: scale(1.03);
		}
		.lista_produktow .herb p {
			margin-left: 0px !important;
		}
		.lista_produktow .herb .nazwa_herbu {
			font-family: var(--czcionka2);
			margin-top: 15px;
			font-weight: bold;
			font-size: var(--font-size-30px);
			line-height: 36px;
		}
		.lista_produktow .herb .nazwa_promocji span {
			font-size: var(--font-size-14px);
		}
		.lista_produktow .herb .nazwa_promocji button {
			font-size: var(--font-size-14px);
		}

		.lista_produktow .herb .nazwa_promocji strong {
			color: var(--kolor-zielony);
		}
		.lista_produktow .herb .nazwa_promocji strong.kolor {
			color: var(--kolor-czerwony);
		}
		.lista_produktow .herb img {
			max-width: 70%;
			height: auto;
			display: inline-block;
			margin-bottom: 10px;
		}

	/** LISTA PRODUKTÓW  **/




	
	/** BANER **/

		#baner_knt{
			position: relative;
			margin: 0px 10vw;

		    background-image: url(../img/cien_08.webp);
		    background-size: 100% auto;
		    background-position: bottom center;
		    background-repeat: no-repeat;
		    padding-bottom: 20px;
		}
		#baner_knt #baner{
			width:100%; 
			position: relative;
			top: 0px; 
			z-index: 9;
		}
		#baner_knt #baner2{
			width:100%; 
			position: absolute;
			top: 0px; 
			z-index: 8;
		}


		#baner_knt #baner #slajder picture{
			display: block;
			width: 100%;
		}

		/*slajder_produktow*/
		.owl-item.active span{
			animation: unset !important;
			height: auto !important;
		}
		.owl-carousel.owl-drag .owl-item{
			padding: 25px;
		}

		.owl-theme .owl-nav {
		  margin-top: 10px;
		  position: absolute;
		  top: 0px;
		  width: 100%;
		  bottom: 40px;
		  z-index: -1;
		}
		.owl-theme .owl-nav.disabled + .owl-dots {
		  margin-top: 30px;
		}
		

		.owl-theme .owl-nav [class*="owl-"]{
			padding: 0px 10px;
			margin: 0px;
			border-radius: 0px;
		}

		.owl-theme .owl-nav button {
			right: -30px;
			position: absolute;
			top: 0;
			right: 0px;
			display: block;
			height: 100%;

			box-shadow: none;
			text-align: center;
		}

		.owl-theme .owl-nav button:hover{
			background: transparent !important;
		}

		.owl-theme .owl-nav button i{
			font-size: 26px;
			width: 50px;
			height: 50px;
			line-height: var(--line-height-50px);
			border-radius: 50%;
			background-color:#d7d6d6 ;

			-webkit-transition: 200ms linear all;
			-moz-transition: 200ms linear all;
			-o-transition: 200ms linear all;
			transition: 200ms linear all;
		}

		.owl-theme .owl-nav button i:hover{
			transform: scale(1.1);
			background-color: #666;
			color: #fff;
		}
		.owl-theme .owl-nav button.owl-prev {
			left: -50px;
			width: 50px;
		}
		.owl-theme .owl-nav button.owl-prev i{
			padding-right: 5px;
		}
		.owl-theme .owl-nav button.owl-next {
			right: -50px;
		}
		.owl-theme .owl-nav button.owl-next i{
			padding-left: 5px;
		}
		.owl-theme .owl-nav [class*="owl-"]:hover {
		  background: #fff;
		  color: #000;
		}


		.owl-theme .owl-dots {
			margin-top: 30px;
		}
		.owl-theme .owl-dots .owl-dot span{
			background-color: #fff;
			width: 13px;
			height: 13px;

			box-shadow: 0px 2px 5px #000 inset;
		}

		.slajder_produktow .owl-dots .owl-dot span{
			box-shadow: none;
			background-color: #dee1db;

		}
		.owl-theme .owl-dots .owl-dot.active span{
			background-color: var(--kolor-czerwony)
		}


		.baner.owl-carousel.owl-drag .owl-item {
			padding: 0px;
		}
		.baner.owl-carousel.owl-drag .owl-dots {
		    position: absolute;
		    right: 0px;
		    left: 0;
		    bottom: 20px;
		}
		.baner.owl-carousel.owl-drag .owl-dots .owl-dot span {
			/*border: 3px solid var(--kolor-bialy);*/
			width: 20px;
			height: 20px;
		}
		.baner.owl-carousel.owl-drag .owl-dots .owl-dot.active span {
			/*border: 3px solid var(--kolor-czerwony);*/
		}

		.baner_2024 {
			display: grid;
			grid-gap: 2.6%;
			grid-template-columns: 61.69% 35.71%;
			margin-left: calc(9% + 10px);
			margin-right: calc(9% + 10px);
			margin-top: 50px;
			margin-bottom: 40px;
		}
		.baner_2024 div.baner_2024_sl_knt{
			border-radius: var(--brrad);
			position: relative;
			overflow: hidden;
		}
		.baner_2024 div img{
			width: 100%;
			height: auto;
		}
		.baner_2024 div.baner_2024_opis_knt {
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			display: flex; 
			align-items: center; 
			justify-content: center; 
		}
		.baner_2024 div.baner_2024_opis {
			width: 37%;
			margin-right: 8%;
			margin-left: 55%;
			font-weight: bold;
		}
		.baner_2024 .baner_2024_sl_knt.baner_2024_mapka div.baner_2024_opis {
			width: 37%;
			margin-right: 55%;
			margin-left: 8%;
		}
		.baner_2024 div.baner_2024_opis h1,
		.baner_2024 div.baner_2024_opis h2 {
			font-family: var(--czcionka2);
			font-size: 60px;
			line-height: 72px;
			margin-top: 0px;
		}
		.baner_2024 .baner_2024_sl_knt.baner_2024_mapka div.baner_2024_opis h2 {
			margin-bottom: 50px;
		}
		.baner_2024 div.baner_2024_opis p {
			font-weight: bold;
			font-size: 19px;
			line-height: 24px;
		}
		.baner_2024 div.baner_2024_opis h1 strong,
		.baner_2024 div.baner_2024_opis h2 strong,
		.baner_2024 div.baner_2024_opis strong {
			color: var(--kolor-czerwony2);
		}
		.baner_2024 div.baner_2024_opis a {
			display: inline-block;
			color: white;
			background-color: #c3292d;
			background-image: linear-gradient(90deg, #bc2327, #c92e33);
			font-size: 16px;
			line-height: 18px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 20px 30px;
			border-radius: 15px;
			margin-left: 0px;
			margin-right: 5px;
		}
		.baner_2024 .baner_2024_opis_knt:hover div.baner_2024_opis a,
		.baner_2024 div.baner_2024_opis a:hover {
			margin-left: 5px;
			margin-right: 0px;
			filter: grayscale(100%);
		}
		.baner_2024 .baner.owl-carousel.owl-drag .owl-dots {
			left: unset;
			right: 40px;
		}
		.baner_2024 .baner.owl-carousel.owl-drag .owl-dots button {
			box-shadow: none !important;
		}
		.baner_2024 .owl-theme .owl-dots .owl-dot.active span {
			box-shadow: 0px 2px 5px rgba(0,0,0,0.4) inset;
		}
		.baner_2024 .owl-theme .owl-dots .owl-dot span {
			box-shadow: 0px 2px 5px rgba(0,0,0,0.8) inset;
		}

	/** BANER **/


	/** BLOG **/
		.tlo_transparentne.tlo_strona_blog{
			width: 72vw;
			margin: 2vw auto auto auto;
			text-align: justify;
		}
		.lista_menu{
			display: grid;
			grid-template-columns: 1fr 350px;
			grid-gap: 50px;
		}
		.lista_menu .zawartosc_lista a{
			color: var(--kolor-czerwony);
			border-bottom: 1px solid rgba(0,0,0,0);
		}
		.lista_menu .zawartosc_lista a:hover{
			color: var(--kolor-czarny);
			border-bottom: 1px solid rgba(0,0,0,0.6);
		}
		.zawartosc_lista_menu{
			background-color: var(--kolor-tlo);
			padding: 20px;
			margin: 0px;
			border-radius: var(--brrad) var(--brrad) var(--brrad) var(--brrad);
			border-top: 0px;
			box-shadow: 5px 5px 25px var(--cien) inset;
		}
		.zawartosc_lista_menu ul{
			margin: 0px;
		}
		ul.wpisy{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-column-gap: 3vw;
			grid-row-gap: 1vw;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

		.więcej_archiwalnych.WADOWN{
			transform: rotate(180deg);
		}
		.więcej_archiwalnych{
			background-color: #d7d6d6;
			color: #30302f;
			padding: 5px 10px;

		}

		.tlo_transparentne.tlo_strona_blog ul.wpisy{
			grid-template-columns: 1fr 1fr;
		}
		.tlo_transparentne.tlo_strona_blog ul.wpisy li:first-child{
			/* grid-column: 1 / -1; */
		}

		ul.wpisy li{
			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;
			border-radius: var(--brrad);
			position: relative;
		}


		ul.wpisy li aside div img{
			border-radius: var(--brrad);
		}
		ul.wpisy li h3{
			margin: 0px;
			font-size: var(--font-size-24px);
			margin-bottom: 10px;
			text-align: left;
			  color: #000;

		}
		ul.wpisy li .ts{
			padding: 30px;

		}
		ul.wpisy li 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;
		}
		ul.wpisy li img: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;
			transform: scale(1.03);
			box-shadow: 0px 0px 50px var(--cien);
		}
		.data_publikacji,
		ul.wpisy li .data_publikacji{
			position: absolute;
			margin-top: -45px;
			right: 30px;
			padding: 5px 20px;
			font-size: 12px;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}
		.menuBoczne {
			text-align: left;
		}
		.menuBoczne header {
			margin-bottom: 10px;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}
		.menuBoczne header h3 {
			font-size: var(--font-size-24px) !important;
			margin: 0px;
			padding: 10px 20px 10px 20px;
			font-family: var(--czcionka2);
		}
		.menuBoczne ul {
			margin-left: 10px;
			font-size: 17px !important;
		}
		.menuBoczne ul li {
			font-size: 17px !important;
		}
		.menuBoczne ul ul {
			margin-left: 0px;
			margin-top: 0px;
			font-size: 13px;
		}
		.menuBoczne ul ul li {
			font-size: 13px !important;
			margin-left: 1rem;
		}
		.menuBoczne li a {
			display: inline-block;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-right: 5px;
			font-size: var(--font-size-17px);
		}
		.menuBoczne li a:hover {
			padding-left: 5px;
			padding-right: 0px;
		}
		.menuBoczne .tagiBox {
			margin: 10px 10px 20px 25px;
			font-size: var(--font-size-18px);
		}
		.menuBoczne .resztaTagow {
			display: inline-block;
		}
		.menuBoczne .tagiBox a {
			display: inline-block;
			margin-right: 10px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.menuBoczne a:hover {
			color: var(--kolor-czerwony);
		}
		.menuBoczne .formKntSzukaj {
			position: relative;
			background-color: rgba(0,0,0,0.05);
			border-radius: 25px;
			margin: 0px 20px 20px 20px;
			padding: 10px 20px 10px 20px;
		}
		.menuBoczne .formKntSzukaj a {
			position: absolute;
			right: 20px;
		}
		.menuBoczne .formKntSzukaj a:hover {
			transform: rotate(-15deg);
		}
		.menuBoczne .formKntSzukaj .formInputSzukaj {
			width: 100%;
			font-size: var(--font-size-17px);
			font-weight: 500;
		}
		.archiwum_wpisow {
			margin-left: 10px;
			margin-bottom: 1.5rem;
		}
		.archiwum_wpisow button {
			margin-top: 10px;

		}
		.archiwum_wpisow a {
			display: block;
			font-size: var(--font-size-15px);
			padding: 3px 5px 3px 0px;
			margin: 0.5rem 0 0 2rem
		}
		.archiwum_wpisow a:hover {
			padding: 3px 0px 3px 5px;
		}
		.archiwum_wpisow a i{
			position: absolute;
			margin-left: -15px;
			margin-top: 3px;
		}
		.archiwum_wpisow a:hover i{
			margin-left: -20px;
		}
		.archiwum_drzewo ul,
		.archiwum_drzewo {
			margin-left: 20px;
			margin-top: 0px;
		}
		.archiwum_drzewo li {
			list-style: none;
			margin-left: 10px;
			position: relative;
		}
		.archiwum_drzewo li i {
			position: absolute;
			top: 2px;
			display: block;
			padding: 5px;
			cursor: pointer;
		}
		.archiwum_drzewo li i:hover {
			transform: scale(1.1);
			color: var(--kolor-czerwony);
		}
		.archiwum_drzewo li ul li i {
			top: 0px;
		}
		.archiwum_drzewo li i.aktywny {
			transform: rotate(90deg);
		}
		.archiwum_drzewo li i,
		.archiwum_drzewo li a {
			font-size: var(--font-size-17px);
			margin-top: 0px;
		}
		.archiwum_drzewo li ul li i,
		.archiwum_drzewo li ul li a {
			font-size: var(--font-size-16px);
		}
		.archiwum_drzewo li ul li ul li {
			margin-top: 0px;

/*			list-style: disc;*/
			margin-left: 25px;
		}
		.archiwum_drzewo li ul li ul li i{
			left: -20px;
			font-size: 6px !important;
			top: 5px;
			color: var(--kolor-czerwony);
		}


		.archiwum_drzewo li ul li ul li i,
		.archiwum_drzewo li ul li ul li a {
			font-size: var(--font-size-15px);
			margin-left: 5px;



		}
		.panel_knt button.aktywny,
		.panel_knt button.aktywny:hover {
			color: var(--kolor-bialy);
			box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
			background-color: var(--kolor-ciemnoszarya);
			/*background: linear-gradient(25deg, rgba(48,40,25,1) 0%, rgba(99,91,76,1) 100%);*/
		}
		.panel_knt .kolry button.aktywny,
		.panel_knt .kolry button.aktywny:hover {
			box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
		}
		ul.popularneWpisy {}
		ul.popularneWpisy li a {
			padding-left: 0px;
			padding-right: 0px;
		}
		ul.popularneWpisy li a:hover {
			padding-left: 0px;
			padding-right: 0px;
		}
		ul.popularneWpisy li {
			list-style: none;
			padding-left: 0px;
			padding-right: 0px;
			margin-left: 0px;
			margin-right: 0px;
			text-align: left;
		}
		ul.popularneWpisy li strong {
			display: block;
			margin-left: 10px;
		}
		ul.popularneWpisy li img {
			border-radius: 25px;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		ul.popularneWpisy li img:hover {
			transform: scale(1.05);
		}
		.wpisBaner {
			position: relative;
			margin-bottom: 50px;
		}
		.wpisBaner img {
			width: 100%;
			height: auto;
			border-radius: var(--brrad);
		}
		.wpisBaner .influ_galeria_img:hover {
			transform: scale(1.025);
		}
		.wpisBaner .data_publikacji {
			margin-top: -20px;
		}
		.zawartoscStrony a:hover{
			color: var(--kolor-czerwony);
		}
	/** BLOG **/

	/** MAIN **/
		.sliderPolecane span.etykieta.polecany{
			display: none;
		}

		.sliderPromocje span.etykieta.promocja{
			display: none;
		}

		.kol_slider div{
			width: 16vw;
			height: auto;
		}


		.glownySzablon{
			display: flex;

			/*display: grid;*/
			/*grid-template-columns: 1fr 3fr;*/
			margin: 0px;
			width: auto;
			/*grid-gap: 2vw;*/

			margin-top: 100px;
		}
		.szablonPodstrony .tlo_produkt {
			margin: 0px 10vw;
		}
		.szablonListy{
			margin: 0px 10vw;
		}
		.glownySzablon section.szablonMenu{
			  width: 300px;
			  margin-right: 20px;
			display: none;
		}

		.szablonMenuKnt{
			background: #f7f7f7;
			border: 1px solid #e5e5e5;
			border-top: 0px;
		}


		.glownySzablon section.szablonMenu.pokaz_menu{
			display: none;
		}
		.glownySzablon section.szablonMenu .szablonMenuKnt {
			/*position: sticky;*/
			/*top: 20px;*/
			/*max-height: 100vh;*/
			/*overflow-y: auto;*/
		}
		.glownySzablon section.szablonTresc{
			flex: 1;
			margin: 0px;
		}

		.glownySzablon div.trescSzablonu{
			margin: 0px 4vw;
		}

		.szablonMenu h2{ 
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #797983;
			font-size: 10px;
			line-height: 32px;
			font-weight: 400;
			padding-top: 10px;
			padding-bottom: 0px;
			padding-left: 20px;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		#zawartosc .szablonMenu ul,
		.szablonMenu ul{
			list-style: none;
			margin: 0px;
		}
		#zawartosc ul ul {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		.szablonMenu ul li{
			position: relative;
			margin: 0px;
			padding: 0px;
			border-top: 1px solid #e5e5e5;				
			-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;
		}
		.szablonMenu ul li:hover{
			/*background-color: rgba(0,0,0,0.05);				*/
			background-color: #fff;				
			-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;
		}
		.szablonMenu ul li ul li a:hover{
			background-color: rgba(0,0,0,0.05);				
			/*background-color: #fff;				*/
			-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;
		}
		.szablonMenu ul li ul li{
			border-top: none;
		}
		.szablonMenu ul li a{
			display: block;
			font-size: var(--font-size-18px);
			color: var(--kolor-glowny);
			font-weight: 600;
			padding: 10px 30px 8px 20px;
			/*margin-right: 50px;*/
		}
		.szablonMenu ul li a:hover{
			padding: 10px 25px 8px 25px;
		}
		.szablonMenu ul li a.zaznacz,
		.szablonMenu ul.poziom_1 li a.zaznacz{
			color: var(--kolor-czerwony);
		}
		.szablonMenu ul.poziom_1 li a{
			font-size: var(--font-size-16px);
			line-height: normal;
			padding: 9px 30px 7px 30px;
		}
		.szablonMenu ul.poziom_1 li a:hover{
			padding-left: ;
			/*padding: 9px 15px 7px 35px;*/
		}
		.szablonMenu ul.poziom_2 li a{
			font-size: var(--font-size-15px);
			line-height: normal;
			padding: 8px 30px 6px 40px;
		}
		.szablonMenu ul.poziom_2 li a:hover{
			padding: 8px 25px 6px 45px;
		}
		.szablonMenu ul.poziom_3 li a{
			font-size: var(--font-size-14px);
			line-height: normal;
			padding: 7px 30px 5px 45px;
		}
		.szablonMenu ul.poziom_3 li a:hover{
			padding: 7px 25px 5px 50px;
		}
		.szablonMenu ul.poziom_4 li a{
			font-size: 13px;
			line-height: normal;
			padding: 6px 30px 4px 50px;
		}
		.szablonMenu ul.poziom_4 li a:hover{
			padding: 6px 25px 4px 55px;
		}
		.szablonMenu ul.poziom_5 li a{
			font-size: 12px;
			line-height: normal;
			padding: 5px 30px 3px 55px;
		}
		.szablonMenu ul.poziom_5 li a:hover{
			padding: 5px 25px 3px 60px;
		}
		.szablonMenu ul.poziom_6 li a{
			font-size: 12px;
			line-height: normal;
			padding: 4px 30px 2px 60px;
		}
		.szablonMenu ul.poziom_6 li a:hover{
			padding: 4px 25px 2px 65px;
		}

	
		.szerokosc_max{
			width: 70vw;
			margin: 0 auto;
		}
		.szerokosc_str{
			padding: 0px 50px;
		}
		.produkty{
			margin: 3vw 10vw;
			margin-bottom: 2vw;
		}
		.ngh2d{
			  margin-top: 10px;
			  margin-bottom: 10px;
		}
		.ngh2d h2{
			font-size:  40px;
			line-height: var(--line-height-50px);
			text-transform: uppercase;
			font-weight:  700;
			color: var(--kolor-czarny);
			margin: 0px;
			letter-spacing: 2px;
			text-align: center;
			/*background-color: #fff;*/
			position: relative;
		}

		/*.ngh2d h2::after {
		  content: ' ';
		  display: block;
		  width: 2px;
		  height: 20px;
		  position: absolute;
		  left: 0px;
		  right: 0px;
		  top: -20px;
		  z-index: 0;
		  margin: auto;
		  background-color: var(--kolor-czerwony);
		}

		.ngh2d h2::before {
		  content: ' ';
		  display: block;
		  width: 2px;
		  height: 50px;
		  position: absolute;
		  left: 0px;
		  right: 0px;
		  top: 40px;
		  z-index: 0;
		  margin: auto;
		  background-color: var(--kolor-czerwony);
		}*/

		.tlo_marki{
			background-color: #f2f2f2;
			background-size: cover;
			background-position: center center;
		}

		.banerAtrFlex {
			padding: 2vw 10vw;
			display: flex;
			margin: 2vw 0px;
		}

		.banerAtrFlex div a{
			margin: 10px;
			display: block;
			background-color: #fff;
		}
		.banerAtrFlex div a:hover{
			transform: scale(1.05);
			box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
		}

		
		/** lista produktów **/
			.listaProduktow {
				/*margin-top: 40px;*/
				margin-bottom: 30px;
			}
			.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1,
			.listaProduktow h1,
			.listaProduktow h2.ngh1 {
				margin-top: 0px;
				margin-bottom: 25px;
				pointer-events: none;
			}

			.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1,
			.listaProduktow h1,
			.listaProduktow h2.ngh1{
				font-weight: 700;
				text-transform: none;
				line-height: 1.2em;
				position: relative;
				font-size: var(--font-size-48px);
			}
			
			.tresc.listaProduktow p {
				margin-left: 1vw;
			}
			.tlo_transparentne.tlo_koszyk h1,
			.tlo_transparentne.tlo_strona h1 {
				margin-left: 0px;
				margin-bottom: 20px;
			}
			.tlo_transparentne.tlo_strona a {
				color: var(--kolor-czerwony);
			}
			.tlo_transparentne.tlo_strona a:hover {
				color: var(--kolor-czarny);
			}


			.tlo_transparentne.tlo_strona a.wp-block-file__button{
				color: #fff;
			}

			.tlo_transparentne.tlo_strona a.wp-block-file__button:hover{
				background-color:  var(--kolor-czerwony);
			}



			.listaProduktow h3{
				margin-top: 0px;
				margin-bottom: 0px;

				font-size:18px;
				line-height: 1.2em;
			}
			.listaProduktow h3 span{
				margin-top: 0px;
				margin-bottom: 0px;


				color: #999;
				font-weight: 500;
				padding-left: 50px;
			}
			.kol_lista {
			  display: grid; 
			  grid-template-columns: 1fr 1fr 1fr; 
			  gap: 0px 0px; 
			  width: 100%; 
			  height: 100%; 
			}

			.kol_lista4 {
			  display: grid; 
			  grid-template-columns: 1fr 1fr 1fr 1fr; 
			  gap: 0px 0px; 
			  width: 100%; 
			  height: 100%; 
			}

			.kol_grid {
			  display: grid; 
			  grid-template-columns: 1fr 1fr 1fr 1fr; 
			  grid-template-rows: 1fr 1fr; 
			  /*gap: 3px; */
			  grid-gap: 3px;
			  grid-template-areas: 
			    "p1 p1 p2 p3"
			    "p1 p1 p4 p5"; 
			  width: 100%; 
			  height: 100%; 
			}
			.kol_grid .p1 { grid-area: p1; }
			.kol_grid .p2 { grid-area: p2; }
			.kol_grid .p3 { grid-area: p3; }
			.kol_grid .p4 { grid-area: p4; }
			.kol_grid .p5 { grid-area: p5; }




			.offer-box {
				margin-top: 15px;
				padding-bottom: 20px;
			}  
			
			.offer-item { 
			 	background:#fff;
			 	position: relative;  
				transition:0.4s all ease;
				display:block;
				padding: 0px 0px 40px 0px;
				margin: 0px;
				text-align:center;
				color:#333;
				text-decoration:none;
				min-height: 290px;
				position: relative;
				/*border: 1px solid #ececed;*/
				padding: 0px;
				padding-top: 30px;
				border-radius: var(--brrad);
				overflow: hidden;
				box-shadow: 5px 5px 25px var(--cien);
				background: rgb(255,255,255);
				background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
			}
			.offer-item .img_knt {
				position: relative;
			}
			.offer-item .img_knt .cien {
				position: absolute;
				z-index: 10;
				top: 0px;
				right: 0px;
				bottom: 0px;
				left: 0px;
			}
			.offer-item img {
				position: absolute;
				/*max-width: %;*/
				height: auto; 
				/*margin: 5% 5% 10% 5%; */
				margin: 0px; 
				left: 0px;
				right: 0px;
				z-index: 9;
				/*border-radius: var(--brrad);*/
			}
			.offer-item .wierszSz{  
				display: grid;
				grid-template-columns:  60% 40%;
				align-items: end;
				padding: 1vw;
			}
			.offer-item .item-kate{
				font-size: calc(10px + 0.5vw);
				line-height: 1.3em;
				color: var(--kolor-glowny);
				text-align: left;
				font-weight:400; 
				display: block;
			}  
			.offer-item .item-name{  
				color: var(--kolor-glowny);
				font-weight:500; 
				font-size: var(--font-size-18px);
				display:block;   
				text-align:left;   
				line-height:1.2em;   
				/*height:66px;  */
				overflow:hidden;  
				/*line-height: var(--line-height-50px);*/
			}

			.offer-item .item-name.item-name-small{  
				font-size: var(--font-size-15px);
				line-height: 1.3em;
				overflow: hidden;
				padding: 0px 15%;
				text-align: center;
				margin-top: 15px;
				font-weight: 600;				
			}
			.offer-item .item-name2{
				font-size: 34px;
				padding-top: 50px;
				font-weight: 600;
				line-height: 40px;
			}  
			.offer-item:hover,.offer-item:hover .item-name{
			  	text-decoration:none;   
			}
			.offer-item:hover{  
				transform:scale(1.05);
				z-index:90;   
				box-shadow: 0px 0px 50px rgba(0,0,0,0.2);   
			}
			.slajder_produktow .offer-item:hover{
				transform:scale(1.05);
				z-index:90;   
				box-shadow: 0px 0px 20px rgba(0,0,0,0.15);   
			}
			.offer-item:hover .stara_cena {
				text-decoration: line-through !important;
			}  
			.offer-item .item-price{
				display: block; 
				font-weight: 600;
				text-align: center;
				margin: 20px;
				/*font-family: "Arial", "Montserrat", sans-serif;*/
			}
			.offer-item .zalogujsie{
				display: block; 
				font-size: 12px;
				font-weight: 600;
				color: #999;
				text-align: center;
			}
			.offer-item .item-price strong {
				color: var(--kolor-czarny);
				font-weight: 600;
				font-size: var(--font-size-20px);
			}

			.offer-item .item-price strong.kolor {
				color: var(--kolor-czerwony);
			}
			.offer-item .formBtnKnt {
				text-align: center;
				position: absolute;
				bottom: -10px;
				width: 100%;
				left: 0px;
				right: 0px;
				border: none;
			}
			.offer-item .formBtn {
				font-size: var(--font-size-15px);  
			}
			.offer-item .etykieta,
			.tlo_produkt .etykieta {
				position: absolute;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				padding: 10px 5px 0px 5px;
				color: #fff;
				left: 3px;
				top: 0px;
				z-index: 10;

				position: relative;
				padding-top: 10px;
				float: left;
				margin-left: 10px;
				background-image: url(../img/tlo_promocja_03.webp);
				width: 120px;
				height: 53px !important;
				color: #fff;
				border: 0px !important;
				margin-top: 0px;
				line-height: var(--line-height-28px);
				font-weight: bold;
			}
			.offer-item .etykiety .etykieta {
				position: relative;
				padding-top: 10px;
				float: left;
				margin-left: 10px;
				background-image: url(../img/tlo_promocja_03.webp);
				background-size: 120px 53px;
				background-repeat: no-repeat;
				width: 123px;
				height: 53px !important;
				color: #fff;
				border: 0px !important;
				margin-top: 0px;
				line-height: var(--line-height-28px);
				font-weight: bold;
			}
			.tlo_produkt .etykiety {
				pointer-events: none;
			}
			.offer-item .etykieta.nowosc,
			.tlo_produkt .etykieta.nowosc {

				border-left: 2px solid #0c3a90;
				color:  #fff;
				margin-top: 3px;
				background-color: transparent;

				background-image: url(../img/tlo_promocja_03a.webp);
				/*filter: grayscale(100%);*/
			}
			.offer-item .etykieta.promocja,
			.tlo_produkt .etykieta.promocja {
				border-left: 2px solid var(--kolor-czerwony);
				color:  #fff;
				margin-top: 3px;
				background-color: transparent;
			}
			.offer-item .etykieta.polecany,
			.tlo_produkt .etykieta.polecany {

				border-left: 2px solid  #85808f;
				color:  #fff;
				margin-top: 3px;
				background-color: transparent;

				background-image: url(../img/tlo_promocja_03a.webp);
				/*filter: grayscale(100%);*/

			}
			.offer-item .etykieta.bestseller,
			.tlo_produkt .etykieta.bestseller {
				border-left: 2px solid #fff;
				color:  #fff;
				margin-top: 3px;
				background-color: transparent;

				background-image: url(../img/tlo_promocja_03a.webp);
				/*filter: grayscale(100%);*/

			}
			.offer-item .etykiety {
				position: absolute;
				right: -15px;
				z-index: 10;
				top: -15px;
				/*height: 50px;*/
				overflow: hidden;
				pointer-events: none;
			}
			.tlo_produkt .etykiety .etykieta {
				position: static;
				margin-right: 3px;
				float: left;

				color: #fff !important;
				text-align: center;
			}
			.bez_etykiet .etykiety,
			.bez_etykiet .etykieta {
				display: none;
			}

			.kol_grid .p1 .wierszSz{
				padding-top: 7vw;
			}
			.offer-item .wiersz_do_koszyka{
				width: 100%;
				height: 46px;
				opacity: 0;
				pointer-events: none;
			}
			.offer-item .wiersz_do_koszyka.wybierz_opcje{
				cursor: pointer;
			}
			.offer-item .wiersz_do_koszyka.wybierz_opcje:hover p strong{
				color: var(--kolor-czerwony) !important;
			}
			.offer-item:hover .wiersz_do_koszyka{
				opacity: 1;
				pointer-events: auto;
			}
			.offer-item .str_do_koszyka{
				width: 100%;
				overflow: hidden;
				padding: 0px;
				width: auto;
				margin: 0 10px;
			}
			.offer-item .str_do_koszyka.brak_w_magazynie {
				width: 100%;
				margin: 0px;
				display: flex;
				  align-items: center;
				  justify-content: center;
			}
			.offer-item .str_do_koszyka.brak_w_magazynie p {
				flex: 1;
				padding: 0px 10px 0px 10px;
				line-height: normal;
			}
			.offer-item .do_koszyka font.mobil_dk{
				display: none;
			}

			.offer-item .str_do_koszyka p{
				padding: 10px;
				margin: 0px;
			}
			.offer-item .str_do_koszyka span{
				float: left;
				width:120px;
			}

			.offer-item .str_do_koszyka span.sztuk{
				overflow: hidden;
				width: 110px;
				padding: 5px 10px 10px 10px;
			}

			.offer-item .str_do_koszyka span.sztuk i{
				float: left;
				text-align: center;
				font-size: var(--font-size-18px);
				line-height: 24px;
				padding: 3px 1px 1px 1px;
				transition: 200ms linear;
				color: var(--kolor-czerwony);
				cursor: pointer;
			}

			.offer-item .str_do_koszyka span.sztuk i:hover{
				opacity: 1;
				transition: 200ms linear;
				color: var(--kolor-czarny);
			}
			.offer-item .str_do_koszyka span.sztuk input{
				width: 50px;
				padding-top: 3px;
				float: left;
				border:0px;
				text-align: center;
				background: none;
				padding: 0px;
				font-size: var(--font-size-20px);
				line-height: 24px;
				font-weight: 600;
				color: #000;
				font-family: var(--czcionka);
			}

			.offer-item .str_do_koszyka span.brak_produktu{
					line-height: var(--line-height-50px);
					width: 100%;

			}
			.offer-item .str_do_koszyka span.do_koszyka{
				text-transform: uppercase;
				font-size: var(--font-size-14px);
				font-weight: 700;
				overflow: hidden;
				padding: 14px 15px 11px 15px; 
				float: right;

				-webkit-transition: 300ms linear;
				-moz-transition: 300ms linear;
				-o-transition: 300ms linear;
				-ms-transition: 300ms linear;
				transition: 300ms linear;
				width: auto;
				margin: 0px;
				padding: 10px;
				color: #000;
				cursor: pointer;
			}


			.offer-item .str_do_koszyka span.do_koszyka:hover,
			.offer-item .str_do_koszyka span.do_koszyka:hover i{
				color: var(--kolor-czerwony);
			}

			.offer-item .str_do_koszyka span.do_koszyka img{
				margin: 0px;
				position: static;
				height: 30px;
				width: auto;
				float: left;
			}

			.offer-item .str_do_koszyka span.do_koszyka i{
				font-size: 22px;
				color: var(--kolor-czerwony);
			}
			.offer-item .str_do_koszyka span.do_koszyka font{
				/*margin-top: 5px;*/
			    /*float: left;*/
			    margin-left: 5px;
			}


			.kol_grid_4{
				display: grid;
				grid-template-columns:  1fr 1fr 1fr 1fr;
				grid-gap: 65px;

			}
			.kol_grid_4 div{
				height: 100%;
			}
			.kol_grid_5{
				display: grid;
				grid-template-columns:  1fr 1fr 1fr 1fr 1fr;
				grid-gap: 5px;

			}
			.kol_grid_5 div{
				height: 100%;
			}

			.rightBtn{
				text-align: right;
				position: relative;
				margin-top: 20px;
			}
			.rightBtn hr{
				color: #ececed;
				position: absolute;
				width: 100%;
				margin: auto;
				top: 0;
				bottom: 0;
				/*height: 2px;*/
				/*background: #ececed;*/
			}

			.rightBtn .btn{
				position: relative;
				z-index: 9;
				margin-right: 2vw;
				color: #272330;
				background-color: #fff;
			}
			.rightBtn .btn:hover{
				margin-right: 1vw;
				color: var(--kolor-czerwony);
				background-color: #fff;
			}
		/** lista produktów **/


		/** strona produktowe **/
			.tlo_transparentne.tlo_produkt{
				margin-bottom: 3vw;
			}
			.wierszProduktu{
				margin: 0px 5vw;
				display: grid;
				grid-template-columns:  55% 40%;
				gap: 5%; 
				 grid-template-areas: 
				    "pp1 pp2"; 
				  width: auto; 
				  position: relative;
			}
			
			.wierszProduktu .zakupProduktu { grid-area: pp2; }
			.wierszProduktu .opisProdukty { 
				grid-area: pp1;
				position: relative;
			/*	border: 1px solid #ddd;
				overflow: hidden;
			*/
			}
			.opisProdukty .etykiety {
				position: absolute;
				/*right: 0px;*/
				margin-top: 10px;
				margin-left: 10px;
				z-index: 200;
			}
			.etykietaProduktu{
				left: auto;
				left: 25px;
				background-image: url('../img/tlo_promocja_20.webp');
				width: 110px;
				height: 100px;
				background-size: 100% auto;
				background-repeat: no-repeat;
				top: 0px;
				padding-top: 10px;
				color: #fff;
				font-size: var(--font-size-16px);
				text-align: center;
				display: block;
				position: absolute;
				font-weight: 700;
				text-transform: uppercase;
			}
			.sticky{
				position: sticky;
				margin-top: 3vw;
				top: 3vw;
			}
			.rodzaj-herbu.lazyload,
			.produktImg.lazyload
			{
				opacity: 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;			
			}
			.rodzaj-herbu.lazyloaded,
			.produktImg.lazyloaded
			{
				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;
			}
			.logoStronyGaleriaKnt {
				/*				min-width: 36.5vw;*/
				/*				min-height: 36.5vw;*/
			}
			ul.ikona {
			    padding: 0px;
			    margin: 0px;
			    background-color: transparent;
			}

			ul.ikona:after {
			    content: ".";
			    display: block;
			    height: 0;
			    clear: both;
			    visibility: hidden;
			}

			ul.ikona li {
			    list-style: none;
			    display: inline;
			    cursor: pointer;
			    margin: 0px;
			}

			ul.ikona li img{
				width: 100%;
				opacity: 1;
				border-radius: var(--brrad);
				-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.ikona li img:hover {
				opacity: 1;
			    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;
			}
			.galeria_produktu ul{
				width: 100%;
				display: grid;
				grid-template-columns:  1fr 1fr 1fr;
				grid-gap: 20px;
				margin: 0px;
				list-style: none;
			}

			.galeria_produktu ul li{
				margin: 0px;
				position: relative;
				border-radius: 10px;
				overflow: hidden;
			}
			.galeria_produktu ul li:before{
				display: block;
				content: '';
				/*width: 350px;*/
				/*height: 350px;*/
				position: absolute;
				/*width: 100%;*/
				top: 0px;
				right: 0px;
				bottom: 0px;
				left: 0px;
				box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
				z-index: 1;
				pointer-events: none;
			}
			.galeria_produktu ul li img{
				padding: 0px;
				cursor: pointer;
				border-radius: 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;
			}

			.galeria_produktu ul li img:hover{
				transform: scale(1.1);
			    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;
			}
			.tlo_cien{
				padding-top: 2vw;
				padding-bottom: 2vw;
				background: rgb(255,255,255);
				margin-bottom: 0px !important;
				background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(0,0,0,0.02) 100%);
			}
			.opisProduktu_knt {
				background-color: var(--kolor-tlo);
				padding: 20px 20px 20px 20px;
				border-radius: var(--brrad);
				box-shadow: 5px 5px 25px var(--cien) inset;



			}
			.opisProduktu_knt #info_roz_tr1{
				display: block;
			}
			.opisProduktu_knt .info_roz_tr{
				padding: 20px;
			}
			.ngTitle {
				display: none;
			}

			.menuProduktu ul{
				/*display: flex;*/
				margin: 0px;
				padding: 0px;
				list-style: none;
				width: 100%;
				margin: 0px !important;
				border-radius: var(--brrad);
				box-shadow: 5px 5px 25px var(--cien);
				background: rgb(255,255,255);
				background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
			}

			.menuProduktu ul li{
				margin: 0px;
				padding-left: 10px;
				padding-right: 10px;
				/*flex: auto;*/
				display: inline-block;
			}
			.menuProduktu ul li .gwiazdkiMini i{
				position: static;
			}

			.menuProduktu ul li a{
				width: 100%;
				display: block;
				text-transform: uppercase;
				font-size: var(--font-size-17px);
				font-weight: 600;
				text-align: left;
				background-color: transparent;
				opacity: 0.6;
				margin: 0px !important;
				padding: 10px !important;
				box-shadow: none !important;
				background-color: transparent !important;
			}
			.menuProduktu ul li a:hover{
				opacity: 1;
			}

			.menuProduktu ul li a.aktywneMenu{
				opacity: 1;
				background-color: #f6f6f6;
			}
			.menuProduktu ul li a.aktywneMenu i{
/*				transform: rotate(90deg);*/
			}

			body.influ .opisProdukty p, body.influ .opisProdukty li, body.influ .opisProdukty table td, body.influ .opisProdukty table th {
			    font-size: var(--font-size-20px);
				/* line-height: normal;*/
			    /*overflow: hidden;*/
			    /*position: relative;*/
			}
			body.influ .opisProdukty ul.ikona li {
				position: relative;
			}
			body.influ .opisProdukty li span.cien {
				display: block;
				width: 350px;
				height: 350px;
				position: absolute;
				/*width: 100%;*/
				top: 0px;
				right: 0px;
				bottom: 0px;
				left: 0px;
				box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
				z-index: 1;
			}
			.tlo_transparentne .opisProdukty h1, .block-editor-writing-flow .opisProdukty h1,
			.tlo_transparentne .opisProdukty h2, .block-editor-writing-flow .opisProdukty h2{
				font-size: 26px;
				margin:1vw 0px !important;
			    line-height: normal;
			    color: var(--kolor-czerwony);
				font-weight: 700;
			}
			.tlo_transparentne .opisProdukty h3, .block-editor-writing-flow .opisProdukty h3{
				font-size: var(--font-size-24px);
				margin: 1vw 0px !important;
				text-transform: uppercase;
			}
			.tlo_transparentne .opisProdukty h4, .block-editor-writing-flow .opisProdukty h4{
				font-size: 22px;
				margin: 1vw 0px !important;
			}
			.tlo_transparentne .opisProdukty h5, .block-editor-writing-flow .opisProdukty h5,
			.tlo_transparentne .opisProdukty h6, .block-editor-writing-flow .opisProdukty h6{
				font-size: 21px;
				color: #666;
				margin: 1vw 0px !important;
			}

			.usunFiltrym{
				cursor: pointer;
			}

			.usunFiltrym:hover{
				cursor: pointer;
				color: var(--kolor-czerwony);
			}
			.usunFiltry{
				font-weight:bold;
				color: #000;
				text-transform: uppercase;
				cursor: pointer;
				font-size: var(--font-size-14px);
				color: var(--kolor-czerwony);
			}

			.usunFiltry:hover{
				color: var(--kolor-czarny);
			}
			.wyczysc_filtry{
				font-weight: bold !important;
				font-size: var(--font-size-14px);
				text-transform: uppercase;
				border: 1px solid #dcdddd;
				-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;
			}
			.wyczysc_filtry:hover{
				color: var(--kolor-czerwony);
				border: 1px solid #666;
				-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;
			}

			.zakupProduktu h1{
				font-size: var(--font-size-48px);
				line-height: var(--line-height-50px);
				font-weight: bold;
				text-transform: none;
				margin: 10px 0px 0px 0px;
				padding: 0;
			}

			.zakupProduktu h1:before,
			.zakupProduktu h1:after{
				display: none;
			}


			#zawartosc ul.siezka {
			    overflow: hidden;
			    padding: 0px;
			    list-style: none;
			    margin: 0px;
			    margin-top: 20px;
			    margin-bottom: 2px;
				margin-left: 0px;
			}

			ul.siezka li {
			    float: left;
			    line-height: 16px;
			    color: #999;
			    font-size: 12px;
			    padding-right: 10px;
			    margin: 0px;
			}

			ul.siezka li a {
			    color: #999;
			    font-weight: 600;
			}

			ul.siezka li a svg,
			ul.siezka li a i.fa.home,
			ul.siezka li a i.fas.home,
			ul.siezka li a i.far.home,
			ul.siezka li a i.fab.home {
			    color: #999;
			    padding-right: 5px;
			}

			ul.siezka li a:hover {
			    color: #000;
			}

			ul.siezka li a i.fa-chevron-right {
			    font-size: 10px;
			    line-height: 12px;
			    padding-right: 5px;
			}

			#kolor{
				display: grid;
				grid-template-columns:  50px 1fr;
				border: 1px solid #d6d6d6;
				padding: 0px;
				cursor: pointer;
			}
			.kolorDuzy{
				width: 35px;
				height: 35px;
				display: block;
			}
			#kolor strong{
				font-size: var(--font-size-16px);
				font-weight: 500;
				line-height: 35px;
				padding-right: 10px;
				min-width: 80px;
			}



			#ralownik {
				display: none;
			}
			#ralownik ul{
				display: flex;
				flex-wrap: wrap;
				padding: 0px;
				margin: 0px;
			}
			#ralownik ul li{
				text-align: center;
				width: 50px;
				height: 50px;
				margin: 1px;
				list-style: none;
				cursor: pointer;
				transition: all 0.2s ease-in-out;
				font-size: var(--font-size-14px);
				font-weight: 600;
			}
			.linkRal{
				display: block;
				margin: 15px;
				font-weight: 600;
				cursor: pointer;
			}


		    #ralownik2 ul{
				overflow: hidden;
				padding: 0px;
			}
			#ralownik2 ul li {
			    width: 105px;
			    height: 50px;
			    float: left;
			    margin: 5px !important;
			    display: block;
			}

			#ralownik2 ul li span{
				background-color: rgba(255,255,255,0.5);
				padding: 0px 5px;
			}
			.k_ilosc{
				padding:  0px;
			}
			.k_ilosc .formInputIlosc{
				float: left;
				font-family: var(--czcionka);
				padding: 7px 15px 7px 15px;
				border: 1px solid #ddd;
				width: 100%;
				color: var(--kolor-glowny);
				font-size: var(--font-size-16px);
				font-weight: 400;
				border: 1px solid #eee;
				background-color: #fdfdfd;
				width: 100px;
			}
			.k_ilosc span.sztuk{
				font-size: 13px;
				line-height: 30px;
				padding-right: 5px;
				float: left;
				min-width: 40px;
			    display: block !important;
			    width: 80px !important;

			    color: var(--kolor-jasnoszary);
			    font-weight: 600;
			    text-transform: uppercase;
			}
			.kolumnyCena{
				width: 100%;
				display:  grid;
				grid-template-columns: 200px 1fr;
				grid-gap: 10px;
				font-size:var(--font-size-15px);
				align-items: center;
			}
			.pointer {
				cursor: pointer;
			}
		/** strona produktowe **/
		

		/** koszyk **/
			.bark_p {
				font-size: var(--font-size-16px);
			}
			a.link_js {
				color: var(--kolor-czerwony);
				font-weight: 700;
				font-size: var(--font-size-16px);
				cursor: pointer;
			    padding: 5px 20px;
			}
			a.formBtnSzary {
			    cursor: pointer;
			    padding: 5px 20px;
			    color: var(--kolor-glowny);
			    font-size: var(--font-size-16px);
			    border-radius: 15px;
			    background-color: #f4f3f0;
				box-shadow: 5px 5px 25px var(--cien) inset;
				display: inline-block;
				line-height: 30px;
			}
			a.formBtnSzary:hover {
			    background-color: #fff;
			    color: var(--kolor-czerwony);
			}
			a.formBtnKontrat {
			    cursor: pointer;
			    padding: 5px 20px;
			    color: #fff !important;
			    font-size: var(--font-size-16px);
			    border-radius: 15px;
			    background-color: #555;
				box-shadow: 5px 5px 25px #000 inset;
			}
			a.formBtnKontrat:hover {
			    background-color: #222;
			    color: var(--kolor-czerwony);
			}


			a.formBtnRed{
				background-color: var(--kolor-czerwony);
				box-shadow: unset;
			}
			a.formBtnRed:hover{
				box-shadow: 5px 5px 25px #000 inset;
			}

			.potiwerdzenie a {
				color: var(--kolor-czerwony) !important;
			}
			.potiwerdzenie a:hover {
				color: var(--kolor-czarny) !important;
			}

			.potiwerdzenie .btnBoxCz{
				font-size: var(--font-size-16px);
			}

			table.zamowienia {
			    width: 100%;
			    max-width: 100%;
			    margin-bottom: 20px;
			}
			table.zamowienia .mobil {
				display: none;
			}

			table.zamowienia th {
			    vertical-align: bottom;
			    border-bottom: 1px solid #ddd;
			    border-top: 0;
			    padding: 1% 2% 1% 2%;
			}

			table.zamowienia td {
			    padding: 1% 2% 1% 2%;
			}

			table.zamowienia tr {
			    padding-top: 5px;
			    padding-bottom: 5px;
			}

			table.zamowienia tr.zam {
			    background-color: #f9f9f9;
			}

			table.zamowienia tr.pus {
			    font-size: 12px;
			    line-height: 12px;
			}

			table.zamowienia i {
			    cursor: pointer;
			}
			.do_koszyka_z_listy i {
				font-size: var(--font-size-20px);
				color: var(--kolor-czerwony);
			}

			table.koszyk * {
			    word-break: normal;
			    word-wrap: normal;
			}
			table.koszyk {
			    width: 100%;
			    max-width: 100%;
			    margin-bottom: 20px;
			    /*border-bottom: 1px solid #ddd;*/
			    border: none; 
			}

			table.koszyk th {
			    vertical-align: bottom;
			    border: none; 
			    border-bottom: 1px solid #ddd;
			    border-top: 0;
			    padding: 1% 2% 1% 2%;
			    font-weight: 400;
			    font-size: var(--font-size-15px);
			    text-transform: uppercase;
			}

			table.koszyk td {
			    padding: 1% 2% 1% 2%;
			    border: none; 
			}

			table.koszyk tr {
			    padding-top: 5px;
			    padding-bottom: 5px;
			}

			table.koszyk tr.zam {
			}

			table.koszyk tr.zam:hover {
			    background-color: #fafafa;
			}

			table.koszyk tr.zam.konf_tr {
			    background-color: #f2f2f2;
			}

			table.koszyk tr.pus {
			    font-size: 6px;
			    line-height: 6px;
			    padding: 0px;
			}

			table.koszyk td.pus {
			    padding: 0px;
			}

			table.koszyk td.kosz {
			    width: 100px;
			}

			table.koszyk i {
			    cursor: pointer;
			}

			table.koszyk .koszyk_obr_knt {
			    width: 70px;
			}

			table.koszyk .koszyk_obr {
			    max-width: 60px;
			    max-height: 60px;
			    width: auto;
			    height: auto;
			}

			table.koszyk .koszyk_obr.konf {
			    max-width: 260px;
			    max-height: 60px;
			    width: auto;
			    height: auto;
			}
			.koszyk_uwagi {
			    padding: 5px 10px 5px 10px;
			    border: 1px solid rgba(0, 0, 0, 0.1);
			}

			.koszyk_uwagi, .koszyk_uwagi * {
			    width: 200px;
			    font-size: 16px !important;
			    line-height: 19px !important;
			    text-align: center;
			    font-weight: bold !important;
			    font-style: italic;
			    font-family: "Times New Roman", Times, serif;
			}

			.info_koszyk {
			    position: fixed;
			    width: 450px;
			    margin-right: -25%;
			    padding: 0px;
			    z-index: 701;
			    left: 20px;
			    bottom: 20px;
				background: linear-gradient(0deg, rgba(189,35,39,1) 10%, rgba(212,56,63,1) 90%);
			    font-weight: bold;
			    color: #fff;
			    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
			    -webkit-transition: 0.2s ease-in-out;
			    -moz-transition: 0.2s ease-in-out;
			    -o-transition: 0.2s ease-in-out;
			    transition: 0.2s ease-in-out;
			    opacity: 0;
			    pointer-events: none;
			    border-radius: var(--brrad);
			}

			.info_koszyk a {
			    color: #fff;
			    display: block;
			    padding: 20px 30px 20px 30px;
			}

			.info_koszyk:hover {
			    background-color: rgba(218,179,103,1);
			}

			.info_koszyk.blad {
			    background-color: #cc0000;
			}

			.info_koszyk.pokaz {
			    margin-right: 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;
			    opacity: 1;
			    pointer-events: auto;
			}
			.info_koszyk_duze {
				width:100%;
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				z-index: 901;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				display: none;
			}
			.info_koszyk_duze_zawartosc {
				display: inline-block;
				max-width: 500px;
				max-height: 96vh;
				margin: 1vh auto;
				box-shadow: none;
				width: auto;
				height: auto; 
				font-weight: 500;
				background-color: #fff;
				position: relative;
				border: 15px solid #ffffff;
				padding: 15px;
				border-radius: 10px;
				position: relative;
				overflow-y: auto;
			}
			.info_koszyk_duze_tlo {
				width:100%;
				background-color:rgba(0,0,0,0.1);
				position: fixed;
				z-index: 900;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				display: none;
			}
			.info_koszyk_duze.pokaz,
			.info_koszyk_duze_tlo.pokaz {
				display: block;
			}
			.info_koszyk_duze_zamknij {
				position: absolute;
				right: 10px;
				top: 10px;
				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;
			}
			.info_koszyk_duze_zamknij:hover {
				color: var(--kolor-czerwony);
				-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_koszyk_duze img {
				max-width: 45%;
				height: auto;
				display: inline-block;
			}
			.info_koszyk_duze h4 {
				font-size: 20px;
				margin-top: 0px !important;
				margin-right: 30px;
				text-align: left;
			}
			.info_koszyk_duze h3 {
				font-size: 18px;
				margin-top: 10px !important;
				margin-bottom: 10px !important;
			}
			.info_koszyk_duze p {
				font-size: 16px !important;
				text-align: left;
			}
			.info_koszyk_duze .formBtnSzary {
				width: 100%;
				text-transform: uppercase;
				margin-top: 10px;
				line-height: 25px;
				font-size: var(--font-size-16px);
			}
			.info_koszyk_duze .formBtn {
				width: 100%;
				justify-content: space-between;
				font-size: var(--font-size-16px);
			}
			

			.wyczysc_koszyk {
				display: inline-block;
				padding-top: 5px;
			}

			.daneAdresowe {
			    font-size: var(--font-size-16px);
				line-height: 24px;
			    padding: 5px 10px 5px 10px;
			    background-color: #fff;
			    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
			    margin: 5px 0px 15px 0px;
			}

			.panel_lewa {
			    width: 73%;
			    padding-right: 2%;
			    float: left;
			}

			.panel_lewa .tekst {
			    padding: 0px !important;
			}

			.panel_prawa {
			    width: 24%;
			    float: right;
			}

			.info_nag {
			    font-size: var(--font-size-16px);
			    font-weight: 600;
			    text-transform: uppercase;
			}

			.tabelaProduktowKnt {
				width: 100%;
				overflow-x: scroll;
			}

			.zamowienia .tabelaProduktow {
			    font-size: 13px;
			}

			.tabelaProduktow {
			    width: 100%;
			    min-width: 700px !important;
			    background-color: #fff;
			}

			.tabelaProduktow th {
			    background-color: #fafafa;
			    border-bottom: 1px solid #efefef;
			    border-top: 1px solid #efefef;
			    color: #999;
			    padding: 5px;
			}

			.tabelaProduktow td {
			    border-bottom: 1px solid #efefef;
			    padding: 5px;
			}

			.tabelaProduktow th strong {
			    color: #000;
			    font-size: var(--font-size-15px);
			}
			.kod_rabatowy {
				position: relative;
				margin-bottom: 0px;
				margin-top: 10px;
				text-align: right;
				font-size: var(--font-size-16px);
			}
			.kod_rabatowy .formInput  {
				display: inline-block;
				width: auto;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				padding-top: 0px;
				padding-bottom: 0px;
				width: 200px;
				box-shadow: none;
/*				border: 1px solid #ccc;*/
				line-height: 35px;
/*				background-color: var(--kolor-zolty);*/
				background-color: rgba(218,179,103,1);
				margin: 0px;
			}
			.kod_rabatowy .formBtn {
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
				padding-left: 0px;
/*				opacity: 0.5;*/


			}
			.kod_rabatowy .formBtn:hover {
				opacity: 1;
			}
			.kod_rabatowy .formBtn i {
				margin-left: 0px;
				background-position: right top;
			}

			.kod_rabatowy .formBtn:hover i{

				opacity: 0.5;
				background-position: left bottom;
			}

			.navKoszyk {
			    float: left;
			    margin-bottom: 20px;
			    width: 100%;
/*			    background: var(--kolor-glowny);*/
			    background: rgba(218,179,103,1);
			    border-radius: 10px;
			    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
			    display: flex;
			}
			.adres_rozliczenia {
			    background-color: #fff;
			    border-radius: 10px;
			    padding: 2vw !important;
			    margin-top: 2vw;
			    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
			}
			.adres_rozliczenia a {
				/*color: var(--kolor-czerwony);*/

			}
			.adres_rozliczenia a:hover {
				color: var(--kolor-czerwony);
			}
			.potwierdzenie.adres_rozliczenia a {
				color: var(--kolor-czerwony);
				
			}
			.potwierdzenie.adres_rozliczenia a:hover {
				color: var(--kolor-czarny);
			}
			.adres_rozliczenia a#sprawdz_kod:hover {
				color: var(--kolor-bialy);
			}

			.adres_rozliczenia h2 {
			    text-align: left;
			    font-size: var(--font-size-30px);
			    margin-top: 20px;
			    margin-bottom: 20px;
			}

			.kol_2.adresy p {
			    display: inline-block;
			    width: 48%;
			    margin-right: 1%;
			    color: #666;
			    font-size: var(--font-size-18px);
			}

			.kol_2.adresy p.pojedynczy {
			    width: 99%;
			    margin-right: 1%;
			    float: none;
			    clear: both;
			}

			.kol_2.adresy p .formInput {
			    margin-bottom: 1px;
			}


			select.formInput {
				appearance: none ;
				line-height: 18px !important;
				
				background-image: url('../img/select_icon.png');
				background-repeat: no-repeat; 
				background-position: 95% center;
			}
			select.formInput:after {
			    font-size: var(--font-size-30px) !important;
				
			}

			.produkt_boks {
			    padding: 0px;
			    overflow: hidden;
			    font-weight: 400;
			    width: 100%;
			    color: #333333;
			}

			.produkt_boks a {
			    padding: 0px !important;
			    padding-right: 30px !important;
			}

			.produkt_boks legend {
			    font-size: var(--font-size-14px);
			    color: #7b7b7b;
			    font-weight: 600;
			    letter-spacing: 1px;
			    text-transform: uppercase;
			    float: left;
			    width: 100%;
			    padding-left: 0px;
			}
			.atr_knt {
				display: grid;
				grid-template-columns: 150px 1fr;
				grid-gap: 20px;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			.atr_knt .formInput {
				padding-top: 5px;
				padding-bottom: 5px;
			}
			.atr_wyboru .labelSpan {
				line-height: 39px;
			}



 			.atr_knt strong,
 			.atr_knt span.labelSpan{
		 		font-size: 13px !important;
				line-height: 30px;
				padding-right: 5px;
				float: left;
				min-width: 40px;
				display: block !important;
				color: var(--kolor-jasnoszary);
				font-weight: 600;
				text-transform: uppercase;
		 		line-height: var(--line-height-50px);
		 		margin: 0px;
		 	}

 			.atr_knt strong{
 				color: #000;
 			}


			/*.atr_wyboru,
			.atr_wyboru p,
			.atr_opisowe,
			.atr_opisowe p {
			    font-weight: bold;
			}
			.atr_wyboru span,
			.atr_opisowe span{
			    font-weight: 400;
			    width: 200px;
			    display: inline-block;
			    font-weight: 400;
			}
			.kolumnyAtr .atr_opisowe span.labelSpan{
				padding-top: 2px;
			}
			.kolumnyAtr .atr_wyboru span.labelSpan,
			.atr_wyboru span{
				display: block !important;
				float: none;
				width: 100% !important;
				padding-bottom: 5px;
			}
			.atr_wyboru select.formInput{
				max-width: 100%;
				min-width: 100%;
			}*/

			.produkt_boks .left {
			    float: left;
			}

			a.producent {
			    text-transform: uppercase;
			    color: #000;
			    margin-right: 10px;
			}

			.cenaBox {
			    font-size: var(--font-size-16px);
			    font-weight: 600;
			}

			.kolorCena {
			    color: #cc0000;
			    font-size: var(--font-size-16px);
			}

			.kolorCena b {
			    font-size: 36px;
			}

			.stara_cena {
			    text-decoration: line-through !important;
			    font-weight: 600;
			    color: #555;
			}

			.koszyk_naglowek_knt {
			    border: 1px solid rgba(0, 0, 0, 0.1);
			    position: relative;
			    margin: 0px 0px 2% 0px;
			    font-weight: 300;
			}

			.koszyk_naglowek svg,
			.koszyk_naglowek i.fa.home,
			.koszyk_naglowek i.fas.home,
			.koszyk_naglowek i.far.home,
			.koszyk_naglowek i.fab.home {
			    padding-right: 5px;
			}

			.koszyk_naglowek span {
				font-weight: 600;
				font-size: var(--font-size-16px);
				padding-left: 3px;
			}

			.koszyk_naglowek {
			    width: 22%;
			    padding: 1% 1% 1% 2%;
			    background-color: #fff;
			    color: #aaaaaa;
			    float: left;
			    font-weight: 300;
			    flex: auto;
			    font-size: var(--font-size-20px);
			}

			.koszyk_naglowek.wybrany span {
				/*color: #fff;*/
			    color:#a81e23;
			}

			.koszyk_naglowek.wybrany {
			    background-color: transparent;
			    color: #fff;
			    color: #a81e23;
			    cursor: pointer;
			    font-weight: 400;
			}

		

			.dostawa_platnosc {
			    display: block;
			    padding: 10px;
			    background: #efefef;
			    border: 1px solid #efefef;
			    border-radius: 15px;
			    cursor: pointer;
			}
			.dostawa_platnosc.paynow {
			    background-image: url(../img/paynow.webp);
			    background-repeat: no-repeat;
			    background-position: 95% center;
			    background-size: auto 80%;
			}
			.dostawa_platnosc.blik {
		    	background-image: url(../img/blik.webp);
			    background-repeat: no-repeat;
			    background-position: 95% 6px;
			    background-size: auto 40px;
			}

			.dostawa_platnosc:hover {
			    border: 1px solid #ddd;
			}

			.dostawa_platnosc img {
			    max-height: 25px;
			    width: auto;
			    float: right;
			}

			.scroll_link {
			    position: absolute;
			    margin-top: -15px;
			}

			.powiazany {
			    display: inline-block;
			    padding: 3px 10px 3px 10px !important;
			    margin: 5px 0px 5px 0px !important;
			}

			.powiazany a {
			    color: #000;
			}

			.powiazany a:hover {
			    color: #666666;
			}

			.powiazany.zaznaczony a {
			    color: #000;
			}

			.powiazany.zaznaczony {
			    border: 1px solid #999;
			    background-color: #ddd;
			    padding-top: 11px;
			}

			.powiazany img {
			    height: 20px;
			    width: auto;
			}

			input[type="text"].formInput2 {
			    font-family: var(--czcionka);
			    font-size: var(--font-size-15px);
			    color: #000000;
			    padding-top: 5px;
			    padding-right: 10px;
			    padding-bottom: 5px;
			    padding-left: 10px;
			    margin-bottom: 10px;
			    border: 1px solid #CCC;
			    width: auto;
			    display: inline-block;
			}

			input[type="number"].formInputKoszyk {
			    font-family: var(--czcionka);
			    font-size: var(--font-size-15px);
			    color: #000000;
			    width: 80px;
			    padding-top: 5px;
			    padding-right: 10px;
			    padding-bottom: 5px;
			    padding-left: 10px;
			    margin-bottom: 10px;
			    border: 1px solid #CCC;
			    display: inline-block;
			}

			.btnMax {
				position: static;
				display: inline-block;
				padding: 2px 10px;
				text-transform: uppercase;
				font-size: var(--font-size-16px);
				font-weight: 700;
				line-height: 26px;
				letter-spacing: 2px;
				border: none;
				cursor: pointer;
				font-family: var(--czcionka);
				border: 3px solid var(--kolor-czerwony);
				background-color: var(--kolor-czerwony);
				text-align: center;
				letter-spacing: 2px;
				color: #fff;
			}

			.czerwony {
			    color: var(--kolor-czerwony);
			}
			.wybierz_paczkomat_mapa {
				width: 80%; height: 800px; margin: 20px auto;
			}
			#easypack-search {
				font-size: 18px !important;
			}
		/** koszyk **/


		.centerBtn{
			text-align: center;
			margin-top: 2vw;
		}
		.centerBtn.d-flex button{
			line-height: 18px !important;
			padding-top: 10px;
			padding-bottom: 10px;
		}		
		.btn{
			background-color: #404549;
			color: #fff;
			text-align: center;
			display: inline-block;
			text-transform: uppercase;
			font-size: calc(12px + 0.5vw);
			padding: 0.5vw 2vw;
			font-weight: 600;
			letter-spacing: 1px;
		}

		.btn:hover{
			background-color: var(--kolor-czerwony);
		}
		.wybierz_herb {
			color: var(--kolor-czarny);
			text-align: center;
		}
		.wybierz_herb a {
			color: var(--kolor-czerwony);
			cursor: pointer;
		}



		/*.tlo_transparentne article,
		body.influ .tlo_transparentne article li,
		.tlo_transparentne article p {
			line-height: calc(28px + 0.3vw);
		}*/
		.tlo_transparentne {
			margin: 5vw 0px;
			width: auto;
			position: relative;
		}
		.tlo_transparentne h3.ngh3{
			text-transform: uppercase;
			color: var(--kolor-glowny);
			font-weight: 900;
			font-size:  calc(14px + 0.5vw);
			margin: 1vw 0px 0px 0px !important;

		}
		.tlo_transparentne h2.ngh2{
			text-transform: uppercase;
			color: var(--kolor-glowny);
			font-weight: 900;
			font-size:  calc(22px + 2.5vw);
			margin: 0px 0px 1vw 0px;
		}

		.tlo_transparentne.tlo_koszyk {
			margin:3% 10%;
		}

		.tlo_transparentne.tlo_strona.tlo_tresc  {
			width: 80vw;
			margin: auto;
		}
		.tlo_transparentne.tlo_strona  {
			/*padding-bottom: 5vw;*/
		}
		.tlo_transparentne.tlo_strona header {
			height: 35vw;
			overflow: hidden;
			background-color: var(--kolor-glowny);
			background-position: center center;
			background-size: 100% auto;
		}
		.tlo_transparentne.tlo_strona header:before {
			display: block;
			content: ' ';
			width: 100vw;
			height: 35vw;
			position: absolute;
			z-index: 290;
			background-image: url(../img/nakladka_wynik.webp);
			background-size: cover;
			background-position: center top;
			background-color: rgba(8,39,109,0.3);
		}
		.tlo_transparentne.tlo_strona header h1 {
			position: absolute;
			z-index: 300;
			color: #fff;    
			font-size: calc(46px + 1vw);
			margin: 14vw 25vw 5vw 15vw;
			height: 19vw;
			vertical-align: middle;
			display: table;
		}
		.tlo_transparentne.tlo_strona header h1 span {
			display: table-cell;
			vertical-align: middle;
		}
		.tlo_transparentne.tlo_strona .kreska.kkontakt {
			top: 25.5vw;
		}
		.tlo_transparentne.tlo_strona article {
			margin: 2vw 5vw 5vw 5vw;
		}

		.tlo_transparentne.tlo_onas{
			background-image: url('../img/tlo_onas.jpg');
			background-size: cover;
			background-position: center center;
		}

		.tlo_transparentne.tlo_onas .szerokosc_str{
			padding-top:  2vw;
			padding-bottom:  2vw;
		}

		.tlo_transparentne.tlo_onas .szerokosc_str h2{
			color: var(--kolor-glowny);
			font-size:  calc(16px + 0.5vw);
			text-transform: uppercase;
			line-height: 1.3em;
			letter-spacing: 1px;

		}

		.tlo_transparentne.tlo_onas .szerokosc_str h2 strong{
			color: var(--kolor-czerwony);
			font-size:  calc(40px + 1vw);

			text-transform: uppercase;
			line-height: calc(40px + 1vw);
		}
		.tlo_transparentne.tlo_onas .szerokosc_str .wp-block-image figure{
			margin: 0px;
		}


		.tlo_transparentne.tlo_filmowe{
			margin-top: 2vw;
		}
		.tlo_filmowe .box_filmowy{
			width: 82%;
			margin: 0 auto;
			border-radius: var(--brrad);
			position: relative;
			overflow: hidden;
		}
		.tlo_filmowe .box_filmowy:before{
			display: block;
			content: ' ';
			position: absolute;
			top: 0px;
			right: 0px;
			bottom: 0px;
			left: 0px;
			z-index: 10;
			box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.62) inset;
		}

		.tlo_filmowe .box_filmowy video{
			position: absolute;
			z-index: 8;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			width: auto;
			height: 100%;
		}

		.tlo_filmowe .box_filmowy .tekst_ddh{
			position: relative;
			z-index: 15;
			width: 50%;
			margin: 120px 3%;
			padding: 45px;
			background-image: url('../img/tlo_na_film_03.png');
			background-size: cover;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
		}

		.tlo_filmowe .box_filmowy .tekst_ddh h2{
			margin-top: 0px;
			font-family: var(--czcionka2);
			color: var(--kolor-ciemnoszary);
			font-size: var(--font-size-60px);
		}
		.tlo_filmowe .box_filmowy .tekst_ddh h2 span{
			color: var(--kolor-czerwony);
		}
		.tlo_filmowe .box_filmowy .tekst_ddh p{
			font-size: var(--font-size-20px);
			line-height: var(--line-height-28px);
/*			text-align: justify;*/
		}

		.tlo_filmowe .img_polska_herby{
			position: absolute;
			right: 0;
			bottom: -160px;
			z-index: 20;
			max-width: 45%;
		}

		
		.box_dalaczego_my{
			/*background-image: url('../img/gwozdz_27.webp'), url('../img/gwozdz_28.webp'), url('../img/tlo_onas_14.webp');*/
			background-position: 2% 25%, 98% 25%, center center;
			background-repeat: no-repeat, no-repeat, no-repeat;
			margin: 0vw 10vw;
		}
		.box_dalaczego_my .tresc_my{
			padding:6vw 4vw;
		}
		.box_dalaczego_my .tresc_my p{
			font-size: var(--font-size-24px);
		}

		.box_dalaczego_my .tresc_my h2{
			font-weight: 700;
			font-size: var(--font-size-48px);
			line-height: 48px;
		}

		.box_seo{
			margin: 2vw 0px;
		}
		.box_seo .tresc_seo{
			display: grid;
			grid-template-columns: 15vw 1fr 40vw;
			grid-template-rows: 1fr;
			
		}

		.box_seo .tresc_seo div.trescS{
			padding: 5vw;
			padding-bottom: 7vw;
		}
		.tlo_lista_blog h2,
		.box_seo .tresc_seo div.trescS h2{
			margin-top: 0px;
			font-size: var(--font-size-60px);
			font-weight: 700;
		}





		.box_seo .tresc_seo div.trescS ul{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;

		}
		.box_seo .tresc_seo div.bg_seo1{
			/*background-image: url('../img/gwozdz_28.webp'), url('../img/seo1.webp');*/
			background-size: auto auto, cover;
			background-position: right top, bottom center;
			background-repeat: no-repeat, no-repeat;



		}

		.box_seo .tresc_seo div.bg_seo2{
			/*background-image: url('../img/gwozdz_27.webp'), url('../img/seo2.webp');*/
			background-size: auto auto, cover;
			background-position: left top, bottom center;
			background-repeat: no-repeat, no-repeat;



		}




		.tlo_kontakt{
			margin: 2vw 10vw;
			padding: 50px;
			background-size: cover;
			display: grid;
			grid-template-columns: auto auto auto auto;
		}

		.tlo_kontakt div{
			text-align: center;
		}
		.tlo_kontakt div span{
			display: inline-block;
			line-height: 14px;
			font-weight: 600;
			color: #000;
			line-height: 70px;
		}
		.tlo_kontakt div a{
			display: inline-block;
			text-transform: none;
			font-size: var(--font-size-24px);
			font-weight: 500;
			color: #000;
		
			line-height: 30px;
			overflow: hidden;
		}

		.tlo_kontakt div a:hover{
			transform: scale(1.1);
		}
		.tlo_kontakt div a:hover span{
			color: var(--kolor-czerwony);
		}

		.tlo_kontakt div a i{
			margin: 0px 10px;
		}

		.tlo_kontakt div a span,
		.tlo_kontakt div a img{
			display: inline-block;
			float: left;
			font-size: var(--font-size-18px);
		}



		

		.ikonyInfo{
			display: grid;
			grid-template-columns:  1fr 1fr 1fr;
			grid-column-gap: 2px;
			align-items: center;
			background-color: #d6d6d6;
		}
		.ikonyInfo div{
			background-color: #fff;
			text-align: center;
			padding: 2vw 0px;
		}
		.ikonyInfo div i{
			color: var(--kolor-czerwony);
			font-size: var(--font-size-60px);
			padding: 10px;
		}

		.ikonyInfo div h3{
			font-size:  20px;
			color: var(--kolor-glowny);
			text-transform: uppercase;
			text-align: center;
			font-weight: 600;
			letter-spacing: 0.5px;
		}

		.pozycjaSciezki {
			margin-top: 0px;
		}
		.pozycjaSciezki.kategorie {
			margin-left: 0px;
		}


		.sciezka{
			display: block;
			overflow: hidden;
			position: absolute;
			margin-top: -55px;
			z-index: 305;
			left: 12.5vw;
		}

		.sciezka li{
			list-style: none;
			float: left;
			display: inline-block;
			margin: 0px 5px 0px 5px;
		}

		.sciezka li a{
			font-size: calc(12px + 0.1vw);
			font-weight: 500;
			color: #a4a4ae;
			opacity: 0.8
		}
		.sciezka li a:hover{
			opacity: 1;
			color: #000;
		}

		.box_ilosc{
			overflow: hidden;
			width: 130px;
		}
		.box_ilosc i{
			float: left;
			line-height:  30px;
			cursor: pointer;
			color: var(--kolor-jasnoszary);
			-webkit-transition: 0.1s ease-in-out;
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
		}
		.box_ilosc i:hover{
			color: var(--kolor-czerwony);
			transform: scale(1.1);
			-webkit-transition: 0.1s ease-in-out;
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
		}
		.box_ilosc input{
			float: left;
			color: var(--kolor-szary);
		}


		.zestaw {
			margin-top: 20px;
			background-color: #f7f7f7;
			padding: 20px;
		}
		.zestaw ul{
			margin: 0px !important;
			list-style: none;
		}

		.zestaw li{
			overflow: hidden;
			margin: 5px 0px;
		}

		.zestaw li strong{
			float: left;
			width: calc(100% - 100px);
		}

		.zestaw li span{
			float: right;
			width: 100px;
			text-align: right;
		}

		.zestaw li span strong{
			width: 100%;
		}

		.zestawGrid{
			display: grid;
			grid-template-columns: 100px 1fr 120px;
			grid-gap: 10px;
			align-items: center;
			margin-bottom: 20px;
		}
		.tlo_transparentne .opisProdukty .zestawGrid h3{
			margin: 0px 0px 5px 0px !important;
			color: var(--kolor-czerwony);
		}

		.zestawGrid ul li{
			margin: 0px;
		}

		.zKoszyk a{
			border: 0px ;
			color: var(--kolor-czerwony);
			text-align: center;
			font-weight: 700;
			text-transform: uppercase;
			font-size: var(--font-size-20px);
			display: block;
		}

		.zKoszyk a:hover{
			color: #000;
		}





		.tlo_zalety{
			/*background-image: url("../img/tlo_zalety_06.webp");*/
			background-size: auto 45vw;
			background-repeat:  no-repeat;
			background-position: top left;
			margin: 0px;
			margin-top: -5vw;
			padding:  5vw;
		}
		.tlo_zalety .tresc_knt{
			width:  45vw;
			margin: 5vw 0px;
			margin-left: 40vw;
		}
		.tlo_zalety ul{
			margin: 0px !important;
			list-style: none;
			font-size:  calc(14px + 0.5vw);
			font-weight:900 ;
		}

		.tlo_zalety ul li{
			margin: 2vw;
		}
		.tlo_zalety ul li:before {

		  display: inline-block;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  -webkit-font-smoothing: antialiased;

		  font-family: "Font Awesome 5 Free"; 
		  font-weight: 900; 
		  content: "\f058";

		  margin-left: -1.5em; 
		  width: 1.3em;
		  font-size:  1em; 
		  color: var(--kolor-glowny);
		 
		}


		.tlo_formularz{
		    margin: 5vw 20vw;
		    text-align: center;
		}

		.tlo_formularz .duzyLink{
			font-size: calc(18px + 0.5vw);
			margin: 20px 40px;
			color: var(--kolor-glowny);
			font-weight: 700;

		}

		.tlo_formularz .duzyLink i{
			color: var(--kolor-glowny);
			padding-right:  5px;
		}

		.formularzBox{
			background-color: #f3f0f3;
			/*clip-path: polygon(150px 0%, 100% 0%, 100% calc(100% - 100px), calc(100% - 150px) 100%, 0% 100%, 0% 100px);*/
			margin: 2vw 0px;
			padding: 3vw 5vw;
		}



		ul.panel_klienta_menu {
			margin: 0px !important;
			padding: 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 10px;
		}
		ul.panel_klienta_menu.kolumn_1 {
			grid-template-columns: 1fr;
		}
		ul.panel_klienta_menu li {
			list-style:none;
			float:left;
			text-align:center;
			margin: 0px;
			font-weight: bold;
			width: auto;
			float: none;
		} 
		ul.panel_klienta_menu li:last-child {
			margin-bottom: 0px;
		}
		ul.panel_klienta_menu li a i  {
			display: block;
			font-size: 36px;
			margin-bottom: 10px;
			color: var(--kolor-glowny);

		}
		ul.panel_klienta_menu li a {
			color: var(--kolor-czarny) !important;
			display: block;
			margin: 0px;
			padding: 15px 10px 15px 10px;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
/*			background: var(--kolor-zolty);*/
		}


		ul.panel_klienta_menu.koszyk li a {
			background: rgba(218,179,103,1)
		}
		ul.panel_klienta_menu li a:hover {
			box-shadow: 0px 0px 50px var(--cien);
			background: rgba(218,179,103,1);
			color: #fff !important;
/*			background: var(--kolor-czerwony);*/
/*			background: linear-gradient(180deg, rgba(249,249,248,1) 0%, rgba(240,240,239,1) 100%);*/
		}

		ul.panel_klienta_menu li a:hover i {
			color: #fff !important;
		}
		ul.panel_klienta_menu li strong a:hover,
		ul.panel_klienta_menu li strong a {
			color: var(--kolor-bialy) !important;
			background: rgb(255,255,255);
			background: linear-gradient(45deg, rgba(60,50,31,1) 0%, rgba(115,108,95,1) 100%);
			background: rgba(218,179,103,1);
		}
		ul.panel_klienta_menu li strong a i {
			color: var(--kolor-bialy) !important;
		}

		ul.panel_klienta_menu.koszyk li {
		    float: none;
		    margin: 10px 2% 10px 2%;
		    text-align: center;
		    width: 96%;
		    font-size: var(--font-size-20px);
		}

		ul.panel_klienta_menu.koszyk li svg,
		ul.panel_klienta_menu.koszyk li i.fa,
		ul.panel_klienta_menu.koszyk li i.fas,
		ul.panel_klienta_menu.koszyk li i.far,
		ul.panel_klienta_menu.koszyk li i.fab {
		    display: inline-block;
		    font-size: var(--font-size-20px);
		    margin: auto;
		    margin-top: 10px;
		}

		.panel_klienta_komulny {
			display: grid;
			grid-template-columns: 1fr 300px;
			grid-gap: 30px;
		}
		.panel_klienta_komulny ul {
			grid-template-columns: 1fr;
		}


		.dane_afiliacyjne .kolumnu_2{
			margin: var(--brrad);
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 30px;
			margin-top: 0px;
		}


		.dane_afiliacyjne strong{
			margin-left: 10px;
			font-size: 1.3em;
			display: inline-block;
		}

		.dane_afiliacyjne .kolumnu_2{
			  margin: 0px;
		}
		.dane_afiliacyjne .kolumnu_2 div.boxT{
			color: var(--kolor-czarny) !important;
			display: block;
			margin: 0px;
			padding:  var(--brrad);
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}
		.histria_afiliacji h3,
		.dane_afiliacyjne .kolumnu_2 div.boxT h3{
			margin-top: 30px;
			margin-bottom: 10px;
			font-size: var(--font-size-20px);
		}
		.histria_afiliacji h3:first-child,
		.dane_afiliacyjne .kolumnu_2 div.boxT h3:first-child{
			margin-top: 0px;
		}

		.histria_afiliacji{
			color: var(--kolor-czarny) !important;
			display: block;
			margin: 30px 0px 0px 0px;
			padding:  var(--brrad);
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}

		.regulaminBox{
			  box-shadow: 5px 5px 25px var(--cien) inset;
			  padding: calc(var(--brrad)/2);
			
			  background-size: 100% 100%;
			  background-repeat: no-repeat;
			  background-position: center top;
			  color: var(--kolor-ciemnoszary);
			  margin: 0px 0px 30px 0px;
			  border-radius: var(--brrad);
		}

		.histria_afiliacji h2,
		.regulaminBox h2{
			margin: 20px;
		}

		.regulaminBox .tresc_regulaminu{
			border-radius: var(--brrad);
			padding:  var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);
		}

		.regulaminBox .tresc_regulaminu ol{
			margin: 0px;
		}
		.regulaminBox form{
			margin: 20px;
		}

		.regulaminRozwin{
			border-radius: 15px;
		}

		.regulaminRozwin p.rozwinRegulamin{ 
			margin: 0px;
			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;
		}

		.regulaminRozwin p.rozwinRegulamin:hover{
			color: var(--kolor-czerwony);
		} 

		.regulaminRozwin p.rozwinRegulamin label{
			float: left; 
		}
		.regulaminRozwin p.rozwinRegulamin i{
			float: right; 

			-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;
		}
		.regulaminRozwin p.rozwinRegulamin i.rozwin{
			transform: rotate(180deg);
		}

		.regulaminRozwin .tresc_regulaminu{
			height: 0px;
			overflow: hidden;
			display: none;
		} 
		.regulaminRozwin .tresc_regulaminu.rozwin{
			height:auto;
			overflow: hidden;
			display: block;
		} 



		.info_roz_knt {
			margin-bottom: 1em;
		}
		.info_roz_knt ul, .info_roz_knt ol {
			margin-left: 0px;

		}
		.info_roz_knt a {
			color: var(--kolor-czerwony);
		}
		.info_roz_knt a:hover {
			color: var(--kolor-glowny);
		}
		.info_roz_ng {
			padding: 15px 25px 15px 25px;
			cursor: pointer;
			position: relative;
			margin-bottom: 10px;
			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%); 
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		}
		.info_roz_ng:hover {
			background-color: #f2f2f2;
			-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_strona_produkt  .info_roz_ng {
			padding: 0px;
			background-color: transparent;
		}
		.tlo_transparentne .opisProdukty .info_roz_ng h3,
		#zawartosc .info_roz_ng h3 {
			padding: 0px 25px 0px 0px;
			margin: 0px !important;
			font-size: var(--font-size-20px);
			font-weight: 700;
			text-transform: none;
			letter-spacing: 0px;
		}
		.info_roz_ng i {
			position: absolute;
			right: 15px;
			top: 17px;
			-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_ng.rozwiniete i {
			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;
		}
		.info_roz_tr_info {
			padding: 1vw 2vw;
		}
		.info_roz_tr {
			display: none;
			padding: 1vw 2vw;
			display: none;
		}		
		.info_roz_tr a {
			color: var(--kolor-czerwony);
		}	
		.info_roz_tr a:hover {
			color: var(--kolor-czarny);
		}
		.info_roz_tr.widoczne {
			border-top: none;
			padding: 0px;
			display: block;
		}
		body.influ .opisProdukty table td {
			font-size: var(--font-size-14px);
		}
		body.influ .opisProdukty table tr td:first-child {
			min-width: 100px;
		}


		.komentarz_blog .formInput {
			margin-top: 0px !important;
			padding-top: 0px;
			padding-bottom: 0px;
			border-radius: 15px;
		}
		.komentarz_blog textarea.formInput {
			padding-top: 10px;
			padding-bottom: 10px;
			height: 130px;
			border-radius: 15px;
		}
		body.influ .tlo_strona_blog_wpis .komentarz_info p,
		.komentarz_info {
			font-size: 18px !important;
		}
		.komentarz_kol {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 30px;
			margin-top: 15px;
		}
		.komentarz_kol div:last-child {
			text-align: right;
		}
		body.influ .tlo_strona_blog_wpis .komentarze_knt p.odpowiedz_nak,
		body.influ .tlo_strona_blog_wpis .komentarze_knt p,
		.komentarze_knt {
			font-size: 18px !important;
		}


		.trescKom,
		.komentarze_knt ul.kPoziom_0{
			max-height: 600px;
			overflow-y: scroll;
		}


		.trescKom .trescKom{
			max-height: 100000px;
			overflow-y: auto;
		}



		body.influ .tlo_strona_blog_wpis .komentarze_knt p.odpowiedz_nak {
			margin-bottom: 0px;
		}
		.komentarze_knt .odpowiedz {
			text-align: right;
		}
		.komentarze_knt ul {
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		.komentarze_knt ul li {
			list-style: none;
			margin: 10px 0px 10px 0px;
			padding: 10px 20px 10px 20px;
			border-left: 3px solid #e2e2e2;
			border-right: 1px solid #e2e2e2;
			border-top: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;
			background-color: #fff;
			border-radius: 15px;
		}
		.komentarze_knt ul li .autor{
			font-size: var(--font-size-20px);
			font-weight: bold;
		}
		.komentarze_knt ul li .autor img{
			max-height: 40px;
			max-width: 100%;
			margin-bottom: 5px;
			width: auto;
		}
		.komentarze_knt ul li section{
			position: relative;
		}
		.komentarze_knt ul li .data{
			float: right;
			font-size: var(--font-size-16px);
			margin-top: 0px;

			position: absolute;
			top: 0px;
			right: 0px;
		}
		.komentarze_knt ul li .formBtn{
			font-size: 13px !important;
			height: 25px;
			line-height: 25px;
			opacity: 0;
		}
		.komentarze_knt ul li:hover .formBtn{
			opacity: 1;
		}
		.komentarze_knt ul li .formBtn i {
			height: 25px;
			line-height: 25px;
		}


		.komentarze{
			margin-bottom: 60px;
		}
		.trescKom{
			margin-bottom: 30px;
		}

		.komInfo{
			font-family: var(--czcionka);
			background-color: #f4f3f0;
			box-shadow: 5px 5px 25px var(--cien) inset;
			padding: 0px 0px 0px 20px;
			margin-top: 5px;
			margin-bottom: 5px;
			border-radius: 15px;
			color: #3c321f;
			font-size: var(--font-size-16px);
		}
		.kom{
			width: 98%;
			border: 1px solid #f2f2f2;
			padding:10px 0 10px 2%;
			margin-top: 5px;
		}
		.kom .data{
			width: 50%;
			float: right;
			text-align: right;
			font-size: var(--font-size-16px);
			font-style: italic;
		}
		.kom .imie{
			width: 50%;
			float: left;
			text-align: left;
			font-style: italic;
			font-weight: 600;
			font-size: var(--font-size-18px);
		}
		.kom .imie img{
			max-height: 35px;
			max-width: 100%;
			margin-bottom: 5px;
			width: auto;
		}
		.kom .tresc{
			border-top: 1px solid #ccc;
			width: 98%;
			padding:1%;
			clear: both;
			font-size: var(--font-size-18px);
		}

		.kom .ocena{
			width: 100%;
			text-align: left;
			clear: both;
			color: var(--kolor-zolty);
		}
		.star-cb-group {
			color: var(--kolor-zolty);
		}

		.dodajKomentarz fieldset{
			width: 98%;
			margin:1% 0px;
			text-align: left;
		}
		.dodajKomentarz fieldset input {
			width: 50px;
			display: none;
			height: 15px;


		}
		.dodajKomentarz fieldset label {
		    display: inline-block;
			font-size: var(--font-size-30px) !important;
			cursor: pointer;
		}

		.gwiazdkiMini {
			display: inline-block;
			/*overflow: hidden;
			margin-top: -7px;*/
		}
		.gwiazdkiMini i{
			font-size: var(--font-size-16px);
			color: var(--kolor-zolty);
			padding: 0px;
		}
		#start_hook {
			position: absolute; 
		}
		#zawartosc{
			padding: 190px 0px 0px 0px;
			margin:0;
			position: static;
			z-index: 3;
			background-size: 100% auto;
			background-repeat: repeat-y;
			/*max-width: 100%;
			overflow-x: hidden;*/
		}
		#zawartosc.podstrona{
			padding: 300px 0px 0px 0px;
		}
		#zawartosc .odstepGlowny{
			padding-top: 5vw;
		}
		#zawartosc label
		{
			font-size: 1em;
		}

		#zawartosc ul {
			margin-bottom: 1.5rem;
		}


		.zalacznik {
		    width: 0.1px;
		    height: 0.1px;
		    opacity: 0;
		    overflow: hidden;
		    position: absolute;
		    z-index: -1;
		}

		.zalacznik + label {
		    max-width: 80%;
		    font-size: var(--font-size-14px);
		    text-transform: uppercase;
		    /* 20px */
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    cursor: pointer;
		    display: inline-block;
		    overflow: hidden;
		    padding: 0.625rem 1.25rem;
		    /* 10px 20px */
		}

		.no-js .zalacznik + label {
		    display: none;
		}

		.zalacznik:focus + label,
		.zalacznik.has-focus + label {
		    outline: 1px dotted #000;
		    outline: -webkit-focus-ring-color auto 5px;
		}

		.numery {
			font-size: var(--font-size-14px);
			color: #CCCCCC;
			margin-top: 15px;
			text-align: center;
			padding-top: 10px;
			clear: both;
			position: relative;
		}

		.numery a {
			margin: 2px;
			text-decoration: none;

			border-radius: 50%;
			background-color: #dedede;
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 600;
			font-size: var(--font-size-16px);
			color: #7a7a7a !important;
			font-family: var(--czcionka);
		}
		.numery a:hover {
			opacity: 0.6;
		}
		.pusty {
			margin: 2px;
			text-decoration: none;
			background-color:var(--kolor-czerwony);


			border-radius: 50%;
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 600;
			font-size: var(--font-size-16px);
			color: #fff !important;
			font-family: var(--czcionka);
		}

		.btnHexKnt{
			padding-top: 20px;
			text-align: right;
		}
		.btnHex{
			display: inline-block;
			padding: 10px 50px;
			background-color: var(--kolor-glowny);
			text-transform: uppercase;
			margin-right: 20px;
			font-size: calc(16px + 0.3vw);
			line-height: 1.3em;
			color: #fff;
			font-weight: 900;
			letter-spacing: 0.01em;
			transform: skewX(-30deg);

			clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
		}
		.btnHex span {
			display: inline-block;
			transform: skewX(30deg);
		}
		.btnHex.btn_bialy{
			background-color: #f3f0f3;
			color: #483b48;
		}

		.btnHex:hover{
			/*transform: translate(10px, 0);*/
			transform: translate(10px, 0) skewX(-30deg);
			background-color: var(--kolor-czarny);
			/*transform: scale(1.1) rotate(2deg);*/
			clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
		}

		input.btn_drewno,
		.btn_drewno{
			/*background-image: url('../img/btn_03.webp');*/
			background-size: 100% auto;
			width: 430px;
			height: 108px;
			text-transform: uppercase;
			color: #fff;
			text-align: center;
			display: block;
			line-height: 104px;
			font-size: var(--font-size-20px);
			font-weight: 600;
			background-color: transparent;
		}

		input.btn_drewno{

		    line-height: 40px;

		}

		input.btn_drewno:hover,
		.btn_drewno:hover{
			filter: grayscale(100%);
		}
		.tlo_lista_blog{
			margin: 0px;
			padding: 1% 12%;
			background-repeat: no-repeat;
		}

		.tlo_lista_blog h2{
			margin-top: 50px;
			text-align: center;
		}
		.tlo_lista_blog h2 span{
			color: var(--kolor-czerwony);
		}

		.tlo_lista_blog ul.wpisy li:nth-child(4) {
			display: none !important;

		}
		
		.do_koszyka .btnHex.btnKoszyk{
			display: block;
			margin-top: 10px;
			margin-left: 0px;
		}
		#formularz_sortowania{
			font-size: var(--font-size-14px);
			float: right;
			margin-top: 12px;
			text-transform: uppercase;
		}

		#formularz_sortowania select{
			background: #fff;
			border: 1px solid #ccc;
			margin-left: 10px;
			padding: 5px;
			font-size: var(--font-size-16px);
			font-family: var(--czcionka);
			border: none;
			padding-left: 15px;
			padding-right: 5px;
			border-radius: 15px;
			cursor: pointer;
			box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);

			appearance: none;
			line-height: 18px !important;
			background-image: url('../img/select_icon.png');
			background-repeat: no-repeat;
			background-position: 95% center;
			background-size: 25px;
		}
		.bark_p {
			margin: 20px 0px 20px 0px;
		}

		.formularzMini {
		    margin: 0;
		    background: #fff;
		    padding: 2vw;
		    margin: 0 auto;
		    box-shadow: 5px 5px 25px var(0,0,0,0.25);
		    border-radius: var(--brrad);		    
		}
		.boxLinki {
		    text-align: center;
		    font-size: var(--font-size-16px);
		    text-transform: uppercase;
		    font-weight: 500
		}

		.boxLinki a {
		    color: #000;
		    padding: 0px 10px;
		}

		.boxLinki a:hover {
		    color: var(--kolor-czerwony);
		    padding: 0px 10px;
		}

		#formularz_knt h3{   
			text-align: left;
		   font-size: var(--font-size-30px);
		   margin-top: 20px;
		   margin-bottom: 20px;
		}
		#formularz_knt .podwojny p:nth-child(2n+1) {
			width: 48%;
			float: left;
		}
		#formularz_knt .podwojny p:nth-child(2n) {
			width: 48%;
			float: right;
		}
		#formularz_knt .podwojny:after {
			display: block;
			content: ' ';
			clear: both;
			opacity: 0;
		}
		input.formInput {
		    font-family: var(--czcionka);
			display: inline-flex;
			box-shadow:  5px 5px 25px var(--cien) inset;
			line-height: 35px;
			padding: 5px 20px 5px 20px;
			margin-top: 5px;
			margin-bottom: 5px;
			border-radius: var(--brrad);
			color: #3c321f;
			font-size: var(--font-size-18px);
			border: 0px;
			background-color: #f4f3f0;
		}
		input.formInput.input_blik {
		    letter-spacing: 10px;
		    width: 190px;
		    font-weight: bold;
		}
		input.formInput.input_blik::-webkit-outer-spin-button,
		input.formInput.input_blik::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
			-moz-appearance: textfield;
		}
		input.formInput.dodatek {
			width: 80px;
			margin-left: 15px;
			padding: 7px 15px 7px 15px;
			font-size: var(--font-size-17px);
			font-weight: bold;
			display: inline-block;
		}
		select.formInput {
		    font-family: var(--czcionka);
			display: inline-flex;
			box-shadow:  5px 5px 25px var(--cien) inset;
			line-height: 35px;
			padding: 14px 20px 14px 20px;
			margin-top: 5px;
			margin-bottom: 5px;
			border-radius: var(--brrad);
			color: #3c321f;
			font-size: var(--font-size-16px);
			border: 0px;
			width: 100%;
			background-color: #f4f3f0;
		}
		input.formInput::placeholder  {
			opacity: 0.8;
		}
		input.has-error{
			color: red;
			text-align: left;
		}
		input.has-error::placeholder {
			color: red;
		}

		textarea.formInput {
		    font-family: var(--czcionka);
			display: inline-flex;
			background-color: #f4f3f0;
			box-shadow:  5px 5px 25px var(--cien) inset;
			line-height: 35px;
			padding: 0px 0px 0px 20px;
			margin-top: 5px;
			margin-bottom: 5px;
			border-radius: 15px;
			color: #3c321f;
			font-size: var(--font-size-18px);
		}
		textarea.formInput.koszyk {
			border: 1px solid #eeeeee;
			line-height: normal;
			min-height: 140px;
			height: 140px;
		}
		textarea.formInput.dedykacja {
			height: 120px;
		}

		textarea.formInput::placeholder  {
			opacity: 0.8;
		}
		textarea.has-error{
			color: red;
		}
		textarea.has-error::placeholder {
			color: red;
		}

		input.formInput:focus,
		textarea.formInput:focus {
			border: none;
			outline: 1px solid #aaa;
		}
		.has-error{
			color: red;
			text-align: left;
			font-size: var(--font-size-16px);
			text-transform: none;
		}
		.regulaminInfo{
			display: block;
			/*font-size: var(--font-size-14px);
			line-height: 16px;*/
			text-align: left;
			color: #566166;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.formWyslijKnt{
			text-align: right;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		body.influ button:not(.pswp__button){
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}

		body.influ button:hover:not(.pswp__button){
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}


		input.formBtnPlatnosc,
		input[type="submit"].formBtnPlatnosc,
		.formBtnPlatnosc, a.formBtnPlatnosc {
		    font-family: var(--czcionka);
			display: inline-flex;
			background-color: #f4f3f0;
			box-shadow:  5px 5px 25px var(--cien) inset;
			height: 35px;
			line-height: 35px;
			padding: 0px 0px 0px 20px;
			border-radius: 15px;
			font-weight: 700;
			text-transform: uppercase;
			color: #3c321f;
			font-size: var(--font-size-16px);
			cursor: pointer;
			border: none;
			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;
		}

		input.formBtnPlatnosc:hover,
		input[type="submit"].formBtnPlatnosc:hover,
		.formBtnPlatnosc:hover, a.formBtnPlatnosc:hover {
			color: var(--kolor-czerwony);
			background-color: #fff;
			-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:  5px 5px 25px var(--cien) inset;
		}

		.formBtnPlatnosc.dotpay {
		    background-image: url(../img/dotpay_icon.webp);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 130px;
		}
		.formBtnPlatnosc.paynow {			
		    background-image: url(../img/paynow.webp);
		    background-repeat: no-repeat;
		    background-position: 95% center;
		    background-size: auto 80%;
		    line-height: 70px;
			padding-right: 130px;
			height: 70px;
		}
		.formBtnPlatnosc.blik {			
		    background-image: url(../img/blik.webp);
		    background-repeat: no-repeat;
		    background-position: 95% 6px;
		    background-size: auto 40px;
		    line-height: 70px;
			padding-right: 130px;
			height: 70px;
		}
		input.formBtnPlatnosc.przelewy24
		input[type="submit"].formBtnPlatnosc.przelewy24,
		.formBtnPlatnosc.przelewy24 {
		    background-image: url(../img/przelewy_icon.webp);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 130px !important;
		}




		.do_koszyka_b{
			width: auto !important;
			padding: 15px 20px !important;
			font-size: 16px !important;
		}

		body.influ a.formBtn {
			/*			position: static;
			display: inline-block;
			padding: 10px 30px 10px 30px;
			color: #000;
			text-transform: uppercase;
			font-size: var(--font-size-18px);
			font-weight: 700;
			line-height: 26px;
			border: none;
			cursor: pointer;
			background-color: transparent;
			font-family: var(--czcionka);
			border: 3px solid var(--kolor-czerwony);
			background-color: var(--kolor-czerwony);
			text-align: center;
			color: #fff;*/
		}
		body.influ a.formBtn:hover {
			/*			text-decoration: none;
			background-color: var(--kolor-glowny);
			border: 3px solid var(--kolor-glowny);
			transform: scale(1.1);
			filter: grayscale(100%);*/
		}
		body.influ a#sprawdz_kod {
			display: inline-block;
		}
		.ukryte {
		    position: absolute;
		    opacity: 0;
		    height: 1px;
		    width: 1px !important;
		    overflow: hidden;
		    display: none !important;
		}
		.wczytywanie {
		    max-width: 55px;
		    height: auto;
		}



		.wp-block-embed-youtube, .wp-block-embed-youtube iframe{
			border-radius: 10px;
		}


		ul.menuOfert {
			text-align: center;
			margin-left: 0px;
			padding-top: 20px;
			padding-bottom: 20px;
			background-color: rgba(0,0,0,0.1);
		}
		ul.menuOfert li {
			display: inline-block;
			list-style: none;
			margin: 10px;
			text-transform: uppercase;
		}
		ul.menuOfert li a {
			display: inline-block;
			padding: 3px 25px;
			background-color:  rgba(0,0,0,0.15);
			border-radius: 25px;
			color: #333;
			cursor: pointer;
		}
		ul.menuOfert li a:hover {
			color: #fff;
			background-color: var(--kolor-ciemnoszary);
		}
		ul.menuOfert li a.wybrane,
		ul.menuOfert li a.wybrane:hover {
			color: #fff;
			font-weight: bold;
			background-color: var(--kolor-glowny);
		}


		.ofertaUl{
			padding:0px;
			margin:0px;
			list-style: none;
		}

		.ofertaUl li{
			border-radius: 10px;
			margin:25px 5vw;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
			background-color: #fff;
		}
		.ofertaWiersz{
			width: 100%;
			display: grid;
			grid-template-columns: 1fr 2fr 1fr;
			/*align-items: center;*/
		}


		.ofertaWiersz img.icon{
				width: 100%;
				height: auto;
				border-radius: 10px;
		}
		.ofertaOpcje{
			padding: 5vw;
		}

		.ofertaWiersz .oTresc {
			padding: 30px 30px 5px 30px;
		}

		.ofertaWiersz .oTresc span.rozwin{
				color: #575771;
				text-transform:uppercase;
				font-weight: 500;
				cursor: pointer;
		}

		.ofertaWiersz .oTresc span.rozwin img{
			transform: rotate(90deg);
			filter: grayscale(70%);
			display: inline-block;
			width: 40px;
			margin-top: -4px;
		}
		.ofertaWiersz .oTresc span.rozwin font{
			line-height: 40px;
			display:inline-block;
		}

		.ofertaWiersz .oTresc h2{
			font-family: var(--czcionka);
			letter-spacing: 0px;
			color:#000;
			font-weight: 700;
			font-size: var(--font-size-24px);
			margin:0px;
		}

		.ofertaWiersz .oTresc h2 span{
			font-size: var(--font-size-18px);
			text-transform: uppercase;
			color: #686868;
		}

		.ikonyAtrybutow{
			display: block;
			width: 100%;
			margin: 10px 0px;
			overflow: hidden;
		}
		.ikonyAtrybutow div{
			display: inline-block;
			float:left;
			padding-right: 40px;
			color: #575771;
			font-weight: 500;


		}
		.ikonyAtrybutow div svg{
			padding-right: 5px;
			font-size: 22px;
		}

		.ofertaWiersz .oWiecej{	
			padding: 30px;
			/*padding: 60px 30px;*/
			border-left: 1px solid #e5e5e5;
			/*height: 100%;*/
		}

		.ofertaWiersz .oWiecej strong{
			color: #3b419b;
			font-size: var(--font-size-30px);
			display:block;
			margin-bottom: 40px;
		} 	
		.ofertaWiersz .oWiecej span.rozwin{
			text-transform:uppercase;
			font-weight: 500;
			cursor: pointer;
		}
		.ofertaWiersz .oWiecej span.rozwin img{
			display: inline-block;
			width: 40px;
			transform: rotate(180deg);
			margin-top: -4px;
		}
		.ofertaWiersz .oWiecej span.rozwin font{
			line-height: 40px;
			display:inline-block;
		}

		.ofertaWiersz .oWiecej span.rozwin img {
			-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;
		}
		.open .ofertaWiersz .oWiecej span.rozwin img {
			transform: rotate(0deg);

		}
		.open .ofertaWiersz .oWiecej span.rozwin:after  {
				content: "ZWIŃ";
		}
		.open .ofertaWiersz .oWiecej span.rozwin font  {
			display: none;
		}

		.ofertaWierszMini{
			grid-template-columns: 0.7fr 2.2fr 1.1fr;
			/*grid-template-columns: 0.7fr 2.3fr 1fr;*/
		}
		.ofertaWierszMini .oWiecej{
			padding:30px;
			height: auto;
		}
		.ofertaWierszMini .oWiecej strong{
			margin-bottom:10px;
		}
		.ofertaWiersz .oInfo{
			display: none;
			padding: 120px 30px 30px 30px;
			height: auto;
			font-size: var(--font-size-18px);
			font-weight: 500;
		}
		.ofertaWiersz.wybrana_oferta .oInfo{
			display: block;
		}
		.ofertaWiersz.wybrana_oferta .oWiecej.oWiecejPokoj{
			display: none;
		}
		.rezerwuj {
			background-color: #3b419b;
			color: #fff;
			text-transform:uppercase;
			padding:3px 20px;
			font-weight: 500;
			border-radius: 20px;
			cursor: pointer;
		}
		.rezerwuj:hover {
			filter: grayscale(100%);
			transform: scale(1.1);
		}
		.wylacz_oferte {
			pointer-events: none;
			filter: grayscale(100%);
			opacity: 0.75;
		}
		.ukryj_z_powodu_braku_dostepnosci {
			pointer-events: none;
			filter: grayscale(100%);
			opacity: 0.75;
			display: none;
		}

		.ofertaWiersz.wybrana_oferta .rezerwuj.zmien{
			display: block;
		}
		.ofertaWiersz.wybrana_oferta .rezerwuj{
			display: none;
		}
		.ofertaWiersz .rezerwuj.zmien{
			display: none;
		}
		.formularzInfoGlowny {
			padding-top: 5vh;
		}


		.btnDalej,
		input.btnDalej,
		a.btnDalej {
			font-family: var(--czcionka);
			background-color: var(--kolor-glowny);
			color: #fff;
			text-transform:uppercase;
			padding:8px 30px;
			font-weight: bold;
			font-size: var(--font-size-24px);
			line-height: 24px;
			border-radius: var(--brrad);
			cursor: pointer;
			display: inline-block;
			border: 3px solid 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;
		}
		.btnDalej:hover,
		input.btnDalej:hover,
		a.btnDalej:hover {
			background-color: #fff;
			color:  var(--kolor-glowny);
			/*filter: grayscale(100%);*/
			/*transform: scale(1.1);*/
			text-decoration: 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;
		}
		.btnDalej.mini,
		input.btnDalej.mini,
		a.btnDalej.mini {
			padding:5px 20px;
			font-weight: 400;
			font-size: var(--font-size-18px);
			line-height: 18px;
		}

		.btnPowrot,
		a.btnPowrot {
			font-family: var(--czcionka);
			background-color: var(--kolor-szary);
			color: #000;
			text-transform:uppercase;
			padding:5px 20px;
			font-weight: 400;
			font-size: var(--font-size-18px);
			line-height: 18px;
			border-radius: var(--brrad);
			cursor: pointer;
			display: inline-block;
			border: 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;
		}
		.btnPowrot:hover,
		a.btnPowrot:hover {
			background-color: var(--kolor-ciemnoszary);
			color: #fff;
			filter: grayscale(100%);
			transform: scale(1.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;
		}
		.kolDalej {
			text-align: right;
			padding-top: 25px;
		}
		.kolPowrot {
			padding-top: 33px;
		}
		.dalejPowrot {
			padding-top: 30px;
			text-align: center;
		}

		#zawartosc .tlo_koszyk h3 {
			margin: 25px 0px 10px 0px;
		}
		.koszyk_podsumowanie {
			padding: 1px 25px 25px 25px;
			/*border-radius: 10px;*/
			/*box-shadow: 0px 0px 35px rgba(0,0,0,0.1);*/
			background-color: #fafafa;
			border: 1px solid #ddd;
		}
		#koszyk_tabela_knt {
			/*max-height: 50vh;*/
			/*overflow: auto;*/
		}
		table.koszyk_tabela {
			border: none;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		table.koszyk_tabela tr {
			border-bottom: 1px solid #ddd;
		}
		table.koszyk_tabela tr.bez_podkreslenia {
			border-bottom: none;
			background-color: transparent;
		}
		.bez_marginesu_z_gory,
		table.koszyk_tabela td.bez_marginesu_z_gory {
			padding-top: 0px !important;
			margin-top: 0px !important;;
		}
		table.koszyk_tabela td,
		body.influ table.koszyk_tabela td {
			padding: 10px;
			border: none;
			line-height: initial;
		}
		table.koszyk_tabela th,
		body.influ table.koszyk_tabela th {
			padding: 1px 10px 1px 10px;
			font-size: 13px;
			color: #666;
			font-weight: bold;
			text-transform: uppercase;
			background-color: #f2f2f2;
			border: none;
			line-height: initial;
		}
		.usun_produkt.nieaktywne,
		.formBtn.nieaktywne {
			pointer-events: none;
			opacity: 0.4;
			filter: grayscale(100%);
		}
		.usun_produkt {
			cursor: pointer;
			color: var(--kolor-ciemnoszary);
			font-weight: bold;
		}
		.usun_produkt:hover {
			color: var(--kolor-glowny);
		}
		a.zamow_btn {
			font-weight: bold;
			text-transform: uppercase;
			padding-right: 5px;
			cursor: pointer;
		}
		a.zamow_btn:hover {
			padding-left: 5px;
			padding-right: 0px;
		}
		a.zamow_btn_powrot {
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 5px;
			cursor: pointer;
			color: var(--kolor-ciemnoszary);
		}
		a.zamow_btn_powrot:hover {
			padding-right: 5px;
			padding-left: 0px;
			color: var(--kolor-glowny);
		}
		.kt_cena {
			min-width: 160px;
			vertical-align: baseline;
		}
		.kt_cena,
		.kt_razem {
			text-align: right;
		}
		.kt_opis p {
			margin: 0px;
		}
		.kt_opis span.pokoj_nr {
			text-transform: uppercase;
			font-size: 11px;
		}
		.kt_opis span {
			/*font-size: 11px;*/
		}
		.kt_razem {
			background-color: #f2f2f2 !important;
		}
		.cena_bez_gratisu {
			text-decoration: line-through;
			color: var(--kolor-szary);
			font-size: 13px;
		}
		.podumowanie_cena {
			color: var(--kolor-glowny);
			font-size: var(--font-size-20px);
		}
		.adresy p {
			display: inline-block;
			width: 48%;
			margin-right: 1%;
			font-size: var(--font-size-14px);
		}
		.adresy p.pojedynczy {
			width: 98%;
			margin-right: 2%;
		}
		.adresy p .formInput {
			margin-bottom: 1px;
		}
		.adresy p .formInput.mini {
			margin-bottom: 1px;
			max-width: 140px;
			display: inline-block;
			margin-right: 15px;
		}
		#zawartosc .adresy label {
			/*font-size: var(--font-size-14px);*/
		}
		.rezerwacja_uwagi {
			height: 90px;
		}
		.stara_cena {
			text-decoration: line-through;
			color: #aaa;
			margin: 5px 0px;
		}
		#rezerwacja_knt {
			display: flex;
		}
		#rezerwacja_knt.zatopione {
			align-items: end;
		}
		.koszyk_podsumowanie.plywajace {
			position: fixed;
		}
		.koszyk_dane {
			min-height: 100%;
		}
		.kol_dane {
			width: 55%;
			margin-right: 4%;
			float: left;
		}
		.zarezerwoj_ng {
			font-size: var(--font-size-16px);
			text-transform: uppercase;
			font-family: var(--czcionka);
			font-weight: 500;
			color: rgba(255,255,255,0.5);
			letter-spacing: 10px;
			position: absolute;
			width: 100%;
			left: 0px;
			right: 0px;
			margin-top: -15px;
		}
		.rezerwacja_powrot {
			position: fixed;
			left: 2vw;
			bottom: 2vw;
			text-align: center;
			display: block;
			line-height: normal;
			/*transform: scale(2);*/

		}
		.wynik {
			padding: 10px;
			border-bottom: 1px solid #eee; 
		}
		.wynik:hover {
			background-color: #eee;
			/*background-color: rgba(0,0,0,0.05);*/
		}

		ul.oferty_vouchery {
			margin: 0px; 
			padding: 0px; 
		}
		ul.oferty_vouchery:after {
			content: ' ';
			display: block;
			clear: both;
		}
		ul.oferty_vouchery li {
			list-style: none;
			width: 31%;
			padding: 0px;
			margin: 0px 1% 4% 1%;
			float: left; 
		}
		ul.oferty_vouchery li .img_knt {
			position: relative;
			overflow: hidden;
			width: 100%;
			text-align: center;
			background-image: url(../img/loader_p.gif);
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 10.35vw;
		}
		ul.oferty_vouchery li img {
			max-width: 100%;
			height: auto;
		}
		ul.oferty_vouchery li .cena {
			font-weight: bold;
		}
		ul.oferty_vouchery li .formBtn {
			font-weight: bold;
			color: var(--kolor-glowny);
			cursor: pointer;
			padding-right: 5px;
			-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.oferty_vouchery li .formBtn:hover {
			padding-right: 0px;
			padding-left: 5px;
			-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.oferty_vouchery li .opis_knt .nazwa {
			height: 83px;
			overflow: hidden;
		}
		ul.oferty_vouchery li .opis_knt:before {
		}
		ul.oferty_vouchery li .opis_knt {
			position: relative;
			padding: 20px;
			margin-left: 30px;
			border-left: 2px solid var(--kolor-glowny);
		}
		ul.oferty_vouchery li .opis_knt:before {
			display: block;
			content: ' ';
			border-left: 2px solid var(--kolor-glowny);
			height: 30px;
			position: absolute;
			top: -30px;
			left: -2px;
		}
		.darmowa_dostawa{
	        border: 1px solid #f2f2f2;
	        background-color: #fff;
	        text-align: center;
	        padding: 10px;
	        border-radius: 10px;
	        margin-top: 20px;
	        margin-bottom: 10px;
		}
		.zielony {
		    color: #65b600 !important;
		}

	/** MAIN **/


	/** FOOTER **/

		#stopka {
		    color: #f4f3f0;
		    box-shadow: 5px 5px 25px var(--cien) inset;
		    font-size: var(--font-size-14px);
		    font-weight: 500;
			padding: 20px 20px 0px 20px;
		    position: relative;
		    background-size: 100% 100%;
		    background-repeat: no-repeat;
		    background-position: center top;
		    color: var(--kolor-ciemnoszary);
		    width: 82%;
		    margin: 50px auto 0 auto;
		    border-radius: var(--brrad);
		}

		#stopka a {
		    color: var(--kolor-ciemnoszary);
		    display: inline;
		    font-size: var(--font-size-16px);
		    padding-left: 0px;
		    padding-right: 5px;
		}

		#stopka a:hover {
		    color: var(--kolor-czerwony);
		    text-decoration: none;
		    padding-left: 5px;
		    padding-right: 0px;
		}

		#stopka a img{
			display: inline;
			padding-right: 10px;
		}

		#stopka .kol_40 a svg,
		#stopka .kol_40 a i.fa.home,
		#stopka .kol_40 a i.fas.home,
		#stopka .kol_40 a i.far.home,
		#stopka .kol_40 a i.fab.home {
		    padding-right: 5px;
		}

		.odstep_z_lewej {
		    padding-left: 2%;
		}

		#stopka h2 {
			color: #000;
		    font-size: var(--font-size-16px);
		    margin: 0px 0px 15px 0px;
		    text-align: left;
		    text-transform: uppercase;

		    
		}

		#stopka p span{
			text-transform: uppercase;
			font-size: var(--font-size-14px);
			font-weight: 500;
		}
		#stopka p {
		    margin: 0px 0px 10px 0px;
		    font-size: var(--font-size-16px);
		    color: var(--kolor-ciemnoszary);
		}

		#stopka p strong span{
			text-transform: uppercase;
			letter-spacing: 3px;
		}

		.box_firmy{
			overflow: hidden;
		}

		.link_firmy{
			display: block !important;
			margin: 5px;
			  width: 90px;
			float: left;

			filter: grayscale(100%);
		}

		.link_firmy:hover{
			transform: scale(1.1);
			filter: grayscale(0%);
		}
	
		
		#stopka ul {
		    list-style: none;
		    padding: 0px;
		    padding-left: 10px;
		    font-size: var(--font-size-14px);
		    font-weight: 400;
		    margin-left: 0px;
		}

		#stopka li {
		    padding-bottom: 2px;
		    margin-top: 0px;
		    margin-left: 0px;
		}
		#stopka li a {
			line-height: 24px;
		}

		#stopka li a svg,
		#stopka li a i.fa.home,
		#stopka li a i.fas.home,
		#stopka li a i.far.home,
		#stopka li a i.fab.home {
		    color: #aaaaaa;
		    padding-right: 5px;
		}

		#stopka p strong a,
		#stopka p strong{
			color: #272331;
			display: inline;
			text-transform: uppercase;
		}

		.do_prawej {
		    float: right;
		    margin-left: 15px;
		}

		#stopka .social {
		    font-size: 40px;
		    color: #fff;
		    padding-left: 20px;
		}

		#stopka a.fa_icon{
			color: #aaa;
			font-weight: 500;

		}
		#stopka a:hover {
			color: var(--kolor-czerwony);
		}

		.influencja_knt {
		    text-align: center;
		    padding-top: 20px;
		    padding-bottom: 20px;
		}

		#influencja {
		    -webkit-filter: grayscale(100%);
		    filter: grayscale(100%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 0.8;
		}

		#influencja:hover {
		    -webkit-filter: grayscale(0%);
		    filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 1;
		}
		#influencja img {
		    display: inline;
		}
	/** FOOTER **/


	/** Newsletter **/
		.tlo_newslleter{
			padding: 20px 100px;
			margin: 0px 0px 40px 0px;
			display: grid;
			grid-template-columns: 1.5fr 1fr;
			
			background-color: #fff;
			border-radius: var(--brrad);
			align-items: center;
		  	grid-gap: 80px;

			border-radius: var(--brrad);
			box-shadow: 5px 5px 25px var(--cien);
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);

		}

		.tlo_newslleter h2{
			color: var(--kolor-ciemnoszary);
			font-size: var(--font-size-30px);
			margin: 0px 0px 10px 0px;
		}

		.tlo_newslleter p.bg-info{
			color: rgba(0, 0, 0, 0.8) !important;
			border-radius: var(--brrad);
		}

		.tlo_newslleter .img_newsleter{
			display: grid;
			grid-template-columns: 120px 1fr ;
			align-items: center;
		}
		.tlo_newslleter .img_newsleter .newsleter_1 img.list{
			  padding: 20px;
			  border-right: 1px solid rgba(0, 0, 0, 0.1);
		}
		.tlo_newslleter .img_newsleter .newsleter_2 {
			  padding: 20px;
		}

		.tlo_newslleter_herb{
			max-width: 600px;
		}
		.tlo_newslleter_herb form,
		.tlo_newslleter form{
			
			display: grid;
			grid-template-columns: 1fr 200px;
			background-color: #f4f3f0;
			box-shadow:  5px 5px 25px var(--cien) inset;
			height: 40px;
			line-height: 40px;
			padding-left: 20px;
			border-radius: 15px;
			font-weight: 700;
			text-transform: uppercase;
			color: #3c321f;
			font-size: var(--font-size-16px);
			cursor: pointer;
		}

		.tlo_newslleter_herb form i,
		.tlo_newslleter form i{
			margin-left: 20px;
			background: linear-gradient(0deg, rgba(60,50,31,1) 10%, rgba(115,108,95,1) 90%);
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #fff;
			border-radius: 0px 15px 15px 0px;
			box-shadow:  5px 5px 25px var(--cien);
		}

		.tlo_newslleter_herb form .formInputSzukaj ,
		.tlo_newslleter form .formInputSzukaj {
			padding: 0px;
			background: transparent;
			font-size: var(--font-size-15px);
			font-weight: 500;
			border: 0px;
			line-height: 40px;
			font-family: var(--czcionka);
		}
		.tlo_newslleter_herb form .formBtn ,
		.tlo_newslleter form .formBtn {
			padding: 0px;
			background: transparent;
		}

		.tlo_newslleter_herb form .btnZapisz,
		.tlo_newslleter form .btnZapisz{
			text-align: center;
		}

		.tlo_newslleter_herb form .btnZapisz input,
		.tlo_newslleter form .btnZapisz input{
			width: 100%;
			color: #fff;
			border-radius: 0px 15px 15px 0px;
			box-shadow:  5px 5px 25px var(--cien);
			font-size: var(--font-size-15px);
			line-height: 40px;
			height: 40px;
			text-transform: uppercase;

			background: linear-gradient(45deg, rgba(166,28,33,1) 0%, rgba(211,73,78,1) 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
			background-position: left bottom;
			-webkit-transition: background 0.2s ease-out;
			-moz-transition: background 0.2s ease-out;
			-o-transition: background 0.2s ease-out;
			transition: background 0.2s ease-out;

		}
		.tlo_newslleter_herb form .btnZapisz input:hover,
		.tlo_newslleter form .btnZapisz input:hover{
			background-position: right top;
			-webkit-transition: background 0.2s ease-out;
			-moz-transition: background 0.2s ease-out;
			-o-transition: background 0.2s ease-out;
			transition: background 0.2s ease-out;
		}


		.tlo_newslleter_herb form .btnZapisz input,
		.tlo_newslleter_herb form .formInputSzukaj{
			font-size: var(--font-size-20px);
		}


	/** Newsletter **/

	.socialBox{
		display: grid;
		grid-template-columns: 1fr 60px 70px 70px;
		align-items: center;

	}

	#stopka .socialBox h2{

		color: #6f695e;
		margin-right: 40px;
		padding: 50px 0px;
		padding-right: 40px;
		text-align: right;
		margin-bottom: 0px !important;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}


	.hrCien{
		box-shadow: 5px 5px 25px var(--cien);
		height: 3px;
		color: #fff;
		width: auto;
		border: 0px;
		margin: 0px 50px;
	}
	.hrMini{
		display: none;
	}

	.dos-plat{
		padding: 30px 60px; 
		display: grid;
		grid-template-columns: 20% 80%;	
	}

	.dos-plat span{
		color: #272331;
		text-transform: uppercase;
		font-weight: 300;
		font-size: var(--font-size-15px);
		display: block;
	}

	.dos-plat img{
		display: inline-block;
		flex:1;
	}
	.dos-plat figcaption{
	    display: flex;
  		margin: 0px;
	}

	
	/** DODATKI **/
		.czarnobialy {
			filter: grayscale(100%);
		}
		table{
			width: 100%;
			max-width: 100%;
			margin-bottom: 20px;
			color: #424242;
			line-height: 20px;
			border: 1px solid #ccc;
			/*border-radius: 10px;*/
			margin-top: 20px;
			margin-bottom: 20px;
		}


		 table th{
			vertical-align: bottom;
			border-bottom: 2px solid #ddd;
			border-top: 0;
		}
		 table tr{
		   padding-top: 5px;
		   padding-bottom: 5px;
		   border-bottom: 1px solid #ccc;
		}
		table tr td{
			padding: 5px;
		}
		 table tr:nth-of-type(2n+1) {
		    background-color: #f9f9f9;
		}
		 table tr:nth-of-type(2n) {
		    background-color: #fff;
		}

		p.formBtn a{
			padding: 5px 20px;
			display: inline-block;
			border: 2px solid var(--kolor-glowny);
			font-weight: 600;
			text-transform: uppercase;
			font-size: 12px;
			/*letter-spacing: 1px;*/
		}

		p.formBtn a:hover{
			border-color: var(--kolor-glowny);
			background-color: var(--kolor-glowny);

		}

		#do_gory {
			position: fixed;
			bottom: 10px;
			right: 20px;
			cursor: pointer;
			z-index: 1000;
			/*width: 4.6vw;*/
			padding-bottom: 0;
			padding-top: 1vw;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			/*transform: scale(0.8);*/
			/*filter: grayscale(100%);*/
			opacity: 0.8;
		}
		#do_gory.pokaz {
			bottom: -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;text-decoration:none;
		}
		#do_gory.pokaz:hover,
		#do_gory:hover {
			/*transform: scale(1);*/
			/*padding-top: 0;*/
			/*padding-bottom: 1vw;*/
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			filter: grayscale(0%);
			opacity: 1;
			bottom: 20px;
		}
		.kolor {
			color: var(--kolor-czerwony);
		}
		.szary {
			color: var(--kolor-ciemnoszary);
		}


			ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
			ul.kolumny_zalaczniki{
				padding: 0px;
				margin: 10px 0px 10px 0px;
			}
			#zawartosc .widoczne ul {
				/*margin-bottom: 0px;*/
			}
			ul.kolumny_zalaczniki li{
				/*width: 45%;*/
				margin: 0px 0px 10px 0px;
				/*border: 1px solid #eee;*/
				border-radius: 40px;
				text-align: left;
				/*float: left;*/
				list-style: none;
				overflow: hidden;
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li a p {
				margin: 0px;
				padding: 0px;
			}
			ul.kolumny_zalaczniki li a {
				display: block;
				margin: 0px;
				padding: 5px 25px 5px 25px;
				color: #000;
				font-size: var(--font-size-16px);
			}
			ul.kolumny_zalaczniki li a i {
				color: var(--kolor-czerwony);
			}
			ul.kolumny_zalaczniki li a h3{
				margin: 0px 5px;
				font-size: var(--font-size-18px);
				line-height: 20px;
			}
			ul.kolumny_zalaczniki li:hover a {
				/*color: #fff;*/
				padding: 5px 20px 5px 30px;
				box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
				/*background-color: var(--kolor-glowny);*/
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li.dla_zalogowanych {
				opacity: 0.5;
				filter: grayscale(50%);
				cursor: not-allowed;
			}
			ul.kolumny_zalaczniki li:hover a svg {
				/*color: #fff;*/
			}
			ul.kolumny_zalaczniki li img{
				border:1px solid #ccc;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
				opacity: 0.6;
				width: 200px;
			}

			ul.kolumny_zalaczniki li:hover img{
				opacity: 1;
			}
			.alignnone {
				margin: 1.625em;
			}
			.alignleft {
				display: inline;
				float: left;
				margin-right: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignleft:hover {
			}
			.alignright {
				display: inline;
				float: right;
				margin-left: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignright:hover {
			}
			.aligncenter {
				clear: both;
				display: block;
				margin-left: auto !important;
				margin-right: auto !important;
				margin-top: 30px !important;
				margin-bottom: 30px !important;
			}
			.aligncenter:hover {
			}
			.text-uppercase {
				text-transform: uppercase;
			}
			.text-center {
				text-align: center;
			}
			.text-right {
				text-align: right;
			}
			.text-left {
				text-align: left;
			}
/*
			.wp-block-image.size-full,
			.wp-block-image .size-full,
			.wp-block-image.size-large,
			.wp-block-image .size-large{
				width: 80% !important;
				margin-left: auto;
				margin-right: auto;
			}*/

			.tlo_strona .wp-block-image figcaption{
				font-size: var(--font-size-16px);
			}



	/** DODATKI **/


	 /*Upload zdjec*/
			.upload_zdjec {
			    /*font-size: var(--font-size-16px);*/
/*			    padding: 15px;*/
/*			    border: 1px solid #eee; */
			}
			.upload_zdjec .thumb {
			    width: 24px;
			    height: 24px;
			    float: none;
			    position: relative;
			    top: 7px;
			}
			.upload_zdjec form .progress {
			    line-height: 15px;
			}
			.upload_zdjec .progress {
			    display: inline-block;
			    width: 100px;
			    border: 3px groove #CCC;
			}
			.upload_zdjec .drop-box {
				padding: 25px;
				border: 3px dashed #dde2e7;
				background-color: #f6f7f7;
				text-align: center;
			}
			.upload_zdjec .dragover {
				border: 3px dashed #9ca3aa;
				background-color: #dde2e7;

			}
			.upload_zdjec .progress div {
			    font-size: smaller;
			    background: orange;
			    width: 0;
			}
			.upload_zdjec .formBtn {
				box-shadow: none;
				font-size: var(--font-size-14px);

			}
			/*.upload_zdjec .formBtn {
				width: auto;
				padding: 25px;
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
				border: 1px solid #999;
				display: inline-block;
				padding: 15px 50px;
				cursor: pointer;
			}*/
			.upload_zdjec .foto_kont .formBtn {
				width: auto;
				padding: 5px 15px 5px 15px;
				-webkit-filter: grayscale(0%);
				filter: grayscale(0%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
			}
			.plik_upl span span{
				font-size: 12px;
			}
			.usunBtn {
				padding: 2px 10px 2px 10px;
				margin-top: 0px;
				right: -5px;
				position: absolute;
				font-size: var(--font-size-14px);
				border: 0px !important;
				cursor: pointer;
			}

			.usunBtn:hover i{
				color: var(--kolor-czerwony);
			}


			.usunBtn i {
				padding: 0px;
			}
			.usunBtn:hover i {
				padding: 0px;
			}
			.foto_kont {
				/*width: 46%;*/
				margin: 3% 1% 0% 1%;
				padding: 1%;
				/*float: left;*/
				position: relative;
				background: #fff;
				word-wrap: break-word;		
				border: 1px solid #e1e1e1;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
			}
			.foto_kont img {
				max-width: 100%;
				max-height: 155px;
				width: auto;
				height: auto;

			}
			.bledy_ladowania_zalacznikow {
				border: 1px solid rgb(169, 68, 66);
				color: rgb(169, 68, 66);
				background-color: #f6ecec;
				padding: 5px 10px 5px 10px;
				margin: 5px 0px 5px 0px;
				font-size: 12px;
			}

			.bledy_ladowania_zalacznikow strong{
				font-size: 12px;
			}
	 /*Upload zdjec*/

	/** Bootstrap **/
			.text-left {
			  text-align: left;
			}
			.text-right {
			  text-align: right;
			}
			.text-center {
			  text-align: center;
			}
			.text-justify {
			  text-align: justify;
			}
			.text-nowrap {
			  white-space: nowrap;
			}
			.text-lowercase {
			  text-transform: lowercase;
			}
			.text-uppercase {
			  text-transform: uppercase;
			}
			.text-capitalize {
			  text-transform: capitalize;
			}
			.text-muted {
			  color: #777;
			}
			.text-primary {
			  color: #337ab7;
			}
			a.text-primary:hover,
			a.text-primary:focus {
			  color: #286090;
			}
			.text-success {
			  color: #3c763d;
			}
			a.text-success:hover,
			a.text-success:focus {
			  color: #2b542c;
			}
			.text-info {
			  color: #31708f;
			}
			a.text-info:hover,
			a.text-info:focus {
			  color: #245269;
			}
			.text-warning {
			  color: #8a6d3b;
			}
			a.text-warning:hover,
			a.text-warning:focus {
			  color: #66512c;
			}
			.text-danger {
			  color: #cc0000;
			}
			a.text-danger:hover,
			a.text-danger:focus {
			  color: #cc0000;
			}
			.bg-primary {
			  color: #fff;
			  background-color: #337ab7;
			  padding: 10px 25px 10px 25px !important;
			  border-radius: 5px;
			}
			a.bg-primary:hover,
			a.bg-primary:focus {
			  background-color: #286090;
			}
			.bg-success {
			  background-color: #dff0d8;
			  padding: 10px 25px 10px 25px !important;
			  border-radius: 5px;
			}
			a.bg-success:hover,
			a.bg-success:focus {
			  background-color: #c1e2b3;
			}
			.bg-info {
			  background-color: #d9edf7;
			  padding: 10px 25px 10px 25px !important;
			border-radius: var(--brrad);
			}
			a.bg-info:hover,
			a.bg-info:focus {
			  background-color: #afd9ee;
			}
			.bg-warning {
			  background-color: #fcf8e3;
			  padding: 10px 25px 10px 25px !important;
			border-radius: var(--brrad);
			}
			a.bg-warning:hover,
			a.bg-warning:focus {
			  background-color: #f7ecb5;
			}
			.bg-danger {
			  background-color: #f2dede;
			  padding: 10px 25px 10px 25px !important;
			border-radius: var(--brrad);
			}
			a.bg-danger:hover,
			a.bg-danger:focus {
			  background-color: #e4b9b9;
			}

			.text-primary a,
			.text-success a,
			.text-info a,
			.text-warning a,
			.text-danger a,
			.bg-primary a,
			.bg-success a,
			.bg-info a,
			.bg-warning a,
			.bg-danger a {
				display: inline-block;
				opacity: 0.8;
				padding-left: 2px;
				padding-right: 6px;
			}

			.text-primary a:hover,
			.text-success a:hover,
			.text-info a:hover,
			.text-warning a:hover,
			.text-danger a:hover,
			.bg-primary a:hover,
			.bg-success a:hover,
			.bg-info a:hover,
			.bg-warning a:hover,
			.bg-danger a:hover {
				opacity: 1;
				padding-left: 6px;
				padding-right: 2px;
			}



 	.wp-block-columns {
/* 		margin-bottom: 0px !important;*/
 	}
 	.wp-block-columns .wp-block-image {
 		margin-top: 0px !important;
 		margin-bottom: 0px !important;
 	}
 	.wp-block-columns .blocks-gallery-grid	{
 		margin-bottom: 0px !important;
 	}
 	.wp-block-column {
 		margin: 0px;
 	}
 	.wp-block-column h1,
 	.wp-block-column h2,
 	.wp-block-column h3,
 	.wp-block-column h4,
 	.wp-block-column h5,
 	.wp-block-column h6,
 	.wp-block-column p,
 	.wp-block-column ul
 	{
 		/*margin-left: 2vw;*/
 		/*margin-right: 2vw;*/
 	}
 	/*.wp-block-column h2 {
 		padding-top: 3vw;
 	}*/
 	.wp-block-column .wp-block-gallery {
 		margin: 0px !important; 
 	}
 	.wp-block-column .wp-block-gallery ul
 	{
 		margin-left: 0px;
 		margin-right: 0px; 		
 	}
 	.wp-block-column:not(:first-child) {
 		/*margin-left: 2vw;*/
 	}
 	.tlo_strona .wp-block-columns {
		/* 		margin-top: 3vw !important;*/
		/* 		margin-bottom: 3vw !important;*/
 	}
 	.tlo_lista {
 		padding-top: 0px;
 		margin: 2vw 12vw;;
 		width: auto;
 	}

 	.tlo_strona_tresc{
		margin: 0px;
		padding-top: calc(100px + 5vw);
		padding-bottom: 5vw;
		padding-right: 25vw;
		padding-left: 10vw;
		background-image:url('../img/tlo_strony_04.webp');
		background-position: right top;
		background-size: 50% auto;
		background-repeat: no-repeat;
		/*line-height: 24px;*/
 	}
 	.tlo_strona_tresc.bez_tla{
		background-image:none;
		padding-right: 25vw;
		padding-left: 15vw;
 	}

 	.tlo_strona_lista{
		margin: 0px;
		padding-top: calc(100px + 5vw);
		padding-bottom: 5vw;
		padding-right: 10vw;
		padding-left: 10vw;
 	}

 	.tlo_strona_lista span.ngSpan{
 		text-transform: uppercase;
 		font-size: calc(16px + 0.3vw);
 		color: var(--kolor-glowny);
 		display: block;
 		letter-spacing:  0.03em;
 	}
 	.tlo_strona_lista h1{
 		text-transform: uppercase;
		color: var(--kolor-glowny);
		font-weight: 700;
		font-size: calc(22px + 2vw);
		margin: 0px 0px 1vw 0px;
 	}

 	#filtryKategorii{
 		background-color: #f6f6f6;
 		padding-left:  10vw;
 		margin-left:  -10vw;
 		/*clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 0%);*/
 		display: inline-block;
		padding-right: 50px;

 		line-height:  26px;
 		overflow: hidden;
 	}
 	#filtryKategorii span{
 		float: left;
 		line-height: 26px;
 		text-transform: uppercase;
 		color: var(--kolor-glowny);
 		padding: 1vw;
 	}

 	#filtryKategorii ul{
 		float: left;
 		display: inline-block;
 		margin: 0px;
 		padding: 0px;
 		overflow: hidden;

 	}
 	#filtryKategorii ul li{
 		display: block;
 		margin: 0px;
 		padding: 1vw 0.5vw;
 		float: left;
 		line-height:  26px;
 	}
 	#filtryKategorii ul li a {
 		cursor: pointer;
 	}
 	.ladowanieProduktow img{
		width: 80px;
		margin: 20px;
 	}

 	.poz_filtr{
 		color: #92848c;
 		text-transform: uppercase;
 		font-weight: 700;
 		font-size: calc(15px + 0.2vw);
 	}
 	.poz_filtr i{
 	}

 	.poz_filtr .no{
 		display: inline-block;
 	}
 	.poz_filtr .yes{
 		display: none;
 	}

 	.aktywnyFiltr .no{
 		display: none;
 	}
 	.aktywnyFiltr .yes{
 		display: inline-block;
 	}

 	.aktywnyFiltr{
 		color: var(--kolor-glowny);
 		text-transform: uppercase;
 		font-weight: 700;
 	}
 	.aktywnyFiltr i{
 		color: var(--kolor-glowny);
 	}
 	ul.produkty{
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr 1fr;
 	}

 	ul.produkty li{
 		margin: 0px;
 		position: relative;
 		/*padding: 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;*/
 	}
 	ul.produkty li .cienProduktu {
		-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.produkty li .cienProduktu: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;
 		filter: drop-shadow(0px 0px 92px rgba(0, 0, 0, 0.2));
 		z-index: 10;
		position: absolute;
 	}
 	#slajderPromocj a,
 	ul.produkty li a{
 		display: block;
 		background: transparent;
		color: #222;
		padding: 3vw 4vw 3vw 4vw;
		/*clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);*/
		-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;
		
 	}
 	#slajderPromocj .cienProduktu {
 		width: 20vw;
 	}
 	ul.produkty li:hover a{
		background: #fff;
		-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(1.1);
 	}
 	ul.produkty  li a:hover  {
 	}
 	#slajderPromocj span.tytul,
 	ul.produkty li span.tytul{
		font-family: var(--czcionka);
 		display: block;
 		margin-top: 10px;
 		font-size:  calc(14px + 0.3vw);
 		font-weight: 900;
 		text-align: center;
 		line-height: 1.3em;
 		color: var(--kolor-glowny);
 		text-transform: uppercase;
 	}
 	#slajderPromocj span.nazwa,
 	ul.produkty li span.nazwa{
		font-family: var(--czcionka);
 		display: block;
 		font-size:  calc(13px + 0.3vw);
 		font-weight: 400;
 		text-align: center;
 		line-height: 1.3em;
 		color: #92848c;
 		margin: 0px !important;
 	}
 	ul.produkty li:hover span.tytul{
 		color: var(--kolor-glowny);
 	}
 	#slajderPromocj span.cena,
 	ul.produkty li span.cena{
 		display: block;
 	}
 	ul.produkty.kategorie{
 		grid-template-columns:  1fr 1fr;
 	}
 	ul.produkty.kategorie li span.tytul{
 		margin-top: 25px;
 		font-size:  calc(20px + 0.3vw);
 	}
 	#slajderPromocj a,
 	ul.produkty.kategorie li a{
		padding: 5vw 4vw 5vw 4vw;
	}
 	#slajderPromocj .cena.kolor,
 	ul.produkty .cena.kolor {
 		display: block;
 	}
 	#slajderPromocj .cena.kolor span,
 	ul.produkty .cena.kolor span {
 		font-size: var(--font-size-14px);
 		font-weight: 400;
 		color: #333;
 		text-decoration: line-through !important;
 	}
 	#slajderPromocj .cienProduktu {
 		overflow: hidden;
 	}
 	#slajderPromocj .cienProduktu a {
		padding: 0px;
		margin: 1vw 2vw 1vw 2vw;
		/*clip-path: none;*/
		overflow: hidden;
 	}
 	#slajderPromocj .cienProduktu img {
		padding: 1vw 2vw 1vw 2vw;
 	}
 	#slajderPromocj .cienProduktu:hover img {
 		transform: scale(1.1);
 	}
 	#slajderPromocj span.tytul {
 		font-size:  calc(14px + 0.3vw);
 	}
 	.slajderPrev, .slajderNext {
 		float: right;
 		font-size: 2vw;
 		cursor: pointer;
 		margin: 1vw 0.5vw 1vw 0.5vw;
		-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;
 	}
 	.slajderPrev:hover, .slajderNext:hover {
 		transform: scale(1.2);
 		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;
 	}


	.atrybutyGrid aside {
		text-align:center;
		
		cursor: pointer;
		margin: 10px 0px 10px 0px;
		opacity: 0.8;

		/*border: 3px solid #fff;*/
		position: relative;

	}
	.atrybutyGrid aside input{
		opacity: 0;
		position: absolute;
		top: 0px;
	}
	.atrybutyGrid aside img{
		width: 100%;
		cursor: pointer;
		height: auto;
		opacity: 0.8;
		border: 1px solid #dcdddd;
		-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;
	}
	.atrybutyGrid aside img:hover{
		border: 1px solid #666;
		-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;
	}

	.atrybutyGrid aside label{
		margin: 0px;
	}
	.atrybutyGrid aside span{
		width: auto;
		cursor: pointer;
		height: auto;
		padding:10px;
		color: var(--kolor-szary);
		font-weight: 500;
		display:block;
	}
	.atrybutyGrid aside span.img{
		padding: 0px;
	}

	.atrybutyGrid aside.aktywny {
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	}
	.atrybutyGrid aside.aktywny img{
		opacity: 1;
	}




	.tlo_aktualnosci_idx ul.aktualnosci {
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr 1fr;
	}
	ul.aktualnosci {
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr;
 		grid-gap: 2vw;
	}
 	ul.aktualnosci li{
 		/*margin: 20px 15px 25px 15px;*/
 	}
 	ul.aktualnosci li a{
 		display: block;
 	}
 	ul.aktualnosci li a h4{
 		color: var(--kolor-glowny);
 		font-weight: 900;
 		font-size: var(--font-size-20px);
 		letter-spacing: 0px;
 	}
 	ul.aktualnosci li:hover a h4{
 		color: var(--kolor-glowny);
 		transform: translate(10px,0px);
 	}
 	ul.aktualnosci li a h4 span{
 		display: block;
 		font-size: 13px;
 		color: var(--kolor-glowny);
 		letter-spacing: 2px;
 		position: absolute;	
 		position: absolute;
 		width: 140px;
 		height: 50px;
 		line-height: var(--line-height-50px);
 		margin-top: -65px;
 		background-color: #fff;
		/*clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);*/
 	}
 	ul.aktualnosci li img{
 		width: 100%;
 		height: auto;
 		clip-path: polygon(40px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 40px) 100%, 0% 100%, 0% 20px);
		/*clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);*/
 	}
 	ul.aktualnosci li:hover img{
 		transform: scale(1.08);
 	}
 	.zakupy_boks {
 		margin-top: 20px;
 		margin-bottom: 20px;
 	}

 	 .info_ilosc {
 		color: var(--kolor-czerwony);
 	}
 	.do_koszyka {
 		/*margin-top: 10px;*/
 		/*margin-bottom: 15px;*/
 		/*padding: 5px;*/
 	}

 	.zakupy_boks button{
 		padding: 0px 10px 0px 20px !important;
 		padding-right: 0px !important;
 		border: 0px !important;
 	}
 	.do_koszyka .btnHex {
 		margin-left: 10px;
 	}
 	.do_koszyka img {
 		display: inline-block;
 	}
 	/*.kolumnyAtr span.labelSpan{
 		font-size: 13px;
		line-height: 30px;
		padding-right: 5px;
		float: left;
		min-width: 40px;
		display: block !important;
		width: 80px !important;
		color: var(--kolor-jasnoszary);
		font-weight: 600;
		text-transform: uppercase;
 		line-height: var(--line-height-50px);
 	}*/
 	.k_cena label{
 		font-size: 13px !important;
		line-height: 30px;
		padding-right: 5px;
		float: left;
		min-width: 40px;
		display: block !important;
		width: 80px !important;
		color: var(--kolor-jasnoszary);
		font-weight: 600;
		text-transform: uppercase;
 		line-height: var(--line-height-50px);
 		margin: 0px;
 	}


 	.k_cena {
 		padding-bottom: 0px;
 		margin-bottom: 0px;
 	}
 	.cenaAkt {
 		font-weight: 600;
 		font-size: var(--font-size-24px);
 		font-family: var(--czcionka);
 		display: inline-block;
 		line-height: var(--line-height-50px);
 	}
 	.pZajawka{
 		padding:  20px 0px;
 	}

 	.pZajawka p{
 		font-size: 16px !important;
 		line-height: 1.3em;
 		margin: 0px !important;
 		display: inline;
 		font-weight: 600 !important;
 	}
 	.pZajawka a{
		font-weight: 600;
		text-transform: lowercase;
		color: var(--kolor-czerwony);
		display: inline;
		border-left: 2px solid;
		padding: 0px 5px;
		margin: 0px 5px;
 	}
 	.pKontakt {
 		/*border-top:  1px solid #ddd;*/
 	}
 	.pKontakt span{
 		font-size: 13px !important;
 		font-weight: 700;
 		display: block;
 		color: var(--kolor-jasnoszary);
 		margin: 15px 0px;
 		text-transform: uppercase;
 		margin-right: 15px;
 		display: inline-block;
 	}
 	.czas_realizacji{
		border: 1px solid #d6d6d6;
		padding: 20px;
		box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
 	}
 	.czas_realizacji strong{
 		text-transform: uppercase;
 	}
 	.czas_realizacji ul{
 		margin: 10px !important;
 	}


 	.pKontakt a{
 		color: var(--kolor-glowny);
 		font-weight: 700;
 		font-size: var(--font-size-18px);
 		margin-right: 15px;
		display: inline-block;
 	}

 	.pKontakt a:hover{
 		color: var(--kolor-czerwony);
 	}

 	.pKontakt a i{
 		/*color: var(--kolor-czerwony);*/
 	}

	.info_koszyk.blad {
	    background-color: #cc0000;
	}

	.info_koszyk.pokaz {
	    margin-right: 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;
	    opacity: 1;
	}


	.formInputIlosc_knt {
	    /*border: 1px solid #CCC;*/
	}
	input[type="text"].formInputIlosc {
	    display: inline;
	    font-family: var(--czcionka);
	    font-size: var(--font-size-20px);
	    line-height: 30px;
	    color: #000;
	    font-weight: 700;
	    width: 60px;
	    padding: 0px 15px;
	    margin:0px 5px;
	    border-radius: 15px;
	    border: none;
	    text-align: center;
	    background:  #fff;
	    font-family: var(--czcionka);
	}

	a.koszyk_info {
		display: block;
		position: fixed;
		z-index: 610;
		padding: 35px 35px;
		/*clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);*/
 		background-color: var(--kolor-glowny);
 		color: #fff;
 		right: 40px;
 		top: 115px;
 		text-align: center;
 		font-weight: 900;
 		font-size: var(--font-size-14px);
 		line-height: 18px;
 		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;text-decoration:none;
		opacity: 1;
		width: 160px;
		right: 15px;
	}
	a.koszyk_info:hover {
		transform: scale(1.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;text-decoration:none;
	}
	a.koszyk_info.schowaj {
		top: -200px;
		opacity: 0;
	}
	a.koszyk_info div {
		display: block;
		position: relative;
		color: #fff;
	}
	a.koszyk_info i {
		font-size: var(--font-size-24px);
	}
	a.koszyk_info #sklep_ilosc {
		display: block;
		position: absolute;
		right: -4px;
		top: -8px;
		width: 25px;
		height: 25px;
		/*padding: 10px 0px;*/
		line-height: 25px;
		background-color: #fff;
		color: #000;
		/*border: 3px solid #fff;*/
		text-align: center;
		border-radius: 50%;
 		color: var(--kolor-glowny);
	}

	.koszyk_ilosc {    
		width: 145px;
   		min-width: 145px;
	}
	.koszyk_cena {
   		min-width: 150px;

	}
	.koszyk_razem {
   		min-width: 200px;

	}
	.koszyk_usun {
	   	width: 50px !important;
	   	min-width: 50px !important;
	   	padding: 0px;
	}

	.tlo_strona .wp-block-columns.bez_marginesu_z_gory,
	.bez_marginesu_z_gory {
		padding-top: 0px !important;
		margin-top: 0px !important;;
	}

	
	ul.menuKategorii {
		margin: 0px 0vw 0vw 0vw;
		padding: 0px 0px 5vw 0px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
	}
	ul.menuKategorii li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: relative;
	}
	ul.menuKategorii li a {
		position: relative;
		display: flex;
		align-items: center;
		text-align: left;
		border: 1px solid #fff;
	}
	ul.menuKategorii li a:hover {
		background-color: #fafafa;
		border: 1px solid #ddd;
	}
	ul.menuKategorii li a h3 {
		text-align: left;
		margin-left: 10px;
		color: var(--kolor-czarny);
	}
	ul.menuKategorii li a img {
		max-width: 150px;
	}





		ul.menuDzialalnosc {
			margin: 0px 0vw 0vw 0vw;
			padding: 0px 0px 5vw 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 3vw;
		}
		ul.menuDzialalnosc li {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;
		}
		ul.menuDzialalnosc li a {
			display: inline-block;
			position: relative;
		}
		ul.menuDzialalnosc li a:hover {
			transform: scale(1.05) translate(5px, 0px);
		}
		ul.menuDzialalnosc li img {
			max-width: 100%;
			/*background-color: #000;*/
			/*opacity: 0.9;*/
			clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
		}
		ul.menuDzialalnosc li a:before {
			background-color: #000;
			position: absolute;
			opacity: 0.05;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			content: ' ';
			z-index: 10;
			clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
		}
		#zawartosc ul.menuDzialalnosc li h3 {
			font-weight: bold;
			font-size: calc(22px + 0.4vw);
			margin: 0px;
			padding: 1.5vw 2vw 1vw 0vw;
			background-color: #fff;
			position: absolute;
			margin-top: -6vw;
			clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
			width: 80%;
			height: 7vw;
			text-transform: none;
			vertical-align: middle;
			display: table;
			z-index: 11;
			color: var(--kolor-czerwony);
		}
		#zawartosc ul.menuDzialalnosc li h3 span {
			display: table-cell;
			vertical-align: middle;
		}

		ul.menuDzialalnosc li ul li a:before { 
			content: "\f054";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			margin-left: -1.1vw;
			/*margin-top: 0.2vw;*/
		}
		.tlo_transparentne article ul.menuDzialalnosc li ul li,
		ul.menuDzialalnosc li ul li {
			font-weight: bold;
			line-height: 20px;
		}
		ul.menuDzialalnosc li ul li a {
			display: inline-block;
			color: var(--kolor-czarny);
			transform: none;
			font-size: var(--font-size-15px);
		}
		ul.menuDzialalnosc li ul li a:hover {
			transform: translate(10px,0px);
			color: var(--kolor-glowny);
		}

	@keyframes blinker {
	  50% {
	    transform: scale(1.2);
	  }
	}
	.blink_me {
	  animation: blinker 0.5s linear  2 forwards;
	}
	input[type="text"].formInputKoszyk {
		font-family: var(--czcionka);
		font-size: var(--font-size-16px);
		color: #000000;
		width: auto;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-bottom:10px;
		border: 1px solid #CCC;
		display: inline-block;
		/*border-radius: 20px;*/
	}
	input[type="text"].formInputKoszyk:focus {
  		outline: none;
		border: 1px solid #999;
	}
	input[type="text"].formInputKoszyk.ilosc {
		width: 60px;
	}

	body.influ table.zamowienia {
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: var(--font-size-18px);
	}
	body.influ table.zamowienia th{
		vertical-align: bottom;
		border-bottom: 2px solid #ddd;
		border-top: 0;
		padding: 10px 11px 10px 11px;
		font-size: 12px;
		text-transform: uppercase;
	}
	body.influ table.zamowienia td {
		padding: 10px 11px 10px 11px;
		font-size: var(--font-size-16px);
	}


	body.influ table.zamowienia td.wiecej {
		font-size: var(--font-size-20px);
	}
	body.influ table.zamowienia tr{
	   padding-top: 5px;
	   padding-bottom: 5px;
	}
	body.influ table.zamowienia tr.zam {
	    background-color: #f9f9f9;
	}
	body.influ table.zamowienia th.text_to_right,
	body.influ table.zamowienia td.text_to_right {
		text-align: right;
	}
	body.influ table.zamowienia th s,
	body.influ table.zamowienia td s {
		color: #888;
	}
	body.influ table.zamowienia tr.pus {
	    font-size: 6px;
	    line-height: 6px;
	    height: 1px;
	    max-height: 1px;
	    padding: 1px;
	    background-color: #fff;
	    overflow: hidden;
	}
	body.influ table.zamowienia tr.pus td {
	    padding: 1px;
	    font-size: 6px;
	    line-height: 6px;
	    height: 1px;
	    overflow: hidden;
	}
	body.influ table.zamowienia i {
		cursor: pointer;
	}
	body.influ table.zamowienia tr td.wiecej {
		padding: 0px;
		text-align: center;
	}
	body.influ table.koszyk {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		border: none;
		border-bottom: 1px solid #ddd;
		background-color: transparent;
	}
	body.influ table.koszyk tr.koszyk_clear_m{
		display: none;
	}
	body.influ table.koszyk th{
		vertical-align: bottom;
		border: none;
		/*border-top: 0;*/
		border-bottom: 1px solid #ddd;
		padding: 10px 11px 10px 11px;
		font-size: var(--font-size-16px);
		text-transform: uppercase;
		font-weight: 400;
	}
	body.influ table.koszyk tr th.alignRight,
	body.influ table.koszyk tr td.alignRight{
		text-align: right;
	}
	body.influ table.koszyk tr td {
		padding: 10px 11px 10px 11px;
		border: none;
		font-size: var(--font-size-18px);
		line-height: normal;		
		/*min-width: 100px;*/
	}
	body.influ table.koszyk tr.podatek td {
		padding: 0% 11px 0% 11px 
		color: var(--kolor-jasnoszary);
	}
	body.influ .text_to_right,
	body.influ table.koszyk tr th.text_to_right,
	body.influ table.koszyk tr td.text_to_right {
		text-align: right;
	}
	body.influ table.koszyk tr td.kosz,
	body.influ table.koszyk tr td:first-child,
	body.influ table.koszyk tr td:last-child, {
		padding: 10px 0px 10px 0px;
	}
	body.influ table.koszyk tr{
	   padding-top: 5px;
	   padding-bottom: 5px;
		border: none;
	}
	body.influ table.koszyk tr:nth-of-type(2n) {
		background-color: transparent;
	}
	body.influ table.koszyk tr:nth-of-type(2n+1) {
		/*background-color: rgba(0,0,0,0.05);*/
		background-color: transparent;
	}
	body.influ table.koszyk tr:first-child {
		background-color: transparent;
	}
	body.influ table.koszyk  tr:nth-of-type(2n+1) {
		/*background-color: #fff;*/
	}
	body.influ table.koszyk tr.przerywnik td,
	body.influ table.koszyk tr.przerywnik {
		background-color: rgba(0,0,0,0.01);
		height: 3px;
		padding: 0px;
	}
	body.influ table.koszyk tr.zam {
	}
	body.influ table.koszyk tr.zam:hover {
	    /*background-color: #fafafa;*/
	}
	body.influ table.koszyk tr.pus {
	   font-size: 6px;
	   line-height: 6px;
		padding: 0px;
		/*border-bottom: 1px solid #ddd;*/
	}
	body.influ table.koszyk tr.pus td {
		padding: 0px;
	}
	body.influ table.koszyk td input[type="text"].formInputKoszyk {
		margin-bottom: 0px;
	}
	body.influ table.koszyk td.nazwa a:hover {
		color: var(--kolor-czerwony);
	}
	body.influ table.koszyk td.kosz {
		width: 30px;
		min-width: 30px;
		text-align:center;
		padding: 1% 0px 1% 0px;
		font-size: var(--font-size-14px);
	}
	body.influ table.koszyk td.kosz i:hover {
		color: var(--kolor-glowny);
	}
	body.influ table.koszyk td strong.kolor {
		font-weight: bold;
		font-size: var(--font-size-20px);
	}
	body.influ table.koszyk i {
		cursor: pointer;
	}
	body.influ table.koszyk .koszyk_obr_knt {
		width: 70px;
		padding: 1% 0px 1% 1%;
		text-align: center;
	}
	body.influ table.koszyk .koszyk_obr_knt img {
		display: inline;
	}
	body.influ table.koszyk .koszyk_obr {
		max-width: 150px;
		max-height: 150px;
		width: auto;
		height: auto;
	}
	.titleMenu{
		display: none;
	}

 	
 	.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
 		background-color: #f9f9f9;
 	}
 	.wp-block-table figcaption {
 		font-size: 13px;
 		margin-top: 0px;
 		margin-bottom: 20px;
 		text-align: center;

 	}
 	hr.wp-block-separator {
 		margin-left: 10%; 
 		margin-right: 10%; 
 	}
 	.has-text-align-center img {
 		display: inline-block;
 	}

 	.tlo_transparentne .wp-block-image img {
 		/*clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);*/
 	}

 	
 	.md-tooltip {
	  /*width: 500px !important;*/
	  height: auto;
	  white-space: pre-wrap;
	  padding: 5px 10px 5px 10px;
	  /*padding-top: 10px;*/
	  font-size: 13px;
	  line-height: 16px;
	  opacity: 1 !important;
	  background-color: #5f5f5f;
	  margin-top: 0px !important;
	}

	.wp-block-image figcaption {
		font-size: var(--font-size-20px);
		letter-spacing: 0px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
		color: #000;
	}

	.gs-fullscreen-search .gs-fullscreen-search-inner .search-wrapper-inner .search-wrapper-form input[type="search"],
	.search-form-input {
		font-size: var(--font-size-20px);
		padding: 2.16667rem 4.83333rem 2.16667rem 1.66667rem;
	}
	.gs-fullscreen-search .gs-fullscreen-search-inner .search-wrapper-inner .search-wrapper-form svg {
		position: absolute;
		margin-left: 60px;
		margin-top: -13px;
	}
	.gs-fullscreen-search {
		z-index: 500;
	}
	#szukaj_formaulrz {
		/*display: none !important;*/
	}
	#szukaj_btn,
	#szukaj_zamknij {
		transform: scale(0.1);
		opacity: 0;
		pointer-events: none;
	}
	#szukaj_btn.aktywnyy,
	#szukaj_zamknij.aktywnyy {
		transform: scale(1);
		opacity: 1;
		pointer-events: auto;
	}
	#szukaj_zamknij .close-button {
		/*position: absolute;*/
		top: 0px;
		right: 0px;
	}


	.nav_M_info{
		display: none;
	}

	.banerB{
		position: relative;
		margin: 30px 0px;
	}
	.banerB h2{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 90%;
		padding: 30px;
		font-size: var(--font-size-30px);
		background-color: rgba(48,39,52,0.9);
		margin: 0px;
		color: #fff;
		border: 0px;
		text-transform: none;
		line-height: 1.2em;
		clip-path: polygon(0% 0, 100% 0%, 81.5% 100%, 0 100%);
		letter-spacing: 0px;
	}

	.banerB h2 strong{
		color: var(--kolor-czerwony);
		text-transform: uppercase;
	}
	.banerB section{
		position: absolute;
		bottom: 0px;
		right: -1px;
		background-color: #fff;
		display: inline-block;
		width: auto;
		padding: 15px 20px;
		padding-left: 70px;
		font-weight: 600;
		clip-path: polygon(19% 0, 100% 0%, 100% 100%, 0 100%);
	}

	.banerB section a {
		line-height: 40px;
		font-size: var(--font-size-20px);
		letter-spacing: 0.5px;
	}
	.banerB section a i{
		color: var(--kolor-czerwony);
	}

	.banerB_2 section {
		bottom: -55px;
	}

		/*REGULAMIN*/
	.idS_113{ 
		text-align: justify;
	}
		/*Polityka prywatności*/
	.idS_3{ 
		text-align: justify;
	}

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: static;
		    height: 40px;
		    width: 50px;
		    top: -50px;
		    right: 0;
			width: 100%;
			overflow: hidden;
		}
		.box_m {
		  float: right;
		  border-radius: 2px;
		  position: relative;
		  /*top: 3px;*/
		  margin: 0 auto;
		}

		.box_m {
		  width: 45px;
		  cursor: pointer;
		}

		.box_m span {
		  display: block;
		  width: 100%;
/*		  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);*/
		  border-radius: 5px;
		  height: 4px;
		  background: #000;
		  transition: all .3s;
		  position: relative;
		}

		span + span {
		  margin-top: 8px;
		}

		.active span:nth-child(1) {
		  animation: ease .7s top forwards;
		  height: 5px;
		}

		.not-active span:nth-child(1) {
		  animation: ease .7s top-2 forwards;
		  background-color: #000;
		}

		.active span:nth-child(2) {
		  animation: ease .7s scaled forwards;
		  height: 5px;
		}

		.not-active span:nth-child(2) {
		  animation: ease .7s scaled-2 forwards;
		}

		.active span:nth-child(3) {
		  animation: ease .7s bottom forwards;
		  height: 5px;
		  margin-top: 6px;
		}

		.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,.poziom_5,.poziom_6,.poziom_7{
			display: none;
		}

		.arrow-icon {
			display: block;
			position: absolute;
			z-index: 200;
			cursor: pointer;
			border-radius: 2px;
			width: 50px;
			margin-top: 0px;
			height: 20px;
			transform: scale(0.5);
			top: 8px;
			right: 0px;
			margin-right: -10px;
		}
		.szablonMenu ul.poziom_1 .arrow-icon {
			top: 5px;
		}
		.szablonMenu ul.poziom_2 .arrow-icon {
			top: 4px;
		}
		.szablonMenu ul.poziom_3 .arrow-icon {
			top: 3px;
		}
		.szablonMenu ul.poziom_6 .arrow-icon,
		.szablonMenu ul.poziom_5 .arrow-icon,
		.szablonMenu ul.poziom_4 .arrow-icon {
			top: 2px;
		}

		.left-bar {
			position: absolute;
			background-color: transparent;
			top: 0;
			left:-2px;
			width: 20px;
			height: 4px;
			display: block;
			transform: rotate(35deg);
			float: right;
			border-radius: 2px;
			margin-top: 10px;
		}

		.left-bar:after {
			content:"";
			background-color: var(--kolor-glowny);
			width: 20px;
			height: 4px;
			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:12px;
			width: 20px;
			height: 4px;
			display: block;
			transform: rotate(-35deg);
			float: right;
			border-radius: 2px;
		}  

		.right-bar:after {
			content:"";
			background-color: var(--kolor-glowny);
			width: 20px;
			height: 4px;
			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);
		}

		.arrow-icon_1 .right-bar:after, 
		.arrow-icon_1 .left-bar:after  {
			background-color: var(--kolor-glowny);

		}
		.arrow-icon_2{
			transform: scale(0.5);
			/*left:0px;*/
		}
		.arrow-icon_2 .right-bar:after, 
		.arrow-icon_2 .left-bar:after  {
			background-color: #ccc;

		}

		.arrow-icon_3{
			transform: scale(0.5);
		}
		.arrow-icon_3 .right-bar:after, 
		.arrow-icon_3 .left-bar:after  {
			background-color: #ccc;

		}
	/** Menu mobilne **/

	.font-size-09em{
		font-size: 0.9em;
	}

	/** Bootstrap **/


	/*
	autor:      influencja.pl
	wersja:     165.12.2.1
	kompilacja: 123080962145912635976129019625019261569361986365;
	klasy:      .wiersz
	            .kol_[1-9]
	            .kol_[10-100]
	            .ods_z[gora,dol,prawa,lewa]_[5-100]
	            .ods_w[gora,dol,prawa,lewa]_[5-100]
	            .px[10-36]
	*/

	.wiersz { clear: both; padding-top: 15px; padding-bottom: 15px; margin: 0px auto;}
	.wierszAuto { clear: both; overflow: hidden; padding-top: 15px; padding-bottom: 15px; width: auto; margin: 0px auto;}
	.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
   .kol_1 { float: left; width: 100%; width: 100%; padding-left: 15px; padding-right: 15px; } .kol_2 { float: left; width: 50%; width: 50%; padding-left: 15px; padding-right: 15px; } .kol_3 { float: left; width: 29%; width: 33.333333333333%; padding-left: 15px; padding-right: 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding-left: 15px; padding-right: 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding-left: 15px; padding-right: 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding-left: 15px; padding-right: 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding-left: 15px; padding-right: 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding-left: 15px; padding-right: 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding-left: 15px; padding-right: 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding-left: 15px; padding-right: 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding-left: 15px; padding-right: 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding-left: 15px; padding-right: 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding-left: 15px; padding-right: 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding-left: 15px; padding-right: 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding-left: 15px; padding-right: 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding-left: 15px; padding-right: 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding-left: 15px; padding-right: 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding-left: 15px; padding-right: 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding-left: 15px; padding-right: 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding-left: 15px; padding-right: 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding-left: 15px; padding-right: 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding-left: 15px; padding-right: 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding-left: 15px; padding-right: 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding-left: 15px; padding-right: 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding-left: 15px; padding-right: 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding-left: 15px; padding-right: 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding-left: 15px; padding-right: 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding-left: 15px; padding-right: 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding-left: 15px; padding-right: 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding-left: 15px; padding-right: 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding-left: 15px; padding-right: 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding-left: 15px; padding-right: 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding-left: 15px; padding-right: 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding-left: 15px; padding-right: 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding-left: 15px; padding-right: 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding-left: 15px; padding-right: 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding-left: 15px; padding-right: 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding-left: 15px; padding-right: 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding-left: 15px; padding-right: 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding-left: 15px; padding-right: 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding-left: 15px; padding-right: 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding-left: 15px; padding-right: 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding-left: 15px; padding-right: 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding-left: 15px; padding-right: 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding-left: 15px; padding-right: 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding-left: 15px; padding-right: 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding-left: 15px; padding-right: 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding-left: 15px; padding-right: 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding-left: 15px; padding-right: 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding-left: 15px; padding-right: 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding-left: 15px; padding-right: 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding-left: 15px; padding-right: 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding-left: 15px; padding-right: 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding-left: 15px; padding-right: 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding-left: 15px; padding-right: 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding-left: 15px; padding-right: 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding-left: 15px; padding-right: 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding-left: 15px; padding-right: 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding-left: 15px; padding-right: 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding-left: 15px; padding-right: 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding-left: 15px; padding-right: 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding-left: 15px; padding-right: 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding-left: 15px; padding-right: 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding-left: 15px; padding-right: 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding-left: 15px; padding-right: 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding-left: 15px; padding-right: 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding-left: 15px; padding-right: 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding-left: 15px; padding-right: 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding-left: 15px; padding-right: 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding-left: 15px; padding-right: 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding-left: 15px; padding-right: 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding-left: 15px; padding-right: 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding-left: 15px; padding-right: 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding-left: 15px; padding-right: 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding-left: 15px; padding-right: 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding-left: 15px; padding-right: 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding-left: 15px; padding-right: 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding-left: 15px; padding-right: 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding-left: 15px; padding-right: 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding-left: 15px; padding-right: 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding-left: 15px; padding-right: 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding-left: 15px; padding-right: 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding-left: 15px; padding-right: 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding-left: 15px; padding-right: 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding-left: 15px; padding-right: 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding-left: 15px; padding-right: 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding-left: 15px; padding-right: 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding-left: 15px; padding-right: 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding-left: 15px; padding-right: 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding-left: 15px; padding-right: 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding-left: 15px; padding-right: 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding-left: 15px; padding-right: 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding-left: 15px; padding-right: 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding-left: 15px; padding-right: 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding-left: 15px; padding-right: 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding-left: 15px; padding-right: 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding-left: 15px; padding-right: 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding-left: 15px; padding-right: 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding-left: 15px; padding-right: 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; } 
   .ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
	.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; } 
	.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: var(--font-size-14px); } .px15 { font-size: var(--font-size-15px); } .px16 { font-size: var(--font-size-16px); } .px17 { font-size: var(--font-size-17px); } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: var(--font-size-20px); } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: var(--font-size-24px); } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: var(--font-size-30px); } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

	.wiersz.adres_rozliczenia {
		margin-top: 10px;
	}
	#stopka .kol_40{
		width: 40%;
	}
	#stopka .kol_60{
		width: 60% ;
	}

	.koniec {
		clear: both;
		display: block;
	}
	.sukces,
	body.influ p.sukces,
	body.influ .sukces p {
		color: #78bd00;
		font-weight: 900;
	}

	body.influ p img{
		display: inline-block;
	}

	.blad,
	body.influ p.blad,
	body.influ .blad p {
		color: #cc0000;
		font-weight: 900;
	}
	.potwierdzenie_info,
	body.influ p.potwierdzenie_info {
		color: #999;
	}
	.potwierdzenie_info,
	body.influ p.potwierdzenie_info,
	#zawartosc p.potwierdzenie_info label {
		font-size: var(--font-size-16px);
		line-height: 24px;
	}

	.textCenter {
		text-align: center;
	}

	.social-sharing{
		background: none;
		box-shadow: none;
		padding: 5px 10px;
	}

	.social-sharing:hover{
		background: none;
		box-shadow: none;
		padding: 5px 10px;
		transform: scale(1.1) rotate(15deg);
	}


	/** PROMOCJA **/	
		.promocja_knt h2 {
		    font-size: 1.8em;
		    font-weight: 500;
		    font-family: var(--czcionka-museo-500);
		    margin: 20px 0px;
		    letter-spacing: 0.1em;
		}
		.promocja_knt h4{
		    font-size: 1.2em;
		    color: #666;
		}
		.promocja_knt h5,
		.promocja_knt h6 {
		    font-size: 1em;
		    color: var(--kolor-glowny);
		    text-transform: uppercase;
		}
		.promocja_knt p.btn a{
			display: inline-block;
			padding:0px 0px;
			padding-right: 20px;
			color: #000;
			text-transform: uppercase;
			font-weight: 500;
			line-height: 2em;
			letter-spacing: 2px;
			border-radius: 40px;
			background: rgb(37,55,128);
			background: -moz-linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			background: -webkit-linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			background: linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#253780",endColorstr="#3f288d",GradientType=1);

			background-size: 0px 100%;
			background-repeat: no-repeat;
			margin-top: 5px;
			cursor: pointer;
		}
		.promocja_knt p.btn a:hover{
			color: #fff;
			background-size:100% 100%;
		}
		.promocja_knt p.btn a:after{
			content: "\f105";
			font-family: "FontAwesome";
			display: inline-block;
			float: left;
			margin-left: 5px;
			width: auto;
			color: #fff;

			background: rgb(37,55,128);
			background: -moz-linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			background: -webkit-linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			background: linear-gradient(45deg, rgba(37,55,128,1) 0%, rgba(63,40,141,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#253780",endColorstr="#3f288d",GradientType=1);

			width: 2em;
			text-align: center;
			line-height: 2em;
			border-radius: 50%;
			margin-right: 10px;
			padding-left: 5px;
		}
		.promocja_knt p.btn.powrot{
			text-align: right;
			margin-top: 30px;
		}
		.promocja_knt p.btn.powrot a:after{
			content: "\f104";
		}
		.promocja_knt h1 {
		    font-size: 3.8em;
		    color: var(--kolor-glowny);
		    font-family: var(--czcionka-museo-300);
		    text-align: center;
		    margin: 0;
		    margin-bottom: 1em 0px;
		    letter-spacing: 0.05em;
		    margin-top: 10px;
		}
		.promocja_knt h1{
			font-size: 1em;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		    display:block;
		    margin: 0 auto;
		    text-align: center;
		    color: #000;
		    font-weight: 300;
		    width: 400px;
		    background-image: url("../img/kropka1.jpg");
		    background-size: 100% 1px;
		    background-repeat: no-repeat;
		    background-position: center center
		}
		.promocja_knt h3{
			margin-top: 3rem;
			margin-bottom: 1.5rem;
		}
		.promocja_knt h4{
			margin-top: 2rem;
			margin-bottom: 1rem;
		}
		.promocja_knt h5{
			margin-top: 1.8rem;
			margin-bottom: 0.8rem;
		}

		.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;
			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 img.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;
			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%;
		}
		.promocja_zawartosc img.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;
		}
		.promocja_zawartosc .wp-block-columns,
		.promocja_zawartosc .wp-block-image {
			margin: 0px !important;
		}
		.promocja_zawartosc .wp-block-column img {
			max-width: 100% !important;
		}
		.promocja_opis {
			color: #fff;
			background-color: var(--kolor-czerwony);
			padding: 5px 20px 5px 20px;
			display: inline-block;
			text-transform: uppercase;
			font-weight: bold;
			border-radius: var(--brrad);
			line-height: 24px;
		}
		.promocja_opis strong {
			font-size: 22px;
		}
	/** PROMOCJA **/

	/** SZUKAJ **/
		.md-virtual-repeat-container.md-autocomplete-suggestions-container {
			z-index: 601;
			/*margin-left: 15px;*/
			/*margin-right: 25px;*/
		}
		md-content._md {
			overflow: hidden;
		}
 		body.influ .md-autocomplete-suggestions li {
			line-height: 40px;
			/*height: 36px;*/
			font-size: var(--font-size-17px);
/*			padding-top: 7px;*/
/*			padding-bottom: 7px;*/
			position: relative;
		}
 		body.influ .md-autocomplete-suggestions li img {
 			display: block;
 			margin-right: 10px;
 			float: left;
 			margin-top: 4px;
 		}
 		body.influ .md-autocomplete-suggestions li span.nazwa {
 			font-weight: 600;
 		}
 		body.influ .md-autocomplete-suggestions li span.cena {
 			display: block;
 			position: absolute;
 			margin-left: 63px;
/* 			margin-top: 18px;*/
 			top: 18px;
 			font-family: var(--czcionka);
 			display: block;
 			font-size: var(--font-size-15px);
 			font-synthesis: 15px;
 		}
 		/*body.influ .md-autocomplete-suggestions li span:not(.obr) {
 			display: block;
 			position: absolute;
 			margin-left: 57px;
 			margin-top: 10px;
 		}*/
 		md-progress-linear .md-container {
 			background-color: rgba(236,0,140,0.2);
 			display: none;
 		}
 		md-progress-linear .md-bar {
 			background-color: var(--kolor-czerwony);
 			display: none;
 		}
 		md-autocomplete {
 			width: auto;
 			min-width: unset;
 		}
 		.md-whiteframe-z1 {
 			box-shadow: none;
 		}
 		.szukaj_knt_knt input[type="search"]:focus {
 			outline: none;
 		}
		.szukaj_knt_knt md-content {
			overflow: hidden;
		}
		.szukaj_knt_knt {
			line-height: 18px;
			display: block;
			/*margin-top: 15px;*/
		}
		.szukaj_knt {
			padding: 0px 10px 0px 20px;
			border-radius: 20px;
			border: 2px solid #f2f2f2;
			font-size: var(--font-size-16px);
			line-height: 16px !important;
			width: 30vw;
			width: calc(20vw + 70px);

			border: none;
		    height: 80px;
		    padding-right: 8px;
		    padding-left: 14px;
		    width: 100%;
			position: static;
			float: right;
		}
		.szukaj_knt md-autocomplete {
			background-color: transparent;
		}
		.szukaj_knt md-content.md-default-theme, md-content {
			background-color: #f4f3f0;
			width: 100%;
			display: inline-block;
			padding-left: 0px;
			padding-bottom: 0px;
			box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2) inset;
		    padding: 0px;
		    border-radius: 20px;
		}
		.szukaj_zobacz {
			float: right;
		}
		button.formBtnSzukaj,
		input.formBtnSzukaj {
			background-color: transparent;
			color: var(--kolor-czarny);
			padding: 0px 10px 0px 0px;
			display: inline-block;
			font-family: 'Montserrat', sans-serif;
			font-size: 25px;
			line-height: 18px;
			margin-left: 10px;
			line-height: var(--line-height-50px);
			position: absolute;
			margin: 0px;
			right: 0px;
			top: 0px;
			z-index: 100;
			color: #fff;
			padding: 5px 10px;			
			background: linear-gradient(45deg, rgba(166,28,33,1) 0%, rgba(211,73,78,1) 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300% 100%;
			background-position: left bottom;
			border-bottom-left-radius: 0px;
			border-top-left-radius: 0px;
			-webkit-transition: 0.1s ease-in-out;
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
		}
		button.formBtnSzukaj:hover,
		input.formBtnSzukaj:hover,
		button.formBtnSzukaj:focus,
		input.formBtnSzukaj:focus {
			background-position: right top;
			-webkit-transition: 0.1s ease-in-out;
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
		}
		button.formBtnSzukaj 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;
		}



		button.formBtnSzukaj:hover 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;
			transform: rotate(-15deg);
		}

		md-autocomplete {
		  height: 50px;
		}
		md-autocomplete md-autocomplete-wrap {
		  height: 40px;
		}
		md-autocomplete md-autocomplete-wrap button {
			color: #fff;
		}
		md-autocomplete input:not(.md-input) {
		  font-size: var(--font-size-16px);
		  padding: 0 5px 0 25px;
		  line-height: var(--line-height-50px);
		  height: 50px;
		  font-weight: 600;
		  font-family: var(--czcionka);
		}
		md-autocomplete input::placeholder{
			font-weight: 600;
			opacity: 1;
			color: #000;
		}
		md-autocomplete-wrap button {
			display: none;
		}
	/** SZUKAJ **/

	/** DODATKI **/	

	.newslleterPromocji{
		border: 1px solid #ccc;
		padding: 20px;
		width: 800px;
		display: block;
		background: ;
		padding: 20px 50px;
		height: 100%;
		text-align: center;
		border-radius: var(--brrad);
		box-shadow: 5px 5px 15px var(--cien);
		font-weight: bold;
		width: 100%;
		text-align: left;
		background-image: url('/img/tlo_newsleter_p.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 40%;
		margin-bottom: 40px;
	}

	.newslleterPromocji .tlo_newslleter_herb{
		  max-width: 700px;
	}

	.promocje_newslleter{
		position: relative;
		margin-top: 100px;
	}
	.promocje_newslleter .md_newlleter{
		position: absolute;
		width: 700px;
		top: -80px;
		left: -1px;
	}
	.promocje_newslleter .md_newlleter md-autocomplete{
		border-radius: 20px;
	}

	.do_koszyka_z_listy {
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}
	.btn_wiekszy {
		transform: scale(1.25);
		-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;
	}

	.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
	@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

	 

	/** Data picker **/
		/*#ui-datepicker-div:before {
			position: absolute;
			display: block;
			z-index: 609;
			width: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.4);
			content:' ';
		}*/
		#ui-datepicker-div {
			border-radius: 10px;
			padding: 15px;
			border: none;
			width: 330px;
			box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
		}
		.ui-datepicker-group.ui-datepicker-group-last {
			padding-left: 35px;
			/*background-color: #fff;*/
		}
		#ui-datepicker-div * {
			font-family: var(--czcionka);
		}
		#ui-datepicker-div tr {
			background-color: transparent;
		}
		#ui-datepicker-div td,
		.ui-datepicker-calendar,
		#ui-datepicker-div tr {
			border: none;
		}
		#ui-datepicker-div th {
			font-size: 10px;
		}
		.ui-state-default, .ui-widget-content .ui-state-default {
			background-color: #efefef;
			color: #000;
		}
		.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover {
			background-color: #ddd;
			color: #000;
		}
		.ui-widget-content .ui-state-highlight {
			background-color: #999;
			border-color: #666;
			color: #fff;
		}
		#ui-datepicker-div td a {
			border-width: 0px;
			text-align: center;
			border-radius: var(--brrad);
			line-height: 32px;
			width: 37px;
			height: 37px;
		}
		#ui-datepicker-div td.ui-datepicker-unselectable span {
			border-width: 0px;
			text-align: center;
			border-radius: var(--brrad);
			line-height: 32px;
			width: 37px;
			height: 37px;
		}
		.ui-widget-header {
			border-radius: var(--brrad);
			border: none;
		}
		.ui-datepicker-next-hover,
		.ui-datepicker-prev-hover,
		.ui-datepicker-prev
		{
			border: none !important;
		}
		.ui-widget-content .ui-state-active {
			background-color: var(--kolor-glowny) !important;
			color: #fff !important;
		}
		.ui-datepicker-next.ui-corner-all.ui-state-hover {
			background-color: transparent !important;
			font-weight: 400 !important;
			right: 1px !important;
			/*left: 1px;*/
			top: 1px !important;
			opacity: 0.5;
		}
		.ui-datepicker-prev.ui-corner-all.ui-state-hover {
			background-color: transparent !important;
		}
		button:focus,
		button:hover,
		.button:focus,
		.button:hover,
		.faux-button:focus,
		.faux-button:hover,
		.wp-block-button .wp-block-button__link:focus,
		.wp-block-button .wp-block-button__link:hover,
		.wp-block-file .wp-block-file__button:focus,
		.wp-block-file .wp-block-file__button:hover,
		input[type="button"]:focus,
		input[type="button"]:hover,
		input[type="reset"]:focus,
		input[type="reset"]:hover,
		input[type="submit"]:focus,
		input[type="submit"]:hover {
			text-decoration: none;
		}
		
	/** Data picker **/

	.szaryLoader {
	    filter: grayscale(100%);
	    max-width: 75px !important;
	    height: auto;
	}

	/* Google translate */
		#googleTranslate_btn {
			cursor: pointer;
		}
		#googleTranslate_knt {
			position: absolute;
			z-index: 200;
			display: none;
		}
		#googleTranslate_knt * {
			color: #000;
		}
	     .sp-megamenu-parent{font-family:Montserrat, sans-serif; font-size:13px; font-weight:500; }
	     .uk-panel-title{font-family:Montserrat, sans-serif; font-size:16px; font-weight:normal; }
	     #goog-gt-tt {display:none !important;}
	     .goog-te-banner-frame {display:none !important;}
	     .goog-te-menu-value:hover {text-decoration:none !important;}
	     body {top:0 !important;}
	     #google_translate_element2 {display:none!important;}
	/* Google translate */

	.disableBlock{
		pointer-events: none !important;
	}

	.wp-block-file a.wp-block-file__button {
	  text-decoration: none;
	  padding: 5px 15px;
	  font-size: var(--font-size-16px);
	  text-transform: none;
	}
	.wp-block-file {
	  align-items: center;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  border-bottom: 1px solid #f2f2f2;
	  padding: 10px;
	  border: 1px solid var(--kolor-ciemnoszarya);
		border-radius: var(--brrad);
		padding-left: 20px;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
	}
	.wp-block-image.is-style-circle-mask img,
	.wp-block-image.is-style-rounded img {
		border-radius: var(--brrad);
	}
	.easypack-widget .map-widget .leaflet-popup .leaflet-popup-content-wrapper .point-wrapper p,
	.easypack-widget .map-widget .leaflet-popup .leaflet-popup-content-wrapper .point-wrapper p.address.mobile-details-content {
	  color: #fff;
	  font-size: 13px;
	}
	.inputTextBlad {
		color: red;
		font-weight: 600;
	}


	pre, pre *, code, code *, .block-editor-block-list__layout pre, .block-editor-block-list__layout pre *, .wp-block-html .block-editor-plain-text {
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.leaflet-container {
		background-color: var(--kolor-tlo) !important;
	}

	.zamknij_ps {
		opacity: 0;
		pointer-events: none;
	}

	.zablokuj {
		pointer-events: none !important;
	}


body.influ .has-pale-pink-color p {
	color: #f78da7 !important;
}
body.influ .has-vivid-red-color p {
	color: #cf2e2e !important;
}
body.influ .has-luminous-vivid-orange-color p {
	color: #ff6900 !important;
}
body.influ .has-luminous-vivid-amber-color p {
	color: #fcb900 !important;
}
body.influ .has-light-green-cyan-color p {
	color: #7bdcb5 !important;
}
body.influ .has-vivid-green-cyan-color p {
	color: #00d084 !important;
}
body.influ .has-pale-cyan-blue-color p {
	color: #8ed1fc !important;
}
body.influ .has-vivid-cyan-blue-color p {
	color: #0693e3 !important;
}
body.influ .has-vivid-purple-color p {
	color: #9b51e0 !important;
}
body.influ .has-white-color p {
	color: #fff !important;
}
body.influ .has-very-light-gray-color p {
	color: #eee !important;
}
body.influ .has-cyan-bluish-gray-color p {
	color: #abb8c3 !important;
}
body.influ .has-very-dark-gray-color p {
	color: #313131 !important;
}
body.influ .has-black-color p {
	color: #000 !important;
}

.components-responsive-wrapper__content {
	position: static !important;

}


body.influ .tlo_strona_blog_wpis p,
body.influ .tlo_strona_blog_wpis li,
body.influ .tlo_strona_blog_wpis table td,
body.influ .tlo_strona_blog_wpis table th {
	font-size: var(--font-size-20px);
}
.tlo_strona_blog_wpis .wp-block-image figcaption {
	font-size: var(--font-size-20px);
}
.tlo_transparentne.tlo_strona_blog_wpis h2 {
	font-size: 36px;
}
.tlo_transparentne.tlo_strona_blog_wpis h3 {
	font-size: 32px;
}
.tlo_transparentne.tlo_strona_blog_wpis h4 {
	font-size: 26px;
}
.tlo_transparentne.tlo_strona_blog_wpis h5 {
	font-size: 22px;
}
.tlo_transparentne.tlo_strona_blog_wpis h6 {
	font-size: var(--font-size-20px);
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-verse {
	font-size: var(--font-size-20px);
	line-height: 36px;
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-quote {
	font-size: var(--font-size-20px);
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-quote cite {
	font-size: var(--font-size-16px);
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-quote.is-style-large {
	font-size: var(--font-size-24px);
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-quote.is-style-large cite {
	text-align: right;
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-pullquote p {
	font-size: var(--font-size-24px);
}
.tlo_transparentne.tlo_strona_blog_wpis .wp-block-cover p {
	font-size: var(--font-size-30px);
}

.wp-block-image .alignleft {
	margin-right: 1em;
	margin-bottom: 1em;
}
.wp-block-image .alignright  {
	margin-left: 1em;
	margin-bottom: 1em;
}
#zawartosc .wp-block-embed__wrapper {
	display: none;
}
.wp-block-embed-twitter div {
	margin-left: auto;
	margin-right: auto;
}

body.influ .tlo_strona_blog_wpis iframe {
	margin-left: auto;
	margin-right: auto;

}


#overlay-window{
	transform: scale(1.2);
}
.platnosci_tresc img {
	display: inline-block;
}


.info_mobil_tlo {
	width:100%;
	background-color:rgba(0,0,0,0.5);
	position: fixed;
	z-index: 99899;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
}
.info_mobil_tlo.pokaz {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
}
.info_mobil_knt {
	width:100%;
	background-color:rgba(0,0,0,0);
	position: fixed;
	z-index: 99900;
	/*	top: 0;*/
	right: 0;
	bottom: 20px;
	left: 0;
	text-align: center;
	/*	display: none;*/
	pointer-events: none;
	opacity: 0;
	-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
}
.tlo_transparentne.tlo_kontakt .info_mobil_knt a {
	color: var(--kolor-czerwony);
}
.tlo_transparentne.tlo_kontakt .info_mobil_knt a:hover {
	color: var(--kolor-czarny);
}
.info_mobil_knt.pokaz {
	pointer-events: auto;
	opacity: 1;	
	-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
}
.info_mobil {
	display: inline-block;
	max-width: 90vw;
	max-height: 76vh;
	max-height: calc(80vh - 2vw);
	box-shadow: none;
	width: auto;
	height: auto;
	font-weight: 500;
	background-color: #fff;
	position: relative;
	overflow-x: hidden;
	border-radius: 10px;
	text-align: left;
	pointer-events: none;
}
.info_mobil_knt.pokaz .info_mobil {
	pointer-events: all;
}
.info_mobilZawartosc {
	display: inline-block;
	max-width: 90vw;
	max-height: 80vh;
	/*	margin: 9vh auto;*/
	margin: auto;
	box-shadow: none;
	width: auto;
	height: auto; 
	font-weight: 500;
	/*background-color: #fff;*/
	position: relative;
	/*border: 1vw solid #ffffff; */
	/*border-radius: 10px;*/
}
#info_mobil {
	width: auto;
	max-width: 80%;
	padding: 25px;
	border-radius: 20px;
	background-color: #fff;
	font-size: 16px;
	box-shadow: 5px 5px 25px var(--cien);
	background-color: var(--kolor-zolty);
	/*	background: rgb(255,255,255);*/
	/*	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,248,1) 100%);*/
}
#info_mobil p {
	margin:15px 0px !important;
	font-weight: bold;
	color: #000;
	opacity: 0.8;
	text-align: center;
	line-height: 1.3em;
}
#info_mobil p strong {
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
}

#info_mobil p strong.zamknijI{
	color: #fff !important;
}
#info_mobil h3 {
	margin-top: 0px !important;
	font-size: 24px;
}
#info_mobil i {
/*	position: absolute;*/
/*	top: 10px;*/
/*	right: 10px;*/
	cursor: pointer;
/*	float: right;*/
	color: #fff;
/*	margin-top: 5px;*/
	font-size: 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;
}
#info_mobil i:hover {
	transform: rotate(90deg) scale(1.1);
	color: var(--kolor-czarny);
	-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;
}
#info_mobil 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;
}
#info_mobil p.btnHexKnt {
	margin-bottom: 0px;
	display: grid;
	grid-template-columns: 1fr 105px 1fr;
	vertical-align: middle;
}
#info_mobil p.btnHexKnt a{
	filter: grayscale(100%);
}

.btnPanelZamkmnij {
	display: none !important;
}
.tylko_mobil {
	display: none !important;
}
.dodaj_wiecej {
	font-size: var(--font-size-18px);
}
.fs18px{
	font-size: var(--font-size-18px) !important;
}
.pswp--zoom-allowed .pswp__img {
	background-color: #000;
}

.konfigurator_pswp_knt .pswp--zoom-allowed .pswp__img {
	background-color: #fff;
}


.easypack-widget .map-list-row .map-list-flex .map-widget .info-window .point-wrapper p {
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}

html { height: 100%; }
body { min-height: 100%; }

#kliknij_info{
    background-color: #616161;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    max-width: 250px;
    border-radius: 5px;
    left: 50%;
    position: fixed;
    z-index: 99999999999;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -100px) scale(0.5);
    text-align: center;
    -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;

}
#kliknij_info.pokaz{
    opacity: 1;
    transform: translate(-50%, -100px) scale(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;
}
.pe_none {
	pointer-events: none;
}