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

	:root {
	  --kolor-glowny: #6ab023;

	  --kolor-granat: #002351;
	  --kolor-tekst: #484749;
	  --kolor-ciemny: #010000;
	  --kolor-czarny: #282828;
	  --kolor-bialy: #fff;
	  --kolor-szary: #888888;
	  --kolor-jasnoszary: #f1f1f1;
	  --kolor-ciemnoszary: #2a3138;
	  --kolor-jasnybraz: #d98229;
	  --czcionka: 'Poppins', sans-serif;
	  --czcionka-2: "Poppins", serif;

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

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

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

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

	html #strona_glowna .tresc .kolumny_2 strong{
		font-size: 1.1em;
		font-weight: 400;
	}

	/* WP core classes*/

		  .wp-block-column:not(:first-child) {
		    margin-left: 5em !important;
		  }

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

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

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


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




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

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

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

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

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

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



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

	/* SEKCJA ROZWIJANA */
		.info_roz_knt {
			border: 1px solid #ddd;
			border-radius: 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);
		width: 100%;
		overflow-x: hidden;
		background-color: #fff;
	}

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


		#glowny_naglowek_knt:before{
			content: "";
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 100%;
		    background-image: url('../img/tlo_header_02.webp');
		    background-size: 100% auto;
		    background-repeat: no-repeat;
		    background-position: center 110%;
		}

		#glowny_naglowek_knt.str_glowna:before{
			display: none;
		}

		#glowny_naglowek_knt.str_glowna {
			position: absolute;
			 background-image: unset;
		}

		#glowny_naglowek_knt .menu_logo{
			text-align: center;
		}
		#glowny_naglowek_knt .menu_logo img{
			height: 100px;
			position: relative;
		}

		

		#glowny_naglowek_knt  .menu_logo img{

			height: auto;
		}


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


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

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

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

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

		#glowny_naglowek {
			padding:10px 0px;
			max-width: 1600px;
			margin: 0 auto;

			display: grid;
			grid-template-columns:1fr 300px 1fr;
			align-items: center;
			grid-gap: 20px;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
		}

		.p_mini_show{
			display: none;
		}

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

		.menu_prawe {
			text-align: right;
		}

		.menu_glowne ul {
			margin: 0px;
			padding: 0px;
			display: flex;
			gap: 10px;
		}
		.menu_glowne ul li.li_mini{
			display:none;
		}
		.menu_glowne ul li{
			list-style: none;
			padding: 0px 0px;
			margin: 0px;
			flex: auto;
  			text-align: center;
		}
		.menu_glowne ul li a.btn_header {
			background-color: var(--kolor-glowny);
		}
		.menu_glowne ul li a {
			padding: 5px 25px;
			font-weight: 600;
			font-size:20px;
			display: inline-block; 
			color: #ffffff;
			text-decoration: none;
			border-radius: 10px;
/*
			-webkit-mask-image: url('../img/ozdoba_03.png');
			-webkit-mask-size: cover;
			mask-image: url('../img/ozdoba_03.png');
			mask-size: 100% 100%;*/
		}

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

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

		.btn_kontakt{
			border: 2px solid #999999;
		}
		.menu_glowne ul li a.btn_kontakt:hover,
		.btn_kontakt:hover{
			border: 2px solid var(--kolor-czarny);
			background-color: var(--kolor-czarny);
			color: var(--kolor-bialy);
		}

		.menu_logo{
			position: relative;
		}
		

		ul.menu_rozwijane li ul{
			position: absolute;
			list-style: none;
			background-color: rgba(0,0,0,0.6);
			border-radius: 10px;
			z-index: 999;
			margin: 0px;
			padding: 15px 0px;
			transform-origin: top left;
			opacity: 0;
			pointer-events: none;
			transform: translate(0px, 10px);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.04);
			display: block;
		}
		ul.menu_rozwijane li ul.aktywne{
			pointer-events: auto;
			transform: translate(0px);
			opacity: 1;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		ul.menu_rozwijane li ul li{
			width: 100%;
			margin:0px;
			padding: 0px
			display: block;
		}
		ul.menu_rozwijane li ul li a{
			display: block;
			font-size: 15px;
			padding: 10px 25px;
			text-transform: none;
			color: #fff;
			text-align: left;
			line-height: 24px;
		}
		ul.menu_rozwijane li ul li a:hover{
			color: var(--kolor-glowny);
		}

		.menu_kontakt {
			position: absolute;
		  	width: auto;
		  	max-width: 1600px;
		  	margin: 0 auto;
		  	left: 0;
		  	right: 0;
		}
		.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 a{
			
			line-height: 45px;
			text-align: center;
			display: block;

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

			color: var(--kolor-ciemnoszary);
			display: flex;
			gap: 10px;
			padding: 10px 20px;
		    align-items: center;
		}

		.menu_kontakt ul li a span{
			color: var(--kolor-ciemnoszary);
			font-weight: 700;
			font-size: 15px;
			line-height: 20px;
		}
		.menu_kontakt ul li a svg{
			fill:var(--kolor-glowny);
			height: 20px;
			margin-right: 3px;
			margin: 0px;

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

		.menu_kontakt ul li a span{

		}

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

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



	/*HEADER*/

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

	/*BANER*/
		.b_rel{
			position: relative;
		}
		.nakladka{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 701;
			width: 100%;
  			height: 100%;
  			background: rgba(0,0,0,0.6);

  			background-image: url('../img/mask_baner_bottom_02.webp');
			background-position: bottom;
			background-repeat: no-repeat;
			  background-size: 100%;
		}

		

		#baner_knt {
			width: auto;
			margin: 0px;
			overflow: hidden;
			position: relative;
			z-index: 700;
			aspect-ratio: 1.82 / 1;

		}

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

		#baner_knt picture img{
			float: left;
		}



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

			text-align: left;
			width: 80%;
			padding: 10%;
			height: auto;
			bottom: 0%;
			top: unset;
			text-align: center;

		}

		.opisBaneru h2,
		.opisBaneru h1{
			font-family: var(--czcionka-2);
			color:#fff;
			font-size: 4vw;
			line-height: 1.2em;
			margin: 0px;
			width: 100%;
		}
		.opisBaneru h2 br,
		.opisBaneru h1 br{
			display: none;
		}
		.opisBaneru h2 strong,
		.opisBaneru h1 strong{
			font-weight: 400;
			color: #fff;
		}

		.opisBaneru p{
			margin:50px 0px;
			max-width: 80%;
		}

		.opisBaneru .linki_banery{
			overflow:hidden;
		}
		.opisBaneru a{
			padding:15px 40px 
		
		}

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

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

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

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

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

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

	.podstrona p,
	.wiersz_glowny ol li,
	.wiersz_glowny ul li{

		font-size: 18px;
		line-height: 1.6em;
	}

	.podstrona_kontaktu .tresc h3{
		margin: 10px 0px;
		color: var(--kolor-glowny);
		font-weight: 500;
	}
	.podstrona_kontaktu .tresc  p{
		margin: 10px 0px;
	}

	.podstrona_kontaktu .tresc p a{
		color: #000;
		font-weight: 500;
	}
	.podstrona_kontaktu iframe{
		margin-top: 50px;
		width: 100%;

			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
	}






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

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

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

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

	.wiersz_glowny ul {
		margin: 0px;
		padding: 0px;
	}
	.wiersz_glowny.podstrona ul {
		margin: 0px 0px 25px 0px;
		padding: 0px;
	}
	.wiersz_glowny ul li{
		list-style: none;
		margin:0px 2px;
	}
	.wiersz_glowny ul li::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);
	}

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

	h1 strong,
	.wiersz_glowny h2 strong{
		font-family: var(--czcionka);
		font-size: 0.5em;
		line-height: 1.3em;
		color: var(--kolor-glowny);
		text-transform: uppercase;
		display: block;
		font-weight: 700;
		margin-top: 0px;
	}
	.ozd{
		position: absolute;
		margin: auto;
	}
	.ozd_1{
		left: -100px;
		top: 0px;
		bottom: 0px;

	}
	.ozd_2{
		right: -50px;
		top: -50px;

	}

	.ozd_3{
		right: -200px;
		bottom: -50px;

	}
	.ozd_4{
		left: -60px;
		top: 0px;

	}
	.ozd_5{
		right: 30px;
		top: 0px;

	}
	.ozd_6{
		left: -60px;
		bottom: 50px;

	}

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

	.kolumny_2 .tekst{
		padding: 50px 100px;
	}

	.linki_row{
		overflow:hidden;
	}
	.linki_row a{
		float: left;
		margin-right: 20px;
		margin-top: 10px;
	}
	.btn{
		background-color: var(--kolor-glowny);
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		padding: 5px 30px;
		font-weight: bold;
		border: 0px;
		border-radius: 15px;
	}

	.btn.btn_svg{
		display:flex;
		gap: 10px;
		align-items: center;

	}
	.btn.btn_svg svg{
		height: 20px;
		fill: #fff;
	}
	.btn.btn_bialy.btn_svg svg{
		fill: var(--kolor-glowny);
	}

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

	.btn.btn_szary{
		background-color:#f4f4f4;
		color:var(--kolor-glowny);
	}

	.btn.btn_szary.btn_svg svg{
		fill: var(--kolor-glowny);
	}

	.btn.btn_bialy.btn_svg:hover svg,
	.btn.btn_szary.btn_svg:hover svg{
		fill: #fff;
	}

	.btn.btn_link{
		background-color: transparent;
		color: var(--kolor-glowny);
		padding-left: 0px;
	}
	

	.btn.btn_link::after{
		display: inline-block;
		content: '\f138';
		font-family: 'FontAwesome';
		margin-left: 5px;
	}


	.btn:hover{
		background-color: #000;
		color: #fff !important;
	}
	.btn.btn_link:hover{
		padding-left: 10px;
		background-color: transparent;
		color: #000 !important;
	}



	/*Strona główna*/
		#strona_glowna{
			background-size: 100% auto;
	  		background-repeat: no-repeat;
	  		overflow: hidden;
		}
		.wiersz_glowny{
			max-width: 1600px;
			margin: 50px auto;
			position: relative;
			z-index: 3;
		}
		.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);
  			text-transform: uppercase;
		}
		.wiersz_glowny h2 i{
			color: var(--kolor-glowny);
		}

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


		#oferta_index{
  			text-align: center;
		}


		#pobyty_index{
  			text-align: center;
  			margin-top: 7vw;
  			margin-bottom: 7vw;
		}

		.menu_oferty{
			padding: 0px;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			gap: 10px;

			/*-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;*/
  			margin-top: -50px;
		}

	


		.menu_oferty .owl-stage-outer{
			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
  		}

  		.menu_podstron{
  			gap: 40px;
  			margin-top: 50px;
  		}

  		.menu_podstron .boks_oferty {
  			margin-top: 0px;

  			-webkit-mask-image: url('../img/maska_svg.svg');
			  -webkit-mask-size: 100% 100%;
			  mask-image: url('../img/maska_svg.svg');
			  mask-size: 100% 100%;
  		}
  		.menu_oferty.menu_podstron .boks_oferty .tresc_box{
  			padding: 50px;
  		}

  		.menu_oferty.menu_podstron .boks_oferty img{
			opacity: 0.5;
		}



		.maska_kontakt{
			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
  			margin-top: -100px;
		}


		.menu_pobytow{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 50px;
		}

		.menu_pobytow h3{
			margin-bottom: 0px;
		}

		.menu_pobytow .img_box{
			position: relative;
		}	
		.menu_pobytow .img_box .img_mask{
			-webkit-mask-image: url('../img/maska_svg.svg');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_svg.svg');
			mask-size: 100% 100%;
			background-color: var(--kolor-glowny);
		}


		.menu_pobytow .img_box span{
			position: absolute;
		  	bottom: 20px;
		 	display: inline-block;
		  	background-color: var(--kolor-glowny);
		  	color: #fff;
		  	text-transform: uppercase;
		 	z-index: 99;
		  	left: 0;
		  	right: 0;
		  	margin: auto;
			width: 230px;
			font-size: 16px;
		  	font-weight: 600;
		  	border-radius: 10px;
		}
		.menu_pobytow .tresc_box ul li{
			font-size: 16px;
			color: #000;
			font-weight: 400;
		} 

		.menu_pobytow .boks_pobytu  a .img_box .img_mask img{
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(1.05);
		}

		.menu_pobytow .boks_pobytu  a:hover .img_box .img_mask img{
			opacity: 0.4;
			transform: scale(1.1);
		}

		.wiersz_glowny .menu_pobytow ul li::after,
		.wiersz_glowny ul li::before {
		  display: inline-block;
		  content: " ";
		  height:5px;
		  width: 5px;
		  background-color: var(--kolor-glowny);
		  border-radius:50%;
		  margin: 4px 10px;

		}

		.menu_pobytow .tresc_box .cena_box{
			font-size: 16px;
			color: #000;
			margin-top: 20px;
		}

		.menu_pobytow .tresc_box .cena_box b{
			font-size: 1.6em;
			font-weight: bold;
		}


		#kontakt_index .tresc{
			padding: 50px 100px;
		}
		#kontakt_index .tresc .ikona_h3{
			display: grid;
			grid-template-columns: 60px 1fr;
			gap: 20px;
		}

		#kontakt_index .tresc .ikona_h3 .wp-block-column figure,
		#kontakt_index .tresc .ikona_h3 .wp-block-column{
			margin:0px !important;
		}

		#kontakt_index .tresc .ikona_h3 h3{
			color: #fff;
			margin: 0px;
			font-size: 30px;
		}

		#kontakt_index .tresc a strong{

			  font-weight: 600;
		}
		#kontakt_index .tresc a{
			color: #fff;
			  font-weight: 600;
		}

		#kontakt_index .tresc i{
			margin-right: 5px;
		}

		#kontakt_index .tresc a:hover{
			color: var(--kolor-glowny) !important;
		}


		#referencje .wiersz_glowny{
    		padding: 10px 0px;
		}
		#referencje .sliderNav{
			bottom: 30px;
		    top: unset;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		    width: 200px;
		    position: absolute;
		    background-color: #fff;
		    z-index: 99;
		}

		#referencje .sliderNav i{
			padding:5px 20px;
			color: var(--kolor-glowny);
			cursor: pointer;
		}

		#referencje .item{
			grid-template-columns: 1fr;
			background-color: #fff;
			border-radius: 20px;
			overflow: hidden;
			height: 100%;
		}

		#referencje .wiecej_opinie{
			display: inline-grid;
			grid-template-columns: auto auto;
			align-items: center;
			grid-gap: 20px;
			float: right;
			margin-top: -40px;
			margin-right: 100px;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 16px;
			position: relative;
			z-index: 9;
		}

		#referencje .wiecej_opinie a{
			overflow:hidden;
			cursor: pointer;
		}

		#referencje .wiecej_opinie a img{
			float:left;

			-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 .wiecej_opinie a:hover img{
			filter: grayscale(100%);
			transform: scale(1.05);
		}


		.slider_boks {
			margin:0px 5%;
		}
		.referencjeOwl .item{
			margin: 0px;
		}



		.referencjeOwl .item .etykieta div.cen{
			display: grid;
			grid-template-columns: 1fr;
			align-items: center;
			height: 100%;
			width: 100%;

		}


		.referecja {
			padding: 2vw;
			background-image: url("../img/ozdoba_03.webp");
			background-position: left top;
			background-repeat: no-repeat;
			padding-right: 4vw;

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

		.referecja .etykieta span.ikona_r{
			width: 50px;
			height: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 26px;
			font-weight: 500;
			text-transform: uppercase;
			border-radius: 50%;
			background-color: #da2d29;
			color: #fff;
		}

		.referecja .etykieta img.ikona_r{
			width: auto;
			height: auto;
			text-align: center;
			line-height: 50px;
			font-size: 26px;
			font-weight: 500;
			text-transform: uppercase;
			color: #fff;
		}


		.referecja .etykieta .gwiazdki div{
			display: inline-flex;
			align-items: center;
			gap: 2px;
		}
		.referecja .etykieta .gwiazdki img{
			display:inline;
			width: auto;
		}
		.referecja .etykieta .gwiazdki i{
			color: #f9b403;
			font-size: 14px;
		}

		.tresc_opini {
		  font-size: 16px;
		  line-height: 1.5em;
		  font-style: italic;
		  font-weight: 400;
		  text-align: left;
		  height: 6em;
		  padding-right: 5px;
		  margin-left: 10px;
		  margin-right: 20px;
		  display: inline-block;
		  word-break: break-word !important;
		  white-space: normal;
		  overflow-y: auto;
		  direction: ltr;
		  scrollbar-color: #6a6a6a #e4e4e4;
		  scrollbar-width: thin;
		  margin-bottom: 40px;
		  overflow-x: auto;
		}






		.menu_oferty .boks_oferty a{
			display: block;
			background-color: #000;
			overflow: hidden;
			position: relative;
		}

		.menu_oferty .boks_oferty a:hover{
			background-color: var(--kolor-glowny);
			transform: scale(1.05);
		}
		.menu_oferty .boks_oferty a:hover h3{
			color: #fff;
		}

		.menu_oferty .boks_oferty .tresc_box {
			position: absolute;
			  width: 100%;
			  height: 100%;
			  padding: 5vw;
			  box-sizing: border-box;
			  z-index: 99;


		}
		.menu_oferty .boks_oferty h3{
		  	margin: 0;
		  	padding: 20px;
		  	float: left;
		  	min-height: 3em;
		  	font-size: 40px;
		  	font-weight: 600;
		  	line-height: 1.5em;
		  	text-align: center;
		  	padding: 40px 20px 30px 20px;
		  	width: 100%;
		  	box-sizing: border-box;
		  	color: #fff;

		}

		.menu_oferty .boks_oferty span{
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			color: #fff;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 600;
			text-align: center;
		}


		.menu_oferty .boks_oferty img{
			float:left;
			opacity: 0.2;
		}

		.podstrona .menu_oferty .boks_oferty {
			margin-top: 0px;
		}
		.podstrona .boks_oferty a h3{
			color: #fff;
			font-size: 30px;
			line-height: 36px;
			margin-top: 0px;
			padding-top: 0px;
		}

		.menu_pokoi{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 20px;
		}
		.boks_pokoju {
			background-color: #f2f2f2;
			
			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
		}

		.boks_pokoju a{
			display: grid;
			grid-template-columns: 45% 1fr;
			font-size: 16px;
		}

		.boks_pokoju a div.tresc_box{
			padding:50px 30px;
			align-self: center;
		}

		.boks_pokoju a div.tresc_box h3{
			font-size:20px;
			line-height:1.3em;
			margin: 0px;
			margin-bottom: 20px;
		}

		.boks_pokoju a div.tresc_box span.btn_s{
			background: var(--kolor-glowny);
			color: #fff;
			padding: 0px 15px;
			float: right;
			margin-top: 10px;
			border-radius: 10px;
		}

		.boks_pokoju a div.tresc_box span.btn_s:hover{
			background: #fff;
			color: var(--kolor-glowny);
		}
		.boks_pokoju a div.info_i{
			font-size:15px;
			line-height:20px;
			color: #000;
		}
		.boks_pokoju a div.info_i i{
			color: var(--kolor-glowny);
			width: 20px;
		}



		#kontakt {

			padding-bottom: 50px;
			background-size: 100% auto;
			background-position: bottom;
			background-repeat: no-repeat;
			
		}
		#kontakt.t_szare {	
			padding-top: 2vw;	
		}
		#kontakt.tlo_podstrony_kontaktu {	
			padding-top:10px;	
		}
		#kontakt.tlo_podstrony_kontaktu .wiersz_glowny{	
			margin-top: 0;	
		}

		#kontakt.p_kontakt {
			margin-top: 0px;
		}
		#kontakt .zawartosc em{
			font-size: 0.8em;
		  	line-height: 1.2em;
		  	display: inline-block;
		}

		#kontakt .zawartosc{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 50px;
			align-items: center;

		}

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

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

		#kontakt .zawartosc .box_mapki img{
			float:left;


			-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;
		}
		
		#kontakt .zawartosc .box_mapki:hover img{
			transform: scale(1.03);
		}
		

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


		#kontakt .zawartosc .box_mapki{  
			width: 100%;
			position: relative;
		}

	/*	#kontakt .zawartosc .box_mapki:before{
			content: "";
			position: absolute;
			z-index: -1;
			width: 100%;
			height: calc(100% - 100px);
			top: 0px;
			left: 50px;
		    background: #f2f2f2;
			clip-path: ellipse(1000px 50% at 50% 50%);
		}
*/
		#kontakt .zawartosc .box_mapki iframe{  
			width: 100%;
			clip-path: ellipse(1000px 50% at 50% 50%);
		}

		/*#kontakt .zawartosc .box_mapki iframe:before{  
			content: "";
			position: absolute;
			top: -50px;
			left: 50px;
			z-index: -1;
			background-color: #f2f2f2;

			clip-path: ellipse(1000px 50% at 50% 50%);
			height: 100%;
			width: 100%;
		}	*/


		#kontakt .zawartosc .opis_mapki {
			padding-left: 100px;
		}

		#kontakt .zawartosc h3{
			margin-bottom: 30px;
			color: var(--kolor-tekst);
			font-weight: 500;
		}
		#kontakt .zawartosc h3 span{
			font-size: 0.7em;
  			font-weight: bold;
  			display: block;
  			line-height: 1em;
		}
		#kontakt .zawartosc span.kolor{
  			font-weight: 600;
  			color: var(--kolor-glowny);
		}

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

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

		#kontakt .zawartosc .linki_d aside.link_f label{
			font-size: 14px;
			line-height: 1em;
			display: block;
			font-weight: 500;
			text-transform: uppercase;
			color: #838383;
		}

		#kontakt .zawartosc .linki_d aside.link_f label i{
			color:var(--kolor-glowny);
		}

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


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

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

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

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

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

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


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

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

		}

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

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

	/*Blog*/

	/*Podstrony informacyjne*/

		.bg_postrony{
			background-color: #f2f2f2;
		}

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

		}


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

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

			float:left;
			width: 100%;
		}

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

	

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

		

		.naglowek_postrony{
			text-align: left;
			text-transform: uppercase;
			padding: var(--100px);
	  		
			padding-top: 100px;
	  		padding-bottom: 20px;

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

		}




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

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

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

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

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


		.podstrona{
			max-width: 1400px;
			margin: 0px auto;
			position: relative;
			z-index: 3;
		}

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

		.wyciecie_biale{
			background-color: red;

		}

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

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

		.wiersz_caly{
			width: 100%;
		}
		.podstrona .oferta{
			margin-right: 0px;
			margin-left: 0px;
		}

		.naw_kategorii{
			padding-bottom: 50px;
		}

		.naglowek_postrony h1{
			color: var(--kolor-czarny);
			font-family: var(--czcionka-2);
			text-transform: none;
			font-size: 60px;
			  line-height: 1.2em;
			margin-top: 0;

		}
		.podstrona h2{
			font-size: 32px;
			margin-top: 0px;
		}	

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

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


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




	/*Podstrony informacyjne*/
		
		.wiersz_kontaktu{
		}

	/*Kariera*/

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

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

		.ofertaP h3{
			margin-bottom: 0px;
			font-size: 18px;
			cursor: pointer;
			background-color: #f2f2f2;
			padding: 10px 10px 10px 20px !important;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}

		.ofertaP h3 i{
			float: right;
			padding: 5px;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.ofertaP.aktywna h3 i{
			transform: rotate(180deg);
		}


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

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

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

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

		.ofertaP .content span{
			display: inline-block;
			border: 2px solid #f2f2f2;
			padding: 5px 20px;
			margin: 5px;
			cursor: pointer;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}



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

		.uplader_files{
			margin-top: 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;
			border:0px;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		#kariera_form fieldset.fw2{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-gap: 10px;
			margin: 0px;
			padding: 0px;
			border: 0px;
		}






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



		






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

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

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

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

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

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

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

		}

	/*Kariera*/

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

		.aktualnosc_idx a{
			display: grid;
			grid-template-columns: 30% 1fr;
			grid-gap: 0px;
			text-decoration: none;
			margin-bottom: 0px;
			font-size: 14px;
			line-height: 1.3em;
			background-color: #f2f2f2;
			padding: 0px 0px;
			border-radius: 30px;
		}

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

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

			position: relative;
			margin-bottom: 20px;

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

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

		.aktualnosci_box{
			position: relative;
		}

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

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



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

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

			background: none;
			color: var(--kolor-glowny);
  			line-height: 40px;
			
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			position: relative;
			z-index: 2;
		}


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

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

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



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


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

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

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

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

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

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

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

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

		  margin-top: 20px;
		}

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

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

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

		/** FOOTER **/
		
		body.influ .stopka_knt p,
		.stopka_knt {
			color: rgba(255, 255, 2555, 0.5);
			font-size: 15px;
			margin-top: 0px;
			line-height: 1.3em;
		}
		.stopka_knt{
			max-width: 2000px;
			margin: auto;
			margin-top: 0px;
		}

		.stopka_knt a{
			font-size: 17px;
			color: rgba(255, 255, 2555, 0.5);
		}

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


		.stopka_knt .cennik_box{
			position: relative;
			bottom: unset;
			right: unset;
			  height: 370px;
		}

		.stopka_knt .cennik_box .tresc_box h2{
			font-size: 30px;
			margin-bottom: 5px;
		}

		.stopka{
			padding: 50px 100px;
			background-size: 100% 100%;
			background-position: top left;
			margin: 0px;

			margin-top: 100px;
		}
		.stopka .do_prawej{
			text-align: right;
		}
		.stopka i{
			color: rgba(255, 255, 2555, 0.5);
		}

		.wierszStopki{
			max-width: 1400px;
  			margin: 50px auto;
		}

		.wierszStopki.w1{
			display: grid;
			grid-template-columns: 1.5fr 1fr 250px;
			margin-bottom: 2vw;
			gap: 2vw;
		}

		
		.menuStron{
			display: grid;
			grid-template-columns: 1fr 1.3fr;
			grid-gap: 2vw;
		}

		.wierszStopki h3{
			color: #fff;
			font-size: 24px;
			margin: 30px 0px 20px 0px;
			font-weight: 400;
		}
		.wierszStopki .menuStron a{
			display: block;
			line-height: 1.2em;
			margin: 10px 0px;
			padding-left: 0px;
			padding-right: 5px;
			cursor: pointer;
		}
		.wierszStopki .menuStron a:hover{
			padding-left: 5px;
			padding-right: 0px;
			color: var(--kolor-glowny);
		}
		.wierszStopki a i{
			color: var(--kolor-glowny);
		}
		.wierszStopki.w2{
			margin-top: 0px;

			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.wierszStopki .menuKontaktu{
			margin-left: 0%;
		}
		.wierszStopki .menuKontaktu a{
			line-height: 1.6em;
			margin: 2px 0px;
			display: block;
			padding-left: 0px;
			padding-right: 5px;
		}
		.wierszStopki .menuKontaktu a:hover{
			padding-left: 5px;
			padding-right: 0px;
			color: var(--kolor-czerwony);
		}
		.wierszStopki .menuKontaktu a.w280{
			display: inline-block;
			min-width: 280px;
		}
		
		.wierszStopki .menuKontaktu a.w100 i{
			font-size: 30px;
		}

		.imgPlatnosci{
			position: relative;
		}
		.imgPlatnosci img{
			float: left;
			position: relative;
			z-index: 9;
			  height: auto;
		}

		.imgPlatnosci::before {
		  content: " ";
		  width: 100%;
		  height: 100%;
		  border: 1px solid #fff;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: 1;
		  bottom: -25px;
		  right: -25px;
		}

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


	/*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: #fff;
		  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: #fff;
		}

		#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: #fff;
			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: #fff;
			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 #000;
			border-radius: 0px;
			overflow: hidden;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		.info_roz_ng {
			padding: 15px 25px 15px 25px;
			cursor: pointer;
			position: relative;
		}
		.info_roz_ng h3 {
			padding: 0px 10px 0px 0px;
			margin: 0px;
			font-size: 20px;
		}
		.info_roz_ng:before {
			display: block;
			content: '\f107';
			font-family: 'FontAwesome';
			position: absolute;
			padding: 15px;
			right: 5px;
			top: 1px;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			transform: scale(0.7);
		}
		.info_roz_knt.rozwiniete .info_roz_ng:before {
			transform: rotate(180deg) scale(0.7);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.info_roz_tr {
			border-top: 1px solid #ddd;
			padding: 15px 25px 15px 25px;
		/*	display: none;*/
		}		 
		.info_roz_tr p {
			font-weight: 500;
			line-height: 28px;
		  font-size: 18px;
		  color: #555;
		}

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

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

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

			border-radius: 50%;

		}


		.promocja_knt {
				width:100%;
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				z-index: 900;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				display: none;
			}
			.promocja {
				display: inline-block;
				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;
			}


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


			.wp-block-image{
				position: relative;
			}

			/*.wp-block-image:before{
				content: "";
			  	position: absolute;
			  	z-index: -1;
			  	width: 100%;
			  	height: calc(100% - 30px);
			  	top: 0px;
			  	left: 15px;
			  	background: var(--kolor-glowny);
			  	clip-path: ellipse(1000px 50% at 50% 50%);
			}*/
			.wp-block-image img {
			  	width: 100%;
			  	border-radius: 30px !important;
			}

			.maska_galerii .wp-block-image img {
			  	width: 100%;
			
				-webkit-mask-image: url('../img/maska_2.svg');
				-webkit-mask-size: 100% 100%;
				mask-image: url('../img/maska_2.svg');
				mask-size: 100% 100%;

			  	border-radius: 0px !important;

			}



	/** Inne **/


	.rozklad_jazdy .info_mini{
		display: none;
	}

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

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

    	text-shadow: none !important;
    	font-size: 16px !important;
    	line-height: 1.2em;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong{
    	font-size:1.2em;
    	margin-bottom: 10px;
    	float: left;
  		text-align: center;
  		width: 100%;
    }


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

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

/* Fromularz */

		#formularz_kontaktowy {
			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
		}
		#formularz_kontaktowy .form_dostepnosci h2{
			color: #fff;
		}

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

		.form_dostepnosci{
			padding: 100px 0px;
			padding-bottom: 10vw;
		}

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

	

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

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

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


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

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

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

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

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


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

		}

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


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


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

			color: var(--kolor-tekst);

			-webkit-mask-image: url('../img/maska_oferty_02.webp');
			-webkit-mask-size: 100% 100%;
			mask-image: url('../img/maska_oferty_02.webp');
			mask-size: 100% 100%;
		}


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

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

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

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


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

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

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

		#submitBtn{
			max-width: 300px;
		}

/* Fromularz */

/* Fromularz poup */
	.formularzPopTlo {
		width:100%;
		background-color:rgba(0,0,0,0.90);
		/* background-color:rgba(255,255,255,0.95);*/
		position: fixed;
		z-index: 899;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.formularzPopKnt {
		width:100%;
		background-color:rgba(0,0,0,0);
		position: fixed;
		z-index: 900;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		transform: scale(0.9);
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.formularzPopTlo.pokaz,
	.formularzPopKnt.pokaz {
		transform: scale(1);
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a {
		color: var(--kolor-glowny);
	}
	.tlo_transparentne.tlo_kontakt .formularzPopKnt a:hover {
		color: var(--kolor-czarny);
	}
	.formularzPopZawartosc {
		display: inline-block;
		max-width: 80vw;
		max-height: 80vh;
		margin: 9vh auto;
		box-shadow: none;
		width: auto;
		height: auto; 
		font-weight: 500;
		position: relative;
	}
	#formularzPop {
		width: auto;
		padding: 65px;
		background-color: #fff;
		font-size: 16px;
		max-width: 80vw;
		max-height: 76vh;
		max-height: calc(80vh - 2vw);
		box-shadow: none;
		width: auto;
		height: auto;
		font-weight: 500;
		background-color: #fff;
		overflow-x: hidden;
		text-align: left;
		display: grid;
		grid-template-columns: 3fr 2fr;
		grid-gap: 60px;
		background-image: url(../img/tlo_form_popup.webp);
		background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	#formularzPop h2 {
		margin-top: 0px !important;
	}
	#formularzPop p {
		font-size: 20px;
	}
	#formularzPop i.formularzPopZamknij {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 24px;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	#formularzPop i.formularzPopZamknij:hover {
		transform: rotate(90deg) scale(1.1);
		color: var(--kolor-glowny);
		-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	}
	.regulaminInfo {
		font-size: 12px;
		line-height: 14px;
	}
	#formularzPop label.has-error.validationMessage {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.regulaminInfo label.has-error.validationMessage {
		padding-top: 0px;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
	}
	#formularzPop p.btnHexKnt {
		margin-bottom: 0px;
		display: grid;
		grid-template-columns: 1fr 105px 1fr;
		vertical-align: middle;
	}
	#formularzPop p.btnHexKnt a{
		filter: grayscale(100%);
	}
	#formularzPop .error_info,
	#formularzPop .error{
		font-size: 12px;
		color: #cc0000;
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
	}
	#formularzPop .formInput{
		margin-bottom: 10px;
	}
	#formularzPop .formBtn{
		font-size: 16px;
	}
	#formularzPop .formularzPopRegKnt{
		font-size: 13px;
	}
	#formularzPop .formularzPopRegKnt input{
		filter: grayscale(100%);
	}
/* Fromularz poup */


#do_gory {
	position: fixed;
	bottom: -150px;
	right: 0px;
	cursor: pointer;
	z-index: 1000;
	/*width: 4.6vw;*/
	padding-bottom: 0;
	padding-top: 1vw;
	-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
	/*transform: scale(0.8);*/
	/*filter: grayscale(100%);*/
	opacity: 0.8;
	padding: 20px;
	background-image: url('../img/ozdoba_03.webp');
	background-size: cover;

}
#do_gory.pokaz {
	bottom: 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;text-decoration:none;
}
#do_gory.pokaz:hover,
#do_gory:hover {
	/*transform: scale(1);*/
	/*padding-top: 0;*/
	/*padding-bottom: 1vw;*/
	-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
	filter: grayscale(0%);
	opacity: 1;
	bottom: 25px;
}


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

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

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


.owl-theme .owl-dots .owl-dot span{
	width: 15px !important;
	height: 15px !important;
	background-color: #c5c5c5 !important;
	border-radius: 5px !important;
}
.owl-theme .owl-dots .owl-dot.active span{
	background-color: var(--kolor-glowny) !important;
}

.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
    max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
}
.only_mobil {
	display: none;
} 
.float_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 25vw;
}