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

	:root {
	  --kolor-glowny: #9bc537;
	  --kolor-granat: #002351;
	  --kolor-tekst: #212025;
	  --kolor-ciemny: #010000;
	  --kolor-czarny: #282828;
	  --kolor-bialy: #fff;
	  --kolor-szary: #888888;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #999;
	  --kolor-jasnybraz: #d98229;


	  --fiolet: #98c53e;	  
	  --czcionka: 'Poppins', sans-serif;
	  --czcionka-2: 'Courgette', sans-serif;

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

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

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

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

	/* WP core classes*/

		.wp-block-embed-youtube {
			position: relative;
			height: 400px;
		}
		.wp-block-embed-youtube:before {
			display: block;
			content: ' ';
			padding-top: 56.25%;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			min-height: 400px;
		}
		.editor-styles-wrapper p {
			line-height: 1em  !important;
		}
		.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: 25px !important;
		}


		.wp-block-image img {
			border-radius: 0px !important;
		}
		a {
		    color: var(--kolor-glowny);
		    text-decoration: none;
		    transition: 0.2s;
		    cursor: pointer;
		    font-weight: 500;
		}
		a:hover {
		    transition: 0.2s;
		    color: var(--kolor-czarny);
		}

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

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

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

	 	.wp-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: 5px;
			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 .info_roz_tr p,
		.info_roz_tr p,
		body .info_roz_tr li,
		.info_roz_tr li {
			font-size: 16px;
		}
	/* SEKCJA ROZWIJANA */


	body {
		margin: 0px;
		padding: 0px;
		font-family: var(--czcionka);
		width: 100%;
		overflow-x: hidden;
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
	}

	/*HEADER*/
		#glowny_naglowek_knt {
			position: static;
			width: 100%;
			margin: 0 auto;
			background: #f3fbf0;
		}
		#glowny_naglowek {
			max-width: 1300px;
			padding: 20px;
			margin: auto;
			display: grid;
			grid-template-columns:  300px 1fr 120px;
			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;
		}
		.menu_glowne {
			margin-bottom: 0px;
			text-align: right;
		}
		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: inline-flex;
			gap: 20px;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
		}
		.menu_glowne ul li a {
			padding: 10px 15px;
			font-weight: 600;
			font-size: 18px;
			display: inline-block;
			color: #000;
			text-decoration: none;

		}
		.menu_glowne ul li a.btn_menu{
			background: var(--fiolet);
		  color: #fff;
		  padding-right: 20px;
		  padding-left: 20px;
		}
		.menu_glowne ul li a.btn_menu:hover{
			  background: #000;
			  color: #fff;
		}
		.menu_glowne ul li a svg {
			fill: #000;
			width: 24px;
		}
		.menu_glowne ul li a:hover {
			color: var(--fiolet);

		}
		.menu_glowne ul li a:hover svg {
			fill: var(--fiolet);
		}

		.logo_knt{
			position: static;
			display: block;
			text-align: center;
			z-index: 999;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: auto;
		}
	/*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;

			display: grid;
  			grid-template-columns: 45% 55%;

  			background-size: cover;
  			padding: 3vw 0px;
		}


		.opisBaneru {
			padding-left: 10vw;
			display: flex;
			align-items: center;

		}
		.opisBaneru span.ng{
			font-size: 5vw;
			line-height: 1.2em;
			color: #fff;
			display: block;
			text-align: right;
			padding: 3vw;
			
			font-family: var(--czcionka-2);

		}
		.opisBaneru span.ng_haslo{
			font-size: 2.5vw;

			line-height: 1.2em;
			color: #000;
			display: block;
			text-align: right;
			padding: 3vw;
  			font-family: "Caveat", cursive;
		}


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

	.tlo_biale{
		background: #fff;
	}





	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;
		line-height: 1.5em;
		margin:0px 2px;
	}
	.wiersz_glowny ul li::before{
		  display: inline-block;
		  content: "\f178";
		  font-family: "Font Awesome 6 Free";
		 
		  margin-left: 10px;
		  width: 1.3em;
		  font-size: 1em;
		  font-weight: bold;
		  color:#98c53e;
	}

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

	.wiersz_nawigacji{
		overflow: hidden;
	}

	.wiersz_nawigacji .btn{
		float: left;
	}

	.btn{
		padding: 15px 30px;
		border-radius: 0px;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 600;
		background-color: #000;
		color: #fff;
		letter-spacing: 0px;
		margin-top: 5px;
		margin-right: 20px;

		display: inline-block;

		background: rgb(162,203,60);
		background: -moz-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
		background: linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a2cb3c",endColorstr="#c4ae37",GradientType=1);
				
		background-size: 100%;

		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		transition: 0.5s all;
		border: 0px;
	}

	.btn:hover{
		background-size: 500%;
		color: #000;

		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		transition: 0.5s all;
	}

	.btn_powrot{
		padding: 5px 20px;
		margin-top: 50px;
		text-transform: none;
	}
	
	.wp-block-embed-youtube{
		position: static;
  		height: auto;
		aspect-ratio: 1.77 / 1;
  		margin: 20px 0px !important;
	}
	.wp-block-embed-youtube::before {
		  padding-top: 0;
	}
	.wp-block-embed-youtube iframe {
		position: static;
	  max-width: 100%;
	  width: 100%;
	  height: 100%;
	}

	/*Strona główna*/
		.wiersz_glowny{
			max-width: 1300px;
			margin: 80px auto;
		}
		.wiersz_glowny h2{
			font-weight: 700;
			font-size: 50px;
			margin-top: 0px;
			margin-bottom: 20px;
			line-height: 1.2em;
			font-family: var(--czcionka-2);
  			color: var(--kolor-czarny);
		}
		.wiersz_glowny h2 i{
			color: var(--kolor-glowny);
		}

		

		#o_nas .zawartosc{
			display: grid;
			grid-template-columns: 1fr 30%;
			grid-gap: 30px;

			padding: 30px 100px;
		}

		#o_nas .zawartosc .tresc{
			text-align: justify;
		}

		#o_nas .zawartosc img.rr{
			width: 80%;
			margin: 0px 10%;
		}


		#metoda .zawartosc{
			background: #f2f2f2;
			box-shadow: 0px 0px 100px rgba(0,0,0,0.2);
		}

		#metoda .zawartosc .tresc{	
			padding:30px 100px;
		}

		#metoda .zawartosc h2{
			color: var(--fiolet);
		}

		#metoda .wp-block-image.aligncenter{
			display: block;
		}

		#metoda h3{
			color: var(--fiolet);
			margin: 0px;
		}

		#metoda .wp-block-column p{
			margin-top: 10px;
			font-size: 16px;
			line-height: 1.3em;
		}
		#metoda .wiersz_nawigacja{
			  text-align: center;
		  	margin-bottom: 50px;
		}


		aside.social{
			max-width: 600px;
			overflow: hidden;
			margin: 0 auto;
		}
		aside.social span{
			font-weight: bold;
			color: #aca7b0;
			float: left;
			display: inline-block;
			padding: 0px 20px;

		}
		aside.social a{
			font-weight: bold;
			color: #000;
			float: left;
			display: inline-block;

			padding: 0px 15px;
			font-size: 1.2em;
		}

		aside.social a:hover{
			color: var(--fiolet);
		}
		

		#oferta h2{
			color:#98c53e ;
		}


		.nasza_oferta {
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			grid-template-rows: auto auto;
			grid-column-gap: 40px;
			grid-row-gap: 40px;
		}

		.bo_1 { grid-area: 1 / 1 / 2 / 3; }
		.bo_2 { grid-area: 1 / 3 / 2 / 5; }
		.bo_3 { grid-area: 1 / 5 / 2 / 7; }
		.bo_4 { grid-area: 2 / 2 / 3 / 4; }
		.bo_5 { grid-area: 2 / 4 / 3 / 6; } 

		
		.boks_oferty {
			background: #aca7b0;
			box-shadow: 0px 0px 50px rgba(0,0,0,0.1);

			 	
		   -webkit-transition: 0.5s all;
		   -moz-transition: 0.5s all;
		   -o-transition: 0.5s all;
		  transition: 0.5s all;
		}

		.boks_oferty.boks_kolorowy  {
			background: rgb(162,203,60);
			background: -moz-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			background: -webkit-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			background: linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a2cb3c",endColorstr="#c4ae37",GradientType=1);
		
		}
		.boks_oferty  aside{
			margin: 4px;
			background: #fff;
			padding: 50px 20px;
			padding-bottom: 250px;
			height: calc(100% - 308px);
			text-align: center;
			font-size: 16px;
			position: relative;
		}


		.boks_oferty.bo_4 aside,
		.boks_oferty.bo_5 aside{
			height: calc(100% - 208px);

			padding-bottom: 150px;
		}

		.boks_oferty  aside h2{
			color: #000 !important;
			font-size: 26px;
			font-family: var(--czcionka);
			margin-bottom: 0px;
		}
		.boks_oferty  aside h3{
			font-size: 14px;
			color: #aca7b0;
			font-weight: bold;
			margin-bottom: 0px;
		}

		.boks_oferty  .k_opis{
			margin-top: 10px;
		}

		.boks_oferty  .k_dol{
			position: absolute;
			bottom: 50px;
			left: 0;  
			right: 0px;
			padding: 0px 20px;
		}

		.boks_oferty  aside .btn{
			margin-right: 0px;
			font-size: 14px;
			margin-top: 10px;
			padding: 10px 25px;
		}


		.boks_oferty aside h4{
			color:#98c53e ;
		}
		.boks_oferty aside p strong{
			color:#98c53e ;
		}
		.boks_oferty aside p{
			margin: 2px;
		}
		.boks_oferty aside,
		.boks_oferty aside p{
			font-size: 16px;
			line-height: 1.3em;
		}


		.wiersz_glowny .boks_oferty ul li{
			margin-bottom:15px;
		}

		#zapisy .zawartosc{
			background-size: auto 100%;
			background-position: right center;
			background-color: #99c63e;
			background-repeat: no-repeat;
		}

		#zapisy .tresc{
			padding: 50px 100px;
  			width: 50%;
  			color: #fff;
		}

		#zapisy .tresc p,
		#zapisy .tresc h2{
  			color: #fff;
		}


		#zapisy .tresc a.btn{
			background: #fff;
			color: #9cc541;
		}


		#zapisy .tresc a.btn:hover{
			background: #000;
			color: #fff;
		}

		#kontakt .zawartosc{
			margin: 200px 0px ;
			position: relative;
		}

		#kontakt .tlo_gradient{
			margin: 100px 0px;
			background: rgb(162,203,60);
			background: -moz-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			background: -webkit-linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			background: linear-gradient(137deg, rgba(162,203,60,1) 25%, rgba(196,174,55,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a2cb3c",endColorstr="#c4ae37",GradientType=1);



			  background-size: 100%;
			  overflow: hidden;
		}

		#kontakt .tlo_gradient .tresc{
			margin:4px;
			background: #fff;
		}

		#kontakt .tlo_gradient .tresc .tekst{
			padding: 80px 100px;
			width: 40%;
		}

		#kontakt .tlo_gradient .tresc .tekst h2{
			font-size: 30px;
			color: #98c53e;
		}

		#kontakt .tlo_gradient .tresc .tekst a{
			display: block;
			color: #000;
		}

		#kontakt .tlo_gradient .tresc .tekst a i{ 
			color: #98c53e;
			width: 25px;
		}



		#kontakt .mapka{
			  position: absolute;
			  right: 100px;
			  top: -100px;
			  width: calc(50% - 100px);
			  height: calc(100% + 200px);
			  background-position: center center;
		}








	/*Strona główna*/
	

	/*Podstrony informacyjne*/
		.box_form{
			border: 3px solid rgba(0, 0, 0, 0.05);
		}

		.box_form .header_form{
			display:flex;
			grid-gap: 0px;
			align-items: center;
		}

		.box_form .header_form div{
			flex: auto;
			padding: 2vw;

			display: grid;
/*			grid-template-columns: 80px 1fr;*/
			grid-template-columns: 1fr;
			align-items: end;
			gap: 20px;
			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;
		}

		.box_form .header_form div:hover{
			background-color: rgba(0, 0, 0, 0.05);
		}

		.box_form .header_form div span{
			font-size: 24px;
			font-weight: 500;
			line-height: 30px;
			text-align: left;
		}

		.box_form .header_form div.h_show{
			background-color: rgba(0, 0, 0, 0.05);
		}

		.box_form .header_form div.h_show span{
			color:var(--kolor-rozowy);
		}

	
		.box_form .form_b{	
			
			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;
		}

		.box_form .form_b .zz{
			background-color: rgba(0, 0, 0, 0.05);
			padding: 2vw;
		}

		.box_form .form_b.form_show{
			height: auto;
		}
















		.podstrona_kontakt .przelew{
			background:#f2f2f2;
			padding: 20px;
			border-radius: 20px;
		}

		.podstrona_kontakt .przelew em{
			font-size: 14px;
		}
		.podstrona_kontakt h2 strong{
			font-size: 2em;
		}




		.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: var(--100px);
	  		
			padding-top: 100px;
	  		padding-bottom: 0px;

	  		margin:0px 0px;
	  		border-radius: 5px;
	  		position: relative;
	  		z-index: 9;
	  		background-size: auto 150%;
			background-repeat: no-repeat;
			background-position: right;
			overflow: hidden;
			background-color: transparent;

			max-width: 1200px;
			margin: 0 auto;
			  border-radius: 0;

		}

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

		.tlo_podstrony{
			background: #fff;
			padding-top: 50px;
			min-height: 30vw;
		}

		.podstrona{
			width: 1200px;
			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: 1em;
			margin-top: 0;

		}
		.podstrona h2{
			font-size: 26px;
		}	

		.ozdoba {
			position: absolute;
			bottom: -40px;
			right: 0px;
			max-width: 50%;
		}
	/*Podstrony informacyjne*/

	/*Aktualnosci*/
		ul.aktualnosci_str{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 20px;
		}
		ul.aktualnosci_str li::before {
			display: none;
		}

		ul.aktualnosci_str li {
			margin:20px 30px;
		}
		ul.aktualnosci_str li a {
		  color: var(--kolor-glowny);
		  text-decoration: none;
		  transition: 0.2s;
		  cursor: pointer;
		  font-weight: 500;
		  display: block;
		  background: #f2f2f2;
		  position: relative;
		  padding-bottom: 30px;
		  height: 100%;
		}

		ul.aktualnosci_str li img{
			margin-top: -20px;
			margin-left: -20px;
			border: 3px solid #f2f2f2;
		}


		ul.aktualnosci_str li article{
			padding:20px;
		}

		ul.aktualnosci_str li article h3{
			margin-top:0px;
			font-size: 20px;
		}
		ul.aktualnosci_str li article aside.opis{
			margin-top:0px;
			font-size: 14px;
			line-height: 1.3em;
			color: #000;
			font-weight: 400;
		}


		ul.aktualnosci_str li article span.btn{
			position:absolute;
			bottom:20px;
			font-size: 14px;
			padding: 5px 20px;
			text-transform: none;
		}

		#aktualnosci .wiersz_nawigacja{
			padding-top: 50px;
			text-align: center;
		}

		#aktualnosci .wiersz_nawigacja a.btn{
			margin: 0px;
			background: #f2f2f2;
			color: #000;
			text-transform: none;
		}
		#aktualnosci .wiersz_nawigacja a.btn:hover{
			background: #98c53e;
			color: #fff;
		}

		.tresc_aktualnosci{
			min-height: 800px;
			width: 80%;
		}

		.tresc_aktualnosci h1{
			font-size:40px;
			line-height: 1.2em;
		}




	/*Aktualnosci*/
		
	/*Stopka*/

		footer {
			margin-top: 5vw;
			margin-bottom: 20px;
			font-weight: 400;
		}
		.stopka{
			padding: 50px 0px 100px 0px;
			max-width: 1330px;
			margin: 0 auto;
			position: relative;
			color: #fff;
			font-size: 16px;
  		}
		.px14{
			font-size: 14px;
		}
		.ozdoba_footer{
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
		
		footer .div_linki{
			overflow:hidden;
		}
		footer .link{
			color: #bfbfbf;
			padding-right: 40px;
			float: left;
			font-weight: 500;
		}

		footer .link:hover{
			color: #fff;
		}

		footer .link i{
			padding-right:5px;
		}
		footer .link.link_pp{
			padding-right: 0px;
			float: right;
		}
		

	/*Stopka*/


	/*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: var(--kolor-czarny);
			width: 20px;
			height: 3px;
			display: block;
			float: right;
			border-radius: 6px 10px 10px 6px;
			transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
			z-index: -1;
		}
		 .right-bar {
			position: absolute;
			background-color: transparent;
			top: 0px;
			left:13px;
			width: 20px;
			height: 3px;
			display: block;
			transform: rotate(-35deg);
			float: right;
			border-radius: 2px;
		}  
		 .right-bar:after {
			content:"";
			background-color: var(--kolor-czarny);
			width: 20px;
			height: 3px;
			display: block;
			float: right;
			border-radius: 10px 6px 6px 10px;
			transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
			z-index: -1;
		}
		 .open .left-bar:after {
			transform-origin: center center;
			transform: rotate(-70deg);
		}
		 .open .right-bar:after {
			transform-origin: center center;
			transform: rotate(70deg);
		}
	/** Menu mobilne **/

	/** Inne **/
		.wp-block-column iframe{
			width: 100%;
		}
		.influ_galeria_img {
			transition: 0.2s;
			border-radius: 10px !important;
		}
		.influ_galeria_img:hover {
			transform: scale(1.025);
			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: var(--kolor-czarny);
			text-decoration:none;
		}
		.okruszki a.second{
			color:#999;
			text-decoration:none;
		}
		.okruszki a.second:hover{
			color: var(--kolor-czarny);
			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 #ddd;
			border-radius: 20px;
			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);
		}
		.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);

		}


		.promocja_knt {
				width:100%;
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				z-index: 900;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				display: none;
			}
			.promocja {
				display: inline-block;
				max-width: 80vw;
				max-height: 76vh;
				max-height: calc(80vh - 2vw);
				box-shadow: none;
				width: auto;
				height: auto;
				font-weight: 500;
				background-color: #fff;
				position: relative;
				/*margin: 14vh auto;*/
				overflow-x: hidden;
				border-radius: 10px;
			}
			.promocja_zawartosc {
				display: inline-block;
				max-width: 80vw;
				max-height: 80vh;
				margin: 9vh auto;
				box-shadow: none;
				width: auto;
				height: auto; 
				font-weight: 500;
				background-color: #fff;
				position: relative;
				border: 1vw solid #ffffff; 
				border-radius: 10px;
			}
			.promocja p {
				margin: 0px;
				padding: 0px;
			}
			.promocja img {
				max-width: 100%;
				margin: 0;
				max-width: 80vw;
				max-height: 70vh;
				width: auto;
				height: auto;
			}
			.promocja_zawartosc .zamknij_promocje{
				cursor: pointer;
				position: absolute;
				z-index: 100;
				right: -2vw;
				top: -2vw;
				width: 3vw;
				height: 3vw;
				max-width: 40px;
				min-width: 20px;
				max-height: 40px;
				min-height: 20px;
				/*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;
				border-radius: 50%;
				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;
			}
	/** Inne **/
	

	/** Formularz **/
	fieldset{
		border:0px;

	}

	.formInput{
		  font-size: 15px;
		  color: #000000;
		  width: 80%;
		  width: -webkit-calc(100% - 20px - 2px);
		  width: -moz-calc(100% - 20px - 2px);
		  width: calc(100% - 20px - 2px);
		  padding-top: 5px;
		  padding-right: 10px;
		  padding-bottom: 5px;
		  padding-left: 10px;
		  margin-bottom: 10px;
		  border: 1px solid #000;
		    border-top-color: rgb(0, 0, 0);
		    border-right-color: rgb(0, 0, 0);
		    border-bottom-color: rgb(0, 0, 0);
		    border-left-color: rgb(0, 0, 0);
		  box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
		  border-radius: 5px;
	}

	.formSelect{
		padding: 15px 20px !important;
		  width: 100%;
		  background: #fff;
	}

	.textOnInput {
        position: relative;
        margin-top: 5px;
    }
    .textOnInput span {
        position: absolute;
        top: 25px;
        left: 15px;
        transform: translateY(-50%);
        background: #fff;
        padding: 0 5px;
        font-size: 1rem;
        font-weight: 400;
        color: #000;
        transition: all 0.2s ease-in-out;
        pointer-events: none;
        font-size: 14px;
    }


    .form-control {
        box-shadow: none !important;
        padding: 10px;
        line-height: 28px;
    	border-color: var(--grey);
    }

    .form-control:focus{
    	border-color: var(--fiolet);
    }

    .form-control:focus ~ span,
    .form-control:not(:placeholder-shown) ~ span {
        top: -0px;
        left: 15px;
        font-size: 0.75rem;
        color: #fff;
        padding: 0px 10px;
        background-color: var(--fiolet);
    }


    .form-control.error ~ span{
    	color: #cc0000;
    }


    .form-control.error:focus{
    	border-color: #cc0000;
    }


	input.error {
		border-color: #cc0000;
		color: #cc0000;
		margin-bottom: 0px
	}
	label.error {
	  color: #cc0000 !important;
	  font-size: 13px;
	  display: block;
	  padding-bottom: 10px;
	}

	.regulations{
		padding: 20px;
	}

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



	/** Formularz **/




    .table-container {
        overflow-x: auto;
        border-radius: 10px;
    }
    
    .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;
    }

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