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: #082a3d;
	  --kolor-czerwony: #3ab574;
	  --kolor-bialy: #fff;
	  --kolor-szary: #5b5964;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #999;
	  --czcionka: 'Poppins', sans-serif;
	}

	:focus {
		outline: none;
	}



	/* WP core classes*/
		.wp-block-embed-youtube {
			position: relative;
		}
		.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;
			height: 100%;
			width: 100%;
		}
		.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 influ classes*/
		.influ_galeria_img {
			cursor: pointer;
			/*box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/
		}
		.influ_galeria_img:hover {
			box-shadow: 3px 3px 25px rgba(0,0,0,0.2);
		}
 	/* WP influ classes*/

 	.wp-block-columns{
 		align-items: normal;
 	}

	h1,
	.h1,
	h2,
	.h2 {
	}
	h1,
	.h1 {
	}
	h2,
	.h2 {
	}
	h3,
	.h3 {
	}
	h4,
	h5,
	h6 {
	 font-weight:600;
	}
	h4,
	.h4 {
	}
	h5,
	.h5 {
	}
	h6,
	.h6 {
	}


	
 	.tlo_transparentne h1, .block-editor-writing-flow h1 {
	 font-weight:300;
	 font-size:4.58333rem;
	 line-height:1.09em
 	}
 	.tlo_transparentne h2, .block-editor-writing-flow h2 {
	 font-weight:700;
	 font-size:3vw;
	 line-height:1.125em;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	 font-size: calc(15px + 0.5vw);
	 line-height:1.17em;
	 font-weight:600;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4 {
	 font-size:1.4vw;
	 line-height:1.2em;
	}
 	.tlo_transparentne h5, .block-editor-writing-flow h5
 	{
	 font-size:1.2vw;
	 line-height:1.35em;
	}
 	.tlo_transparentne h6, .block-editor-writing-flow h6
 	{
	 font-size:0.9vw;
	 text-transform: uppercase;
	 line-height:1.455em;
	}
	p.btn a,
	.tlo_transparentne p.btn a,
	.block-editor-writing-flow  p.btn a{
      position: relative;
      display: inline-block;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700;
      line-height: 2vw;
      padding: 0px 1vw 0px 0vw;
      border: none;
      cursor: pointer;
      color: var(--kolor-glowny);
      font-size: 15px;
	}
	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 { 
      font-size: 12px;
      position: absolute;
      margin-top: -2px;
	  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;
	}
	.tlo_transparentne p.btn.powrot a:hover,
	.block-editor-writing-flow  p.btn.powrot a:hover {
      padding: 0px .5vw 0px .5vw;
	}
	.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(26px + 1vw);
		color: var(--kolor-glowny);
		margin: 0;
		    margin-top: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		text-transform: uppercase;
		font-weight: 600;

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


	body.influ {
		font-family: var(--czcionka);
		color: var(--kolor-glowny)
	}
	body.influ p,
	body.influ li,
	body.influ table td,
	body.influ table th {
		font-family: var(--czcionka);
		color: var(--kolor-szary);
		font-size:  calc(12px + 0.4vw);
		line-height: 1.6;
		/*line-height: calc(28px + 0.3vw);*/
		/*font-size: 1.3vw;*/
	}
	body.influ p strong{
		color: var(--kolor-glowny);
	}
	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-repeat: no-repeat;
		background-size: 70% auto;
	}
	body.influ.zaladowanaZawartosc {
		background-position: -2000px top;
	}
	#ladowanie_knt {
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 4px;
		position: absolute;
		z-index: 620;
		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: 620;
		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;
	}

	.wp-block-column {
	    margin: 1vw;
	    position: relative;
	}
	.wp-block-gallery img, .wp-block-image img{
		/*border-radius: 10px;*/
	}
	.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
		font-size: 1em;
	}
	.img_zima,
	.img_lato {
		margin-bottom: 0px !important;
		cursor: pointer;
	}
	.wp-block-image.img_lato {
		position: absolute;
		width: 100%;
		opacity: 0;
	}


 	/** HEADER **/
		#menuMobilne{
			display: none;
		}	
		#menu_mobil {
			display:none;
		}
		#glowny_naglowek_knt {
			display: block;
			position: absolute;
			z-index: 600;
			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;

			/*background-image: url(../img/tlo_header_full_01.png);*/
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: bottom right;
			padding-bottom: 5vw;
		}
		#menuStrGlowna {
		    /*overflow: hidden;*/
		    /*display: grid;
		    grid-template-columns: 330px 1fr;*/
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;

			margin: 0px ;

		}

		#menuStrGlowna div.d{
			display: inline-block;
			float: left;
			padding: 0px 2vw;
			background: #fff;
		}
		#menuStrGlowna div.floatR{
			position: fixed;
			right: 0px;
			top: 0px;
			/*float: right;*/
			background-color: var(--kolor-glowny);			
			padding:  1vw 2vw;
		}

		#menuStrGlowna div.floatR ul{
			padding: 0px;
			margin: 0px;
			list-style: none;
		}

		#menuStrGlowna div.floatR ul li{
			margin-bottom: 0;
		}
		#menuStrGlowna div.floatR ul li a{
			color: #fff;
			font-size: 38px;
			line-height: 80px;
		}

		#menuStrGlowna div.floatR ul li a:hover{
			color: var(--kolor-czerwony);
		}

		.zIndex400{
			z-index: 400 !important;
		}

		ul.menuGlowne{
			list-style: none;
			margin: 0px;
			padding: 0px;
			margin-top: 25px;
			margin-bottom: 25px;
			margin-left: 7vw;
			/*overflow: hidden;*/
			width: auto;
			display: inline-block;
			float: right;
			/*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;
		}
		ul.menuGlowne li{
			float: left;
			position: relative;
			margin-right: 3vw;
			margin-top: 18px;
			margin-bottom: 18px;
		}

		ul.menuGlowne li a{
			text-transform: uppercase;
			color: var(--kolor-glowny);
			font-size: 17px;
			line-height: 26px;
			font-weight: 600;
			display: block;
			cursor: pointer;
		}


		ul.menuGlowne li a i{
			font-size: 20px;
			color: var(--kolor-czerwony);
		} 

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

		ul.menuGlowne li.btn_menu {
			background-color: var(--kolor-glowny);
			background-image: url('../img/tlo_btn_06.webp');
			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;

			-webkit-animation: flash linear 5s 4 forwards, win linear 5s 1 forwards;
			animation: flash linear 5s 4 forwards, win linear 1s 1 forwards;
			animation-delay: 1s;
			opacity: 0;

			background-size: cover;
		}

		ul.menuGlowne li.btn_menu:hover {

			background-image:none;
			scale: 1.1;
		}

		ul.menuGlowne li.btn_menu a{
			color: #fff;
			line-height: 1.3em;
			padding: 20px;
			width: 220px;
			text-align: center;
		}


		@-webkit-keyframes flash {
		    0% {
		        transform: scale(1);
		    }
		    3% {
		        transform: scale(1.1);
		    }
		    6% {
		        transform: scale(1);
		    }
		    9% {
		        transform: scale(1.1);
		    }
		    12% {
		        transform: scale(1);
		    }
		    100% {
		        transform: scale(1);
		    }
		}
		@keyframes flash {
		    0% {
		        transform: scale(1);
		    }
		    3% {
		        transform: scale(1.1);
		    }
		    6% {
		        transform: scale(1);
		    }
		    9% {
		        transform: scale(1.1);
		    }
		    12% {
		        transform: scale(1);
		    }
		    100% {
		        transform: scale(1);
		    }
		}
		@-webkit-keyframes win {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 1;
		    }
		}
		@keyframes win {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 1;
		    }
		}





		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-czerwony);
			/*transform: scale(1.1) rotate(-2deg);*/
			transform: scale(1.1);
		}
		ul.menuGlowne li.poz_fa a:hover i{
			color: var(--kolor-glowny);
		}
		ul.menuGlowne li ul{
			/*display: none;*/
			position: absolute;
			left: -30px;
			list-style: none;
			background-color: var(--kolor-bialy);
			z-index: 999;
			width: 250px;
			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);
		}
		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 30px 5px 30px;
			/*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);
		}

		ul.menuGlowne li ul li a::after{
			height: 0px !important;
		}

		ul.menuGlowne li ul li a:hover{
			background-color: rgba(255,255,255,1);
			color: var(--kolor-czerwony);
			/*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 30px 5px 30px;
		}
		ul.menuGlowne li ul li:last-child{
			padding: 5px 30px 25px 30px;
		}
		ul.menuGlowne li.jezyki a {
			font-size: 13px;
		}
		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%);*/
		}

		.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: inline-block;
			padding: 0px 0px;
			position: static;
			width: 150px
		}
		#logoGlowne{
			transition: 0.2s ease-in-out;
			width: auto;
			position: absolute;
			top: 0px;
			width: 150px;
		}

		.menu_jezykow {
			/*position: absolute;*/
			position: fixed;
			z-index: 602;
			right: 0px;
			top:  0px;
			background-color: var(--kolor-glowny);
			/*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-glowny);
		}
		.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-glowny);
		}
		.menu_kontakt ul li a {
			padding: 0px 5px 0px 5px;
			color: var(--kolor-glowny);
		}
		.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 **/

	/** KATALOG PRODUKTÓW **/
	.katalog_produktow {
		margin: 5px;
		position: relative;
	}
		#zawartosc nav.katalog_menu,
		nav.katalog_menu {
			background-color: var(--kolor-bialy);
			position: sticky;
			top: 0px;
			z-index: 400;
			padding-top: 20px;
			padding-bottom: 10px;
		}
		#zawartosc nav.katalog_menu ul,
		nav.katalog_menu ul {
			text-align: center;
			margin-bottom: 0px;
			padding-left: 0px;
		}
		nav.katalog_menu ul li {
			list-style: none;
			display: inline-block;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 5px;
		}
		nav.katalog_menu ul li a {
			cursor: pointer;
			font-size: 20px;
			padding-left: 10px;
			padding-right: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}
		nav.katalog_menu ul li a.aktywna {
			color: var(--kolor-glowny);
		}
		nav.katalog_menu ul li strong {
			/*text-transform: uppercase;*/
			/*font-size: 17px;*/
		}
		nav.katalog_menu ul li a:hover {
			color: var(--kolor-glowny);
		}
		nav.katalog_menu ul li a::after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: -2px;
	    width: 100%;
	    height: 1px;
	    background: var(--kolor-glowny);
	    will-change: transform;
	    -webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	    transform: scaleX(0);
	    -webkit-transition: -webkit-transform .3s;
	    transition: -webkit-transform .3s;
	    -o-transition: transform .3s;
	    transition: transform .3s;
	    transition: transform .3s, -webkit-transform .3s;
	   }
		nav.katalog_menu ul li a:hover::after,
		nav.katalog_menu ul li a.aktywna::after {
			transform: scaleX(1);
			color: var(--kolor-glowny);
		}



		#zawartosc ul.katalog_produkty,
		ul.katalog_produkty {
			padding: 0px;
			margin: 15px 0px 0px 0px;
			position: relative;
			box-sizing: border-box;
			width: 100%;
			overflow: hidden;
		}
		ul.katalog_produkty li.kataglo_prod_s {
			width: 25%;
		}
		ul.katalog_produkty li {
			box-sizing: border-box;
			display: block;
			padding: 0px;
			margin: 0px;
			list-style: none;
			position: relative;
			width: 25%;
			height: 20vw;
			overflow: hidden;
			float: left;
			border: 5px solid #fff;
		}
		ul.katalog_produkty li:not(:first-child)::before {
			display: block;
			content: ' ';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.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;

			z-index: 300;
		}
		ul.katalog_produkty li:hover:not(:first-child)::before {
			background-color: rgba(0,153,217,0.3);			
			-webkit-transition: 0.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.katalog_produkty li.duzy_produkt {
			width: 50%;
			height: 40vw;
		}
		ul.katalog_produkty li img {
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			width: 100%;
			opacity: 0.15;
		}
		ul.katalog_produkty li a {
			box-sizing: border-box;
			position: absolute;
			text-align: center;
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			display: flex;
		   justify-content: center;
			overflow: hidden;
			cursor: pointer;
			transform: translate(0px, 10px);
			opacity: 1;
			z-index: 301;
		}
		ul.katalog_produkty li a div {
  			align-self: center;
  			width: 100%;
  		}
		ul.katalog_produkty li p,
		ul.katalog_produkty li h2 {
			display: inline-block;
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		ul.katalog_produkty li h2 {
			font-size: 28px;
			font-weight: bold;
		}
		ul.katalog_produkty::after {
	    content: " ";
	    display: block;
	    clear: both;
		}
		ul.katalog_produkty li:hover img {
		   /*ul.katalog_produkty li img {*/
			/*opacity: 0.5;*/
			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;
		}
		ul.katalog_produkty li:hover a {
			/*ul.katalog_produkty li a {*/
			transform: translate(0px, 0px);
			opacity: 1;
		}


		ul.katalog_produkty.kolumn4 li.duzy_produkt {
			width: 33.3333%;
		}


		
		#zawartosc ul.katalog_produkty_bi,
		ul.katalog_produkty_bi {
			padding: 0px;
			margin: 15px 0px 0px 0px;
			position: relative;
			box-sizing: border-box;
			width: 100%;
			overflow: hidden;
		}
		ul.katalog_produkty_bi li.kataglo_prod_s {
			width: 25%;
		}
		ul.katalog_produkty_bi li {
			box-sizing: border-box;
			display: block;
			padding: 0px;
			margin: 0px;
			list-style: none;
			position: relative;
			width: 25%;
			height: 20vw;
			overflow: hidden;
			float: left;
			border: 5px solid #fff;
		}
		ul.katalog_produkty_bi li:not(:first-child)::before {
			display: block;
			content: ' ';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.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;

			z-index: 300;
		}
		ul.katalog_produkty_bi li:hover:not(:first-child)::before {
			background-color: rgba(0,153,217,0.3);			
			-webkit-transition: 0.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.katalog_produkty_bi li.duzy_produkt {
			width: 50%;
			height: 40vw;
		}
		ul.katalog_produkty_bi li img {
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			width: 100%;
			opacity: 0.15;
		}
		ul.katalog_produkty_bi li a {
			box-sizing: border-box;
			position: absolute;
			text-align: center;
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			display: flex;
		   justify-content: center;
			overflow: hidden;
			cursor: pointer;
			transform: translate(0px, 10px);
			opacity: 1;
			z-index: 301;
		}
		ul.katalog_produkty_bi li a div {
  			align-self: center;
  			width: 100%;
  		}
		ul.katalog_produkty_bi li p,
		ul.katalog_produkty_bi li h2 {
			display: inline-block;
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		ul.katalog_produkty_bi li h2 {
			font-size: 28px;
			font-weight: bold;
		}
		ul.katalog_produkty_bi::after {
	    content: " ";
	    display: block;
	    clear: both;
		}
		ul.katalog_produkty_bi li:hover img {
		   /*ul.katalog_produkty_bi li img {*/
			/*opacity: 0.5;*/
			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;
		}
		ul.katalog_produkty_bi li:hover a {
			/*ul.katalog_produkty_bi li a {*/
			transform: translate(0px, 0px);
			opacity: 1;
		}


		ul.katalog_produkty_bi.kolumn4 li.duzy_produkt {
			width: 33.3333%;
		}
		ul.katalog_produkty_bi.kolumny li::before {
			display: block;
			content: ' ';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.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;

			z-index: 300;
		}
		ul.katalog_produkty_bi.kolumny li:hover::before {
			background-color: rgba(0,153,217,0.3);			
			-webkit-transition: 0.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.katalog_produkty_bi.kolumn3 li.kataglo_prod_s {
			width: 33.3333%;
		}
		ul.katalog_produkty_bi.kolumn3 li {
			width: 33.3333%;
			height: 30vw;
		}
		ul.katalog_produkty_bi.kolumn3 li.duzy_produkt {
			width: 33.3333%;
			height: 30vw;
		}

		ul.katalog_produkty_bi.kolumn2 li.kataglo_prod_s {
			width: 50%;
		}
		ul.katalog_produkty_bi.kolumn2 li {
			width: 50%;
			height: 40vw;
		}

		ul.katalog_produkty_bi.kolumn1 li.kataglo_prod_s {
			width: 100%;
			height: 40vw;
		}
		ul.katalog_produkty_bi.kolumn1 li {
			width: 100%;
			height: 40vw;
		}

	/** KATALOG PRODUKTÓW **/


	/** MAIN **/
		
		/** strona główna **/
			.banerText {	
				padding-top: 12vw;
				padding-left: 10vw;
				padding-right: 10vw;
				padding-bottom: 3vw;
				text-align: center;
			}
			.banerText h1 {
				text-transform: none;	
				color: var(--kolor-glowny);
				font-size: 3vw;
				font-weight: 300;
			}
			body.influ .banerText p {
				padding-top: 1vw;
				padding-left: 10vw;
				padding-right: 10vw;
				color: var(--kolor-szary);
				font-size: 19px;
				line-height: 27px;
			}

			.banerBox{
				position: relative;
				top: 0px;
				left: 0px;
				width: 100%;
				overflow: hidden;
				background-size: auto 100%;
				background-repeat: no-repeat;
				background-position: top right;

			}

			.nakladkaBaner{
				padding: 0vw 0px 0px 5vw;
			}
			.nakladkaBaner h1{
				font-size: 2vw;
				color: var(--kolor-glowny);
				margin: 0;
				    margin-top: 0px;
				    margin-bottom: 0px;
				margin-top: 0px;
				margin-top: 10px;
				margin-bottom: 10px;
				text-transform: none;
				font-weight: 600;
				text-shadow: 1px 1px 1px rgba(255,255,255,1);
			}
			.nakladkaBaner p.typedd{
			    font-size: 3.5vw;
			    line-height: 5vw;
			    padding-top: 1vw;
			    text-transform: uppercase;

				color: var(--kolor-glowny);
				font-weight: 700;

			}

			#baner1 {
				margin-top: 0px;
			}
			#baner1 .slajder{
				width: 50vw;
				float: right;
				height: auto;
				margin: 0px;
			}
			#baner1 .slajder div{
				position: absolute;
			}
			#baner1 .slajder img{
				width: 100%;
				height: auto;
				/*box-shadow: 0px 0px 80px rgba(0,0,0,0.2);*/
			}

			.banerBox{
				display: grid;
				grid-template-columns:  1fr 1fr;
				align-items: center;
				/*background-image: url('../img/baner_tlo.jpg');*/
				background-size: cover;
			}
			.cycle-slide .baner_chmurka {
				pointer-events: none;
				position: absolute;
				transform: scale(0) rotate(45deg);
				box-shadow: none;
				-webkit-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; transition: 0.9s ease-in-out;
				/*animation-delay: 500ms;*/
			}
			.cycle-slide.cycle-slide-active .baner_chmurka {
				/*opacity: 1;*/
				transform: scale(1) rotate(0deg);
				/*animation-delay: 0ms;*/
				-webkit-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; transition: 0.9s ease-in-out;
			}
			.cycle-slide.cycle-slide-active .baner_chmurka.pierwsza {
				opacity: 0;
				transform: scale(0) rotate(45deg);
			}
			.cycle-slide.cycle-slide-active .baner_chmurka.pierwsza.aktywna {
				opacity: 1;
				transform: scale(1) rotate(0deg);
			}

			.overBaner{	  
			}



			
	 		.pager { opacity: 0; text-align: center; width: auto; height:35px; z-index: 500; overflow: hidden;  position: absolute; z-index: 620; bottom: 50px; right: 5vw; padding-left: 20px; padding-right: 20px;  }
			.pager span { width:35px; height: 25px; display: inline-block; color: #fff; background-color:#fff; margin-right:10px; overflow: hidden; opacity: 0.3; border: 4px #fff solid;  /*border-radius: 50%;*/
					-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out; font-size: 1px;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;  }
			.pager span.cycle-pager-active { color: var(--kolor-czerwony); background-color:var(--kolor-czerwony); opacity: 1; font-size: 1px;
						  border: 4px var(--kolor-czerwony) solid; /*border-radius: 50%;*/ 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;text-decoration:none;}
			.pager > * { cursor: pointer;}

			


	 		.pager_opinie {
				text-align: left;
				width: auto;
				height:15px;
				/*overflow: hidden;*/
				/*position: absolute;*/
				/*z-index: 620;*/
				/*bottom: 50px;*/
				/*right: 5vw;*/
				padding-left: 15px;
				padding-right: 15px;
			}
			.pager_opinie span { 
				width: 15px;
				height: 15px;
				display: inline-block;
				color: #eee;
				background-color:#eee;
				margin-right:15px; 
				overflow: hidden;
				opacity: 1; 
				border: 2px #eee solid;
				border-radius: 50%;
				-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out; font-size: 1px;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;
				text-decoration:none;  
			}
			.pager_opinie span.cycle-pager-active { 
				color: var(--kolor-czerwony);
				background-color:var(--kolor-czerwony);
				opacity: 1;
				font-size: 1px;
				border: 2px var(--kolor-czerwony) solid;
				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;
				text-decoration:none;
			}
			.pager_opinie > * { 
				cursor: pointer;
			}




			.pager2{
				margin-top:  20px;
			}

			.dalej{
				position: absolute;
				bottom: 50px;
				text-align: center;
				width: 100%;
				z-index: 199;
			}

			.dalej a{
				display: inline-block;
				background-image: url('../img/pb.jpg');
				background-size:  40% 100%;
				background-position: right;
				background-repeat: no-repeat;
				margin: 0 auto;
				padding:  20px 30px;
				text-transform: uppercase;
				margin-right: 180px;
				font-weight: 400;
				color: var(--kolor-glowny);
				overflow: hidden;
			}

			.dalej a:hover{

				background-size:  100% 100%;
			}

			.dalej a span{
				float: left;
				font-size: 18px;
				line-height:  30px;
				letter-spacing: 1px;
			}

			.dalej a i{

				float: left;
				padding-left: 20px;
				font-size:  30px;
				line-height: 30px;
			}

			#baner_txt {
				position: absolute;
				left: 0px;
				right: 0px;
				top: 0px;
				z-index: 300;
			}
			.slajder_txt {
				width: 100% !important;
				height: 53.1vw;
				position: absolute;
				left: 0px;
				right: 0px;
				top: 0px;
				pointer-events: none;
			}
			.slajder_txt div {
				padding: 23vw 40vw 0vw 10vw;
				width: 100% !important;
				font-size: 3vw;
				color: #fff;
				/*max-height: 53.1vw;*/
				/*overflow: hidden;*/
			}
			.slajder_txt h1,
			.slajder_txt h2,
			.slajder_txt p {
				margin: 0px;
				font-size: 3vw;
				color: #fff;
				text-transform: none;
			}
			.slajder_txt ul {
				display: grid;
				grid-template-columns: 1fr 1fr;
				margin-top: 0px;
			}
			.slajder_txt ul li {
				list-style: none;
				font-weight: bold;
				font-size: 2.3vw;
			}
			.slajder_txt ul li:before {
				content: "\f00c";
				font-family: "Font Awesome 5 Free";
				position: absolute;
				margin-left: -3vw;
			}

			body.influ .slajder_txt div strong {
				text-transform: uppercase;
			}

			body.influ .slajder_txt div p {
				font-size: 3vw;
				color: #fff;
				font-weight: bold;
			}




			.grid-container{
				margin: 1vw 0px;
			}
			.grid-container div.box{
				background-size: cover;
				background-position: center center;
				text-align: justify;
			}
			.tresc-grid{
				padding:50px 3vw;

			}
	

		/** strona główna **/

		ul.menuDzialalnosc {
			margin: 0px;
			padding: 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap:6px
		}
		ul.menuDzialalnosc li {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;

			border: 2px solid #fff;
		}
		ul.menuDzialalnosc li a {
			display: inline-block;
			background-image: url('../img/tlo_btn_06.webp');
			background-size:  cover;
		}
		ul.menuDzialalnosc li a:hover img{
			opacity:  0.3;
			box-shadow: 0px 0px 40px rgba(0,0,0,1);
		}
		ul.menuDzialalnosc li img {
			max-width: 100%;
			/*clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);*/
		}
		#zawartosc ul.menuDzialalnosc li h3 {
			font-weight: bold;
			font-size: calc(22px + 0.4vw);
			margin: 0px;
			padding: 1.5vw 2vw 1vw 0vw;
			position: absolute;
			width: 100%;
			text-transform: uppercase;
			vertical-align: middle;
			display: table;
			color: #fff;
			text-align: center;
			bottom: 0px;

		}
		#zawartosc ul.menuDzialalnosc li h3 span {
			display: table-cell;
			vertical-align: middle;
		}

		ul.menuDzialalnosc li ul li a:before { 
			
		}
		.tlo_transparentne article ul.menuDzialalnosc li ul li,
		ul.menuDzialalnosc li ul li {
			font-weight: bold;
			line-height: 20px;
		}
		ul.menuDzialalnosc li ul li a {
			display: inline-block;
			color: var(--kolor-glowny);
			transform: none;
			font-size: 15px;
		}
		ul.menuDzialalnosc li ul li a:hover {
			transform: translate(10px,0px);
			color: var(--kolor-glowny);
		}
		
		ul.ikona {
		    padding: 0px;
		    margin: 0px 2% 0px 2%;
		}

		ul.ikona:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

		ul.ikona li {
		    list-style: none;
		    display: inline;
		    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;
		}

		ul.ikona li:hover {
			/*filter: drop-shadow(0px 0px 92px rgba(0, 0, 0, 0.2));*/
			/*transform: scale(1.1);*/
		}

		ul.ikona li img {
		    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);
			background-color: #fff;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		}
		ul.ikona li img:hover {
			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;
		}

		.pytanie{
			margin: 2vw 0px;
		}
		.pytanie span{
			text-transform: uppercase;
			font-size: calc(14px + 0.2vw);
		}
		.pytanie a{
			font-size: calc(16px + 0.2vw);
			font-weight: 900;
			margin: 0px 1.5vw;
			color: var(--kolor-glowny);
		}
		.pytanie a i{
			color: var(--kolor-glowny);
			padding-right:  5px;
		}
		.pytanie a:hover{
			color: var(--kolor-glowny);
		}
		#dodatki_knt {
			background-color: rgba(0,0,0,0.4);
			position: fixed;
			z-index: 490;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			color: #fff;
			font-size: 14px;
			opacity: 1;
			display: none;
		}
		#dodatki {
			position: absolute;
			border-radius: 12px 12px 10px 10px;
			max-width: 1100px;
			margin: 10px;
			height: 80vh;
			margin: auto;
			left: 0px;
			right: 0px;
			top: 150px;
			box-shadow: 0px 0px 50px rgba(0,0,0,0.7);
			background-color: #fff;

			
		}

		.dodatkiHeader{
				width: 100%;
				background-color:#2b318c;
				border-radius: 10px 10px 0px 0px;
				padding: 15px 30px;
				color: #fff;
				text-align:right;
		}

		.dodatkiHeader a{
			color: #fff;
			text-transform:uppercase;
			font-size: 16px;
			line-height: 22px;
			cursor: pointer;
		}

		.dodatkiHeader a svg{
			font-size: 22px;
		}

		.dodatkiHeader a:hover{
				color:#fff;
				border-bottom: 1px solid #fff;
		}

		.dodatkiMain {
			padding: 30px;
			height: calc(100% - 60px);
			overflow: scroll;
			overflow-x: hidden; 

		}
		.ngPobyt {
			overflow: hidden;
			/*margin-top: -70px;*/
		}
		.ngPobyt img{
			border-radius: 10px;
			float:left;
			width: 30%;
		}

		.ngPobyt div.tresc{
			/*margin-top:50px;*/
			float: left;
			padding: 30px 50px;
			text-align:left;
			width: 70%;
		}

		.ngPobyt h2{
			font-family: var(--czcionka);
			letter-spacing: 0px;
			color:#3b419b;
			font-weight: 700;
			font-size: 28px;
			margin:0px;
			text-align: left;
		}

		.ngPobyt h2 span{
			font-size: 24px;
			text-transform: uppercase;
			color: #686868;
		}

		.ngPobyt h3{
			color:#3b419b;
			font-weight: 700;
			font-size: 20px;
			text-transform: uppercase;
			margin-top: 10px !important;
			margin-bottom: 0px !important;
		}

		.ikonyAtrybutow div{
			padding: 0px;
			width: 50%;
		}

		.ngPobyt .ikonyAtrybutow div{
			padding: 0px;
			width: 50%;
		}
		.infoTresc{
			padding: 30px;
			color: #000;
		}

		.infoTresc h2{
		    font-size: 1.8em;
		    margin:1vw 0px !important;
		    color: #000;
		}
		.infoTresc h3{
		    font-size: 1.5em;
		    margin:1vw 0px !important;
		    color: var(--kolor-glowny);
		}



		.banerStr {
			position: relative;
			height: 30vw;
			overflow: hidden;
			margin: 0 5vw;
			width: 90vw;
			background-image: url('../img/brak_tla.jpg');
			background-size: cover;
			background-position: center center;

		}
		.banerStr picture{
			max-width:100%;
		}
		.banerStr picture img{
			width: 100%;
			height: auto;
		}
		.banerStr .naglowekSTR{
			width: auto;
			margin: 0px;
			margin-top: 5vw;
			display: flex;
			align-items: end;
			justify-content: center;
			bottom: 50px;
			position: absolute;
			left:  0px;
			right:  0px;
			top:  0px;
			bottom: 0px;
			z-index: 11;
			background-color: rgba(136,121,114,0.68);
			background: rgb(228,209,192);
			background: -moz-linear-gradient(90deg, rgba(228,209,192,0.90) 0%, rgba(228,209,192,0.60) 60%, rgba(255,255,255,0) 80%);
			background: -webkit-linear-gradient(90deg, rgba(228,209,192,0.90) 0%, rgba(228,209,192,0.60) 60%, rgba(255,255,255,0) 80%);
			background: linear-gradient(90deg, rgba(228,209,192,0.90) 0%, rgba(228,209,192,0.60) 60%, rgba(255,255,255,0) 80%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4d1c0",endColorstr="#ffffff",GradientType=1); 
		}	
		.banerStr .naglowekSTR h1{
			text-align: left;
			width: 100%;
			padding: 5vw;
			padding-right: 25vw;
			font-size: 3.5vw;
			color: var(--kolor-glowny);

		}

		.banerBlog{
			background-image: url('../img/brak_tla.jpg');
		}

		.banerBlog .naglowekSTR{
			background-color: rgba(136,121,114,0.68);
			background: rgb(218,218,218);
			background: -moz-linear-gradient(90deg, rgba(218,218,218,0.90) 0%, rgba(218,218,218,0.60) 60%, rgba(255,255,255,0) 80%);
			background: -webkit-linear-gradient(90deg, rgba(218,218,218,0.90) 0%, rgba(218,218,218,0.60) 60%, rgba(255,255,255,0) 80%);
			background: linear-gradient(90deg, rgba(218,218,218,0.90) 0%, rgba(218,218,218,0.60) 60%, rgba(255,255,255,0) 80%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4d1c0",endColorstr="#ffffff",GradientType=1); 
		}

		

		.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;
		}
		.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 {
			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-glowny);
			font-weight: 900;
			font-size:  calc(22px + 2.5vw);
			margin: 0px 0px 1vw 0px;
		}

		.tlo_oferujemy{
			background-size: calc(100% - 50vw) auto;
			background-position: top left;
			background-repeat: no-repeat;
			padding-top:  10vw;
		}
		.tlo_oferujemy .tresc{
			margin-left:  30vw;
			margin-right:  5vw;
			background-color: #fff;
			padding:  5vw;
			/*background-image: url('../img/oferujemy-2_39.jpg');*/
			background-repeat: no-repeat;
			background-position: bottom right;
			/*width: 60vw;*/
			padding-right: calc( 5vw + 70px);

		}

		.tlo_oferujemy .tresc .wp-block-image {
			box-shadow: none;
		}

		.tlo_oferujemy .tresc .wp-block-image h3{

		}

		.tlo_technologie {
			margin: 5vw;
			/*background-image: url('../img/tt.jpg');*/
			background-repeat: no-repeat;
			background-position: top left;
			background-size: auto auto;
		}
		.tlo_technologie .tresc {
			padding: 5vw;
		}

		.tlo_technologie .tresc h2{
			margin-left: 5vw;
			margin-bottom:  4vw;
		}

		.tlo_cennik{
			margin: 5vw;
			/*background-image: url('../img/wyceny-k_95.jpg');*/
			background-repeat: no-repeat;
			background-position: bottom right;
			background-size: auto auto;
			padding-bottom:  15vw;
			position: relative;
		}

		.tlo_cennik .tresc{
			padding: 0px 5vw;
		}
		.tlo_cennik .tresc .box_z{
			/*background-image: url('../img/z-box.webp');*/
			background-size: cover;
			padding:  2vw 5vw;
		}

		.tlo_cennik .tresc .box_z h2{
			color: #fff;
			display: inline-block;
			width: 300px;
			line-height: 80px;
			float: left;
		}

		.tlo_cennik .tresc .box_z a {
			color: #fff;
			width: calc(100% - 300px);
			display: inline-block;
			background-color:  rgba(0,0,0,0.2);
			overflow: hidden;
			padding:  20px;
		}

		.tlo_cennik .tresc .box_z a:hover {
			background-color:  rgba(0,0,0,0.8);
		}

		.tlo_cennik .tresc .box_z a span{
			display: block;
			line-height:  20px;
			font-size: 16px;
			font-weight: 600;
			float: left;
		}

		.tlo_cennik .tresc .box_z a i{
			font-size:  40px;
			line-height: 40px;
			float: right;
		}

		.tlo_cennik .tresc .wycenyIMG{
		    position: absolute;
		    top: -5vw;
		    right: 15vw;
		    cursor: pointer;
		    /*pointer-events: none;*/						
		    -webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
		}
		.tlo_cennik .tresc .wycenyIMG:hover{
		    right: 14vw;						
		    -webkit-transition:0.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;
		}

		.tlo_liczniki{
			margin: 5vw 0px;
		}
		.tlo_liczniki .liczniki_grid{
			/*background-image: url('../img/tlo_liczniki_12.jpg');*/
			background-size: cover;
			display: grid;
			grid-template-columns:  1fr 1fr 1fr;
		}

		.tlo_liczniki .liczniki_grid div{
			padding: 6vw 3vw;
			text-align: center;
			color: #fff;
		}

		body.influ .tlo_liczniki .liczniki_grid div p{
			color: rgba(255,255,255,0.7);
		}
		.tlo_liczniki .liczniki_grid div span{
			color: #fff;
			color: var(--kolor-czerwony);
			font-size:  3vw;
			font-weight:  700;

		}		
		.tlo_liczniki .liczniki_grid div h3{
			color: #fff;
			text-transform: uppercase;
			margin: 0px !important;
			
		}
		.tlo_liczniki .liczniki_grid .l2{
			background-color:  rgba(0,0,0,0.2);
		}

		.tlo_my{
			margin: 5vw;
			/*background-image: url('../img/wyceny-k_95.jpg');*/
			background-repeat: no-repeat;
			background-position: top left;
			background-size: auto auto;
		}

		.tlo_my .tresc{
			padding:  5vw;
		}
		
		.tlo_my .tresc h2{
			margin-left: 5vw;
			margin-bottom:  4vw;
		}
		.tlo_my em{
			display: block;
			font-size: calc(12px + 0.3vw);
			margin-left: 30px;
			margin-top:  -1.3em;

		}

		.tlo_kontakt{
			margin: 5vw 0px 0px 5vw;
			position: relative;

			/*background-image: url('../img/wyceny-k_95.jpg');*/
			background-repeat: no-repeat;
			background-position: top left;
			background-size: auto auto;
			padding-top: 3vw;
		}

		.tlo_kontakt img.mapaImg{
			position: absolute;
			right: 0px;
			top: 0px;
		}

		.tlo_kontakt .tresc{
			/*background-image: url('../img/mapa_102.jpg');*/
			background-repeat: no-repeat;
			background-position: top right;
			background-size: auto 100%;

			padding-bottom: 5vw;
		}
		.tlo_kontakt .box_k{
			width: 45%;
			background-color: #fff;
			margin: 3vw;
    		padding: 5vw;

    		position: relative;
		}


		.tlo_kontakt .box_k ul{
			list-style: none;

		}

		.tlo_kontakt .box_k ul a {
			display: grid;
			grid-template-columns:  50px 1fr;
			align-items: center;
			line-height: 1.1em;
		}

		.tlo_kontakt .box_k ul a i{
			text-align: right;
			padding-right: 10px;
		}

		.socials{
			position: absolute;
			top: 0px;
			right: 0px;
			background-image: url('../img/social-k_134.png');
			background-position: bottom center;
			background-repeat: no-repeat;
			padding: 5vw;
    		margin-right: -6vw;
		}
		.socials .socials_box{

			background-image: url('../img/tlo_social_166.webp');
			background-size: cover;
			background-position: center center;
    		padding: 5px 15px;
    		text-align: center;

		}

		.socials .socials_box a{
			display: block;
			font-size:  42px ;
			color: #fff;
			padding: 10px;
		}



		
		#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  {
			padding-bottom: 2vw;
		}
		.tlo_transparentne.tlo_strona header {
			overflow: hidden;
			padding-top: 9.2vw;
			padding-top: calc(2vw + 140px);
			padding-left: 15vw;
			padding-right: 15vw;
			padding-bottom: 2vw;

			background-image: url('../img/z-box.webp');
    		background-size: cover;

		}
		.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 {
			/*position: absolute;*/
			z-index: 500;
			color: #fff;  
			font-size: calc(46px + 1vw);
			/*margin: 14vw 25vw 5vw 15vw;*/
			/*height: 19vw;*/
			vertical-align: middle;
			display: table;
			text-transform: none;
			letter-spacing: 0px;
			font-weight: 500;
		}
		.tlo_transparentne.tlo_strona header h1 span {
			display: table-cell;
			vertical-align: middle;
		}
		.tlo_transparentne.tlo_strona .kreska.kkontakt {
			top: 25.5vw;
		}
		.tlo_transparentne.tlo_strona article {
			margin: 5vw 15vw 1vw 15vw;
		}
		.tlo_transparentne.tlo_strona article h2 {
			font-size: calc(22px + 1vw);
		}

		.tlo_szare_onas{
			background: #f2f2f2;
   			padding: 2vw;
			border-radius: 10px;
			box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
		}
		.tlo_transparentne.tlo_strona article h2.h2-onas {
			font-size: calc(22px + 3vw);
			color: var(--kolor-czerwony);
			margin: 0px;
			margin-top: -30px;
		}

		
		.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_onas{
			background-image: url('../img/tlo_ona2_10.jpg');
			background-size: auto 100% ;
			background-position: left center;
			padding:  calc(5vw + 100px) 15vw;
			margin: 0px ;
			margin-top: -100px;

		}

		.tlo_onas .tresc{
			padding-left: 25vw;
		}

		.tlo_onas .tresc a{
			text-transform: uppercase;
			font-weight: 600;
		}
		.tlo_onas .tresc a:hover{
			padding-left: 10px;
		}



		.tlo_zalety{
			/*background-image: url("../img/tlo_zalety_06.png");*/
			background-size: auto 45vw;
			background-repeat:  no-repeat;
			background-position: top left;
			margin: 0px;
			margin-top: -5vw;
			padding:  5vw;
		}
		.tlo_zalety .tresc_knt{
			width:  45vw;
			margin: 5vw 0px;
			margin-left: 40vw;
		}
		.tlo_zalety ul{
			margin: 0px !important;
			list-style: none;
			font-size:  calc(14px + 0.5vw);
			font-weight:900 ;
		}

		.tlo_zalety ul li{
			margin: 2vw;
		}
		.tlo_zalety ul li:before {

		  display: inline-block;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  -webkit-font-smoothing: antialiased;

		  font-family: "Font Awesome 5 Free"; 
		  font-weight: 900; 
		  content: "\f058";

		  margin-left: -1.5em; 
		  width: 1.3em;
		  font-size:  1em; 
		  color: var(--kolor-glowny);
		 
		}


		.tlo_formularz{
		    margin: 5vw 20vw;
		    text-align: center;
		}

		.tlo_formularz .duzyLink{
			font-size: calc(18px + 0.5vw);
			margin: 20px 40px;
			color: var(--kolor-glowny);
			font-weight: 700;

		}

		.tlo_formularz .duzyLink i{
			color: var(--kolor-glowny);
			padding-right:  5px;
		}

		.formularzBox{
			background-color: #f3f0f3;
			/*clip-path: polygon(150px 0%, 100% 0%, 100% calc(100% - 100px), calc(100% - 150px) 100%, 0% 100%, 0% 100px);*/
			margin: 2vw 0px;
			padding: 3vw 5vw;
		}


		ul.panel_klienta_menu {
			padding:0px; margin:0px;
		}
		ul.panel_klienta_menu:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		} 
		ul.panel_klienta_menu li {
			list-style:none;
			float:left;
			margin: 10px 2% 10px 2%;
			text-align:center;
			width:29.3333%;
			font-weight: bold;
			clip-path: polygon(100px 0%, calc(100% - 100px) 0%, 100% 100px, 100% calc(100% - 100px), calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);
		} 
		ul.panel_klienta_menu li a i  {
			display: block;
			font-size: 36px;
			margin-bottom: 10px;
			color: var(--kolor-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 {
			border-top: 1px solid #ddd;
			/*border-radius: 10px;*/
			overflow: hidden;
			margin-bottom: 1em;
		}
		.info_roz_ng:hover {
			/*background-color: #f2f2f2;*/
		}
		.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 {
			padding: 0px;
			background-color: transparent;
		}
		#zawartosc .info_roz_ng h3 {
			padding: 0px 25px 0px 0px;
			margin: 0px;
			font-size: 15px;
			line-height: 18px;
			/*font-size: calc(16px + 0.4vw);*/
			font-weight: 700;
			text-transform: none;
			letter-spacing: 0px;
		}
		.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.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 {
			/*border-top: 1px solid #ddd;*/
			padding: 15px 25px 15px 25px;
			display: none;
		}		


		/*FORMULARZ WYCENY*/

		
		.szablon_k2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 2vw;
		}
		.tlo_koropki{
			background-image: url('../img/tlo_kropki_03.png') !important;
			background-size: auto auto;
			background-repeat: no-repeat;
			background-position: top left;

		}
		.tlo_transparentne.tlo_strona article .szablon_k2 h2{
			font-size: 30px;
			padding-top: 30px;
			padding-left: 30px;

		}
		.telefonBtn{
			color: #b12f4d;
			float: left;
			font-size: 44px;
			padding: 10px 30px;
			border: 4px solid #b3b3b3;
			border-radius: 10px;
			margin: 10px 50px;
			font-weight: 700;
			background-color: #fff;

			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);


		}

		.labelNaklad{
			overflow: hidden;
		}
		.labelNaklad input.formInputNaklad{
			color: #082a3d;
			font-size: 24px;
			padding: 10px 30px;
			border: 4px solid #b3b3b3;
			border-radius: 10px;
			margin: 20px 50px;
			font-weight: 700;
			background-color: #fff;

			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
			width: 200px;
			float: left;
			height: 70px;
			margin-right: 20px;

		}

		.labelNaklad span{
			  font-size: 24px;
			  color: #082a3d;
			  float: left;
			  line-height: 70px;
			  margin: 20px 0px;
			  font-weight: 700;
		}

		.telefonBtn:hover{
			background-color:  #b3b3b3;
		}

		ul.menuProduktow {
			margin: 0px;
			padding: 0px;
			display: flex;
			padding: 0px 30px;
		}
		ul.menuProduktow li {
			flex: 1;
			background-color: #fff;
			margin: 10px;
			padding: 0px;
			list-style: none;
			position: relative;
			border: 3px solid #fff;
			border-radius: 20px;
		}

		ul.menuProduktow li a{
			display: block;
			text-align: center;
			cursor: pointer;
			padding: 10px;
			color: #585f63;
			font-weight: 600;
			font-size: px;
			line-height: 1.3em;

		}

		ul.menuProduktow li a img{
			border-radius: 20px;
		}

		ul.menuProduktow li.aktywny{
			border-color: #af092d;
			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
		}




		#formularz_wyceny_box {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 2vw;

		}
		#formularz_wyceny{
			margin: 30px;
		}


		.atrybutyGrid {
			display:flex;
			/*display:grid;
			grid-template-columns: 1fr 1fr 1fr ;
			*/
			overflow-y: auto;
			margin: 20px 50px;

		}
		.ngh{
			margin-top: 20px;
		}
		.bg-info-nadruku{
			background-color: #d9edf7;
			font-size: 14px;
			font-style: italic;
			padding: 5px 15px 5px 15px !important;
		}	

		.cena_formularza{
			width: 100%;
			background-image: url('../img/cena_tlo_06.png');
			background-repeat: no-repeat;
			background-size: auto auto;
			background-position: top center;
			padding: 50px 0px;
			margin: 50px 0px;
			text-align: center;
		}

		.cena_formularza h2{
			margin: 0px auto;
			line-height: 80px;
			display: inline-block;
			padding: 0px 50px;
			background-image: url('../img/tlo_btn_06.webp');
			background-size: cover;
			background-position: center center;
			border-radius: 20px;
			color: #fff;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		}

		.cena_formularza h2 span{
			font-size: 0.8em;
		}




		.atrybutyGrid aside {
			text-align:center;
			
			cursor: pointer;
			margin: 10px;
			opacity: 0.8;

			border: 1px solid #f2f2f2;
			position: relative;

			padding: 0px;
			background: #fff;
			border: 4px solid #b3b3b3;
			border-radius: 10px;
			margin-top: 17px;

		}
		.atrybutyGrid aside input{
			opacity: 0;
			position: absolute;
			top: 0px;
		}
		.atrybutyGrid aside img{
			width: 100%;
			cursor: pointer;
			height: auto;
			opacity: 0.7;
		}

		.atrybutyGrid aside label{
			margin: 0px;
		}
		.atrybutyGrid aside span{
			width: auto;
			cursor: pointer;
			height: auto;
			padding:10px;
			color: var(--kolor-szary);
			font-weight: 500;
			display:block;

			padding: 0px 20px;
			line-height: 62px;
			font-size: 24px;
			color: #082a3d;
			font-weight: 700;




		}

		.atrybutyGrid aside.aktywny {
			border-color: #af092d;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		}
		.atrybutyGrid aside.aktywny img{
			opacity: 1;
		}





		#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 h4 {
			margin-top: 1.8rem;
			margin-bottom: 1rem;
		}
		#zawartosc h5, #zawartosc h6 {
			margin-top: 1.6rem;
			margin-bottom: 0.8rem;
		}
		#zawartosc ul {
			margin-bottom: 1.5rem;
		}


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

		.zalacznik + label {
		    max-width: 80%;
		    font-size: 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-glowny);
			text-transform: uppercase;
			/*margin-right: 20px;*/
			font-size: 16px;
			line-height: 1.3em;
			color: #fff;
			font-weight: 900;
			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;
		}
		.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;
		}
		#formularz_knt h3{
			text-align: left;
			/*margin: 2vw 10px;*/
			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;
		}
		input.formInput {
			font-family: var(--czcionka);
			font-size: 16px;
			border: 0px;
			margin: 5px 0px;
			padding: 15px;
			color: #566166;
			background-color: var(--kolor-jasnoszary);
			width: 100%;
		}
		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 0px;
			padding: 15px;
			color: #566166;
			background-color: var(--kolor-jasnoszary);
			height: 200px;
			width: 100%;
		}
		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;
		}



		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 2vw 10px 2vw;
			color: #000;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 700;
			line-height: 26px;
			letter-spacing: 2px;
			border: none;
			cursor: pointer;
			background-color: transparent;
			font-family: var(--czcionka);
			text-align: center;
			letter-spacing: 2px;
			color: #fff;
			float: right;
			background-image: url('../img/tlo_social_166.webp');
			background-size: cover;


		}
		body.influ button.formBtn:hover {
			text-decoration: none;
			margin-left: 1vw;
			color: var(--kolor-glowny);
		}



		/*.wp-block-embed-youtube, .wp-block-embed-youtube iframe{
			max-width: 1000px;
			max-height: 600px;
			min-height: 315px;
			padding-bottom: 0px;
			/*border-radius: 10px;*/
		}*/

		.kontakt_txt iframe{
			width: 100%;
			height: 400px;
			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.menuOfert {
			text-align: center;
			margin-left: 0px;
			padding-top: 20px;
			padding-bottom: 20px;
			background-color: rgba(0,0,0,0.1);
		}
		ul.menuOfert li {
			display: inline-block;
			list-style: none;
			margin: 10px;
			text-transform: uppercase;
		}
		ul.menuOfert li a {
			display: inline-block;
			padding: 3px 25px;
			background-color:  rgba(0,0,0,0.15);
			border-radius: 25px;
			color: #333;
			cursor: pointer;
		}
		ul.menuOfert li a:hover {
			color: #fff;
			background-color: var(--kolor-ciemnoszary);
		}
		ul.menuOfert li a.wybrane,
		ul.menuOfert li a.wybrane:hover {
			color: #fff;
			font-weight: bold;
			background-color: var(--kolor-glowny);
		}


		.ofertaUl{
			padding:0px;
			margin:0px;
			list-style: none;
		}

		.ofertaUl li{
			border-radius: 10px;
			margin:25px 5vw;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
			background-color: #fff;
		}
		.ofertaWiersz{
			width: 100%;
			display: grid;
			grid-template-columns: 1fr 2fr 1fr;
			/*align-items: center;*/
		}


		.ofertaWiersz img.icon{
				width: 100%;
				height: auto;
				border-radius: 10px;
		}
		.ofertaOpcje{
			padding: 5vw;
		}

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

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

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

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

		.tlo_realziacje{
			padding: 5vw 0px;
			padding-bottom: 7vw;
		}
		.realizacjeGrid{
			display: grid;
			grid-template-columns: 19.5vw 19.5vw 19.5vw 19.5vw 19.5vw 19.5vw 19.5vw 19.5vw ;
			grid-template-rows: 21.5vw;
			grid-gap: 0.4vw;
			position: relative;
			left: -60vw;
		}

		.realizacjeGrid div{
			/*background-color: #243d85;*/
			border-radius: 10px;
			position: relative;
			margin: 2vw 0px;
		}

		/*.realizacjeGrid div section{
			background-size: cover;
			background-position: center center;
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0.2;
			border-radius: 10px;
		}*/
		.realizacjeGrid div.opis{
			/*background-color: #fc7a00;*/
			margin: 0px;

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

		.realizacjeGrid div.opis:hover{
			filter: grayscale(100%);
			/*transform: scale(1.1);*/
		}

		.realizacjeGrid div.opis a {
			height: 100%;
			display: block;
			position: relative;
		}
		.realizacjeGrid div.opis a h2{
			padding: 4vw 2vw;
			color: #fff;
			font-weight: 500;
		}

		.realizacjeGrid div.opis a img{
			position: absolute;
			bottom: 30px;
			width: auto;
			max-width: 95%;
		}


	/** MAIN



	/** FOOTER **/

		.stopka {
			background-image: url('../img/tlo_stopka.jpg');
   			background-position: center center;
			padding: 4vw 10vw 4vw 10vw;
			display: grid;
			color: #cecece;
			grid-template-columns: 1fr 1fr;
		}
		.stopka a{
			color: #cecece;
		}
		
		.stopka .priv{
			text-align: right;
		}

		#influencja  {
			padding: 1vw;
			display: block;
			margin: 0px;
			width: 100%;
			text-align: center;
		    border-top: 1px solid rgba(255,255,255,0.1);
		    /*background-color: rgba(255,255,255,0.05);*/
		}
		#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-glowny);
			background-color: var(--kolor-glowny);

		}

		#do_gory {
			position: fixed;
			bottom: -150px;
			right: 0px;
			cursor: pointer;
			z-index: 1000;
			/*width: 4.6vw;*/
			padding-bottom: 0;
			padding-top: 1vw;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
			/*transform: scale(0.8);*/
			/*filter: grayscale(100%);*/
			opacity: 0.8;
		}
		#do_gory.pokaz {
			bottom: -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;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: -10px;
		}
		.kolor {
			color: var(--kolor-glowny);
		}
		.szary {
			color: var(--kolor-ciemnoszary);
		}


			ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
			ul.kolumny_zalaczniki{
				padding: 0px;
			}
			ul.kolumny_zalaczniki li{
				/*width: 45%;*/
				margin: 0px 0px 10px 0px;
				/*border: 1px solid #eee;*/
				border-radius: 40px;
				text-align: left;
				/*float: left;*/
				list-style: none;
				overflow: hidden;
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li a p {
				margin: 0px;
				padding: 0px;
			}
			ul.kolumny_zalaczniki li a {
				display: block;
				margin: 0px;
				padding: 5px 25px 5px 25px;
				color: #000;
			}
			ul.kolumny_zalaczniki li a svg {
				color: var(--kolor-glowny);
			}
			ul.kolumny_zalaczniki li:hover a {
				/*color: #fff;*/
				padding: 5px 20px 5px 30px;
				box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
				/*background-color: var(--kolor-glowny);*/
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li:hover a svg {
				/*color: #fff;*/
			}
			ul.kolumny_zalaczniki li img{
				border:1px solid #ccc;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
				opacity: 0.6;
				width: 200px;
			}

			ul.kolumny_zalaczniki li:hover img{
				opacity: 1;
			}
			.alignnone {
				margin: 1.625em;
			}
			.alignleft {
				display: inline;
				float: left;
				margin-right: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignleft:hover {
			}
			.alignright {
				display: inline;
				float: right;
				margin-left: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignright:hover {
			}
			.aligncenter {
				clear: both;
				display: block;
				margin-left: auto !important;
				margin-right: auto !important;
				margin-top: 20px !important;
				margin-bottom: 20px !important;
			}
			.aligncenter:hover {
			}
			.text-uppercase {
				text-transform: uppercase;
			}
			.text-center {
				text-align: center;
			}
			.text-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);
			}
	/** DODATKI **/


	 /*Upload zdjec*/
			.upload_zdjec {
			    font-size: 14px;
			    padding: 15px;
			    border: 1px solid #eee; 
			    margin-bottom: 15px;
			}
			.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: 20px;
				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: 0px 15px !important;
				margin-top: 0px;
				right: -5px;
				position: absolute;
				font-size: 16px !important;
				border: 0px !important;
				color: #b12f4d;
				opacity: 0.7;
			}

			.usunBtn:hover{
				opacity: 1;
			}

			.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: #3c763d;
			}
			a.text-success:hover,
			a.text-success:focus {
			  color: #2b542c;
			}
			.text-info {
			  color: #31708f;
			}
			a.text-info:hover,
			a.text-info:focus {
			  color: #245269;
			}
			.text-warning {
			  color: #8a6d3b;
			}
			a.text-warning:hover,
			a.text-warning:focus {
			  color: #66512c;
			}
			.text-danger {
			  color: #cc0000;
			}
			a.text-danger:hover,
			a.text-danger:focus {
			  color: #cc0000;
			}
			.bg-primary {
			  color: #fff;
			  background-color: #337ab7;
			  padding: 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;
		/*box-shadow: 0px 0px 80px rgba(0,0,0,0.2);*/
 	}
 	.wp-block-columns .blocks-gallery-grid	{
 		margin-bottom: 0px !important;
 		/*border-radius: 10px;*/
		/*box-shadow: 0px 0px 80px rgba(0,0,0,0.2);*/
 	}
 	.wp-block-column {
 		margin: 0px;
 	}
 	.wp-block-column h1,
 	.wp-block-column h2,
 	.wp-block-column h3,
 	.wp-block-column h4,
 	.wp-block-column h5,
 	.wp-block-column h6,
 	.wp-block-column p,
 	.wp-block-column ul
 	{
 		/*margin-left: 2vw;*/
 		/*margin-right: 2vw;*/
 	}
 	/*.wp-block-column h2 {
 		padding-top: 3vw;
 	}*/
 	.wp-block-column .wp-block-gallery {
 		margin: 0px !important; 
 	}
 	.wp-block-column .wp-block-gallery ul
 	{
 		margin-left: 0px;
 		margin-right: 0px; 		
 	}
 	.wp-block-column:not(:first-child) {
 		/*margin-left: 2vw;*/
 	}
 	.tlo_strona .wp-block-columns {
 		margin-top: 3vw !important;
 		margin-bottom: 3vw !important;
 	}


 	.tlo_strona_tresc{
		margin: 0px;
		padding-top: calc(100px + 5vw);
		padding-bottom: 5vw;
		padding-right: 25vw;
		padding-left: 10vw;
		background-image:url('../img/tlo_strony_04.png');
		background-position: right top;
		background-size: 50% auto;
		background-repeat: no-repeat;
		/*line-height: 24px;*/
 	}
 	.tlo_strona_tresc.bez_tla{
		background-image:none;
		padding-right: 25vw;
		padding-left: 15vw;
 	}

 	.tlo_strona_lista{
		margin: 0px;
		padding-top: calc(100px + 5vw);
		padding-bottom: 5vw;
		padding-right: 10vw;
		padding-left: 10vw;
 	}

 	.tlo_strona_lista span.ngSpan{
 		text-transform: uppercase;
 		font-size: calc(16px + 0.3vw);
 		color: var(--kolor-glowny);
 		display: block;
 		letter-spacing:  0.03em;
 	}
 	.tlo_strona_lista h1{
 		text-transform: uppercase;
		color: var(--kolor-glowny);
		font-weight: 700;
		font-size: calc(22px + 2vw);
		margin: 0px 0px 1vw 0px;
 	}

 	#filtryKategorii{
 		background-color: #f6f6f6;
 		padding-left:  10vw;
 		margin-left:  -10vw;
 		/*clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 0%);*/
 		display: inline-block;
		padding-right: 50px;

 		line-height:  26px;
 		overflow: hidden;
 	}
 	#filtryKategorii span{
 		float: left;
 		line-height: 26px;
 		text-transform: uppercase;
 		color: var(--kolor-glowny);
 		padding: 1vw;
 	}

 	#filtryKategorii ul{
 		float: left;
 		display: inline-block;
 		margin: 0px;
 		padding: 0px;
 		overflow: hidden;

 	}
 	#filtryKategorii ul li{
 		display: block;
 		margin: 0px;
 		padding: 1vw 0.5vw;
 		float: left;
 		line-height:  26px;
 	}
 	#filtryKategorii ul li a {
 		cursor: pointer;
 	}
 	.ladowanieProduktow img{
		width: 80px;
		margin: 20px;
 	}

 	.poz_filtr{
 		color: #92848c;
 		text-transform: uppercase;
 		font-weight: 700;
 		font-size: calc(15px + 0.2vw);
 	}
 	.poz_filtr i{
 	}

 	.poz_filtr .no{
 		display: inline-block;
 	}
 	.poz_filtr .yes{
 		display: none;
 	}

 	.aktywnyFiltr .no{
 		display: none;
 	}
 	.aktywnyFiltr .yes{
 		display: inline-block;
 	}

 	.aktywnyFiltr{
 		color: var(--kolor-glowny);
 		text-transform: uppercase;
 		font-weight: 700;
 	}
 	.aktywnyFiltr i{
 		color: var(--kolor-glowny);
 	}
 	ul.produkty{
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr 1fr;
 	}

 	ul.produkty li{
 		margin: 0px;
 		position: relative;
 		/*padding: 30px;*/

		/*-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;*/
 	}
 	ul.produkty li .cienProduktu {
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
 	}
 	ul.produkty li .cienProduktu:hover {
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
 		filter: drop-shadow(0px 0px 92px rgba(0, 0, 0, 0.2));
 		z-index: 10;
		position: absolute;
 	}
 	#slajderPromocj a,
 	ul.produkty li a{
 		display: block;
 		background: transparent;
		color: #222;
		padding: 3vw 4vw 3vw 4vw;
		/*clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);*/
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		
 	}
 	#slajderPromocj .cienProduktu {
 		width: 20vw;
 	}
 	ul.produkty li:hover a{
		background: #fff;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
 		transform: scale(1.1);
 	}
 	ul.produkty  li a:hover  {
 	}
 	#slajderPromocj span.tytul,
 	ul.produkty li span.tytul{
		font-family: var(--czcionka);
 		display: block;
 		margin-top: 10px;
 		font-size:  calc(14px + 0.3vw);
 		font-weight: 900;
 		text-align: center;
 		line-height: 1.3em;
 		color: var(--kolor-glowny);
 		text-transform: uppercase;
 	}
 	#slajderPromocj span.nazwa,
 	ul.produkty li span.nazwa{
		font-family: var(--czcionka);
 		display: block;
 		font-size:  calc(13px + 0.3vw);
 		font-weight: 400;
 		text-align: center;
 		line-height: 1.3em;
 		color: #92848c;
 		margin: 0px !important;
 	}
 	ul.produkty li:hover span.tytul{
 		color: var(--kolor-glowny);
 	}
 	#slajderPromocj span.cena,
 	ul.produkty li span.cena{
 		display: block;
 	}
 	ul.produkty.kategorie{
 		grid-template-columns:  1fr 1fr;
 	}
 	ul.produkty.kategorie li span.tytul{
 		margin-top: 25px;
 		font-size:  calc(20px + 0.3vw);
 	}
 	#slajderPromocj a,
 	ul.produkty.kategorie li a{
		padding: 5vw 4vw 5vw 4vw;
	}
 	#slajderPromocj .cena.kolor,
 	ul.produkty .cena.kolor {
 		display: block;
 	}
 	#slajderPromocj .cena.kolor span,
 	ul.produkty .cena.kolor span {
 		font-size: 14px;
 		font-weight: 400;
 		color: #333;
 		text-decoration: line-through !important;
 	}
 	#slajderPromocj .cienProduktu {
 		overflow: hidden;
 	}
 	#slajderPromocj .cienProduktu a {
		padding: 0px;
		margin: 1vw 2vw 1vw 2vw;
		/*clip-path: none;*/
		overflow: hidden;
 	}
 	#slajderPromocj .cienProduktu img {
		padding: 1vw 2vw 1vw 2vw;
 	}
 	#slajderPromocj .cienProduktu:hover img {
 		transform: scale(1.1);
 	}
 	#slajderPromocj span.tytul {
 		font-size:  calc(14px + 0.3vw);
 	}
 	.slajderPrev, .slajderNext {
 		float: right;
 		font-size: 2vw;
 		cursor: pointer;
 		margin: 1vw 0.5vw 1vw 0.5vw;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
 	}
 	.slajderPrev:hover, .slajderNext:hover {
 		transform: scale(1.2);
 		color: var(--kolor-glowny);
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
 	}


	.tlo_aktualnosci_idx ul.aktualnosci {
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr 1fr;
	}
	ul.aktualnosci {
 		list-style: none;
 		margin: 0px;
 		display: grid;
 		grid-template-columns:  1fr 1fr 1fr;
 		grid-gap: 2vw;
	}
 	ul.aktualnosci li{
 		/*margin: 20px 15px 25px 15px;*/
 	}
 	ul.aktualnosci li a{
 		display: block;
 	}
 	ul.aktualnosci li a h4{
 		color: var(--kolor-glowny);
 		font-weight: bold;
 		font-size: 20px;
 		letter-spacing: 0px;
 	}
 	ul.aktualnosci li:hover a h4{
 		color: var(--kolor-glowny);
 		transform: translate(10px,0px);
 	}
 	ul.aktualnosci li a h4 span{
 		display: block;
 		font-size: 12px;
 		color: var(--kolor-szary);
 		/*letter-spacing: 2px;*/
 		/*position: absolute;*/
 		/*width: 140px;*/
 		/*height: 50px;*/
 		/*line-height: 50px;*/
 		/*margin-top: -65px;*/
 		/*background-color: #fff;*/
		/*clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);*/
 	}
 	ul.aktualnosci li img{
 		width: 100%;
 		height: auto;
 		/*clip-path: polygon(40px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 40px) 100%, 0% 100%, 0% 20px);*/
		/*clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);*/
 	}
 	ul.aktualnosci li:hover img{
 		/*transform: scale(1.08);*/
 		transform: translate(10px,0px);
 	}

 	.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;
}*/
	.editor-styles-wrapper ul.zalety li,
	.editor-styles-wrapper ul.wady li,
	ul.zalety li,
	ul.wady li {
		list-style: none;
	}
	.editor-styles-wrapper ul.zalety li:before,
	.editor-styles-wrapper ul.wady li:before,
	ul.zalety li:before,
	ul.wady li:before {
		position: absolute;
		margin-left: calc(-15px - 0.4vw);
		margin-top: 1px;
	}
	.editor-styles-wrapper ul.zalety li,
	ul.zalety li:before {
	 	font-family: "Font Awesome 5 Free";
		content: "\f0fe";
		color: #2bb241;
	}
	.editor-styles-wrapper ul.wady li,
	ul.wady li:before {
	 	font-family: "Font Awesome 5 Free";
		content: "\f146";
		color: #cf3648;
	}


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



 	.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-glowny);
		color: var(--kolor-glowny);
		line-height: 1.3em;
 	}
 	.wybierz_pakiet aside.aktywny label{
		background-color: var(--kolor-glowny);
		color: var(--kolor-glowny);
	}

 	.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-glowny);
 	}
 	.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-glowny);
 		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;
	}
	.btn_wycena_mobil {
		display: none;
	}

	/** 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;
		  transform: translate(-50%, -50%);
		  position: relative;
		  top: 30px;
		  margin: 0 auto;
		}

		.box_m {
		  transform: translate(-50%, -50%);
		  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: 5px;
		  background: var(--kolor-glowny);
		  transition: all .3s;
		  position: relative;
		}
		.box_m span:nth-child(2) {
		  /*height: 4px;*/
		}

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

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

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

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

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

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

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

		@keyframes top {
		  0% {
		    top: 0;
		    transform: rotate(0);
		  }
		  50% {
		    top: 17px;
		    transform: rotate(0);
		  }
		  100% {
		    top: 17px;
		    transform: rotate(45deg);
		  }
		}

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

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

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

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

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


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

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

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


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

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



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

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



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

   .blocks-gallery-grid .blocks-gallery-image figure,
   .blocks-gallery-grid .blocks-gallery-item figure,
   .wp-block-gallery .blocks-gallery-image figure,
   .wp-block-gallery .blocks-gallery-item figure {
 		margin-bottom: 1em;
	}
	.mapaGoogle{
		width: 100%;
		border-radius: 10px;
		box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2);
	}

		@-webkit-keyframes flash {
		    0% {
		        transform: scale(1);
		    }
		    3% {
		        transform: scale(1.1);
		    }
		    6% {
		        transform: scale(1);
		    }
		    9% {
		        transform: scale(1.1);
		    }
		    12% {
		        transform: scale(1);
		    }
		    100% {
		        transform: scale(1);
		    }
		}
		@keyframes flash {
		    0% {
		        transform: scale(1);
		    }
		    3% {
		        transform: scale(1.1);
		    }
		    6% {
		        transform: scale(1);
		    }
		    9% {
		        transform: scale(1.1);
		    }
		    12% {
		        transform: scale(1);
		    }
		    100% {
		        transform: scale(1);
		    }
		}
		@-webkit-keyframes win {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 1;
		    }
		}
		@keyframes win {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 1;
		    }
		}