@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

	fieldset,hr{border:0;padding:0}html{color:#010000;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#010000;padding:.2em 0}

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

	:root {
	  --kolor-glowny: #ffd509;
	  --kolor-granat: #002d62;
	  --kolor-tekst: #3f3d3a;
	  --kolor-ciemny: #010000;
	  --kolor-czarny: #050505;
	  --kolor-bialy: #fff;
	  --kolor-szary: #333;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #999;
	  --kolor-jasnybraz: #d98229;
	  --czcionka: 'Poppins', sans-serif;
	}

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

	/* 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;
		}
		a {
		    color: var(--kolor-czarny);
		    text-decoration: none;
		    transition: 0.2s;
		}
		a:hover {
		    transition: 0.2s;
		}

		@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;
	 		margin-top: 0.5em !important;
	 		margin-bottom: 0.5em !important;
	 	}
	 	.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.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);
		  margin-bottom: 90px;
	}
	body.influ th,
	body.influ td {
		font-size: 16px;
	}

	/*HEADER*/
		#glowny_naglowek_knt {
			position: absolute;
			width: 100%;
			left: 0px;
			right: 0px;
			z-index: 505;
		}
		.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;
			background: #de0115;
			color: #fff;
			border-radius: 20px;
			padding: 5px 20px;
			font-weight: bold;
			margin-right: 5px;
		}

		#glowny_naglowek {
			padding: 0px 10vw 0px 10vw;
			margin: auto;
			display: grid;
			grid-template-columns: 350px 1fr 100px;
			align-items: center;
			grid-gap: 20px;
			
			background-color: rgba(29,28,26,0.6);
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		}
		.opacity_100  #glowny_naglowek {
			background-color: rgba(29,28,26,1);
		}

		.menu_glowne {
			margin-bottom: 0px;
		}

		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 20px;
			align-items: right;
			justify-content: right;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
		}
		.menu_glowne ul li a {
			padding: 50px 15px;
			font-weight: 600;
			font-size: 20px;
			display: inline-block;
			color: #fff;
			text-decoration: none;
		}

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

		.menu_glowne ul li a svg {
			fill: var(--kolor-czarny);
		}
		.menu_glowne ul li.aktywne a,
		.menu_glowne ul li a:hover {
			color: var(--kolor-glowny);
			background-position: left top;
			opacity: 1;
		}
		.menu_glowne ul li.aktywne a span,
		.menu_glowne ul li a:hover span {
			color: var(--kolor-glowny);
		}
		.menu_glowne ul li a:hover svg {
			fill: var(--kolor-bialy);
		}
		ul.menu_rozwijane li ul{
			position: absolute;
			list-style: none;
			background-color: rgba(29,28,26,1);
			z-index: 999;
			width: 320px;
			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;
			display: block;
		}
		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 a{
			cursor: pointer;
		}
		ul.menu_rozwijane li a img{
			transition: 0.2;
		}
		ul.menu_rozwijane li a:hover img{
			border: 2px solid rgba(255,255,255,0.9);
			transition: 0.2;
		}
		ul.menu_rozwijane li ul li a{
			display: block;
			font-size: 15px;
			padding: 10px 25px;
			text-transform: none;
			color: #fff !important;
		}
		ul.menu_rozwijane li ul li a:hover{
			color: var(--kolor-glowny) !important;
		}

		.menu_kontakt ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 20px;
			align-items: right;
			justify-content: right;
		}
		.menu_kontakt ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
			position: relative;
		}
		.menu_kontakt ul li ul.aktywneJezyki{
			width: 60px;
			right: 0px;
			left: -10px;
		}

		.menu_kontakt ul li ul.aktywneJezyki li a{
			cursor: pointer;
			width: 20px;
			padding: 0px 15px;
		}

		img.flaga{
			border:2px solid rgba(255,255,255,0.6);
		}
	/*HEADER*/

	/*BANER*/




	/*BANER*/


	/*FILM*/

		.glowny_film_knt {
			position: relative;
			z-index: 1;
			background-color: #000;
			width: 100%;
			overflow: hidden !important;
		}
		#glowny_film{
			opacity: 0.7;
			width: 100%;
			overflow: hidden !important;
		}
		#glowny_film video{
			width: 120%;
			height: auto;
		}
		.film_opis_knt {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			z-index: 506;
			background-color: rgba(0, 0, 0, 0.5);
		}
		.film_opis {
		    margin: auto;
			text-align: center;
			background-color: var(--czarny);
			color: #fff;
			position: relative;
		}
		


		.film_opis .tresc_baneru{
			padding-top: 40vh;
		}
		.film_opis a {
			display: inline-block;
			padding: 25px 45px;
			margin: 0px 10px;
			font-weight: bold;
			font-size: 18px;
			color: var(--czarny);
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-position: center right;
		}
		.film_opis a i{
			padding-left: 45px;
		}
		
		.film_opis a.baner_btn_1{
			background-color:#f8cf09 ;
			color: #000;
			cursor: pointer;
		}
		.film_opis a.baner_btn_1 i{
			opacity: 0;
		}

		.film_opis a.baner_btn_1:hover{
			filter: grayscale(100%);
		}

		.film_opis a.baner_btn_2{
			background-color:#191919 ;
			cursor: pointer;
		}

		.film_opis a.baner_btn_2:hover{
			color: var(--kolor-glowny);
		}

		.glowny_film_knt .ozd_1{
			position: absolute;
			z-index: 506;
			top: 0px;
			right: 0px;
			pointer-events: none;
		}
		.glowny_film_knt .ozd_2{
			position: absolute;
			z-index: 506;
			bottom: 0px;
			left: 0px;
			pointer-events: none;
		}

		.film_opis .tresc_baneru{
			padding-top: 35vh;
			width: 70%;
			margin: 0 auto;
			text-align: left;
		}
		.haslaOwl h2{
			color: #fff;
			font-size: 4.5vw;
			margin: 2vw 0px;
		}
	/*FILM*/

	
	.wiersz{
		background: #fff;
	}
	.wiersz_szary{
		background: #f3f3f3;
	}
	.wiersz .tresc{
		width: 1200px;
		margin: 50px auto;
	}






	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 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: var(--kolor-glowny);
	}



	.btn  {
			display: inline-block;
			padding: 15px 25px !important;
			border: none !important;
			margin: 0px 20px;
			margin-left: 0px;
			font-weight: bold;
			font-size: 18px;
			color: #fff;
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-position: center right;
			text-transform: none;
	}
	.btn i{
		padding-left: 25px;
		opacity: 0;
	}
	
	.btn.btn_zloty{
		background-color:#f8cf09 ;
		color: #000;
	}

	.btn.btn_zloty:hover{
		filter: grayscale(100%);
	}
	.btn.btn_czarny i{
		opacity: 0;
	}
	.btn.btn_czarny.btn_powrot{
		cursor: pointer;
		padding-right: 35px !important;
	}
	.btn.btn_czarny.btn_powrot i{
		opacity: 1;
		padding-left: 0px !important;
		padding-right: 20px !important;
	}
	.btn.btn_czarny{
		background-color:#191919 ;
	}

	.btn.btn_czarny:hover{
		color: var(--kolor-glowny);
	}

	/*Strona główna*/
		.wiersz_glowny{
			margin: 0vw 10vw;
		}
		.wiersz_glowny h2{
			font-weight: 600;
			font-size: 3.5vw;
			margin-top: 0px;
			margin-bottom: 1vw;
			line-height: 1.2em;
		}
		.wiersz_glowny ul{
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.wiersz_glowny.podstrona ul{
			display: block;
		}


		#uslugi_cnc {
			margin-top: 5vw;
			position: relative;
			z-index: 10;
		}
		#uslugi_cnc .zawartosc{
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: left center;
			background-size: 60% auto;

		}
		#uslugi_cnc .zawartosc .tresc{
			margin: 5vw 0px 5vw 40vw;
			background-color: #fff;
			padding: 4vw;
		}

		#uslugi_cnc .zawartosc nav{
			margin-top: 30px;
		}


		#tworzywa_sztuczne{
			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%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#f3f3f3",GradientType=1);

			background-size: 90% 100%;
			background-repeat: no-repeat;
			margin: 0px;
			padding: 8vw 10vw;
			padding-bottom: 5vw;
  			margin-top: -5vw;
  			position: relative;
  			z-index: 9;
		}
		#tworzywa_sztuczne h2{
			margin-bottom: 3vw;
		}

		#tworzywa_sztuczne .tresc{
			padding: 0px 10vw;
		}

		#tworzywa_sztuczne .slider_boks{
			position: relative;
		}

		#tworzywa_sztuczne .slider_boks  span.nav_btn{
			position: absolute;
			bottom: 0px;
			top: 0px;
			height: 30px;
			padding-top: 60px;
			margin: auto;
			color: var(--kolor-glowny);
			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;
		}

		#tworzywa_sztuczne .slider_boks  span.nav_btn:hover{
			transform: scale(1.1);
			color: #000;
		}


		#tworzywa_sztuczne .slider_boks  span.nav_btn i{
			font-size: 30px;
		}
		#tworzywa_sztuczne .slider_boks  .materialyOwl_next{
			left: -80px;
		}

		#tworzywa_sztuczne .slider_boks  .materialyOwl_prev{
			right: -80px;
		}

		#tworzywa_sztuczne .slider_boks h3{
			  margin: 0px;
			  padding: 20px 20px 5px 20px;
			  font-size: 24px;
			  line-height: 26px;
			  height: 52px;
		}
		#tworzywa_sztuczne .slider_boks picture{
			box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
		}


		#tworzywa_sztuczne .slider_boks a.item{
			color: var(--kolor-glowny);
			display: block;
			border: none !important;
			padding: 0px !important;
		}


		#tworzywa_sztuczne .slider_boks a.item:hover{
			transform: scale(1.05);
			border: none !important;
			background-color: var(--kolor-czarny);
		}
		#tworzywa_sztuczne .slider_boks a.item:hover h3{
			color: var(--kolor-glowny);
		}

		#tworzywa_sztuczne .boks_linki{
			position: absolute;
			bottom: -30px;
			left: 20vw;
		}

		#service_plast {
			margin-top: 5vw;
			position: relative;
			z-index: 10;
		}
		#service_plast .zawartosc{
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: right center;
			background-size: 60% auto;
		}
		#service_plast .zawartosc .tresc{
			margin: 5vw 40vw 5vw 0px;
			background-color: #fff;
			padding: 4vw;
		} 




		#referencje{
			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%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#f3f3f3",GradientType=1);

			background-size: 90% 100%;
			background-repeat: no-repeat;
			background-position: right;
			margin: 0px;
			padding: 8vw 10vw;
			padding-bottom: 5vw;
  			margin-top: -5vw;
  			position: relative;
  			z-index: 9;
		}
		#referencje h2{
			margin-bottom: 3vw;
			text-align: center;
		}

		#referencje .tresc{
			padding: 0px 10vw;
		}

		#referencje .slider_boks{
			position: relative;
		}

		#referencje .slider_boks  span.nav_btn{
			position: absolute;
			bottom: 0px;
			top: 0px;
			height: 30px;
			padding-top: 60px;
			margin: auto;
			color: var(--kolor-glowny);
			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;
		}

		#referencje .slider_boks  span.nav_btn:hover{
			transform: scale(1.1);
			color: #000;
		}

		#referencje .slider_boks  span.nav_btn i{
			font-size: 30px;
		}
		#referencje .slider_boks  .referencjeOwl_next{
			left: -80px;
		}

		#referencje .slider_boks  .referencjeOwl_prev{
			right: -80px;
		}

		#referencje .slider_boks h3{
			  margin: 20px;
			  font-size: 24px;
			  line-height: 26px;
			  height: 52px;
		}
		#referencje .slider_boks picture{
			box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
		}
		#referencje .slider_boks a.item{
			transform: scale(1.1);
			color: var(--kolor-glowny);
		}

		#referencje .boks_linki{
			position: absolute;
			bottom: -30px;
			left: 0px;
			right: 0px;
			text-align: center;
		}

		.referecja {
			padding: 2vw;
			background-image: url("../img/ozdoba_referencji_26.webp");
			background-position: left top;
			background-repeat: no-repeat;
			background-size:60% ;
			padding-right: 0px;
  			padding-left: 4vw;

		}
		.referecja img.etykieta{
			width: auto !important;
		}
		.referecja p{
			font-style: italic;
			font-size: 16px;
		}

		#daszki .zawartosc .tresc{
			display: grid;
			grid-template-columns: 1fr 1fr;
			align-items: center;
			padding: 5vw;
			grid-gap: 5vw;
		}


		#daszki .zawartosc nav{
			margin-top: 50px;
		}

		.tresc a{
			border-bottom: 2px dashed var(--kolor-glowny);
			padding-left: 5px;
			padding-right: 5px;
		}
		.tresc a:hover{
			border-bottom: 2px dashed var(--kolor-ciemnoszary);
		}
	/*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*/

		

		.naglowek_postrony{
			text-align: left;
			text-transform: uppercase;
			background: #f2f2f2;
			padding: 20px 10vw;
			padding-top: 200px;
	  		padding-bottom: 50px;
		}
		.naglowek_postrony .ozd_1{
			 top: 0px;
			  position: absolute;
			  right: 0;
			    pointer-events: none;
		}

		.podstrona{
			width: 1200px;
			margin: 5vw auto;
		}

		.naw_kategorii{
			padding-bottom: 50px;
		}

		.naglowek_postrony h1{
			color: var(--kolor-czarny);
			font-size: 60px;
			margin-top: 5px;
			text-transform: none;
		}
		.podstrona h2{
			font-size: 26px;
			margin-top: 1em;
			margin-bottom: 1em;
		}	
		.podstrona ul{
			margin-top: 1em;
			margin-bottom: 1em;
		}

		.ikony_oferty{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 20px;
		}
		.ikony_oferty h4 {
			font-size: 26px;
			line-height: 30px;
			height: 62px;
			overflow: hidden;
			margin-bottom: 10px;
			transition: 0.2s;
			padding-left: 20px;
		}
		.ikony_oferty a{
			padding: 0px;
			border: none;
		}
		.ikony_oferty a:hover{
			background-color: var(--kolor-czarny);
			color: var(--kolor-glowny);
			transform: scale(1.05);
			padding: 0px;
			border: none;
		}
		.ikony_oferty a:hover h4 {
			color: var(--kolor-glowny);
			transition: 0.2s;
		}

	/*Podstrony informacyjne*/
		

	/*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: 10px;
			border: 1px solid #f4f4f1;
		}
		.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;
		}
		#kariera_form fieldset.fw2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 10px;
		}

		#kariera_form fieldset select,
		#kariera_form fieldset textarea,
		#kariera_form fieldset input{
			width: 100%;
			box-sizing: border-box;
			padding: 10px;
			border: 0px;
			font-family: var(--czcionka);
			font-size: 14px;
			border: 1px solid #f4f4f1;
			background: #fff;
		}
		#kariera_form .error_info,
		#kariera_form .error{
			font-size: 12px;
			color: #cc0000;
			font-weight: bold;
		}

		#kariera_submit{
			width: auto !important;
			background: #f3f3f3;
			color: var(--kolor-glowny);
			border: 1px solid #f3f3f3;
			margin-top: 10px;
			font-weight: 600;
			cursor: pointer;

			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			
			font-family: var(--czcionka);
			border:0px;
			background-color: var(--kolor-glowny);
			color: #000;
			font-size: 18px;
			line-height: 18px;
		}

		#kariera_submit:hover{
			background-color: #000;
			color: #fff;
		}

		.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;
		}
		.aktualnosc_idx a{
			display: grid;
			grid-template-columns:  30% 1fr;
			grid-gap: 50px;
			text-decoration: none;
			margin-bottom: 100px;
			font-size: 18px;
			line-height: 1.3em;
		}

		.aktualnosc_idx a h2{
			color: #2d2d2d;
			line-height: 1.3em;
			margin-top: 5px
		}
		.aktualnosc_idx a p,
		.aktualnosc_idx a span.data{
			color:#2d2d2d ;
		}


		.aktualnosc_idx a span.data{
			text-align: right;
			display: block;
		}
		.aktualnosc_idx a span.btn{
			float: left;
			margin-top: 20px;
		}
		.aktualnosc_idx a img{
			max-width: 100%;
		}


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

	/*Stopka*/

		footer {
			margin-top: 5vw;
			margin-bottom: 20px;
			font-weight: 400;
		}

		.stopka{
			padding: 5vw 15vw;
			position: relative;
			color: #a8a8a8;
			font-size: 16px;
			background: #3e3e3e;
  			background-repeat: no-repeat;
		}
		.px14{
			font-size: 14px;
		}
		.ozdoba_footer{
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
		.wiersz_footer{
			display: grid;
			grid-template-columns: 1fr 320px;
			grid-gap: 20px;	
		}

		.wiersz_footer.w2{
			margin-top: 50px;
		}
		.wiersz_footer .menu_stopki{
			display: grid;
			grid-template-columns: 1fr 1fr 1.2fr;
			grid-gap: 20px;	
		}
		.wiersz_footer .menu_stopki h3{
			color: #fff;
			font-size: 24px;
			margin-bottom: 10px;
		}
		.wiersz_footer .menu_stopki a{
			display: block;
			color:#a8a8a8 ;
			margin-left: 10px;
		}

		.wiersz_footer .menu_stopki a:hover{
			color: var(--kolor-glowny);
		}

		.wiersz_footer .menu_stopki a i{
			color: var(--kolor-glowny);
			padding-right:5px;
		}

		.darmowa_wycena_boks {
			padding: 2vw;
			overflow: hidden;
		}

		.darmowa_wycena_boks h2{
			font-size: 26px;
			line-height: 1.2em;
			margin: 0px;
			margin-bottom: 15px;
		}

		.darmowa_wycena_boks a{
			font-size: 20px;
			font-weight: bold;
			text-transform: uppercase;
			color: #000;
			display: block;
			margin: 15px 0px;
			padding-left: 0px;
			padding-right: 5px;
		}

		.darmowa_wycena_boks a:hover{
			padding-left: 5px;
			padding-right: 0px;
		}

		.darmowa_wycena_boks a label{
			font-weight: 300;
			font-size: 14px;
			text-transform: none;
			display: block;
		}



		#influencja  {
			padding: 15px;
			display: block;
			width: 100%;
			box-sizing: border-box;
			text-align: center;
		}
		#influencja:hover {
			padding: 0px !important
		    opacity: 1;
		}
		#influencja a {
		    opacity: 0.6;
			display: inline;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		}
		#influencja a:hover {
		    opacity: 1;
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		}
		#influencja img {
			display: inline;
		}
	/*Stopka*/

	.box_fixed{
		position: fixed;
		bottom: 0px;
		z-index: 601;
		width: 100%;
	}

	.box_fixed_boks{
		background: #000;
		display: grid;
		grid-template-columns: 1fr auto;


	}
	.box_fixed div{
		overflow: hidden;
	}
	.box_fixed a{
		font-size: 1.2vw;
		color: #fff;
		font-weight: 600;
		padding: 30px 40px;
		float: left;
	}

	.box_fixed a:hover{
		color: var(--kolor-glowny);
	}
	.box_fixed a i{
		color: var(--kolor-glowny);
		padding-right: 5px;
	}
	
	.box_fixed a#do_gory{
		background-color: #363430;
		cursor: pointer;
	}
	.box_fixed a#do_gory i{
		color:#b6b4a8;
		font-size: 1em;
	}

	.box_fixed a#do_gory:hover i{
		color:var(--kolor-glowny);
	}


	.box_fixed a.b i{
		color:#fff;
		font-size: 1.3em;
	}

	.box_fixed a.b:hover i{
		color:var(--kolor-glowny);
	}

	/*custom-checkbox*/
		.custom-checkbox{
		      background-image: url('../img/option.svg');
		      background-repeat: no-repeat;
		      background-position: left center;
		      background-size: 20px 20px;
		      padding-left: 30px;
		      cursor: pointer;
		}
		.custom-checkbox.active{
		      background-image: url('../img/option_checked.svg');
		}
		.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: var(--kolor-glowny);
		  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: 3px;
		}

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

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

		#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: 3px;
		  margin-top: 9px;
		}

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

	/** Inne **/
		.wp-block-column iframe{
			width: 100%;
		}
		.influ_galeria_a {
			border-bottom: none !important;
			padding: 0px !important;
		}
		.influ_galeria_img {
			transition: 0.2s;
		}
		.influ_galeria_img:hover {
			box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
			transform: scale(1.025);
			transition: 0.2s;
		}
		.okruszki {
			width:100%;
			font-size: 12px;
			line-height: 14px;
			text-transform: none;
			font-weight: 700;
		}
		.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:0px;
			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: 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);
		}
		.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;
			}
			.textright {
				text-align: right;
			}
			.textleft {
				text-align: left;
			}
			.textcenter {
				text-align: center;
			}
			.owl-carousel .owl-stage-outer {
				padding-top: 20px;
				padding-bottom: 20px;
				padding-left: 10px;
				padding-right: 10px;
			}
			.wp-block-image.aligncenter {
				width: 100%;
			}
			.has-text-align-justify {
				text-align: justify;
			}
	/** Inne **/