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

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

	:root {
	  --glowny: #f4f4f4;
	  --pomaranczowy: #eb5b48;
	  --granat: #002d62;
	  --ciemny: #222;
	  --czarny: #000000;
	  --bialy: #fff;
	  --szary: #f2f2f2;
	  --jasnoszary: #f1f1f1;
	  --ciemnoszary: #444;
	  --czerwony: #c00;
	  --zielony: #33a700;
	  --czcionka: 'Poppins', sans-serif;
	}

	:focus {
		outline: none;
	}

	/* WP core classes*/
		.wp-block-embed-youtube {
			position: relative;
			height: 400px;
		}
		.wp-block-embed-youtube:before {
			display: block;
			content: ' ';
			padding-top: 56.25%;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			min-height: 400px;
		}
		.editor-styles-wrapper p {
			line-height: 1em  !important;
			/*line-height: 1.5 !important;*/
		}
		.editor-post-title__block .editor-post-title__input,
		.editor-styles-wrapper .wp-block h1,
		.editor-styles-wrapper .wp-block h2,
		.editor-styles-wrapper .wp-block h3,
		.editor-styles-wrapper .wp-block h4,
		.editor-styles-wrapper .wp-block h5,
		.editor-styles-wrapper .wp-block h6,
		.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
		.editor-styles-wrapper cite,
		.editor-styles-wrapper figcaption,
		.editor-styles-wrapper .wp-caption-text {
			font-family: var(--czcionka);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka);
		}
		pre,
		pre *,
		code,
		code *,
		.block-editor-block-list__layout pre,
		.block-editor-block-list__layout pre *,
		.wp-block-html .block-editor-plain-text {
			font-family: 'Courier New', Consolas, monospace;
		}
		.wp-block {
			/*width: 80%;*/
			max-width: 80%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		a {
		    color: var(--kolor-glowny);
		}

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

		section{ padding:0px; }
		button:hover {
			text-decoration: none;
		}
	/* WP core classes*/

	/* GŁÓWNE */
		body.influ {
			margin: 0px;
			padding: 0px;
			font-size: 17px;
			line-height: 1.6em;
			font-family: var(--czcionka);
			color: #323031;
			width: 100vw;
			overflow-x: hidden;
		}
		body.influ a, a *,
		body.influ button {
			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;
			text-decoration: none;
		}
		body.influ a:hover, a:hover *,
		body.influ button:hover {
			color: #666;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
			text-decoration: none !important;
			text-decoration-color: transparent;
		}
		img {
			max-width: 100%;
			height: auto;
		}
		a:not(button):hover, a:not(button).active {
			color: var(--kolor-pomaranczowy);
		}
		.kolor {
			color: var(--glowny) !important;
		}
		.czerwony {
			color: var(--czerwony) !important;
		}
		.zielony {
			color: var(--zielony) !important;
		}

		h1 {
			font-size: 48px;
		}

		h2 {
			font-size: 36px;
		}

		h3 {
			font-size: 24px;
		}

		h4 {
			font-size: 20px;
		}

		h5 {
			font-size: 18px;
		}

		h5 {
			font-size: 15px;
			text-transform: uppercase;
		}
		#ladowanie_knt {
			width: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			height: 4px;
			position: absolute;
			z-index: 490;
			overflow: hidden;
			max-width: 100vw;
			overflow-x: hidden;
			background-color: #fff;
		}
		#ladowanie {
			text-align: center;
			background-color: #fff;
			position: fixed;
			z-index: 490;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			color: #666666;
			font-size: 13px;
			pointer-events: none;
			max-width: 100vw;
			overflow-x: hidden;
		}
		#ladowanieZawartosc img{
			width:80px;
			height: auto;
		}
		#ladowanieZawartosc {
			text-align:center;
			padding-top: 175px;
		}
		#ladowanieZawartosc img {
			max-width: 100%;
			height: auto;
			margin: 0 auto;
		}
	/* GŁÓWNE */

	/* HEADER */
		#glowny_naglowek_knt {
			position: absolute;
			width: 100vw;
			top: 0px;
			left: 0px;
			right: 0px;
			z-index: 500;
		}
		#glowny_naglowek {
			margin: auto;
			display: grid;
			grid-template-columns: 40% 60%;
			align-items: center;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		}
		#glowny_naglowek div.logo_glowne{
			padding: 23px 80px;
			background-color: rgba(255,255,255,0.4);
			text-align: right;
		}

		#glowny_naglowek div.menu_glowne{
			padding: 30px 80px;
		}
		#glowny_naglowek_knt.scrolled #glowny_naglowek {
			/*padding: 20px 50px 20px 50px;
			-web*/kit-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;
		}
		.odstep {
			height: 0px;
		}


		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 20px;
			align-items: center;
			justify-content: left;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
			position: relative;
		}
		.menu_glowne ul li a {
			padding: 10px 15px;
			font-weight: bold;
			font-size: 17px;
		}
		.menu_glowne ul li a:hover {
			color: var(--bialy);
			background-color: var(--czarny);
			background-position: left top;
		}

		.menu_glowne ul li a.wycen_btn:hover i,
		.menu_glowne ul li a.wycen_btn:hover span{
			color: var(--bialy);
		}
		

		.menu_glowne ul li ul{
			/*display: none;*/
			position: absolute;
			left: 0px;
			list-style: none;
			background-color: #fff;
			z-index: 999;
			width: 320px;
			margin: 8px 0px;
			/*padding: 40px 0px 20px 0px;*/
			padding: 0px;
			/*transform: skewX(-30deg);*/
			transform-origin: top left;
			opacity: 0;
			pointer-events: none;
			transform: translate(0px, 10px);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.04);
			display: block;
			
		}
		/*.menu_glowne ul li ul{*/
		.menu_glowne ul 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;
		}
		.menu_glowne ul li ul li{
			width: 100%;
			margin:0px;
			padding: 0px
			display: block;
			/*border: 1px solid #cc0000;*/
		}
		.menu_glowne ul li ul li a{
			display: block;
			font-size: 15px;
		}
		.menu_glowne ul li ul li:first-child{
			padding: 15px 0px 0px 0px;
		}
		.menu_glowne ul li ul li:last-child{
			padding: 0px 0px 15px 0px;
		}

		.wycen_btn{
			padding: 15px 20px !important;
			display: grid;
			grid-template-columns: 20px auto;
			grid-gap: 5px;
			background-color: rgba(255,255,255,0.4);
			align-items: center;
		}

		.wycen_btn span{
			text-transform: uppercase;
			font-size: 15px;
			line-height: 18px;
		}


		.menu_kontakt ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 20px;
			align-items: center;
			justify-content: flex-end;
		}
		.menu_kontakt ul li{
			list-style: none;
			padding: 0px;
			margin: 0px;
		}
		.menu_kontakt ul li a{
			display: inline-block;
			padding: 10px 12px;
			
		}
		.menu_kontakt ul li a:hover{
			color: var(--bialy) !important;
			background-color: var(--czarny);
			background-position: left top;
		}
		.menu_kontakt ul li a:hover i svg {
			fill: #fff;
		}
	/* HEADER */



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

		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}


	.wiersz_start div.box{
		text-align: center;
		padding: 15vw 5vw;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}
	.wiersz_start div.box.box_1{
		background-color: rgba(255,255,255,0.8);
	}

	.wiersz_start div.box.box_2{
		color: #fff;
		background-color: rgba(0,0,0,0.8);
	}


	.wiersz_start div.box a {
		display:block;
	}
	.wiersz_start div.box a:hover  h2{
		color: #569240;
	}
	.wiersz_start div.box a span{
		margin-top: 20px;
		padding:10px 20px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		background: rgb(117,179,66);
		background: -moz-linear-gradient(-45deg, rgba(117,179,66,1) 00%, rgba(117,179,66,1) 60%, rgba(86,146,64,1) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(117,179,66,1) 00%, rgba(117,179,66,1) 60%, rgba(86,146,64,1) 100%);
		background: linear-gradient(-45deg, rgba(117,179,66,1) 00%, rgba(117,179,66,1) 60%, rgba(86,146,64,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75b342",endColorstr="#569240",GradientType=1);
	}


	.wiersz_start div.box a:hover span{
		background: #000;
	}



	/* BANER */
		.baner_opisowy{
			position: relative;
		}
		.baner_opisowy .tresc_baneru{
			position: absolute;
			display: grid;
			grid-template-columns: 40% 60%;
			width: 100vw;
			top: 130px;
			bottom: 0px;
		}

		.baner_opisowy .tresc_baneru .tlo_c{
			background-color: rgba(35,33,34,0.85);
			padding: 3vw 8vw;
			padding-right: 20vw;
  			color: #fff;
		}

		.baner_opisowy .tresc_baneru .tlo_c ul {
			list-style: none;
			padding-left: 20px;
		}
		.baner_opisowy .tresc_baneru .tlo_c ul li a {
			font-size: 30px;
			line-height: 1.6em;
			font-weight: bold;
		}
		.baner_opisowy .tresc_baneru .tlo_c ul li span{
			left: -40px;
			top: 10px;
		}
		.baner_opisowy .tresc_baneru .tlo_c ul li i{
			font-size: 24px;
		}
		.baner_opisowy .tresc_baneru .tlo_c ul li a:hover {
			padding-left: 10px;
			color: var(--glowny);
		}
		.baner_opisowy .tresc_baneru .tlo_c h1{
			font-size: 70px;
			line-height: 1.1em;
			text-transform: uppercase;
		}	
	/* BANER */

	/* ZAWARTOŚĆ */
		.tresc {
		}
		
		.podstrona{
			margin: 0px !important;
			padding: 3vw 20vw;
			width: auto !important;
			background-color: #fff;
			margin-bottom: 100px !important;
		}

		.naglowekPodstrony{
			padding: 50px 20vw;
			padding-top: 150px;
  			background-size: cover;
  			position: relative;
			/*			background-color: rgba(82,140,190,0.7);*/
			background-image: linear-gradient(180deg, rgba(140,180,220,1), rgba(82,140,190,0.7));
		}
		.naglowekPodstrony picture{
			background-color: #82aacd;
		}
		.naglowekPodstrony picture img{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: -1;
			object-fit: cover;
		}
		.naglowekPodstrony h1{
			color: #000;
  			font-size: 58px;
  			line-height: 1em;
		}

		.tresc.margines.kontakt .kontakt_w {
			margin-right: 20%;
		  padding-left: 20%;
		  background: var(--glowny);
		  margin-top: -4.6vw;
		  z-index: 10;
		  position: relative;
		}
		.tresc.galeria h1,
		.tresc.podstrona h1{
			margin-top: 50px;
			font-size: 58px;
			line-height: 60px;
			font-weight: 800;
		}
		.tresc.galeria h1{
			padding-right: 18vw;
			padding-left: 18vw;
		}

		.tresc.margines.kontakt .formularz_wycena_knt {
			padding: 50px;
			padding-left: 0px;

		}
		.tresc.margines.kontakt .formularz_wycena_knt h3 {
			font-size: 36px;
			margin-top: 0px;
			line-height: 60px;
		}

		.formularz_wycena_knt h2{
			text-transform: uppercase;
		}
		.tresc.margines.kontakt #formularz_mail {
			/*display: grid;
			grid-gap: 35px;
			grid-template-columns: 1fr 1fr;*/
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-column-gap: 30px;
			grid-row-gap: 30px; 
		}

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



		.tresc.margines.kontakt #formularz_mail p {
			margin-top: 0px;
			margin-bottom: 3px;
		}
		/*.tresc.margines.kontakt #formularz_mail .wyslij_formularz{
			grid-column-start: 1;
			grid-column-end: 3;
		}*/
		.tresc.margines.kontakt #formularz_mail .wyslij_formularz label{
			display: block;
			margin-bottom: 35px;
			font-size: 14px;
		}
		.tresc.margines.kontakt #formularz_mail .wyslij_formularz input[type='checkbox'] {
			display: none;
		}


		.wiersz_kontakt{
			display: grid;
			grid-template-columns: 40% 60%;
			align-items: center;

		}
		.wiersz_kontakt div.c1{
			padding: 50px;
			padding-left: 20vw;
		}
		.wiersz_kontakt div.c1 h2{
			text-transform: uppercase;
		}

		.wiersz_kontakt div.c1 p{
			line-height: 1.3em;
		}

		.wiersz_kontakt div.c2{
			margin-top: -110px;
		}

		.wiersz_kontakt div.c2 iframe{
			height: 500px;
		}


	

		table{
			width: 100%;
			max-width: 100%;
			margin-bottom: 20px;
			color: #424242;
			line-height: 20px;
			border: 1px solid #ccc;
			/*border-radius: 10px;*/
			margin-top: 20px;
			margin-bottom: 20px;
		}


		 table th{
			vertical-align: bottom;
			/*border-bottom: 2px solid #ddd;*/
			/*border-top: 0;*/
		}
		 table tr{
		   padding-top: 5px;
		   padding-bottom: 5px;
		   border-bottom: 1px solid #ccc;
		}
		table tr td{
			padding: 5px;
		}
		table tr td em{
			font-size: 12px;
			line-height: 12px;
		}
		 table tr:nth-of-type(2n+1) {
		    background-color: #f9f9f9;
		}
		 table tr:nth-of-type(2n) {
		    background-color: #fff;
		}
		


		/*.tresc.margines.strona .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
		.tresc.margines.strona .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
		.tresc.margines.strona .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
		.tresc.margines.strona .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
		.tresc.margines.strona .wp-block-gallery.is-cropped .blocks-gallery-image a,
		.tresc.margines.strona .wp-block-gallery.is-cropped .blocks-gallery-image img,
		.tresc.margines.strona .wp-block-gallery.is-cropped .blocks-gallery-item a,
		.tresc.margines.strona .wp-block-gallery.is-cropped .blocks-gallery-item img {
			max-height: 230px;
		}*/
		.my-drop-zone {
			box-sizing: border-box;
			border: 1px solid #c5c5c5;
			background-color: var(--bialy);
			width: 100%;
			padding: 15px 20px;
			font-family: var(--czcionka);
			font-size: 16px;
			text-align: center;
			-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;
			height: 200px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
		.my-drop-zone p {
			font-size: 12px;
		}
		.my-drop-zone p strong {
			font-size: 16px;
			text-transform: uppercase;
		}
		.my-drop-zone p i {
			font-size: 48px;
			display: inline-block;
			margin-bottom: 10px;
		}
        .nv-file-over {
            border: dotted 1px var(--czarny);
            background-color: var(--czarny);
            color: var(--bialy);
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
        }
        .zalaczniki {
        	position: relative;
        }
        .zalacznik {
        	display: grid;
        	grid-template-columns: 1fr 50px;
        	grid-gap: 10px;
        	padding: 5px 15px;
        	align-items: center;
			border: 1px solid #c5c5c5;
			margin-top: 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;
        }
        .zalacznik:hover {
        	background-color: rgba(255,255,255,0.5);
			-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;
        }
        .zalacznik .usun{
        	font-size: 12px;
        	font-weight: bold;
        	cursor: pointer;
        	opacity: 0.7;
        }
        .zalacznik .usun:hover,
        .zalacznik .usun:hover i{
        	color: var(--czerwony) !important;
        	opacity: 1;
        }
        .wybierz_zdjecia {
            opacity: 0;
        	position: absolute;/*
        	border: 1px dashed #c00;*/
        	width: 100%;
        	top: 0px;
        	left: 0px;
        	right: 0px;
        	height: 200px;
        }
        .wgrywam {
        	padding-top: 10px;
        	padding-bottom: 10px;
        }
        .tresc iframe {
        	width: 100%;
        }



        #szczegly_onas {
        	position: relative;
        	margin-top: -50px;
        	z-index: 9;
        }
        #szczegly_onas .wiersz_onas{
        	display: grid;
        	width: 100vw;
        	grid-template-columns: 40% 60%;
        }


        #szczegly_onas .wiersz_onas .tresc{
        	margin-top: 50px;
        	margin-bottom: 50px;
        	padding: 80px;
        	padding-right: 20vw;
        }

        #szczegly_onas .wiersz_onas .tresc strong{
        	font-size: 1.2em;
        }



        #szczegly_oferty {
        	position: relative;
        	margin-top: -50px;
        	z-index: 8;
        }
        #szczegly_oferty .wiersz_oferta{
        	display: grid;
        	width: 100vw;
        	grid-template-columns: calc(40% - 80px) calc(60% + 80px);
        }


        #szczegly_oferty .wiersz_oferta .oferta{
        	
        	padding: 80px;
        	padding-right: 20vw;
        	background-color: var(--glowny);
        }

        .nasza_oferta{
        	display: grid;
        	grid-template-columns: 1fr 1fr;
        	grid-row-gap: 2vw;
        	grid-column-gap: 5vw;
        	list-style: none;
        	padding: 0px;
        	margin: 0px;
        }


        .oferta_podstony .nasza_oferta{
        	display: grid;
        	grid-template-columns: 1fr 1fr 1fr;
        }

        .nasza_oferta li{
        	padding: 0px;
        	margin: 0px;
        }

        .nasza_oferta li a{
        	display: block;
        }
        .nasza_oferta li a:hover{
			transform: scale(1.05);
        }
        .nasza_oferta li a:hover img{
        	box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
        }
        .nasza_oferta li a:hover aside h3{
        	color: #000;
        }


        .nasza_oferta li h3{
        	margin: 20px;
        	font-size: 22px;
        }

        .sticky_box{
        	 position: sticky;
			  top: 50px;
			  z-index: 10;
			  margin-top: 150px;
			  padding-left: 20vw;
			  margin-bottom: 50px;
        }
        .sticky_box h2{
        	text-transform: uppercase;
        	line-height: 1.0em;
        }
        .sticky_box .wycen_btn{
        	display: inline-block;
        	background-color: #000;
        	color: #fff;
        	text-transform: uppercase;
        	font-weight: bold;
        	font-size: 20px;
        }
        .sticky_box .wycen_btn span {
        	font-size: 20px;
        }

        .sticky_box .wycen_btn:hover{
        	background-color: var(--glowny);
        }
        .sticky_box .wycen_btn:hover i,
        .sticky_box .wycen_btn:hover span{
        	color: #000 !important;
        }

        .sticky_box .wycen_btn i{
        	padding-right: 10px;
        }

        #szczegly_realizacji h2{
        	position: absolute;
			right: 20%;
			color:var(--glowny);
			text-transform: uppercase;
			margin: 0px;
			padding: 4.5vw 30px;
			line-height: 1.1em;
			text-align: right;
			transform-origin: center right;
        }


        #szczegly_realizacji a h2:hover{
        	color: #fff; 
        	padding-right: 20px;
        	transform: scale(1.05);
        }

        #szczegly_realizacji a img{
		 	position: relative;
		  	z-index: -1;
        }

        #szczegly_realizacji a:hover img{
        }





        p.btn {
        	display: inline-block;
        }
        p.btn a{
        	display: inline-block;
			padding: 15px 35px;
			padding-right: 50px;
			margin: 0px 0px;
			font-weight: bold;
			font-size: 17px;
			background-color: var(--jasnoszary);
			border: 0px;
        } 

        p.btn.btn-czarny a{
			background-color: var(--czarny);
        }

        p.btn a:after {
			content: "\f105";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			margin-left: 10px;
		}

		p.btn a:hover{
			color: var(--bialy);
			background-color: var(--czarny);
		}

		p.btn.btn-czarny a:hover{
			color: var(--czarny);
			background-color: var(--jasnoszary);
		}

        p.btn.powrot a:after{
        	display: none;
        }
        p.btn.powrot a:before{
			content: "\f104";
			font-family: "Font Awesome 5 Free";
			display: inline-block;
			margin-right: 10px;
        }

		.ikony_szare {
			margin: 0px !important;
		    padding: 3vw 18vw;
		    width: auto !important;
		    background-color: #f7f7f7;
		}

		.ikony_szare h3{
			font-size: 20px;
			text-transform: uppercase;
		}
		.ikony_szare p{
			font-size: 16px;
		}

		.wp-block-file {
		  margin-bottom: 1.5em;
		  padding: 10px 40px;
		  overflow: hidden;
		  display: grid;
		  grid-template-columns: 1fr 200px;
		  align-items: center;
		  background: #f1f1f1;
		  margin: 5px !important;
		  font-size: 18px;
		}
		.wp-block-file .wp-block-file__button{
			border-radius:0px !important;
			color: #fff;
			text-align: center;
			font-weight: 500;
		}

		/*.wp-block-file .wp-block-file__button{
			  background-color: #fff;
			  background: linear-gradient(90deg, var(--szary) 0%, var(--szary) 50%, var(--czarny) 50%, var(--czarny) 100%);
			  background-position: right top;
			  background-size: 250%;
		}

		.wp-block-file .wp-block-file__button:hover{
			color: var(--czarny) !important;
			background-position: left top;
		}
*/
	/* ZAWARTOŚĆ */

	/* STOPKA */
		.stopka_knt {
			background-color: #262626;
		}
		.stopka {
			color: var(--szary);
			width: 1400px;
			margin: 0px auto 0px auto;
			padding-top: 60px;
			padding-bottom: 60px;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 50px;
		}
		.stopka a:hover i,
		.stopka a:hover {
			color: var(--bialy) !important;
		}
		.stopka div:last-child {
			text-align: right;
		}
		.influencja {
			text-align: center;
			padding-top: 20px;
			padding-bottom: 20px;
			background-color: #313131;
		}
		.influencja img {
			display: inline-block;
			opacity: 0.75;
			filter: grayscale(100%);
		}
		.influencja a:hover img {
			opacity: 1;
			filter: grayscale(0%);
		}
	/* STOPKA */

	/* FORMS LEMENTS */
		.form_input {
			box-sizing: border-box;
			border: 1px solid #c5c5c5;
			background-color: var(--bialy);
			width: 100%;
			padding: 15px 20px;
			font-family: var(--czcionka);
			font-size: 16px;
		}
		textarea.form_input {
			height: 175px;
		}
		.form_btn {
			font-family: var(--czcionka);
			display: inline-block;
			padding: 15px 35px;
			margin: 0px 0px;
			font-weight: bold;
			font-size: 18px;
			border: 0px;
			color: var(--bialy);
			background-color: var(--czarny);
			text-transform: uppercase;
		}
		
		.form_btn:hover{
			color: var(--czarny) !important;
			background-color: var(--bialy);
		}



		p.link_btn a{
			display: inline-block;
			padding: 15px 35px;
			margin: 0px 0px;
			font-weight: bold;
			font-size: 18px;
			border: 0px;
			color: var(--bialy);
			background-color: var(--czarny);
			text-transform: uppercase;
		}
		p.link_btn a:hover{
			color: var(--czarny) !important;
			background-color: var(--jasnoszary);
		}
		label.has-error {
			font-size: 14px;
			color: var(--czerwony);
		}
		.blad,
		.sukces {
			padding: 5px 15px;
			margin: 5px 0px;
		}
		.blad {
			color: var(--czerwony);
		}
		.sukces {
			color: var(--zielony);
		}
	/* FORMS LEMENTS */


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

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

		#menu_mobil .box_m span {
		  display: block;
		  width: 100%;
		  border-radius: 3px;
		  height: 3px;
		  background: #000;
		  transition: all .3s;
		  position: relative;
		}

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

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

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

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

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

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

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

		@keyframes scaled-2 {
		  0% {
		    transform: scale(0);
		  }
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(1);
		  }
		}
		 .arrow-icon {
			display: none;
			position: relative;
			cursor: pointer;
			border-radius: 2px;
			float: right;
			width: 40px;
			margin-top: 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: 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 **/

	.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
		max-height: 280px;
		min-height: 230px;
	}
	body.influ .wp-block-separator {
		border-bottom: none;
		border-top: 1px solid #e2e2e2;
		margin: 2em;
	}