@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
	
	fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

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

	:root {
	  --kolor-glowny: #272330;
	  --kolor-pomaranczowy: #eb5b48;
	  --kolor-granat: #002d62;
	  --kolor-ciemny: #222;
	  --kolor-czarny: #050505;
	  --kolor-bialy: #fff;
	  --kolor-szary: #333;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #999;
	  --czcionka: 'Montserrat', sans-serif;
	}

	:focus {
		outline: none;
	}

	/* WP core classes*/
		.wp-block-embed-youtube {
			position: relative;
			height: 400px;
		}
		.wp-block-embed-youtube:before {
			display: block;
			content: ' ';
			padding-top: 56.25%;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			min-height: 400px;
		}
		.editor-styles-wrapper p {
			line-height: 1em  !important;
			/*line-height: 1.5 !important;*/
		}
		.editor-post-title__block .editor-post-title__input,
		.editor-styles-wrapper .wp-block h1,
		.editor-styles-wrapper .wp-block h2,
		.editor-styles-wrapper .wp-block h3,
		.editor-styles-wrapper .wp-block h4,
		.editor-styles-wrapper .wp-block h5,
		.editor-styles-wrapper .wp-block h6,
		.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
		.editor-styles-wrapper cite,
		.editor-styles-wrapper figcaption,
		.editor-styles-wrapper .wp-caption-text {
			font-family: var(--czcionka);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka);
		}
		pre,
		pre *,
		code,
		code *,
		.block-editor-block-list__layout pre,
		.block-editor-block-list__layout pre *,
		.wp-block-html .block-editor-plain-text {
			font-family: 'Courier New', Consolas, monospace;
		}
		.wp-block {
			/*width: 80%;*/
			max-width: 80%;
		}
		.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-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-block-columns{
 		align-items: normal;
 	}

	h1,
	.h1 {
	 font-weight:300;
	 margin-bottom: 1.66667rem;
	 margin-top: 1.66667rem;
	}
	h2,
	.h2 {
	 font-weight:300;
	 margin-bottom: 1.66667rem;
	 margin-top: 1.66667rem;
	}
	h3,
	.h3 {
	 font-weight:300;
	 margin-bottom: 1.66667rem;
	 margin-top: 1.66667rem;
	}
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
	 font-weight:400;
	 margin-bottom: 1.66667rem;
	 margin-top: 1.66667rem;
	}

 
	
 	.tlo_transparentne h1, .block-editor-writing-flow h1 {
	 font-weight:300;
	 font-size:50px;
	 line-height:1.09em
 	}
 	.tlo_transparentne h2, .block-editor-writing-flow h2 {
	 font-weight:bold;
	 font-size:48px;
	 line-height:1.125em;
	 color: var(--kolor-glowny) !important;
	 text-transform: uppercase;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	 font-size:22px;
	 line-height:1.17em;
	 font-weight:600;
	 color:#8b8893 ;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4 {
	 font-size:24px;
	 line-height:1.2em;
	}
 	.tlo_transparentne h5, .block-editor-writing-flow h5
 	{
	 font-size:20px;
	 line-height:1.35em;
	}
 	.tlo_transparentne h6, .block-editor-writing-flow h6
 	{
	 font-size:18px;
	 text-transform: uppercase;
	 line-height:1.455em;
	}	


 	.tlo_transparentne.tlo_strona  h2, .block-editor-writing-flow h2 {
	 font-weight:bold;
	 font-size:36px;
	 line-height:1.125em;
	 color: var(--kolor-glowny) !important;
	 text-transform: none;
	}
 	.tlo_transparentne.tlo_strona  h3, .block-editor-writing-flow h3{
	 font-size:30px;
	 line-height:1.17em;
	 font-weight:600;
	 color: var(--kolor-glowny) !important;
	}
 	.tlo_transparentne.tlo_strona  h4, .block-editor-writing-flow h4 {
	 font-size:24px;
	 line-height:1.17em;
	 font-weight:600;
	 color: var(--kolor-glowny) !important;
	}
 	.tlo_transparentne.tlo_strona  h5, .block-editor-writing-flow h5
 	{
	 font-size:20px;
	 line-height:1.17em;
	 font-weight:600;
	 color: var(--kolor-glowny) !important;
	}
 	.tlo_transparentne.tlo_strona  h6, .block-editor-writing-flow h6
 	{
	 font-size:18px;
	 line-height:1.17em;
	 font-weight:600;
	 color: var(--kolor-glowny) !important;

	 text-transform: none;
	}




	a.btnImg{
		font-weight: 600;
		display: inline-block;
	}
	a.btnImg img{
		transform: scale(.95);
	}
	a.btnImg:hover img{
		transform: scale(1);
		filter: grayscale(100%);
	}

	p.btn a,
	.tlo_transparentne p.btn a,
	.block-editor-writing-flow  p.btn a{
      position: relative;
      display: inline-block;
      font-weight: 700;
      border: none;
      cursor: pointer;
      color: var(--kolor-czarny);
	}
	p.btn a:before,
	.tlo_transparentne p.btn a:before,
	.block-editor-writing-flow  p.btn a:before, 
	p.btn a:after,
	.tlo_transparentne p.btn a:after,
	.block-editor-writing-flow  p.btn a:after { 
      position: absolute;
      margin-top: -1px;
	  font-family: "Font Awesome 5 Free";
	}
	p.btn a:after,
	.tlo_transparentne p.btn a:after,
	.block-editor-writing-flow  p.btn a:after { 
		content: "\f054";
		margin-left: .5vw;
	}
	p.btn a:before,
	.tlo_transparentne p.btn a:before,
	.block-editor-writing-flow  p.btn a:before { 
		display: none;
	}
	p.btn a:hover,
	.tlo_transparentne p.btn a:hover,
	.block-editor-writing-flow  p.btn a:hover{
      padding: 0px .5vw 0px .5vw;
      color: var(--kolor-glowny);
	}


	.tlo_transparentne p.btn.powrot,
	.block-editor-writing-flow  p.btn.powrot{
		text-align: right;
      /*padding: 0px 3vw 0px 1vw;*/
	}
	.tlo_transparentne p.btn.powrot a,
	.block-editor-writing-flow  p.btn.powrot a {
      padding: 0px 0vw 0px 1vw;
      color: var(--kolor-czarny);
	}
	.tlo_transparentne p.btn.powrot a:hover,
	.block-editor-writing-flow  p.btn.powrot a:hover {
      padding: 0px .5vw 0px .5vw;

      color: var(--kolor-pomaranczowy);
	}
	.tlo_transparentne p.btn.powrot a:after,
	.block-editor-writing-flow  p.btn.powrot a:after { 
		display: none;
	}
/*	.tlo_transparentne p.btn.powrot a:before,
	.block-editor-writing-flow  p.btn.powrot a:before {
		display: block;
		content: "\f053";
		margin-left: -0.85vw;
	}
*/


	.tlo_transparentne p.btn.telefon a:before,
	.block-editor-writing-flow.telefon  p.btn a:before { 
		content: "\f095";
		margin-left: -1.1vw;
	}
	.tlo_transparentne p.btn.telefon a,
	.block-editor-writing-flow.telefon  p.btn a,
	.tlo_transparentne p.btn.email a,
	.block-editor-writing-flow.email  p.btn a {
		text-transform: none;
		line-height: normal;
	}
	.tlo_transparentne p.btn.email a:before,
	.block-editor-writing-flow.email  p.btn a:before { 
		content: "\f303";
		margin-left: -1.1vw;
	}
	p.btnIdx {
		text-align: center;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	h1, h2.ngh1, .heading-size-1 {
	    font-size: calc(36px + 1vw);
		color: #000;
		margin: 0;
		margin-top: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		text-transform: uppercase;

	}
	
	.czcionka {
		font-family: var(--czcionka) !important;
	}

	body.influ {
		font-family: var(--czcionka);
		color: var(--kolor-ciemny);
		/*width: 100%;*/
		/*overflow-x: hidden;*/
		/*max-width: 2000px;*/
		/*margin: auto;*/

		max-width: 2000px;
	}
	body.influ p {
		margin-bottom: 18px;
	}
	body.influ p,
	body.influ li,
	body.influ table td,
	body.influ table th {
		font-family: var(--czcionka);
		color:#242019;
		font-size: 16px;
		line-height: 1.6;
		font-weight: 500;

		/*line-height: calc(28px + 0.3vw);*/
		/*font-size: 1.3vw;*/
	}
	body.influ {
		margin: 0px;
		padding: 0px;
		color: #000;
		width: 100%;
		max-width: 100vw;
		/*overflow-x: hidden;*/
		background-color: #fff;
		font-weight: 400;
		height: auto;
		/*position: absolute;*/
		background-position: right top;
		background-image: url('../img/s/tlo_zawartosc_012.webp');
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-color: #fff;
		max-width: 2000px;
		margin: 0 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.5;*/
	}
	#ladowanie {
		text-align: center;
		background-color: #000509;
		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;*/
		/*display: none;*/
	}
	#ladowanieZawartosc img{
		width:80px;
		height: auto;
	}
	#ladowanieZawartosc {
		padding-top: 175px;
	}
	#ladowanieZawartosc img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	body.influ a, a * {
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		text-decoration: none;
	}
	body.influ a:hover, a:hover * {		
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		text-decoration: none !important;
		text-decoration-color: transparent;
	}
	a:not(button):hover, a:not(button).active {
		color: var(--kolor-pomaranczowy);
	}

	.wp-block-column {
	    margin: 1vw;
	    position: relative;
	}
	.wp-block-gallery img, .wp-block-image img{
		/*border-radius: 10px;*/
	}
	.wp-block-gallery a, .wp-block-image a{
		border-bottom: none !important;
	}
	.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 **/
		#menuMobilne{
			display: none;
		}	
		#menu_mobil {
			display:none;
		}
		#glowny_naglowek_knt {
			display: block;
			position: relative;
			z-index: 601;
			width: 100%;
			margin: 0px;
			padding: 0px;
			max-width: 100vw;
			-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;

		}
		#menuStrGlowna {
		    /*overflow: hidden;*/
		    display: grid;
		    grid-template-columns: 443px 1fr 450px;
			-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: 1vw 2vw;
			align-items: baseline;
		}
		.zIndex400{
			z-index: 400 !important;
		}

		.kontakt_box{
			background-size: cover;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 310px;
			padding: 20px;
			z-index: 3;
		}


		ul.menuGlowne{
			list-style: none;
			margin: 60px 20px 0px 20px;
			padding-left: 0px;
			/*overflow: hidden;*/
			width: auto;
			display: inline-block;
			float: left;
			/*padding: 4.25vw 2vw 0vw 0vw;*/
			-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;

			position: static;
			left: 0;
			right: 0;
			margin-left: auto;
			max-width: 800px;
			margin-right: auto;
			float: right;
		}
		ul.menuGlowne li{
			float: left;
			position: relative;
			/*margin-right: 20px;*/
		}



		ul.menu_social li.poz_ico{
			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;
		}
		ul.menu_social li.poz_ico: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;
		}

		ul.menuGlowne li a{
			color: #fff;
			font-size: 18px;
			line-height: 22px;
			/*padding: 10px 10px 5px 10px;*/
			display: block;
			cursor: pointer;
			letter-spacing: 1px;

			text-align: center;
			padding: 10px 25px 10px 25px;
			
			border: 0px;

			background-repeat: no-repeat;
			background-size: 0px;
			font-weight: 600;
			text-transform: uppercase;

		}

		ul.menu_social{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		ul.menu_social li {
			list-style: none;
		}
		ul.menu_social li.poz_ico a{
			color: #fff;
			font-size: 18px;
			line-height: 30px;
			display: block;
			cursor: pointer;
			padding: 0px 15px 5px 5px;
			text-align: left;
			
			border: 0px;
			color: var(--kolor-glowny);
			background-repeat: no-repeat;
			background-size: 0px;
			font-weight: 700;

			display: grid;
			grid-template-columns: 70px 1fr;
			align-items: center;
			clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%);
			/*			background: linear-gradient(30deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.75) 100%);*/
			background-size: 300% 100%;
		}

		ul.menu_social li.poz_ico a img{
			width: 100%;
		}
		ul.menu_social li.poz_ico a:hover{
			color: var(--kolor-pomaranczowy);
			/*			background: linear-gradient(30deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.75) 100%);*/
			background-size: 100% 100%;
			text-shadow: 1px 1px 2px rgba(255,255,255,0.75);
		}
		ul.menu_social li.poz_ico a:hover img{
			filter: grayscale(0%);
			transform: scale(1.05);
		}





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

			background-size: 100%;
			/*opacity: 0.75;*/
			/*padding: 5px 0px 5px 10px;*/
		}



		ul.menuGlowne li.poz_fa {
			/*width: 50px;*/
			margin: 0.5rem 0 0 2rem;
		}
		ul.menuGlowne li.poz_fa:first-child {
			/*margin: 0.5rem 0 0 2rem;*/
		}
		ul.menuGlowne li.poz_fa a:hover{
			color: var(--kolor-ciemny);
			/*transform: scale(1.1) rotate(-2deg);*/
			transform: scale(1.1);
		}
		ul.menuGlowne li.poz_fa a:hover i{
			color: var(--kolor-czarny);
		}
		ul.menuGlowne li ul{
			/*display: none;*/
			position: absolute;
			left: 0px;
			list-style: none;
			background-color: var(--kolor-bialy);
			z-index: 999;
			width: 280px;
			margin: 0px 5px;
			/*padding: 40px 0px 20px 0px;*/
			padding: 0px;
			/*transform: skewX(-30deg);*/
			transform-origin: top left;
			opacity: 0;
			pointer-events: none;
			transform: translate(0px, 10px);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.04);

			clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%);
		}
		/*ul.menuGlowne li ul{*/
		ul.menuGlowne li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 1;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		ul.menuGlowne li ul li{
			width: 100%;
			margin:0px;
			padding: 5px 10px 5px 10px;
			/*border: 1px solid #cc0000;*/
		}
		ul.menuGlowne li ul li:first-child{
			padding: 45px 30px 5px 30px;
		}
		ul.menuGlowne li ul li:last-child{
			padding: 5px 30px 25px 30px;
		}
		ul.menuGlowne li ul li .material-icons{
			font-size: 17px;
			color: var(--kolor-szary);
			float: right;
			display: inline-block;
			margin-top: 4px;
		}

		ul.menuGlowne li ul li a{
			display: inline-block;
			font-size: 15px;
			line-height: 17px;
			text-transform: none;
			letter-spacing: 0px;
			color: #fff;
			/*font-weight: bold;*/
			color: var(--kolor-szary);
			padding: 5px 15px;
			text-align: left !important;
		}

		ul.menuGlowne li ul li a:hover{
			background: rgba(255,255,255,1);
			color: var(--kolor-pomaranczowy);
			/*padding: 5px 15px 5px 25px;*/
			opacity: 1;
		}
		ul.menuGlowne li ul li a span {
			display: block;
			transform: skewX(30deg);
		}
		ul.menuGlowne li ul li ul{
			left: 240px;
			top: -10px;
			/*padding: 20px 0px 20px 0px;*/
			padding: 0px;
		}
		ul.menuGlowne li ul li:first-child{
			padding: 25px 10px 5px 10px;
		}
		ul.menuGlowne li ul li:last-child{
			padding: 5px 10px 25px 10px;
		}
		ul.menuGlowne li ul li:only-child{
			padding: 25px 30px 25px 30px;
		}
		ul.menuGlowne li.jezyki a {
			font-size: 13px;
			text-transform: uppercase;
		}
		ul.menuGlowne li.jezyki a img {
			/*filter: grayscale(100%);*/
			box-shadow: 0px 0px 1px rgba(0,0,0,1);
		}
		ul.menuGlowne li.jezyki a:hover img {
			/*filter: grayscale(0%);*/
		}
		ul.menuGlowne li.jezyki ul{
			background-color: transparent;
			padding-left: 0px;
			padding-right: 0px;
			margin: 0px;
		}
		ul.menuGlowne li.jezyki ul a{
			color: #fff;
			padding: 0px;
		}
		ul.menuGlowne li.jezyki ul a:hover{
			background-color: transparent;
		}
		ul.menuGlowne li.jezyki ul li:first-child{
			padding: 10px 0px 10px 0px;
		}
		ul.menuGlowne li.jezyki ul li:last-child{
			padding: 10px 0px 10px 0px;
		}
		ul.menuGlowne li.jezyki ul li:only-child{
			padding: 10px 0px 10px 0px;
		}

		.tooltip {
		  position: relative;
		  display: inline-block;
		}

		.tooltip .tooltiptext {
		  visibility: hidden;
		  width: 220px;
		  background-color: black;
		  color: #fff;
		  text-align: center;
		  border-radius: 6px;
		  padding:3px 10px;
		  font-size: 14px;
		  line-height:  1.2em;

		  /* Position the tooltip */
		  position: absolute;
		  z-index: 1;
		  right: 0px;


		}

		.tooltip:hover .tooltiptext {
		  visibility: visible;
		}

		.menuStatyczne{
			position: static;
		}
		.cien {
			box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		#glowny_naglowek {
			/*display: none;*/
			position:fixed;
			top: -500px;
			width: auto;
			padding: 0px 2vw;
			background-size: cover;
			width: 100%;
			z-index: 1;
		}

		#glowny_naglowek.zawsze {
			top: 0px !important;
		}
		#logo {
			float: left;
			padding:20px;
		/*	width: 18.65vw;*/
		}
		.odstep{
			height: 0px;
		}


		.menuKontakt {
			display: grid;
			grid-template-columns:  1fr 1fr;
			grid-template-rows: 1fr;
			grid-column-gap: 0px;
			grid-row-gap: 0px; 
			background-color: rgba(0,0,0,0.6);
			padding: 0px 2vw;
		}
		.menuKontakt .menuDiv1 { grid-area: 1 / 1 / 2 / 2; overflow: hidden;}
		.menuKontakt .menuDiv1 a{ float:left; }
		.menuKontakt .menuDiv2 { grid-area: 1 / 2 / 2 / 3; overflow: hidden; }
		.menuKontakt .menuDiv2 a{ float:right; }

		.menuKontakt a{
			color:rgba(255,255,255,0.6);
			font-size: 	12px;
			padding:5px 10px;
		}

		.menuKontakt a svg{
			font-size: 18px;
			padding-right: 3px;
		}
		.menuKontakt a:hover{
			color:rgba(255,255,255,1);
		}
		input.formInputSzukaj {
			color:rgba(255,255,255,0.6);
			font-size: 	12px;
			line-height: 12px;
			padding: 9px 10px 5px 0px;
			background-color: transparent;
			border: none;
			font-family: var(--czcionka);
			width: 150px;
			display: inline-block;
		}
		input.formBtnSzukaj {
			font-size: 18px;
			padding:5px 10px;
			background-color: transparent;
			border: none;
			cursor: pointer;
		}
		.logo_knt {
			display: block;
			padding: 0px;
			position: static;
			text-align: right;
		}
		#logoGlowne{
			transition: 0.2s ease-in-out;
			width: auto;
			height: auto;
			padding: 0px 0px 40px 20px;
		}
		.menu_jezykow {
			/*position: absolute;*/
			position: fixed;
			z-index: 602;
			right: 0px;
			top:  0px;
			background-color: var(--kolor-czarny);
			/*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%);*/
		}
		.menu_jezykow ul {
			padding: 0px 0px 0px 20px;
			margin: 0px;
		}
		.menu_jezykow ul li {
			list-style: none;
			padding: 1vw;
			margin: 0px;
			display: inline-block;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
		}
		.menu_jezykow ul li img {
			display: inline-block;
			padding-bottom: 3px;
		}
		.menu_jezykow ul li a {
			color: var(--kolor-czarny);
		}
		.menu_jezykow ul li a:hover {
			color: var(--kolor-glowny);
		}
		.menu_kontakt {
			background-color: var(--kolor-bialy);
			width: 28vw;
			height: 7.65vw;
			margin-top: -7.65vw;
			position: absolute;
			z-index: 300;
			right: 0px;
			text-align: right;
			overflow: hidden;
			/*clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);*/
		}
		.menu_kontakt ul {
			padding: 2vw;
			margin: 0px;
		}
		.menu_kontakt ul li {
			margin: 0px;
			list-style: none;
			font-size: 1vw;
			font-weight: bold;
			margin-bottom: 1.5vw;
			color: var(--kolor-czarny);
		}
		.menu_kontakt ul li a {
			padding: 0px 5px 0px 5px;
			color: var(--kolor-czarny);
		}
		.menu_kontakt ul li a i {
			margin-left: 2vw;
			margin-right: 1vw;
			color: var(--kolor-glowny);
		}
		.menu_kontakt ul li a:hover {
			padding: 0px 0px 0px 10px;
			color: var(--kolor-glowny);
		}



		#glowny_naglowek_knt.floating {
			background-position: center -10vw;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		#glowny_naglowek_knt.floating #menuStrGlowna {
			grid-template-columns: 26vw 1fr;
		}
		#glowny_naglowek_knt.floating #menuStrGlowna .logo_knt {
			padding-top: 0px;
			padding-bottom: 0px;
			/*clip-path: polygon(0% 0, 100% 0%, 86% 100%, 0 100%);*/
			background-color: #f1f1f1;
		}
		#glowny_naglowek_knt.floating #menuStrGlowna #logoGlowne {
			width: 15vw;
		}
		#glowny_naglowek_knt.floating ul.menuGlowne {
			padding-top: 1.4vw;
			padding-right: 10vw;
		}
		#glowny_naglowek_knt.floating .kreska.kmenu {
		    top: -5vw;
		    left: -6.5vw;
		}
		.menu_jezykow.floating {
			/*position: fixed;*/
			/*top: -0.5vw;*/
		}
		.menu_jezykow.floating ul li {
			/*padding: 0vw 1vw 0vw 1vw;*/
			/*font-size: 12px;*/
		}

		.kreska {
			position: absolute;
			width: 100%;
			left: 0px;
			right: 0px;
			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;
		}
		.kreska.kmenu {
			top: 1vw;
			z-index: 601;
		}
		.kreska.koferta {
			bottom: -1.5vw;
			z-index: 301;
		}
		.kreska.kstopka {
			bottom: 1.5vw;
			z-index: 301;
		}
		.kreska.kkontakt {
			top: -9.5vw;;
			z-index: 301;
		}
		.kreska.kkontaktidx {
			top: 42.5vw;;
			z-index: 301;
		}
	/** HEADER **/

	/** MAIN **/
		

		/** strona główna **/

			.ozdobnik{
				position: absolute;
				z-index: 590;
				mix-blend-mode: multiply;
				pointer-events: none;
				border-radius: 5px;
			}


			.ozdobnik01{
				bottom: -150px;
				z-index: 2;
				right: 0px;
				opacity: 0.6;
   			    transform-origin: top right;
			}
			.ozdobnik02{
				top: -5vw ;
				right: 0vw;
				z-index: 1;
			}
			.ozdobnik03{
				top: -5%;
				right: -6%;
			}
			.ozdobnik04{
				bottom: -10%;
				left: 0%;
			}

			.tlo_szary {
				position: relative;
				/*height: 100vh;*/
				overflow: hidden;
			}

			.film {
				position: relative;
				height: 45vw;
			}
			#glowny_film {
				width: 90vw;
				height: 45vw;
				left: 5vw;
				right: 5vw;
				overflow: hidden;
				position: absolute;
				clip-path: polygon(0% 0%, 85% 0%, 100% 10%, 100% 90%, 85% 100%, 15% 100%, 0% 85%, 0% 10%);
				z-index: 2;
				max-width: 2000px;
			}
			#glowny_film video {
				width: 90vw;
				box-shadow: 10px 10px 35px rgba(0,0,0,0.3);
				margin-top: -3vw;
			}
			.film_cien {
				position: absolute;
				bottom: -4vw;
				z-index: 1;
				width: 100%;
			}

		
			.baner_pozycja{
				position: relative;
				margin-top: -50px;
			}
			.baner_pozycja .banerTlo .item{
				width: 70%;
				margin-left: 30%;
			}


			.baner_pozycja .baner {
				position: absolute;
				top: 0px;
			}
			.baner_pozycja .baner .item{
				background-image: url('../img/tlo_napisu_baneru_03.webp');
				background-size: cover;
				background-position: right top;
				height: 80vh;
				width: 50%;
				display: flex;
				align-items: center;
				padding: 10vw;
				margin-top: 2vw;
			}


			.baner_pozycja .baner .item h2{
				font-weight: 800;
				font-size: 4.2vw;
			}

			.baner_pozycja .baner .item p{
				font-weight: 600;
				color: #fff;
				font-size: 1.3vw;
			}

		

			.tlo_transparentne.tlo_tekst .tresc80{
				margin-right: 30%;
				padding: 5vw 5vw 0vw 5vw;
			}


			.tlo_transparentne.tlo_onas{
				margin-top: 10%;

			}
			.tlo_transparentne.tlo_onas .onas_szablon{
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 5vw;
				
			}

			.tlo_transparentne.tlo_onas .onas_szablon h2{
				text-align: right;
				margin-top: 0px;
				font-size: 65px;
			}

			.tlo_transparentne.tlo_powstawanie{
				padding: 10%;
				margin: 5%;
				background-size: cover;
				border-radius: 5px;


			}
			.tlo_transparentne.tlo_powstawanie .jak_szablon{
				display: grid;
				grid-template-columns: 1.2fr 0.8fr;
				gap: 5vw;
				
			}

			.tlo_transparentne.tlo_powstawanie .jak_szablon p{
				color: #fff !important;
/*				text-align: justify;*/
			}
			.tlo_transparentne.tlo_powstawanie .jak_szablon h2{
				text-align: left;
				margin-top: 0px;
				color: #fff !important;
				font-size: 65px;
			}
			.tlo_transparentne.galeria_str h2{
				font-size: 65px;
			}



			.tlo_transparentne.tlo_nasze_meble .meble_szablon{
				position: relative;
			}


			.tlo_transparentne.tlo_nasze_meble .meble_szablon .sliderRealizacji{
				position: relative;
				z-index: 1;
				width: 55%;
				border-radius: 5px;
				overflow: hidden;
			}

			.tlo_transparentne.tlo_nasze_meble .meble_szablon .mable_tresc{
				position: absolute;
				z-index: 2;
				background-color: #fff;
				margin: 8% 0px;
				padding: 8% 5%;
				top: 0;
				left: 45%;

				border-radius: 5px;
			}
			.tlo_transparentne.tlo_nasze_meble .meble_szablon .mable_tresc h2{
				margin-top: 0px;
				padding-top: 0px;
				font-size: 65px;
			}

			.galeria_str{
				position: relative;
				text-align: center;
			}
			.parent {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				grid-template-rows: repeat(2, 1fr);
				grid-column-gap: 50px;
				grid-row-gap: 50px;

				height: 40vw;
			}

			.parent .zdj{
				display: block;
				background-size: cover;
				background-position: center center;
				border-radius: 5px;
			}

			.div1 { grid-area: 1 / 1 / 3 / 3; }
			.div2 { grid-area: 1 / 3 / 2 / 4; }
			.div3 { grid-area: 1 / 4 / 2 / 5; }
			.div4 { grid-area: 2 / 3 / 3 / 4; }
			.div5 { grid-area: 2 / 4 / 3 / 5; } 

			.linkKolo{
				background: transparent;
				border: 0;
				position: absolute;
				bottom: 20px;
				right: 20px;
				background-image: url('../img/kolo_btn_38.png');
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 25px;
				font-size: 30px;
				overflow: hidden;
			}
			.linkKolo span{
				float: left;
			}
			.linkKolo i{
				float: left;
				margin-left: 10px;
				line-height: 45px;
			}
			.linkKolo:hover{
				background-color: transparent;
				color: var(--kolor-glowny);

				padding-right: 20px;

			}


		



			.tlo_transparentne.tlo_oferta{
				overflow: hidden;
				z-index: 2;
				margin-top: 0px;
			}

			ul.nasza_oferta{
				list-style: none;
				margin: 0px;
				padding: 0px;
				display: grid;
				grid-template-columns: 1fr 1fr 1fr 1fr;
			}
			ul.nasza_oferta li{
				list-style: none;
				margin: 0px;
				padding: 0px;
				background-color: #000;
			}

			ul.nasza_oferta li img{
				opacity: 0.5;
			}
			ul.nasza_oferta li a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;


				-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.nasza_oferta li a aside{
				position: absolute;
				bottom: 12%;

				width: 100%;
				padding: 0% 12%;
				height: 40%;
				z-index: 11;

			}
			ul.nasza_oferta li a:before{
				display: block;
				content: ' ';
				width: 1vw;
				height: 10vw;
				position: absolute;
				z-index: 10;
				background-image: url('../img/oferta_ozd_03.jpg');
				background-size: 100% 100%;
				bottom: 2vw;

				-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.nasza_oferta li a:hover:before{
				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.nasza_oferta li a aside h3{
				color: #fff;
				font-size: 2.5vw;
				font-weight: 700;
				margin: 0px !important;
			}

			.tlo_transparentne.tlo_kontakt{
				background-image: url('../img/s/tlo_formularz_20.webp');
				background-size: 100% auto;
				background-repeat: no-repeat;
				background-position: center center;
			}

			.formularzIndex{
				/*padding: 10vw;
				padding-right: 40vw;*/
				padding: 10%;
				padding-right: 40%;
			}

			.formularzIndex h2{
				color: #fff !important;
				margin-bottom: 0px !important;
			}
			.formularzIndex h3{
				color: #adabb3  !important;
				margin-top: 0px !important;

			}

			.formularzIndex form#formularz_mail{
				padding-right: 10vw;
			}
			.formularzIndex input.formInput,
			.formularzIndex textarea.formInput{
				background-color: #fff;
				font-weight: 500;
				width: calc(100% - 42px);
				height: 30px;
				line-height: 30px;

				clip-path: polygon(0% 0%, 100% 0%, 100% 35px, calc(100% - 40px) 100%, 0% 100%);
			}

			.formularzIndex .btnHexKnt {
				text-align: right;
			}



			.formularzIndex .checkboxy {
				overflow: hidden;
				display: block;
				margin-bottom: 10px;
				margin-top: 10px;
			}
			.formularzIndex .checkboxy span{
				float: left;
				padding-right: 25px;
				color: #adabb3 ;
				margin: 0px;
				font-size: 18px;
			}
			.formularzIndex .checkboxy label{
				float: left;
				padding-right: 25px;
				color: #fff;
				margin: 0px;
				font-weight: 600;

				font-size: 18px !important;
				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;
			}
			.formularzIndex .checkboxy label:hover{
				color: var(--kolor-pomaranczowy);
				-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;
			}
			.formularzIndex input[type='checkbox']{
				display: none;
			}
			.formularzIndex .checkboxy .fa-check-square{
				color: var(--kolor-pomaranczowy);
			}

			.formularzIndex .regulaminInfo {
			  padding: 5px 20px;
			  font-size: 14px !important;
			  line-height: 18px !important;
			  color: #adabb3 !important;
			}
			.formularzIndex .regulaminInfo span a{
			  color: #adabb3 !important;
			}
			.formularzIndex .regulaminInfo span a:hover{
				color: var(--kolor-pomaranczowy);
				
			}


			.tlo_transparentne.tlo_dlatego h2{
				text-align: center;
			}
			.tlo_transparentne.tlo_dlatego{
				padding: 0px 7vw;
			}

			.tlo_transparentne.tlo_dlatego .parent {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				grid-column-gap: 0px;
				grid-row-gap: 0px;
				margin-top: 50px;
			}

			.tlo_transparentne.tlo_dlatego .parent .div1 { grid-area: 1 / 1 / 2 / 2; }
			.tlo_transparentne.tlo_dlatego .parent .div2 { grid-area: 2 / 1 / 3 / 2; }
			.tlo_transparentne.tlo_dlatego .parent .div3 { grid-area: 1 / 2 / 3 / 3; }
			.tlo_transparentne.tlo_dlatego .parent .div4 { grid-area: 1 / 3 / 2 / 4; }
			.tlo_transparentne.tlo_dlatego .parent .div5 { grid-area: 2 / 3 / 3 / 4; }



			.tlo_transparentne.tlo_dlatego .parent h4 {
				text-transform: uppercase;
				font-weight: 600;
				margin: 0px;
				font-size: 22px;
			}
			.tlo_transparentne.tlo_dlatego .parent .div1 { margin-top: 50px; text-align:right; }
			.tlo_transparentne.tlo_dlatego .parent .div2 {  text-align:right;}
			.tlo_transparentne.tlo_dlatego .parent .div3 { }
			.tlo_transparentne.tlo_dlatego .parent .div4 { margin-top: 50px; }
			.tlo_transparentne.tlo_dlatego .parent .div5 { }




			.tlo_transparentne.tlo_social{
				padding: 2vw;
				text-align: center;
			}

			.tlo_transparentne.tlo_social span{
				text-transform: uppercase;
				font-size: 14px;
				font-weight: 300;
				line-height: 40px;
				margin: 0px 20px;
			}

			.tlo_transparentne.tlo_social a{
				font-size: 36px;
				line-height: 40px;
				margin: 0px 20px;
			}
		/** strona główna **/

		.floatingStr{
			/*background-color: #000 !important;*/
		}
		.floatingStr #logoGlowne{
			position: absolute;
			left: 0px;
			top: 0px;
			background-color: #fff;
			padding: 1.5vw 3vw 3vw 3vw;
			width: 28vw;
			height: auto;
		}

		.banerRezerwacji.banerKoszyk{
			height: 270px;
		}
		.banerRezerwacji .naglowekSTR {
		   text-align: left;
			font-size: 4.5vw;
			text-transform: none;
			font-weight: 600;
			width: 100%;
			padding-left: 5vw;
			padding-bottom: 5vw;
		}
		#form_rezerwacjiStr{
			margin-top:50px;
		}
		#form_rezerwacjiStr .form_flexStr{
			display:grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-column-gap:10px;
			margin: 0px 15vw;	
		}

		#form_rezerwacjiStr label{
			text-align:center;
		}
		#form_rezerwacjiStr label.title{
			text-transform:uppercase;
			text-align:center;
			color: #fff;
			font-weight: 300;
			letter-spacing: 1px;
		}
		#form_rezerwacjiStr input.formInput {
			padding: 10px 45px 10px 10px;
		    border: 1px solid #fff;
		    border-radius: 10px;
		    color: var(--kolor-glowny);
		    font-size: 18px;
		    font-weight: 400;
		    border-radius: 40px;
		    text-align: center;
		    font-weight: 700;
		    color: #000;
		    background-color: #fff;
		    opacity: 0.8;
	 }
	 #form_rezerwacjiStr input.kalendarz{
		 cursor: pointer;
		 background-image:url('../img/kalendarz.png');
		 background-position: 90% center;
		 background-repeat: no-repeat;
	 }
	 #form_rezerwacjiStr input.osoby{
		 cursor: pointer;
		 background-image:url('../img/osoby.png');
		 background-position: 90% center;
		 background-repeat: no-repeat;
	 }
	 #form_rezerwacjiStr input.btnRez{
		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);
		color: #fff;
		text-transform:none;
		border-radius: 40px;
		text-align:center;
		opacity: 0.8;
		font-weight: 500;
		font-size: 18px;
		padding: 10px;
		width: 100%;
		border: 1px solid #fff;
		display: inline-block;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		font-family: var(--czcionka);
		text-transform: uppercase;
	}

	#form_rezerwacjiStr input.btnRez:after{
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		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;
	}

	#form_rezerwacjiStr input.btnRez:hover{
		text-decoration: none;
		background-color: #fff;
		color: var(--kolor-glowny);
		background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=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;
		opacity: 1;
	}
	.osoby_pokoje_overlay {
		position: fixed;
		display: none;
		z-index: 609;
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(0,0,0,0.4);
		/*backdrop-filter: blur(6px);*/
	}
	.osoby_pokoje {
		display: none;
		position: absolute;
		background-color: #fff;
		border-radius: 10px;
		z-index: 610;
		box-shadow: 0px 0px 75px rgba(0,0,0,0.3);
		padding: 15px;
		width: 325px;
		background-color: #f2f2f2;
		margin-top: 5px;
	}
	.osoby_pokoje_knt {
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 400px;
		margin-bottom: 15px;
		background-color: #fff;
		border-radius: 10px;
		padding: 15px;
	}

	.op_pokoj {
		/*padding-right: 10px;*/
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd;
		/*margin-bottom: 10px;*/
		text-align: left;
	}
	.op_pokoj p {
		font-size: 12px;
		font-weight: bold;
		color: #666;
		text-transform: uppercase;
	}
	#form_rezerwacjiStr .osoby_pokoje label,
	.div_label {
		display: block;
		clear: both;
		/*padding-bottom: 10px;*/
		text-align: left;
		line-height: 32px;
		font-size: 14px;
	}
	#form_rezerwacjiStr .osoby_pokoje input {
		width: 32px;
		margin-left: 0px;
		padding: 5px 5px 5px 5px;
		font-size: 17px;
		font-weight: bold;
		/*float: right;*/
		text-align: center;
		display: inline-block;
		border: none;
	}
	#form_rezerwacjiStr .osoby_pokoje input.ilosc_pokoji {
		float: none;
		display: inline-block;
		/*margin-left: 5px;*/
		background-color: #f2f2f2;
	}
	input::-webkit-inner-spin-button.bez_kontrolek, 
	input::-webkit-outer-spin-button.bez_kontrolek { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}
	input[type=number].bez_kontrolek {
	  -moz-appearance: textfield;
	}
	.numberNav_knt {
		float: right;
	}
	button.numberNav {
		padding: 0px !important;
		margin-top: 0px !important;
		width: 20px;
		line-height: 9px;
		border: none;
		height: 20px;
		font-size: 12px;
		display: inline-block;
		/*float: right;*/
	}
	button.numberNav2 {
		font-size: 16px;
		margin-top: 0px !important;
		line-height: 27px;
		height: auto;
	}
	button.zaokraglenie_prawa {
		/*border-radius: 0px 25px 25px 0px;*/
		border-radius: 25px;
	}
	button.zaokraglenie_lewa {
		/*border-radius: 25px 0px 0px 25px;*/
		border-radius: 25px;
	}

	.op_info {
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		padding-bottom: 10px;
		color: var(--kolor-glowny);
	}
	.op_info.kalinfo {
		display: inline-block;
	}
	#form_rezerwacjiStr .osoby_pokoje label.ilosc_pokoji_lb {
		display: inline-block;
	}
	.op_btn {			
		display: inline-block;
		padding: 3px 25px;
		border-radius: 25px;
		cursor: pointer;
		color: #fff;
		font-weight: bold;
		background-color: var(--kolor-glowny);
		float: right;
	}
	.op_btn:hover {	
		background-color: #333;
	}		
	.kalendarz_oddo {
		/*display: none;*/
		position: absolute;
		margin-top: -1000px;
		background-color: #fff;
		border-radius: 10px;
		z-index: 610;
		box-shadow: 0px 0px 75px rgba(0,0,0,0.3);
		padding: 15px;
		width: 770px;
		background-color: #f2f2f2;
		/*margin-top: 5px;*/
		margin-top: -1000px;
	}
	.kalendarz_oddo.pokaz {
		margin-top: 5px;
	}
	.kalendarz_oddo .datepickerdemoCalendar {
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.kalendarz_oddo .md-subheader-inner {
		padding: 3px;
	}
	.kalendarz_oddo .md-calendar-day-header {
		margin: 5px 0px 0px 0px;
	}
	.kalendarz_oddo .md-calendar-date:first-child,
	.kalendarz_oddo .md-calendar-month-label,
	.kalendarz_oddo .md-calendar-day-header th:first-child {
		padding-left: 6px;
	}
	.kalendarz_oddo .md-calendar-day-header th {
		font-size: 12px;
		text-transform: uppercase;
		height: auto;
		background-color: #ffffff;
	}
	.kalendarz_oddo table,
	.kalendarz_oddo table tr,
	.kalendarz_oddo table td {
		border: none;
		background-color: transparent !important;
	}
	.kalendarz_oddo .md-calendar-year td {
		font-size: 12px;
	}
	.kalendarz_oddo .md-calendar-day-header th:last-child {
		padding-right: 30px;
	}
	.kalendarz_oddo .md-content.md-default-theme, .kalendarz_oddo md-content,
	.kalendarz_oddo .md-subheader.md-default-theme, .md-subheader {
		background-color: #fff;
	}

	}
	img.wczytywanie  {
		display: inline-block;		
		max-width: 100px;
	}
	.rezerwacaj_pokoje_ng {
		text-align: center;
	}
	.rezerwacaj_pokoje_ng h3 {
		text-transform: uppercase;
		margin-bottom: 0.8rem !important;
	}



		ul.ikonySzczegoly {
			  text-align: center;
    		margin: 0 auto;

		}

		ul.ikonySzczegoly li {
			  display: inline-block;
		    width: 20vw;
		    height: 20vw;
		    /*line-height: 20vw; */
		    text-align: center;
		    margin: 1vw;
		    background-image:url('../img/ladowanie.png');
		    background-position:center center;
		    background-repeat:no-repeat;
		    box-shadow: 0px 0px 0.5vw rgba(0,0,0,0.1);
				border-radius: 10px;
				position: relative;
			}


		ul.ikonySzczegoly li a{
			position: absolute;
			width: 100%;
			height: 100%;
			bottom: 0px;
			left: 0px;
			background: rgb(255,255,255);
			background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%);
			background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%);
			background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
			
			border-radius: 10px;
		}

		ul.ikonySzczegoly li a:hover {
			box-shadow: 0px 0px 0.5vw rgba(0,0,0,0.2);
			transform: scale(0.95);
		}
		ul.ikonySzczegoly li a:hover div {
			bottom: 20px;
		}
		ul.ikonySzczegoly li a:hover div hr{
			color:var(--kolor-glowny);
		}


		ul.ikonySzczegoly li a div{
			width: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			bottom: 0px;
			height: auto;
			position: absolute;
			left: 0;
			right: 0;
			margin: 15px 1vw;
		}
		ul.ikonySzczegoly li a div hr {
	    width: 20px;
		}
		ul.ikonySzczegoly li a div span {
	    width: auto;
			display: block;
			color: #fff;
			padding: 0px 20px;
			font-size: 1.5em;
			line-height: 1em;
			letter-spacing: 0.1em;
		}
		ul.ikonySzczegoly li a div span strong {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.7);
		}
		ul.ikonyOferty {
			  text-align: center;
    		margin: 0 auto;
    		list-style: 
		}
		ul.ikonyOferty li {
			  display: inline-block;
		    width: 13vw;
		    height: 13vw;
				position: relative;
				margin:2vw;
		}
		ul.ikonyOferty li a{
			width: 13vw;
		    height: 13vw;
		}
		ul.ikonyOferty li a div.kolo2{
			border: 1px solid rgba(0,0,0,0.6);
			width: 11vw;
		  height: 11vw;
		  top: -5px;
		}
		ul.ikonyOferty li a div.kolo{
			width: 11vw;
			height: 11vw;
			text-align: center;
			background-image:url('../img/ladowanie.png');
			background-position:center center;
			background-repeat:no-repeat;
			background-size: 50% auto;
			box-shadow: 0px 0px 1vw rgba(0,0,0,0.2);
			position: relative;
		}
		ul.ikonyOferty .kreskaDiv span.text {
			height: 1px;
			width: 8vw;
		}
		ul.ikonyOferty .kreskaDiv span.kreska {
	    background-image: url(../img/kropka1.jpg);
	  }
	  ul.ikonyOferty a{
	  	color: #000;
	  }
	  ul.ikonyOferty li:hover a{
	  	color: var(--kolor-glowny);
	  }
	  ul.ikonyOferty a strong{
	  	font-size: 1.2em;
	  }
	  #zabiegiSpa{
	  	overflow: hidden;
	  	width: auto;
	  	margin: 2vw 5vw;
	  }




		.tlo_transparentne {
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;

			margin: 5% ;
		}

		.tlo_transparentne ul li{
			margin: 2vw;
			list-style: none;
			margin: 0px;
			font-weight: 600;
		}
		.tlo_transparentne 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: "\f0e7";

		  margin-left: -1.5em; 
		  width: 1.3em;
		  color: var(--kolor-pomaranczowy);
		 
		}
		.tlo_transparentne ul li.blocks-gallery-item:before,
		.tlo_transparentne ul.kolumny_zalaczniki li:before {
			display: none;
		}



		.tlo_transparentne article,
		body.influ .tlo_transparentne article li,
		.tlo_transparentne article p {
			/*line-height: calc(28px + 0.3vw);*/
			line-height: 1.6;
		}
		body.influ .tlo_transparentne article li:not(li.blocks-gallery-item) {
			margin-bottom: 0.1em;
		}
		body.influ .formularz_rezerwacji .tlo_transparentne article li {
			margin-bottom: 0px;
		}
		.tlo_transparentne {
			/*margin: 0px 5vw 0px 5vw;*/
			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-ciemny);
			font-weight: 900;
			font-size:  calc(22px + 2.5vw);
			margin: 0px 0px 1vw 0px;
		}

	
		
		body.influ .tlo_transparentne article .menuOfert li:not(li.blocks-gallery-item) ,
		.menuOfert li:not(li.blocks-gallery-item)  {
			margin-bottom: 0px !important;

		}
		#menuOferta li  {
			font-size: 2vw;
		}
		#menuOfertaImgKnt {
			width: 65.4vw;
			height: 45.90vw;
			position: absolute;
			right: 0px;
			bottom: 0px;
			z-index: 300;
			/*margin-top: -13.9vw;*/
			overflow: hidden;
			/*clip-path: polygon(40% 0, 100% 00%, 100% 100%, 0 100%);*/
			background-color: var(--kolor-glowny);
		}
		.tlo_transparentne.kontakt {
			background-image: url(../img/kontakt.jpg);
			background-position: left bottom;
			background-repeat: no-repeat;
			background-size: 100% auto;
			padding: 3vw 17vw 6vw 52vw;
			margin: 0px;
		}
		.tlo_transparentne.kontakt p {
			line-height: normal;
		}

		.tlo_transparentne.tlo_strona  {
			margin-top: -25vw;
			/*padding-bottom: 5vw;*/
		}
		.tlo_transparentne.tlo_strona header {
			overflow: hidden;
			padding-top: 9.2vw;
			padding-top: calc(4vw + 150px);
			padding-left: 15vw;
			padding-right: 15vw;
			padding-bottom: 2vw;
			text-align: center;
		}
		.tlo_transparentne.tlo_strona .empty_header {
			padding-top: 106px;
			height: 1px;
			background-color: rgba(0,0,0,0.03);
		}
		.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 {
			color: var(--kolor-glowny);    
			font-size: 60px;
			font-size: 400;
			vertical-align: middle;
			display: table;
			text-transform: none;
			letter-spacing: 0px;
			width: 100%;
			margin-bottom: 30px;
			min-height: 70px;
		}
		.tlo_transparentne.tlo_strona header h1 span {
			display: table-cell;
			vertical-align: middle;
			z-index: 2;
			position: absolute;
		}



		.tlo_transparentne.tlo_strona .szablon_podstrony {
			display: grid;
			grid-template-columns: 70% 30%;
		}

		.tlo_transparentne.tlo_strona .szablon_podstrony .sticky{
			position: relative;
			display: flex;
		}
		.sticky .wycena {
			position: sticky;
			position: -webkit-sticky;
			align-self: flex-start;
			top: 20px;
			margin-bottom: 200px;

			background-image: url('../img/s/wycena.png');
			background-size: 100% 65%;
			background-repeat: no-repeat;
			background-position: center bottom;

			padding: 0px;
			padding-bottom: 4vw;
		}

		.sticky .wycena img{
			width: 100%;
		}

		.sticky .wycena button{
			padding: 15px 35px;
			text-align: center;
			color: #fff;
			text-transform: uppercase;
			font-weight: 600;
			background-color: #000;
			border: 0px;
			margin: 0 auto;
			display: block;

			background: rgb(37,24,24);
			background: linear-gradient(45deg, rgba(37,24,24,1) 0%, rgba(18,18,18,1) 50%, rgba(230,230,230,1) 50%, rgba(255,255,255,1) 100%);
			background-size: 300% 100%;
			background-position: left bottom;

			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 0%);
			-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
			font-family: var(--czcionka);
			cursor: pointer;
		}

		.sticky .wycena button:hover{
			color: var(--kolor-pomaranczowy);
			background-position: right top;
			-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;

		}
		.formularz_rezerwacji .tlo_transparentne.tlo_strona header h1 {
			/*text-align: center;*/
		}
		.tlo_transparentne.tlo_strona .kreska.kkontakt {
			top: 25.5vw;
		}
		.tlo_transparentne.tlo_strona article {
			margin: 5vw;
			margin-top: 20vw;
			padding: 0px 0px 50px 0px;
		}
		.formularz_rezerwacji .tlo_transparentne.tlo_strona article {
			margin: 2vw 5% 5vw 5%;
		}
		.aktualnosci li h2
		.tlo_transparentne.tlo_strona article h2 {
			font-size: 34px;
		}
		.tlo_transparentne.tlo_strona article a {
			color: var(--kolor-pomaranczowy);
			
		}
		.tlo_transparentne.tlo_strona article a:hover {
			color: var(--kolor-glowny);
		}
		.tlo_strona_kontakt iframe {
			margin-top: 20px;
			max-width: 100% !important;
			width: 100% !important;
		}
		.formularz_rezerwacji .baner_strony {
			height: 20vw;
		}

		.podstrona{
			width: 90%;
			margin: 0 auto;

			background-image: url('../img/bp.jpg');
			background-size: 100% calc(100% - 200px);
			background-position: bottom center;
			background-repeat: no-repeat;

			clip-path: polygon(0% 0%, 0% calc(100% - 120px), 200px 100%, calc(100% - 200px) 100%, 100% calc(100% - 120px), 100% 0%);
		}

		.cienPodstrony{
			  width: 100%;
			  position: absolute;
			  margin-top: -210px;
			  z-index: -1;
		}
		.podstrona .cienNaglowka{
			width: 100%;
			margin-top: -17vw;
		}

		.naglowek_knt {
			position: relative;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			clip-path: polygon(0% 0%, 0% calc(100% - 200px), 200px 80%, calc(100% - 200px) 80%, 100% 100%, 100% 20%,calc(100% - 200px) 0%);
		}
		.naglowek_knt h1 {
			color: #fff;
		}
		.naglowek_knt h1 img {
			width: 50px;
			height: auto;
			vertical-align: baseline;
		}
		.naglowek_knt h1 .naglowek_produktu {
			text-transform: none;
		}
		/*.naglowek_knt h1:before {
			content: ' ';
			display: block;
			width: 3px;
			height: 7vw;
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: -9vw;
			margin: auto;
			background-color: var(--kolor-glowny);
		}*/
		.naglowekMapa:before{
			background-color: #f1eecf;
		}
		.naglowek_knt header {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			padding: 5vw 5vw 10vw 10vw;
			z-index: 600;
			text-align: left;
			width: 40%;

		}

		.naglowek_knt header h1{
			text-transform: none;
			font-weight: 600;
			font-size: 48px;
			line-height: 55px;
			text-transform: uppercase;
			margin-bottom: 0px;
			margin-top: 30px;
		}

		.naglowek_knt header h2{
			font-weight: 600;
			font-size: 22px;
			line-height: 24px;
			color: var(--kolor-pomaranczowy);
			margin: 0px 0px 20px 0px;
		}
		.baner_strony {
			background-color: #fff;
			overflow: hidden;
			position: relative;
			background-size: cover;
			background-position: center center;
			background-attachment: fixed;
			height: 35vw;
		}
		.baner_strony:before{
			display: block;
			content: ' ';
			position: absolute;
			z-index: 1;
			background-color: rgba(30,20,15,0.75);
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
		}
		.baner_strony img {
			width: 100%;
			height: auto;
			opacity: 0;
			-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
			filter: blur(10px);
		}
		.baner_strony img.lazyloaded {
			opacity: 1;
			/*opacity: 0.5;*/
			-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
		}
		.naglowek_knt header div {
			color: rgba(255,255,255,1);
			font-weight: 400;
			font-size: 16px;
		}
		
		.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: rgba(255,255,255,0.6);
		}
		.sciezka li a:hover{
			color: rgba(255,255,255,1);
		}
		.sciezka li a .material-icons {
			font-size: 13px;
		}




		.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-ciemny);
			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-glowny);
		}
		ul.panel_klienta_menu li a {
			display: block;
			padding: 20px 10px 20px 10px;
			color: #fff;
			/*border: 1px solid #ddd;*/
			background-color: #383838;
			/*clip-path: polygon(40px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 40px) 100%, 0% 100%, 0% 20px);*/
		}
		ul.panel_klienta_menu li a:hover {
			/*clip-path: polygon(50px 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 50px) 100%, 0% 100%, 0% 30px);*/
			transform: scale(1.1);
			color: #fff;
			background-color: var(--kolor-glowny);
		}
		ul.panel_klienta_menu li a:hover i {
			color: #fff;
		}




		.info_roz_knt_pom,
		.info_roz_knt {
			border: 1px solid #ddd;
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 1em;
		}
		.info_roz_ng_pom:hover,
		.info_roz_ng:hover {
			/*background-color: #f2f2f2;*/
		}
		.info_roz_ng_pom,
		.info_roz_ng {
			padding: 15px 25px 13px 25px;
			cursor: pointer;
			position: relative;
			/*border-bottom: 1px solid #ddd;*/
			/*background-color: #f2f2f2;*/
		}
		.tlo_strona_produkt  .info_roz_ng_pom,
		.tlo_strona_produkt  .info_roz_ng {
			padding: 0px;
			background-color: transparent;
		}
		#zawartosc .info_roz_ng_pom h3,
		#zawartosc .info_roz_ng h3 {
			padding: 0px 25px 0px 0px;
			margin: 0px;
			font-size: 20px;
			line-height: 20px;
			/*font-size: calc(16px + 0.4vw);*/
			/*font-weight: 700;*/
			text-transform: uppercase;
			letter-spacing: 0px;
		}
		#zawartosc .info_roz_ng_pom h3 {
			text-transform: none;
		}
		.info_roz_ng_pom img,
		.info_roz_ng img {
			position: absolute;
			right: 10px;
			top: 3px;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(0.7);
		}
		.info_roz_ng_pom.rozwiniete img,
		.info_roz_ng.rozwiniete img {
			transform: rotate(180deg) scale(0.7);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.info_roz_tr_pom,
		.info_roz_tr {
			border-top: 1px solid #ddd;
			padding: 25px 25px 15px 25px;
			display: none;
			background-color: #fafafa;
			font-size: 16px;
		}		
		body.influ .info_roz_tr p,
		body.influ .info_roz_tr_pom, p,
		.info_roz_tr_pom p,
		.info_roz_tr p,
		body.influ .info_roz_tr li,
		body.influ .info_roz_tr_pom, li,
		.info_roz_tr_pom li,
		.info_roz_tr li {
			font-size: 16px;
		}





		#start_hook {
			position: absolute; 
		}
		#zawartosc{
			padding: 0px 0px 0px 0px;
			margin:0;
			position: static;
			z-index: 3;
			/*padding-top: 5vw;*/
			background-size: 100% auto;
			background-repeat: repeat-y;
		}
		#zawartosc .odstepGlowny{
			padding-top: 5vw;
		}
		#zawartosc label
		{
			font-size: 0.9em;
		}
		#zawartosc h3 {
			margin-top: 2rem;
			margin-bottom: 1.5rem;
			clear: both;
		}


		#zawartosc .tlo_transparentne.index h2 {
			margin-bottom: 0px;
		}

		#zawartosc .tlo_transparentne.index h3 {
			margin-top: 0px;
		}

		#zawartosc h4 {
			margin-top: 1.8rem;
			margin-bottom: 1rem;
		}
		#zawartosc h5, #zawartosc h6 {
			margin-top: 1.6rem;
			margin-bottom: 0.8rem;
		}
		#zawartosc ul {
		}
		#zawartosc h2.podtytul {
			margin-bottom: 0px;
		}
		#zawartosc h3.podtytul {
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			margin-top: 0px;
			/*margin-left: 50px;*/
			position: relative;
		}
		#zawartosc h3.podtytul:before {
			position: static;
			display: inline-block;
			content: ' ';
			width: 40px;
			height: 2px;
			background-color: var(--kolor-glowny);
			margin-right: 10px;
			margin-bottom: 4px;
			/*display: block;
			content: ' ';
			width: 40px;
			height: 1px;
			background-color: var(--kolor-glowny);
			position: absolute;
			margin-left: -50px;
			margin-top: 5px;*/
		}
		#zawartosc h3.has-text-align-center.podtytul:after {
			position: static;
			display: inline-block;
			content: ' ';
			width: 40px;
			height: 2px;
			background-color: var(--kolor-glowny);
			margin-left: 10px;
			margin-bottom: 4px;
		}


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

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

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

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

		.numery {
			font-size: 13px;
			color: #CCCCCC;
			margin-top: 35px;
			text-align: center;
			padding-top: 10px;
			clear: both;
		}
		.numery a {
			font-size: 12px;
			color: #333333;
			margin: 2px;
			border: 1px solid #CCCCCC;
			text-decoration: none;
			background-color: #dddddd;
			display: inline-block;
			padding: 1px 7px 1px 7px;
		}
		.numery a:hover {
			font-size: 12px;
			color: #fff;
			border: 1px solid #054982;
			text-decoration: none;
			background-color: var(--kolor-glowny);
		}
		.pusty {
			background-color: #dddddd;
			color: #CCCCCC;
			margin: 2px;
			display: inline-block;
			padding: 1px 7px 1px 7px;
		}

		.btnHexKnt{
			padding-top: 20px;
			text-align: right;
		}
		.btnHex{
			display: inline-block;
			padding: 12px 50px 10px 50px;
			background-color: var(--kolor-czarny);
			text-transform: uppercase;
			/*margin-right: 20px;*/
			font-size: 16px;
			line-height: 1.3em;
			color: #fff;
			font-weight: 900;
			border: none;
			border-radius: 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;
		}
		.btnHex span {
			display: inline-block;
		}
		.btnHex.btn_bialy{
			background-color: #f3f0f3;
			color: #483b48;
		}
		.btnHex:hover{
			transform: translate(10px, 0);
			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;
		}
		.do_koszyka .btnHex.btnKoszyk{
			display: block;
			margin-top: 10px;
			margin-left: 0px;
		}

		.formularz_column {
			position: relative;
		}
		#formularz_knt {
			position: sticky;
			position: -webkit-sticky;
			top: 4vw;
		}
		.tlo_transparentne.tlo_strona article #formularz_knt  h2{
			text-align: left;
			/*margin: 2vw 10px;*/
			margin-top: 0px;
			/*margin-bottom: 0px;*/
			letter-spacing: 0.01em;
			font-weight: 900;

		}
		#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_kontakt_box h3{
			color: #000;
			text-transform: uppercase;
			font-weight: 300;
			letter-spacing: 0px;
		}
		#formularz_kontakt{
			width: 100%;
			display: grid;
			grid-template-columns:1fr;
			grid-gap: 5px;
			max-width: 1000px;
			margin: 0 auto;

		}




		input.formInput {
			font-family: var(--czcionka);
			font-size: 16px;
			border: 0px;
			margin: 5px;
			padding: 15px;
			color: #566166;
			background-color: transparent;
			width: calc(100% - 42px);
			border: 1px solid rgba(0,0,0,0.3);

		}
		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-radius: 10px;*/
		}

		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;
			padding: 15px;
			color: #566166;
			background-color: transparent;
			height: 200px;
			width: calc(100% - 42px);
			
			border: 1px solid rgba(0,0,0,0.3);
		}
		textarea.formInput.koszyk {
			border: 1px solid #eeeeee;
			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: 16px;
		}
		.regulaminInfo{
			display: block;
			font-size: 14px;
			line-height: 16px;
			text-align: left;
			color: #566166;
			margin: 5px;
		}

		.regulaminInfo span a{
			color: #566166;
			font-weight: 600;
		}

		.regulaminInfo span a:hover{
			color: var(--kolor-glowny);
		}



		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 {
			position: relative;
			display: inline-block;
			padding: 10px 30px 10px 30px;
			color: #000;
			text-transform: uppercase;
			font-size: 18px;
			font-weight: bold;
			line-height: 26px;
			border: none;
			cursor: pointer;
			background-color: transparent;
			font-family: var(--czcionka);
			text-align: center;
			letter-spacing: 2px;

			background-color: var(--kolor-pomaranczowy);
			background: linear-gradient(30deg, rgba(240,130,61,1) 0%, rgba(235,91,72,1) 100%);
			
			background: linear-gradient(45deg, rgba(240,130,61,1) 0%, rgba(235,91,72,1) 50%, rgba(40,27,27,1) 50%, rgba(18,18,18,1) 100%);
			background-size: 300% 100%;
			background-position: left bottom;

			color: #fff !important;
			padding: 15px 50px !important;
			clip-path: polygon(0% 0%, 100% 0%, 100% 35px, calc(100% - 40px) 100%, 0% 100%);
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}

		body.influ button.formBtn:hover {
			background-position: right top;
			color: #fff;
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		    transform: scale(1.05);
		}

		body.influ .formularzIndex button.formBtn {
			background: rgb(240,130,61);
			background: linear-gradient(45deg, rgba(240,130,61,1) 0%, rgba(235,91,72,1) 50%, rgba(230,230,230,1) 50%, rgba(255,255,255,1) 100%);
			background-size: 300% 100%;

			color: #fff !important;
			padding: 15px 50px !important;
			clip-path: polygon(0% 0%, 100% 0%, 100% 35px, calc(100% - 40px) 100%, 0% 100%);
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}
		body.influ .formularzIndex button.formBtn:hover{
			color: var(--kolor-czarny) !important;
			background: #fff;
			background: linear-gradient(45deg, rgba(240,130,61,1) 0%, rgba(235,91,72,1) 50%, rgba(230,230,230,1) 50%, rgba(255,255,255,1) 100%);
			background-position: right top;
			background-size: 300% 100%;
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}


		.kontakt_txt iframe{
			width: 100%;
			height: 550px;
			box-shadow: 10px 10px 50px rgba(0,0,0,0.2);
			/*filter: grayscale(100%);*/
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}
		.kontakt_txt iframe:hover{
			filter: grayscale(0%);
			-webkit-transition: 200ms linear all;
		    -moz-transition: 200ms linear all;
		    -o-transition: 200ms linear all;
		    transition: 200ms linear all;
		}

		ul.menuDomkow {
			padding: 0px;
			margin: 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
			grid-gap: 30px;
		}
		ul.menuDomkow li {
			list-style: none;
			padding: 20px 0px 0px 0px;
			margin: 0px;
			text-align: center;
			border-radius: 40px;
			/*overflow: hidden;*/
		}
		#zawartosc ul.menuDomkow li h3,
		ul.menuDomkow li h3 {
			font-size: 19px;
			font-weight: bold;
			height: 67px;
			overflow: hidden;
			margin-bottom: 3px;
		}
		ul.menuDomkow li img {
			border-radius: 40px;
			display: block;
			border-top: 5px solid var(--kolor-glowny);
			width: 100%;
			height: auto;
		}
		ul.menuDomkow li span {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			background-color: #e0e0e0;
			display: block;
			margin:  0px 30%;
			color:  #fff;
			background-color: var(--kolor-glowny);
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}
		ul.menuDomkow li a {
			display: block;
		}
		ul.menuDomkow li:hover a {
			transform: scale(1.05);
		}
		ul.menuDomkow li:hover a img {
			box-shadow: 10px 10px 25px rgba(0,0,0,0.3);
		}

		#zawartosc ul.menuOfert,
		ul.menuOfert {
			text-align: left;
			padding: 0px;
			margin: 0px;
			display: flex;
			border-top-left-radius: 25px;
			border-top-right-radius: 25px;
			background-color: #efefef;
		}
		ul.menuOfert li {
			/*display: inline-block;*/
			list-style: none;
			padding: 0px;
			margin: 0px;
			text-transform: uppercase;
			flex: 1;
		}
		.tlo_transparentne.tlo_strona article ul.menuOfert li a,
		ul.menuOfert li a {
			display: block;
			text-align: center;
			padding: 20px 25px;
			/*background-color:  rgba(0,0,0,0.15);*/
			border-top-left-radius: 25px;
			border-top-right-radius: 25px;
			color: var(--kolor-ciemnoszary);
			font-weight: bold;
			cursor: pointer;
			border-top: 2px solid #efefef;
			border-left: 2px solid #efefef;
			border-right: 2px solid #efefef;
			border-bottom: 2px solid #ddd;
		}
		.tlo_transparentne.tlo_strona article ul.menuOfert li a:hover,
		ul.menuOfert li a:hover {
			color: var(--kolor-czarny);
			/*background-color: var(--kolor-ciemnoszary);*/
		}
		.tlo_transparentne.tlo_strona article ul.menuOfert li a.wybrane,
		.tlo_transparentne.tlo_strona article ul.menuOfert li a.wybrane:hover,
		ul.menuOfert li a.wybrane,
		ul.menuOfert li a.wybrane:hover {
			color: var(--kolor-czarny);
			font-weight: bold;
			background-color: #fff;
			border-top: 2px solid #ddd;
			border-left: 2px solid #ddd;
			border-right: 2px solid #ddd;
			border-bottom: 2px solid #fff;
		}
		.oferty {
			border-bottom: 2px solid #ddd;
			border-left: 2px solid #ddd;
			border-right: 2px solid #ddd;
			border-bottom-left-radius: 25px;
			border-bottom-right-radius: 25px;
			padding: 25px;
		}
		.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;
		}
		.ofertaWiersz img.icon {
				width: 100%;
				height: auto;
				border-radius: 10px;
		}
		.ofertaOpcje {
			padding: 5vw;
		}

		.ofertaWiersz .oTresc {
			padding: 30px 30px 5px 30px;
		}

		.ofertaWiersz .oTresc span.rozwin{
				color: #575771;
				text-transform:uppercase;
				font-weight: 500;
				cursor: pointer;
		}

		.ofertaWiersz .oTresc span.rozwin img{
			transform: rotate(90deg);
			filter: grayscale(70%);
			display: inline-block;
			width: 40px;
			margin-top: -4px;
		}
		.ofertaWiersz .oTresc span.rozwin font{
			line-height: 40px;
			display:inline-block;
		}

		.ofertaWiersz .oTresc h2{
			font-family: var(--czcionka);
			letter-spacing: 0px;
			color:#000;
			font-weight: 700;
			font-size: 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: #000;
			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;
		}

		.tlo_koszyk {
			padding-top: 25px;
		}
		#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;
		}
		.bez_marginesu_z_dolu,
		table.koszyk_tabela td.bez_marginesu_z_dolu {
			padding-bottom: 0px !important;
			margin-bottom: 0px !important;
		}
		.margines_z_gory {
			margin-top: 8vw !important;
		}
		table.koszyk_tabela td,
		body.influ table.koszyk_tabela td {
			padding: 10px;
			border: none;
			line-height: initial;
		}
		table.koszyk_tabela th,
		body.influ table.koszyk_tabela th {
			padding: 1px 10px 1px 10px;
			font-size: 13px;
			color: #666;
			font-weight: bold;
			text-transform: uppercase;
			background-color: #f2f2f2;
			border: none;
			line-height: initial;
		}
		.usun_produkt.nieaktywne,
		.formBtn.nieaktywne {
			pointer-events: none;
			opacity: 0.4;
			filter: grayscale(100%);
		}
		.usun_produkt {
			cursor: pointer;
			color: var(--kolor-ciemnoszary);
			font-weight: bold;
		}
		.usun_produkt:hover {
			color: var(--kolor-glowny);
		}
		a.zamow_btn {
			font-weight: bold;
			text-transform: uppercase;
			padding-right: 5px;
			cursor: pointer;
		}
		a.zamow_btn:hover {
			padding-left: 5px;
			padding-right: 0px;
		}
		a.zamow_btn_powrot {
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 5px;
			cursor: pointer;
			color: var(--kolor-ciemnoszary);
		}
		a.zamow_btn_powrot:hover {
			padding-right: 5px;
			padding-left: 0px;
			color: var(--kolor-glowny);
		}
		.kt_cena {
			min-width: 160px;
			vertical-align: baseline;
		}
		.kt_cena,
		.kt_razem {
			text-align: right;
		}
		.kt_opis p {
			margin: 0px;
		}
		.kt_opis span.pokoj_nr {
			text-transform: uppercase;
			font-size: 11px;
		}
		.kt_opis span {
			/*font-size: 11px;*/
		}
		.kt_razem {
			background-color: #f2f2f2 !important;
		}
		.cena_bez_gratisu {
			text-decoration: line-through;
			color: var(--kolor-szary);
			font-size: 13px;
		}
		.podumowanie_cena {
			color: var(--kolor-glowny);
			font-size: 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;*/
		}
		.stara_cena {
			text-decoration: line-through;
		}
		#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: 13px 30px 10px 30px;
			border-bottom: 1px solid #eee; 
		}
		.wynik:hover {
			background-color: #eee;
			/*background-color: rgba(0,0,0,0.05);*/
		}
		.wynik div.px12 {
			padding-top: 8px;
		}

		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;
		}
		.socials a {
			cursor: pointer;
			display: inline-block;
			padding-left: 0.5vw;
			padding-right: 0.5vw;
		}
		.socials a:hover {
			color: var(--kolor-glowny);
			transform: scale(1.2);
		}

		ul.galeria {
			padding:0px;
			margin: 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-gap: 20px;
		}
		ul.galeria.kolumny_1 {
			grid-template-columns: 1fr;
		}
		ul.galeria.kolumny_2 {
			grid-template-columns: 1fr 1fr;
		}
		ul.galeria.kolumny_3 {
			grid-template-columns: 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_4 {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_5 {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_6 {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_7 {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_8 {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		}
		ul.galeria.kolumny_9 {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		}
		ul.galeria:after {
			content:"."; display:block; height:0; clear:both; visibility:hidden;
		} 
		ul.galeria li {
			list-style:none;
			float:left;
			margin: 0px;
			width:auto;
			text-align:center;
		} 
		/*ul.galeria li:nth-child(4n+1) {
			clear:both;
		}*/
		ul.galeria li img {
			width:100%;
			height:auto;
			cursor:pointer;
			margin-bottom:0px;
			margin: 0px !important;
			max-width: 100% !important;
			border: none !important;
			border-radius: 0px !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.galeria li:hover img {
			box-shadow: 0px 0px 50px 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;
			 transform: scale(1.05);
		}
		.wp-block-gallery img {
/*			border-radius: 10px;*/
		}
		.influ_galeria_img {
/*			border-radius: 10px;*/
			cursor: pointer;
		}
		.influ_galeria_img:hover {
			box-shadow: 10px 10px 25px rgba(0,0,0,0.3);
		}
		.img_btn {
			-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;
			cursor: pointer;
		}

		.img_btn:hover {
			box-shadow: 10px 10px 25px rgba(0,0,0,0.3);
			border-radius: 25px;
			transform: scale(1.05);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

	/** MAIN



	/** FOOTER **/


		.wiersz50_50{
			display: grid;
			grid-template-columns: 50% 50%;
			align-items: center;
		}

		.tlo_scherl .trescW{
			padding: 2vw;
			padding-left: 10vw;
		}

		.tlo_produkty .trescW{
			padding: 2vw;
			padding-right: 10vw;
		}
		.sliderProduktow{
			background-image: url('../img/s/tlo_slider_11.webp');
			background-position: center center;
			background-repeat: no-repeat;
			padding: 3vw 8vw 8vw 8vw;
			position: relative;
		}
		.sliderProduktow .item aside{
			font-size: 24px;
			text-transform: uppercase;
			color: #fff;
			text-align: center;
			font-weight: 600;
		}

		.sliderProduktow .navProd {
			position: absolute;
			top: 0px;
			bottom: 0px;
			margin: auto;
			height: 100px;
			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;

		}



		.sliderProduktow .navProd#customPrevBtn{
			left:15px;
		}
		.sliderProduktow .navProd#customNextBtn{
			right:15px;
		}

		.sliderProduktow .navProd#customPrevBtn:hover{
			left:5px;
		}
		.sliderProduktow .navProd#customNextBtn:hover{
			right:5px;
		}

/** FOOTER **/

		body.influ .stopka_knt p{
		
			color: #a3a3a3;
			font-size: 16px;
			margin-top: 0px;
		}

		.stopka_knt a{
			font-size: 16px;
			color: #a3a3a3;
		}

		.stopka{
			padding: 50px 8vw;
			padding-bottom: 200px;
			
			background-size: cover;
			background-position: center center;
			margin: 0px 5%;
		}
		.stopka .do_prawej{
			text-align: right;
		}
		.stopka i{
			color: #a3a3a3;
		}

		.wierszStopki.w1{
			display: grid;
			grid-template-columns: 60% 1fr;
			align-items: baseline;
		}
		.wierszStopki .menuKontaktu iframe{
			border: 0;
			width: 90%;
			height: 300px;

			clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), calc(100% - 100px) 100%, 0% 100%);

		}

		.menuStron{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 5%;
		}

		.wierszStopki h3{
			color: #fff;
			font-size: 22px;
			margin: 30px 0px 10px 0px;
			font-weight: 600;
			text-transform: uppercase;
		}
		.wierszStopki .menuStron a{
			display: block;
			line-height: 1.6em;
			margin: 2px 0px;
			padding-left: 0px;
			padding-right: 5px;
			font-size: 500;
		}
		.wierszStopki .menuStron a:hover{
			padding-left: 5px;
			padding-right: 0px;
			color: var(--kolor-pomaranczowy);
		}
		.wierszStopki a i{
			color: var(--kolor-pomaranczowy);
		}
		.wierszStopki.w2{
			padding-right: 40%;
			color: #a3a3a3;
			font-weight: 500;
		}


		.wierszStopki .menuKontaktu{
			margin-left: 20%;
		}
		.wierszStopki .menuKontaktu a{
			line-height: 1.6em;
			margin: 2px 0px;
		}
		.wierszStopki .menuKontaktu a.w280{
			display: inline-block;
			min-width: 280px;
		}
		.wierszStopki .menuKontaktu a.w100{
			display: inline-block;
			min-width: 130px;
		}
		.wierszStopki .menuKontaktu a.w100 i{
			font-size: 30px;
		}





		#influencja  {
			padding: 1vw;
			display: block;
			width: auto;
			text-align: center;
		}
		#influencja:hover {
			padding: 0px !important
		    opacity: 1;
		}
		#influencja a {
			display: inline;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		    opacity: 0.8;
		}
		#influencja a:hover {
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		}
		#influencja img {
			display: inline;
		}
	/** 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: 600;
			text-transform: uppercase;
			font-size: 12px;
			letter-spacing: 1px;
		}

		p.formBtn a:hover{
			border-color: var(--kolor-ciemny);
			background-color: var(--kolor-ciemny);

		}

		.domek_knt {
			display: grid;
			grid-template-columns: 1fr 500px;
			grid-gap: 30px;
		}


		a#do_formularza {
			position: fixed;
			bottom: -80px;
			left: 60px;
			cursor: pointer;
			z-index: 1000;
			opacity: 0.8;
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
			padding: 7px 14px 7px 14px;
			display: block;
			width: 170px;
			font-size: 18px;
			line-height: 20px;
		}
		a#do_formularza.pokaz {
			bottom: 30px;
		}
		a#do_formularza i {
			float: left;
			font-size: 22px;
			line-height: 37px;
			padding-right: 10px;
		}
		a#do_formularza:hover {
			opacity: 1;
			background-color: var(--kolor-glowny);
			transform: translate(10px);
		}
		#formularz_skrocny {
			position: fixed;
			bottom: -380px;
			right: 30px;
			cursor: pointer;
			z-index: 1000;
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
			padding: 14px;
			display: block;
			width: 250px;
			font-size: 15px;
			line-height: 20px;	
			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;
		}
		#formularz_skrocny input.formInput,
		#formularz_skrocny textarea.formInput {
			padding: 5px;
			font-size: 15px;
		}
		#formularz_skrocny textarea.formInput {
			height: 100px !important;
		}
		#formularz_skrocny a {
			color: var(--kolor-bialy);
			opacity: 0.75;
		}
		#formularz_skrocny a:hover {
			color: var(--kolor-glowny);
			opacity: 1;
		}
		#formularz_skrocny .regulaminInfo {
			font-size: 11px;
			line-height: 12px;
			color: #999;
		}
		#zawartosc #formularz_skrocny label {
			font-size: 13px;
			line-height: 14px;
			margin-top: 2px;
			margin-bottom: 4px;
		}
		#formularz_skrocny h3 {
			color: var(--kolor-bialy);
			font-size: 18px;
			margin: 0px 0px 9px 0px;
			padding: 0px;
		}
		#formularz_skrocny h3 div {
			float: right;
		}
		#formularz_skrocny h3 div i {
			color: var(--kolor-bialy);
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;

		}
		#formularz_skrocny h3 div:hover i {
			color: var(--kolor-glowny);
			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;

		}
		#formularz_skrocny .btnHexKnt {
			margin-bottom: 0px;
			padding-top: 10px;
		}
		#formularz_skrocny .btnHex {
			background-color: #666 !important;
			display: block;
			width: 100%;
		}
		#formularz_skrocny .btnHex:hover {
			background-color: var(--kolor-glowny) !important;
			transform: none;
		}
		#formularz_skrocny.pokaz {
			opacity: 1;
			pointer-events: auto;
			bottom: 90px;
			-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;

		}
		#formularz_skrocny i {
			/*float: left;*/
			/*font-size: 22px;*/
			/*line-height: 37px;*/
			color: var(--kolor-glowny);
			/*padding-right: 10px;*/
		}
		#formularz_skrocny:hover {
			/*opacity: 1;*/
			/*background-color: var(--kolor-glowny);*/
			/*transform: translate(10px);*/
		}
		#do_gory {
			position: fixed;
			bottom: -150px;
			right: 30px;
			cursor: pointer;
			z-index: 1000;
			/*width: 4.6vw;*/
			padding-bottom: 0;
			padding-top: 1vw;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			/*transform: scale(0.8);*/
			filter: grayscale(100%);
			opacity: 0.8;
		}
		#do_gory.pokaz {
			filter: grayscale(100%);
			bottom: -30px;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
		}
		#do_gory.pokaz:hover,
		#do_gory:hover {
			/*transform: scale(1);*/
			/*padding-top: 0;*/
			/*padding-bottom: 1vw;*/
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			filter: grayscale(0%);
			opacity: 1;
			bottom: -20px;
			filter: grayscale(0%);
		}
		body.influ p.kolor,
		.tlo_transparentne.tlo_strona h6.kolor,
		.tlo_transparentne.tlo_strona h5.kolor,
		.tlo_transparentne.tlo_strona h4.kolor,
		.tlo_transparentne.tlo_strona h3.kolor,
		.tlo_transparentne.tlo_strona h2.kolor,
		.tlo_transparentne.tlo_strona h1.kolor,
		.kolor {
			color: var(--kolor-pomaranczowy) !important;
		}
		body.influ p.szary,
		.szary {
			color: var(--kolor-ciemnoszary);
		}
		i.kolor {
			font-size: 36px;
		}


			ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
			ul.kolumny_zalaczniki{
				padding: 0px;
			}
			ul.kolumny_zalaczniki li{
				/*width: 45%;*/
				margin: 0px 0px 10px 0px;
				text-align: 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 {
				display: block;
				margin: 0px;
				padding: 5px 5px 5px 0px;
				color: var(--kolor-czarny) !important;
				font-size: 18px;
			}
			ul.kolumny_zalaczniki li a:hover {
				padding: 5px 0px 5px 5px;
				color: var(--kolor-pomaranczowy) !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.kolumny_zalaczniki li a i {
				color: var(--kolor-pomaranczowy) !important;
			}
			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;
			}
			ul.kolumny_zalaczniki li p {
				font-size: 14px !important;
				margin-top: 0px;
			} 

			.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-right {
				text-align: right;
			}
			.text-left {
				text-align: left;
			}

			.pakietyBox {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr 1fr;
				grid-gap: 2vw;
				margin-bottom: 5vw;
			}
			.pakiet{
				background-image: url('../img/aranzacja01d.jpg');
				background-size: cover;
				background-position: center center;
			}
			.pakiet h3{
				font-weight: 500;
				color: var(--kolor-glowny);
				margin:0px 0px 30px 0px !important;
			}
			.pakiet span.cena{
				font-size: 34px;
				display: block;
				font-weight: 600;
				color: var(--kolor-glowny);
				margin:0px;
			}
			.pakiet span.jednostka{
				font-size: 14px;
				display: block;
				font-weight: 600;
				color: var(--kolor-glowny);
				text-transform: uppercase;
				margin:0px;
			}

			.pakiet span.haslo{
				display: block;
				
			}
			.pakiet a{
				font-size: 14px;
				display: inline-block;
				margin: 0 auto;
				text-align: center;
				text-transform: uppercase;
				border: 2px solid var(--kolor-glowny);
				margin: 5px;
				padding: 5px 20px;
				font-size: 14px;
				font-weight: 500;
			}

			.pakiet a:hover{
				background: rgba(228, 209, 192,1);
			}
			.wypelnienie {
				height: 10vw;
			}
	/** DODATKI **/


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

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

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

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

 	.wp-block-columns {
 		margin-bottom: 0px !important;
 	}
 	.wp-block-columns .wp-block-image {
 		margin-top: 0px !important;
 	}
 	/*.wp-block-columns .wp-block-image img {
 		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;
 	}
 	.wp-block-columns .wp-block-image 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;
 	}*/
 	.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: 2vw !important;
 		margin-bottom: 2vw !important;
 	}


 	.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-ciemny);
		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-ciemny);
 		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-ciemny);
 		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-ciemny);
 		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;
 	}


	.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;
 		padding: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr;
 		grid-gap: 2vw;
	}
 	ul.aktualnosci li,
 	ul.aktualnosci li div{
 		overflow: hidden;
 		/*margin: 20px 15px 25px 15px;*/
 	}
 	ul.aktualnosci li a{
 		display: block;
 		text-align: left;
 	}
 	ul.aktualnosci li a h2{
 		margin-bottom: 0px;
 		font-size: 34px;
 	}
 	ul.aktualnosci li a span{
 		display: block;
 		font-size: 12px;
 		color: var(--kolor-szary);
 		margin-bottom: 20px;
 	}
 	ul.aktualnosci li img{
 		width: 100%;
 		height: auto;
		clip-path: polygon(20% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%);
 	}
 	ul.aktualnosci li a:hover img{
 		transform: scale(1.08);
 		/*transform: translate(10px,0px);*/
 	}

 	ul.aktualnosci li a h3{
 		text-transform: none;
 		margin-top: 10px !important;
 		margin-bottom: 10px  !important;
 	}
 	ul.aktualnosci li a .zajawka{
 		text-transform: none;
 		font-size: 14px;
 	}

 	

 	.do_koszyka {
 		margin-top: 10px;
 		margin-bottom: 15px;
 		padding: 25px;
 		border-left: 3px solid #eee;
 		background: rgba(0,0,0,0.05);
		/*background: linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);*/
 	}
 	.do_koszyka .btnHex {
 		margin-left: 10px;
 	}
 	.k_cena {
 		padding-bottom: 15px;
 	}
 	.cenaAkt {
 		font-weight: 900;
 		color: var(--kolor-glowny);
 		font-size: 36px;
 	}

	.formInputIlosc_knt {
	    /*border: 1px solid #CCC;*/
	}
	input[type="text"].formInputIlosc {
	    display: inline;
	    background-color: #f6f6f6;
	    font-family: var(--czcionka);
	    font-size: 22px;
	    color: #fff;
	    font-weight: 900;
	    width: 80px;
	    padding-top: 5px;
	    padding-right: 10px;
	    padding-bottom: 5px;
	    padding-left: 20px;
	    margin:0px 10px;
	    border: none;
	    padding: 10px 15px 10px 15px;
	    background-color: #f6f6f6;
	    background-color: #483b48;
	    text-align: center;
	    /*clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);*/
	}

	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: #000;
		/*border: 3px solid #fff;*/
		text-align: center;
		border-radius: 50%;
 		color: var(--kolor-glowny);
	}

	.koszyk_ilosc {    
		width: 145px;
   	min-width: 145px;
	}
	.koszyk_cena {
   	min-width: 150px;

	}
	.koszyk_razem {
   	min-width: 200px;

	}
	.koszyk_usun {
   	width: 50px !important;
   	min-width: 50px !important;
   	padding: 0px;
	}
	@keyframes blinker {
	  50% {
	    transform: scale(1.2);
	  }
	}
	.blink_me {
	  animation: blinker 0.5s linear  2 forwards;
	}
	input[type="text"].formInputKoszyk {
		font-family: var(--czcionka);
		font-size: 16px;
		color: #000000;
		width: auto;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-bottom:10px;
		border: 1px solid #CCC;
		display: inline-block;
		/*border-radius: 20px;*/
	}
	input[type="text"].formInputKoszyk:focus {
  		outline: none;
		border: 1px solid #999;
	}
	input[type="text"].formInputKoszyk.ilosc {
		width: 60px;
	}

	body.influ table.zamowienia {
		width: 100%;
		max-width: 100%;
		margin-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: 16px;
	}
	body.influ table.zamowienia tr{
	   padding-top: 5px;
	   padding-bottom: 5px;
	}
	body.influ table.zamowienia tr.zam {
	    background-color: #f9f9f9;
	}
	body.influ table.zamowienia th.text_to_right,
	body.influ table.zamowienia td.text_to_right {
		text-align: right;
	}
	body.influ table.zamowienia th s,
	body.influ table.zamowienia td s {
		color: #888;
	}
	body.influ table.zamowienia tr.pus {
	    font-size: 6px;
	    line-height: 6px;
	    height: 1px;
	    max-height: 1px;
	    padding: 1px;
	    background-color: #fff;
	    overflow: hidden;
	}
	body.influ table.zamowienia tr.pus td {
	    padding: 1px;
	    font-size: 6px;
	    line-height: 6px;
	    height: 1px;
	    overflow: hidden;
	}
	body.influ table.zamowienia i {
		cursor: pointer;
	}
	body.influ table.zamowienia tr td.wiecej {
		padding: 0px;
		text-align: center;
	}
	body.influ table.koszyk {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		border: none;
		border-bottom: 1px solid #ddd;
		background-color: transparent;
	}
	body.influ table.koszyk th{
		vertical-align: bottom;
		border: none;
		/*border-top: 0;*/
		border-bottom: 1px solid #ddd;
		padding: 1% 2% 1% 2%;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 400;
	}
	body.influ table.koszyk tr td {
		padding: 1% 2% 1% 2%;
		border: none;
		font-size: 18px;
		line-height: normal;		
		min-width: 100px;
	}
	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.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: 900;
	}
	body.influ table.koszyk i {
		cursor: pointer;
	}
	body.influ table.koszyk .koszyk_obr_knt {
		width: 70px;
		padding: 1% 0px 1% 1%;
		text-align: center;
	}
	body.influ table.koszyk .koszyk_obr_knt img {
		display: inline;
	}
	body.influ table.koszyk .koszyk_obr {
		max-width: 60px;
		max-height: 60px;
		width: auto;
		height: auto;
	}
	.titleMenu{
		display: none;
	}

/* ---- isotope ---- */

.grid-produkty {
  /*border: 1px solid #333;*/
  display: block;
}

/* clear fix */
.grid-produkty:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.produkt-item{
  position: relative;
  float: left;
  width: 19vw;
  height: 19vw;
  margin: 0px;
  padding: 0px;
  color: #262524;
}
.produkt-baner{
  width: 38vw;
  height: 38vw;
  padding: 5vw;
}
.produkt-baner:hover{
	transform: scale(1) !important;
	filter: none !important;
}

/*.produkt-item.katID--7{
  position: relative;
  float: left;
  width: 38vw;
  height: 38vw;
  margin: 0px;
  padding: 0px;
  color: #262524;
  background-color: #f2f2f2;
}*/












 	.tabelaZalacznikow .no-active{
 		opacity: 0.5;
 	}
 	.tabelaZalacznikow a{
 		padding:  5px 20px;
 	}


 	.tlo_strona_produkt{
		margin: 0px;
		padding-top: calc(100px + 5vw);
		padding-bottom: 5vw;
		padding-right: 10vw;
		padding-left: 10vw;
 	}
 	 .tlo_strona_produkt h2{
 		text-transform: uppercase;
 		font-size: calc(16px + 0.3vw);
 		color: var(--kolor-glowny);
 		display: block;
 		font-weight: 900;
 		letter-spacing:  0.03em;
 	}
 	.tlo_strona_produkt h1{
 		text-transform: uppercase;
		color: var(--kolor-ciemny);
		font-weight: 900;
		font-size: calc(20px + 1.5vw);
		margin: 0px 0px 1vw 0px;
 	}

 	.wierszPGrid{
 		display: grid;
 		grid-template-columns:  1fr 1fr;
 		column-gap: 1vw;
 	}
 	.menuProduktu{
 		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;
 		margin-bottom: 30px;
 	}
 	.menuProduktu ul{
 		float: left;
 		display: inline-block;
 		margin: 0px !important;
 		padding: 0px;
 		overflow: hidden;

 	}
 	.menuProduktu ul li{
 		display: block;
 		margin: 0px;
 		padding: 1vw;
 		float: left;
 		line-height:  26px;
 	}
 	.menuProduktu ul li a {
 		cursor: pointer;
 	}
 	.poz_menu{
 		color: #92848c;
 		text-transform: uppercase;
 		font-weight: 700;
 		font-size: calc(16px + 0.2vw);
 	}
 	.poz_menu i{
 		padding-right: 5px;
 	}

 	.aktywneMenu{
 		color: var(--kolor-glowny);
 		text-transform: uppercase;
 		font-weight: 700;
 	}
 	.aktywneMenu i{
 		color: var(--kolor-glowny);
 	}

 	.info_roz_tr{
 		display: none;
 	}
 	.info_roz_tr_p1{
 		display: block;
 	}
 	.tlo_strona_produkt p{

 	}
 	.btnLinkPowrot{
 		text-align: right;
 	}
 	.btnLinkPowrot .btnHex:hover {
	    /*transform: scale(1.1) rotate(-2deg);*/
	    transform: skewX(-30deg) translate(-10px,0px);
	    cursor: pointer;
	}

 	body.influ .tlo_strona_produkt , body.influ .tlo_strona_produkt  p, body.influ .tlo_strona_produkt table td, body.influ .tlo_strona_produkt  table th {
 		font-size: calc(14px + 0.2vw);
		line-height: normal;
 		color: var(--kolor-ciemny);
 	}



 	.tlo_formularz_margin{
		margin: 2vw 15vw;
 	}
 	.paddingtop3vw {
 		padding-top: 3vw;
 	}
 	.wybierz_pakiet{
 		display: grid;
    	grid-template-columns: 1fr 1fr 1fr 1fr;
    	grid-gap: 1vw;
    	padding: 2vw;
 	}
 	.wybierz_pakiet aside{
 		
 	}

 	.wybierz_pakiet aside label{
		padding: 2vw 1vw;
		cursor: pointer;
		text-align: center;
 		font-size: 25px !important;
		background-color: var(--kolor-ciemny);
		color: var(--kolor-glowny);
		line-height: 1.3em;
 	}
 	.wybierz_pakiet aside.aktywny label{
		background-color: var(--kolor-glowny);
		color: var(--kolor-ciemny);
	}

 	.wybierz_pakiet aside input{
 		opacity: 0;
		position: absolute;
 	}
 	.wybierz_pakiet aside a{
 		color: var(--kolor-glowny);
		display: block;
		text-align: center;
 	}

 	.wybierz_pakiet aside a:hover{
 		color: var(--kolor-ciemny);
 	}
 	.metr{
 		display: grid;
 		grid-template-columns: 50px 100px 50px;
 		margin: 20px 0px;
 	}
 	.metr label{
 		display: none;
 	}
 	.metr i{
 		text-align: center;
 		line-height: 50px;
 		background-color: var(--kolor-ciemny);
 		color:  var(--kolor-glowny);
 	}
 	.metr input{
 		background-color: #e4d1c0;
 		color: var(--kolor-glowny);
 		text-align: center;
 		border: 0px;
 		padding: 0px;
 		font-size: 26px;
 		line-height: 50px;
 	}

 	.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 {
 		border-bottom: none;
 		display: block;
		height: 1px;
		border-top: 1px solid #e2e2e2;
		margin: 1em 0;
 	}
 	.has-text-align-center img {
 		display: inline-block;
 	}
 	.wp-block-column.kolumna_rabaty {
 		background-color: var(--kolor-glowny);
 		color: #fff;
 		border-radius: 10px;
 		overflow: hidden;
 		padding-top: 35px;
 		padding-bottom: 35px;
 	}
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h1,
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h2,
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h3,
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h4,
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h5,
 	.tlo_transparentne .wp-block-column.kolumna_rabaty h6,
 	{
 		color: #fff !important;
 		margin-top: 45px !important;
 	}

 	.tlo_transparentne .wp-block-image img {
 		/*clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);*/
 	}
	/*
	.tlo_transparentne .wp-block-columns .wp-block-column:first-child .wp-block-image img {
 		transform: scale(1.1) translate(-2vw);
 	}
 	.tlo_transparentne .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image img {
 		transform: scale(1.1) translate(2vw);
 	}*/

 	.min100pxtd {
 		width: 100px;
 	}
 	.tabela_cennik td {
 		min-width: 100px;
 	}
 	.powrot_do_rezerwacji {
 		padding: 25px;
 		font-size: 14px;
 		line-height: 24px;
 		background-color: #d5005a;
 		color: #fff;
 		text-align: center;
 	}
 	.powrot_do_rezerwacji a {
 		display: inline-block;
 		padding-left: 0px;
 		padding-right: 5px;
 		font-weight: bold;
 		text-transform: uppercase;
 		color: #fff;
 	}
 	.powrot_do_rezerwacji a:hover {
 		font-weight: bold;
 		text-transform: uppercase;
 		padding-left: 5px;
 		padding-right: 0px;
 	}
 	.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;
	}

	.boxLinki a {
		margin-right: 25px;

	}
	.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;
	}
	.search-form-button {
		cursor: pointer;
	}
	.search-form-button:hover {
		transform: scale(1.1);
	}
	#formularz_ebook_knt {
		max-width: 1000px;
		margin: auto;
		border: 1px solid #e2e2e2;
		padding: 40px 40px 10px 40px;
	}
	#formularz_ebook_knt h3 {
		margin-top: 0px;
	}
	.centrum_wsparcia_link {
		display: block;
		padding: 40px 30px 30px 30px;
		border: 2px solid #000;
		border-radius: 10px;
		width: 250px;
		margin: 125px auto auto auto;
	}
	.centrum_wsparcia_link:before {
		position: absolute;
		width: 3px;
		height: 80px;
		display: block;
		content: ' ';
		background-color: var(--kolor-glowny);
		margin-left: 91px;
		margin-top: -105px;
			-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;
	}
	#zawartosc .centrum_wsparcia_link h2,
	#zawartosc .centrum_wsparcia_link h3 {
		padding: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}
	#zawartosc .centrum_wsparcia_link h3 {
		font-size: 14px;
		text-transform: uppercase;
	}
	.centrum_wsparcia_link:hover {
		background-color: var(--kolor-glowny);
		transform: scale(1.05);
		border: 2px solid var(--kolor-glowny);
	}
	#zawartosc .centrum_wsparcia_link:hover h2,
	#zawartosc .centrum_wsparcia_link:hover h3 {
		color: #fff;
	}
	.centrum_wsparcia_link:hover:before {
		margin-top: -135px;
			-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;
	}
	.pomoc_knt {
		display: grid;
		grid-template-columns: 250px 1fr;
		grid-gap: 25px;
	}
	ul.menu_pomoc {
		padding: 25px;
		margin: 0px;
		border-radius: 10px;
		border: 1px solid #ddd;
		background-color: #fafafa;
	}
	ul.menu_pomoc li {
		list-style: none;
		padding: 15px 0px 15px 0px;
		margin-left: 35px;
	}
	ul.menu_pomoc li img {
		width: 25px;
		height: 25px;
		opacity: 0.55;
		position: absolute;
		margin-left: -35px;
		margin-top: 1px;
	}
	.tlo_transparentne.tlo_strona article ul.menu_pomoc li a,
	ul.menu_pomoc li a {
		color: rgba(0,0,0,0.55);
		font-size: 18px;
		line-height: 20px;
		padding: 0px 5px 0px 0px;
	}
	ul.menu_pomoc li.aktywne a img,
	ul.menu_pomoc li a:hover img {
		opacity: 1;
	}
	.tlo_transparentne.tlo_strona article ul.menu_pomoc li.aktywne a,
	.tlo_transparentne.tlo_strona article ul.menu_pomoc li a:hover,
	ul.menu_pomoc li.aktywne a,
	ul.menu_pomoc li a:hover {
		font-size: 20px;
		color: rgba(0,0,0,1);
		/*color: var(--kolor-glowny);*/
		padding: 0px 0px 0px 5px;
	}
	/** 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; } 

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


	/** DODATKI **/

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

		/* ----------------------------------------------
	 * Generated by Animista on 2020-10-20 12:9:34
	 * Licensed under FreeBSD License.
	 * See http://animista.net/license for more info. 
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	/**
	 * ----------------------------------------
	 * animation shadow-drop-2-center
	 * ----------------------------------------
	 */
	 

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: relative;
		    height: 65px;
		}
		.box_m {
		  border-radius: 2px;
		  position: relative;
		  top: 0px;
		  margin: 0 auto;
		}

		.box_m {
		  width: 45px;
		  cursor: pointer;
		}

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

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

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

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

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

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

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

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

		@keyframes top {
		  0% {
		    top: 0;
		    transform: rotate(0);
		  }
		  50% {
		    top: 14px;
		    transform: rotate(0);
		  }
		  100% {
		    top: 14px;
		    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: 13px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 13px;
		    transform: rotate(135deg);
		  }
		}

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

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

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


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

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

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


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

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



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

	/** Koło systemy **/
		.kolo_systemy_knt * {
			-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;
		}
		.kolo_systemy_knt {
			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;text-decoration:none;
			margin: 50px 50px 50px 150px;
			width:600px;
			height:600px;
			position: relative;
			opacity: 0;
			transform: scale(0.1) rotate(45deg);
			transition-delay: 0.5s;
		}
		.kolo_systemy_knt.animacja {
			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-in-out;text-decoration:none;
			opacity: 1;
			transform: scale(1) rotate(0deg);
			transition-delay: 1s;
		}
		.kolo_systemy_knt a {
			position: static;
		}

		.kolo_systemy_opis {
			width:330px;
			height:330px;
			background-color: #000;
			position:absolute;
			top:0; bottom:0; left:0; right:0;
			margin:auto;
			border-radius:50%; 
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-size: 30px;
			color: #ffffff;
		}
		.kolo_systemy_knt .kolo_systemy_opis {
			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-in-out;text-decoration:none;
			transition-delay: 1.25s;
			opacity: 0;
			transform: scale(0.5) rotate(45deg);
		}
		.kolo_systemy_knt.animacja .kolo_systemy_opis {
			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-in-out;text-decoration:none;
			transition-delay: 1.25s;
			opacity: 1;
			transform: scale(1) rotate(0deg);
		}
		#zawartosc .kolo_systemy_opis h2 {
			color: #ffffff;
			font-size: 30px;
			margin: 0px;
			padding: 70px;
		}
		.kolo_systemy {
			width:600px;
			height:600px;
			border:2px solid #000;
			position:absolute;
			top:0; bottom:0; left:0; right:0;
			margin:auto;
			border-radius:50%; 
		}
		.kolo_systemy .ikona_knt {
			background-color: #000;
			border-radius:50%; 
			width: 70px;
			height: 70px;
			cursor: pointer;
			position:absolute;
			top:0; bottom:0; left:0;right:0;
			margin:auto;
		}
		.kolo_systemy .ikona_knt img {
			margin: 10px;
			width: 50px;
			height: 50px;
			opacity: 0.5;
		}
		.kolo_systemy .ikona_knt:hover img {
			opacity: 1;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt {
			opacity: 1;
		}
		.kolo_systemy_knt.lazyloaded .kolo_systemy .ikona_knt {
			opacity: 1;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt {
			opacity: 0;
			
			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-in-out;text-decoration:none;
		}
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt {
			opacity: 1;

			-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-in-out;text-decoration:none;
		}
		.kolo_systemy .ikona_knt .ikona {
			background-color: #000;
			border-radius:50%; 
			width: 70px;
			height: 70px;
			position: relative;
		}
		.kolo_systemy .ikona_knt:hover .ikona {
			transform: scale(1.1);
		}
		.kolo_systemy .ikona_knt.i1 {    
			transform:rotate(-45deg) translate(297px);
		}
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i1 {
			transform:rotate(-90deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i1 img {    
			transform:rotate(90deg);
		}
		.kolo_systemy .ikona_knt.i2 {    
			transform:rotate(15deg) translate(297px);
		}
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i2 {    
			transform:rotate(-30deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i2 img {    
			transform:rotate(30deg);
		}
		.kolo_systemy .ikona_knt.i3 {    
			transform:rotate(75deg) translate(297px);
		}  
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i3 {    
			transform:rotate(30deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i3 img {    
			transform:rotate(-30deg);
		}
		.kolo_systemy .ikona_knt.i4 {    
			transform:rotate(135deg) translate(297px);
		}
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i4 {    
			transform:rotate(90deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i4 img {    
			transform:rotate(-90deg);
		}
		.kolo_systemy .ikona_knt.i5 {    
			transform:rotate(195deg) translate(297px);
		} 
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i5 {    
			transform:rotate(150deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i5 img {    
			transform:rotate(-150deg);
		}
		.kolo_systemy .ikona_knt.i6 {    
			transform:rotate(-105deg) translate(297px);
		}  
		.kolo_systemy_knt.animacja .kolo_systemy .ikona_knt.i6 {    
			transform:rotate(-150deg) translate(297px);
		}
		.kolo_systemy .ikona_knt.i6 img {    
			transform:rotate(150deg);
		}
		#zawartosc .kolo_systemy .ikona_knt .ikona h3,
		.kolo_systemy .ikona_knt .ikona h3 {
			/*border: 2px dotted #ff00ff;*/
			margin: auto;
			padding: 0px;
			font-size: 22px;
			font-weight: 400;
			position: absolute;
			width: 160px;
			top:0px; bottom:0px; left:0px; right:0px;
		}
		#zawartosc .kolo_systemy .ikona_knt.i1 h3 {
			text-align: center;
			transform:rotate(90deg) translate(0px,10px);
		}
		#zawartosc .kolo_systemy .ikona_knt.i2 h3 {
			text-align: left;
			transform:rotate(30deg) translate(90px,45px);
		}
		#zawartosc .kolo_systemy .ikona_knt.i3 h3 {
			text-align: left;
			transform:rotate(-30deg) translate(90px,0px);
		}
		#zawartosc .kolo_systemy .ikona_knt.i4 h3 {
			text-align: center;
			transform:rotate(-90deg) translate(0px,40px);
		}
		#zawartosc .kolo_systemy .ikona_knt.i5 h3 {
			text-align: right;
			transform:rotate(-150deg) translate(-90px,0px);
		}
		#zawartosc .kolo_systemy .ikona_knt.i6 h3 {
			text-align: right;
			transform:rotate(150deg) translate(-90px,45px);
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i1 {
			transition-delay: 1.75s;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i2 {
			transition-delay: 2s;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i3 {
			transition-delay: 2.25s;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i4 {
			transition-delay: 2.5s;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i5 {
			transition-delay: 2.75s;
		}
		.kolo_systemy_knt .kolo_systemy .ikona_knt.i6 {
			transition-delay: 3s;
		}


		@keyframes circle{
			0%{
			transform:rotate(0deg)
			          translate(-263px)
			          rotate(0deg);

			}
			100%{
			transform:rotate(360deg)
			          translate(-263px)
			          rotate(-360deg);
			}
		}
	/** Koło systemy **/

	/** Paralax **/
		.paralax_box {
			position: relative;
			/*height: 100vh;*/
			/*display: flex;*/
			/*align-items: center;*/
			/*justify-content: center;*/
		}
		.paralax_bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
	/** Paralax **/

	/** Data picker **/
		#ui-datepicker-div {
			border-radius: 10px;
			padding: 15px;
			border: none;
			width: 330px;
			box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
		}
		.ui-datepicker-group.ui-datepicker-group-last {
			padding-left: 35px;
			/*background-color: #fff;*/
		}
		#ui-datepicker-div * {
			font-family: var(--czcionka);
		}
		#ui-datepicker-div tr {
			background-color: transparent;
		}
		#ui-datepicker-div td,
		.ui-datepicker-calendar,
		#ui-datepicker-div tr {
			border: none;
		}
		#ui-datepicker-div th {
			font-size: 10px;
		}
		.ui-state-default, .ui-widget-content .ui-state-default {
			background-color: #efefef;
			color: #000;
		}
		.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover {
			background-color: #ddd;
			color: #000;
		}
		.ui-widget-content .ui-state-highlight {
			background-color: #999;
			border-color: #666;
			color: #fff;
		}
		#ui-datepicker-div td a {
			border-width: 0px;
			text-align: center;
			border-radius: 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 **/



	/* Google translate */
		#googleTranslate_btn {
			cursor: pointer;
		}
		#googleTranslate_knt {
			position: absolute;
			z-index: 200;
			display: none;
		}
		#googleTranslate_knt * {
			color: #000;
		}
	     .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 */


	.wp-block-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 20px;
		align-self: flex-start;
	}
	.wp-block-image.is-style-rounded img {
		border-radius: 5px !important;
	}
	.wp-block-table table {
		margin-bottom: 5px !important;
	}
	.wp-block-table {
		margin-bottom: 20px !important;
	}
	
	.tlo_strona .wp-block-columns.bez_marginesu_gornego,
	.bez_marginesu_gornego {
 		margin-top: 0px !important;
 		padding-top: 0px !important;
	}
	.tlo_strona .wp-block-columns.bez_marginesu_dolnego,
	.bez_marginesu_dolnego {
 		margin-bottom: 0px !important;
 		padding-bottom: 0px !important;
	}
	
	.editor-styles-wrapper ul.zalety li,
	.editor-styles-wrapper ul.wady li,
	.editor-styles-wrapper ul.informacje li,
	ul.informacje li,
	ul.zalety li,
	ul.wady li {
		list-style: none;
	}
	.editor-styles-wrapper ul.zalety li:before,
	.editor-styles-wrapper ul.wady li:before,
	.editor-styles-wrapper ul.informacje li:before,
	ul.informacje li:before,
	ul.zalety li:before,
	ul.wady li:before {
		position: absolute;
		margin-left: calc(-15px - 0.4vw);
		margin-top: 1px;
		font-size: 16px;
	}
	.editor-styles-wrapper ul.zalety li,
	ul.zalety li:before {
	 	font-family: "Font Awesome 5 Free";
		content: "\f058";
		/*color: #2bb241;*/
	}
	.editor-styles-wrapper ul.wady li,
	ul.wady li:before {
	 	font-family: "Font Awesome 5 Free";
		content: "\f146";
		/*color: #cf3648;*/
	}
	.editor-styles-wrapper ul.informacje li,
	ul.informacje li:before {
	 	font-family: "Font Awesome 5 Free";
		content: "\f35a";
		/*color: #cf3648;*/
	}

	/*.bottomNav {*/
		/*-webkit-transition:0.1s ease-out;-moz-transition:0.1s ease-out;-o-transition:0.1s ease-out;transition:0.1s ease-in-out;text-decoration:none;*/
	/*}*/


/*---------------*/
/***** Duke *****/
/*---------------*/

.video_pion {
	width: auto;
	height: auto;
	max-width: 400px;
	max-height: 90vh;
	position: relative;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);			
	-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-in-out;text-decoration:none;
}
.video_pion video {
	border-radius: 10px;
	overflow: hidden;
}
.video_pion:hover {
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
	-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-in-out;text-decoration:none;
}
.video_pion::after,
.video_pion::before {
    position: absolute;
    width: 80px;
    height: 3px;
    display: block;
    content: ' ';
    background-color: var(--kolor-glowny);
	-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-in-out;text-decoration:none;
    text-decoration: none;
}
.video_pion::before {
    top: 50%;
    left: -75px;
}
.video_pion::after {
    top: 50%;
    right: -75px;
}
.video_pion:hover::before {
    left: -95px;
	-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-in-out;text-decoration:none;
}
.video_pion:hover::after {
    right: -95px;
	-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-in-out;text-decoration:none;
}


.listaStronGrid {
	display: grid;
	grid-template-columns: 30% 30% 30%;
	grid-gap: 5%;
	margin-top: 25px;
}

.listaStronGrid a {
	background-image: url('../img/s/tlo_ikony_03.webp');
	background-size: 100% 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.listaStronGrid a img{
	max-width: 100%;
}

.listaStronGrid a span{
	color: var(--kolor-glowny);
	padding-left: 20px;
	padding-bottom: 30px;
	display: block;
	font-weight: 600;
	font-size: 18px;
}


.listaStronGrid a:hover img{
	transform: scale(1.1) rotate(5deg);
}
.listaStronGrid a:hover span{
	color: var(--kolor-pomaranczowy);
}




figure.effect-duke {
	/*background: -webkit-linear-gradient(-45deg, #95c1d0 50%, var(--kolor-glowny) 100%);
	background: linear-gradient(-45deg, #95c1d0 50%, var(--kolor-glowny) 100%);
	*/	background: #95c1d0;
	position: relative;
	overflow: hidden;
	margin: 1em;
}

figure.effect-duke figcaption{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	text-align: center;
	padding: 1vw;

	display: flex;
	justify-content: center;
	align-items: center;
}
figure.effect-duke img.logoStr{
	padding: 20px;
	width: 150px;
	height: auto;
	/*background-color: #fff;*/
}
figure.effect-duke img.tloStr,
figure.effect-duke p {
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

figure.effect-duke img.tloStr {
	opacity: 0.1;
}
figure.effect-duke:hover img.tloStr {
	opacity: 0.05;
	transform: scale(1.1);
}

figure.effect-duke h2 {
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;*/
	color: #fff;
	margin: 0px;
	/*transform: scale(0.8);*/
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 10px;
	/*border: 2px solid #fff;*/
	text-transform: none;
	font-size: 13px;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
	right: 0px;
	width: 90%;
	bottom: 20px;
	color: #fff;
	text-transform: uppercase;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
	transform: scale(1);
	/*opacity: 1;*/
	/*-webkit-transform: scale3d(1,1,1);*/
	/*transform: scale3d(1,1,1);*/
}
figure.effect-duke span {
	display: block;
	color: #fff !important;
	font-weight: 600;
}
figure.effect-duke span:hover{
	color: var(--kolor-glowny);
}
	
/** Formularz kontaktowy cena **/
	.formularzMailTlo {
		width:100%;
		background-color:rgba(0,0,0,0.5);
		position: fixed;
		z-index: 899;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	.formularzMailTlo.pokaz {
		transform: scale(1);
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	.formularzMailKnt {
		width:100%;
		background-color:rgba(0,0,0,0);
		position: fixed;
		z-index: 900;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;a
		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;
	}
	.tlo_transparentne.tlo_kontakt .formularzMailKnt a {
		color: #006ecf;
	}
	.tlo_transparentne.tlo_kontakt .formularzMailKnt a:hover {
		color: var(--kolor-czarny);
	}
	.formularzMailKnt.pokaz {
		-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;
	}
	.formularzMail {
		display: inline-block;
		max-width: 80vw;
		max-height: 76vh;
		max-height: calc(80vh - 2vw);
		box-shadow: none;
		width: auto;
		height: auto;
		font-weight: 500;
		background-color: #fff;
		position: relative;
		overflow-x: hidden;
		text-align: left;
		pointer-events: all;
	}
	.formularzMailKnt .formularzMailZawartosc,
	.formularzMailKnt .formularzMailZawartosc * {
		pointer-events: none;
	}
	.formularzMailKnt.pokaz .formularzMailZawartosc,
	.formularzMailKnt.pokaz .formularzMailZawartosc * {
		pointer-events: auto;
	}
	.formularzMailKnt .formularzMailZawartosc {
		-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.5);
		opacity: 0;
	}
	.formularzMailKnt.pokaz .formularzMailZawartosc {
		-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);
		opacity: 1;
	}
	.formularzMailZawartosc {
		display: inline-block;
		max-width: 80vw;
		max-height: 80vh;
		margin: 9vh auto;
		box-shadow: none;
		width: auto;
		height: auto; 
		font-weight: 500;
		position: relative;
	}
	#formularzMail {
		width: 500px;
		padding: 40px 40px 20px 40px;
		background-color: #fff;
		font-size: 16px;
		box-shadow: 5px 5px 25px rgba(28,48,58,0.2);
		font-family: var(--czcionka2);
		position: relative;
	}
	#formularzMail h3 {
		margin-top: 0px !important;
		margin-bottom: 25px !important;
		padding-bottom: 0px !important;
		font-size: 24px;
		font-family: var(--czcionka);
		color: var(--kolor-glowny);
		font-weight: bold;
	}
	#formularzMail h3 i {
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 20px;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		color: var(--kolor-ciemnoszary);
	}
	#formularzMail h3 i:hover {
		color: var(--kolor-glowny);
		transform: rotate(90deg) 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;
	}
	#formularzMail .formInput {
		width: 100%;
		font-family: var(--czcionka2);
	}
	#formularzMail .btn {
		-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;
	}
	#formularzMail .btn: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;
	}
	.regulaminInfo,
	.regulaminInfo label {
		font-size: 12px !important;
		line-height: 14px !important;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 20px;
		font-family: var(--czcionka2);
	}
	#formularzMail label.has-error.validationMessage {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.regulaminInfo label.has-error.validationMessage {
		padding-top: 0px;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
	}
	#formularzMail p.btnHexKnt {
		margin-bottom: 0px;
		display: grid;
		grid-template-columns: 1fr 105px 1fr;
		vertical-align: middle;
	}
	#formularzMail p.btnHexKnt a{
		filter: grayscale(100%);
	}
	#formularzMail .form {
		text-align: center;
	}
	#formularzMail .formInput {
		border: 1px solid #ddd;
	}
	#formularzMail .regulaminInfo label {
		font-weight: normal;
		color: #999;
	}
	#formularzMail .regulaminInfo label a {
		font-weight: normal;
		color: #999 !important;
	}
	#formularzMail .regulaminInfo label a:hover {
		font-weight: normal;
		color: var(--kolor-glowny) !important;
	}
	.wylaczony {
		opacity: 0.5;
		pointer-events: none;
	}
	#formularzMail .regulaminInfo label {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
/** Formularz kontaktowy cena **/

/** Dane techniczne pompy ciepla **/
		.dane_tech_ng {
			display: flex;
			width: 100%;
		}
		.dane_tech_ng a{
			flex: 1;
			display: block;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			text-transform: uppercase;
			text-align: center;
		}
		.tlo_transparentne.tlo_strona .dane_tech_ng a h4 {
			font-size: 18px;
		}
		.dane_tech_ng a:hover h4 {
			background-color: rgba(0,0,0,0.05);
		}
		.dane_tech_ng a.aktywny h4{
			background-color: rgba(0,0,0,0.1);
		}
		.dane_tech_ng a h4 i{
			opacity: 0;
		}
		.dane_tech_ng a.aktywny h4 i{
			opacity: 1;
		}
		.dane_tech_ng a h4{
			margin: 0px !important;
			padding: 20px;
			font-size: 16px;
		}
		.dane_tech_ng a img{
			width: 80%;
			height: auto;
			margin: 0px auto 0px auto;
		}

		.dane_tech_art {
			border: rgba(0,0,0,0.1);
			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 linear all;

		}
		.dane_tech_art.aktywny {
			background-color: rgba(0,0,0,0.1);
			padding: 30px;
			display: block;
		}

		.dane_tech_art table td{
			font-size: 16px !important;
		}
/** Dane techniczne pompy ciepla **/


/** KOlory ładowarek **/
	.owl-dots * {
		-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;
	}
	.kolory_ladowarek_knt {
		padding: 20px 20px 40px 20px;
		margin-top: 50px;
		margin-bottom: 50px;
		background-color: var(--kolor-jasnoszary);
		clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
	}
	.kolory_ladowarek_knt h3 {
		text-align: center;
	}
	.kolory_ladowarek .owl-dot span{
		width: 15px !important;
		height: 15px !important;
	}
	.kolory_ladowarek .owl-dot:hover span,
	.kolory_ladowarek .owl-dot.active span {
		transform: scale(1.2)  !important;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	}
	.kolory_ladowarek.owl-carousel .owl-item img {
		width: 70% !important;
		margin: auto !important;
	}
/** KOlory ładowarek **/