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

	:root {
	  --kolor-glowny: #04a500;

	  --kolor-zielony: #04a500;

	  --kolor-granat: #002351;
	  --kolor-tekst: #282b28;
	  --kolor-ciemny: #010000;
	  --kolor-czarny: #282b28;
	  --kolor-bialy: #fff;
	  --kolor-szary: #888888;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #999;
	  --kolor-jasnybraz: #d98229;
	  --czcionka: 'Play', sans-serif;
	  --czcionka-2: 'Play', sans-serif;

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

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

	html {
	  font-size: 20px;
	  font-weight: 400;
	  line-height: 1.6em;
	  margin: 0px !important;
	  color: var(--kolor-tekst);
	}

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

	/* WP core classes*/

		.wp-block-embed-youtube {
		    position: relative;
		    padding-bottom: 56.25%;
		    padding-top: 35px;
		    width: 100%;
		    height: 0;
		    overflow: hidden;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		.editor-styles-wrapper p {
			line-height: 1em  !important;
		}
		.editor-post-title__block .editor-post-title__input,
		.editor-styles-wrapper .wp-block h1,
		.editor-styles-wrapper .wp-block h2,
		.editor-styles-wrapper .wp-block h3,
		.editor-styles-wrapper .wp-block h4,
		.editor-styles-wrapper .wp-block h5,
		.editor-styles-wrapper .wp-block h6,
		.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
		.editor-styles-wrapper cite,
		.editor-styles-wrapper figcaption,
		.editor-styles-wrapper .wp-caption-text {
			font-family: var(--czcionka);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka);
		}
		pre,
		pre *,
		code,
		code *,
		.block-editor-block-list__layout pre,
		.block-editor-block-list__layout pre *,
		.wp-block-html .block-editor-plain-text {
			font-family: 'Courier New', Consolas, monospace;
		}
		.wp-block {
			max-width: 80%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
			border-radius: 50px 0px !important;
		}

		.wp-block-image.border_left,
		.wp-block-image.border_right{
			position: relative;
		}

		.wp-block-image.border_right::before {
		  content: " ";
		  width: calc(100% - 100px);
		  height: calc(100% + 48px);
		  border: 1px solid #000;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: -1;
		  top: -25px;
		  right: -25px;
		}


		.wp-block-image.border_left::before {
		  content: " ";
		  width: calc(100% - 100px);
		  height: calc(100% + 48px);
		  border: 1px solid #000;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: -1;
		  top: -25px;
		  left: -25px;
		}




		.wp-block-image img {
			border-radius: 0px !important;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
		}

		.wp-block-image a.influ_galeria_a img {
			border-radius: 0px !important;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 40px) 100%, 100% calc(100% - 40px), 100% 0%);
		}
		a {
		    color: var(--kolor-glowny);
		    text-decoration: none;
		    transition: 0.2s;
		    cursor: pointer;
		}
		a:hover {
		    transition: 0.2s;
		    color: #000 !important;

		   /* text-decoration-style: dashed;
			  text-decoration-color: var(--kolor-glowny);
			  text-decoration-line: underline;*/
		}

		@media only screen and (max-width: 500px) {    
			.wp-block {
				width: 90%;
				max-width: 90%;
			}
		}

		section{ padding:0px; }
		button:hover {
			text-decoration: none;
		}

	 	.wp-block-columns{
	 		align-items: normal;
	 		margin: 30px 0px;
	 	}

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



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

	/* SEKCJA ROZWIJANA */
		.info_roz_knt {
			border: 1px solid #ddd;
			border-radius: 0px;
			overflow: hidden;
			margin-bottom: 1em;
		}
		.info_roz_knt .info_roz_ng:hover {
		}
		.info_roz_knt .info_roz_ng {
			padding: 15px 25px 13px 25px;
			cursor: pointer;
			position: relative;
		}
		.info_roz_knt .info_roz_ng img {
			position: absolute;
			right: 10px;
			top: 3px;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(0.7);
		}
		.info_roz_knt.rozwiniete .info_roz_ng img {
			transform: rotate(180deg) scale(0.7);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.info_roz_tr {
			border-top: 1px solid #ddd;
			padding: 25px 25px 15px 25px;
			display: none;
			background-color: #fafafa;
			font-size: 16px;
		}		
		body.influ .info_roz_tr p,
		.info_roz_tr p,
		body.influ .info_roz_tr li,
		.info_roz_tr li {
			font-size: 16px;
		}
	/* SEKCJA ROZWIJANA */


	body.influ {
		margin: 0px;
		padding: 0px;
		font-family: var(--czcionka);
		width: 100%;
		overflow-x: hidden;
		background-color: #fff;
		max-width: 2000px;
		margin: auto;

	}

	.opacity_0{
		opacity: 0;
	}

	/*HEADER*/
		#glowny_naglowek_knt {
			position: static;
			top: 0px;
			z-index: 800;
			background: unset;
			margin: 0 auto;
			left: 0;
		    right: 0;
		}
		#glowny_naglowek_knt.str_glowna {
			position: relative;
		}


		#glowny_naglowek_knt .menu_logo{
			text-align: left;
		}
		#glowny_naglowek_knt .menu_logo img{
			height: 100px;
		}

		#glowny_naglowek_knt.str_glowna  .menu_logo img{

			height: auto;
		}


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


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

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

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

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

		#glowny_naglowek {
			padding: 0px;
			max-width: 2000px;

			margin: 0 150px;

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

		.p_mini_show{
			display: none;
		}

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

		.menu_prawe {
			text-align: right;
			margin-top: 50px;
			margin-bottom: 50px;
		}

		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: inline-flex;
			gap: 3vw;
		}
		.menu_glowne ul li.li_mini{
			display:none;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
		}


		
		.menu_glowne ul li a {
			padding: 10px 10px;
			font-weight: 600;
			font-size: 20px;
			display: inline-block; 
			color: var(--kolor-tekst);
			text-decoration: none;
			border-radius: 0px;

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

		.menu_glowne ul li a.btn_header {
			background: 232823;
			background: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
			background: -moz-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
			background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(
			  startColorstr="#000000",
			  endColorstr="#156656",
			  GradientType=1
			);

			color: #fff;

			padding: 10px 30px;

		}

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

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

		.btn_kontakt{
			border: 2px solid #999999;
		}
		.menu_glowne ul li a.btn_kontakt:hover,
		.btn_kontakt:hover{
			border: 2px solid var(--kolor-czarny);
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
		}
		.logo_knt{
			display: block;
			position: absolute;
			top: 0px;
  			z-index: 10;

  			background-image: url('/img/tlo_logo_02.webp');
  			background-size: cover;
  			background-position: center center;

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


		}



		ul.menu_rozwijane li ul{
			position: absolute;
			list-style: none;
			background-color: var(--kolor-czarny);
			z-index: 999;
			margin: 0px;
			padding: 15px 0px;
			transform-origin: top left;
			opacity: 0;
			pointer-events: none;
			transform: translate(0px, 10px);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.04);
			display: block;

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

			background-image: url('../img/before-baner.webp');
  			background-repeat: no-repeat;
  			background-size: cover;

		}
		ul.menu_rozwijane li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 1;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		ul.menu_rozwijane li ul li{
			width: 100%;
			margin:0px;
			padding: 0px
			display: block;
		}
		ul.menu_rozwijane li ul li a{
			display: block;
			font-size: 15px;
			padding: 10px 25px;
			text-transform: none;
			color: #fff;
			text-align: left;
			line-height: 24px;


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

		.menu_kontakt {
			position: fixed;
		  	width: auto;
		  	margin: 0 auto;
		  	right: 0;

		}
		.menu_kontakt ul {
			margin: 0px;
			padding: 0px;
			display: block;
			gap: 20px;
			align-items: right;
			justify-content: right;

			padding: 20px;
		}
		.menu_kontakt ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
			position: relative;
		}

		.menu_kontakt ul li a{
			
			line-height: 60px;
			text-align: center;
			display: block;

			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			background-size: auto 100%;
			background-position: left center;
			background-repeat: no-repeat;

			color: #1d1d1e;
			display: flex;
			gap: 10px;
			padding: 10px 10px;
		    align-items: center;
		}

		.menu_kontakt ul li a span{
			color: #575757;
			  font-weight: 700;
			  font-size: 16px;
		}
		.menu_kontakt ul li a svg{
			fill:#000;
			width: 25px;
			margin-bottom: 3px;
			margin: 0px;

			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			
			  padding: 10px;
		}

		.menu_kontakt ul li a span{

		}

		/*.menu_kontakt ul li a:hover{
			background-color: #000;
		}*/

		.menu_kontakt ul li a:hover svg{
			fill: var(--kolor-glowny);
		}

		.menu_kontakt_mobil{
			display: none;
		}



	/*HEADER*/

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

	/*BANER*/
		.b_rel{
			position: relative;
		}

		#baner_knt {
			width: auto;
			margin: 0px;
			overflow: hidden;
			position: relative;
			z-index: 700;

			margin-right: 100px;

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

		#baner_knt picture{
			overflow:hidden;
			display:block;
		}

		#baner_knt picture img{
			float: left;
		}


		#glowny_film{
			background-color: #000;
			overflow: hidden;
		}
		#glowny_film video{
			opacity: 0.5;
			float: left;
		}

		.opisBaneru{
			position: absolute;
			bottom: 0px;
			display: flex;
			align-items: center;
			z-index: 999;
			right: 0;
			font-size: 24px;
			line-height: 1.3em;
			font-weight: 400;
			color: #fff;
			text-align: left;
			width: 1000px;
			padding: 100px;

			padding-top: 200px;
			padding-bottom: 0px;
		}

		.opisBaneru:before{
			content:'';
			position:absolute;
			background-image: url('../img/before-baner.webp');
			background-repeat: no-repeat;
			width: 800px;
			height: 100%;
			z-index: -1;
			background-position: right;
  			background-size: cover;

			clip-path: polygon(80px 0%, 0% 80px, 0% 100%, 100% 100%, 100% 0%);
			right: 0;
		}

		.opisBaneru aside{
			width: 600px;
			float: right;
			font-weight: 700;
		}

		.opisBaneru h2,
		.opisBaneru h1{
			font-family: var(--czcionka-2);
			color:#fff;
			font-size: 126px;
			line-height: 1.2em;
			margin: 0px;
			text-align: right;
		}


		.opisBaneru .linki_banery{
			overflow:hidden;
		}
		.opisBaneru a{
			width: 100%;
		  	display: block;
		  	margin-left: -100px;
		  	padding: 80px 100px;
		  	background: rgba(255,255,255,0.2);
		  	border-top: 1px solid rgba(255,255,255,0.5);

		  	text-transform: uppercase;
		  	font-size: 30px;
		  	color: #fff;
		  	margin-top: 60px;

			font-weight: 700;
		}


		
		.owl-theme .owl-dots {
			bottom: -50px;
			right: 0px;
			left: 0px;
			position: static;
  			width: auto;
		}
		.owl-theme .owl-dots .owl-dot span{
			width: 30px !important;
			height: 15px !important;
			background-color: #f2f2f2 !important;
			margin: 5px;
		}
		.owl-theme .owl-dots .owl-dot:hover span,
		.owl-theme .owl-dots .owl-dot span:hover{
			background-color: var(--kolor-czarny);
		}
		.owl-theme .owl-dots .owl-dot.active span{
			width: 80px !important;
			background-color: #000 !important;
		}

				/* ----------------------------------------------
		 * Generated by Animista on 2024-4-8 8:32:3
		 * Licensed under FreeBSD License.
		 * See http://animista.net/license for more info. 
		 * w: http://animista.net, t: @cssanimista
		 * ---------------------------------------------- */

		/**
		 * ----------------------------------------
		 * animation scale-in-center
		 * ----------------------------------------
		*/

		#baner_knt .owl-item.active picture img{
			-webkit-animation: scale-in-center 5.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
			        animation: scale-in-center 5.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
		}

		@keyframes scale-in-center {
		  0% {
		    -webkit-transform: scale(1.1);
		            transform: scale(1.1);
		  }
		  100% {
		    -webkit-transform: scale(1);
		            transform: scale(1);
		  }
		}

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

	.podstrona p,
	.wiersz_glowny ul li{

		font-size: 20px;
		line-height: 1.8em;
	}






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

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

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

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

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



	h1{
		font-family: var(--czcionka-2);
		font-size: 60px;
	}

	.kolumny_2{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 50px;
		align-items: center;
	}

	.kolumny_2 .tekst{
		padding: 50px;
	}

	.linki_row{
		overflow:hidden;
	}
	.linki_row a{
		float: left;
		margin-right: 20px;
		margin-top: 10px;
	}
	.btn{



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

		background-color: #f2f2f2;
		color: var(--kolor-tekst);
		font-size: 18px;
		padding: 10px 30px;
		font-weight: bold;
		border-radius: 0px;
		border: 0px;

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


		cursor: pointer;
	}
	.btn_p{
		padding: 8px 20px;
		font-weight: 700;
		font-size: 18px;
		margin-left: 5vw;
		text-transform: uppercase;
	}

	.btn.btn_czarny{
		background-color:#000;
		color:#fff;
	}

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

	.btn.btn_zielony{
		background: 232823;
		  background: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  background: -moz-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#156656", GradientType=1 );
		  color: #fff;
	}


	.btn:hover{
		background-color: #fff;
		color: #000 !important;
	}


	.btn.btn_szarty{
		-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;

	}
	.btn.btn_szarty:hover{
		background-color: var(--kolor-tekst);

		background: 232823;
		  background: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  background: -moz-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(21, 102, 86, 1) 90%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#156656", GradientType=1 );
		

		color: #fff !important;
	}
	.btn.btn_zielony:hover{
		background: #f2f2f2 !important;
		color:  var(--kolor-tekst) !important;
	}



	/*Strona główna*/
		#strona_glowna{
			background-size: 100% auto;
	  		background-repeat: no-repeat;
		}
		.wiersz_glowny{
			max-width: 2000px;
			margin: 10px auto;
			position: relative;
			z-index: 3;
		}
		.wiersz_glowny h1,
		.wiersz_glowny h2{
			font-weight: 700;
			font-size: 60px;
			margin-top: 0px;
			margin-bottom: 20px;
			line-height: 1.1em;
			font-family: var(--czcionka-2);
  			color: var(--kolor-czarny);
		}
		.wiersz_glowny h1 i,
		.wiersz_glowny h2 i{
			color: var(--kolor-glowny);
		}


		.wiersz_glowny h1 mark,
		.wiersz_glowny h2 mark{
			display: block;
			font-size: 24px;
			line-height: 1.6em;
		}


		.wiersz_glowny h1 em,
		.wiersz_glowny h2 em{
			font-style: normal;
			position: relative;
			z-index: 0;

   			 display: inline-block;
		}

		.wiersz_glowny h1 em:before,
		.wiersz_glowny h2 em:before{
			content: "";
			height: 6px;
			border-radius: 3px;
			width: 106%;
			left: -3%;
			background-color: var(--kolor-glowny);

			position: absolute;
			bottom: 10px; 
			z-index: -1;
		}

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

		.ozdoba_1_01{
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;

			  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
			max-width: 50%;
		}

		#i_tekst{
			padding: 50px 0px;
		}
		#i_tekst .wiersz_glowny{
			width: 1400px;
			margin: 0 auto;
		}
		#i_tekst .wiersz_glowny h2{
			font-size: 36px;

		}
		#i_tekst .wiersz_glowny h2:after{
			display: block;
			content: ' ';
			width: 80%;
			max-width: 200px;
			height: 12px;

			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
			margin-top: 20px;

			background: #00A708;
			background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(
			  startColorstr="#00A708",
			  endColorstr="#00B596",
			  GradientType=1
			);
		}


		#i_onas{
			margin-top: -100px;
		
			z-index: 0;
		}

		#i_onas .img_1{
			border-radius:0px 50px 50px 0px;
		}

		#i_onas .kolumny_2{
			grid-template-columns: 40% 1fr;
			grid-gap: 100px;
		}
		#i_onas .kolumny_2 .tekst{
			padding: 0px;
			padding-top: 50px;
			padding-right: 400px;
		}

		#i_oferta .tresc{
			margin: 20px 100px;
		}

		.naglowek_oferty{
			display: grid;
			grid-template-columns: 1fr 130px;
			align-items: center;
			padding: 0px 100px;

		}

		.naglowek_oferty h2{
			text-align:left;
			margin:0px;
			color: var(--kolor-tekst);
			font-size: 72px;


		}


		.naglowek_oferty span{
			color:#5f625f;	
			font-weight: 700;
		}

		.btn_owl_box{
			display: grid;
			grid-template-columns: 60px 60px;
			gap: 10px;
			align-items: center;
		}
		.btn_owl{
			width: 60px;
			  height: 45px;
			  background-color: #f2f2f2;
			  text-align: center;
			  line-height: 45px;

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

		.btn_owl:hover{
			background-color: var(--kolor-tekst);
			color: #f2f2f2;
		}

		.btn_owl.btn_owl_prev{
			clip-path: polygon(10px 0%, 0% 10px, 0% 100%, 100% 100%, 100% 0%);
		}
		.btn_owl.btn_owl_next{
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 10px), 100% 0%);
		}




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

			margin-top: 50px;
		}


		.menu_oferty .boks_oferty a{
			display:block;
			box-sizing: border-box;
			position:relative;
			background-color:#000;
			border-radius: 0px;
			overflow: hidden;


			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;

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

		.menu_oferty .boks_oferty a:before{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background-image: url('../img/nakladka_oferta.png');
			position: absolute;
			z-index: 1;
		}


		.menu_oferty .boks_oferty a:after{
			display: block;
			  content: ' ';
			  position: absolute;
			  left: 4vw;
			  bottom: 4vw;

			  width: 80%;
			  max-width: 200px;
			  height: 12px;
			  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
			  margin-top: 20px;
			  background: #00A708;
			  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}
		.podstrona 	.menu_oferty .boks_oferty a:after{
			display: none;
		}


		.menu_oferty .boks_oferty a img.ikona_oferty{
			width:100%;
			opacity: 0.5;
			display: flex;
			object-fit: cover;


			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

		.menu_oferty .boks_oferty a h3{
			width: 100%;
			color: #fff;
			position: absolute;
			top: 0px;
			box-sizing: border-box;
			text-align: left;
			font-size: 44px;
			line-height: 1.2em;
			padding: 4vw;
			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;
			z-index: 2;
		}


		.menu_oferty .boks_oferty a:hover{
			background-color: #000;
		}
		.menu_oferty .boks_oferty a:hover img.ikona_oferty{
			opacity: 0.2;
		}

		.menu_oferty .boks_oferty a:hover h3{
			color: var(--kolor-glowny);
		}

		#i_jakosc{
			margin: 100px 150px;
		}

		#i_jakosc .kolumny_6_4{
			display: grid;
			grid-template-columns:1fr 1fr;
			gap: 100px;
			align-items: center;
		}


		#i_onas{
			margin: 100px 150px;
		}

		#i_onas .kolumny_6_4{
			display: grid;
			grid-template-columns:1fr 1fr;

			gap: 100px;
			align-items: center;
		}

		.video_onas{
			text-align: center;
		}
		.video_onas video{

			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
		}
		.video_onas img{
			margin-top: -100px;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
		}	

		.ozdoba_2{
			position: absolute;
			bottom: -150px;
			right: 0px;
			max-width:30%;
			clip-path: polygon(1% 0%, 0% calc(100% - 80px) , 80px 100%, 100% 100%, 100% 0%);		
		}
		.ozdoba_pod{
			position: absolute;
			top: -100px;
			left: 0px;
			max-width:30%;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
			opacity: 0.1;
			filter: grayscale(100%);
		}

		.opis_index .tekst{
			padding: 50px;
		}


		.opis_index h2{
			font-size: 48px;
		}

		.opis_index  h2::after {
		  display: block;
		  content: ' ';
		  width: 80%;
		  max-width: 200px;
		  height: 12px;
		  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
		  margin-top: 20px;
		  background: #00A708;
		  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}

		#i_rozmowa .tlo_rozmowa {
			position: absolute;
			height: 100%;
			width: 100%;
			z-index: -1;
			background-size: cover;
			background-repeat: no-repeat;
			clip-path: polygon(0% 100px, 0% 100%, calc(100% - 180px) 100%, calc(100% - 100px) 90%, calc(100% - 100px) 100px);
		}


		#i_rozmowa .img_osoba {
			float: left;
		}

		#i_rozmowa .kolumny_2{
			align-items:end;
		}

		#i_rozmowa .kolumny_2 .tekst{
			padding: 100px;
			padding-left: 200px;
			clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 80px, calc(100% - 80px) 0%);
			color: #fff;
		}

		#i_rozmowa .wiersz_glowny h1, #i_rozmowa .wiersz_glowny h2, #i_rozmowa .tresc p{
			color: #fff;
		}

		.podstrona .menu_oferty .boks_oferty a h3{
			font-size: 28px;
		}	


		#opienie_index {
		  margin: 100px 100px;
		}



		#opienie_index .referencjeOwl {
			padding: 0px 50px;
			  box-sizing: border-box;
		}
		#opienie_index .referencjeOwl .referecja{
			padding: 50px;
		}


		#opienie_index .referencjeOwl .referecja .etykieta strong{
			font-size: 36px;
			display: block;
		}
		#opienie_index .referencjeOwl .referecja .etykieta span{
			font-size: 14px;
			text-transform: uppercase;
			color: #5f625f;
			font-weight: 700;
			display: block;
		}
		#opienie_index .referencjeOwl .referecja .etykieta:after{
			display: block;
			content: ' ';
			width: 80%;
			max-width: 200px;
			height: 12px;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
			margin-top: 0px;
			background: #00A708;
			background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}


		#opienie_index .referencjeOwl .referecja .tresc_opini{
			padding: 20px 0px;
			line-height: 1.3em;
		}





		
		#kontakt {
			margin: 100px 0px;
			padding: 0px 100px;
		}
		#kontakt .zawartosc{
			display: grid;
			grid-template-columns: 0.8fr 1fr;
			grid-gap: 100px;
			align-items: center;

		}

		#kontakt .podstrona .zawartosc{
			grid-template-columns: 1fr;
		}

		#kontakt .zawartosc .box_mapki{
			position:relative;
		} 

		#kontakt .zawartosc .box_mapki img{
			float:left;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px), 100% 0%);
		}
		

		#kontakt .zawartosc .box_mapki .btn_onas{
			z-index: 9;
			right: 0%;
		}


		#kontakt .zawartosc .opis_mapki {
		}

		#kontakt .zawartosc h2{
			font-size: 48px;
		}
		#kontakt .zawartosc h2:after{
			display: block;
			  content: ' ';
			  width: 80%;
			  max-width: 200px;
			  height: 12px;
			  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
			  margin-top: 20px;
			  background: #00A708;
			  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}

		#kontakt .zawartosc h3{
			color: var(--kolor-tekst);
  			margin: 0px;
  			font-size: 28px;
		}
		#kontakt .zawartosc p {
  			font-weight: bold;
  			margin: 0px;
		}
		

		#kontakt .zawartosc .linki_d{
			margin: 20px 10px;
		}
		#kontakt .zawartosc .linki_d_2{
			display: grid;
			grid-template-columns: 300px 1fr;
			grid-gap: 20px;
		}

		#kontakt .zawartosc .linki_d aside.link_f{
			overflow: hidden;
			margin-bottom: 10px;

		}

		#kontakt .zawartosc .linki_d aside.link_f label{
			font-size: 16px;
			line-height: 1em;
			display: block;
			font-weight: 400;
			color: #5c5b5d;
		}

		#kontakt .zawartosc .linki_d aside.link_f text,
		#kontakt .zawartosc .linki_d aside.link_f a{
			color: var(--kolor-tekst);
			font-size: 18px;
			line-height: 1.6em;
			font-weight: bold;
		}	


		#kontakt .zawartosc .linki_d aside.link_f a:hover{
			color: var(--kolor-glowny) !important;
		}
		#kontakt .zawartosc .linki_d aside.link_f a i{
			color: var(--kolor-glowny) !important;
		}

		#kontakt .linki_row{
			margin-top: 20px;
		} 

		.ozdoba_kontaktu{
			position: absolute;
			top: -100px;
			right: 0;
			z-index: -1;

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

			max-width: 30%;
			height: auto;
		}


	/*Strona główna*/
	
	/*Blog*/

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

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

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


			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

		ul.aktualnosci li a:hover h2{
			background: #010000;

		}

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

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

	/*Blog*/

	/*Podstrony informacyjne*/

		.bg_postrony{
			background-color: #f2f2f2;
		}

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

		}


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

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

			float:left;
			width: 100%;
		}

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

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

		.naglowek_postrony{
			text-align: left;
			text-transform: uppercase;
			padding: 200px;
	  		
			padding-top: 200px;
	  		padding-bottom: 20px;

	  		margin:0px 0px;
	  		border-radius: 0px;
	  		position: relative;
	  		z-index: 9;
	  		background-size: auto 150%;
			background-repeat: no-repeat;
			background-position: right;
			overflow: unset;
			background-color: var(--kolor-czarny);
 			background-size: cover;
 			background-position: center center;

 			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 180px) 100%, calc(100% - 100px) calc(100% - 80px), calc(100% - 100px) 0%);
			padding-left: 0;
  			padding-right: 0;
		}




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

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

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

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

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

 			  max-width: 1200px;
  			margin: 0 auto;
		}


		.podstrona{
			width: 1200px;
			margin: 0px auto;
			position: relative;
			z-index: 3;
			margin-top: 50px;
			margin-bottom: 150px;
		}
		.rozmowa_podstrona {
			margin-bottom: 250px;
		}
		.center{
			text-align: center;
		}

		.tlo_oferty{
			background-size: 100% auto;
			background-repeat: no-repeat;
			padding-top: 5vw;
		}
		.tlo_oferty h2{
			text-align: center;
		}

		.wyciecie_biale{
			background-color: red;
		}

		.podkladka_biala{
			background: #fff;
			  position: absolute;
			  top: -10%;
			  left: 0;
			  width: 100%;
			  height: 120%;
			  z-index: 1;
			clip-path: polygon(0% 0%, 0% calc(100% - 200px), 64% 100%, 100% calc(100% - 200px), 100% 0%,64% 200px);
		}

		.podkladka_biala_2{
			clip-path: polygon(0% 0%, 0% calc(100% - 200px), 34% 100%, 100% calc(100% - 200px), 100% 0%,34% 200px);
  			height: 80%;
  			top: 15%;
		}

		.wiersz_caly{
			width: 1400px;
  			margin: 50px auto;
		}
		.podstrona .oferta{
			margin-right: 0px;
			margin-left: 0px;
		}

		.naw_kategorii{
			padding-bottom: 50px;
		}

		.naglowek_postrony h1{
			color: #fff;
			font-family: var(--czcionka-2);
			text-transform: none;
			font-size: 60px;
			line-height: 1.2em;
			margin-top: 0;
		}
		.podstrona .tresc h2{
			font-size: 32px;
			margin-top: 0px;
		}	

		.podstrona .tresc h2::after {
		  display: block;
		  content: ' ';
		  width: 80%;
		  max-width: 200px;
		  height: 12px;
		  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
		  margin-top: 20px;
		  background: #00A708;
		  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}

		.podstrona .tresc h3::after {
		  display: block;
		  content: ' ';
		  width: 80%;
		  max-width: 100px;
		  height: 6px;
		  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
		  margin-top: 10px;
		  background: #00A708;
		  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}

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

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


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




	/*Podstrony informacyjne*/
		
		.wiersz_kontaktu{
		}

	/*Kariera*/

		.ofertyPracy {
			margin-bottom: 50px;
		}
				
		.ofertaP  {
			width: 100%;
			margin-top: 5px;
		/*	box-shadow: 0px 0px 30px rgba(0,0,0,0.15);*/
		}

		.ofertaP.aktywna  {
			box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
		}

		.ofertaP h3{
			margin-bottom: 0px;
			font-size: 18px;
			cursor: pointer;
			background-color: #f2f2f2;
			padding: 10px 10px 10px 20px !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;
		}

		.ofertaP h3 i{
			float: right;
			padding: 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;
		}
		.ofertaP.aktywna h3 i{
			transform: rotate(180deg);
		}


		.ofertaP .content{
			margin: 0px;
			height: 0px;
			overflow: hidden;

			
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

		.ofertaP .content div{
			padding: 20px;
		}

		.ofertaP.aktywna .content{
			height: auto;
		}

		.ofertaP .content span{
			display: inline-block;
			border: 2px solid #f2f2f2;
			padding: 5px 20px;
			margin: 5px;
			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;
		}



		#kariera_form {
			padding-bottom: 5vw;
		}
		#kariera_form .k_2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 10px;
		}

		.uplader_files{
			margin-top: 0px;
		}
		.dm-uploader .btn {
		  margin-top: 20px;
		  width: 100%;
		  color: #000;
		  box-sizing: border-box;
		}

		#kariera_form fieldset.fw1{
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 10px;
			padding-top: 10px;
			border:0px;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		#kariera_form fieldset.fw2{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-gap: 10px;
			margin: 0px;
			padding: 0px;
			border: 0px;
		}






		.formInput,
		#kariera_form fieldset select,
		#kariera_form fieldset textarea,
		#kariera_form fieldset input{
			width: 100%;
			box-sizing: border-box;
			padding: 15px 10px;
			border: 0px;
			font-family: var(--czcionka);
			font-size: 14px;
			border: 0px solid var(--kolor-czarny);
			background: #f2f2f2;
			color: var(--kolor-czarny);
			 clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
		}
		#kariera_form .error_info,
		#kariera_form .error{
			font-size: 12px;
			color: #cc0000;
			font-weight: bold;
		}



		






		.btn_powrot,
		a.formBtn,
		.formBtn{
			color: var(--kolor-glowny);
			margin: 0;
			text-transform: uppercase;
			font-weight: 700;
			
			background: var(--kolor-glowny);
			color: #fff;
			padding: 0px 10px;
			font-size: 18px;
			border-radius: 0px;

			background: none;
  			color: #000;
  			line-height: 40px;
			
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			position: relative;
			z-index: 2;

			border: 0px;
			margin-top: 20px;
			cursor: pointer;
		}
		.btn_powrot i,
		a.formBtn i,
		.formBtn i,
		#kariera_submit i{
			border: 1px solid #000;
			padding: 10px;
			border-radius: 50%;
			color: var(--kolor-glowny);
			margin:0px 10px;
		}

		.btn_powrot:hover{
			background-color: unset !important;
			padding-left: 0px;
			color: var(--kolor-glowny);
		}
		.formBtn:hover{
			background-color: unset !important;
			padding-left: 20px;
			color: var(--kolor-glowny);
		}
		a.formBtn.formBtnSzary,
		.formBtn.formBtnSzary {
			color: var(--kolor-bialy);
			background-color: var(--kolor-glowny);
			  display: inline-block;
		}
		a.formBtn.formBtnSzary:hover,
		.formBtn.formBtnSzary:hover {
			color: var(--kolor-czarny);
			background-color: var(--kolor-jasnoszary);
		}

		.regulations {
			margin-top: 10px;
			font-size: 13px;
		}

		.regulations_btn {
			cursor: pointer;
			font-size: 15px;
		}
		.regulations_btn i {
			font-size: 13px;
			transition: 0.2s ease-in-out;
		}
		.regulations_btn.aktywna i {
			transform: rotate(180deg);
			transition: 0.2s ease-in-out;
		}

		.tresc_odo{
			height: 0px;
			pointer-events: none;
			opacity: 0;
			font-size: 14px;
		}
		.tresc_odo.aktywna{
			height: auto;
			pointer-events: all;
			opacity: 1;

		}

	/*Kariera*/

		ul.aktualnosci_str{
			padding: 0px;
			margin: 0px;
			list-style: none;
			display: grid;
  			grid-template-columns: 1fr 1fr 1fr;
  			grid-gap: 20px;
		}
		ul.aktualnosci_str li:before{
			display: none;
		}

		.aktualnosc_idx a{
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 0px;
			text-decoration: none;
			margin-bottom: 0px;
			font-size: 14px;
			line-height: 1.3em;
			background-color: #f2f2f2;
			padding: 0px 0px;
			border-radius: 0px;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
		}

		.aktualnosc_idx a article{
			padding:20px;
		}
		.aktualnosc_idx a h3{
			color:#000;
			font-weight: bold;
			font-size: 22px;
			line-height: 1.3em;
			margin-top: 5px
		}
		.aktualnosc_idx a p,
		.aktualnosc_idx a span.data{
			color:#2d2d2d ;
			font-size: 16px;
			margin: 8px 0px;
			line-height: 1.5em;
		}

		.aktualnosc_idx a .a_content{
			height: 130px;
			overflow: hidden;

			position: relative;
			margin-bottom: 20px;

			white-space: normal;
			overflow-y: auto;
			direction: ltr;
			scrollbar-color: var(--light-brown--500) var(--white--400);
			scrollbar-width: thin;
			
		}

		.a_content .nak{
			position: absolute;
			top: 0;
			bottom: 0;
			width: 100%;
			z-index: 99;
			background: rgb(242,242,242);
			background: -moz-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 30%);
			background: -webkit-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 30%);
			background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 30%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f2f2f2",GradientType=1);
		}

		.aktualnosci_box{
			position: relative;
		}

		.aktualnosci_box .nakladka{
			position: absolute;
			top: 0;
			bottom: 0;
			z-index: 99;
			width: 100%;

			background: rgb(255,255,255);
			background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%);
			background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%);
			background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f2f2f2",GradientType=1);
			
			pointer-events: none;
		}



		.aktualnosc_idx a span.data{
			text-align: right;
			display: block;
		}
		.aktualnosc_idx a span.btn{
			color: var(--kolor-glowny);
			margin: 0;
			text-transform: uppercase;
			font-weight: 700;
			float: right;

			background: var(--kolor-glowny);
			color: #fff;
			padding: 0px 20px;
			font-size: 14px;
			border-radius: 0px;

			background: none;
  			color: #000;
  			line-height: 40px;
			
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			position: relative;
			z-index: 2;
		}


		.aktualnosc_idx a span.btn i{
			border: 1px solid #000;
			padding: 10px;
			border-radius: 50%;
			color: var(--kolor-glowny);
			margin-left: 10px;
		}

	/*	.aktualnosc_idx a span.btn:before{
			content: " ";
  			display: block;
			width: 40px;
			aspect-ratio: 1 / 1;
			background-color: #f7f1e7;
			border-radius: 50%;
			position: absolute;
			z-index: -1;
			left: -5px;
		}*/

		.aktualnosc_idx a span.btn:hover{
			background-color: unset !important;
			color: var(--kolor-glowny) !important;
			padding-right: 10px;
		}



		.aktualnosc_idx a img{
			max-width: 100%;
			border-radius: 30px 0px;
		}


		.naglowek_produktu{
			display: grid;
			grid-template-columns: 1fr 1fr;
			background:#f3f3f3 ;
			align-items: center;
			margin-bottom: 5vw;
			  padding-top: 140px;
		}

		.naglowek_produktu .ng_box{
			padding-left: calc(100% - 600px);
			padding-bottom: 50px;
		}

		.naglowek_produktu img{
			max-width: 100%;
			clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
		}

		#opisID,#doPobrania,#galeriaID{
			padding: 5px 0px;
		}

		.offer-box{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 50px;
		}
		.produkt_box {
			transition: 0.2s;
		}
		.produkt_box a{
			text-decoration: none;
			display: block;
			overflow: hidden;
		}
		.produkt_box a img{
			float: left;
			width: 100%;
			box-sizing: border-box;
		}
		.produkt_box a span.item-name{
			float: left;
			background: var(--kolor-glowny);
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
			width: 100%;
			box-sizing: border-box;
			padding: 15px;
			margin-top: -30px;
			transition: 0.2s;
		}
		.galeria_zdjec{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 20px;
		}
		.produkt_box:hover {
			transform: scale(1.025);
			transition: 0.2s;
		}

		.produkt_box:hover a span{
			background-color: #000;
			transition: 0.2s;
		}

		.galeria_zdjec a img{
			max-width: 100%;
		}

		#rezerwacjaForm .fw3 {
		  display: grid;
		  grid-template-columns: auto auto auto;
		  grid-gap: 20px;
		  align-items: center;

		  margin-top: 20px;
		}

		#rezerwacjaForm .fw2 {
		  display: grid;
		  grid-template-columns: auto auto ;
		  grid-gap: 20px;
		  align-items: center;

		  margin-top: 20px;
		}
		#rezerwacjaForm .fw1 {
		  display: grid;
		  grid-template-columns: auto ;
		  grid-gap: 20px;
		  align-items: center;
		  margin-top: 20px;
		}

		#rezerwacjaForm .d_input{
			background-color: #f2f2f2;
			padding: 10px;
		}
		#rezerwacjaForm .d_input textarea,
		#rezerwacjaForm .d_input input{
			color: #000;
			padding: 10px;
			border: 1px solid rgba(0,0,0,0.1);
		}
		#rezerwacjaForm .d_input label{
			color: #000;
		}

	/** FOOTER **/

		#stopka_box{
			margin-top: 200px;
		}
		
		body.influ .stopka_knt p,
		.stopka_knt {
			color: #eeede9;
			font-size: 16px;
			margin-top: 0px;
			margin-bottom: 0px;
			line-height: 1.3em;
		}

		body.influ .stopka_knt p i{
			color: var(--kolor-glowny);
		}
		.stopka_knt{
			margin-top: 0px;
			background-color: #212122;
			position: relative;
			z-index: 3;
			border-radius: 0px 50px 50px 0px;
		}

		.stopka_knt a{
			font-size: 18px;
			color: rgba(255, 255, 2555, 0.7);

			display: block;
			padding: 5px 0px;
		}

		.stopka_knt a:hover{
			color:#fff !important;
		}

		.stopka{
			background-size: cover;
			background-position: top left;
			margin: 0px;
		}
		.stopka .do_prawej{
			text-align: right;
		}

		.stopka i{
			color: rgba(255, 255, 2555, 0.7);
		}

		.stopka_knt{
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 150px) 100%, calc(100% - 150px) 80px, calc(100% - 230px) 0%);
			background-size: cover;
  			background-position: center top;
		}
	
		.wierszStopki a i{
			color: var(--kolor-glowny);
		}

		.wierszStopki.w5{
			display: grid;
			grid-template-columns: 300px 1fr 200px;
			grid-gap: 100px;

			padding: 50px 200px;
			padding-right: 300px;
		}


		.wierszStopki.w5 h3{
			color: #fff;
			font-size: 26px;
		}

		.wierszStopki.w5 h3:after{
			display: block;
			  content: ' ';
			  width: 80%;
			  max-width: 100px;
			  height: 8px;
			  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 0%);
			  margin-top: 10px;
			  background: #00A708;
			  background: -webkit-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: -moz-linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  background: linear-gradient(90deg,rgba(0, 167, 8, 1) 0%, rgba(0, 181, 150, 1) 90%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00A708", endColorstr="#00B596", GradientType=1 );
		}




		.wierszStopki.w5 .s_logo{
			background-image: url('../img/tlo_logo_02.webp');
			background-size: cover;
			background-position: center center;
 	 		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 60px) 100%, 100% calc(100% - 60px), 100% 0%);
		}

		.menu_oferty_stopka{
			overflow: hidden;
		}
		.menu_oferty_stopka a{
			width: 30%;
			margin-right: 3%;
			float: left;
		}


		.wierszStopki.w2{
			display: grid;
			grid-template-columns: 50% 1fr;
			grid-gap: 5vw;

			padding: 50px 200px;
			padding-right: 300px;
  			background: rgba(0,0,0,0.3);
		}

		.toRight{
			text-align: right;
		}



		#influencja  {
			padding:10px 0px;
			display: block;
			width: auto;
			text-align: center;
			background-color: #fff;
		}
		#influencja:hover {
			padding: 0px !important
		    opacity: 1;
		}
		#influencja a {
			display: inline-block;
			-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 **/


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

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

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

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

		#menu_mobil .box_m  span + span {
		  margin-top: 10px;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

		 .arrow-icon {
			display: none;
			position: relative;
			cursor: pointer;
			border-radius: 2px;
			float: right;
			width: 40px;
			margin-top: -20px;
			margin-right: 13px;
			height: 20px;
		}
		 .left-bar {
			position: absolute;
			background-color: transparent;
			top: 0;
			left:-2px;
			width: 20px;
			height: 3px;
			display: block;
			transform: rotate(35deg);
			float: right;
			border-radius: 2px;
			margin-top: 0px;
		}
		 .left-bar:after {
			content:"";
			background-color: #000;
			width: 20px;
			height: 3px;
			display: block;
			float: right;
			border-radius: 6px 10px 10px 6px;
			transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
			z-index: -1;
		}
		 .right-bar {
			position: absolute;
			background-color: transparent;
			top: 0px;
			left:13px;
			width: 20px;
			height: 3px;
			display: block;
			transform: rotate(-35deg);
			float: right;
			border-radius: 2px;
		}  
		 .right-bar:after {
			content:"";
			background-color: #000;
			width: 20px;
			height: 3px;
			display: block;
			float: right;
			border-radius: 0px 6px 6px 10px;
			transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
			z-index: -1;
		}
		 .open .left-bar:after {
			transform-origin: center center;
			transform: rotate(-70deg);
		}
		 .open .right-bar:after {
			transform-origin: center center;
			transform: rotate(70deg);
		}
	/** Menu mobilne **/

	/** Inne **/
		.wp-block-column iframe{
			width: 100%;
			border-radius: 0px;
		}
		.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
			overflow: hidden;
		}
		.influ_galeria_img {
			transition: 0.2s;
			border-radius: 0px !important;
		}
		.influ_galeria_img:hover {
			transform: scale(1.05);
			transition: 0.2s;
		}
		.okruszki {
			width:100%;
			font-size: 12px;
			line-height: 14px;
			text-transform: none;
			font-weight: 400;
		}
		.okruszki svg,
		.okruszki img {
			height: 10px;
			width: auto;
		}
		.okruszki svg {
			fill: #999;
		}
		.okruszki i {
			font-size: 10px;
			line-height: 18px;
		}
		.okruszki a.first{
			color:#999;
			text-decoration:none;
		}
		.okruszki a.first:hover{
			color:  #fff !important;
			text-decoration:none;
		}
		.okruszki a.second{
			color:#999;
			text-decoration:none;
		}
		.okruszki a.second:hover span{
			color: #fff !important;
			text-decoration:none;
		}
		.okruszki ol{
			list-style:none;
			display:inline;
			padding:0;
			padding-left:5px;
			margin-top: 0px;
		}
		.okruszki ol svg,
		.okruszki ol li{
			display: inline-block;

		}
		.okruszki ol li{
			margin-left:5px;
			margin-right:5px;
		}
		.okruszki ol li:first-child{
			margin-left:0;
			margin-right:5px;
		}

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

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

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

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

			border-radius: 50%;

		}


		.promocja_knt {
				width:100%;
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				z-index: 900;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				display: none;
			}
			.promocja {
				display: inline-block;
			    width: 80vw;
				max-width: 600px;
				max-height: 76vh;
				max-height: calc(80vh - 2vw);
				box-shadow: none;
				width: auto;
				height: auto;
				font-weight: 500;
				background-color: #fff;
				position: relative;
				/*margin: 14vh auto;*/
				overflow-x: hidden;
				border-radius: 0px;
				text-align: left;
  				padding: 50px;
			}
			.promocja_zawartosc {
				display: inline-block;
				max-width: 80vw;
				max-height: 80vh;
				margin: 9vh auto;
				box-shadow: none;
				width: auto;
				height: auto; 
				font-weight: 500;
				background-color: #fff;
				position: relative;
				border: 1vw solid #ffffff; 
				border-radius: 0px;


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

			}
			.promocja p {
				margin: 0px;
				padding: 0px;
			}
			.promocja img {
				max-width: 100%;
				margin: 0;
				max-width: 80vw;
				max-height: 70vh;
				width: auto;
				height: auto;
			}
			.promocja_zawartosc .zamknij_promocje{
				cursor: pointer;
				position: absolute;
				z-index: 100;
				right: 0vw;
				top: 0vw;
				width: 3vw;
				height: 3vw;
				max-width: 40px;
				min-width: 20px;
				max-height: 40px;
				min-height: 20px;
				/*background-color: #fff;*/
				box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;

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

				background: var(--kolor-glowny);
  				color: #fff;
			}

			.promocja_zawartosc .zamknij_promocje i{
			  font-size: 28px;
			  line-height: 40px;
			}
			.promocja_zawartosc .zamknij_promocje:hover {
				transform: rotate(90deg);
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}


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


	.rozklad_jazdy .info_mini{
		display: none;
	}

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

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


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

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

/* Fromularz */
		.dm-uploader .btn {
		  margin-top: 20px;
		  width: 100%;
		  color: #000;
		  box-sizing: border-box;
		}

		.uploader_box {
		  	padding: 0px !important;
		  	width: auto !important;
			height: 100%;
			background-color: #f2f2f2 !important;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);
		}

		.dm-uploader{
			background-color: transparent !important; 
			
			border: 0px solid #c3c3c3 !important;
			text-align: center !important;
			 padding: 26px !important;
		}

		.uploader_send input.img{
			display: none !important;
		}

		.uploader_box .btn{
			background-color: transparent;
			text-align: center;
		}
		.uploader_box .btn i{
			display: block;
			font-size: 60px;
		}

		.dm-uploader .btn span.browse{
			font-size: 18px;
			font-weight: 400;
			text-transform: uppercase;
			  line-height: 1.4em;
			  border-bottom: 0px solid #000;
			  display: inline-block;
			  padding-bottom: 0px;
			  cursor: pointer;
		}


		.uploader_box .btn p{
			font-size: 14px;
			line-height: 1.2em;
			font-weight: 400;
		}

		.uploader_box .btn input{
			  height: 100% !important;
		}

		.dm-uploader .btn input[type="file"]{
			width: 100%;
		}

		.wiersz_2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 40px;
		}





		#formularz_kontaktowy{
		}

		#formularz_kontaktowy .btn_zielony{
			width: auto;
			padding: 10px 40px;
			cursor: pointer;
			border: 0px;
		}

		.form_dostepnosci{
			max-width: 800px;
		}

		.form_dostepnosci .zawartosc {
			padding: 20px 0px;
			padding-left: 10%;
		}
		.form_dostepnosci .zawartosc form{
			  max-width: 800px;
		}

	

		.form_dostepnosci .wiersz_glowny{
			margin-top:0px;
			margin-bottom:0px;
		}
		.form_dostepnosci h2{
			font-family:var(--czcionka-2);
			color:#fffefe;
			margin-top: 0px;
		}

		.form_dostepnosci .fw3{
			display: grid;
			grid-template-columns: auto auto auto;
			grid-gap: 20px;
			align-items: center;
		}
		.form_dostepnosci .fw2{
			display: grid;
			grid-template-columns: auto auto ;
			grid-gap: 20px;
			align-items: center;
		}
		.form_dostepnosci .fw1{
			display: grid;
			grid-template-columns: auto ;
			grid-gap: 20px;
			align-items: center;
			margin-top: 20px;
		}

		.form_dostepnosci .fw0{
			margin-top: 20px;
		}


		.form_dostepnosci .regulations{
			color: rgba(255,255,255,0.8);
			line-height: 1.2em;
		}
		.d_input{
			padding: 10px 20px;
			border: 1px solid rgba(0,0,0,0.25);
			background-color: rgba(0,0,0,0.1);
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 10px;
			align-items: center;
		}
		.d_input label{
			color: rgba(0,0,0,0.5);
			font-size:14px;
			text-transform:uppercase;
		}

		textarea,
		input {
		    border: 0px;
		    background-color: unset;
		    color: #fff;
		    font-size: 18px;
		    font-family: var(--czcionka);
		}

		.box_ilosc{
			display: inline-grid;
			grid-template-columns: 20px 40px 20px;
			grid-gap: 10px;
			align-items: center;
			width: 100px;
		}
		.box_ilosc i{
			color: var(--kolor-glowny);
			cursor: pointer;
		}

		.box_ilosc input{
			color: #fff;
		    font-size: 18px;
		    font-family: var(--czcionka);
		    border: 0px;
		    background-color: unset;
		    text-align: center;
		}

		.d_submit{
			width: 100%;
			background-color: rgba(227, 19, 53, 0.7);
			color: #fff;
			text-transform: uppercase;
			padding: 10px 0px;
			font-weight: bold;
			font-size: 20px;
			border:0px;
			margin-top: 20px;
			text-align: center;
			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;

		}

		.d_submit:hover{
			background-color: rgba(227, 19, 53, 1);
		}


		.form_kontakt .d_input{
			display: block;
			padding: 0px;
			border:0px;
			background-color: unset;
		}


		.form_kontakt .d_input textarea,
		.form_kontakt .d_input input{
			box-sizing: border-box;
			width: 100%;
			padding: 10px 20px;  
			background-color: rgba(255,255,255,0.8);

			color: var(--kolor-tekst);
			border-radius: 0px;
		}


		.form_kontakt .d_input textarea.error,
		.form_kontakt .d_input input.error{
			border-color: rgba(227, 19, 53, 0.7);
			color: red;
		}

		.form_kontakt .d_input label.error{
			text-transform: unset;
			color: rgba(227, 19, 53, 0.7);
			display: block;
			width: 100%;
		}

		#regValid{
			  display: block;
			color: rgba(227, 19, 53, 0.7);;
		}

		#formInfo{
			color: #fff;
		}
		
		.podstrona #formInfo{
			color: #000;
		}


		.d_input_all{
			grid-template-columns: 1fr;
		}

		#rezerwacjaForm .d_input textarea.error,
		#rezerwacjaForm .d_input input.error{
			border-color: rgba(227, 19, 53, 0.7);
			color: red;
		}

		#rezerwacjaForm .d_input label.error{
			text-transform: unset;
			color: rgba(227, 19, 53, 0.7);
			display: block;
			width: 100%;
		}

		#submitBtn{
			max-width: 300px;
		}

/* Fromularz */

/* Fromularz poup */
	.formularzPopTlo {
		width:100%;
		background-color:rgba(0,0,0,0.90);
		/* background-color:rgba(255,255,255,0.95);*/
		position: fixed;
		z-index: 899;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.formularzPopKnt {
		width:100%;
		background-color:rgba(0,0,0,0);
		position: fixed;
		z-index: 900;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		transform: scale(0.9);
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.formularzPopTlo.pokaz,
	.formularzPopKnt.pokaz {
		transform: scale(1);
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a {
		color: var(--kolor-glowny);
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a:hover {
		color: var(--kolor-czarny);
	}
	.formularzPopZawartosc {
		display: inline-block;
		max-width: 80vw;
		max-height: 80vh;
		margin: 9vh auto;
		box-shadow: none;
		width: auto;
		height: auto; 
		font-weight: 500;
		position: relative;
	}
	#formularzPop {
		width: auto;
		padding: 60px;
		background-color: #fff;
		font-size: 16px;
		width: calc(80vh - 120px);
		max-height: 76vh;
		max-height: calc(80vh - 2vw);
		box-shadow: none;
		width: auto;
		height: auto;
		font-weight: 500;
		background-color: #fff;
		overflow-x: hidden;
		text-align: left;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0px;
		/*background-image: url(../img/tlo_form_popup.webp);*/
		background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;

		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 60px) 100%, 100% calc(100% - 60px), 100% 0%);
	}
	#formularzPop h2 {
		margin-top: 0px !important;
	}
	#formularzPop p {
		font-size: 20px;
	}
	#formularzPop i.formularzPopZamknij {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 24px;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	#formularzPop i.formularzPopZamknij:hover {
		transform: rotate(90deg) scale(1.1);
		color: var(--kolor-glowny);
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	.regulaminInfo {
		font-size: 12px;
		line-height: 14px;
	}
	#formularzPop label.has-error.validationMessage {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.regulaminInfo label.has-error.validationMessage {
		padding-top: 0px;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
	}
	#formularzPop p.btnHexKnt {
		margin-bottom: 0px;
		display: grid;
		grid-template-columns: 1fr 105px 1fr;
		vertical-align: middle;
	}
	#formularzPop p.btnHexKnt a{
		filter: grayscale(100%);
	}
	#formularzPop .error_info,
	#formularzPop .error{
		font-size: 12px;
		color: #cc0000;
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
	}
	#formularzPop .formInput{
		margin-bottom: 10px;
	}
	#formularzPop .formBtn{
		font-size: 16px;
	}
	#formularzPop .formularzPopRegKnt{
		font-size: 13px;
	}
	#formularzPop .formularzPopRegKnt input{
		filter: grayscale(100%);
	}
/* Fromularz poup */

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

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

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


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

.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}