	:root {
	  --kolor-glowny: #da2155;
	  --kolor-czarny: #141414;
	  --kolor-bialy: #fff;
	  --kolor-szary: #404949;
	  --jasnoszary: #7e8686;
	  --jasnoszary2: #e4e2e3;

      --szary:             #9d9498;
      --szary2:             #686868;

	  --kolor-ciemy: #2c4e4e;

	  --czcionka: 'Rubik', sans-serif;
	  --czcionka2: 'Rubik', serif;
	}


	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:var(--kolor-czarny);padding:.2em 0}

	/* ==========================================================================
	   influencja.pl
	   ========================================================================== */


	.blocks-gallery-grid, .wp-block-gallery{
		gap: 10px;
	}   
	:focus {
		outline: none;
	}

	.czcionkaArial{
		font-family:var(--czcionka) !important;
	}

	button,
	html,
	input,
	select,
	textarea {
		font-family: var(--czcionka);
	}

	label{
		font-size: 16px;
	}

	.opacity_0{
		opacity: 0 !important;
	}

	/* WP core classes*/
		.wp-block-embed-youtube {
		    position: relative;
		    padding-bottom: 56.25%;
		    padding-top: 35px;
		    width: 100%;
		    height: 0;
		    overflow: hidden;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		.editor-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%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		a {
		    color: var(--kolor-czarny);
		}
		a:hover {
		    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 core classes*/

	/* WP influ classes*/
		.influ_galeria_img {
			cursor: pointer;
			/*box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/
		}
		.influ_galeria_img:hover {
			box-shadow: 3px 3px 25px rgba(0,0,0,0.1) !important;
			transform: scale(1.015);
		}
 	/* WP influ classes*/

 	.wp-block-columns{
 		align-items: normal;
 	}	

	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;
	 line-height:1.09em
 	}

 	.tlo_transparentne h2, .block-editor-writing-flow h2 {
	 font-weight:bold;
	 font-size:36px;
	 line-height:1.125em;
	}
 	.tlo_strona  h2, .block-editor-writing-flow h2 {
	 font-size: 48px;
	 margin: 20px 0px;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3, h3 {
	 font-size:18px;
	 line-height:1.17em;
	 color: var(--kolor-glowny);
	 margin-bottom: 10px;
	 margin-top: 10px;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4, h4 {
	 font-size:16px;
	 color: var(--kolor-czarny);
	 line-height:1.2em;
	 margin: 10px 0px;
	}
 	.tlo_transparentne h5, .block-editor-writing-flow h5, h5
 	{
 		font-size:15px;
 		line-height: 1.2em;
 		margin: 10px 0px;
	}
 	.tlo_transparentne h6, .block-editor-writing-flow h6, h6
 	{
 		font-size:14px;
 		line-height: 1.2em;
 		margin: 10px 0px;
 		color: #666;
 		text-transform: none;
	}


	.tlo_podstrony_info h2{
		font-size: 28px;
	}

	 a.btn,
	.btn a,
	.block-editor-writing-flow  .btn a{
		font-size: 16px;
		font-weight: 600;
		cursor: pointer;
		padding: 10px 25px 10px 25px;
		color: var(--kolor-bialy);
		background-color: var(--kolor-glowny);

    	clip-path: polygon(0% 0%, 0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 10px), 100% 0%);
		
		margin-top: 20px;
	}

	 a.btn:hover,
	.btn a:hover,
	.block-editor-writing-flow  .btn a:hover{
		color: #fff;
		background-color: var(--kolor-czarny);
		padding: 10px 20px 10px 30px;
	}

	.czcionka {
		font-family: var(--czcionka) !important;
	}

	body.influ {
		font-family: var(--czcionka);
		color: var(--kolor-glowny);
		letter-spacing: normal;
		background-color: #fff !important;
	}
	html {
		background-color: transparent !important;
	}
	body.influ p,
	body.influ li,
	body.influ table td,
	body.influ table th {
		font-family: var(--czcionka);
		color: #000;
		font-size: 18px;
		line-height: 1.6em;
		font-weight: 400;
	}
	body.influ table td.alignRight {
		text-align: right;
	}
	body.influ {
		margin: 0px;
		padding: 0px;
		color: var(--kolor-czarny);
		width: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		font-weight: 400;
		height: auto;
	}

	#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;
		/*opacity: 0.5;*/
	}
	#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;
		opacity: 0;
	}
	#ladowanieZawartosc img{
		width:80px;
		height: auto;
	}
	#ladowanieZawartosc {
		padding-top: 175px;
	}
	#ladowanieZawartosc img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	body.influ a, button {
		-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;
	}
	body.influ a:hover, button:hover {
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; 
		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;*/
	}
	.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;
	}

 	/** HEADER **/
 		.menuKontaktu{
 			margin: 0 auto;
 			overflow: hidden;
		    position: absolute;
		    right: 0;
		    z-index: 99;
 		}

 		.menuKontaktu div{
 			display: inline;
 			float: right;
 			background: #f2f2f2;
  			padding: 5px 60px;
 		}
 		.menuKontaktu a{
 			font-size: 16px;
 			font-weight: 600;
 			padding: 5px 20px;
 			line-height: 20px;
 			display: inline-block;
 		}

 		.menuKontaktu a svg{
 			margin-right: 5px;
 			height: 16px;
 			fill: var(--kolor-glowny);
 			display: inline;
 		}

 		.menuKontaktu a:hover svg{
 			fill:#000;
 		}
		#glowny_naglowek_knt .szablon_menuMobilne {
			display: none;
		}
		/*#glowny_naglowek_knt .szablon_menuMobilne.pokaz {
			display: block;
		}*/

		#glowny_naglowek_knt {
			position: relative;
			left: 0px;
			right: 0px;
			z-index: 601;
			max-width: 1600px;
			margin: 0 auto;
			
		}


		#glowny_naglowek_knt:before{
			content:' ';
			position: absolute;
			z-index: -1;

			box-shadow: 0px 0px 100px rgba(0,0,0,0.3);
			background-color: red;
			width: calc(100% - 25px);
			height: calc(100% - 25px);

		}


		#glowny_naglowek_knt .clip_p{

			background-color: #fff;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 50px) 100%, 100%  calc(100% - 50px), 100% 0%);
	
		}



		#glowny_naglowek_knt.header_abs{
			position: absolute;
		}
		#glowny_naglowek {
		    background-size: auto 100% ;
		    background-position: center center;
		    background-repeat: no-repeat;
			padding:0px 50px;
			padding-bottom: 10px;
			margin: 0 auto;

			display: grid;
			grid-template-columns: 320px 1fr;
			align-items: center;
			position: relative;
			z-index: 700;
		}
		.zIndex0{
			z-index: 0 !important;
		}

		#logo a{
		
		}

		#logo a img{

		    margin: 0px auto;
		    padding: 10px;
		    width: auto;
		    padding-top: 0px;

		}

		#menu_mobil {
		    display: none;
		}

		.menuHeader{
			padding: 5px 12vw;
			display: none;

		}
		.menuHeader.ukryjMenu {
			display: none;
		}
		.menuHeader.pokazMenu {
			display: block;
		}

		.menuProduktow{
			max-width: 1400px;
			margin: 0 auto;
			margin-bottom: 20px;

		}
		#menuGlowne {
			margin-top: 0px;
			background-color: #fff;
			overflow: unset;
			height: 50px;
					
		    margin-top: 75px;
		    margin-bottom: 20px;
		}

		#menuGlowne ul.menu_kategorii{
			float:right;
		}

		#menuGlowne ul{
		    font-family: var(--czcionka);
	    	font-display: swap;
		    margin: 0px;	    
		    background-position: center top;
		    background-size: cover;
		    padding: 0px;
		    display: inline-block;
		}

		#menuGlowne ul.menuInline ul{
		   text-align: left;
		}

		#menuGlowne ul{
			list-style: none;
			display: inline-block;
			align-items: center;

		}

		#menuGlowne ul li{
			margin: 0;
			text-align: left;
			padding: 0px 15px;
			float: left;
			position: relative;
			flex: auto;
		}
		#menuGlowne ul li.li_mini{
			display: none;
		}
		#menuGlowne ul li a.a_img{
			display: grid;
			grid-template-columns: 1fr;
			gap: 0px;
			align-items: center;
			font-weight: 600;
		}
		#menuGlowne ul li a.a_img svg{
			fill: var(--kolor-czarny);
		}
		#menuGlowne ul li a.a_img.zaznaczone svg,
		#menuGlowne ul li a.a_img:hover svg{
			fill: var(--kolor-glowny);
		}
		.darmowa_dostawa_btn{
			width: 140px;
			margin: 10px !important;
		}
		.darmowa_dostawa_btn a{
			display: grid !important;
			gap: 10px;
			grid-template-columns: 30px 1fr;
			align-items: center;
			  background: #f2f2f2;
			  padding: 10px 20px !important;
		}
		.darmowa_dostawa_btn a svg{
			max-width: 100%;
			fill: var(--kolor-czarny);
		}
		.darmowa_dostawa_btn a:hover svg{
			fill: var(--kolor-glowny);
		}
		.darmowa_dostawa_btn a span{
			position: static;
			display: block;
			line-height: 1.2em;
			font-size: 14px;
		}
		#menuGlowne ul li:not(:first-child) {
			border-color: var(--kolor-zolty);
		}
		#menuGlowne ul li a span{
			color: #7a7267;
		} 
		#menuGlowne ul li a{ 
			color: var(--kolor-czarny);
			font-size:  18px;
			line-height: 1.2em;
			text-transform: none;
			font-weight: 600;
			padding: 0px 10px;
			cursor: pointer;
			display: block;
			position: relative;
			line-height: 40px;
		}
		#menuGlowne ul li.btn_promocje a{ 
			color: #fff;
			background-color: var(--kolor-glowny);

			clip-path: polygon(20px 0%, 0% 20px, 0% 100%, 100% 100%, 100% 0%);
			padding-left: 30px;
			padding-right: 20px;
		}	

		#menuGlowne ul li.btn_promocje a:hover{
			background-color: #000;
			color: #fff;
		} 
		#menuGlowne ul li a span{
			display: inline-block;
			color: var(--kolor-czarny);
			position: relative;
		}
		
		#menuGlowne ul li a.zaznaczone,
		#menuGlowne ul li a.zaznaczone span,
		#menuGlowne ul li a,
		#menuGlowne ul li a span,
		#menuGlowne ul li a span:before{
			-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 a.zaznaczone,
		#menuGlowne ul li a.zaznaczone span,
		#menuGlowne ul li a:hover,
		#menuGlowne ul li a:hover span,
		#menuGlowne ul li a:hover span:before{
			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;
		}


		#menuGlowne ul li.link_promocje{
			text-align: right;
			min-width: 135px;
		}
		#menuGlowne ul li.link_promocje a {
			text-transform: uppercase;
		}
		#menuGlowne ul li i {
			color: var(--kolor-zolty);
			margin-right: 5px;
		}


		#menuGlowne ul li.link_promocje a:hover{
			color: var(--kolor-glowny);
		}
		#menuGlowne ul li.link_promocje a:hover span:before{
			background-color: var(--kolor-czarny);
			left: -15px;
		}

		#menuGlowne ul li a.wszystkie_kategorie {
			background-color: #f0b439;
			background-image: linear-gradient(45deg, #f0b439, #e89e2d); 
			
			text-align: center;
			max-width: 120px;
			font-size: 15px;
			text-transform: uppercase;
		}

		#menuGlowne ul li a.wszystkie_kategorie:hover {
			color: #fff !important;
		}

		#menuGlowne ul li.link_promocje a{
			color: var(--kolor-zolty);
		}

		#menuGlowne ul li ul{
			position: absolute;
			list-style: none;
			background-color: var(--kolor-bialy);
			z-index: 999;
			width: 300px;
			padding: 15px 0px 15px 0px;
			margin: -5px 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);   
			display: grid;
			grid-template-columns: 1fr ;
		}

		#menuGlowne ul li ul.poziom_1{
			left: 310px;
  			top: 0px;
		}

		#menuGlowne ul li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 1;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		#menuGlowne ul li ul li{
			width: 100%;
			margin:0px;
			padding: 0px 10px 0px 10px;
			border: none;
		}
		
		#menuGlowne ul li ul li .material-icons{
			font-size: 17px;
			color: var(--kolor-szary);
			float: right;
			display: block;
			margin-top: 4px;
		}

		#menuGlowne ul li ul li a{
			display: block;
			font-size: 15px;
			line-height: 17px;
			text-transform: none;
			letter-spacing: 0px;
			color: #fff;
			/*font-weight: bold;*/
			color: var(--kolor-szary);
			padding: 11px 10px 11px 10px;
		}

		#menuGlowne ul li ul li a:hover{
			color: var(--kolor-glowny) !important;
			background-color: rgba(255,255,255,1);
			color: var(--kolor-zolty);
			opacity: 1;
			padding: 11px 5px 11px 15px;
		}
		#menuGlowne ul li ul li a:before{
			/*font-family: "Font Awesome 5 Free";
			font-size: 12px;
			position: absolute;
			margin-top: 0px;
			content: "\f35a";
			margin-left: -15px;
			color: var(--kolor-zolty);*/
		}

		.darmowa_dostawa_nav{
			padding: 0px 10vw;
			height: 30px;
		}

		.darmowa_dostawa_nav a{
			line-height: 30px;
			text-transform: uppercase;
			color: #5d5d5d;
			font-weight: 600;
			font-size: 12px;
		}

		.darmowa_dostawa_nav a:hover{
			color: var(--kolor-zolty);
		}
		.panelKlienta_box{
			
			overflow: hidden;
			width: calc(500px + 10vw);
			position: absolute;
			z-index: 701;
			top: 0px;
			right: 0px;
		}

		.panelKlienta_box .tlo{ 

			
		}

		.kontaktUl{
			list-style: none;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
		}

		
		.kontaktUl li{
			display: inline-block;
			float: right;
			margin: 0px;
		}


		.kontaktUl li a{
			padding: 0px 20px;
			margin: 0px;
			color: #fff;
			font-weight: 600;
			font-size: 14px;
			line-height: 30px;
			display: inline-block;
			letter-spacing: 0.5px;

		}
		.kontaktUl li a:hover{
			color: var(--kolor-czarny);
		}

		ul.panelKlienta {
		    width: auto;
		    padding: 0px;
		    margin: 0px;
		    margin-top: 0px;
		    margin-bottom: 0px;
		}

		ul.panelKlienta li {
		    float: right;
		    color: #fff;
		    padding: 0px 20px;
		    font-size: 26px;
		    list-style: none;
		    margin: 0px;
		    position: relative;
		}

		ul.panelKlienta.panelSzukaj li {
			float: none;
		}
		
		ul.panelKlienta li a {
			padding: 5px 10px;
		}
		ul.panelKlienta li a i {
			color: var(--kolor-czarny);
			margin-top: 10px;
		}
		ul.panelKlienta li a:hover {
			color: var(--kolor-glowny) !important;
		}
		ul.panelKlienta li a:hover strong {
			color: var(--kolor-glowny) !important;
		}


		ul.panelKlienta li a span.ileProduktow {
		    background: var(--kolor-glowny);
		    position: absolute;
		    line-height: 12px;
		    padding: 0px;
		    font-size: 12px;
		    color: #fff;
		    font-weight: bold;
		    left: 40px;
		    min-width: 12px;
		    text-align: center;
		    top: 0px;
		    left: 53px;
		    opacity: 0.9;
		    word-break: normal;

		    width: 18px;
		    height: 18px;
		    line-height: 18px;
		    font-family: var(--czcionka);

	    	font-display: swap;
		    overflow: hidden;
			text-transform: none;
			word-break: keep-all;
			border-radius: 12px;
			text-align: center;
		}

		ul.panelKlienta li a span.ileProduktow text{
		    transform: rotate(-45deg);
		    display: block;
		    color: var(--kolor-czarny);
		}

		ul.panelKlienta li a strong{
			font-size: 14px;
			font-weight: 400;
		}

		ul.panelKlienta li a:hover{ 
			color: var(--kolor-zolty) !important;
		}

		ul.panelKlienta li a i{ 
			-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[type="text"].fraza_wyszukaj{
		    padding: 0px 15px;
		    border: 0px;
		    background-color: transparent;

		    font-weight: 500;
		    font-size: 14px;
		    line-height: 30px;
		}

		.formBtnSzukaj:hover,
		ul.panelKlienta li a:hover i{ 
			transform-origin: center center;
			color: var(--kolor-glowny) !important;
			-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.panelKlienta li a.wyszukiwarka {
			display: block;
			padding: 0px 20px;
			border: 2px solid #f2f2f2;
			border-radius: 20px;
		}

		ul.panelKlienta li a.wyszukiwarka i{
			margin: 0px;
		}

		.wyszukiwarkaMINI{
			display: none;
		}

		.box_ikony{
			background-size: 100% 65%;
			background-position: bottom center;
			background-repeat: no-repeat;
		}
		.box_ikony .k_tresc{
			padding: 50px;
			padding-top: 0px;
		}

		.box_ikony .k_tresc .wp-block-image{
			margin-bottom: 0px !important;
		}

		.box_ikony .k_tresc p{
			line-height: 1.3em;
		}
		


		input[type="text"].formInputSzukaj {
			font-family: var(--czcionka);

	    		font-display: swap;
			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;
			
			/*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: 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 **/
	
	/** BANER **/

		.baner_pozycja{
			position: relative;
			background-image: url('../img/tlo_baneru_02.webp');
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: 100% auto;
		}
		.baner_pozycja .banerTlo{
			position: absolute;
			top: 0;
			left: 0px;
		}

		#baner_knt{
			position: relative;
			margin: 0px;
		}
		#baner_knt .baner{
			width: auto; 
			position: relative;
			top: 0px; 
			z-index: 9;
			margin: 0px 10vw;
		}
		#baner_knt #baner2{
			width:100%; 
			position: absolute;
			top: 0px; 
			z-index: 8;
		}

		.baner .item aside{
			position: absolute;
		    width: auto;
		    height: auto;
		    left: 0px;
		    bottom: 0px;
		    top: 0px;
		    padding:5vw;
		    display: flex;
		    align-items: center;
		    font-size: 2vw;
		    font-weight: 700;
		    width: 45%;
		    margin-right: 5%;
			
			background-color: rgba(255,255,255,0.65);

			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 50px) 100%, 100%  calc(100% - 50px), 100% 0%);
			
			font-size: 2vw;
		}


		.baner .item aside h1,
		.baner .item aside h2{
			font-size: 3.2vw;
			line-height: 1.2em;
			margin: 0px;
			margin-bottom: 1vw;
			font-weight: 700;
		}

		.baner .item aside h1 strong,
		.baner .item aside h2 strong{
			font-style: normal;
			position: relative;
		}

		.baner .item aside h1 strong:before,
		.baner .item aside h2 strong:before{
		  	content: " ";
			position: absolute;
			bottom: 5px;
			left: -10px;
			width: calc(100% + 20px);
			height: 6px;
			background-color: var(--kolor-glowny);
		}

		.baner .item.item_ukryj{
			display: none;
		}

		.baner .item aside p,
		.baner .item aside ul li{
			font-size: 3vw;
			line-height: 1.3em;
			font-weight: 700;
		}


		.baner .item.prawa aside{
			margin-left: 50%;
		}




		.baner .item aside p{
			font-size: 1.2vw !important;
			line-height: 1.2em;
			font-weight: 400;
			color: #000;
		}


		.baner .item aside a{
			background-color: var(--kolor-czarny);
		    color: #fff !important;
		    border-radius: 30px;
		    font-size: 1vw;
		    text-transform: uppercase;
		    padding: 0.5vw 2vw;


			margin-top: 1.5vw;
			 float: left;
		}


		.baner .item aside a:hover{
			background:var(--kolor-glowny);
		}

		.baner .item.item_ukryj{
			display: none;
		}



		/*.baner a {
			color: var(--kolor-czarny) !important;
			padding-left: 0px;
			padding-right: 5px;
			pointer-events: auto;
		}
		.baner a:hover {
			color: var(--kolor-glowny) !important;
			padding-left: 5px;
			padding-right: 0px;
			pointer-events: auto;
		}*/


		#baner_knt #baner #slajder picture{
			display: block;
			width: 100%;
		}

		#baner_knt .item aside{
			position: absolute;
			width: 50%;

			height: auto;
			left: 10%;
			bottom: 0px;
			top: 0px;
			padding-right: 10vw;
			padding-bottom: 0vw;

			display: flex;
			align-items: center;

			font-size: 2vw;

			
		}

		#baner_knt .item aside div{
			flex: 1;
		}

		#baner_knt .item aside div p{
			font-weight: 600;
			font-size: 0.8em;
			margin: 0;
		}

		#baner_knt .item aside div h1,
		#baner_knt .item aside div h2{
			font-size: 3vw;
			line-height: 1.1em;
			margin: 0px;
			color: var(--kolor-zolty);

			padding-bottom: 0px;
		}

		#baner_knt .item aside div h1 span:nth-child(1),
		#baner_knt .item aside div h2 span:nth-child(1) {
			font-style: normal;
			font-size: 1.3em;
		}

		#baner_knt .item aside div h3{
			font-size: 1.5em;
			line-height: 1.1em;
			margin: 0px;
			color: var(--kolor-ciemy);

			text-transform: none;
		}

		.baner .item aside div ul{
			
			list-style: none;
			padding-left: 2vw;
		}

		.baner .item aside div ul li{
			margin-top: 0px;
			position: relative;
		}
		.baner .item aside div 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: "\f30b";

		  margin-left: -1.5em; 
		  width: 1.3em;
		  font-size:  1em; 
		 
		}

		#baner_knt .item aside div p a{
			display: inline-block;
			font-size: 18px;
			text-transform: uppercase;
			position: relative;
			line-height: 60px;
			z-index: 1;
			font-weight: bold;

		}

		#baner_knt .item aside div p a:before{
			content: ' ';
			width: 60px ;
			height: 60px;
			border-radius: 50%;
			background-color: var(--kolor-glowny);

			position: absolute; 
			z-index: -1;
			right: -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;
		}

		#baner_knt .item aside div p a:hover:before{
			background-color: var(--kolor-czarny);
		}

		#baner_knt .item aside div p a:after{
		    font-family: "Font Awesome 5 Free";
		    font-weight: 900;
		    content: "\f105";
		    padding-left: 10px;
		}



		#baner_knt .item aside div p em{
			background-color: var(--kolor-zolty);
			color: #fff;
			line-height: 4em;
			border-radius: 50%;
			line-height: 60px;
		}

		#baner_knt .item aside div h2.abs_10{
			text-align: right;
			padding-right: 6vw;
			color: var(--kolor-czarny);
		}
		#baner_knt .item aside div img{
			width: auto;
			max-width: 100% !important;
			margin-right: 0px;
		}

		/*slajder_produktow*/

		.slajder_produktow .owl-dots{
			margin-top: 20px !important;
		}

		.baner.owl-carousel.owl-drag .owl-dots .owl-dot span{
			height: 20px !important;
			width: 20px !important;
			border: 0px !important;
			border-radius: 50% !important;

			-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: 3px solid #fff !important;
		}

		.baner.owl-carousel.owl-drag .owl-dots .owl-dot.active span{
			background-color: var(--kolor-glowny);
			width: 15px;
			height: 15px;

			border: 2px solid #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;
		}

		
		.owl-carousel.owl-drag .owl-item{
			padding: 0px;
		}

		.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: -15px;
		}
		

		.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%;
		
		}

		.owl-theme .owl-nav button span{
			font-size: 40px;
		}
		.owl-theme .owl-nav button.owl-prev {
			left: -30px;
		}
		.owl-theme .owl-nav button.owl-next {
			right: -30px;
		}
		.owl-theme .owl-nav [class*="owl-"]:hover {
		  background: #fff;
		  color: var(--kolor-czarny);
		}


		.owl-theme .owl-dots {
			bottom: 0px;
			position: absolute;
  			width: auto;
  			right: 0px;
  			left: 0px;
		}
		.owl-theme .owl-dots .owl-dot span{
			width: 10px;
			height: 10px;
			background-color: #dee1db;
			margin: 5px;
		}
		.owl-theme .owl-dots .owl-dot:hover span,
		.owl-theme .owl-dots .owl-dot span:hover{
			background-color: var(--kolor-czarny);
		}
		.owl-theme .owl-dots .owl-dot.active span{
			width: 20px;
			background-color: var(--kolor-czarny);
		}


	/** BANER **/

	/** MAIN **/
		#zawartosc {
/*			opacity: 0;*/
		}

		.indexProdukty{
			margin: 0px auto;
			max-width: 1600px;
		}

		.ikony_kategorii {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
/*		  	grid-template-rows: repeat(3, 219px);*/
		  	grid-column-gap: 20px;
		  	grid-row-gap: 20px;
		}

		._1 { grid-area: 1 / 1 / 3 / 3; }
		._2 { grid-area: 1 / 3 / 2 / 4; }
		._3 { grid-area: 2 / 3 / 3 / 4; }
		._4 { grid-area: 3 / 1 / 4 / 2; }
		._5 { grid-area: 3 / 2 / 4 / 3; }
		._6 { grid-area: 3 / 3 / 4 / 4; } 


		.box_kat {
			background-size: cover;
			background-position: bottom right;
			position: relative;
		}

		.box_kat:hover {
			transform: scale(1.03);
			box-shadow: 15px 15px 50px rgba(0,0,0,0.5);
		}

		.box_kat img{
			width: 100%;
		}
		.box_kat h3{
			position: absolute;
			top: 2vw;
			left:2vw;
			font-size: 1.5vw;
			color: #fff;
			margin: 0px;
			max-width: 45%;
		}

		.box_kat._1 h3{
			top: 3vw;
			left:3vw;
			font-size: 2.5vw;
		}

		.box_kat:hover h3{
			/*color: var(--kolor-glowny);
			padding-left: 20px;*/
		}

		#zawartosc section {
			margin: 50px auto 50px auto;
			width: auto;
			max-width: 1400px;
		}
		#zawartosc section.tlo_koszyk {
			margin: 30px auto;
			max-width: 1200px;
		}
		#zawartosc section.diety_knt h2 {
			font-size: 72px;
			font-family: var(--czcionka2);
			font-weight: normal;
			text-align: center;
			font-weight: 500;
		}
		#zawartosc section.omnie h2 {
			text-align: left;
		}

		#zawartosc section.tlo_lista {
			max-width: 1300px;
  			margin: 50px auto;
		}

		#zawartosc section.tlo_strona  {
			max-width: 1500px;
  			margin: 50px auto;
  			padding: 0px;
		}

		.inf_producent{
			padding: 50px;
			background-size: cover;
			background-position: center center;
			position: relative;
		}

		.inf_producent .info_tresc{
			width: 55%;
			color: var(--kolor-czarny);
			text-align: left;
			padding: 50px;
			background-color: rgba(255,255,255,0.7);
		}


		.inf_producent .info_tresc .scrollbar{
			max-height: 400px;
			white-space: normal;
			overflow-y: auto;
			direction: ltr;
			scrollbar-color: var(--light-brown--500) var(--white--400);
			scrollbar-width: thin;
		}


		.inf_producent .info_tresc h2{
			margin-top: 0px;
			font-size: 30px;
		}
		.inf_producent .info_tresc p{
			color: #676767;
		}
		.inf_producent .info_tresc a{
			color: var(--kolor-czarny);
		}

		.inf_producent img.logo_biale{
			position: absolute;
			right: 5vw;
			bottom: 5vw;
			max-width: 40%;
		}

		.kontakt_boks{
			padding: 80px 0px;
			background-size: cover;
			background-position: top left;

		    position: relative;
		    z-index: 10;
		    margin-bottom: 0px !important;
		}
		.kontakt_boks .k_tresc{
			padding-left: 30vw;
			display: flex;
		}

		.kontakt_boks .k_tresc a{
			flex: auto;
			display: grid;
			grid-template-columns: 60px 1fr;
			grid-gap: 10px;
			align-items: center;	
			color: var(--kolor-czarny);
		}
		.kontakt_boks .k_tresc a:hover{
			transform: scale(1.1);
		}

		.kontakt_boks .k_tresc a:hover i,
		.kontakt_boks .k_tresc a:hover strong,
		.kontakt_boks .k_tresc a:hover span{
			color: var(--kolor-glowny);
		}


		.kontakt_boks .k_tresc a i{
			width: 60px;
			font-size:26px;
		    line-height: 60px;
		    border-radius: 50%;
		    background-color:#e6e6e6;
		    text-align: center;
		}

		.kontakt_boks .k_tresc a span{
			display: block;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: var(--szary2);
		}

		.kontakt_boks .k_tresc a strong{
			display: block;
			font-size: 24px;
			color: var(--kolor-czarny);
		}
		
		.link_btn {
		    display: inline-block;
		    font-size: 18px;
		    text-transform: uppercase;
		    position: relative;
		    line-height: 30px;
		    z-index: 1;
		    font-weight: bold;
			color: var(--kolor-czarny);
		}
		
		.link_btn:after {
		    font-family: "Font Awesome 5 Free";
		    font-weight: 900;
		    content: "\f35a";
		    padding-left: 10px;
		}

		.link_btn:hover {
		    color: var(--kolor-glowny) !important;
		    padding-left: 5px;
		    padding-right: 0px;
		    pointer-events: auto;
		}
		.link_btn:hover:before {
		    background-color: var(--kolor-czarny);
		}

		.mapa_link{
			position: relative;
			display: block;
		}

		.mapa_link .dojazd{
			position: absolute;
			background-color: #2c2124;
			padding: 30px;
			padding-bottom: 50px;
			padding-right: 50px;

			bottom: -30px;
			left: 60px;
			color: #fff;
			font-size: 18px;


   		 	clip-path: polygon(0% 0%, 0% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 0%);
		}

		.mapa_link .dojazd i{
			display:block;
			color: var(--kolor-glowny);

		}


		/*LISTA PRODUKTÓW*/
				.tlo_podzial{
					margin-top: 0px !important;
				}
				
				.szablon_strony{
					display: grid;
					grid-template-columns:300px  1fr;
					grid-gap:75px;
					padding: 75px;


					background-color: #f2f2f2;
				}


				.szablon_strony.produkt_index{
					margin-top: -100px;
				    position: relative;
				    z-index: 99;

/*				    clip-path: polygon(50px 0%, 0% 50px, 0% 100%, 100% 100%, 100% 0%);*/
				}


				/*.szablon_strony.produkt_podstrona{
				    clip-path: polygon(50px 0%, 0% 50px, 0% 100%, 100% 100%, 100% 0%);
				}*/


				.szablon_strony .menuBoczneDiv .box_bialy{
				
					padding: 10px 0px;
				}

				.szablon_strony .menuBoczneDiv .box_bialy.wybraneP{
				
					padding: 10px 0px;
					margin-top: 20px;
				}

				.baner_boczny{
					color: #dcd8d9;
				    background-image: url(img/transport_16.webp);
				    padding: 30px;
				    padding-bottom: 60%;
				    background-size: cover;
				    background-position: bottom right;
					font-weight: 400;
    				clip-path: polygon(0% 0%, 0% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 0%);
				}

				body.influ .tlo_strona .baner_boczny h2{
					margin-top:0px;
					font-weight: 500;
					font-size: 30px;
					color: #fffeff;
				}
				body.influ .tlo_strona .baner_boczny p{
					color:rgba(255, 255, 255, 0.8);
					font-size: 15px;
					line-height: 20px;
					font-weight: 500;
				}



				body.influ .tlo_strona .baner_boczny.finansowanie h2{
					color:#000000;
				}
				body.influ .tlo_strona .baner_boczny.finansowanie p{
					color:#393a3a;
				}
				body.influ .tlo_strona .baner_boczny.finansowanie a{
					display: block;
					color:#000;
					font-weight: 700;
					font-size: 20px;
					line-height: 30px;
					padding: 5px 0px
				}

				body.influ .tlo_strona .baner_boczny.finansowanie a:hover{
					color: var(--kolor-glowny);
				}

				body.influ .tlo_strona .baner_boczny.finansowanie a i{
					color:var(--kolor-glowny);
					margin-right: 5px;
				}


				.nav_kategorii{
					display:flex;
					align-items: center;
				}
				.nav_kategorii div{
					flex: auto;
					text-align: center;
					padding: 30px;
					font-size:20px;
					font-weight: 500;
					background-color: #fafafa;
					color: #707070;
				}

				.nav_kategorii div{
					cursor: pointer;

				    -webkit-transition: 0.2s all;
				    -moz-transition: 0.2s all;
				    -o-transition: 0.2s all;
				    transition: 0.2s all;
				}
				.nav_kategorii div:hover{
					color: var(--kolor-czarny);

				    -webkit-transition: 0.2s all;
				    -moz-transition: 0.2s all;
				    -o-transition: 0.2s all;
				    transition: 0.2s all;
				}
				.nav_kategorii div.aktywne{
					color: var(--kolor-glowny);
					background-color: #fff;

				    -webkit-transition: 0.2s all;
				    -moz-transition: 0.2s all;
				    -o-transition: 0.2s all;
				    transition: 0.2s all;
				}

				.szablon_panelu{
					display: grid;
					grid-template-columns:1fr;
				}
				.art_tresc{
					position: relative;
				}

				.menuBoczne{
					border-top: 0px;
				}
				.menuBoczne a:hover{
					color: var(--kolor-glowny);
				}

				.naglowekMenuKategorii{
					margin: 0px;
					padding: 0px 20px;
					overflow: hidden;
				}
				.naglowekMenuKategorii a{
					font-size: 12px;
					text-transform: uppercase;
					color: #797983;
					letter-spacing: 1px;
					float: left;
					line-height: 15px;
					padding-top: 20px;
				}

				.baner_skup{
					background-position: center center;
					background-size: cover;
					padding: 100px 30px;
					margin-top: 15px;

					border: 2px solid var(--szary);
				}


				.baner_skup h2{
					font-size: 24px;
				}
				.baner_skup a.link_btn{
					font-size: 15px;
				}
				.baner_skup div{
					margin: 30px 0px;
				}
				.baner_skup div aside{
					display: grid;
					grid-template-columns: 20px 1fr;
					grid-gap: 10px;
					align-items: center;
					margin: 15px;
				}

				.baner_skup div aside i{
					font-size: 30px;
					color: var(--kolor-glowny);
				}

				.baner_skup div aside span{
					font-size: 14px;
					color: var(--szary2);
					font-weight: bold;
				}

				.menuBoczne ul.fa-ul{
					margin: 0px !important;
				}

				.menuBoczne ul.fa-ul li ul{
					margin:0px 0px 5px 15px !important;
					list-style: none;
				}
				.menuBoczne ul.fa-ul li ul li a{
					font-weight: normal;
				}


				.menuBoczne ul li{
					margin: 0px;
					line-height: 18px;
					position: relative;
				}

				.menuBoczne ul li a{
					font-size: 16px;
					font-weight: 700;
					color: var(--kolor-czarny);
					display: block;
					line-height: 32px;

					max-width: 85%;
				  	line-height: 1.2em;
				  	padding: 3px 0px;
				}

				.menuBoczne ul li a.a_314{
					color: var(--kolor-glowny);
				}
				.menuBoczne ul li ul li a{
					font-size: 15px;
				    line-height: 24px;
				}


				.menuBoczne ul li i{
					position: absolute;
					right: 15px;
					top: 8px;
					cursor: pointer;


					-webkit-transition: 0.5s all;
				    -moz-transition: 0.5s all;
				    -o-transition: 0.5s all;
				    transition: 0.5s all;
				}
				.menuBoczne ul li:first-child i{
					top: 8px;
				}

				.menuBoczne ul.ul_p  li:first-child i{
					top: 8px;
				}

				.menuBoczne ul.ul_p i{
					color: #ccc;
				}

				.menuBoczne ul li i:hover{
					color: var(--kolor-glowny);
				}

				

				.menuBoczne ul li i.rozwiniete{
					transform: rotate(180deg);

					-webkit-transition: 0.5s all;
				    -moz-transition: 0.5s all;
				    -o-transition: 0.5s all;
				    transition: 0.5s all;
				}
				.menuBoczne ul.fa-ul ul{
					opacity: 0;
					pointer-events: none;
					height: 0px;

					-webkit-transition: 0.5s all;
				    -moz-transition: 0.5s all;
				    -o-transition: 0.5s all;
				    transition: 0.5s all;

				}

				.menuBoczne ul.fa-ul ul.rozwin{
					opacity: 1;
					height: auto;
					pointer-events: all;


					-webkit-transition: 0.5s all;
				    -moz-transition: 0.5s all;
				    -o-transition: 0.5s all;
				    transition: 0.5s all;
					
				}



				.menuBoczne ul.fa-ul{
					margin: 0px !important;
				}

				.menuBoczne ul.fa-ul li ul{
					margin:0px 15px;
					list-style: none;
				}


				.menuBoczne ul li a.zaznaczone{
					font-weight: 700;
					color: var(--kolor-glowny);
				}

				.p_mini .offer-item .boks_produktu{
					grid-template-columns:  1fr;
				}
				.p_mini .offer-item .boks_produktu .opis_knt{
					margin: 20px 30px;
				}
				.p_mini .offer-item .boks_produktu .opis_knt .atr_opis{
					overflow: hidden;
				}
				.p_mini .offer-item .boks_produktu .opis_knt .atr_opis div{
					display: inline-block;
					float: left;
					color: #9d9498;
					padding-right: 20px;
					font-weight: 600;


				}
				.p_mini .offer-item .cena_30dni,
				.p_mini .offer-item .boks_produktu .opis_knt label,
				.p_mini .offer-item .boks_produktu .opis_knt .pw .btn_do_koszyka button text,
				.p_mini .offer-item .boks_produktu .opis_knt .pw .kupiony{
					display: none;
				}

				.p_mini .offer-item .boks_produktu .opis_knt .pw .btn_do_koszyka button{
  					padding: 10px 12px;
				}
				.p_mini .offer-item .boks_produktu .opis_knt .pw{
					grid-template-columns: 1fr;
				}

				.p_mini .offer-item .item-name.item-name-small{
					font-size: 16px;
					line-height: 20px;
				}

				.p_mini .offer-item .cena-item {
  					font-size: 16px;
  				}

  				.p_mini .offer-item .img_knt{
  					margin: 0px;
  				}


  				


				
		/*LISTA PRODUKTÓW*/


		/* OFERTA */
			#zawartosc section.oferta {
				background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 50%, #ffffff 50%, #ffffff 100%);
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 0px;
				margin-bottom: 0px;
				padding-top: 50px;
				padding-left: 15%;
				padding-right: 15%;
				padding-bottom: 5%;
			}
			#zawartosc section.oferta header h2 {
				margin-bottom: 0px;
				margin-top: 10px;
			}
			#zawartosc section.oferta header p {
				font-size: 26px;
				color: var(--jasnoszary);
				text-align: center;
			}
			#zawartosc section.oferta ul {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 50px;
				margin: 0px;
				padding: 0px;
			}
			#zawartosc section.oferta ul li {
				background: rgb(39,159,184);
				background: linear-gradient(45deg, rgba(39,159,184,1) 0%, rgba(4,186,187,1) 50%, rgba(2,188,165,1) 100%);
				
				margin: 0px;
				padding: 25px 35px 55px 35px;
				color: var(--kolor-bialy);
				list-style: none;
				position: relative;
			}
			#zawartosc section.oferta ul li h3 {
				color: var(--kolor-bialy);
				font-family: var(--czcionka2);
				font-size: 36px;
				line-height: 36px;
				font-weight: 500;
			}
			#zawartosc section.oferta ul li h3 strong {
				color: var(--kolor-czarny);
				font-size: 48px;
				font-weight: bold;
			}
			#zawartosc section.oferta ul ul {
				display: block;
				margin-top: 20px;
				margin-bottom: 20px;
			}
			#zawartosc section.oferta ul ul li {
				font-size: 18px;
				margin: 0px;
				padding: 0px 0px 0px 25px;
				background: transparent;
			}
			#zawartosc section.oferta ul 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: "\f105";
				margin-left: -20px;
				position: absolute;
			}
			#zawartosc section.oferta strong {
				display: block;
				font-size: 48px;
				padding-top: 20px;
				padding-bottom: 20px;
			}
			#zawartosc section.oferta strong span {
				font-size: 24px;
				font-weight: normal;
			}
			#zawartosc section.oferta  a {
				display: block;
				position: absolute;
				bottom: -30px;
				padding: 15px 35px 20px 35px;
				background: #202a2b;
				background: linear-gradient(45deg, #1e3d40 0%, #20292a 25%, #1e3331 50%, 
											rgba(56,234,211,1) 51%, rgba(50,230,222,1) 75%, rgba(48,216,230,1) 100%);
				background-size: 250% 100%;
				background-position: left bottom;
				cursor: pointer;

				font-size: 24px;
				font-family: var(--czcionka2);
				color: var(--kolor-bialy);
				left: 35px;
				font-weight: 500;
			}
			#zawartosc section.oferta  a i {
				color: var(--kolor-glowny);
				padding-left: 20px;
				padding-right: 5px;
			}
			#zawartosc section.oferta  a:hover {
				background-position: right top;
				transform: scale(1.025);
				color: var(--kolor-czarny);
			}
			#zawartosc section.oferta  a:hover i {
				color: var(--kolor-czarny);
				padding-left: 25px;
				padding-right: 0px;
			}
			#zawartosc section.oferta  aside {
				color: var(--kolor-czarny);
				font-style: italic;
				font-family: var(--czcionka2);
				opacity: 0.1;
				font-size: 200px;
				position: absolute;
				top: 10%;
				right: 5%;
				pointer-events: none;
			}
		/* OFERTA */



		.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;*/

			
		}


		.tlo_szare_p{
		    width: 1600px;
		    margin: auto;
		    position: relative;
		}

		.tlo_szare_p:before{
			content: ' ';
			position: absolute;
			top: 0px;
			left: 50px;
			width: calc(100% - 100px);
			height: 100%;
			background-color: #f2f2f2;

    		clip-path: polygon(0% 0%, 0% calc(100% - 50px), 50px 100%, 100% 100%, 100% 0%);
		}

		.szablonPodstrony .tlo_produkt {
			margin: 0px 10vw;
		}
		.szablonListy{
			padding: 0px 10vw;

			background: rgb(225,221,221);
			background: -moz-linear-gradient(141deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);
			background: -webkit-linear-gradient(141deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);
			background: linear-gradient(141deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);

			background-position-x: 0%;
			background-position-y: 0%;
			background-repeat: repeat;
			background-size: auto;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--kolor-czarny)000",endColorstr="var(--kolor-czarny)000",GradientType=1);
			background-size: 100vw 20vw;
			background-position: top left;
			background-repeat: no-repeat;
		}



		.glownySzablon section.szablonMenu{
			  width: 300px;
			  margin-right: 20px;
			display: none;
		}

		.szablonMenuKnt{
			border-top: 0px;
		}



		.glownySzablon section.szablonMenu.pokaz_menu{
			display: block;
		}
		.glownySzablon section.szablonMenu .szablonMenuKnt {
			/*position: sticky;*/
			/*top: 20px;*/
			/*max-height: 100vh;*/
			/*overflow-y: auto;*/
			padding-left: 15px;
		}
		.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: 12px;
			line-height: 32px;
			font-weight: 400;
			padding-top: 10px;
			padding-bottom: 0px;
			padding-left: 10px;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		.szablonMenu ul{
			list-style: none;
			margin-left: 2vw;
		}
		#zawartosc ul ul {
			margin-bottom: 5px;
		}

		.szablonMenu ul li{
			margin: 3px 0px;
			padding: 5px 0px;
		}
		.szablonMenu ul li a{
			font-size: 18px;
			color:var(--kolor-czarny);
			font-weight: 700;
			padding-left:  0px;
			padding-right:  5px;
			cursor: pointer;
		}
		.szablonMenu ul li a i {
			color: var(--kolor-glowny);
		}
		.szablonMenu ul li a:hover{
			padding-left:  5px;
			padding-right:  0px;
		}
		.szablonMenu ul.poziom_1,
		.szablonMenu ul.poziom_2,
		.szablonMenu ul.poziom_3{
			margin: 0px;
			margin-left: 10px;
		}

		.szablonMenu ul.poziom_1 li,
		.szablonMenu ul.poziom_2 li,
		.szablonMenu ul.poziom_3 li{
				margin: 0px 0px;
				padding: 1px 0px;
		}
		
		.szablonMenu ul.poziom_1 li a,
		.szablonMenu ul.poziom_2 li a,
		.szablonMenu ul.poziom_3 li a{
			font-size: 14px;
			color: #797983;
			font-weight: 700;
		}
		.szablonMenu ul li a.zaznacz,
		.szablonMenu ul.poziom_1 li a.zaznacz{
			color: var(--kolor-glowny);
		}

	
		

		.szerokosc_max{
			width: 70vw;
			margin: 0 auto;
		}
		.szerokosc_str{
/*			padding: 0px 10vw;*/
		}
		.produkty{
			margin: 3vw 17vw;
		}
		.ngh2d{
			  margin-top: 2vw;
			  margin-bottom:2vw;
			  text-align: center;
		}
		.ngh2d h2{
			font-size:  24px;
			line-height: 1.4em;
			font-weight:  700;
			color: var(--kolor-czarny);
			margin: 0px;
			letter-spacing: 1px;
			text-align: left;
			text-transform: uppercase;
			/*background-color: #fff;*/
			position: relative;
		}
		.lista_produktow h2{
			font-weight: 400;
			text-transform: uppercase;
			position: relative;
			margin-bottom: 50px;
		}
		.lista_produktow h2::before {
		  content: " ";
		  width: 130px;
		  height: 2px;
		  background-color: var(--kolor-glowny);
		  position: absolute;
		  bottom: -10px;
		  left: 0px;
		}


		

		/** lista produktów **/

			.slider_produktow{
				margin: 0px 150px;
			}
			.slider_produktow h2{
				font-weight: 400;
				text-align: center;
				text-transform: uppercase;
				font-size: 36px;
				position: relative;
			}

			.slider_produktow h2:before{
				content: ' ';
				width: 100px;
				height: 1px;
				background-color: var(--kolor-glowny);
				display: block;

				position: absolute;
				bottom: 0px;
				left: 0px;
				right: 0px;
				margin: 0 auto;
			}


			.naglowek_listy{
				padding: 20px 0px;
			}

			.listaProduktow {
				margin-top: 40px;
				margin-bottom: 2vw;
			}
			.tlo_transparentne h1, h1, h2.ngh1,
			.listaProduktow h1,
			.listaProduktow h2.ngh1 {
				margin-top: 0px;
				margin-bottom: 25px;
			}

			.block-editor-writing-flow h1, .heading-size-1{
				margin-top: 0px;
				margin-bottom: 25px;
			}

			.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1,
			.listaProduktow h1,
			.listaProduktow h2.ngh1{
				font-weight: bold;
				text-transform: none;
				margin: 0px;
				line-height: 1.2em;
				position: relative;
				font-size: 40px;
			}

			.tresc.listaProduktow p {
				margin-left: 1vw;
			}
			.tlo_transparentne.tlo_koszyk h1,
			.tlo_transparentne.tlo_strona h1 {
				margin-left: 0px;
				margin-bottom: 20px;
				padding: 0px;
				font-weight: bold;
			}
			.tlo_transparentne.tlo_strona a {
				color: var(--kolor-glowny);
			}
			.tlo_transparentne.tlo_strona a:hover {
				color: var(--kolor-czarny);
			}



			.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: 1vw;
			}
			.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:left;
				color:#333;
				text-decoration:none;
				position: relative;
				padding: 0px;
				margin-bottom: 0px;
				padding-bottom: 0px;


				clip-path: polygon(0% 0%, 0% 100%, calc(100% - 30px) 100%, 100% calc(100% - 30px), 100% 0%);
			}
			.offer-item a {
				display: block;
			}
			.offer-item .boks_produktu{
				display: grid;
				grid-template-columns: 30% 1fr;
				grid-gap: 0px;
				position: relative;
			}
			.offer-item .boks_produktu::before{
				display: block;
				content: ' ';
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				box-shadow: 0px 0px 50px rgba(0, 0, 0, 0) inset;
			    -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;
			    z-index: 10;
			    pointer-events: none;
			}
			.offer-item .boks_produktu:hover::before{
				box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
			    -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;
			} 


			.offer-item .boks_produktu .opis_knt{
				margin: 30px;
				font-size: 14px;
			}

			.offer-item .boks_produktu .opis_knt .r{
				display: block;
				color: var(--kolor-czarny);
			}
			.offer-item .boks_produktu .opis_knt label{
				color: #777777;
				display: inline-block;
				margin: 0px;
				margin-right: 5px;
				font-size: 14px;
				line-height: 1em;


			}

			.offer-item .img_knt {
			  position: relative;
			  margin-left: 30px;
			}
			.offer-item .img_knt .cien {
			  position: absolute;
			  z-index: 10;
			  box-shadow: 0px 0px 100px rgba(0,0,0,0.05) inset;
			  top: 0px;
			  right: 0px;
			  bottom: 0px;
			  left: 0px;
			}

			.offer-item.promocja_c .img_knt {
			}	

			.offer-item img.item-img {
				position: absolute;
				height: auto; 
				/*margin: 5% 5% 10% 5%; */
				margin: 0px; 
				left: 0px;
				right: 0px;
			}
			.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-czarny);
				font-weight:400; 
				font-size: 16px;
				display:block;   
				text-align:left;   
				line-height:1.1em;
				/*height:66px;  */
				overflow:hidden;  
				/*line-height: 50px;*/
			}

			.offer-item .item-name.item-name-small{  
				padding: 0px;
				text-align: left;
				font-weight: 700;
				font-size: 18px;
				line-height: 20px;
				min-height: 24px;
				margin-top: 0px;
				margin-bottom: 10px;
			}

			.offer-item .cena-item{
				font-size: 22px;
				line-height: 40px;
				font-weight: bold;
				color: var(--kolor-czarny);
				text-align: left;

			}
			.offer-item .cena_30dni{
				font-size: 10px;
				text-align: left;
				padding: 0px;
				margin: 0px;
				color: #ccc;
				display: block;
				height: 10px;
				font-weight: 500;
			}

			.offer-item .pw{
				display: grid;
				grid-template-columns: 1fr 300px;
				padding: 0px;
				align-items: center;

			}

			.slajder_produktow .offer-item:hover { 
				transform: scale(1);
				box-shadow: 10px 10px 75px rgba(0,0,0,0.05) inset;
			}
			.slajder_produktow .offer-item:hover .img_knt .cien {
			  box-shadow: 0px 0px 100px rgba(0,0,0,0.1) inset;
			}
			/*.slajder_produktow .offer-item:hover .cien {
				opacity: 0; 
			}*/

			.btn_do_koszyka {
				overflow: hidden;
			}

			.kupiony{
				display: block;
				text-align: right;
				color:#777;
				  margin: 5px;
			}
			.btn_do_koszyka button {
				cursor: pointer;
				font-family: var(--czcionka);
				background-color: var(--kolor-czarny);
				padding: 10px 20px;
				margin: 0px;
				font-size: 16px;
				font-weight: bold;
				color: #fff;
			    text-transform: uppercase;
			    letter-spacing: 0px;
			    position: relative;
			    z-index: 2;
			    line-height: 1.3em;
				float: right;
			}
			
			.btn_do_koszyka button:hover {
				color: #fff !important;
				background-color: var(--kolor-glowny);
				background-position: right bottom;
			}


			.offer-item .item-name text{
				display: block;

				font-size:18px;
				line-height: 22px;
				font-weight: 400;

			}

			.offer-item .item-name2{
				font-size: 20px;
				padding-top: 50px;
				font-weight: 700;
				line-height: 40px;
			}  
			.offer-item:hover,.offer-item:hover .item-name{
			  	text-decoration:none;   
			}
			.offer-item:hover{  
				/*transform:scale(1.01);*/
				z-index:90;   
				/*box-shadow: 5px 5px 10px rgba(0,0,0,0.2);   */
			}
			.offer-item:hover .stara_cena {
				text-decoration: line-through !important;
			}  
			.offer-item .item-price{
				display: block; 
				font-size: 14px;
				font-weight: 900;
				padding-left: 30px;
				padding-right: 30px;
				text-align: left;
				font-family: var(--czcionka);
				color: var(--kolor-glowny);
			}
			.offer-item .zalogujsie{
				display: block; 
				font-size: 12px;
				font-weight: 700;
				color: #999;
				text-align: center;
			}
			.offer-item .item-price strong {
				color: var(--kolor-glowny);
				font-weight: 700;
				font-size: 24px;
				font-weight: bold;
			}
			.item-loader {
				padding-top:100%;
				background: url(/img/loader_p.gif?v=2) center center no-repeat;
			}

			.offer-item .item-price strong.kolor {
				color: var(--kolor-glowny);
			}
			.offer-item .formBtnKnt {
				text-align: center;
				position: absolute;
				bottom: -10px;
				width: 100%;
				left: 0px;
				right: 0px;
			}
			.offer-item .formBtn {
				font-size: 15px;  
			}
			.offer-item .etykieta,
			.tlo_produkt .etykieta {
				position: absolute;
				font-size: 11px;
				font-weight: 700;
				text-transform: uppercase;
				padding: 2px 5px 1px 5px;
				color: #fff;
				left: 3px;
				top: 0px;
				z-index: 10;
			}
			.offer-item .etykieta.nowosc,
			.tlo_produkt .etykieta.nowosc {

				/*border-left: 2px solid #0c3a90;*/
				color:  #fff;
				margin-top: 3px;
				background-color: #464250;
			}
			.offer-item .etykieta.promocja,
			.tlo_produkt .etykieta.promocja {
				/*border-left: 2px solid var(--kolor-glowny);*/
				color:  #fff;
				margin-top: 3px;
				background-color: var(--kolor-glowny);
			}
			.offer-item .etykieta.polecany,
			.tlo_produkt .etykieta.polecany {

				/*border-left: 2px solid  #85808f;*/
				color:  #fff;
				margin-top: 3px;
				background-color:  #85808f;

			}
			.offer-item .etykieta.bestseller,
			.tlo_produkt .etykieta.bestseller {
				/*border-left: 2px solid #464250;*/
				color:  #fff;
				margin-top: 3px;
				background-color: #464250;

			}
			.offer-item .etykiety {
				position: absolute;
				left: 10px;
				z-index: 10;
				top: 10px;
				overflow: hidden;
			}
			.offer-item .etykiety .etykieta {
				position: static;
			    float: left;
			    margin-right: 2px;
			    margin-bottom: 2px;
			    margin-top: 0px;
			    font-size: 14px;
			    padding: 5px 20px;
			    text-transform: none;

			    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 10px), 100% 0%);
			}
			.tlo_produkt .etykiety .etykieta {
				position: static;
				margin-right: 3px;
				float: left;

				 font-size: 14px;
			    padding: 5px 20px;
			    text-transform: none;

			    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 10px), 100% 0%);
			
			}
			.bez_etykiet .etykiety,
			.bez_etykiet .etykieta {
				display: none;
			}

			.kol_grid .p1 .wierszSz{
				padding-top: 7vw;
			}


			.offer-item .wiersz_do_koszyka{
				/*background-color: var(--kolor-glowny);
				width: 100%;
				border-top: 1px solid #ececed;
				height: 46px;*/

				text-align: center;
			}

			.offer-item .wiersz_do_koszyka button{
				width: 140px;
				padding: 15px;
				background-color: #f6f6f6;
				border: 3px solid #d51f59;
				
				color: var(--kolor-czarny);
				font-size: 16px;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
			}

			.offer-item .wiersz_do_koszyka button i{
				color: var(--kolor-glowny);
			}


			
			.offer-item:hover .wiersz_do_koszyka{
				display: block;
				position: absolute;
			}

			.offer-item:hover .wiersz_do_koszyka button{
				background-color: var(--kolor-glowny);
				color: #fff;
			}
			.offer-item:hover .wiersz_do_koszyka button i{
				color: #fff;
			}
			.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: 43px;
			}
			.offer-item .do_koszyka font.mobil_dk{
				display: none;
			}

			.offer-item .str_do_koszyka p{
				padding: 10px;
				margin: 0px;
				color: #fff;
			}
			.offer-item .str_do_koszyka span{
				float: left;
				width:120px;
			}

			.offer-item .str_do_koszyka span.sztuk{
				overflow: hidden;
				width: 110px;
				padding: 10px;
			}

			.offer-item .str_do_koszyka span.sztuk i{
				float: left;
				/*border:1px solid var(--kolor-czarny);*/
				opacity: 1;
				/*border-radius: 50%;*/
				/*line-height: 20px;*/
				/*width:20px;*/
				text-align: center;
				font-size: 18px;
				line-height: 24px;
				padding: 1px;
				transition: 200ms linear;

				cursor: pointer;
				color: #fff;

			}

			.offer-item .str_do_koszyka span.sztuk i:hover{
				opacity: 1;
				transition: 200ms linear;
			}
			.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: 20px;
				line-height: 24px;
				font-weight: 700;
				color: #fff;
			}

			.offer-item .str_do_koszyka span.brak_produktu{
					line-height: 50px;
					width: 100%;

			}
			.offer-item .str_do_koszyka span.do_koszyka{
				text-transform: uppercase;
				font-size: 14px;
				font-weight: 700;
				overflow: hidden;
				padding: 14px 15px 11px 15px; 
				float: right;

				-webkit-transition: background-color 300ms linear;
				-moz-transition: background-color 300ms linear;
				-o-transition: background-color 300ms linear;
				-ms-transition: background-color 300ms linear;
				transition: background-color 300ms linear;
				width: auto;
				margin: 0px;
				padding: 10px;
				color: #fff;
				cursor: pointer;
			}

			.offer-item .str_do_koszyka span.do_koszyka i{
				color: #fff;
			}

			.offer-item .str_do_koszyka span.do_koszyka:hover,
			.offer-item .str_do_koszyka span.do_koszyka:hover i{
				color: #fff;
			}

			.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: #fff;
			}
			.offer-item .str_do_koszyka span.do_koszyka font{
				/*margin-top: 5px;*/
			    /*float: left;*/
			    margin-left: 5px;
			}

			

			 .offer-item .wiersz_do_koszyka{
				/*display: none;*/
				position: absolute;
				width: 100%;
				height: 70px;
				text-align: center;
				bottom: -40px;
			}

			.kol_grid_1{
				display: grid;
				grid-template-columns:  1fr;
				grid-gap: 0px;
				grid-row-gap: 0px;
			}
			
			.kol_grid_4{
				display: grid;
				grid-template-columns:  1fr 1fr 1fr;
				grid-gap: 15px;
				grid-row-gap: 15px;
			}
			.kol_grid_5{
				display: grid;
				grid-template-columns:  1fr 1fr 1fr 1fr 1fr;
				grid-gap: 10px;

			}
			.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-glowny);
				background-color: #fff;
			}

			.tlo_szare_2{
				background: rgb(0,0,0);
				background: -moz-linear-gradient(40deg, #dedede 0%, #dedede 100%);
				background: -webkit-linear-gradient(40deg, #dedede 0%, #dedede 100%);
				background: linear-gradient(40deg, #dedede 0%, #dedede 100%);
				  background-position-x: 0%;
				  background-position-y: 0%;
				  background-repeat: repeat;
				  background-size: auto;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--kolor-czarny)000",endColorstr="var(--kolor-czarny)000",GradientType=1);
				background-size: 40vw 60%;
				background-position: right bottom;
				background-repeat: no-repeat;


			}
			.tlo_szare_2.m0{
				margin-bottom: 0px;
				padding-bottom: 5vw;
			}
			.linkW{
				padding: 0px 12vw;
				text-transform: uppercase;
				text-align: right;
				color: var(--kolor-czarny);
				padding-bottom: 2vw;

			}
			.linkW a{
				font-weight: 700;
				color: var(--kolor-czarny);
			
			}
			
			.linkW a:hover{
				color: var(--kolor-glowny);
				
			}
		/** lista produktów **/

		/** strona produktowe **/

			#zawartosc .wiersz_informcyjny{
				max-width: 1600px;

				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 50px;

				margin-bottom: 50px;
				padding-bottom: 70px;

			}

			#zawartosc .wiersz_informcyjny .box_i{
			    color: #dcd8d9;
			    background-image: url(img/transport_16.webp);
			    padding: 50px;
			    background-size: cover;
			    background-position: bottom right;
			    font-weight: 400;
			    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 50px) 100%, 100% calc(100% - 50px), 100% 0%);
			}

			#zawartosc .wiersz_informcyjny .box_i .tt{
				width: 40%;
			}
			#zawartosc .wiersz_informcyjny .box_i h2{
				margin:0px;
				font-size: 24px;
				color: #fff;
				padding-bottom: 10px;
			}

			#zawartosc .wiersz_informcyjny .box_i .tt p{
				color: #fff;
				font-size: 15px;
				line-height: 1.3em;
			}


			#zawartosc .wiersz_informcyjny .box_i .tt.tt_czarne h2{
				color: #000;
			}

			#zawartosc .wiersz_informcyjny .box_i .tt.tt_czarne p{
				color: #000;
				font-weight: 600;
			}

			#zawartosc .wiersz_informcyjny .box_i .tt a{
				display: block;
				font-weight: 600;
			}



			.tlo_transparentne.tlo_produkt{
				margin: 50px 150px;
				margin-top: 0vw !important;
				padding-top: 50px;
			}
			.cienProduktu{
				background-image: url('../img/tlo_produkt_cien_29.webp');
				background-position: center top;
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}
			.wierszProduktu{
				margin: 0px 0vw;
				display: grid;
				grid-template-columns: 1fr 40%;
  				gap: 50px;
				/*grid-template-areas: 
					"pp1 pp2";*/
				grid-template-areas: 
					"pp1 pp2"; 
				width: auto; 
				position: relative;
			}
			
			.wierszProduktu .zakupProduktu { grid-area: pp2; }
			.wierszProduktu .opisProdukty { 
				grid-area: pp1;
			/*	border: 1px solid #ddd;
				overflow: hidden;
			*/
			}



			.wiersz_zdjec{
				margin: 0px 0vw;
				display: grid;
				grid-template-columns: 130px 1fr;
  				gap: 20px;
				grid-template-areas: 
					"zp1 zp2"; 
				width: auto; 
				position: relative;
			}
			
			.wiersz_zdjec .glowne_zdjecie { grid-area: zp2; }
			.wiersz_zdjec .galeria_produktu { 
				grid-area: zp1;
			}

			.wiersz_zdjec_rwd{
				display: none;
			}



			.etykietaProduktu{
				left: auto;
				left: 25px;
				background-image: url('../img/tlo_promocja_20.png');
				width: 110px;
				height: 100px;
				background-size: 100% auto;
				background-repeat: no-repeat;
				top: 0px;
				padding-top: 10px;
				color: #fff;
				font-size: 16px;
				text-align: center;
				display: block;
				position: absolute;
				font-weight: 700;
				text-transform: uppercase;

			}
			.sticky{
				position: sticky;
				margin-top: 20px;
				top: 3vw;
			}

			ul.ikona {
			    padding: 0px;
				margin: 0px 0px 0px 0px !important;
			}


			ul.ikona li {
			    list-style: none;
			    cursor: pointer;
			    margin: 0px;
			}

			/*ul.ikona li img{
				width: 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;

			}
			ul.ikona li img:hover {
				transform: scale(1.025);
				box-shadow: 10px 10px 30px 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;
			}*/
			.galeria_produktu {
				position: relative;
				overflow-y: scroll;
			}
			.galeria_produktu img.wiecej_zdjec {
				width: 100%;
				height: auto;
				position: absolute;
				bottom: 0px;
				left: 0px;
				right: 0px;
			}
			/*.galeria_produktu {
				scrollbar-color: #999 #f2f2f2;
    			scrollbar-width: thin;
			}
			.galeria_produktu::-webkit-scrollbar {
				opacity: 0;
			}
			.galeria_produktu:hover::-webkit-scrollbar {
				opacity: 1;
			}*/

			/* Hide scrollbar for Chrome, Safari and Opera */
			.galeria_produktu::-webkit-scrollbar {
			    display: none;
			}

			/* Hide scrollbar for IE, Edge and Firefox */
			.galeria_produktu {
			  -ms-overflow-style: none;
			  scrollbar-width: none;
			}

			.galeria_produktu ul.galeria{
				position: absolute;
			}

			.galeria_produktu ul{
				width: 100%;
				display: grid;
				grid-template-columns:  1fr;
				grid-gap: 20px;
				margin: 0px 0px 20px 0px !important;
				list-style: none;
			}

			.galeria_produktu ul li{
				margin: 0px;
			}
			.galeria_produktu ul li img{
				padding: 0px;
				cursor: pointer;
				max-width: 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;
			}

			.galeria_produktu ul li img:hover{
				transform: scale(1.025);
				box-shadow: 10px 10px 30px 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;
			}

			/*.produktImg{
				overflow: hidden;
				background-color: red;
			}
			.produktImg::after {
			    content: ""; 
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background-color: red;
			    opacity: .7;
			  
			}*/

			.glowne_zdjecie {
				position: relative;
			}
			.glowne_zdjecie .ukryj {
				opacity: 0;
				pointer-events: none;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
			}
			.glowne_zdjecie ul li,
			.galeria_produktu ul li{
				position: relative;
			}

			.glowne_zdjecie ul li::after,
			.galeria_produktu ul li::after {
			    content: ""; 
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    box-shadow: 0px 0px 100px rgba(0,0,0,0.05) inset;
			    cursor: pointer;
			}


			.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%);
			}

			.opis_produktu{
				padding: 30px 0px;
			}
			.menuProduktu ul{
				/*display: flex;*/
				margin: 0px;
				padding: 0px;
				list-style: none;
				width: 100%;
				margin: 0px !important;
				background-color:#f4f4f4 ;
			}

			.menuProduktu ul li{
				margin: 0px;
				/*flex: auto;*/
				display: inline-block;
			}

			.menuProduktu ul li a{
				width: 100%;
				display: block;
				font-size: 17px;
				font-weight: 700;
				text-align: left;
				background-color: transparent;
				opacity: 0.6;
				color: #6e6769;

				padding: 15px 20px !important;
				
			}
			.menuProduktu ul li a:before{
				display: none;
			}

			.menuProduktu ul li a:hover{
				opacity: 1;
			}

			.menuProduktu ul li a.aktywneMenu{
				opacity: 1;
				background-color: #fff;
				color: var(--kolor-czarny);
			}
			.menuProduktu ul li a.aktywneMenu i{
				transform: rotate(90deg);
			}
			.opisProdukty .info_roz_ng {
				padding-left: 0px;
				padding-right: 40px;
			}
			.opisProdukty .info_roz_tr {
				border: none;
				padding: 20px;
				display: none;
			}
			.opisProdukty .info_roz_tr_1 {
				display: block;
			}

			body.influ .opisProdukty p, body.influ .opisProdukty li, body.influ .opisProdukty table td, body.influ .opisProdukty table th {
			    font-size: 15px;
			    line-height: 1.5em;
			    color: #595455;
			}
			.tlo_transparentne .opisProdukty h1, .block-editor-writing-flow .opisProdukty h1{
				font-size: 1.4em;
				margin:1vw 0px !important;
			    line-height: normal;
			}
			.tlo_transparentne .opisProdukty h2, .block-editor-writing-flow .opisProdukty h2{
				font-size: 1.2em;
				margin:1vw 0px !important;
			    line-height: normal;
			}
			.tlo_transparentne .opisProdukty h3, .block-editor-writing-flow .opisProdukty h3{
				font-size: 1.1em;
				margin: 1vw 0px !important;
				text-transform: uppercase;
			}
			.tlo_transparentne .opisProdukty h4, .block-editor-writing-flow .opisProdukty h4{
				font-size: 1em;
				margin: 1vw 0px !important;
			}
			.tlo_transparentne .opisProdukty h5, .block-editor-writing-flow .opisProdukty h5{
				font-size: 0.9em;
				margin: 1vw 0px !important;
			}
			.tlo_transparentne .opisProdukty h6, .block-editor-writing-flow .opisProdukty h6{
				font-size: 0.85em;
				margin: 1vw 0px !important;
			}

			.menuBoczne.filtry {
				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;
			}
			.menuBoczne.filtry.pokaz {
				opacity: 1;
				pointer-events: all;
				-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;
			}
			.filtry_lista {
				margin: 0px;
			}
			.filtry_wiersz_knt div.filtry_wiersz {
				margin-bottom: 30px;
				max-height: 302px;
				overflow-y: auto;
				overflow-x: hidden;	
			}
			.filtry_wiersz_knt div.filtry_wiersz::-webkit-scrollbar {
				opacity: 0;
			}
			.filtry_wiersz_knt div.filtry_wiersz:hover::-webkit-scrollbar {
				opacity: 1;
			}*/

			/* Hide scrollbar for Chrome, Safari and Opera */
			.filtry_wiersz_knt div.filtry_wiersz::-webkit-scrollbar {
			    display: none;
			}

			/* Hide scrollbar for IE, Edge and Firefox */
			.filtry_wiersz_knt div.filtry_wiersz {
			  -ms-overflow-style: none;
			  scrollbar-width: thin;
			}

			.filter_cena_knt {
				position: relative;
			}
			.filter_cena_knt md-slider-container {
				pointer-events: none !important;
			}
			.filter_cena_knt .md-thumb,
			.filter_cena_knt .md-focus-ring {
				pointer-events: auto !important;
			}
			.wczytywanie_produktow .filter_cena_knt .md-thumb,
			.wczytywanie_produktow .filter_cena_knt .md-focus-ring {
				pointer-events: none !important;
			}
			.filter_cena_knt .md-focus-ring,
			.filter_cena_knt .md-thumb {
				border-radius: 0px !important;
				background-color: #656262 !important;
			}
			.filter_cena_knt .md-thumb:after {
				border-color: #656262 !important;
				background-color: #656262 !important;
			}
			.filter_cena_pierwszy {
				position: absolute;
				width: 100%;
				left: 0px;
				right: 0px;
			}
			.filter_cena_pierwszy .md-track.md-track-fill,
			.filter_cena_pierwszy .md-track {
				background-color: #ccc !important;
			}
			.filter_cena_drugi .md-track-container {
				opacity: 0 !important;
			}

			h4.ngh4_menu,
			h4.ngh4_menu a{
				text-transform: uppercase;
				color: var(--szary);
				font-size: 14px;
				font-weight: 700;

			}
			.filtry_wiersz a {
				font-size: 16px;
				font-weight: 500;
				color: var(--kolor-czarny);
				display: block;
				margin-bottom: 0.5rem;
			}
			.filtry_wiersz a:hover {
				color: var(--kolor-glowny);
			}
			.filtry_wiersz label {
				font-size: 15px;
				position: relative;
				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;
				
				font-size: 16px;
				font-weight: 700;
				color: var(--kolor-czarny);

			}
			.filtry_wiersz label:hover {
				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;
			}
			.filtry_wiersz a img,
			.filtry_wiersz label img {
				width: 20px;
				height: 20px;
				border-radius: 50%;
				display: inline-block;
			}


			.filtry_wiersz label.id_atr_43 img {
				width: auto;
				max-width: 100%;
				height: auto;
				border-radius: 0px;
				display: inline-block;
				height: 50px;
			}

			.filtry_wiersz label.id_atr_43 text {
				display: none;
			}




			.filtry_wiersz label.aktywne {
				font-weight: 700;
			}
			.filtry_wiersz label.aktywne span img {
				border: 2px solid var(--kolor-czarny);
				background-color: var(--kolor-czarny);
				box-shadow: 3px 3px 3px rgba(0,0,0,0.3)
			}
			.filtry_wiersz input.ukryj {
				position: absolute;
				opacity: 0;
			}
			.filtry_ustawione {
				background-color: rgba(0,0,0,0.05);
				padding-left: 10px;
				padding-right: 10px;
				opacity: 0;
				pointer-events: none;
				display: none;
				/*height: 0px;
				overflow: hidden;*/	
				-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;			
			}
			.filtry_ustawione.pokaz {
				opacity: 1;
				pointer-events: auto;
				display: block;
				/*height: 20px;
				overflow-x: auto;
				overflow-y: 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;
			}
			.filtry_ustawione .filtry_wiersz{
				margin-right: 10px;
			}
			.filtry_ustawione .filtry_wiersz,
			.filtry_ustawione .filtry_wiersz h4,
			.filtry_ustawione .filtry_wiersz label {
				display: inline-block;
				font-weight: normal;
				margin-right: 10px;
				text-transform: uppercase;
				font-size: 12px;
			}
			.filtry_ustawione .filtry_wiersz label {
				font-size: 14px;
				text-transform: none;
				display: none;
			}
			.filtry_ustawione .filtry_wiersz label.aktywne {
				display: inline-block;
			}
			.filtry_ustawione .filtry_wiersz input {
				position: absolute;
				opacity: 0;
			}
			.filtry_ustawione .formBtn.formBtnFiltry,
			.filtry_lista .formBtn.formBtnFiltry {
				font-size: 14px !important;
				background-color: rgba(0,0,0,0.05) !important;
				padding: 5px 15px !important;
				line-height: 20px !important;
				color: var(--kolor-czarny);
			}
			.filtry_ustawione .formBtn.formBtnFiltry:hover,
			.filtry_lista .formBtn.formBtnFiltry:hover {
				background-color: rgba(0,0,0,0.85) !important;
			}
			.filtry_ustawione .formBtn.formBtnFiltry::before,
			.filtry_ustawione .formBtn.formBtnFiltry::after,
			.filtry_lista .formBtn.formBtnFiltry::before,
			.filtry_lista .formBtn.formBtnFiltry::after {
				display: none !important;
			}
			.filtry_ustawione .formBtn.formBtnFiltry {
				margin-right: 10px;
				font-size: 12px !important;
				background-color: rgba(0,0,0,0) !important;
				display: none;
			}
			.filtry_ustawione .formBtn.formBtnFiltry.pokaz {
				display: inline-block;
			}
			.filtruj_sortuj_btn {
				display: none;
			}
			.filtruj_sortuj_btn button {
				font-size: 12px;
				padding: 7px 15px;
				background-color: var(--jasnoszary2);
				color: var(--kolor-czarny);
			}
			.filtruj_sortuj_btn button.aktywny {
				background-color: var(--kolor-czarny);
				color: var(--kolor-bialy);
			}
			.flitr_ust_knt {
				display: none;
			}
			.flitr_ust_knt.pokaz {
				display: block;
			}
			.filtry_ustawione .formBtn.formBtnFiltry.filtryZastosuj.pokaz,
			.filtryZastosuj.pokaz,
			.filtryZastosuj {
				display: none;
			}

			.usunFiltrym{
				cursor: pointer;
			}
			.usunFiltrym:hover{
				cursor: pointer;
				color: var(--kolor-glowny);
			}
			.usunFiltry{
				font-weight:bold;
				color: var(--kolor-czarny);
				text-transform: uppercase;
				cursor: pointer;
				font-size: 14px;
				color: var(--kolor-glowny);
			}
			.usunFiltry:hover{
				color: var(--kolor-czarny);
			}

			.wyczysc_filtry{
				font-weight: bold !important;
				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-glowny);
				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;
			}

			#info_roz_tr1{
				display: block;
			}

			.zakupProduktu h1{
				font-size: 24px;
				font-weight: bold;
				line-height:  1.2em;
				text-transform: none;
				margin: 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: 0px;
			    margin-bottom: 0px;
				margin-left: 0px;
			}

			ul.siezka li {
			    float: left;
			    line-height: 16px;
			    color: #656161;
			    font-size: 12px;
			    padding-right: 10px;
			    margin: 0px;
			}

			ul.siezka li a {
			    color: #656161 !important;
			    font-weight: 200;
			}

			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: var(--kolor-czarny) !important;
			}

			ul.siezka li a i.fa-chevron-right {
			    font-size: 10px;
			    line-height: 12px;
			    padding-right: 5px;
			}

			.kolumnyAtr{
				display: block;
			}

			.kolumnyAtr span.labelSpan, .kolumnyAtr select, .kolumnyAtr div#kolor{
				float: left;
				width: auto !important;
				min-width: 40px;
			}
			.kolumnyAtr select{
				background: #fff;
			  	border: 1px solid #000;
			  	padding: 10px 20px;
			}
			.kolumnyAtr div{
				overflow: hidden;

			}
			.kolumnyAtr span.labelSpan{
				font-size: 13px;
				/*line-height: 20px;*/
				padding-right: 5px;
				display: block !important;
				width: 130px !important;
			}

			#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: 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: 14px;
				font-weight: 700;
			}
			.linkRal{
				display: block;
				margin: 15px;
				font-weight: 700;
				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: 16px;
				font-weight: 400;
				border: 1px solid #eee;
				background-color: #fdfdfd;
				width: 100px;
			}
			/*.k_ilosc span.sztuk{
				font-size: 16px;
				line-height: 30px;
				padding-right: 5px;
				float: left;
				min-width: 40px;
			    display: block !important;
			    width: 80px !important;

			    color: var(--jasnoszary);
			    font-weight: 700;
			    text-transform: uppercase;
			}*/
			.kolumnyCena{
				width: 100%;
				display:  grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 20px;
				font-size:  16px;
				align-items: center;
			}

			.kolumnyDoKoszyka{
				width: 100%;
				display:  grid;
				grid-template-columns: auto auto;
				grid-gap: 20px;
				font-size:  16px;
				align-items: center;
			}



			.pointer {
				cursor: pointer;
			}


			.formularz_dostepnosci{
				background: rgb(255, 255, 255);
				border: 2px solid #f4f4f4;
				clip-path: polygon(0% 0%, 0% 100%, calc(100% - 25px) 100%, 100% calc(100% - 25px), 100% 0%);
			}

			.formularz_dostepnosci h3.zapytaj_o_dostepnosc{
				background-color: #dfdfdf;
				padding: 10px 20px;
				color: var(--kolor-czarny);
				font-size: 16px;
				text-transform: uppercase;

			}
			.formularz_dostepnosci .tresc_dostepnosc{
				padding: 30px;
			}

			.formularz_dostepnosci form{
				font-size: 14px;
				line-height: 1.2em;
			}
			.formularz_dostepnosci form p{
				font-size: 14px;
				line-height: 1.2em;
			}




			.formularz_dostepnosci .regulaminInfo{
				font-size: 12px;
			}
			.formularz_dostepnosci h3{
				margin-top: 0px;
			}

			body.influ .formularz_dostepnosci  button.formBtn,body.influ .formularz_dostepnosci  a.formBtn{
				font-size: 14px;
				background-color: var(--kolor-czarny);
				color: #fff;
				padding: 5px 20px !important;
				line-height: 30px;
				clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
    			cursor: pointer;
			}
		/** strona produktowe **/
		

		/** koszyk **/
			.bark_p {
				font-size: 16px;
			}
			a.link_js {
				color: var(--kolor-glowny);
				font-weight: 700;
				font-size: 16px;
				cursor: pointer;
			    padding: 5px 20px;
			}
			a.formBtnSzary {
			    cursor: pointer;
			    padding: 5px 20px;
			    border: 2px solid var(--kolor-glowny);
			    color: var(--kolor-glowny);
			    font-size: 16px;
/*			    border-radius: 5px;*/
			    font-weight: 900;
			}
			a.formBtnSzary:hover {
			    background-color: var(--kolor-glowny);
			    color: #fff !important;
			    font-weight: 900;
			}

			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: 20px;
				color: var(--kolor-glowny);
			}

			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: 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;
			}
			.paczkomat_info a{
				background: #ffcc04;
				  border: 2px solid #404041;
				  color: #404041;
				  font-weight: 500;
				  padding: 0px 15px;
				  display: inline-block;
				  border-radius: 20px;
				  font-size: 12px;
			}
			.paczkomat_info a:hover{
				background-color:#fff;
			}


			.wgrane_zdjecia {
				max-width: 100px;
				max-width: 100px;
				width: auto;
				height: auto;
				border: 3px solid #fff;
				box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
				margin: 5px 10px 5px 0px;
			}
			.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_knt {
				width:100%;
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				z-index: 701;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				opacity: 0;
				pointer-events: none;
			}
			.info_koszyk_knt.pokaz {
				opacity: 1;
				pointer-events: auto;
			}
			.info_koszyk {
			    width: auto;
			    max-width: 550px;
			    margin: auto;
			    margin-top: 50vh;
			    transform: translateY(-50%);
			    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;
			    color: var(--kolor-glowny) !important;
			    font-weight: bold !important;
			    background-color: #fff ;

			}
			.info_koszyk p {
			    color:var(--kolor-czarny) !important;
			    font-weight: bold !important;
			    font-size: 18px !important;
			}

			.info_koszyk button,
			.info_koszyk a {
				display: inline-block;
				padding: 15px 30px;
				color: #fff;
				background-color: var(--kolor-czarny);
				margin: 10px;
				cursor: pointer;
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 700;
			}
			.info_koszyk button.wroc_do_zakupow,
			.info_koszyk a.wroc_do_zakupow {
				color: var(--kolor-czarny);
				background-color: var(--jasnoszary2);
				opacity: 0.9;
			}
			.info_koszyk button:hover,
			.info_koszyk a:hover {
				padding: 15px 25px 15px 35px;
			}

			

			.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;
			}
			.wyczysc_koszyk {
				display: inline-block;
				padding-top: 5px;
			}
			.wyczysc_koszyk:hover {
				color: var(--kolor-czarny) !important;
			}

			.daneAdresowe {
			    font-size: smaller;
			    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: 12px;
			    text-transform: uppercase;
			}

			.zamowienia .tabelaProduktow {
			    font-size: 13px;
			}

			.tabelaProduktow {
			    width: 100%;
			    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: var(--kolor-czarny);
			    font-size: 15px;
			}
			.kod_rabatowy {
				position: relative;
				margin-bottom: 0px;
				margin-top: 10px;
				text-align: right;
				font-size: 16px;
			}
			.kod_rabatowy_knt {
				display: inline-grid;
				grid-template-columns: 1fr 150px;
			}
			.kod_rabatowy_knt input {
				font-family: var(--czcionka);
				font-size: 16px;
				border: 0px;
				margin: 0px;
				padding: 10px 15px 10px 15px;
				color: #566166;
				border: 2px solid  var(--jasnoszary2);;
				background-color: #fff;
			}
			.kod_rabatowy_knt a {
				display: block;
				padding: 10px 5px 0px 5px !important;
				cursor: pointer;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: 600;
				font-family: var(--czcionka);
				color: var(--kolor-czarny) !important;
				background: var(--jasnoszary2);
				text-align: center;
			}
			.kod_rabatowy_knt a:hover {
				color: var(--kolor-bialy) !important;
				background: var(--kolor-czarny) !important;
			}
			.kod_rabatowy_info_box {
				display: block;
				text-align: right;
			}

			.navKoszyk {
			    width: 100%;
			    background: var(--kolor-glowny);
			    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
			    display: flex;
			    margin-bottom: 0px;
			}

			.adres_rozliczenia {
			    background-color: #fff;
			    padding: 2vw !important;
			    margin-top: 2vw;
			    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
			}
			.adres_rozliczenia a {
				/*color: var(--kolor-glowny);*/

			}
			.wiersz.adres_rozliczenia.potwierdzenie {
			}
			.adres_rozliczenia a:hover {
				color: var(--kolor-glowny);
			}
			.potwierdzenie.adres_rozliczenia a {
				color: var(--kolor-glowny);
				
			}
			.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: 30px;
			    margin-top: 20px;
			    margin-bottom: 20px;
			}
			body.influ .adres_rozliczenia p,
			.adres_rozliczenia p {
				line-height: auto;
			}


			.kol_2.adresy p {
			    display: inline-block;
			    width: 48%;
			    margin-right: 1%;
			    color: #666;
			    font-size: 16px	;
			}

			.kol_2.adresy p.pojedynczy {
			    width: 99%;
			    margin-right: 1%;
			    float: none;
			    clear: both;
			}

			.kol_2.adresy p .formInput {
			    margin-bottom: 1px;
			}

			.produkt_boks {
			    padding: 0px;
			    overflow: hidden;
			    font-weight: 400;
			    width: 100%;
			    color: #333333;
			}

			.produkt_boks legend {
			    font-size: 14px;
			    color: #7b7b7b;
			    font-weight: 700;
			    letter-spacing: 1px;
			    text-transform: uppercase;
			    float: left;
			    width: 100%;
			    padding-left: 0px;
			}
			.atr_wyboru,
			.atr_wyboru p,
			.atr_opisowe,
			.atr_opisowe p {
			    font-weight: bold;
			    margin-bottom: 5px;
			}
			.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;
				line-height: 16px;
				font-size: 14px;
			}
			.atr_wyboru select.formInput{
				max-width: 100%;
				padding-top: 12px;
				padding-bottom: 12px;
				padding-left: 20px;
			    /*-moz-appearance:none; 
			    -webkit-appearance:none; 
			    appearance:none;*/
			}

			.produkt_boks .left {
			    float: left;
			}

			a.producent {
			    text-transform: uppercase;
			    color: var(--kolor-czarny);
			    margin-right: 10px;
			}

			.cenaBox {
			    font-size: 16px;
			    font-weight: 700;
			}

			.kolorCena {
			    color: #cc0000;
			    font-size: 16px;
			}

			.kolorCena b {
			    font-size: 36px;
			}

		

			.koszyk_naglowek_knt {
			    border: none;
			    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: 700;
				font-size: 14px;
				padding-left: 3px;
			}

			.koszyk_naglowek {
			    width: 22%;
			    padding: 1% 1% 1% 2%;
			    background-color: #e9e9e9;;
			    color: #aaaaaa;
			    float: left;
			    font-weight: 300;
			    flex: auto;
			    font-size: 20px;
			}

			.koszyk_naglowek.wybrany span {
			    color: #fff;
			}

			.koszyk_naglowek.wybrany {
			    background-color: #222021;
			    color: #fff;
			    cursor: pointer;
			    font-weight: 400;
			}



		

			.dostawa_platnosc {
			    display: block;
			    padding: 10px;
			    background: #efefef;
			    border: 1px solid #efefef;
			    border-radius: 3px;
			    cursor: pointer;
			}
			.dostawa_platnosc.paynow {
			    background-image: url(../img/paynow.png);
			    background-repeat: no-repeat;
			    background-position: right center;
			}

			.dostawa_platnosc.blumedia {
			    background-image: url(../img/autopay.webp);
			    background-repeat: no-repeat;
			    background-position: right center;
			}


			.dostawa_platnosc:hover {
			    border: 1px solid #ddd;
			}

			.dostawa_platnosc img {
			    max-height: 30px;
			    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: var(--kolor-czarny);
			}

			.powiazany a:hover {
			    color: #666666;
			}

			.powiazany.zaznaczony a {
			    color: var(--kolor-czarny);
			}

			.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: 15px;
			    color: var(--kolor-czarny)000;
			    padding-top: 6px;
			    padding-right: 10px;
			    padding-bottom: 6px;
			    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: 15px;
			    color: var(--kolor-czarny)000;
			    width: 80px;
			    padding-top: 5px;
			    padding-right: 10px;
			    padding-bottom: 5px;
			    padding-left: 10px;
			    margin-bottom: 10px;
			    border: 2px solid var(--jasnoszary2);
			}

			.btnMax {
				position: static;
				display: inline-block;
				padding: 2px 10px;
				text-transform: uppercase;
				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-glowny);
				background-color: var(--kolor-glowny);
				text-align: center;
				letter-spacing: 2px;
				color: #fff;
			}

			.czerwony {
			    color: #cc0000;
			}
		/** koszyk **/


		.centerBtn{
			text-align: center;
			margin-top: 2vw;
		}



		/*.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-top: 3vw;
			padding-top: 0px;
		}

		.tlo_transparentne.tlo_strona.tlo_tresc  {
			width: 80vw;
			margin: auto;
		}

		.kolumny_2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			align-items: center;
			grid-gap: 100px;
		}

		.kolumny_2 .tekst{
			padding-right: 100px;
		}

		.kolumny_2.kontakt_i .tekst{
			padding-left: 100px;
			padding-right: 0px;
		}


		.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-glowny);
			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_wycena{
			text-align: center;
			margin: 2vw 10vw;
		}

		.sekcja_wyceny{
			width: 100%;
			min-height: 300px;
			background-color: #f6f6f6;
			padding: 30px;
			
		}

		.ladowanie_wyceny{
			text-align: center;
		}

		.szablon_wyceny{
			display: grid;
			grid-template-columns: 1fr 0.5fr 0.5fr;
			grid-gap: 1vw;
		}


		.szablon_wyceny .w_format,
		.szablon_wyceny .w_ilosc{
			padding: 30px;
			background-color:#ededed ;

			
			text-align: left;
		}

		.szablon_wyceny h3{
			text-align: left;
			text-transform: uppercase;
			color:#252021 ;
			font-size: 18px;
			margin: 0px;
			margin-bottom: 10px;
		}

		.szablon_wyceny .formatyBox{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 10px;
		}
		.szablon_wyceny .formatyBox .formaty{
			border: 4px solid #fff;
			

			
			background-color: #f6f6f6;
			padding: 15px;
			font-size: 22px;
			font-weight: 700;
			cursor: pointer;
		}
		.szablon_wyceny .formatyBox .formaty:hover{
			background-color: #ededed;
		}

		

		.szablon_wyceny .formatyBox .formaty .fa-check-circle{
			display: none;
		}

		.szablon_wyceny .formatyBox .formaty.active{
			border-color: var(--kolor-glowny);
		}

		.szablon_wyceny .formatyBox .formaty.active .fa-check-circle{
			display: inline-block;
			color: var(--kolor-glowny);
		}
		.szablon_wyceny .formatyBox .formaty.active .fa-circle{
			display: none;
		}

		.szablon_wyceny .f_kol_2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 10px;
			align-items: center;
			margin-bottom: 15px;
		}

		.szablon_wyceny input.wycena_ilosc{
			border: 4px solid #fff;
			
			
			background-color: #f6f6f6;
			padding: 15px;
			font-size: 22px;
			font-weight: 700;
			cursor: pointer;
			font-family: "Poppins", sans-serif;
		}
		.szablon_wyceny span.sztuk{
			font-size: 22px;
			font-weight: 700;
		}

		.szablon_wyceny label span{
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700;
		}
		.szablon_wyceny label strong{
			display: block;
			font-size: 30px;
			font-weight: 700;
		}

		
		.szablon_wyceny a.w_link{
			display: flex;
			align-items: center;
			text-align: center;
			
			border:4px solid var(--kolor-glowny) ;
			
			cursor: pointer;
		}
		.szablon_wyceny a.w_link:hover{
			background-color:  var(--kolor-glowny) ;
		}
		.szablon_wyceny a.w_link:hover div i,
		.szablon_wyceny a.w_link:hover div span{
			color: #fff;
		}
		

		.szablon_wyceny a.w_link div{
			overflow: hidden;
			margin: 0 auto;

		}
		.szablon_wyceny a.w_link div i{
			float: left;
			font-size: 48px;
			line-height: 60px;
		}
		.szablon_wyceny a.w_link div span{
			float: left;
			font-size: 24px;
			line-height:30px;
			color: var(--kolor-czarny);
			text-transform: uppercase;
			font-weight: 700;
			margin-left: 10px;
			text-align: left;
		}
		








		.tlo_meble{
			margin-top: 0px;
			top: 0px;
			background-position: top right;
			background-repeat: no-repeat;
			background-size: 80% ;
			overflow: hidden;
			z-index: 100;

		}

		.tlo_meble .tresc{
			margin-top: 100px;
			float: left;
			width: 60vw;
			padding-left: 10vw;
			background: #fff;
			margin-bottom: 100px;
			padding: 40px;
			padding-left: 10vw;
			padding-right: 5vw;
			padding-bottom: 5vw;
		}

		.tlo_meble .tresc h2{
			margin: 10px 0px;
		}

		.tlo_meble .tresc h4{
			margin-bottom: 2vw;
		}
		.tlo_meble .tresc h3{
			margin-top: 1vw;
		}
		.tlo_meble .boksy{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: 230px;
			margin-top: -150px;
			float: left;
			width: 48vw;
			margin-left: 10vw;
			margin-bottom: 50px;
		}

		.tlo_meble .boksy a{
			background-size: cover;
			padding: 2vw;
			position: relative;

		}

		.tlo_meble .boksy a:hover{
			transform: scale(1.1);
			box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		}

		.tlo_meble .boksy a h3{
			color: #fff;
			font-size: 2em;
		}


		.tlo_meble .boksy a span{
			color: rgba(255,255,255,0.6);
			position: absolute;
			bottom: 2vw;
			text-transform: uppercase;
			font-weight: 500;

		}

		.tlo_wybierz_nas{
			margin-top: 0px;
			margin-bottom: 0px;
			top: 0px;
			background-position: top center;
			background-repeat: no-repeat;
			background-size:  100% auto;
			overflow: hidden;
			z-index: 100;
			padding: 2vw 10vw;
			text-align: center;
			color: #fff;
		}

		.tlo_wybierz_nas h2,
		.tlo_wybierz_nas p.bialy{
			color: #fff !important;
			margin-bottom: 0px;
		}

		.tlo_wybierz_nas .trescSzara{
			margin-top: 50px;

			background: rgb(241,240,240);
			background: -moz-linear-gradient(159deg, rgba(241,240,240,1) 0%, rgba(230,228,228,1) 100%);
			background: -webkit-linear-gradient(159deg, rgba(241,240,240,1) 0%, rgba(230,228,228,1) 100%);
			background: linear-gradient(159deg, rgba(241,240,240,1) 0%, rgba(230,228,228,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f0f0",endColorstr="#e6e4e4",GradientType=1);
			padding: 2vw;
			
		}

		.tlo_wybierz_nas .trescSzara .wp-block-column{
			margin: 1vw 0px;
		}
		.tlo_wybierz_nas .trescSzara .wp-block-column:not(:first-child){
			border-left: 1px solid #cbcbcb;
		}

		.tlo_komentarze{
			text-align: center;
			margin: 2vw 10vw;
		}
		.komentarzeBox{
			position: relative;
		}
		.komentarzeBox .customNav{
			position: absolute;
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			top: 0px;
			bottom: 0px;
			background-color: #f4f3f3;
			border-radius: 50%;
			top: 120px;
			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;
		}

		.komentarzeBox .customNav:hover{
			transform: scale(1.1);
			background-color: #ccc;
		}

		.komentarzeBox #customPrevBtn{
			left: -50px;
		}
		.komentarzeBox #customNextBtn{
			right: -50px;
		}

		.komentarzeOwl {
			margin-top: 2vw;
		}

		.komentarz {
			text-align: left;
			position: relative;
			padding: 2.5vw;
		}

		.ozdoba{
			width: 200px;
			height: 180px;
			
			background: rgb(225,221,221);
			background: -moz-linear-gradient(170deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);
			background: -webkit-linear-gradient(170deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);
			background: linear-gradient(170deg, rgba(225,221,221,1) 0%, rgba(247,247,247,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1dddd",endColorstr="#f7f7f7",GradientType=1);
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		.ngKom{
			display: grid;
			grid-template-columns: 50px 1fr;
			grid-gap: 10px;
			align-items: center;
		}

		.ngKom span{
			background-color: var(--kolor-glowny);
			color: #fff;
			text-align: center;

			width: 50px;
			height: 50px;
			line-height: 50px;
			border-radius: 50%;
			font-size: 30px;
			font-weight: 700;

		}	



		.komentarz p{
			font-style: italic;
		}
		.komentarz .ikonaR{
			width: auto !important;
			height: auto;
			max-width: 100%;
		}


		.tlo_boksy{
			display: grid;
			grid-template-columns: 1fr 1fr;
			margin: 2vw 10vw;
			width: auto;
			gap: 2vw;
			margin-top: 0px;
		}
		.tlo_boksy div figure {
			position: relative;
			float: left;
			overflow: hidden;
			text-align: center;
			height: 100%;
			background-size: cover;
			background-position: center center;

			text-align: left;
			text-transform: none;
		}

		.tlo_boksy div.voucher figure {
			padding-right: 50%;
		}
		.tlo_boksy div.newsletter figure {
			padding-right: 45%;
		}
		.tlo_boksy div figure img {
			position: relative;
			display: block;
			min-height: 100%;
			max-width: 100%;
			opacity: 0.8;
		}

		.tlo_boksy div figure figcaption {
			padding: 2vw;
			margin: 0px;
			height: 100%;
			color: #fff;
			font-size: 1.25em;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.tlo_boksy div figure figcaption div{
			position: relative;
			height: calc(100% - 1vw);
		}


		.tlo_boksy div figure figcaption h2{
			font-weight: 400;
			text-transform: none;
			margin: 0px;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		.tlo_boksy div figure figcaption h2::after {
		    content: ' ';
			display: block;
			width: 2px;
			height: 20px;
			position: absolute;
			left: 20px;
			top: -20px;
			z-index: 0;
			margin: auto;
			background-color: #fff;
		}
		.tlo_boksy div figure figcaption h2::before {
		    content: ' ';
			display: block;
			width: 2px;
			height: calc(100% - 1.2em);
			position: absolute;
			left: 20px;
			top: 1.3em;
			z-index: 0;
			margin: auto;
			background-color: #fff;
		}


		.tlo_boksy div figure figcaption p{
			margin-left: 42px;
			color: #fff;
			font-size: 16px;
			text-transform: none;
		}

		.tlo_boksy div figure figcaption p a{
			font-weight: 700;
			text-transform: uppercase;
		}

		.tlo_boksy div figure figcaption p a:hover{
			padding-left: 10px;
		}

		#newsletter_form .bg-info{
			margin: 0px;
			color: var(--kolor-czarny);
		}
		#newsletter_form {
			margin-left: 40px;
		}
		#newsletter_form input[type="email"] {
			font-size: 0.9vw;
			background-color: #9898a0;
			color: var(--kolor-bialy);
			width:100%;
			padding: 5px 20px;
			height: 40px;
			border-radius: 2vw;
			border: none;
			outline: none;
			font-family: var(--czcionka);
		}
		#newsletter_form input[type="email"] * {
			outline: none;
		}
		#newsletter_form input.formBtn{
			background: transparent;
			  background-image: none;
			  background-size: auto;
			display: block;
			width: 30px;
			height: 30px;
			padding: 0px;
			background-image: url("../img/str-p.png");
			background-size: cover;
			position: absolute;
			right: 20px;
			top: 5px;
		}

		.tlo_kontakt{
			margin: 2vw 10vw;
			padding: 50px;
			background-size: cover;
			display: grid;
			grid-template-columns: auto auto auto;
		}

		.tlo_kontakt div{
			text-align: center;

		}
		.tlo_kontakt div span{
			display: inline-block;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 300;
			color: #666666;
			line-height: 30px;
		}
		.tlo_kontakt div a{
			display: inline-block;
			text-transform: none;
			font-size: 24px;
			font-weight: 500;
			color: var(--kolor-czarny);
		
			line-height: 30px;
		}

		.tlo_kontakt div a:hover{
			color: var(--kolor-glowny);
		}

		.tlo_kontakt div a i{
			margin: 0px 10px;
		}



		

		.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-glowny);
			font-size: 60px;
			padding: 10px;
		}

		.ikonyInfo div h3{
			font-size:  20px;
			color: var(--kolor-glowny);
			text-transform: uppercase;
			text-align: center;
			font-weight: 700;
			letter-spacing: 0.5px;
		}

		.pozycjaSciezki {
			margin-top: 0px;
			margin: 0 auto;
			padding: 5px 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: var(--kolor-czarny);
		}

		.box_ilosc{
			overflow: hidden;
			width: 130px;
		}
		.box_ilosc i{
			float: left;
			line-height:  50px;
			cursor: pointer;
			color: var(--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-glowny);
			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);
			height: 50px;
		}




		.tlo_zalety{
			/*background-image: url("../img/tlo_zalety_06.png");*/
			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 {
			padding:0px; margin:0px;
		}
		ul.panel_klienta_menu:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		} 
		ul.panel_klienta_menu li {
			list-style:none;
			float:left;
			margin: 10px 2% 10px 2%;
			text-align:center;
			width:29.3333%;
			font-weight: bold;
			/*clip-path: polygon(100px 0%, calc(100% - 100px) 0%, 100% 100px, 100% calc(100% - 100px), calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);*/
		} 
		ul.panel_klienta_menu li a i  {
			display: block;
			font-size: 36px;
			margin-bottom: 10px;
			color: var(--kolor-czarny);
		}
		ul.panel_klienta_menu li a {
			display: block;
			padding: 20px 10px 20px 10px;
			color: var(--kolor-czarny) !important;
			border: 0px;
			background-color: #fff;
			width: 90%;
			margin: 0 5%;
			cursor: pointer;
			border-bottom: 2px solid var(--kolor-glowny);
			background: #f6f6f6;
			text-transform: uppercase;
		}
		ul.panel_klienta_menu li a:hover {
			color: #fff !important;
			background-color: var(--kolor-czarny) !important;
			border-color:var(--kolor-czarny) !important;
		}
		ul.panel_klienta_menu li a:hover i {
			
			color: #fff;
		}

		ul.panel_klienta_menu.koszyk li {
		    float: none;
		    margin: 10px 2% 10px 2%;
		    text-align: center;
		    width: 96%;
		    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: 20px;
		    margin: auto;
		    margin-top: 10px;
		}

		.panel_klienta_komulny {
			display: grid;
			grid-template-columns: 1fr 300px;
			grid-gap: 10px;
		}
		.panel_klienta_komulny ul.panel_klienta_menu li {
			margin: 0px 0px 10px 0px;
			width: auto;
			float: none;
		}
		.panel_klienta_komulny ul.panel_klienta_menu li a {
			margin: 0px;
			padding: 15px 10px 15px 10px;
			border: 0px;
			border-bottom: 2px solid var(--kolor-czarny);
			background: #f6f6f6;
		}
		.panel_klienta_komulny ul.panel_klienta_menu li a i {
			font-size: 26px;
		}
		.panel_klienta_komulny ul.panel_klienta_menu li strong a,
		.panel_klienta_komulny ul.panel_klienta_menu li strong a i {
			color: var(--kolor-bialy) !important;
			background-color: var(--kolor-czarny); 
			border-color: var(--kolor-czarny); 
		}


		.info_roz_knt {
			border: 1px solid #ddd;
			border-radius: 10px;
			overflow: hidden;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		.info_roz_ng {
			padding: 15px 25px 15px 25px;
			cursor: pointer;
			position: relative;
		}
		.info_roz_ng h3 {
			padding: 0px 10px 0px 0px;
			margin: 0px;
			font-size: 20px;
		}
		.info_roz_ng:before {
			display: block;
			content: '\f107';
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			position: absolute;
			padding: 15px;
			right: 5px;
			top: 1px;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(0.7);
		}
		.info_roz_ng.rozwiniete:before {
			transform: rotate(180deg) scale(0.7);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.info_roz_tr {
			border-top: 1px solid #ddd;
			padding: 15px 25px 15px 25px;
		/*	display: none;*/
		}		 
		.info_roz_tr p {
			font-weight: 500;
			line-height: 28px;
		  font-size: 18px;
		  color: #555;
		}


		body.influ .opisProdukty table td {
			font-size: 14px;
		}
		body.influ .opisProdukty table tr td:first-child {
			min-width: 100px;
		}


		#start_hook {
			position: absolute; 
		}
		#zawartosc{
			padding: 0px 0px 0px 0px;
			margin:0;
			position: static;
			z-index: 3;
			background-size: 100% auto;
			background-repeat: repeat-y;
		}
		#zawartosc .odstepGlowny{
			padding-top: 5vw;
		}


		#zawartosc ul {
			margin-bottom: 1.5rem;
			margin-left: 10px;
		}
		#zawartosc ul.menuKategorii,
		#zawartosc ul.realizacje,
		#zawartosc ul.blocks-gallery-grid {
			margin-left: 0px;
		}


		.zalacznik {
		    width: 0.1px;
		    height: 0.1px;
		    opacity: 0;
		    overflow: hidden;
		    position: absolute;
		    z-index: -1;
		}

		.zalacznik + label {
		    max-width: 80%;
		    font-size: 14px;
		    text-transform: uppercase;
		    /* 20px */
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    cursor: pointer;
		    display: inline-block;
		    overflow: hidden;
		    padding: 0.625rem 1.25rem;
		    /* 10px 20px */
		}

		.no-js .zalacznik + label {
		    display: none;
		}

		.zalacznik:focus + label,
		.zalacznik.has-focus + label {
		    outline: 1px dotted var(--kolor-czarny);
		    outline: -webkit-focus-ring-color auto 5px;
		}

		.numery {
			font-size: 14px;
			color: #CCCCCC;
			margin-top: 15px;
			text-align: left;
			padding-top: 10px;
			clear: both;
			padding-left: 5px;
			position: relative;
			margin-left: 1vw;
		}
/*		.numery::after {
		  content: ' ';
		  display: block;
		  width: 2px;
		  height: 20px;
		  position: absolute;
		  left: 20px;
		  top: -20px;
		  z-index: 0;
		  margin: auto;
		  background-color: var(--kolor-glowny);
		}*/
		.numery a {
			margin: 2px;
			text-decoration: none;
			background-color: #868686;

			/*border-radius: 50%;*/
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 700;
			font-size: 16px;
			color: #fff;
			font-family: var(--czcionka);
			border-radius: 50%;
		}
		.numery a:hover {
			background-color: var(--kolor-czarny);
		}
		.pusty {
			margin: 2px;
			text-decoration: none;
			background-color: #c2c2c2;

			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-weight: 700;
			font-size: 16px;
			color: #fff;
			font-family: var(--czcionka);

			border-radius: 50%;
		}

		.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%);
		}
		.do_koszyka .btnHex.btnKoszyk{
			display: block;
			margin-top: 10px;
			margin-left: 0px;
		}

		.sortowanie{
			overflow: hidden;
		    position: absolute;
		    right: 30px;
		    top: 20px;
		}
		#formularz_sortowania{
			font-size: 11px;
			float: right;
			margin-top: 0px;
			text-transform: uppercase;
		}

		#formularz_sortowania select{
			background: #fff;
			border: 1px solid #ccc;
			margin-left: 10px;
			padding: 2px 5px;
			font-size: 12px;
		}
		.bark_p {
			margin: 20px 0px 20px 0px;
		}

		.szablon_logowania{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 10px;
		}

		.szablon_logowania .formularzMini{
			width: 100%;
		}
		.formularzMini {
		    /*width: 50vw;*/
		    /*min-width: 600px;*/
		    margin: 0;
/*		    background: #fff;*/
		    padding: 2vw;
		    margin: 0 auto;

/*		    border: 4px solid #fff;*/
		    padding: 30px;
/*			background-color: #f6f6f6;*/
			
/*			*/
		    
		}
		.boxLinki {
		    text-align: center;
		    font-size: 16px;
		    text-transform: uppercase;
		    font-weight: 500
		}

		.boxLinki a {
		    color: var(--kolor-czarny);
		    padding: 0px 10px;
		}

		.boxLinki a:hover {
		    color: var(--kolor-glowny);
		    padding: 0px 10px;
		}

		#formularz_knt h3{   
			text-align: left;
			color: var(--szary);
			font-size: 20px;
			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;
		}

		#formularz_knt label{
			font-size: 14px;
		}
		input.formInput {
			font-family: var(--czcionka);
			font-size: 16px;
			border: 0px;
			margin: 5px 0px;
			padding: 10px 15px 10px 15px;
			color: #566166;
			background-color: #f2f2f2;
			border: 1px solid #f2f2f2;
/*			border-bottom: 2px solid var(--kolor-glowny);*/
			/* border-radius: 5px;*/
		}
		input.formInput.dodatek {
			width: 80px;
			margin-left: 15px;
			padding: 7px 15px 7px 15px;
			font-size: 17px;
			font-weight: bold;
			display: inline-block;
		}
		select.formInput {
			font-family: var(--czcionka);
			padding: 7px 15px 7px 15px;
			border: 1px solid #ddd;
			width: 100%;
			/*color: var(--kolor-glowny);*/
			font-size: 16px;
			font-weight: 400;
			border: none;
			border: 2px solid var(--jasnoszary2);
			background-color: var(--kolor-bialy);
			cursor: pointer;
			/* border-radius: 5px;*/
		}

		input.formInput::placeholder  {
			/*color: var(--kolor-glowny);*/
			opacity: 1;
		}
		input.has-error{
			color: red;
			text-align: left;
		}
		input.has-error::placeholder {
			color: red;
		}

		textarea.formInput {
			font-family: var(--czcionka);
			font-size: 16px;
			border: 0px;
			margin: 5px 0px;
			padding: 7px 15px;
			color: #566166;
			background-color: #f2f2f2;
			height: 200px;
			border: none;
			border: 1px solid #f2f2f2;
			/* border-radius: 5px;*/
		}
		textarea.formInput.koszyk {
			background-color: var(--szary2);
			line-height: normal;
			min-height: 140px;
			height: 140px;
		}
		textarea.formInput.dedykacja {
			height: 120px;
		}

		textarea.formInput::placeholder  {
			/*color: var(--kolor-glowny);*/
			opacity: 1;
		}
		textarea.has-error{
			color: red;
		}
		textarea.has-error::placeholder {
			color: red;
		}
		.has-error{
			color: red;
			text-align: left;
			font-size: 14px;
		}
		.regulaminInfo{
			display: block;
			font-size: 16px;
			line-height: 1.3em;
			text-align: left;
			color: #566166;
		}

		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;
		}


		body.influ button.formBtn,
		body.influ a.formBtn {
			display: block;
			padding: 5px 20px 5px 10px;
			background:transparent;
			font-size: 20px;
		  	text-transform: uppercase;
		  	position: relative;
		  	line-height: 40px;
		  	z-index: 1;
		  	font-weight: bold;
		  	color: var(--kolor-czarny);
		  	cursor: pointer;
/*		  	border-radius: 5px;*/
		}
		body.influ .panel_klienta_knt button.formBtn,
		body.influ .panel_klienta_knt a.formBtn {
			margin-top: 10px;
			background: var(--kolor-czarny);
			padding: 5px 20px 5px 20px;
		}
		body.influ .koszyk_zawartosc button.formBtn,
		body.influ .koszyk_zawartosc a.formBtn {
		    color: var(--kolor-bialy);
		    background-color: var(--kolor-czarny);
		    padding-left: 25px;
		    padding-right: 25px;
		}

		body.influ button.formBtn:before,
		body.influ a.formBtn:before {
			content: ' ';
		    width: 40px;
		    height: 40px;
		    border-radius: 50%;
		    position: absolute;
		    z-index: -1;
		    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;
		}

		body.influ button.formBtn:after,
		body.influ a.formBtn:after{
		    font-family: "Font Awesome 5 Free";
		    font-weight: 900;
		    content: "\f105";
		    padding-left: 10px;
		}

		body.influ button.do_koszyka_b:after,
		body.influ button.do_koszyka_b:before{
			display: none;
		}

		body.influ button.formBtn,
		body.influ a.formBtn{
		    color: var(--kolor-bialy);
		    background-color: var(--kolor-glowny);
		    padding: 0px 20px 0px 20px;
		    pointer-events: auto;
		    font-size: 16px;
		    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
		}
		body.influ button.formBtn:hover,
		body.influ a.formBtn:hover {
		    color: var(--kolor-bialy);
		    background-color: var(--kolor-glowny);
		}


		body.influ .koszyk_zawartosc button.formBtn:hover,
		body.influ .koszyk_zawartosc a.formBtn:hover {
		    color: var(--kolor-bialy);
		    background-color: var(--kolor-glowny);
		    padding-left: 30px;
		    padding-right: 20px;
		}

		body.influ button.formBtn.do_koszyka_b:hover i,
		body.influ a.formBtn.do_koszyka_b:hover i {
		    color: var(--kolor-bialy);
		}

		body.influ button.formBtn.do_koszyka_b:hover,
		body.influ a.formBtn.do_koszyka_b:hover {
			background-color: var(--kolor-czarny) !important;
		}

		body.influ button.formBtn.do_koszyka_b_2,
		body.influ a.formBtn.do_koszyka_b_2{
		    color: var(--kolor-czarny);
		    background-color: #d9d9d9;
		}

		body.influ button.formBtn.do_koszyka_b_2:hover,
		body.influ a.formBtn.do_koszyka_b_2:hover{
		    color: var(--kolor-czarny);
		    background-color: var(--kolor-glowny);
		}

		body.influ button.formBtn.do_koszyka_b_2:hover i,
		body.influ a.formBtn.do_koszyka_b_2:hover i{
		    color: var(--kolor-czarny);
		}




		body.influ button.formBtn i,
		body.influ a.formBtn i{
		}



		.bluemedia_knt {
			position: relative;
			display: inline-block;
		}
		body.influ button.formBtn.blumedia,
		body.influ a.formBtn.blumedia {
			padding-right: 150px !important;
		}
		body.influ button.formBtn.blumedia::after,
		body.influ a.formBtn.blumedia::after {
			background : url(../img/bluemedia.webp) no-repeat;
			content : " ";
			display: block;
			width: 115px;
			height: 31px;
			position: absolute;
			top: 13px;
			right: 13px;
		}
		body.influ  .tlo_strona.tlo_tresc a.formBtn.blumedia {
			display: inline-block;
			padding-right: 160px !important;
		}
		body.influ  .tlo_strona.tlo_tresc a.formBtn.blumedia::after {
			display: inline-block;
			top: 18px;
			right: 18px;
		}


		#BlueMediaPaymentForm input[type=submit],
		input.formBtnPlatnosc,
		input[type="submit"].formBtnPlatnosc,
		.formBtnPlatnosc, a.formBtnPlatnosc {
		    font-family: var(--czcionka);
		    color: #fff;
		    cursor: pointer;
		    font-weight: bold;
		    border: 0px;
		    cursor: pointer;
		    font-size: 18px;
		    background-color: var(--kolor-glowny);
		    border: 2px solid  var(--kolor-glowny);
		    
		    line-height: 40px;
		    padding: 5px 20px;
		    margin: 0px 20px 0px 0px;
		    text-transform: uppercase;
		    -webkit-transition: background-color 300ms linear;
		    -moz-transition: background-color 300ms linear;
		    -o-transition: background-color 300ms linear;
		    -ms-transition: background-color 300ms linear;
		    transition: background-color 300ms linear;
		}

		#BlueMediaPaymentForm input[type=submit]:hover,
		input.formBtnPlatnosc:hover,
		input[type="submit"].formBtnPlatnosc:hover,
		.formBtnPlatnosc:hover, a.formBtnPlatnosc:hover {
		    background-color: #fff;
		    color: var(--kolor-glowny); 
		    border: 2px solid  var(--kolor-glowny);
		    -webkit-transition: background-color 300ms linear;
		    -moz-transition: background-color 300ms linear;
		    -o-transition: background-color 300ms linear;
		    -ms-transition: background-color 300ms linear;
		    transition: background-color 300ms linear;
		}


		.formBtnPlatnosc.dotpay {
		    background-image: url(../img/dotpay_icon.png);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 130px;
		}

		#BlueMediaPaymentForm input[type=submit],
		.formBtnPlatnosc.bluemedia {
		    background-image: url(../img/bluemedia.webp);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 130px;
		}
		.formBtnPlatnosc.paynow {
		    background-image: url(../img/paynow.png);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 80px;
		}
		input.formBtnPlatnosc.przelewy24
		input[type="submit"].formBtnPlatnosc.przelewy24,
		.formBtnPlatnosc.przelewy24 {
		    background-image: url(../img/przelewy_icon.png);
		    background-repeat: no-repeat;
		    background-position: right center;
		    padding-right: 130px !important;
		}




		.do_koszyka_b{
		}

		body.influ a.formBtn {
/*			position: static;
			display: inline-block;
			padding: 10px 30px 10px 30px;
			color: var(--kolor-czarny);
			text-transform: uppercase;
			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-glowny);
			background-color: var(--kolor-glowny);
			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 {
			padding-top: 5px;
			padding-bottom: 5px;
			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{
			max-width: 1000px;
			max-height: 600px;
			min-height: 315px;
			padding-bottom: 0px;
			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:var(--kolor-czarny);
			font-weight: 700;
			font-size: 24px;
			margin:0px;
		}

		.ofertaWiersz .oTresc h2 span{
			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: 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: 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: 24px;
			line-height: 24px;
			border-radius: 50px;
			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: 18px;
			line-height: 18px;
		}

		.btnPowrot,
		a.btnPowrot {
			font-family: var(--czcionka);
			background-color: var(--kolor-szary);
			color: var(--kolor-czarny);
			text-transform:uppercase;
			padding:5px 20px;
			font-weight: 400;
			font-size: 18px;
			line-height: 18px;
			border-radius: 50px;
			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;
		}
		body.influ table.koszyk td.nazwa a.nierozpoczty,
		table.koszyk a.nierozpoczty {
			color: #e23000;
			font-weight: bold;
		}
		body.influ table.koszyk td.nazwa a.niezakonczony,
		table.koszyk a.niezakonczony {
			color: #e2a000;
			font-weight: bold;
		}
		body.influ table.koszyk td.nazwa a.zakonczony,
		table.koszyk a.zakonczony {
			color: #7fb029;
			font-weight: bold;
		}
		table.koszyk i.nazwa_projektu {
			font-size: 12px;
			color: var(--kolor-czarny);
			font-weight: 400;
			font-style: normal;
		}
		.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: 20px;
		}
		.adresy p {
			display: inline-block;
			width: 48%;
			margin-right: 1%;
			font-size: 14px;
		}
		.adresy p.pojedynczy {
			width: 99%;
			margin-right: 1%;
		}
		.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: 14px;
		}
		.rezerwacja_uwagi {
			height: 90px;
		}
		.offer-item .stara_cena {
			text-decoration: line-through;
			color: #9d9498;
			margin-left: 10px;
		}

		.stara_cena {
			text-decoration: line-through;
			color: #555;
		}
		.koszyk_razem .stara_cena {
			font-weight: bold;
		}

		.ppromocja .stara_cena {
			text-decoration: line-through;
			color: #ccc;
			display: inline-block;
			line-height: 20px;
			font-size: 16px;
		}
		
		
		body.influ .md-autocomplete-suggestions li strong.cena .stara_cena{
			text-decoration: line-through;
			color: #ccc;
			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: 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: none;
	        background-color: #fff;
	        text-align: center;
	        padding: 10px;
	        border-radius: 0px;
	        margin-top: 0px;
	        margin-bottom: 0px;
		}
		.zielony {
		    color: #7da151;
		}

		.kolekcje{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 20px;
		}



		.kolekcje .item {
			position:relative;
		}
		.kolekcje .item aside{
			position: absolute;
		    width: auto;
		    height: auto;
		    left: 0px;
		    bottom: 0px;
		    top: 0px;
		    padding:2vw;
		    display: flex;
		    align-items: center;
		    font-size: 2vw;
		    font-weight: 700;
		    max-width: 50%;
		}


		.kolekcje .item aside h1,
		.kolekcje .item aside h2{
			font-size: 2.2vw;
			line-height: 1.2em;
			margin: 0px;
			margin-bottom: 1vw;
			font-weight: 400;
		}

		.kolekcje .item.item_ukryj{
			display: none;
		}



		.kolekcje .item aside{
			margin-left: 55%;
		
		}

		.kolekcje .item aside p{
			font-size: 1vw !important;
			line-height: 1.2em;
			font-weight: 400;
			color: #000;
		}


		.kolekcje .item aside a{
			background-color: var(--kolor-czarny);
		    color: #fff !important;
		    border-radius: 30px;
		    font-size: 0.8vw;
		    text-transform: uppercase;
		    padding: 0.5vw 1.5vw;


			margin-top: 1.5vw;
			 float: left;
		}


		.kolekcje .item aside a:hover{
			background:var(--kolor-glowny);
		}

		.ikony_info{
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 20px;
			max-width: 1300px;
			margin-bottom: 50px;
		}

		.ikony_info .ikona_i{
			padding:30px 75px;
			background-position: right center;
			background-repeat: no-repeat;
			background-color: #dce1e2;
		}

		.ikony_info .ikona_i h3{
			font-size: 36px;
			line-height: 1.3em;
			position: relative;
			color: #000;
			text-transform: uppercase;
			font-weight: 400;
		}


		.ikony_info .ikona_i h3:before{
			content: " ";
			width: 130px;
			height: 2px;
			background-color: var(--kolor-glowny);

			position: absolute;
			bottom: -10px;
			left: 0px;
		}
		.marki{
			display: grid;
			grid-template-columns: auto auto auto;
			grid-gap: 20px;
			padding: 50px 0px;
		}

		.marki a img{
			margin: 0 auto;
		}
		
		.marki a:hover img{
			transform: scale(1.1);
			box-shadow: 0px 0px 10px 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;
		
		}

		.kontakt_box{
			padding: 30px 0px;

		}
		.kontakt_box a{
			font-size: 20px;
			display: inline-block;
			padding: 10px 0px;
			font-weight: 600;
			
		}
		.kontakt_box a:first-child{
			margin-right: 15%;
		}
		


	/** MAIN **/
	

	.wiersz_panelu{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 40px;
		align-items: baseline;

		text-align: left;

	}

	.panel_formularza{
		padding: 40px;
		background-color: #fff;
	}
	.panel_info{
		padding: 40px;
	}

	.wiersz_panelu .panel_formularza h1,
	.wiersz_panelu .panel_info h2 {
			font-size: 30px;
			padding: 0px; 
			margin: 0px;
			line-height: 30px;
	  	margin-bottom: 20px;
	  	color: var(--kolor-czarny) !important;
	}

	.wiersz_panelu p{
		font-size: 16px;
		margin: 5px 0px;
	}

	.panel_formularza .formBtn{
			width: 100%;
		  text-align: center;
		  font-size: 16px;
		  text-transform: none;
		  font-weight: normal;
	}

	.wk{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
		align-items: center;
	}
	.wk div{
		text-align: center;
	}

	.wk div img{
		width: 80px;
		display: block;
		margin: 0 auto;
	}

	.wk div span{
		text-align: center;
		font-size: 16px;
	}


	.formBtn1{
			display: block;
		  padding: 20px 10px 20px 10px;
		  border-radius: 20px;
		  margin: 2px;
		  background: var(--kolor-glowny);
		  color: #fff !important;
		  text-align: center;
		  text-transform: uppercase;
		  letter-spacing: 2px;
		  cursor: pointer;

			width: 100%;
		  text-align: center;
		  font-size: 16px;
		  text-transform: none;
		  font-weight: normal;
		  padding: 5px;
		  display: block;

		  border: 2px solid var(--kolor-glowny);
	}
	.formBtn1:hover{
		background-color: #fff;
		color: var(--kolor-glowny) !important;

	}
	.formBtn2{
		  width: auto;
		  text-align: center;
		  font-size: 16px;
		  text-transform: none;
		  font-weight: normal;
		  background-color: #fff;
		  padding: 5px;
		  display: inline-block;
		  border: 2px solid var(--kolor-glowny);
		  /* border-radius: 5px;*/

		  padding: 2px 30px;
		  background-color: var(--kolor-glowny);
		  border-radius: 30px;
		  color: #fff;
	}
	
	.formBtn2:hover{
		color: #fff !important;
		background-color: var(--kolor-czarny);
		  border: 2px solid var(--kolor-czarny);
	}

	.wiersz_btn{
		display: grid;
		grid-template-columns: 1fr 100px 1fr;
	}

	.wiersz_btn a{
		box-sizing: border-box;
	}

	
/** FOOTER **/
		footer{
			margin-top: 50px;
		}

		.stopka_knt {
			color: rgba(255, 255, 2555, 0.5);
			margin-top: 0px;
			background-color: #fff;
			margin-top: 50px;
			padding: 50px 0px;
			max-width: 1600px;
			margin: 0 auto;

			clip-path: polygon(0% 0%, 0% 101%, 101% 101%, 100% 50px, calc(100% - 50px) 0%);
		}


		body.influ .stopka_knt p{
			color:#fff;
		}

		.stopka_knt .wiersz_stopki{
			display: grid;
			grid-template-columns:1fr;
			grid-gap: 10vw;
			padding:0px 60px
		}

		.wiersz_stopki_2{
			text-align: center;
		    max-width: 800px;
		    margin: 0 auto;
		    margin-top: 50px;
		}

		.wiersz_stopki p.px14 {
			font-size: 15px !important;
		}

		.stopka_knt .wiersz_4{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-gap: 15px
		}
		.stopka_knt .wiersz_2{
			display: grid;
			grid-template-columns: 1fr 120px;
			grid-gap: 15px
		}
		.stopka_knt strong{
			color: #fff;
		}

		.stopka_knt a{
			display: block;
			font-weight: 400;
			color: #fff;
			opacity: 0.8;
			font-size: 16px;
			line-height: 1.4em;
			padding: 3px 0px;
			padding-right: 5px;
		}

		.stopka_knt a i{
			color: #fff;
		}
		.stopka_knt a svg{
			display: inline-block;
			height: 20px;
			fill: #fff;
		}

		.stopka_knt a:hover,
		.stopka_knt a:hover strong{
			opacity: 1;
			padding-left: 5px;
			padding-right: 0px;
		}
		.stopka_knt a span{
			text-transform: uppercase;
			display: block;
			font-size: 13px;
			line-height: 13px;
		}

		.stopka_knt a strong{
			color: #fff;
			font-size: 16px;
		}

		.stopka_knt h3{
			margin: 0px;
		    color: #fff;
		    font-size: 26px;
		    margin-bottom: 5px;
		    margin-top: 15px;
		    font-weight: 400;
		}
		.stopka_knt ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		.stopka_knt ul li{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

		.stopka_knt ul.ul_social li{
			display: inline-block;
			margin-right: 20px;
		}

		

		.box_s{
			background-color: #fff;
			width: 100%;
			padding: 20px;
		}
		.dosatwa_g{
			display: grid !important;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 10px;
			max-width:338px;
		}


		.ul_kontakt li a i{
			color: #fff;
			width: 20px;
		}

		.ul_social li a{	
		    display: grid;
		    grid-template-columns: 25px auto;
		    gap: 5px;
		    align-items: center;
		}
		.wiersz_stopki_2 p{
			font-size: 13px !important;
			opacity: 0.7;
			line-height: 16px;
		}

		#influencja  {
			padding: 20px;
			display: block;
			width: 100%;
			text-align: center;
			max-width: 1600px;
			margin: 0 auto;
			background: #262626;
		    margin-bottom: 100px;
		}
		#influencja:hover {
			padding: 0px !important
		    opacity: 1;
		}
		#influencja a {
		    opacity: 0.5;
			display: inline-block;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		}
		#influencja a:hover {
			opacity: 1;
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		}
		#influencja img {
			display: inline;
		}
	/** FOOTER **/

	
	/** DODATKI **/
		table{
			width: 100%;
			max-width: 100%;
			margin-bottom: 20px;
			color: #424242;
			line-height: 20px;
			border: 1px solid #ccc;
			/*border-radius: 10px;*/
			margin-top: 20px;
			margin-bottom: 20px;
		}


		 table th{
			vertical-align: bottom;
			/*border-bottom: 2px solid #ddd;*/
			/*border-top: 0;*/
		}
		 table tr{
		   padding-top: 5px;
		   padding-bottom: 5px;
		   border-bottom: 1px solid #ccc;
		}
		table tr td{
			padding: 5px;
		}
		 table tr:nth-of-type(2n+1) {
		    background-color: #f9f9f9;
		}
		 table tr:nth-of-type(2n) {
		    background-color: #fff;
		}

		p.formBtn a{
			padding: 5px 20px;
			display: inline-block;
			border: 2px solid var(--kolor-glowny);
			font-weight: 700;
			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: -100px;
			right: 20px;
			cursor: pointer;
			z-index: 480;
			/*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: 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;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-glowny);
		}
		.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: var(--kolor-czarny);
				font-size: 16px;
			}
			ul.kolumny_zalaczniki li a i {
				color: var(--kolor-glowny);
			}
			ul.kolumny_zalaczniki li a h3{
				margin: 0px 5px;
				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: 20px !important;
				margin-bottom: 20px !important;
			}
			.aligncenter:hover {
			}
			.text-uppercase {
				text-transform: uppercase;
			}
			.text-center {
				text-align: center;
			}
			.text-center img {
				display: inline-block;
			}
			.text-right {
				text-align: right;
			}
			.text-left {
				text-align: left;
			}

	/** DODATKI **/


	 /*Upload zdjec*/
			.upload_zdjec {
				background-color: #f6f6f6;
				padding: 30px;
				
				font-size: 16px;
				font-weight: 700;
				cursor: pointer;
			}
			.upload_zdjec .upload_zdjec_info {
				font-size: 12px;
				margin-bottom: 10px;
				color: var(--kolor-szary);
			}
			.tlo_transparentne .upload_zdjec h3 {
				margin-top: 0px;
				font-size: 20px;
			}
			.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 {
				border: 2px solid var(--kolor-szary);
				
				display: inline-block;
				padding: 8px 15px;
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;

			}
			.upload_zdjec .formBtn:hover {
				border: 2px 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;text-decoration:none;
			}
			.upload_zdjec .upload_zdjec_wczytywanie {
				margin-top: 10px;
				margin-bottom: 0px;
			}
			.niekatywnyBtn,
			.wylacz_btn {
				opacity: 0.5;
				pointer-events: none;
			}

	        .foto_kont .usunBtn {    
	            position: absolute;
	            right: 5px;
	            top: 5px;
	            background-color: #fff;
	            box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	            border: none;
	            height: 30px;
	            width: 30px;
	            padding-top: 0px;
	            padding: 5px;
	            border-radius: 50%;
	            overflow: hidden;
	            cursor: pointer;
	            font-size: 13px;
	            line-height: 20px;
	            text-align-last: center;
	            opacity: 0;
	            pointer-events: none;
	            transform: scale(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;
	        }
	        .foto_kont:hover .usunBtn {
	            opacity: 1;
	            pointer-events: auto;
	            transform: 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;
	        }
	        .foto_kont .usunBtn:hover {
	            color: #fff;    
	            background-color: #bc3659;
	            border: none;
	        }
			.foto_kont_knt {
				/*display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 10px;
				margin-top: 10px;*/
			}
			.foto_kont {
				display: inline-block;
				padding: 4px;
				position: relative;
				background: #fff;
				word-wrap: break-word;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
				text-align: center;
			}
			.foto_kont img {
				max-width: 100%;
				max-height: 75px;
				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: 14px;
			}
			.bledy_ilosci_zalacznikow {
				color: var(--kolor-glowny);
				font-size: 14px;
				margin: 10px 0px 10px 0px;
			}
	 /*Upload zdjec*/

	/** Bootstrap **/
			.text-left {
			  text-align: left;
			}
			.text-right {
			  text-align: right;
			}
			.text-center {
			  text-align: center;
			}
			.text-justify {
			  text-align: justify;
			}
			.text-nowrap {
			  white-space: nowrap;
			}
			.text-lowercase {
			  text-transform: lowercase;
			}
			.text-uppercase {
			  text-transform: uppercase;
			}
			.text-capitalize {
			  text-transform: capitalize;
			}
			.text-muted {
			  color: #777;
			}
			.text-primary {
			  color: #337ab7;
			}
			a.text-primary:hover,
			a.text-primary:focus {
			  color: #286090;
			}
			.text-success {
			  color: #3c763d;
			}
			a.text-success:hover,
			a.text-success:focus {
			  color: #2b542c;
			}
			.text-info {
			  color: #31708f;
			}
			a.text-info:hover,
			a.text-info:focus {
			  color: #245269;
			}
			.text-warning {
			  color: #8a6d3b;
			}
			a.text-warning:hover,
			a.text-warning:focus {
			  color: #66512c;
			}
			.text-danger {
			  color: #cc0000;
			}
			a.text-danger:hover,
			a.text-danger:focus {
			  color: #cc0000;
			}
			.bg-primary {
			  color: #fff;
			  background-color: #337ab7;
			  padding: 10px 25px 10px 25px !important;
			  
			}
			a.bg-primary:hover,
			a.bg-primary:focus {
			  background-color: #286090;
			}
			.bg-success {
			  background-color: #dff0d8;
			  padding: 10px 25px 10px 25px !important;
			  
			}
			a.bg-success:hover,
			a.bg-success:focus {
			  background-color: #c1e2b3;
			}
			.bg-info {
			  background-color: #d9edf7;
			  padding: 10px 25px 10px 25px !important;
			  
			}
			a.bg-info:hover,
			a.bg-info:focus {
			  background-color: #afd9ee;
			}
			.bg-warning {
			  background-color: #fcf8e3;
			  padding: 10px 25px 10px 25px !important;
			  
			}
			a.bg-warning:hover,
			a.bg-warning:focus {
			  background-color: #f7ecb5;
			}
			.bg-danger {
			  background-color: #f2dede;
			  padding: 10px 25px 10px 25px !important;
			  
			}
			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;
 	}
 	.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;
 	}

 	.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.png');
		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: 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;
		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:hover div{
		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;
	}


	.kolorBox{
		display: grid;
		grid-template-columns: 65px 1fr;
		border: 1px solid #dcdddd;
		cursor: pointer;
	}

	.kolorBox strong{
		font-size: 16px;
		text-align: left;
		margin: 0px 15px;
		font-weight: 500;
		line-height: 38px;
	}


	.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: 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: 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);
 		color: #777;
  		font-weight: 500;
 	}
 	.zakupy_boks {
 		margin-top: 0px;
 		margin-bottom: 0px;
 		padding-left: 0px;
 	}
 	.do_koszyka {
 		margin-top: 10px;
 		margin-bottom: 15px;
 		padding: 5px;
 		opacity: 0;
 	}
 	.do_koszyka.pokaz {
 		opacity: 1;
 	}
 	.do_koszyka .btnHex {
 		margin-left: 10px;
 	}
 	.do_koszyka img {
 		display: inline-block;
 	}
 	.k_ilosc span.sztuk,
 	.k_cena label,
 	span.labelSpan,
 	.kolumnyAtr span.labelSpan{
 		font-size: 14px;
		padding-right: 5px;
		float: left;
		display: block !important;
		width: 80px !important;
 		line-height: 50px;
 		  color: #777;
  font-weight: 500;
 	}
 	.k_cena {
 		padding-bottom: 0px;
 		margin-bottom: 0px;
 		line-height: 50px;
 	}
 	.k_cena label {
 		margin-bottom: 0px;
 		line-height: 50px;
 	}
 	.cenaAkt {
 		font-weight: 700;
 		font-size: 24px;
 		font-family: var(--czcionka);
 		display: inline-block;
 		line-height: 50px;
 		color: var(--kolor-czarny);
 	}
 	.cena_30dni {
 		color: #aaa;font-size: 12px;margin-left: 80px;margin-top: 0px;margin-bottom: 10px;display: block;line-height: 12px;height: 12px;
 	}
 	.kolor_produktu {
 		display: inline-block;
 		width: 32px;
 		height: 32px;
 		padding: 0px !important;
 		margin-right: 10px;
 		border-radius: 12px;
 	}
 	.kolor_produktu.zaznaczony {
 	}
 	.atrybuty_knt img,
 	.kolor_produktu img {
 		width: auto;
 		height: auto;
 		max-width: 200px;
 		max-height: 50px;
 		border-radius: 13px;
 	}

 	.kolor_produktu.zaznaczony img,
 	.kolor_produktu.zaznaczony img {
 		background-color: var(--kolor-czarny);
 		border: 2px solid var(--kolor-czarny);
 		box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
 	}

 	.atrybuty.has-error{
 		color: var(--kolor-glowny);
 	}

 	.atrybuty.has-error input{
 		border-color: var(--kolor-glowny);
 	}

 	input[type="text"].input_wiek{
		padding: 5px 15px;
		line-height: 15px;
		height: 36px;
		display: inline-block;
		width: 100%;
		font-size: 16px;

 	}

	.atrybuty_knt {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.atrybuty {
		display: grid;
		grid-template-columns: 150px 1fr;
		align-items: center;
		margin-bottom: 5px;
	}
	.atrybuty label {
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
	}
	.atrybuty_knt button,
	.produkt_boks button {
		font-size: 16px;
		padding: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		background-color: transparent;
		color: var(--kolor-czarny);
		min-width: 40px;
	} 
	.atrybuty_knt button.aktywny,
	.produkt_boks button.aktywny {
		color: #f4f4f4;;
		background-color: var(--kolor-czarny);
	}
	.atrybuty_knt button.aktywny.zdjecie{
		background-color: transparent;
		min-width: unset;
	}
	.atrybuty_knt button.aktywny.zdjecie img{
 		background-color: var(--kolor-czarny);
 		border: 2px solid var(--kolor-czarny);
 		box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	}



	.box_wyboru_tresc a{
		display:inline-block;
		width: calc(25% - 20px);
		margin: 10px;
		border: 2px solid #fff;
		border-radius: 5px;
	}
	.box_wyboru_tresc a img{
		max-width: 100%;
	}
	.box_wyboru_tresc a img{
		max-width: 100%;
	}

	.box_wyboru_tresc a aside{
		-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
	}	

	.box_wyboru_tresc a aside.aktywne{
		border: 2px solid #000;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}
	.box_wyboru_tresc a:hover aside{
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}



 	.pKalkulator{
 		padding:  5px 0px 20px 0px;
 		color: #595455;
 	}
 	.pKalkulator a i{
 		color: var(--kolor-glowny);
 	}

 	.pZajawka{
 		padding: 20px 0px;
	    font-weight: 500;
	    color: #6c6769;
 	}

 	.pZajawka p{
 		font-size: 16px !important;
 		line-height: 1.2em;
 		margin: 0px !important;
 		display: inline;
 		font-weight: 400 !important;
 	}
 	.pZajawka span{
		font-weight: 700;
		text-transform: lowercase;
		color: var(--kolor-glowny);
		display: inline;
		border-left: 2px solid;
		padding: 0px 5px;
		margin: 0px 5px;
 	}
 	.pKontakt {
 		/*border-top:  1px solid #ddd;*/
 	}
 	.pKontakt a{
 		background-color: #d9d9d9;
 		color: #000;
 		padding: 0px 20px;
 		line-height: 40px;
 		text-transform: uppercase;

 		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
 	}
 	.pKontakt span{
 		font-size: 14px !important;
 		font-weight: 600;
 		display: block;
 		color: var(--jasnoszary);
 		margin: 15px 0px;
 		text-transform: uppercase;
 		margin-right: 15px;
 		display: inline-block;

 		background-color: #000;
 		color: #fff;
 		letter-spacing: 1px;
 		padding: 0px 30px;
 		line-height: 40px;
 		text-transform: uppercase;

 		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
 		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;text-decoration:none;

 	}

 	.pKontakt span:hover{
 		background-color: var(--kolor-glowny);
 	}
 	.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-ciemy);
 		font-weight: 700;
 		font-size: 16px;
 		margin-right: 15px;
		display: inline-block;
 	}

 	.pKontakt a:hover{
 		color: var(--kolor-glowny);
 	}

 	.pKontakt a i{
 		/*color: var(--kolor-glowny);*/
 	}
	.formInputIlosc_knt {
	    /*border: 1px solid #CCC;*/
	}
	input[type="text"].formInputIlosc {
	    display: inline;
	    font-family: var(--czcionka);
	    font-size: 22px;
	    line-height: 30px;
	    color: var(--kolor-czarny);
	    font-weight: 700;
	    width: 30px;
	    padding: 0px;
	    margin:0px 10px;
	    border: none;
	    text-align: center;
	    background:  #fff;
	    font-family: var(--czcionka);
	    background-color: transparent;
	}

	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: 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: 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: var(--kolor-czarny);
		/*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: 40px 0vw 0vw 0vw;
		padding: 0px 0px 5vw 0px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	ul.menuKategorii li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: relative;
	}
	ul.menuKategorii li a {
		position: relative;
		
		/*border: 2px solid #fff;*/
		box-shadow: 0px 0px 100px rgba(0,0,0,0.15);
		position: relative;
		display: block;
	}
	ul.menuKategorii li a:hover {
		background-color: #fafafa;
		border: 1px solid #ddd;
	}
	ul.menuKategorii li a h3 {
		background: var(--kolor-glowny);
		opacity: 0.9;
		color: #fff;
		text-align: left;
		font-size: 20px;
		padding: 30px 20px 40px 30px;
		line-height: 20px;
		bottom: 0;
		position: absolute;
		width: 90%;
		margin: 0px 0px 0px 10%;
	}



	ul.menuKategorii li a:hover {
		transform: scale(1.025);
	}




		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: var(--kolor-czarny);*/
			/*opacity: 0.9;*/
			clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
		}
		ul.menuDzialalnosc li a:before {
			background-color: var(--kolor-czarny);
			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-glowny);
		}
		#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: 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;
	}

	#wybierz_paczkomat_knt h2{
		font-size: 24px;
	}
	.easypack-widget .easypack-search-widget .search-input{
		font-size: 16px !important;
	}
	.easypack-widget .easypack-search-widget .search-group {
	  padding: 10px !important;
	}

	input[type="text"].formInputKoszyk {
		font-family: var(--czcionka);
		font-size: 16px;
		color: var(--kolor-czarny)000;
		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: 18px;
	}
	body.influ table.zamowienia th{
		vertical-align: bottom;
		border-bottom: 2px solid #ddd;
		border-top: 0;
		padding: 1% 2% 1% 2%;
		font-size: 12px;
		text-transform: uppercase;
	}
	body.influ table.zamowienia td {
		padding: 1% 2% 1% 2%;
		font-size: 14px;
	}
	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-top: 0px;
		margin-bottom: 20px;
		border: none;
		border-bottom: 1px solid #ddd;
		background-color: transparent;
	}
	body.influ table.koszyk th{
		vertical-align: bottom;
		border: none;
		/*border-top: 0;*/
		border-bottom: 1px solid #ddd;
		padding: 5px 2% 5px 2%;
		font-size: 14px;
		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: 1% 2% 1% 2%;
		border: none;
		font-size: 16px;
		line-height: normal;		
		min-width: 100px;
	}
	body.influ table.koszyk tr.podatek td {
		padding: 0% 2% 0% 2%;
		color: var(--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: 1% 0px 1% 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 {
		color: var(--kolor-czarny);
	}
	body.influ table.koszyk td.nazwa a:hover {
		color: var(--kolor-glowny);
	}
	body.influ table.koszyk td.kosz {
		width: 30px;
		min-width: 30px;
		text-align:center;
		padding: 1% 0px 1% 0px;
		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: 20px;
	}
	body.influ table.koszyk i {
		cursor: pointer;
	}
	body.influ table.koszyk .koszyk_obr_knt {
		width: 100px;
		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: 100px;
		max-height: 100px;
		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 {
 		text-align: center;
 	}
 	.has-text-align-center img {
 		display: inline-block;
 	}


 	.wp-block-gallery img,
 	.wp-block-image img {
 		/*clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);*/
 		/*border: 3px solid #fff;*/
		/*		box-shadow: 0px 0px 30px rgba(0,0,0,0.15);*/
		
		overflow: hidden;
 	}

 	
 	.md-tooltip {
	  width: 500px !important;
	  height: auto;
	  white-space: pre-wrap;
	  padding: 20px;
	  font-size: 13px;
	  line-height: 16px;
	  opacity: 1 !important;
	  background-color: #333;
	}

	.wp-block-image figcaption {
		font-size: 14px;
		letter-spacing: 0px;
	}

	.gs-fullscreen-search .gs-fullscreen-search-inner .search-wrapper-inner .search-wrapper-form input[type="search"],
	.search-form-input {
		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: 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-glowny);
		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: 700;
		clip-path: polygon(19% 0, 100% 0%, 100% 100%, 0 100%);
	}

	.banerB section a {
		line-height: 40px;
		font-size: 20px;
		letter-spacing: 0.5px;
	}
	.banerB section a i{
		color: var(--kolor-glowny);
	}

	.banerB_2 section {
		bottom: -55px;
	}

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: static;
		    height: 35px;
		    width: 50px;
		    top: 33px;
		    right: 50px;
		    z-index: 602;
		    cursor: pointer;
		    transform: scale(0.75);
		}
		.box_m {
		  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);
		  
		  height: 4px;
		  background: var(--kolor-czarny);
		  transition: all .3s;
		  position: relative;
		}

		.box_m span + span {
		  margin-top: 10px;
		}

		.box_m .active span:nth-child(1) {
		  animation: ease .7s top forwards;
		  height: 5px;
		}

		.box_m .not-active span:nth-child(1) {
		  animation: ease .7s top-2 forwards;
		  background-color: var(--kolor-czarny);
		}

		.box_m .active span:nth-child(2) {
		  animation: ease .7s scaled forwards;
		  height: 5px;
		}

		.box_m .not-active span:nth-child(2) {
		  animation: ease .7s scaled-2 forwards;
		}

		.box_m .active span:nth-child(3) {
		  animation: ease .7s bottom forwards;
		  height: 5px;
		  margin-top: 6px;
		}

		.box_m .not-active span:nth-child(3) {
		  animation: ease .7s bottom-2 forwards;
		}

		@keyframes top {
		  0% {
		    top: 0;
		    transform: rotate(0);
		  }
		  50% {
		    top: 17px;
		    transform: rotate(0);
		  }
		  100% {
		    top: 17px;
		    transform: rotate(45deg);
		  }
		}

		@keyframes top-2 {
		  0% {
		    top: 8px;
		    transform: rotate(45deg);
		  }
		  50% {
		    top: 8px;
		    transform: rotate(0deg);
		  }
		  100% {
		    top: 0;
		    transform: rotate(0deg);
		  }
		}

		@keyframes bottom {
		  0% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		}

		@keyframes bottom-2 {
		  0% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		}

		@keyframes scaled {
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(0);
		  }
		}

		@keyframes scaled-2 {
		  0% {
		    transform: scale(0);
		  }
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(1);
		  }
		}

		.poziom_1,.poziom_2,.poziom_3,.poziom_4{
			display: none;
		}

		.arrow-icon {
			display: block;
			position: relative;
			cursor: pointer;
			border-radius: 2px;
			float: right;
			width: 50px;
			margin-top: 0px;
			height: 20px;
			display:none;
/*			transform: scale(0.5);*/
		}

		.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: 10px;
			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;
		}

		.sliderKolorow{
			position: absolute;
			width: 220px;
			border: 1px solid #f2f2f2;
			background-color: #fff;
			left: 80px;
		}

		.sliderKolorow:hover{
			overflow: none;
		}

		.sliderKolorow a{
			padding: 10px;
			display: block;
			width: 100%;
			color: var(--kolor-czarny);
		}
		.sliderKolorow ul.lista_kolorow{
			margin: 0px !important;
			list-style: none;
		}

		.sliderKolorow ul.lista_kolorow li{
			margin: 0px !important;
		}


		.sliderKolorow ul.lista_kolorow li:not(:first-child) {
			display: 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;

		}
		.sliderKolorow ul.lista_kolorow:hover li:not(:first-child) {
			display: block;
		}


	/** Menu mobilne **/

	/** 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: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

	#stopka .kol_40{
		width: 40%;
	}
	#stopka .kol_60{
		width: 60% ;
	}

	.koniec {
		clear: both;
	}
	.sukces,
	body.influ p.sukces,
	body.influ .sukces p {
		color: #78bd00;
		font-weight: 900;
	}
	.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: 16px;
		line-height: 24px;
	}

	.textCenter {
		text-align: center;
	}


	/** 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: var(--kolor-czarny);
			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: var(--kolor-czarny);
		    font-weight: 300;
		    width: 400px;
		    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;
			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;text-decoration:none;
		}
		.promocja_knt.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;text-decoration:none;
		}
		.promocja {
			display: 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;*/
		}
		.promocja_zawartosc {
			display: inline-block;
			max-width: 92vw;
			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;
			padding: 0px !important;
		}
		.promocja_zawartosc .wp-block-column img {
			max-width: 100% !important;
		}
	/** PROMOCJA **/


	/** TELEFON **/	
		.telefon_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;
			opacity: 0;
			pointer-events: none !important;
			-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;
		}
		.telefon_knt * {
			pointer-events: none !important;
		}
		.telefon_knt.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;text-decoration:none;
		}
		.telefon_knt.pokaz * {
			pointer-events: auto !important;
		}
		.telefon {
			display: 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;
		}
		.telefon_zawartosc {
			display: inline-block;
			max-width: 92vw;
			max-height: 80vh;
			margin: 9vh auto;
			box-shadow: none;
			width: auto;
			height: auto; 
			font-weight: 500;
			background-color: #fff;
			position: relative;
			border: 30px solid #ffffff; 
			max-width: 350px;
		}
		.telefon p {
			margin: 30px 0px 10px 0px;
			padding: 0px;
			font-weight: bold !important;
		}
		.telefon p strong {
			font-size: 20px;
		}
		.telefon img {
			max-width: 100%;
			margin: 0;
			max-width: 80vw;
			max-height: 70vh;
			width: auto;
			height: auto;
		}
		.telefon_zawartosc img.zamknij_telefon{
			cursor: pointer;
			position: absolute;
			z-index: 100;
			right: -50px;
			top: -50px;
			width: 40px;
			height: auto;
			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;
		}
		.telefon_zawartosc img.zamknij_telefon:hover {
			transform: rotate(90deg);
			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;
		}
		.telefon_zawartosc .formInput,
		.telefon_zawartosc .formBtn {
			display: block;
			text-align: center;
			width: 100%;
			filter: grayscale(100%);
		}
		.telefon_zawartosc .formBtn::after {
			display: none;
		}
		.telefon_zawartosc .formBtn:hover {
			filter: grayscale(0%);
		}
		.telefon_zawartosc a.formBtn {
			filter: grayscale(0%);
			font-size: 20px !important;
		}
		.telefon_zawartosc a.formBtn:hover {
			filter: grayscale(100%);
		}
		.telefon_zawartosc .regulaminInfo {
			font-size: 12px;
		}
		.telefon_btn {
			position: fixed;
			bottom: 20px;
			right: 20px;
			width: 75px;
			height: auto;
			transform: scale(0.9);
			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;
		}
		.telefon_btn:hover {
			transform: 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;
		}
	/** TELEFON **/

	/** SZUKAJ **/
		.md-virtual-repeat-container.md-autocomplete-suggestions-container {
			z-index: 601;
		}
 		body.influ .md-autocomplete-suggestions li {
			line-height: 30px;
			/*height: 36px;*/
			font-size: 14px;

    		position: relative;
		}
 		body.influ .md-autocomplete-suggestions li img {
 			display: block;
 			margin-right: 10px;
 			float: left;
 		}
 		body.influ .md-autocomplete-suggestions li strong.cena {
 			display: block;
 			position: absolute;
 			margin-left: 57px;
 			top: 20px;
 			font-family: var(--czcionka);
 		}
 		/*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);
 		}
 		md-progress-linear .md-bar {
 			background-color: var(--kolor-glowny);
 		}
 		.md-whiteframe-z1 {
 			box-shadow: none;
 		}
 		.wyszukiwarka_pokaz {
 			cursor: pointer;
 		}
 		.wyszukiwarka_pokaz.ukryj {
 			opacity: 0;
 			pointer-events: none;
 		}
 		.szukaj_knt_knt {
 			position: static;
 			margin-top: 2px;
/* 			margin-left: -282px;*/
 			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;
 			

 		}
 		.szukaj_knt_knt.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;
 		}
 		.szukaj_knt_knt input[type="search"]:focus {
 			outline: none;
 		}
		.szukaj_knt_knt md-content {
			overflow: hidden;
		}
		.szukaj_knt .cena .stara_cena{
			position: static !important;
		}
		.szukaj_knt {
			padding: 5px 15px 0px 5px;
			background-color: #fff;
			/* border-radius: 5px;*/
			font-size: 16px;
			line-height: 16px !important;
			width: auto;
			font-weight: bold;
			opacity: 0;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 10px), 100% 0%);
		}
		.szukaj_knt.pokaz {
			opacity: 1;
		}
		.szukaj_knt md-autocomplete {
			background-color: transparent;
		}
		.szukaj_knt md-content.md-default-theme, md-content {
			background-color: transparent;
			width: calc(100% - 40px);
			display: inline-block;
			padding-left: 0px;
			padding-bottom: 0px;
		}
		.szukaj_zobacz {
			float: right;
		}
		button.formBtnSzukaj,
		input.formBtnSzukaj {
			background-color: transparent;
			color: var(--kolor-czarny);
			padding: 0px 0px 0px 0px;
			display: inline-block;
			font-family: 'Poppins', sans-serif;
			font-size: 20px;
			margin-left: 10px;
			line-height: 20px;
			position: absolute;  
			margin: 5px 0px 0px 10px;
		}
		button.formBtnSzukaj:hover,
		input.formBtnSzukaj:hover {
			padding: 0px 0px 0px 0px;
			color: var(--kolor-glowny);
		}
		md-autocomplete,
		md-autocomplete input:not(.md-input){
		    line-height: 30px;
		    height: 30px;
		    font-weight: normal;
		}
		md-progress-linear {
			filter: grayscale(100%) !important;
		}
	/** SZUKAJ **/


	/** DODATKI **/

	.btn_black{
		display: inline-block;
		background-color: #fff;
		padding: 5px 20px;
		border-radius: 30px;
		margin: 0 auto;
		color: #000;
		border: 1px solid #000;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 13px;
		margin-top: 10px;
		margin-bottom: 50px;
	}

	.btn_black:hover{
		background-color:#000;
		color: #fff;
	}

	.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:var(--kolor-czarny)!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: var(--kolor-czarny);
		}
		.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover {
			background-color: #ddd;
			color: var(--kolor-czarny);
		}
		.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: 50px;
			line-height: 32px;
			width: 37px;
			height: 37px;
		}
		#ui-datepicker-div td.ui-datepicker-unselectable span {
			border-width: 0px;
			text-align: center;
			border-radius: 50px;
			line-height: 32px;
			width: 37px;
			height: 37px;
		}
		.ui-widget-header {
			border-radius: 50px;
			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 **/


	#myDropdownKolor{
		width: 260px !important;
		float: left;

	}
	.dd-select{
		width: auto !important;
		background-color: #fff !important;
		border: 2px solid #e6e6e6 !important;

	}
	.dd-options{
		width: 100% !important;
	}

	.dd-options li{
		margin: 0px;
	}

	.dd-option,
	.dd-selected{
		display: grid !important;
		grid-template-columns: 50px 1fr;
		align-items: center;
		padding: 0px 10px;

	}
	.dd-option img,
	.dd-selected img{
		width: 40px;
		height: 40px;
	}
	.dd-option label,
	.dd-selected label{
		line-height: 40px !important; 
		margin: 0px;
		font-size: 18px;
		font-weight: 500;
	}

	.dd-option-text,
	.dd-selected-text{
		color: var(--kolor-czarny);
		font-weight: 700;

	}


	.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: var(--kolor-czarny);
		}
	     .sp-megamenu-parent{font-family:Roboto, sans-serif; font-size:13px; font-weight:500; }
	     .uk-panel-title{font-family:Merriweather, 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: 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;
	}
	.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;
	}

	.bez_cienia, .bez_cienia * {
		box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
	}
	.wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.tlo_strona h1,
	.tlo_biale  h1 {
		font-size:48px;
		
	}
	.panel_formularza h1{
		background-color: #fff;
	}

	.tlo_strona .zawartoscStrony{
		padding: 50px !important;
  		margin: 0px auto !important;

  		max-width: 1200px;
	}

	#zawartosc .tlo_podstrony_info{
		background-color: #fff;
		margin-top: 10px !important;


	}

	.tlo_podstrony_info h1{
		font-size:34px;
		background-color: #f2f2f2;
/*		border-bottom: 1px solid var(--kolor-czarny);*/
		padding:20px 50px;
		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 50px) 100%, 100% calc(100% - 50px), 100% 0%);
	}

	.tlo_podstrony_info .wiersz {
		padding-top: 0px !important;
	}


	.mapa_iframe{
		width: 100%;
		margin-top: 50px;
		clip-path: polygon(0% 0%, 0% 101%, 101% 101%, 100% 50px, calc(100% - 50px) 0%);
	}



		
		#zawartosc ul.wpisy{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-column-gap: 50px;
			grid-row-gap: 60px;
			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;
		}

		#zawartosc 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;
		}


		#zawartosc ul.wpisy li aside div img{
			border-radius: var(--brrad);
		}
		#zawartosc ul.wpisy li h3{
			margin: 0px;
			font-size: 26px;
			margin-bottom: 10px;
			font-family: var(--czcionka2);
			text-align: left;
			color: var(--kolor-czarny);
			margin-top: 20px;
		}
		#zawartosc ul.wpisy li .ts{
			padding: 30px;

		}
		#zawartosc 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;
		}
		#zawartosc ul.wpisy li: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: scale(1.03);
			box-shadow: 0px 0px 50px var(--cien);
		}
		#zawartosc ul.wpisy li span{
			color: var(--jasnoszary) !important;
			font-size: 16px;
			font-weight: 900;
		}
		#zawartosc ul.wpisy li strong{
			color: var(--kolor-glowny);
			text-transform: uppercase;
			font-size: 18px;
			padding-left: 0px;
			padding-right: 5px;
			display: block;
			text-align: right;
			font-weight: 700;
		}
		#zawartosc ul.wpisy li:hover strong{
			padding-left: 5px;
			padding-right: 0px;
			color: var(--kolor-czarny);
		}
		#zawartosc ul.wpisy li p{
			font-size: 16px;
		}

		body.influ .tlo_strona li,
		body.influ .tlo_strona p {
			font-size: 18px;
			line-height: 1.6em;
 			color: var(--kolor-szary);
		}
		.blog_knt {
			display: grid;
			grid-template-columns: 1fr 20%;
			grid-gap: 0px;
		}
		body.influ .tlo_strona p.powrot {
			text-align: right;
			font-weight: 900;
		}
		body.influ .tlo_strona p.powrot a {
			padding-left: 5px;
			padding-right: 0px;
			cursor: pointer;
			text-transform: uppercase;
			font-size: 16px;
		}
		body.influ .tlo_strona p.powrot a:hover {
			padding-left: 0px;
			padding-right: 5px;
		}
		.blogMenu .offer-item {
			margin-bottom: 70px;
			padding-bottom: 50px;
		}
		.socials img {
			display: inline-block;
			filter: grayscale(100%);
			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;
			transform: scale(0.9);
		}
		.socials img:hover {
			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;
			transform: scale(1) rotate(5deg);
		}
		.tlo_koszyk  .formBtn {
			display: inline-block !important;
			font-weight: bold;
		}
		.cena_miesiac {
			color: var(--jasnoszary);
			font-size: 16px;
			text-transform: uppercase;
			clear: both;
			margin-bottom: 10px;
		}
		.cena_miesiac strong {
			color: var(--kolor-czarny);
			font-size: 20px;
			text-transform: none;
			font-weight: 900;
		}
		.wyniki_bmi {
			display: none;
		}
	 	ul, ol {
	 		margin: 0 0 2rem 1rem;
		}
		.inputTextBlad {
			color: #cc0000;
		} 
		.formBtn.wyslijZamowienie {
			text-transform: uppercase;
			margin-top: 27px;
		}
		#mobil_basket {
			position: relative;
			position: absolute;
			top: 50px;
			right: 50px;
			display: none;
			z-index: 602;
		}
		.opisKategoriiSEO1 {
			padding-top: 0px; 
			padding-bottom: 25px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.opisKategoriiSEO2 {
			padding-top: 50px; 
			padding-bottom: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.opisKategoriiSEO1 p,
		.opisKategoriiSEO2 p {
		    font-size: 14px !important;
		    line-height: 18px !important;
		    color: #595455 !important;
		}

		#adminmenu .wp-submenu{
			margin: 0px !important;
		}

		.lazyload {
			opacity: 0;
		}
		.lazyloaded {
			opacity: 1;
		}
		.koszyk_zawartosc {
			opacity: 0;		
		}
		.koszyk_zawartosc.pokaz {
			opacity: 1;
		}
		.wylacz_knt *,
		.wylacz_knt {
			filter: grayscale(100%) !important;
			pointer-events: none !important;
		}

		.wczytywanie_produktow {
			opacity: 0.5 !important;
			pointer-events: none !important;
		}
		.wczytywanie_produktow * {
			pointer-events: none !important;
		}
		.panel_klienta_knt {
			opacity: 0;
			pointer-events: none;
		}
		.panel_klienta_knt.pokaz {
			opacity: 1;
			pointer-events: auto;
		}
		.uppercase {
			text-transform: uppercase;
		}

		.blokada{
			pointer-events: none !important;
		}


	/*	SLIDER*/
		.ui-slider-cnt {
			padding-right: 14px;
		}
		.ui-corner-all {
			border-radius: 0px !important;
			border: none;
			background-color: #ddd;
		}
		.ui-widget-header,
		.ui-state-default, .ui-widget-content .ui-state-default {
			background-color: #656262;
			border: none;
			border-radius: 0px;
			cursor: pointer;
		}
		.ui-slider-horizontal {
			height: 4px;
		}
		.ui-slider .ui-slider-handle,
		.ui-slider-horizontal .ui-slider-handle {
			width: 13px;
			height: 14px;
			top: -5px;
			margin-left: 0px;
			-webkit-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; transition: 0s ease-in-out;
		}
		.filtr_cena_knt {
			display: grid;
			grid-template-columns: 1fr 1fr;
			margin-bottom: 0px;
		}
		.filtr_cena_knt span:last-child {
			text-align: right;
		}
	/*	SLIDER*/

	.ukryj_element {
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#opis_produktu p,
	#opis_produktu {
		position: relative;
	}
	#opis_produktu p iframe {
	  aspect-ratio: 16 / 9 !important;
	  width: 100% !important;
	  height: auto !important;
	}
	.tresc_index {
		padding: 50px 20px;
		background-color: #f5f5f5;
	}
	#zawartosc .tresc_index .tlo_podstrony_info{
		background-color: #f5f5f5;
	}
	.tresc_index h1,
	.tresc_index h2 {
		font-size: 36px;
		background-color: transparent;
		text-transform: none;
	}
	.tresc_index p {
		font-size: 18px !important;
	}
	.punkty_klienta_knt {
		margin: 30px 30px 10px 30px;
		padding: 5px 30px;
		border-bottom: 2px solid #ddd;
		background-color: #f6f6f6;
	}
	.punkty_klienta_knt strong,
	.punkty_klienta_knt h2 {
		color: var(--kolor-glowny);
	}
	.punkty_klienta_knt a:hover,
	.punkty_klienta_knt a:hover * {
		color: var(--kolor-czarny) !important;
	}
	.punkty_rabatowe_koszyk {
		background-color: #f2f2f2 !important;
	}
	.disabled {
		opacity: 0.75 !important;
		pointer-events: none;
	} 