/*
Theme Name: 	GRAfit
Theme URI: 	http://html5blank.com
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Piotr Bisek
Author URI: 	https://www.creativestudio.pl
Tags: 		Blank, HTML5, CSS3

License:	MIT
License URI:	http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}
	
	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; scroll-behavior: smooth; }
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:'Poppins', Helvetica, Arial, sans-serif;font-weight:700;}
	
	a {color:#23AC95;}
	a:focus {outline:0;}
	a:hover {outline:0; color:#008F7A;}
	a:active {outline:0; color:#81DA93;}
	
	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}
	
	ul {margin:0;padding:0;list-style:none;}
	ol {margin:10px 0 5px 0; padding-left:20px;}
	
	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
	
	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
	
	svg:not(:root) {overflow:hidden;}
	
	figure {margin:0;}
	
	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}
	
	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   Icon
   ========================================================================== */

@font-face {
  font-family: 'ico-grafit';
  src:  url('fonts/ico-grafit.eot?48t3ji');
  src:  url('fonts/ico-grafit.eot?48t3ji#iefix') format('embedded-opentype'),
    url('fonts/ico-grafit.ttf?48t3ji') format('truetype'),
    url('fonts/ico-grafit.woff?48t3ji') format('woff'),
    url('fonts/ico-grafit.svg?48t3ji#ico-grafit') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="g-icon-"], [class*=" g-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ico-grafit', 'Poppins', Helvetica, Arial, sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.g-icon-accessible:before {
  content: "\e900";
}
.g-icon-calendar_add_on:before {
  content: "\e901";
}
.g-icon-call:before {
  content: "\e902";
}
.g-icon-cancel:before {
  content: "\e903";
}
.g-icon-center_focus_strong:before {
  content: "\e904";
}
.g-icon-check:before {
  content: "\e905";
}
.g-icon-check_indeterminate_small:before {
  content: "\e906";
}
.g-icon-check_small:before {
  content: "\e907";
}
.g-icon-close:before {
  content: "\e908";
}
.g-icon-credit_score:before {
  content: "\e909";
}
.g-icon-dehaze:before {
  content: "\e90a";
}
.g-icon-drafts:before {
  content: "\e90b";
}
.g-icon-exercise:before {
  content: "\e90c";
}
.g-icon-instant_mix:before {
  content: "\e90d";
}
.g-icon-keyboard_arrow_down:before {
  content: "\e90e";
}
.g-icon-keyboard_arrow_up:before {
  content: "\e90f";
}
.g-icon-language:before {
  content: "\e910";
}
.g-icon-local_parking:before {
  content: "\e911";
}
.g-icon-percent:before {
  content: "\e912";
}
.g-icon-play_arrow:before {
  content: "\e913";
}
.g-icon-routine:before {
  content: "\e914";
}
.g-icon-wallet:before {
  content: "\e915";
}
.g-icon-workspace_premium:before {
  content: "\e916";
}

/* =============================================================================
   General Styles
   ========================================================================== */
	
   	body {
		font-family:'Poppins', Helvetica, Arial, sans-serif;
		font-size:16px;
		font-weight:400;
		line-height:175%;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#444; /* Lighter on the eyes than #000 Black */
		background-color:#FEF8ED;
		width:100vw;
		overflow-x:hidden;
	}
	
	@media only screen and (max-width: 768px) {
		body {
			font-size:14px;
		}
	}
	
	body.no-scroll {
	  overflow: hidden !important;
	  height: 100%;
	}
	
	body > .wrapper {
		min-height:100vh;
		display:flex;
		flex-direction:column;
	}
	
	h1 {
		text-align: center;
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
		background: linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-top:64px;
	}
	
	.page-id-19 h1 .page-id-531 h1 {
		font-size: 67px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	
	@media only screen and (max-width: 768px) {
		.page-id-19 h1, .page-id-531 h1  {
			font-size: 43px;
			text-align:right !important;
		}
		.page-id-17 h1 {
			font-size: 43px;
			text-align:center !important;
		}
	}
	
	h2{
		color: #41403F;
		font-family: Poppins;
		font-size: 67px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
	}
	
	@media only screen and (max-width: 768px) {
		h2 {
			font-size: 43px;
		}
		.post-12 h2:not(fix-h2) {
			text-align:center !important;
		}
	}
	
	h2 span{
		font-weight: 700;
		background: linear-gradient(87deg, #008F7A 0%,  #23AC95 50%, #81DA93 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display:inline-block;
	}
	
	.ramka-green-part-1 .vc_col-sm-4 h2 {
		font-size: 51px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
   }
   
   	@media only screen and (max-width: 768px) {
		.ramka-green-part-1 .vc_col-sm-4 h2 {
			font-size: 34px;
			text-align:center !important;
		}
	}
	
	h2.home-fix {
		width: 80%;
		padding-left: 20%;
	}
	
	@media only screen and (max-width: 768px) {
		h2.home-fix {
		width: 100%;
		padding-left: 0;
	}
	}
	
	h2.home-fix-2 {
		padding-right: 28%;
	}
	
	.page-id-19 .wpb-content-wrapper h2, .page-id-531 .wpb-content-wrapper h2 {
		color: #23AC95;
		font-size: 51px;
		font-style: normal;
		font-weight: 700;
		line-height: 125%;
	}
	
	@media only screen and (max-width: 768px) {
		.page-id-19 .wpb-content-wrapper h2, .page-id-531 .wpb-content-wrapper h2 {
		font-size: 34px;
		text-align: center !important;
		}
	}
	
	h3 {
		color: #23AC95;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 175%;
	}
	
	@media only screen and (max-width: 768px) {
		h3 {
			font-size: 14px;
		}
	}
	
	.page-id-19 .wpb-content-wrapper h3, .page-id-531 .wpb-content-wrapper h3 {
		font-size:28px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
	}
	
	@media only screen and (max-width: 768px) {
		.page-id-19 .wpb-content-wrapper h3, .page-id-531 .wpb-content-wrapper h3 {
		font-size:22px;
	}
	}
	
	.vc_row[data-vc-full-width] {
		overflow:visible !important;
	}
	
	.bg-gra-r {
		background-repeat:no-repeat;
		background-position:calc(50% + 600px) -20px;
		background-size: 1000px;
	}
	
	@media only screen and (max-width: 768px) {
		.bg-gra-r {
		background-repeat:no-repeat;
		background-position:calc(50% + 100px) -70px;
		background-size: 700px;
	}
		.bg-gra-r .wpb_column:not(sticky-box) .vc_column-inner .vc_column-inner {
			padding-left:0;
		}
		
		.bg-gra-r .wpb_column:not(sticky-box) .wpb_column:last-child .vc_column-inner {
			padding-right:0; 
		}
	}
	
	.bg-gra-a {
		background-repeat:no-repeat;
		background-position:calc(50% - 750px) 180px;
		background-size: 1000px;
	}
	
	@media only screen and (max-width: 768px) {
		.bg-gra-a {
		background-repeat:no-repeat;
		background-position:calc(50% - 250px) -40px;
		background-size: 700px;
	}
	}
	
	@media only screen and (max-width: 768px) {
		.post-15 .ikony {
			display: flex;
			flex-wrap: wrap;
		}
	}
	
	
	.ikony p {
	color: #252423;
	font-size:12px;
	font-style: normal;
	font-weight: 400;
	line-height: 175%;
	padding-right:32px;
	}
	
	@media only screen and (max-width: 768px) {
		.ikony p {
			padding-right:0;
		}
	}
	
	.ikony h3 {
		padding-right:32px;
	}

	.sticky-box-parrent {
		position: relative;
	}

	.sticky-box {
		position: sticky !important;
		top: 90px !important;
	}
	
	.page-id-17 .sticky-box {
		top: 180px !important;
	}
	
	@media only screen and (max-width: 768px) {
		.sticky-box {
		position: relative !important;
		top: unset !important;
		}
		.page-id-17 .sticky-box {
			top:unset !important;
			margin-top: 120px !important;
		}
	}
	
	.post-30, .post-319, .post-330, .post-344, .post-358, .post-581, .post-583, .post-585, .post-587, .post-589 {font-size:12px; text-align:justify;}
	
	.post-30 h2, .post-319 h2, .post-330 h2, .post-344 h2, .post-358 h2, .post-581 h2, .post-583 h2, .post-585 h2, .post-587 h2, .post-589  h2{
		font-size: 21px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
	}
	
	.wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid {
		margin-bottom:90px;
	}
	
	@media only screen and (max-width: 768px) {
		.wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid {
		margin-bottom:70px;
	}
	.page-id-19 .wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid, .page-id-531 .wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid {
		margin-bottom:35px;
	}
	}
	
	.page-id-19 .wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid:last-child, .page-id-12 .wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid:last-child, .page-id-531 .wpb-content-wrapper > .vc_row.wpb_row.vc_row-fluid:last-child {
		margin-bottom:0px;
	}
	
	.radius-24 .wpb_gmaps_widget.wpb_content_element.vc_map_responsive .wpb_wrapper {
		border-radius:24px;
		overflow:hidden;
	}
	
	#nasza-oferta, #karty {
		scroll-margin-top: 90px;
	}
	
	@media only screen and (max-width: 768px) {
		.vc_rtl-columns-reverse {
			display:flex;
			flex-direction:column-reverse;
		}
	}

	
/* =============================================================================
   Structure
   ========================================================================== */
   
   header {
	   width:calc(100% - 16px);
	   position: fixed;
	   top:16px;
	   left:calc(50% - 12px);
	   transform: translate(calc(-50% + 8px));
	   max-width:1280px;
	   background-color:#ffffff;
	   margin:0 auto 16px auto;
	   padding:8px;
	   -webkit-border-radius: 32px;
	   -moz-border-radius: 32px;
	   border-radius: 32px;
	   box-shadow: 0px 0px 16px 0px rgba(35, 172, 149, 0.25);
	   z-index:99;
   }
   
   @media only screen and (max-width: 1280px) {
	  header {
		  margin:0 12px 16px 12px;
		  width:calc(100% - 40px);
		  transform: translate(calc(-50% + 4px));
	  } 
   }
   
   header .wrapper {
	   display: flex;
	   flex-direction:row;
		align-items: center;
		gap:10px;
		justify-content: flex-end;
   }
   
   header .wrapper #logo {
	   justify-self: flex-start;
	   margin-right: auto;
	   margin-left:5px;
   }
   
   header .main-menu ul {
	   display: flex;
	   flex-direction:row;
	   align-items: center;
   }   
   
   header .main-menu ul li a{
	   color: #41403F;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		padding:12px 16px;
		display:block;
		text-decoration:none;
   }
   
   header .main-menu ul li a:hover, header .main-menu ul li.current-menu-item a {color:#23AC95; text-decoration:none;}
   
   @media only screen and (max-width: 1000px) {
	   header .main-menu {display:none;}
   }
   
   .wrapper {
	   max-width:1280px;
	   margin:0 auto;
   }
   
   .primary-btn, .secondary-btn, .vc_toggle_content a, .ramka-white-3 p a, .rodo-popup__btn, .post-15 .vc_col-sm-4 a {
	   font-family: Poppins;
	   font-size: 16px;
	   font-style: normal;
	   font-weight: 600;
	   line-height: 100%;
	   padding: 11px 32px;
	   justify-content: center;
	   align-items: center;
	   border-radius: 1000px;
	   display:inline-flex;
	   text-decoration:none;
   }
   
   .primary-btn {
	   color:#fff;
	   background: linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%);
   } 
   
   .primary-btn:hover {
	   color:#fff;
	   background: linear-gradient(0deg, rgba(129, 218, 147, 0.20) 0%, rgba(129, 218, 147, 0.20) 100%), linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%);
   }  
   
   .primary-btn:active {
	   color:#fff;
		background: linear-gradient(0deg, rgba(129, 218, 147, 0.50) 0%, rgba(129, 218, 147, 0.50) 100%), linear-gradient(87deg, var(--Primary-dark, #008F7A) 0%, var(--Primary, #23AC95) 50%, var(--Primary-light, #81DA93) 100%);
   } 
   
   .secondary-btn, .vc_toggle_content a, .ramka-white-3 p a, .rodo-popup__btn, .post-15 .vc_col-sm-4 a  {
	   color:#23AC95;
	   border: 2px solid #23AC95;
	   text-decoration:none;
   } 
   
   .secondary-btn:hover, .vc_toggle_content a:hover, .ramka-white-3 p a:hover, .rodo-popup__btn:hover, .post-15 .vc_col-sm-4 a:hover {
	   background: rgba(129, 218, 147, 0.20);
   }
   
   .secondary-btn:active, .vc_toggle_content a:active, .ramka-white-3 p a:active, .rodo-popup__btn:active, .post-15 .vc_col-sm-4 a:active {
	   background: rgba(129, 218, 147, 0.50);
   }
   
   .vc_toggle_content a {
	   margin-top:15px;
   }
   
   .vc_toggle_content ul {
	   list-style:disc;
   }
   
   .vc_toggle_content ul li {
	   margin-left:15px;
   }
   
   .primary-btn-wp button, .secondary-btn-wp button, .primary-btn-wp a, .secondary-btn-wp a {
	   font-family: Poppins !important;
	   font-size: 16px !important;
	   font-style: normal !important;
	   font-weight: 600 !important;
	   line-height: 100% !important;
	   padding: 12px 32px !important;
	   justify-content: center !important;
	   align-items: center !important;
	   border-radius: 1000px !important;
	   border:0 !important;
	   display:flex;
   }
   
	@media only screen and (max-width: 768px) {
		.primary-btn-wp button, .secondary-btn-wp button, .primary-btn-wp a, .secondary-btn-wp a {
			  font-size: 11px !important;
			  padding: 7px 12px !important;
		}
		.page-id-17 .primary-btn-wp button {
			  font-size: 14px !important;
			  padding: 12px 32px !important;
			  margin-bottom:32px;
			  margin-left:auto;
			  margin-right:auto;
		}
		
	}
   
   .primary-btn-wp button, .primary-btn-wp a {
	   color:#fff !important;
	   background: linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%) !important;
   } 
   
   .primary-btn-wp button:hover, .primary-btn-wp a:hover {
	   color:#fff !important;
	   background: linear-gradient(0deg, rgba(129, 218, 147, 0.20) 0%, rgba(129, 218, 147, 0.20) 100%), linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%) !important;
   }

	.primary-btn-wp button:active, .primary-btn-wp a:active {
	   color:#fff !important;
	   background: linear-gradient(0deg, rgba(129, 218, 147, 0.50) 0%, rgba(129, 218, 147, 0.50) 100%), linear-gradient(87deg, #008F7A 0%,  #23AC95 50%, #81DA93 100%) !important;
   } 
      
   
   .secondary-btn-wp button, .secondary-btn-wp a {
	   color:#23AC95 !important;
	   border: 2px solid #23AC95 !important;
   } 
   
   .secondary-btn-wp button:hover, .secondary-btn-wp a:hover {
	   background: rgba(129, 218, 147, 0.20) !important;
   }
   
   .secondary-btn-wp button:active, .secondary-btn-wp a:active {
	   background: rgba(129, 218, 147, 0.50) !important;
   }
   
   .primary-btn-wp.big-btn button, .secondary-btn-wp.big-btn button, .primary-btn.big-btn, .secondary-btn.big-btn, .primary-btn-wp.big-btn a, .secondary-btn-wp.big-btn a {
		font-size: 18px !important;
		padding: 12px 36px !important;
   }
   
   .primary-btn-wp.shadow-btn button, .secondary-btn-wp.shadow-btn button, .primary-btn.shadow-btn, .secondary-btn.shadow-btn, .primary-btn-wp.shadow-btn a, .secondary-btn-wp.shadow-btn a {
		box-shadow: 0px 12px 24px 0px #121111;
   }
   
   .primary-btn-wp.shadow-btn-2 button, .secondary-btn-wp.shadow-btn-2 button, .primary-btn.shadow-btn-2, .secondary-btn.shadow-btn-2, .primary-btn-wp.shadow-btn-2 a, .secondary-btn-wp.shadow-btn-2 a {
		box-shadow: 0px 16px 32px 0px #E3DED4;
   }
   
   .primary-btn-wp.shadowL-btn button, .secondary-btn-wp.shadowL-btn button, .primary-btn.shadowL-btn, .secondary-btn.shadowL-btn, .primary-btn-wp.shadowL-btn a, .secondary-btn-wp.shadowL-btn a {
		box-shadow: 0px 12px 24px 0px #E3DED4;
   }
   
   /* ACTIVE */
   
   .primary-btn-wp.shadow-btn button:active, .secondary-btn-wp.shadow-btn button:active, .primary-btn.shadow-btn:active, .secondary-btn.shadow-btn:active, .primary-btn-wp.shadow-btn a:active, .secondary-btn-wp.shadow-btn a:active {
		box-shadow: 0px -12px 24px 0px #121111;
   }
   
   .primary-btn-wp.shadow-btn-2 button:active, .secondary-btn-wp.shadow-btn-2 button:active, .primary-btn.shadow-btn-2:active, .secondary-btn.shadow-btn-2:active, .primary-btn-wp.shadow-btn-2 a:active, .secondary-btn-wp.shadow-btn-2 a:active {
		box-shadow: 0px -16px 32px 0px #E3DED4;
   }
   
   .primary-btn-wp.shadowL-btn button:active, .secondary-btn-wp.shadowL-btn button:active, .primary-btn.shadowL-btn:active, .secondary-btn.shadowL-btn:active, .primary-btn-wp.shadowL-btn a:active, .secondary-btn-wp.shadowL-btn a:active {
		box-shadow: 0px -12px 24px 0px #E3DED4;
   }
   
   /* ------ */
   
   .wlasne-linki {
	   display:flex;
	   gap: 15px;
   }
   
   .facebook-btn {
	   background-image: url('img/facebook.svg');
	   background-repeat: no-repeat;
	   background-position: left center;
	   background-size: 24px 24px;
	   padding-left: 28px; /* odsunięcie tekstu */
	   line-height: 20px;
	   display: inline-block;
   }
   .instagram-btn {
	   background-image: url('img/instagram.svg');
	   background-repeat: no-repeat;
	   background-position: left center;
	   background-size: 24px 24px;
	   padding-left: 28px; /* odsunięcie tekstu */
	   line-height: 20px;
	   display: inline-block;
   }
   
   .facebook-btn:hover, .instagram-btn:hover {
	    transform: scale(1.1);
   }
   
   @media only screen and (max-width: 1000px) {
	   header .facebook-btn, header .instagram-btn {
		   display:none;
	   }
   }
   
   @media only screen and (max-width: 510px) {
	   header .login-btn {
		   display:none;
	   }
   }
   
   @media only screen and (max-width: 380px) {
	   header .shop-btn {
		   display:none;
	   }
   }
   
	.mobile-menu {
	  display: none;
	  position: fixed;
	  background:#fff;
	  width:calc(100% - 32px);
	  height:calc(100% - 106px);
	  z-index:98;
	  top:90px;
	  
	  margin-left:16px;
	  margin-right:16px;
	  
	  -webkit-border-radius: 32px;
	  -moz-border-radius: 32px;
	  border-radius: 32px;
	  overflow-y:hidden;
	  overflow-x:hidden;
	}
	
	.mobile-menu nav {
		margin-bottom:12px;
	}
	
	.mobile-menu .mobile-wrapper {
		display:flex;
		flex-direction: column;
		height:100%;
		justify-content:space-between;
	}
	
	.mobile-menu .strefa-mobile {
		display:flex;
		justify-content:space-evenly;
	}
	
	.mobile-menu .strefa-mobile a {
		min-width:200px;
	}
	
	@media only screen and (max-width: 620px) {
		.mobile-menu .strefa-mobile {
			flex-direction:column;
		}
		.mobile-menu .strefa-mobile a {
			margin:6px 24px;
		}
	}
	
	.mobile-menu .mobile-bottom {
		display:flex;
		align-self: flex-end;
		width:calc(100% - 48px);
		justify-content:space-between;
		padding:24px 24px 19px 24px;
	}
	
	.mobile-menu .mobile-bottom .mobile-social a {
		width:40px;
		height:40px;
		background-size: 40px 40px;
	}
	
	.mobile-menu .lang ul {
		top:unset;
		bottom:100%;
		margin-bottom:10px;
	}
	
	.mobile-menu .lang details summary:after {
		transform: rotate(135deg) translate(0%, -25%);
		
	}
	
	.mobile-menu .lang details[open] summary:after {
		transform: rotate(-45deg) translate(50%, 0%);
	}
	
	
	.menu-overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.7); /* przezroczysta czerń */
	  display: none;
	  z-index: 98; /* mniej niż menu */
	  backdrop-filter: blur(10px);
	}
	
	.menu-toggle {
		background:transparent;
		border:0;
		font-size: 28px;
		padding-right: 0;
	}
	
	.menu-toggle i {
		display: block;
	}
	
	.menu-toggle.close {
	  display: none;
	}
	
	.menu-toggle.open {
		display: none;
	}
	
	@media only screen and (max-width: 1000px) {
		.menu-toggle.open {
			display:block;
		}
	}
	
	.mobile-menu nav {
		text-align:center;
		color:#41403F;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 42px;
		
	}
	
	.mobile-menu nav li a {
		padding:12px;
		color:#41403F;
		display:block;
		border-bottom: 1px solid var(--Shadow, #E3DED4);
		text-decoration:none;
	}
	
   
   /* Styl główny kontenera */
	.lang {
	  position: relative;
	  display: inline-block;
	}
	
	.lang details summary:after {
		content: '';
		display: inline-block;
		float: right;
		width: 10px;
		height: 10px;
		border-bottom: 3px solid #252423;
		border-left: 3px solid #252423;
		border-bottom-left-radius: 2px;
		transform: rotate(-45deg) translate(50%, 0%);
		transform-origin: center center;
		transition: transform ease-in-out 100ms;
		position: absolute;
		top: 14px;
		right: 20px;
	}
	
	.lang details[open] summary:after {
    transform: rotate(135deg) translate(0%, -25%);
}

	/* Ukryj listę języków domyślnie */
	.lang ul {
	  display: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  background: #fff;
	  border-radius: 16px;
	  box-shadow: 0px 6px 12px 0px #E3DED4;
	  padding: 0;
	  margin: 5px 0 0;
	  list-style: none;
	  z-index: 999;

	}
	.lang li {
		list-style: none;
		min-width:75px;
	}

	/* Styl przycisku wyboru języka */
	.lang-toggle {
		background-image: url('img/language.svg');
		background-repeat: no-repeat;
		background-position: 5px center;
	  border-radius: 10000px;
	  border: 1px solid #E3DED4;
	  padding: 6px 12px 6px 45px;
	  cursor: pointer;
	  display: block;
	  align-items: center;
	  min-width:50px;
	}

	/* Pokaż listę po kliknięciu */
	.lang details[open] ul {
	  display: block;
	}

	/* Styl elementów językowych */
	.lang-item {
	  cursor: pointer;
	  white-space: nowrap;
	  
	}
	
	.lang-item a {
		padding: 10px 20px;
		display:block;
		width:100%;
		color:#252423;
		text-decoration:none;
	}
	
	.lang-item a:hover {
		color:#23AC95;
	}
	
	.lang-item:not(.current-lang) a {
		margin-left: 22px;
	}

	/* Styl aktywnego języka */
	.current-lang a::before {
	  content: '';
	  display: inline-block;
	  width: 12px;
	  height: 12px;
	  background-color: #2daaa4;
	  border-radius: 50%;
	  margin-right: 10px;
	  vertical-align: middle;
	}
	
	@media only screen and (max-width: 1000px) {
		header .lang {display:none;}
	}
	
	#hero-home {
		height:640px;
		width: 1440px;
		position:relative;
		left:50%;
		background-repeat:no-repeat;
		transform: translate(-50%, 0);
		-webkit-border-bottom-left-radius: 48px;
		-webkit-border-bottom-right-radius: 48px;
		-moz-border-radius-bottomleft: 48px;
		-moz-border-radius-bottomright: 48px;
		border-bottom-left-radius: 48px;
		border-bottom-right-radius: 48px;
		overflow:hidden;
		color:#ffffff;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		/* margin-bottom:90px; */
	}
	@media only screen and (max-width: 1280px) {
		#hero-home {
			background-position-x: -150px;
		}
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home {
			background-position-x: 0px;
			height:auto;
			background-size:130%;
			
		} 
	}
	
	#hero-home:after {
		content: url('img/g-hero-patern.svg');
		width:1081px;
		height:100%;
		position:absolute;
		right:0;
		z-index:-1;
		
	}
	
	@media only screen and (max-width: 1280px) {
		#hero-home:after {
			right: -40px;
			
		}
	}
	
	@media only screen and (max-width: 940px) {
		#hero-home:after {
			/* right: -130px; */
		}
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home:after {
		content: url('img/g-hero-patern-mobile-long.svg');
		width:100%;
		right: unset;
		top:120px;
		}
	}
	
	#hero-home .vc_column-inner {
		padding-top: 120px;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home .vc_column-inner {
		padding-top: 480px;
	}
	}
	
	
	@media only screen and (max-width: 600px) {
		#hero-home .vc_column-inner {
		padding-top: 395px;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#hero-home .vc_column-inner {
		padding-top: 350px;
		}
	}
	
	#hero-home .wpb_text_column, #hero-home .vc_btn3-container {
		margin-left: 130px;
		margin-right: 170px;
	}
	
	@media only screen and (max-width: 1440px) {
		#hero-home .wpb_text_column, #hero-home .vc_btn3-container {
		margin-left: 70px;
		margin-right: 70px;
	}
	}
	
	@media only screen and (max-width: 1120px) {
		#hero-home .wpb_text_column, #hero-home .vc_btn3-container {
		margin-left: 30px;
		margin-right: 20px;
	}
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home .wpb_text_column, #hero-home .vc_btn3-container, #hero-home .vc_custom_heading {
		margin-left: 24px;
		margin-right: 24px;
	}
		#hero-home .vc_custom_heading {
			text-align:right !important;
		}
	}
	
	@media only screen and (max-width: 1200px) {
		#hero-home .wpb_column {
		margin-left: 40%;
		width:60%;
		}
	}
	
	@media only screen and (max-width: 900px) {
		#hero-home .wpb_column {
		margin-left: 30%;
		width:70%;
		}
	}
	
		
	@media only screen and (max-width: 825px) {
		#hero-home .wpb_column {
		margin-left: 20%;
		width:80%;
		}
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home .wpb_column {
		margin-left: 0;
		width:100%;
		}
	}
	
	
	#hero-home h1 {
		color: #FFF !important;
		text-align: right;
		font-family: Poppins;
		font-size: 67px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		-webkit-text-fill-color:#fff;
	}
	
	#hero-home h1:after {
		content: url('img/logo-grafit-white.svg');
		margin-left:20px;
	}
	
	#post-21 #hero-home h1 {
		margin-left:-80px ;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-home h1 {
			font-size:43px;
		}
		#hero-home h1:after {
		display:block;
		transform: scale(0.8) translate(10%, 0);
		}
	}
	
	#hero-kontakt {
		height:390px;
		padding:0 88px;
		width:calc(1440px - 146px);
		position:relative;
		left:50%;
		background-repeat:no-repeat;
		transform: translate(-50%, 0);
		-webkit-border-bottom-left-radius: 48px;
		-webkit-border-bottom-right-radius: 48px;
		-moz-border-radius-bottomleft: 48px;
		-moz-border-radius-bottomright: 48px;
		border-bottom-left-radius: 48px;
		border-bottom-right-radius: 48px;
		overflow:visible;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		/* margin-bottom:32px !important; */
	}
	
	@media only screen and (max-width: 768px) {
		#hero-kontakt {
			height:auto;
		}
	}
	
	@media only screen and (max-width:768px) {
		#hero-kontakt {
			background-size: 100%;
		}
	}
	
	#hero-kontakt:before {
		content: url('img/maska-shadow.svg');
		width:810px;
		height:100%;
		position:absolute;
		left:0;
		z-index:-1;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-kontakt:before {
			content: url('img/k-hero-patern-mobile.svg');
			width:100%;
			height:auto;
			top:0;
		}
		body .vc_custom_1750497902699 {
			background-image: url('/wp-content/uploads/2025/06/bg-kontakt-mobile.png') !important;
		}
		body #hero-kontakt .vc_empty_space {
			display:none;
		}
		
		#hero-kontakt .wpb_column.vc_col-sm-2\/5 .vc_column-inner {
			padding-top:175px !important;
		}
		
		#hero-kontakt .wpb_column.vc_col-sm-2\/5 .vc_column-inner p {
			text-align:right;
		}
		
		#hero-kontakt .vc_custom_1749969347515 {
			padding-right:0 !important;
			padding-left:50%;
		}
		
		#hero-kontakt .wpb_column.vc_col-sm-3\/5 .vc_column-inner {
			padding-top:40px !important;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#hero-kontakt .vc_custom_1749969347515 {
			padding-left:150px;
		}
	}
	
	@media only screen and (max-width: 400px) {
		#hero-kontakt .vc_custom_1749969347515 {
			padding-left:50px;
		}
	}
	
	#hero-kontakt .vc_column-inner {
		padding-top: 120px;
	}
	
	#hero-kontakt:after {
		content: url('img/letter-g.svg');
		width:810px;
		height:100%;
		position:absolute;
		left:810px;
		z-index:-1;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-kontakt:after {
			content: url('');
		}
	}
	
	#hero-faq {
		min-height:65vh;
		align-items:flex-start;
		display:flex;
		padding:0 88px;
		position:relative;
		background-repeat:no-repeat;
		overflow:visable;
		margin-bottom:0 !important;
	}
	
	@media only screen and (max-width: 1280px) {
		body .wpb-content-wrapper #hero-faq {left:calc(50% + 15px) !important;}
	}
	
	@media only screen and (max-width: 768px) {
		#hero-faq {
			flex-direction:column;
			min-height:100vh;
			transform: translate(-50%, 0);
		}
	}
	
	#hero-faq > div {
		float:none;
	}
	
	#hero-faq:before {
		content:'';
		background: linear-gradient(180deg, #E3DED4 0%, #FEF8ED 550px);
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:-1;
	}
	
	#hero-faq:after {
		content: url('img/letter-g.svg');
		width:810px;
		height:810px;
		position:absolute;
		left:50%;
		z-index:-1;
		transform: translate(-90%, 0);
	}
	
@media only screen and (max-width: 768px) {
		#hero-faq:after {
		left:unset;
		right:-310px;
		bottom:unset;
		top: -250px;
		transform: scale(.4);
	}
	body .vc_custom_1749974823022 {
		padding-top:0 !important;
		background:transparent !important;
		padding-left: 0 !important;
		padding-right:0 !important;
	}
}	
	
	#hero-couch {
		height:590px;
		width: 1440px;
		position:relative;
		left:50%;
		background-repeat:no-repeat;
		transform: translate(-50%, 0);
		-webkit-border-bottom-left-radius: 48px;
		-webkit-border-bottom-right-radius: 48px;
		-moz-border-radius-bottomleft: 48px;
		-moz-border-radius-bottomright: 48px;
		border-bottom-left-radius: 48px;
		border-bottom-right-radius: 48px;
		overflow:hidden;
		color:#ffffff;
		background: linear-gradient(180deg, #121111 0%, #41403F 100%);
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch {
			height:auto;
			background: linear-gradient(180deg, #121111 0%, #41403F 25%);
		}
	}
	
	#hero-couch:before {
		content: url('img/letter-g-black.svg');
		position:absolute;
		z-index:-1;
		left:48px;
		bottom:0;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch:before {
		left:unset;
		right:-220px;
		bottom:unset;
		top: -190px;
		transform: scale(.4);
	}
	}
	
	#hero-couch > div {
		margin-top:120px;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch > div:last-child {
			margin-top:0px;
		}
		#hero-couch > div:last-child .wpb_text_column {
			margin-left:8px;
			margin-right:8px;
		}	
	}
	
	#hero-couch > div:first-child > div {
		margin-left:70px;
		width:calc(100% - 70px);
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch > div:first-child > div {
			margin-left:0;
			width:100%;
	}
	}
	
	#hero-couch > div:last-child > div {
		margin-right:70px;
		width:calc(100% - 70px);
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch > div:last-child > div {
			margin-right:0;
			width:100%;
		}
	}
	
	#hero-couch h1 {
		color: #FFFFFF !important;
		font-size: 67px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		background-clip: unset;
		-webkit-background-clip: unset;
		-webkit-text-fill-color: unset;
		background:none;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-couch h1 {
			font-size: 43px;
			text-align:center !important;
		}
	}
	
	#hero-visit {
		height:870px;
		width: 1440px;
		position:relative;
		left:calc(50% + 15px);
		background-repeat:no-repeat;
		transform: translate(-50%, 0);
		-webkit-border-bottom-left-radius: 48px;
		-webkit-border-bottom-right-radius: 48px;
		-moz-border-radius-bottomleft: 48px;
		-moz-border-radius-bottomright: 48px;
		border-bottom-left-radius: 48px;
		border-bottom-right-radius: 48px;
		/* overflow:hidden; */
		color:#ffffff;
		background: linear-gradient(180deg, #121111 0%, #41403F 100%);
	}

	
	@media only screen and (max-width: 768px) {
		#hero-visit {
			height:auto;
			border-radius:0;
			background: linear-gradient(180deg, #121111 0%, #41403F 25%);
		}
	}
	
	#hero-visit:before {
		content: url('img/letter-g-black.svg');
		position:absolute;
		z-index:-1;
		left:48px;
		bottom:0;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-visit:before {
		left:unset;
		right:-220px;
		bottom:unset;
		top: -190px;
		transform: scale(.4);
	}
	}
	
	#hero-visit:after {
		content: url('img/v-hero-patern.svg');
		width:582px;
		height:100%;
		position:absolute;
		right:-10px;
		z-index:-1;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-visit:after {
			content: url('img/v-hero-patern-mobile.svg');
			right:unset;
			height:auto;
			width:100%;
			bottom:-8px;
		}
	}
	
	#hero-visit > div {
		padding-top:120px;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-visit > div:last-child {
		padding-top:0;
		margin-left:9px;
		margin-right:9px;
		max-width:calc(100% - 18px);
	}
	}
	
	#hero-visit > div:first-child > div {
		margin-left:70px;
		width:calc(100% - 70px);
	}
	
	@media only screen and (max-width: 1280px) {
		#hero-visit > div:first-child > div {
			margin-left:0px;
			width:100%;
		}
	}
	
	#hero-visit > div:last-child > div {
		margin-right:70px;
		width:calc(100% - 70px);
	}
	
	@media only screen and (max-width: 1280px) {
		#hero-visit > div:last-child > div {
			margin-left:0px;
			width:100%;
		}
	}
	
	#hero-visit h1 {
		color: #FFFFFF !important;
		font-size: 67px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		background-clip: unset;
		-webkit-background-clip: unset;
		-webkit-text-fill-color: unset;
		background:none;
	}
	
	@media only screen and (max-width: 768px) {
		#hero-visit h1 {
			font-size: 43px;
			text-align:center !important;
			max-width:80%;
			margin-right:auto;
			margin-left:auto;
		}
		#hero-visit p {
			text-align:center;
		}
	}
	
	@media only screen and (max-width: 1280px) {
		.wpb-content-wrapper > .vc_row {
			padding-left:24px !important;
			padding-right:24px !important;
			}
	}
	
	@media only screen and (max-width: 768px) {
		.page-id-15 .wpb-content-wrapper > .vc_row .vc_column-inner{
			margin-left:0px !important;
			margin-right:0px !important;
			}
	}
	
	@media only screen and (max-width: 1440px) {
		#hero-home, #hero-kontakt, #hero-faq, #hero-couch, #hero-visit {
			width: 100vw;
			/* margin-left:-15px !important;
			margin-right:-15px !important; */
		}
	}

	
	.page-id-19, .page-id-531 {
		background: linear-gradient(180deg, #E3DED4 0%, #FEF8ED 550px);
	}
	
	@media only screen and (max-width: 768px) {
		.page-id-19, .page-id-531 {
			background: #FEF8ED;
		}
	}
	
	#forminator-module-76, #forminator-module-552 {
		background:#fff;
		border-radius: 24px !important;
		box-shadow: 0px 16px 32px 0px #E3DED4;
		padding:32px !important;
	}
	
	@media only screen and (max-width: 768px) {
		#forminator-module-76, #forminator-module-552 {
			margin-left:9px;
			margin-right:9px;
			padding:24px !important;
			width:calc(100% - 18px) !important;
	}
	}
	
	.forminator-consent__label p {
		margin-top:0;
	}
	
	@media only screen and (max-width: 768px) {
		.forminator-consent__label p {
		font-size:11px !important;
	}
	}
	
	.forminator-row {
		margin-bottom:15px !important;
	}
	
	.forminator-checkbox {
		padding-top:10px;
	}
	
	#consent-1 .forminator-checkbox  {
		padding-top:0 !important;
	}
	
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox .forminator-checkbox-box, #select-all-agreements {
		width: 30px !important;
		height: 30px !important;
		-ms-flex: 0 0 30px !important;
		flex: 0 0 30px !important;
		border-width: 1px !important;
		border-color:#E3DED4 !important;
		background-color: #ffffff !important;
		border-radius:8px !important;
	}
	
	.forminator-ui#forminator-module-76.forminator-design--material .forminator-consent input:checked + .forminator-checkbox-box, .forminator-ui#forminator-module-552.forminator-design--material .forminator-consent input:checked + .forminator-checkbox-box, #select-all-agreements:checked {
		border-color: #23AC95 !important;
		background-color: #23AC95 !important;
		color: #ffffff !important;
	}
	
	.forminator-ui#forminator-module-76.forminator-design--material .check-all > div > div, .forminator-ui#forminator-module-552.forminator-design--material .check-all > div > div {
		border-bottom:1px solid #E3DED4;
		padding-bottom:12px;
	}
	
	.forminator-ui#forminator-module-76.forminator-design--material .check-all p, .forminator-ui#forminator-module-552.forminator-design--material .check-all p {
		margin-top:8px;
	}
	
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-has_error .forminator-textarea--wrap:after,
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-is_hover .forminator-textarea--wrap:after,
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-is_active .forminator-textarea--wrap:after	{
		display:none !important;
		opacity:0 !important;
	}
	
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-textarea {
		border-width: 0 !important;
		border-bottom: 1px solid #E3DED4 !important;
	}
	
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-input {
		border-color: #E3DED4 !important;
	}
	
	#forminator-module-76.forminator-design--material .forminator-label[class*="forminator-floating-"], #forminator-module-552.forminator-design--material .forminator-label[class*="forminator-floating-"] {
		font-weight:400 !important;
		font-size:16px !important;
	}	
	#forminator-module-76.forminator-design--material .forminator-label.forminator-floating--textarea, #forminator-module-552.forminator-design--material .forminator-label.forminator-floating--textarea {
		/* padding-top:0 !important; */
		padding-left: 0 !important;
	}
	
	#forminator-module-76.forminator-ui.forminator-custom-form[data-design=material] .forminator-is_active .forminator-floating--textarea, #forminator-module-552.forminator-ui.forminator-custom-form[data-design=material] .forminator-is_active .forminator-floating--textarea {
		padding-top:0 !important;
	}
	
	#forminator-module-76.forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"], #forminator-module-552.forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"] {
		color:#E3DED4 !important;
		font-size:12px !important;
	}
	
	#forminator-module-76 .forminator-row-last, #forminator-module-552 .forminator-row-last {
		text-align:center;
	}
	
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-button {
	   font-family: Poppins !important;
	   font-size: 16px !important;
	   font-style: normal !important;
	   font-weight: 600 !important;
	   line-height: 100% !important;
	   padding: 12px 32px !important;
	   justify-content: center !important;
	   align-items: center !important;
	   border-radius: 1000px !important;
	   border:0 !important;
	   display:flex;
	   margin: 0 auto !important;
	   color:#fff !important;
	   background: linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%) !important;
   } 
   
   @media only screen and (max-width: 768px) {
	   .forminator-ui.forminator-custom-form[data-design=material] .forminator-button {
		   margin-top:12px !important;
	   }
   }
   
   .forminator-ui.forminator-custom-form[data-design=material] .forminator-button:hover {
	   color:#fff !important;
	   background: linear-gradient(0deg, rgba(129, 218, 147, 0.20) 0%, rgba(129, 218, 147, 0.20) 100%), linear-gradient(87deg, #008F7A 0%, #23AC95 50%, #81DA93 100%) !important;
   }
	
	.g-ico-wp {
		background:#fff;
		border-radius:1000px;
		padding:12px;
		margin-bottom:25px;
		display:inline-block;
	}
	
	.home-biger {
		color: #252423;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 133%;
		margin-bottom:55px !important;
	}
	
	@media only screen and (max-width: 768px) {
		.home-biger {
			font-size: 22px;
		}
	}
	
	.ramka-white {
		padding:64px 64px 32px 64px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #FFF;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white {
		padding:48px 48px 12px 48px;
				margin-left: 0px !important;
		margin-right: 0px !important;
		}
		.ramka-white .vc_column-inner {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}
	
	.ramka-white h3 {
		color: #23AC95;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white h3 {
		font-size: 22px;
		}
	}
	
	.ramka-white p {
		font-size: 21px;
		font-style: normal;
		font-weight: 400;
		line-height: 133%;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white p {
			font-size: 18px;
		}
	}
	
	.ramka-white-2 {
		padding:32px 32px 0 32px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #FFF;
		margin-bottom:32px;
		color:#444444;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white-2 {
			border-radius: 24px;
			padding:24px 24px 0 24px;
			
		margin-left: 0px !important;
		margin-right: 0px !important;
		}
		.ramka-white-2 .vc_column-inner {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
		
	}
	
	.ramka-white-2 ul {
		margin:0;
		padding:0;
	}
	
	.ramka-white-2 ul li {
		position:relative;
		margin:10px 0;
	}
	
	.ramka-white-2 ul li:after{
		font-family: 'ico-grafit';
		position:absolute;
		content: '\e907';
		height:24px;
		width:24px;
		background:#23AC95;
		border-radius:24px;
		line-height:24px;
		text-align:center;
		font-size:24px;
		right:0;
		color:#fff;
	}
	
	#hero-visit .ramka-white-2 p {
		color: #252423;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 175%;
		min-height:64px;
	}
	
	#hero-visit .ramka-white-2 {
		/* padding-left: 20px;
		padding-right: 20px; */
	}
	
	#hero-visit .ramka-white-2 .vc_column-inner {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#hero-visit .ramka-white-2 .wpb_single_image  {
		margin-bottom:16px;
	}
	
	#hero-visit .fix-h2 {
		color: #23AC95;
		text-align: center;
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
		white-space:nowrap;
		width: 210%;
	}
	
	.ramka-white-3 {
		margin-left: 0px !important; 
		margin-right: 0px !important;
		padding:32px 32px 0 32px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #FFF;
		margin-bottom:32px;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white-3 {
			padding:24px 24px 0 24px;
			border-radius: 24px;
			margin-left: 9px !important; 
			margin-right: 9px !important;
		}
		.ramka-white-3 .wpb_content_element{
			margin-bottom:24px ;
		}
	}
	
	.ramka-white-3 strong {
		color:#23AC95;
	}
	
	#steps .ramka-white-3 strong {
		font-size:21px;
	}
	
	@media only screen and (max-width: 768px) {
		#steps .ramka-white-3 strong {
			font-size:18px
		}
		#steps div:not(sticky-box) .vc_column-inner {
			padding-left:0;
			padding-right:0;
		}
	}
	
	#steps .ramka-white-3 ul {
	}
	
	#steps .ramka-white-3 li {
		font-size: 12px;
		line-height: 175%;
		border-top: 1px solid #81DA93;
		padding:8px 0;
	}
	
	.ramka-white-3 p {
		margin-top:0 !important;
	}
	
	.ramka-white-email, .ramka-white-phone {
		padding:32px 32px 32px 112px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #FFF;
		margin-bottom:32px;
		margin-top:32px;
		position:relative;
		box-shadow: 0px 16px 32px 0px #E3DED4;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white-email {
			margin-bottom:0px !important;
		}
		.ramka-white-email, .ramka-white-phone {
			border-radius: 24px;
		}
	}
	
	.ramka-white-email p, .ramka-white-phone p {
		margin:0;
		padding:0;
	}
	
	.ramka-white-email a, .ramka-white-phone a {
		color:#23AC95;
		font-weight: 700;
		line-height: 175%;
		text-decoration:none;
	}
	
	.ramka-white-email:before , .ramka-white-phone:before {
		font-family: 'ico-grafit';
		position:absolute;
		top:32px;
		left:32px;
		background-color:#D2FFA1;
		border-radius:1000px;
		font-size:24px;
		width:60px;
		height:60px;
		line-height:60px;
		text-align:center;
		color:#23AC95;
	}
	
	.ramka-white-email:before {
		content: '\e90b';
	}
	
	.ramka-white-phone:before {
		content: '\e902';
	}
	
	.ramka-green {
		padding:32px 32px 0 32px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #D2FFA1;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-green {
		padding:24px 24px 0 24px;
		border-radius: 24px;
		margin-left: 0px !important;
		margin-right: 0px !important;
		}
		.ramka-green .vc_column-inner {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}
	
	.ramka-green h3 {
		text-align:center;
		font-size: 21px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
	}
	
	.ramka-green ul {
		color: #252423;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 175%;
	}
	
	.ramka-green ul li {
		border-top: 1px solid #81DA93;
		padding:10px 0;
	}
	
	.ramka-green-part-1 {
		padding:32px 32px 0 32px;
		-webkit-border-top-left-radius: 32px;
		-webkit-border-top-right-radius: 32px;
		-moz-border-radius-topleft: 32px;
		-moz-border-radius-topright: 32px;
		border-top-left-radius: 32px;
		border-top-right-radius: 32px;
		background: #D2FFA1;
		margin-bottom:0 !important;
	}
	
@media only screen and (max-width: 768px) {
	body .ramka-green-part-1 {
		padding-top:64px !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	body .ramka-green-part-1 .vc_column-inner {
		padding-left: 0px !important;
        padding-right: 0px !important;
	}
	body .vc_custom_1750187845767 {
		padding-top: 15px !important;
		padding-bottom: 0 !important;
	}
}
	
	.ramka-green-part-2 {
		padding:32px 32px 0 32px;
		-webkit-border-bottom-right-radius: 32px;
	-webkit-border-bottom-left-radius: 32px;
	-moz-border-radius-bottomright: 32px;
	-moz-border-radius-bottomleft: 32px;
	border-bottom-right-radius: 32px;
	border-bottom-left-radius: 32px;
		background: #D2FFA1;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-green-part-2 {
			padding:24px 24px 0 24px;
			margin-left:0 !important;
			margin-right:0 !important;
		}
		
		.ramka-green-part-2 .vc_column-inner {
			padding-left:0 !important;
			padding-right:0 !important;
		}
	}
	
	.ramka-green-part-1 > div > div > div h3, .ramka-green-part-2 > div > div > div h3 {
		color: #23AC95;
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%; /* 50.54px */
		padding-bottom:15px;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-green-part-1 > div > div > div h3, .ramka-green-part-2 > div > div > div h3 {
			font-size: 27px;
		}
		.vc_col-sm-4 h3 {
			
		}
	}
	
	.ramka-green-3 {
		padding:32px 48px 0 48px !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: #23AC95;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-green-3 {
			margin:24px;
			width:calc(100% - 48px) !important;
			padding:36px 36px 0 36px !important;
			border-radius: 24px;
		}
	}
	
	.ramka-green-3 h3 {
		color:#ffffff;
		font-size:21px;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-green-3 h3 {
			font-size:18px;
			line-height: 133%;
		}
	}
	
	.vc_separator {
		margin-top:20px !important;
		margin-bottom:0 !important;
	}
	
	.vc_separator .vc_sep_holder .vc_sep_line {
		border-color: #D2FFA1 !important; 
	}
	
	#galeria-kart ul {
		display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 32px;
    padding: 30px 0;
	}
	
	@media only screen and (max-width: 768px) {
		#galeria-kart ul {
			row-gap:0;
		}
	}
	
	#galeria-kart ul li {
		position: static !important;
		top: auto !important;
		left: auto !important;
		text-align:center;
	}
	
	#galeria-kart ul li img {
		width:auto;
		margin:0 auto;
		height:100px !important;
	}
	
	.social-links p {
		text-align:right;
		margin-top:32px;
	}
	
	@media only screen and (max-width: 768px) {
		.social-links p {
		text-align:center;
	}
	}
	
	.vc_tta-tabs-list {
		display:grid !important;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.vc_tta-tabs-list li {
		text-align:center;
	}
	
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
		border:0 !important;
		border-bottom:1px solid #E3DED4 !important;
		background-color: transparent !important;
		color: #41403F !important;
	}
	
	.vc_tta.vc_general .vc_tta-tab.vc_active>a {
		color:#23AC95 !important;
		border-bottom:1px solid #23AC95 !important;
	}
	
	.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
		background:transparent !important;
		border:0 !important;
	}
	
	.vc_tta.vc_general .vc_tta-panel-body {
		padding:0 !important;
	}
	
	.vc_do_toggle:first-child {
		margin-top:15px !important;
	}
	
	.vc_do_toggle {
		border-bottom:1px solid #E3DED4 !important;
		padding-bottom:15px !important;
		margin-bottom:15px !important;
	}
	
	.vc_toggle_content p {
		padding:0 !important;
		margin:0 !important;
		font-size:14px;
	}
	
	.vc_toggle_title {
		position:relative;
		font-size:14px;
	}
	
	@media only screen and (max-width: 768px) {
		.vc_toggle_title>h4 {
			display:block !important;
			padding-right:50px;
		}
	}
	
	.vc_toggle_title .vc_toggle_icon {
		position:absolute;
		right:20px !important;
		left:auto !important;
		margin:0 !important;
		padding:0 !important;
		width:40px !important;
		height:40px !important;
		background: transparent !important;
		border:0 !important;
	}
	
	@media only screen and (max-width: 768px) {
		.vc_toggle_title .vc_toggle_icon {
			right:0px !important;
		}
	}
	
	.vc_toggle_default .vc_toggle_icon::before {
		display:none !important;
		width:40px !important;
		height:40px !important;
		margin:0 !important;
		padding:0 !important;
	}
	
	.vc_toggle_default .vc_toggle_icon::after {
		visibility: visible !important;
		content: "\e90e" !important;
		font-family: 'ico-grafit' !important;
		width:40px !important;
		height:40px !important;
		border-radius:1000px !important;
		background-color:#ffffff !important;
		border:0 !important;
		line-height:40px;
		font-size:30px;
		margin:0 !important;
		padding:0 !important;
		text-align:center;
		font-style:normal !important;
	}	
	
	.vc_toggle_default.vc_toggle_active .vc_toggle_icon::after {
		content: "\e90f" !important;
		/* transform: rotate(180deg);
		transition: all 1s ease-out; */
	}
	
	.vc_general.vc_tta {
	}
	
	.vc_tta-tabs-container {
		position: sticky !important;
		top:70px;
		background-color: #FEF8ED !important;
	}
	
	.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
		border-radius:0 !important;
	}
	
	@media only screen and (max-width: 768px) {
		.vc_tta-tabs-container {
		display:block !important;
	}
	.vc_tta-panel-heading {
		display:none !important;
	}
	
	}
	
	
	[class^="count-"], [class*=" count-"] {
		position:relative;
	}
	
	[class^="count-"]:before, [class*=" count-"]:before {
		position:absolute;
		color: #23AC95;
		font-size: 27px;
		font-style: normal;
		font-weight: 400;
		line-height: 133%;
		top:-5px;
	}
	
		
	.ramka-white-3[class^="count-"] p , .ramka-white-3[class*=" count-"] p {
		padding-left:110px;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white-3[class^="count-"] p , .ramka-white-3[class*=" count-"] p {
			padding-left:90px;
		}
		.ramka-white-3[class^="count-"] ul , .ramka-white-3[class*=" count-"] ul {
			padding-left:90px;
		}
		.page-id-15 .ramka-white-3[class^="count-"] ul , .page-id-15 .ramka-white-3[class*=" count-"] ul {
			padding-left:32px;
		}
	}
	
	.ramka-white-3[class^="count-"] .wpb-card p , .ramka-white-3[class*=" count-"] .wpb-card p {
		padding-left:unset;
	}
	
	.ramka-white-3[class^="count-"]:before, .ramka-white-3[class*=" count-"]:before {
		top:32px;
		background-color:#D2FFA1;
		border-radius:1000px;
		text-align: center;
		font-size: 51px;
		font-style: normal;
		font-weight: 400;
		line-height: 96px;
		width:96px;
		height:96px;
	}
	
	@media only screen and (max-width: 768px) {
		.ramka-white-3[class^="count-"]:before, .ramka-white-3[class*=" count-"]:before {
			width: 73px;
			height: 73px;
			line-height: 73px;
			font-size: 34px;
		}
	}
	
	.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
		padding-left: 50px !important;
	}
   
   footer {
	   display: flex;
	   flex-wrap: wrap;
	   align-self: stretch;
	   background-color:#41403F !important;
	   color:#ffffff;
	   -webkit-border-top-left-radius: 48px;
	   -webkit-border-top-right-radius: 48px;
	   -moz-border-radius-topleft: 48px;
	   -moz-border-radius-topright: 48px;
	   border-top-left-radius: 48px;
	   border-top-right-radius: 48px;
	   margin-top: auto;
   }
   
   @media only screen and (max-width: 768px) {
	   footer {
		   -webkit-border-top-left-radius: 36px;
		   -webkit-border-top-right-radius: 36px;
		   -moz-border-radius-topleft: 36px;
		   -moz-border-radius-topright: 36px;
		   border-top-left-radius: 36px;
		   border-top-right-radius: 36px;
	   }
   }
   
   footer .logo-footer {
	   width:calc(50% - 48px);
	   text-align:center;
	   margin:32px 16px 32px 32px;
	   display: flex;
    align-items: center;
    justify-content: center;
   }
   
   @media only screen and (max-width: 768px) {
	   footer .logo-footer {
		   margin-top:48px;
		   width:calc(100% - 48px);
	   }
   }
   
   footer .menu-left {
	   width:calc(25% - 32px);
	   margin:32px 16px;
   }
   
   @media only screen and (max-width: 768px) {
	   footer .menu-left {
	   width:calc(50% - 36px);
	   margin:32px 12px 31px 24px;
	   }
   }
   
   footer .logo-footer img {
	   max-width:200px;
   }
   
   footer .menu-right {
	   width:calc(25% - 48px);
	   margin:32px 32px 32px 16px;
   }
   
   @media only screen and (max-width: 768px) {
	  footer .menu-right {
	   width:calc(50% - 36px);
	   margin:32px 24px 32px 12px;
   } 
   }
   
   .copyright {
	   flex-basis: 100%;
	   color:#121111;
	   text-align:center;
	   border-top:1px solid #121111;
	   line-height:21px;
	   font-size:0.750rem;
	   padding:8px 0;
   }
   
   footer h3 {
	   color: #23AC95;
	   font-size: 16px;
	   font-style: normal;
	   font-weight: 700;
	   line-height: 175%;
   }
   
   footer ul li a{
	   color: #FFFFFF;
	   font-size:12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150% !important;
		padding: 6px 0;
		display: block;
		text-decoration:none;
   }
   
      @media only screen and (max-width: 768px) {
		  footer ul li a {
		  font-size:11px;}
	  }
	  
	/* modal formularz */
	
/* Warstwa tła */
.info-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  display: none;
}

/* Okno z treścią */
.info-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0,0,0,0.4);
  z-index: 9999;
  display: none;
  font-size: 12px;
  line-height: 1.6;
}

/* Nagłówek */
.info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #E3DED4;
  padding: 16px 32px;
}

.info-header h2 {
  font-size: 21px;
  margin: 0;
  color: #009688;
  font-weight: 700;
}

/* Przycisk zamykania */
.info-close {
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
  color: #333;
}

/* Treść */
.info-content {
  max-height: 60vh;
  overflow-y: auto;
  padding: 0 32px;
}

/* Stopka z przyciskiem */
.info-footer {
  border-top: 1px solid #E3DED4;
  text-align: center;
  margin-top: 10px;
  padding: 16px 32px;
}

.info-button {
  background: transparent;
}

/* Ukryty źródłowy kontener z treścią */
.info-text-source {
  display: none;
}

/* Blokowanie scrolla */
.no-scroll {
  overflow: hidden;
}


@media only screen and (max-width: 768px) {
	
	.mobile-center {text-align:center !important;}
	
	.margin-mobile .vc_column-inner {
		padding-left:0 !important;
		padding-right:0 !important;
	}

}

@media only screen and (max-width: 768px) {
	.primary-btn-wp.mobile-center {
		width:100%;
	}

	.post-15 .vc_empty_space, .post-533 .vc_empty_space {display:none;}

}

table {
	overflow-x:scroll;
}

table td {
	padding:0 10px;
}

table tr {
	border-bottom: 1px solid #cccccc;
}

.cmplz-description {
	line-height:125%;
}

/*
@media only screen and (max-width: 768px) {
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
		margin-bottom: 24px !important;
	}
}
*/

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#23AC95;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#23AC95;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#23AC95;color:#FFF;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
   /* .alignnone {margin:5px 20px 20px 0;} */
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   /* a img.alignnone {margin:5px 20px 20px 0;} */
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }
   
/* ==========================================================================
   Hide links
   ========================================================================== */
   
   .post-edit-link, .vc_inline-link, .forminator-edit-module {display:none !important;}