/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Typography
5.0 Forms
6.0 Formatting
7.0 Lists
8.0 Tables
9.0 Links
10.0 Alerts
11.0 Layout
    11.1 Grid
    11.2 Header
    11.3 Navigation
    11.4 Content
    11.5 Pagination
    11.6 Sidebars
    11.7 Footer
12.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

:root {
  --header-height-logo: 100px;
  --header-height-scrolled: 65px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-family: "Montserrat", sans-serif;
	line-height: 1.15;
	text-size-adjust: 100%;
	scroll-behavior: smooth; 
}
	
body {
	margin: 0; 
}
	
img,
video,
canvas {
	max-width: 100%;
	height: auto;
	display: block;
}
	
a {
	background: transparent;
	-webkit-text-decoration-skip: objects; 
}

a:active,
a:hover {
	outline: 0;
	outline-width: 0; 
}
	
a:focus {
	outline: thin dotted; 
}
  
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
	
/* Text meant only for screen readers. */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: absolute;
	width: auto;
	height: auto;
	margin: 0;
	padding: 15px 23px;
	background: #f1f1f1;
	color: #21759b;
	font-weight: 700;
	border-radius: 3px;
	z-index: 100000;
	clip: auto;
	white-space: normal;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.text-left {
	text-align: left; 
}

.text-center {
	text-align: center; 
}

.text-right {
	text-align: right; 
}
	
/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: "Montserrat", sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.5; 
}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.4;
	text-rendering: optimizelegibility;
    font-weight: 500; 
}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none; 
}
	
h1, .h1 {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.3;
}

h2, .h2 {
	font-size: 24px;
    font-weight: 800;
    line-height: 1.5; 
    margin-bottom: 3rem;
}

h3, .h3 {
	font-size: 20px;
	font-weight: 700; 
}

h4, .h4 {
	font-size: 16px;
	font-weight: 800; 
}

h5, .h5 {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase; 
}
	
h6 {
	font-size: 15px;
	font-weight: 800; 
}
	
p {
	margin: 0 0 1.5em;
	line-height: 23px;
	padding: 0; 
}
	
:focus {
	outline: none; 
}
	
/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/

form {
	width: 100%;
	margin: 0 auto;
}

form input[type="submit"],
form p {
	width: 100%;
}

label {
	color: #000;
	display: block;
	font-weight: 700;
	margin-bottom: 0.5em;
	text-align: left;
	font-size: 16px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: #666;
	background: #fff;
	position: relative;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 0 0.7em;
	font-size: 14px;
	font-size: 0.875rem;
	height: 40px;
	line-height: 40px;
	max-width: 100%;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	color: #222;
	border-color: #333; 
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.3em; 
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400; 
}
	
input[type="password"] {
	letter-spacing: 0.3em; 
}

textarea {
	max-width: 100%;
	min-height: 120px;
	line-height: 1.5em; 
}

button,
a.btn,
a.btn.border,
input[type="button"],
input[type="submit"] {
	background-color: #bfe64a;
	border: 0;
	position: relative;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	padding: 0 2em;
	text-decoration: none; 
}

a.btn.border {
	background: none;
	border: 2px solid #dced4d;
	display: flex;
	align-items: center;
}

button:hover,
button:focus,
a.btn:hover,
a.btn:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #dced4d; 
	color: #000 !important;
}

a.btn.border:hover,
a.btn.border:focus {
	background: #dced4d;
	color: #000 !important;
}
	
select {
	-webkit-appearance: none; 
}

::placeholder {
	color: #999999;
	opacity: 1; 
}

::selection {
  	color: #000;
  	background: #bfe64a;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item label {
	display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	position: absolute;
}

.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    color: #DC3240;
    border: none;
    margin-top: -40px;
    margin-bottom: 4rem;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

/*--------------------------------------------------------------
6.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #f2f2f2;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em; 
}

/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0;
	padding: 0;
}	
	
/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.5em;
	font-size: 0.875rem;
}

thead th {
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #bbb;
	padding: 0.6em 0.8em;
}

td {
	padding: 0.6em 0.8em;
	border-bottom: 1px solid #eee;
}

tbody tr:hover {
	background: #f9f9f9;
}

tbody tr:last-child td {
	border-bottom: 0;
}
	
/*--------------------------------------------------------------
9.0 Links
--------------------------------------------------------------*/

a, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:active,
a:focus,
a:visited:hover {
	color: #bfe64a;
	outline: 0; 
}
	
/*--------------------------------------------------------------
10. Alerts
--------------------------------------------------------------*/

.alert-help, .alert-info, .alert-error, .alert-success {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid; 
}

.alert-help {
	border-color: #e8dc59;
	background: #ebe16f; 
}

.alert-info {
	border-color: #bfe4f4;
	background: #d5edf8; 
}

.alert-error {
	border-color: #f8cdce;
	background: #fbe3e4; 
}

.alert-success {
	border-color: #deeaae;
	background: #e6efc2; 
}

/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/

body {
	-webkit-font-smoothing: antialiased;
	background: #fff;
	opacity: 1;
	transition: .3s opacity;
	min-height: 100vh;
}

body.fade-out {
	opacity: 0;
	transition: none;
}

body:has(.open) {
	overflow: hidden;
}
	
a, input, button, select, textarea {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-outt;
	transition: all 0.25s ease-in-out;  
}

.wrap {
	margin: 0 auto;
	max-width: 85%;
}

.flex {
    display: flex;
}

.flex-col {
	flex-direction: column;
}

.items-top {
	align-items: flex-start;
}

.items-center {
	align-items: center;
}

.items-bottom {
	align-items: flex-end;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-end {
	justify-content: flex-end;
}

.flex-wrap {
	flex-wrap: wrap;
}

.gap-1 {
	gap: 1rem;
}

.gap-1-5 {
	gap: 1.5rem;
}

.gap-2 {
	gap: 2rem;
}

.gap-3 {
	gap: 3rem;
}

.gap-4 {
	gap: 4rem;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.mt-5 {
	margin-top: 5rem;
}

.mb-5 {
	margin-bottom: 5rem;
}

.m-auto {
	margin: 0 auto;
}

.pt-3 {
	padding-top: 3rem;
}

.page-overlay {
	visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.25s, opacity 0.25s;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}

.page-overlay.overlay-visible {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 0.25s;
}

span.amp {
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic; 
}

/*--------------------------------------------------------------
11.1 Grid
--------------------------------------------------------------*/

@media (max-width: 767px) {
	.m-all {
		width: 100%;
	}

	.m-1of2 {
		width: 50%; 
	}

	.m-1of3 {
		width: 33.33%; 
	}

	.m-2of3 {
		width: 66.66%; 
	}

	.m-1of4 {
		width: 25%; 
	}

	.m-3of4 {
		width: 75%; 
	} 
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
	.t-all {
		width: 100%;
	}

	.t-1of2 {
		width: 50%; 
	}

	.t-1of3 {
		width: 33.33%; 
	}

	.t-2of3 {
		width: 66.66%; 
	}

	.t-1of4 {
		width: 25%; 
	}

	.t-3of4 {
		width: 75%; 
	}

	.t-1of5 {
		width: 20%; 
	}

	.t-2of5 {
		width: 40%; 
	}

	.t-3of5 {
		width: 60%; 
	}

	.t-4of5 {
		width: 80%; 
	} 
}

/* Landscape to small desktop */
@media (min-width: 1030px) {
	.d-all {
		width: 100%;
	}

	.d-1of2 {
		width: 50%; 
	}

	.d-1of3 {
		width: 33.33%; 
	}

	.d-2of3 {
		width: 66.66%; 
	}

	.d-1of4 {
		width: 25%; 
	}

	.d-3of4 {
		width: 75%; 
	}

	.d-1of5 {
		width: 20%; 
	}

	.d-2of5 {
		width: 40%; 
	}

	.d-3of5 {
		width: 60%; 
	}

	.d-4of5 {
		width: 80%; 
	}

	.d-1of6 {
		width: 16.6666666667%; 
	}

	.d-1of7 {
		width: 14.2857142857%; 
	}

	.d-2of7 {
		width: 28.5714286%; 
	}

	.d-3of7 {
		width: 42.8571429%; 
	}

	.d-4of7 {
		width: 57.1428572%; 
	}

	.d-5of7 {
		width: 71.4285715%; 
	}

	.d-6of7 {
		width: 85.7142857%; 
	}

	.d-1of8 {
		width: 12.5%; 
	}

	.d-1of9 {
		width: 11.1111111111%; 
	}

	.d-1of10 {
		width: 10%; 
	}

	.d-1of11 {
		width: 9.09090909091%; 
	}

	.d-1of12 {
		width: 8.33%; 
	} 
}

/*--------------------------------------------------------------
11.2 Header
--------------------------------------------------------------*/

.header {
	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	transition: box-shadow 0.2s ease;
  	z-index: 1;
  	background: #fff;
}

.header.scrolled {
  	box-shadow: 0 0px 5px rgba(0,0,0,0.15);
}

#inner-header {
	top: 0;
	left: 0;
	width: 100%;
}	

#logo {
	margin: 0;
    height: var(--header-height-logo);
    width: 340px;
    transition: height 0.5s ease;
}

.header.scrolled #logo {
	height: var(--header-height-scrolled);
}

#logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: left;
}

/*--------------------------------------------------------------
11.3 Navigation
--------------------------------------------------------------*/

.nav {
	border: 0;
	margin: 0; 
} 

.nav li {
	list-style: none;  		
}

.nav li a {
	display: block;
	text-decoration: none;
	height: 100%;
	font-weight: 700;
	font-size: 0.9rem;
}

.nav li ul.sub-menu { 
	opacity: 0;
	visibility: hidden;
	width: 100%; 
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.nav li ul.sub-menu li a { 
	line-height: 45px;
}	
			
#mobile-menu {
	position: fixed;
    top: 20px;
    right: 20px; 
	z-index: 2;
}  
	
#navbar {
	width: 26px;
	height: 25px;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer; 
}
	
#navbar span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #000000;
	border-radius: 2px;
	opacity: 0.9;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out; 
}

#navbar.open span {
	background: #ffffff;
}
	
#navbar span:nth-child(1) {
	top: 0px; 
}
	
#navbar span:nth-child(2), #navbar span:nth-child(3) {
	top: 8px; 
}
	
#navbar span:nth-child(4) {
	top: 16px; 
}
	
#navbar.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%; 
}
	
#navbar.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}
	
#navbar.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
	
#navbar.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%; 
}

.searchform {
	opacity: 0;
	visibility: hidden;
	height: 0;
	position: absolute;
    right: 0;
    top: 45px;
	overflow: hidden;
    width: 300px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.searchform label {
	margin: 0;
}

.searchform.show-form {
	opacity: 1;
	visibility: visible;
	height: 50px;
}

.clearable{
	padding: 0 1.6em 0 0.7em !important;
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center !important;
    transition: background 0.4s;
}

.clearable.x  { background-position: right 10px center !important; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none;}

.breadcrumb {
    font-size: 13px;
    font-weight: 500;
}

.breadcrumb a {
    text-decoration: none;
    color: #438925;
}

/*--------------------------------------------------------------
11.4 Content
--------------------------------------------------------------*/

main {
	min-height: calc(100vh - 90px);
  	background-position: right bottom;
  	background-size: 40%;
    background-repeat: no-repeat;
    padding-top: 4.5em; 
}

#content {
	padding-top: 8em; 
}

#inner-content {
	padding-bottom: 10em;
}

.article-title {
	margin: 0; 
}
	
.byline {
	color: #9fa6b4;
	font-style: italic;
	margin: 0; 
}	

p {
	line-height: 1.5em;
    font-weight: 500;
    font-size: 18px;
}

.page-content ul {
	padding-left: 1rem;
}
		
.tags {
	margin: 0; 
}

h1 {
	color: #438925;;
}

.single-post h1 {
	line-height: normal;
	width: auto;
	color: #438925;
}

.page-content h1 {
	width: auto;
	color: #438925;
}

.drop-section {
	scroll-margin-top: 100px;
}

.drop-section h3 {
	background: #e3e3e3;
    padding: 0.5rem 1.3rem;
    border-radius: 17px;
    position: relative;
    cursor: pointer;
    margin: 10px 0;
}

.drop-section h3:after {
	content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-top: 6px solid #000;
    pointer-events: none;
}

.parameter {
	max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    padding: 0 2.5rem;
}

.drop-section.active .parameter {
	max-height: 700px;
    opacity: 1;
    padding: 5px 2.5rem;
}

.parameter .label {
	min-width: 25%;
	line-height: 2;
}

.parameter ul {
	line-height: 2;
	padding-left: 1rem;
	margin: 0;
}

div.table {
	border: 2px solid #bfe64a;
	margin-bottom: 5em;
}

div.table div.cell {
	padding: 2rem;
	text-align: center;
}

.columns-1 div.cell {
	width: 100%;
}

.columns-2 div.cell {
	width: 50%;
}

.columns-3 div.cell {
	width: 33.33%;
}

.columns-4 div.cell {
	width: 25%;
}

div.table div.cell:not(:last-child) {
	border-right: 2px solid #bfe64a;
}

div.table div.cell div.label,
.prices .label {
	font-size: 20px;
	font-weight: 700;
}

div.table div.cell div.value,
.prices .value {
	font-size: 40px;
	font-weight: 700;
	color: #438925;
}

.prices {
	margin-top: 2em;
    text-align: center;
}

h2.section {
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 25px;
}

.post-gallery {
	flex-wrap: wrap;
}

.light-image {
	height: 200px;
	padding: 10px;
	display: flex;
	align-items: center;
}

.light-image img:not([alt="video"]) {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#video-lightbox-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
}
#video-lightbox-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    max-height: 90vh;
}

#video-lightbox-player {
    max-width: 90vw;
    max-height: 85vh;
    display: block;
}

#video-lightbox-close {
    position: absolute;
    top: 10px;
    right: -25px;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

.item {
  	padding: 2rem 0;
}

.box {
	width: auto;
	margin: 2rem 1rem 4rem;
	border: 1px solid #bfe64a;
	padding: 2rem 2rem;
	text-align: left;
	display: inline-block;
}

.list-item img,
.item img {
	margin: 0 auto;
	transition: .25s ease-in-out; 
}

.item a:hover img,
.list-item a:hover img {
	opacity: 0.7;
}

.list-item img {
	max-width: 80%;
}

.item h2 {
	margin-top: 5rem;
}

.list-item h2 {
	margin-top: 1rem;
    margin-bottom: 0;
}

.list-item {
    padding: 0 2rem;
}

.list-item:not(:nth-last-child(-n+3)) {
	margin-bottom: 5rem;
}

.list-parameter {
	width: 100%;
}

.employee-email,
.employee-tel,
.region,
.nip {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 0.5rem;
}

.region.address {
	align-items: flex-start;
}

.employee-email:before,
.employee-tel:before,
.region:before,
.nip:before {
	content: "";
	height: 20px;
	width: 20px;
	display: block;
	background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: left center;
}

.employee-tel:before {
	background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.38028 8.85335C9.07627 10.303 10.0251 11.6616 11.2266 12.8632C12.4282 14.0648 13.7869 15.0136 15.2365 15.7096C15.3612 15.7694 15.4235 15.7994 15.5024 15.8224C15.7828 15.9041 16.127 15.8454 16.3644 15.6754C16.4313 15.6275 16.4884 15.5704 16.6027 15.4561C16.9523 15.1064 17.1271 14.9316 17.3029 14.8174C17.9658 14.3864 18.8204 14.3864 19.4833 14.8174C19.6591 14.9316 19.8339 15.1064 20.1835 15.4561L20.3783 15.6509C20.9098 16.1824 21.1755 16.4481 21.3198 16.7335C21.6069 17.301 21.6069 17.9713 21.3198 18.5389C21.1755 18.8242 20.9098 19.09 20.3783 19.6214L20.2207 19.779C19.6911 20.3087 19.4263 20.5735 19.0662 20.7757C18.6667 21.0001 18.0462 21.1615 17.588 21.1601C17.1751 21.1589 16.8928 21.0788 16.3284 20.9186C13.295 20.0576 10.4326 18.4332 8.04466 16.0452C5.65668 13.6572 4.03221 10.7948 3.17124 7.76144C3.01103 7.19699 2.93092 6.91477 2.9297 6.50182C2.92833 6.0436 3.08969 5.42311 3.31411 5.0236C3.51636 4.66357 3.78117 4.39876 4.3108 3.86913L4.46843 3.7115C4.99987 3.18006 5.2656 2.91433 5.55098 2.76999C6.11854 2.48292 6.7888 2.48292 7.35636 2.76999C7.64174 2.91433 7.90747 3.18006 8.43891 3.7115L8.63378 3.90637C8.98338 4.25597 9.15819 4.43078 9.27247 4.60655C9.70347 5.26945 9.70347 6.12403 9.27247 6.78692C9.15819 6.96269 8.98338 7.1375 8.63378 7.4871C8.51947 7.60142 8.46231 7.65857 8.41447 7.72538C8.24446 7.96281 8.18576 8.30707 8.26748 8.58743C8.29048 8.66632 8.32041 8.72866 8.38028 8.85335Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.region:before {
	background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C16 18 20 14.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 14.4183 8 18 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.nip:before {
	background: none;
}

.position-name,
.employee-name {
	font-weight: 700;
    margin: 3px 0;
    font-size: 17px;
}

.employee-tel,
.employee-email,
.nip {
	margin: 5px 0;
}

.position-name {
	color: #438925;
}

.hero-slider {
	padding-top: var(--header-height-logo);
 	position: relative;
 	width: 100%;
 	z-index: 0;
 	overflow: hidden;
  	background: #fff;
  	aspect-ratio: 16 / 6;
  	min-height: 100vh;
  	/*background-size: cover;
	background-repeat: no-repeat;
	background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)),
	  url("../images/bg-2.png");
	background-position: bottom;*/
}

.home #content {
	padding-top: 0;
}

.hero-slider .buttons {
	position: absolute;
    bottom: 50px;
    left: 125px;
    z-index: 3;
}

.hero-slider .btn {
	width: 180px;
	text-align: center;
}

.hero-slider div {
	gap: 0.7em;
}
 
.hs-track-wrap {
  	width: 100%;
	height: 100%;
  	overflow: hidden;
  	position: relative;
}

.hs-track {
  	position: relative;
  	width: 100%;
  	height: 100%;
}

.hs-slide {
  	position: absolute;
  	inset: 0;
  	opacity: 0;
  	transition: opacity 0.6s ease;
  	pointer-events: none;
}

.hs-slide.is-active {
  	opacity: 1;
  	pointer-events: auto;
  	z-index: 2;
}

.hs-img {
  	height: 100%;
  	width: 100%;
  	object-fit: cover;
  	display: block;
}

.hs-dots {
  	position: absolute;
  	bottom: 18px;
  	left: 50%;
  	transform: translateX(-50%);
  	display: flex;
  	z-index: 20;
}

.hs-dot {
  	width: 10px;
  	height: 10px;
  	border-radius: 50%;
  	border: none;
  	background: rgba(255,255,255,0.8);
  	cursor: pointer;
  	transition: background 0.25s, transform 0.25s;
  	padding: 0;
}

.hs-dot--active {
  	background: #bfe64a;
}

@media (max-width: 767px) {
	.hero-slider {
		min-height: 550px;
	}
	
	.hero-slider .buttons {
		position: absolute;
        left: 50%;
        transform: translateX(-50%);
	}
}

.tab-links { 
	list-style: none; 
	display: flex; 
	margin-bottom: 1em; 
	padding: 0; 
	gap: 1em;
	max-width: 100%;
	overflow-x: auto;
	-ms-overflow-style: none; 
  	scrollbar-width: none;
}

.tab-links::-webkit-scrollbar {
 	display: none;
}

.tab-links li a {
	font-size: 19px;
	font-weight: bold;
	background-color: #dddddd;
}

.tab-links li.active a { 
	background-color: #bfe64a;
}

.tab { 
	display: none; 
}

.tab.active { 
	display: block; 
}

/*--------------------------------------------------------------
11.5 Pagination
--------------------------------------------------------------*/

.pagination {
    margin: 1.5em 0;
    text-align: center;
}

.pagination ul {
    display: inline-block;
    background-color: white;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px;
}

.pagination li {
    padding: 0;
    margin: 0;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #eaedf2;
}

.pagination a,
.pagination span {
    display: block;
    padding: 0.75em;
    min-width: 1em;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    color: #2980b9;
}

.pagination a:hover,
.pagination a:focus {
    background-color: #2980b9;
    color: white;
}

.pagination .current {
    cursor: default;
    color: #5c6b80;
}

.pagination .current:hover,
.pagination .current:focus {
    background-color: white;
    color: #5c6b80;
}

/*--------------------------------------------------------------
11.6 Sidebars
--------------------------------------------------------------*/

.no-widgets {
	background-color: white;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 2px;
	margin-bottom: 1.5em; 
}

/*--------------------------------------------------------------
11.7 Footer
--------------------------------------------------------------*/

#inner-footer {
	border-top: 4px solid #bfe64a;
	padding-top: 10px;
	padding-bottom: 20px;
}

.footer-links .nav li a {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-weight: 700;
    font-size: 12px;
    line-height: 0.9em;
}

.footer-links a:after {
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #bfe64a;
}

.social-media {
	position: fixed;
	top: 40%;
	right: 15px;
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
}

.social-media a {
	background: #bfe64a;
	height: 35px;
	width: 35px;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-media a svg {
	width: 100%;
	height: 100%;
}

.social-media a:nth-child(2) svg {
	height: 82%;
}

.copyright {
	font-size: 0.75rem;
}

.cky-consent-container {
	width: 470px !important;
}

.cky-btn-customize,
.cky-btn-reject,
.cky-btn-preferences {
	color: #000 !important;
    border: 1px solid #bfe64a !important;
    padding: 0 5px !important;
}

.cky-btn-accept {
	background: #bfe64a !important;
    color: #000 !important;
    border: 2px solid #bfe64a !important;
    padding: 0 5px !important;
}

.cky-notice-des a.cky-policy, 
.cky-notice-des button.cky-policy,
.cky-preference-content-wrapper .cky-show-desc-btn {
    color: #bfe64a !important;
}

.cky-show-desc-btn {
	z-index: 8;
}

.cky-btn-revisit-wrapper {
	background: #bfe64a !important;
}

.cky-accordion-wrapper {
	display: none;
}

/*--------------------------------------------------------------
12.0 Media Queries
--------------------------------------------------------------*/

/*********************
LARGER MOBILE DEVICES
*********************/

@media (max-width: 767px) { 
	.employee-tel,
	.employee-email,
	.nip {
		font-size: 11px;
	}
	.wrap {
		max-width: 90%;
	}
	.drop-section .parameter {
		padding: 0 0.5rem;
	}
	.drop-section.active .parameter {
		padding: 5px 0.5rem;
	}
	.cell {
		width: 100% !important;
	}
	.nav li {
		line-height: 3;
		position: relative;
	}
	.menu-item:has(.sub-menu) > a:after {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		background-size: contain;
		background-repeat: no-repeat;
	}
	.nav li a {
		position: relative;
		width: 100%;
	}
	.tab-links li a{
		font-size: 16px;
	}
	.copyright {
	    margin-top: 2rem;
	}		
	.menu-nav {
		padding: 1rem;
		width: 80%;
		display: block;
		background: #ffffff;
		box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);
		position: fixed;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 9999;
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
		-webkit-transition: .25s ease-in-out;
		transition: .25s ease-in-out; 
		padding-left: 1rem;
	}	
	.menu-nav.open-menu {		
		-webkit-transform: translateX(0);
		transform: translateX(0); 
		overflow-y: auto;
	}	
	.menu-nav.open-menu a.btn {
		margin-top: 10px;
		margin-left: 10px;
	}	
	.nav li ul.sub-menu {	
		max-height: 0;
	}	
	.nav li ul.sub-menu.show-submenu {
		visibility: visible;
		opacity: 1;
		max-height: 800px;
	}
	.list-item {
		margin-bottom: 5rem;
	}
	.header:has(.open) {
		background: none;
	}
	.single-post div:has(.description) {
		flex-wrap: wrap;
	}
	.parameter .label,
	.parameter .value {
		width: 50%;
		line-height: 1.5;
	}
	.social-media {
		top: 15%;
	}
}
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
	.menu-item:has(.sub-menu):after {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		background-size: contain;
		background-repeat: no-repeat;
	}
	.page-template-page-about main {
		background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)),
	  url("../images/bg-1.webp");
	}
	.menu-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		column-gap: 1rem;
	}
	.nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		column-gap: 1.5rem;
	}
	.nav.footer-nav {
		justify-content: flex-start;
	}
	.menu-nav,
	nav {
		height: 100%;
	}

	.nav ul {
		background: #ffffff;
		margin-top: 0; 
	}

	.nav li {
		position: relative; 
		display: flex;
		align-items: flex-end;
		column-gap: 0.2rem;
	}

	.nav li a:hover, .nav li a:focus {
		color: #bfe64a; 
	}

	.nav li ul.sub-menu { 
		margin-top: 0;
		border: 1px solid #e4e4e4;
		border-top: 3px solid #e4e4e4;
		position: absolute;				
		z-index: 8999;
		top: 35px; 
		width: auto;
		display: flex;
        row-gap: 1rem;
        column-gap: 1.5rem;
        flex-wrap: wrap;
        padding: 1rem;
        display: grid;
  		grid-template-columns: repeat(2, 1fr);
	}

	.nav li ul.sub-menu li a {
		padding: 0 15px;
        display: block;
        width: 100%;
        background: #f2f2f2;
        text-align: center;
        white-space: nowrap;
	}

	.nav li ul.sub-menu li a:hover {
		color: #000;
        background: #bfe64a;
	}

	.nav li ul.sub-menu li.current-menu-item a {
		background: #bfe64a;
	}

	.nav li ul.sub-menu li ul {
		top: 0;
		left: 100%; 
	}

	.nav li:hover > ul {
		opacity: 1;
		visibility: visible; 
	}
						
	#mobile-menu {
		display: none; 
	}

	form {
		width: 50%;
	}
	.hero-slider .btn {
		width: 200px;
		text-align: center;
		height: 45px;
		line-height: 45px;
	}
}
/*********************
DESKTOP
*********************/
@media only screen and (min-width: 1030px) {
    .wrap {
		
	} 
}
	
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1240px) {

}

/*********************
LARGE DESKTOP 
*********************/
@media only screen and (min-width: 1920px) {
	.wrap {
		
	} 
}