/* desktop */
:root {
	--global--content-max-width-px:1560;
	--global--content-margin-px:30;
	--global--content-scale-base-width-px:1560;
	--global--content-scale-max-width-px:1560;
	--global--background-max-width-px:2500;
	--global--background-margin-px:0;
	
	--global-font-family:"Plus Jakarta Sans", sans-serif;
	--heading1-font-family:  "Plus Jakarta Sans", sans-serif;
	--heading1-font-weight:700;
	--heading2-font-family: "Plus Jakarta Sans", sans-serif;
	--heading2-font-weight:700;
}
@media only screen and (max-width:768px){
	
}





/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  /* 4. Add accessible line-height */
  line-height:var(--global-line-height);
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}

/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}


html {
	position:relative;
	scroll-behavior: smooth;
	/* font-size:32px; */
}
body {
	color: var(--color-text);
	background:var(--footer-background);
	position:relative;
	font-size:var(--default-font-size);
	font-family: var(--global-font-family);
	font-optical-sizing: auto;
	font-weight: var(--global-font-weight);
	font-style: normal;
	overflow-y:scroll; /* wstepnie zakladamy, ze scroll zawsze bedzie widoczny */
	font-variation-settings:
	"wdth" 100;
}

a {
	color:inherit;
}

/* input, select, buttons */

.input,
.select,
.textarea {
	/* Reset */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--input-font-size);
  font-family: var(--global-font-family);
  font-weight: var(--global-font-weight);
  line-height:var(--global-line-height);
  height:3em;
  padding-left:1em;
  padding-right:1em;
  color: var(--input-text-color);
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: 0px;
  vertical-align:middle;
  width:auto;
}
.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible,
.input:focus,
.textarea:focus,
.select:focus {
  outline: none;
  border:1px solid var(--input-border-focus-color);
}
.input:hover,
.textarea:hover,
.select:hover {
  border:1px solid var(--input-border-focus-color);
}
.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible {
  box-shadow: 0 0 10px 0px var(--input-shadow-focus-color);
}
.select {
	padding-right:2.4em;
	cursor:pointer;
}
.textarea {
	height:auto;
	padding-top:calc(1em - ((var(--global-line-height) - 1em)/2) - 1px);
	padding-bottom:calc(1em - ((var(--global-line-height) - 1em)/2) - 1px);
}
.input-desc {
	position:relative;
	font-size: var(--input-font-size);
	--desc:'';
}
.input-desc:before {
	content:var(--desc);
	position:absolute;
	top:0;
	right:1em;
	line-height:var(--global-line-height);
	height:var(--global-line-height);
	line-height:3em;
	vertical-align:middle;
	font-weight:normal;
	color: var(--input-text-color);
}
.input-desc .input {
	padding-right:3em;
}
.input-desc .input::-webkit-outer-spin-button,
.input-desc .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Ukrywanie strzałek dla Firefox */
.input-desc .input {
  -moz-appearance: textfield;
  appearance: textfield;
}

.select-out {
	position:relative;
	font-size: var(--input-font-size);
}
.select-out::after {
  --size: 0.4em;
  content: "";
  position: absolute;
  right: 1em;
  top:50%;
  pointer-events: none;
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid var(--input-arrow-color);
  transition:border 0.3s;
  display:block;
}
.select-out:has(select:focus):after {
	border-top: var(--size) solid var(--input-arrow-focus-color);
}



.select-with-search {
	position:relative;
	font-size: var(--input-font-size);
	font-family: var(--global-font-family);
	font-weight: var(--global-font-weight);
	line-height:var(--global-line-height);
	height:3em;
	color: var(--input-text-color);
	background-color: var(--input-background-color);
	border-radius: 0px;
	width:auto;
	z-index:1;
}
.select-with-search:before {
	position:absolute;
	top:0;
	width:1em;
	height:100%;
	content:'';
	z-index:21;
	background:var(--input-background-color);
	background:#f0f0f0;
	left:1px;
	top:1px;
	width:calc(100% - 2px);
	height:calc(3em - 2px);
	display:none;
}
.select-with-search:has( > label input:focus) {
	z-index:2;
}
.select-with-search:has( > label input:focus):before {
	display:block;
}
.select-with-search.no-search:has( > label input:focus):before {
	display:none;
}
.select-with-search::after {
  --size: 0.4em;
  content: "";
  position: absolute;
  right: 1em;
  top:50%;
  pointer-events: none;
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid var(--input-arrow-color);
  transition:border 0.3s;
  display:block;
  z-index:20;
  pointer-events:none;
}
.select-with-search:has( > label input:focus):after, 
.select-with-search:has(select:focus):after {
	border-top: var(--size) solid var(--input-arrow-focus-color);
}
.select-with-search > label {
	position:absolute;
	top:1px;
	left:1px;
	width:100%;
	height:100%;
	content:'';
	z-index:25;
	cursor:pointer;
	width:calc(100% - 2px);
	height:calc(3em - 2px);
}
.select-with-search > label input {
	left:-1000000px;
	display:block;
	position:relative;
	width:100%;
	line-height:1em;
	padding:calc(1em - 1px);
	border:0;
	height:calc(3em - 2px);
	border-bottom:1px solid #f0f0f0;
}
.select-with-search > label input::placeholder {
  color: #cbcbcb;
}
.select-with-search > label input:focus {
	left:auto;
	outline:none;
}
.select-with-search.no-search > label input:focus {
	left:-1000000px;
}

.select-with-search ul {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:300px;
	overflow:auto;
	overflow-x:hidden;
	background-color: var(--input-background-color);
	border: 1px solid var(--input-border-color);
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:10;
	display:flex;
	flex-direction:column;
}
.select-with-search:has(> label input:focus) ul {
	box-shadow: 0 0 10px 0px var(--input-shadow-focus-color);
	border:1px solid var(--input-border-focus-color);
}

.js .select-with-search ul li {
	display:none;
}
.js .select-with-search.no-search ul li, 
.js .select-with-search ul li.on-start {
	display:block;
}
.js .select-with-search ul li:has(input:checked) {
	display:block !important;
}
.js .select-with-search.no-search:has(> label input:not(:placeholder-shown)) ul li, 
.js .select-with-search:has(> label input:not(:placeholder-shown)) ul li.on-start {
	display:none;
}
.js .select-with-search:has(> label input:not(:placeholder-shown)) ul li.match {
	display:block !important;
}


.js .select-with-search.no-search ul li, 
.js .select-with-search ul li.on-start, 
.js .select-with-search ul li:has(input:checked) {
	display:block;
}


.select-with-search ul li {
	line-height:1em;
	margin:0;
	cursor:pointer;
	width:100%;
	max-height:0;
	transition:max-height 0s 0.2s, left 0s 0.2s;
	order:2;
	position:relative;
	left:-5000px;
}
.select-with-search:has(> label input:focus) ul li {
	max-height:100000px;
	transition:max-height 0s, left 0s;
	left:0;
}
.select-with-search ul li:hover {
	background:rgba(0,0,0,0.1);
}
.select-with-search ul li.match.highlight{
	background:rgba(0,0,0,0.15);
}
.select-with-search ul li:has(input:checked) {
	order:1;
	max-height:100000px;
	transition:max-height 0s, left 0s;
	left:0;
	white-space:nowrap;
}
.select-with-search ul li:has(input:checked):before {
	display:block;
	position:absolute;
	top:0;
	right:1.4em;
	height:100%;
	background-color: ;
	background: linear-gradient(90deg,rgba(255,255,255, 0) 0%, var(--input-background-color) 100%);
	width:2em;
	content:'';
	z-index:11;
}
.select-with-search ul li:has(input:checked):after {
	display:block;
	position:absolute;
	top:0;
	right:0em;
	height:100%;
	background-color: var(--input-background-color);
	width:1.41em;
	content:'';
	z-index:11;
}
.select-with-search ul li label {
	position:relative;
	z-index:10;
	cursor:pointer;
	padding:calc(1em - 1px);
	display:block;
}
.select-with-search ul li input {
	display:block;
	position:fixed;
	top:50%;
	left:-10000px;
}
.select-with-search ul li label b {
	font-weight:inherit;
	display:block;
	position:relative;
	line-height:1em;
}
.select-with-search ul li label em {
	font-style:normal;
	font-weight:inherit;
	display:none;
	position:relative;
	line-height:1em;
}
.select-with-search ul li label:has(input:checked) em {
	display:block;
}
.select-with-search ul li label:has(input:checked) em + b {
	display:none;
}



/* BUTTONS */
.button {
	--b-font-size: var(--button-font-size);
	--b-font-weight: var(--button-font-weight);
	--b-border-size:var(--button-border-size);
	--b-border-style:var(--button-border-style);
	--b-border-zoom:var(--button-border-zoom);
	--b-border-radius:var(--button-border-radius);
	
	--b-background:var(--button-background);
	--b-background-hover:var(--button-background-hover);
	--b-color:var(--button-color);
	--b-color-hover:var(--button-color-hover);
	--b-border:var(--button-border);
	--b-border-hover:var(--button-border-hover);
	
	font-size:var(--b-font-size);
	font-weight:var(--b-font-weight);
	border-radius:var(--b-border-radius);
	
	background: var(--b-background);
	color:var(--b-color);
	
	margin:0;
	padding:0;
	
	padding-top:1em;
	padding-bottom:1em;
	padding-left:1.5em;
	padding-right:1.5em;
	
	line-height:1em;
	
	vertical-align:baseline;
	display:inline-block;
	text-decoration:none;
	position:relative;
	vertical-align:middle;
	border:0px;
	cursor:pointer;
	text-align:center;
	background-size: 200% 100%;
	background-position: 0% 0;
	transition:background 0.4s, color 0.4s;
	
}
.button.secondary {
	--b-background:var(--button-secondary-background);
	--b-background-hover:var(--button-secondary-background-hover);
	--b-color:var(--button-secondary-color);
	--b-color-hover:var(--button-secondary-color-hover);
	--b-border:var(--button-secondary-border);
	--b-border-hover:var(--button-secondary-border-hover);
}
.button.transparent {
	--b-background:transparent;
	--b-background-hover:transparent;
	--b-color:var(--button-transparent-color);
	--b-color-hover:var(--button-transparent-color-hover);
	--b-border:var(--button-transparent-border);
	--b-border-hover:var(--button-transparent-border-hover);
}

.button:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	border-width: var(--b-border-size);
	border-style: var(--b-border-style);
	border-color: var(--b-border);
	transition:border-color 0.4s, top 0.4s cubic-bezier(0.86, 0, 0.07, 1), left 0.4s cubic-bezier(0.86, 0, 0.07, 1), width 0.4s cubic-bezier(0.86, 0, 0.07, 1), height 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	border-radius:var(--b-border-radius);
	font-size:var(--b-border-zoom);
	pointer-events:none;
}
.button:hover:after, 
.button:focus-visible:after {
	border-color: var(--b-border-hover);
	top:-1em;
	left:-1em;
	width:calc(100% + 2em);
	height:calc(100% + 2em);
}
.button:hover,
.button:focus-visible {
	background: var(--b-background-hover);
	color:var(--b-color-hover);
	background-position: 100% 0;
	background-size: 200% 100%;
}





.button.outline-white {
	background:transparent;
}
.button.outline-white:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1), height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.button.outline-white:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1), height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.button.outline-white:hover:before {
	width:50%;
	height:50%;
}
.button.outline-white:hover:after {
	width:50%;
	height:50%;
}

.button.outline {
	background:transparent;
	color:#000000;
}
.button.outline:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1), height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.button.outline:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1), height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.button.outline:hover:before {
	width:50%;
	height:50%;
}
.button.outline:hover:after {
	width:50%;
	height:50%;
}
.button > i {
	margin-left:var(--spacing-s);
}





/* ####################################### */
/* ####################################### */
/* Pasek nad headerem */
/* ####################################### */
/* ####################################### */


/* domyslna kolorystyka z kolorami na jasnym tle i z tlem */
#header-above {
	--h-background:rgba(255,255,255,1);
	--h-color:var(--color-text-light);
	--h-line-background:rgba(0,0,0,0.1);
	--h-hover-color:var(--color-primary);
	--h-icon-color:transparent;
	--h-icon-color-gradient:linear-gradient(90deg, var(--color-primary), var(--color-primary-alternative));
	--h-current-lang-color:var(--color-text);
}

/* kolorystyka elementow na jasne tlo bez kolorow - w tym przypadku tylko gdy sami zdecydujemy */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header-above:has(~ #main .ee_under-header-active.ee_under-header-light.ee_under-header-nocolors) {
	--h-hover-color:var(--color-secondary);
	--h-icon-color-gradient:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-alternative));
}

/* domyslna kolorystka na ciemne tlo */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header-above:has(~ #main .ee_under-header-dark.ee_under-header-active) {
	--h-background:rgba(255,255,255,0);
	--h-color:#ffffff;
	--h-line-background:rgba(255,255,255,0.1);
	--h-current-lang-color:#ffffff;
}

/* kolorystyka elementow na ciemne tlo bez kolorow - jak sami ustawimy i w alternative bo jest turkusowe */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header-above:has(~ #main .ee_under-header-active.ee_under-header-dark.ee_under-header-nocolors, ~ #main .ee_under-header-active.ee_under-header-dark.ee_under-header-alternative-background.ee_under-header-autocolors) {
	--h-hover-color:rgba(255,255,255,0.5);
	--h-icon-color:rgba(255,255,255,0.5);
	--h-icon-color-gradient:none;
}

/* brak tla jesli cos jest pod headerem i nie scrollowano */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header-above:has(~ #main .ee_under-header-active) {
	--h-background:rgba(255,255,255,0);
}

/* Blokada animacji, zeby nie bylo brzydkiego skoku po wczytaniu wymiarow */
.ee-preload #header-above, 
.ee-preload #header-above:before, 
.ee-preload #header-above:after, 
.ee-preload #header-above *, 
.ee-preload #header-above *:before,
.ee-preload #header-above *:after {
    -webkit-transition: none !important;
    transition: none !important;
    animation: none !important;
}
:root {
	/* wysokosc fallback dodatkowych elementow headera, uzywana zanim w js obliczymy poprawne wartosci */
	/* zakladamy domyslnie, ze pasek nad headerem ma 3 x smaller font size + 1px na linie */
	--ee--header-extra-height-fallback: calc((3 * var(--smaller-font-size)) + 1px); 
}
#header-above {
	display:block;
	position:relative;
	z-index:1200;
	font-size:var(--smaller-font-size);
	line-height:3em;
	color:var(--h-color);
	background:var(--h-background);
	transition: color 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
#header-above:after {
	content:'';
	display:block;
	height:1px;
	overflow:hidden;
	background:var(--h-line-background);
	transition: background 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
#header-above > div {
	line-height:inherit;
	max-width:var(--global--content-width);
	margin:0 auto;
	display:flex;
	gap:var(--spacing-l);
	justify-content:flex-end;
}
#header-above > div > ul {
	flex: 1; 
	padding:0;
	margin:0;
	list-style-type:none;
	display:flex;
	justify-content:flex-end;
	column-gap:var(--spacing-m);
	flex-wrap:wrap;
}
#header-above > div > ul > li {
	padding:0;
	margin:0;
	vertical-align:top;
	line-height:inherit;
	display:block;
}
#header-above > div > ul > li > a {
	text-decoration:none;
	color:inherit;
	vertical-align:top;
	line-height:inherit;
	display:block;
}
#header-above > div > ul > li > span {
	display:block;
	vertical-align:top;
}
#header-above > div > ul > li > a:hover {
	color:var(--h-hover-color);
}
#header-above > div > ul > li > *:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	color:var(--h-icon-color);
	-webkit-text-fill-color:var(--h-icon-color);
	background:var(--h-icon-color-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	padding-right:0.5em;
}
#header-above > div > ul > li.phone > *:before { content: "\f095"; }
#header-above > div > ul > li.mobile > *:before { content: "\f10b"; }
#header-above > div > ul > li.hours > *:before { content: "\f017"; }
#header-above > div > ul > li.address > *:before { content: "\f276"; }

@media only screen and (max-width:1640px){
	#header-above > div > ul {
		justify-content:flex-start;
	}
	#header-above > div > ul > li.hours,
	#header-above > div > ul > li.address {
		display:none;
	}
}
@media only screen and (max-width:768px){
	#header-above > div > ul > li.mobile {
		display:none;
	}
}
#header-above > div > .langs {
	flex-shrink: 1; 
	flex-grow:0;
	white-space:nowrap;
	vertical-align:top;
	line-height:inherit;
	height:calc(3em * 0.6);
	top:calc(3em * 0.2);
	line-height:calc(3em * 0.6);
	position:relative;
	display:flex;
	flex-wrap:nowrap;
}
#header-above > div > .langs > span {
	line-height:inherit;
	vertical-align:top;
	display:block;
	padding:0;
	height:100%;
}
#header-above > div > .langs > a {
	font-size:var(--default-font-size);
	line-height:inherit;
	vertical-align:top;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:0.4em;
	color:inherit;
	display:block;
	height:100%;
}
#header-above > div > .langs > a img {
	line-height:inherit;
	display:block;
	height:100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	opacity:0.5;
}
#header-above > div > .langs > a.current {
	font-weight:900;
	color:var(--h-current-lang-color);
}
#header-above > div > .langs > a.current img {
	opacity:1;
}
#header-above > div > .langs > a:hover {
	color:var(--h-hover-color);
}
#header-above > div > .langs > a:hover img {
	opacity:1;
}
@media only screen and (max-width:768px){
	#header-above > div > .langs > span {
		display:none;
	}
}


/* ####################################### */
/* ####################################### */
/* Glowny header serwisu */
/* ####################################### */
/* ####################################### */

/* Blokada animacji - po wykonaniu obliczen usuwamy klase ee-preload i wtedy animacje zaczynaja dzialac */
.ee-preload #header,  
.ee-preload #header:before,  
.ee-preload #header:after,  
.ee-preload #header *, 
.ee-preload #header *:before, 
.ee-preload #header *:after {
    -webkit-transition: none !important;
    transition: none !important;
    animation: none !important;
}

#header {
	
	/* tlo */
	--h-background:rgba(255,255,255,1);
	
	/* domyslny kolor tekstu */
	--h-color:var(--color-text);
	--h-hover-color:var(--color-primary);
	
	/* miejsce na logo */
	--h--logo-height:3em;
	
	/* przycisk */
	--h-button-background:var(--button-background);
	--h-button-background-hover:var(--button-background-hover);
	--h-button-color: var(--button-color);
	--h-button-color-hover: var(--button-color-hover);
	--h-button-border:var(--button-border);
	--h-button-border-hover:var(--button-border-hover);
	--h-button-border-size:var(--button-border-size);
	--h-button-border-zoom:var(--button-border-zoom);
	--h-button-border-style:var(--button-border-style);
	
	/* ikony */
	--h-icon-color:transparent;
	--h-icon-color-gradient:linear-gradient(90deg, var(--color-primary), var(--color-primary-alternative), var(--color-primary));
	--h-icon-hover-color:transparent;
	--h-icon-hover-color-gradient:linear-gradient(90deg, var(--color-primary), var(--color-primary-alternative), var(--color-primary));
	
	/* toggle */
	--h-toggle-title-background: var(--color-primary);
	--h-toggle-background: var(--color-text);
	--h-toggle-hover-background: var(--color-primary);
	
	/* menu */
	--h-menu-color: var(--color-text);
	--h-menu-hover-color: var(--color-primary);
	--h-menu-current-color: var(--color-text);
	--h-menu-arrow-background: var(--color-primary);
	--h-menu-hover-arrow-background: var(--color-primary-alternative);
	
	--h-submenu-background:var(--color-primary);
	--h-submenu-background-gradient:linear-gradient(90deg, var(--color-primary), var(--color-primary-alternative));
	--h-submenu-color:var(--color-primary-text);
	
	--h-submenu-item-background:rgba(0,0,0, 0);
	--h-submenu-item-hover-background:rgba(0,0,0,0.2);
	--h-submenu-hover-color:var(--color-primary-text);
	
	/* mobile menu */
	--h-mobile-menu-background-cover:rgba(0,0,0,0);
	--h-mobile-menu-open-background-cover:rgba(0,0,0,0.5);

	--h-mobilemenu-background:var(--color-primary);
	--h-mobilemenu-background-gradient:radial-gradient(var(--color-primary), var(--color-primary-alternative));
	--h-mobilemenu-color:var(--color-primary-text);
	--h-mobilemenu-hover-color: var(--color-primary-text);
	--h-mobilemenu-line-background:rgba(255,255,255,0.2);
	--h-mobilemenu-line-background2:rgba(255,255,255,0.1);
	--h-mobilemenu-action-background:rgba(255,255,255,0.15);

	--h-mobilemenu-action-background2:rgba(0,0,0,0);
	--h-mobilemenu-action-hover-background2:rgba(0,0,0,0.1);

	--h-mobilemenu-item-background:rgba(0,0,0, 0);
	--h-mobilemenu-item-hover-background:rgba(0,0,0,0.2);

	--h-mobilemenu-level1-fontsize:var(--default-font-size);
	--h-mobilemenu-level1-paddings:calc(1.2 * var(--h-mobilemenu-level1-fontsize));
	--h-mobilemenu-level1-line-height:var(--h-mobilemenu-level1-fontsize);

	--h-mobilemenu-level2-fontsize:var(--smaller-font-size);
	--h-mobilemenu-level2-line-height:var(--h-mobilemenu-level2-fontsize);
	--h-mobilemenu-level2-paddings:calc((1.2 * var(--h-mobilemenu-level1-fontsize)) + ((var(--h-mobilemenu-level1-line-height) - var(--h-mobilemenu-level2-line-height)) / 2));


	--h-mobilemenu-arrow-fontsize:var(--smaller-font-size);
	--h-mobilemenu-arrow-color:var(--color-primary-text);
	--h-mobilemenu-arrow-hover-color:var(--color-primary-text);

	--h-mobilemenu-level-fontsize: var(--h-mobilemenu-level1-fontsize);
	--h-mobilemenu-level-paddings: var(--h-mobilemenu-level1-paddings);
	--h-mobilemenu-level-line-height: var(--h-mobilemenu-level1-line-height);
	
}


/* kolorystyka elementow na jasne tlo bez kolorow - w tym przypadku tylko gdy sami zdecydujemy */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header:has(~ #main .ee_under-header-active.ee_under-header-light.ee_under-header-nocolors) {
	
	--h-hover-color:var(--color-secondary);
	
	--h-button-background:var(--button-secondary-background);
	--h-button-background-hover:var(--button-secondary-background-hover);
	--h-button-color: var(--button-secondary-color);
	--h-button-color-hover: var(--button-secondary-color-hover);
	--h-button-border:var(--button-secondary-border);
	--h-button-border-hover:var(--button-secondary-border-hover);

	--h-icon-color:transparent;
	--h-icon-color-gradient:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-alternative), var(--color-secondary));
	--h-icon-hover-color:transparent;
	--h-icon-hover-color-gradient:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-alternative), var(--color-secondary));
	
	--h-toggle-title-background: var(--color-text);
	--h-toggle-background: var(--color-text);
	--h-toggle-hover-background: var(--color-secondary);
	
	--h-menu-color: var(--color-text);
	--h-menu-hover-color: var(--color-secondary);
	--h-menu-current-color: var(--color-text);
	--h-menu-arrow-background: var(--color-secondary);
	--h-menu-hover-arrow-background: var(--color-secondary-alternative);
	
}

/* domyslna kolorystka na ciemne tlo */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header:has(~ #main .ee_under-header-dark.ee_under-header-active) {
	
	--h-color:#ffffff;
	--h-toggle-title-background: #ffffff;
	--h-toggle-background: #ffffff;
	--h-menu-color: #ffffff;
	--h-menu-current-color: #ffffff;
	
}

/* kolorystyka elementow na ciemne tlo bez kolorow - jak sami ustawimy i w alternative bo jest turkusowe */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header:has(~ #main .ee_under-header-active.ee_under-header-dark.ee_under-header-nocolors, ~ #main .ee_under-header-active.ee_under-header-dark.ee_under-header-alternative-background.ee_under-header-autocolors) {
	
	--h-hover-color:rgba(255,255,255,0.5);
	
	/*--h-button-background:transparent;
	--h-button-background-hover:transparent;
	--h-button-color: #ffffff;
	--h-button-color-hover: #ffffff;
	--h-button-border:#ffffff;
	--h-button-border-hover:rgba(255,255,255,0.5);
	--h-button-border-style: solid;
	--h-button-border-size: 2px;
	
	--h-icon-color:#ffffff;
	--h-icon-color-gradient:none;
	--h-icon-hover-color:rgba(255,255,255,0.5);
	--h-icon-hover-color-gradient:none; */
	
	--h-button-background:var(--button-secondary-background);
	--h-button-background-hover:var(--button-secondary-background-hover);
	--h-button-color: var(--button-secondary-color);
	--h-button-color-hover: var(--button-secondary-color-hover);
	--h-button-border:var(--button-secondary-border);
	--h-button-border-hover:var(--button-secondary-border-hover);
	
	--h-icon-color:transparent;
	--h-icon-color-gradient:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-alternative), var(--color-secondary));
	--h-icon-hover-color:transparent;
	--h-icon-hover-color-gradient:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-alternative), var(--color-secondary));
	
	--h-toggle-hover-background:rgba(255,255,255,0.5);
	
	--h-menu-hover-color:rgba(255,255,255,0.5);
	--h-menu-arrow-background: rgba(255,255,255,0.5);
	--h-menu-hover-arrow-background: #ffffff;
	
}

/* brak tla jesli cos jest pod headerem i nie scrollowano */
html:is(:not(.ee_header-scrolled), .ee_bigger-fontsize) #header:has(~ #main .ee_under-header-active) {
	--h-background:rgba(255,255,255,0);
}



#header {
	display:block;
	position:relative;
	z-index:1200;
	font-size:var(--default-font-size);
	padding:var(--spacing-s) 0;
	color:var(--h-color);
	transition: color 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
:root {
	/* domyslnie zakladana wysokosc headera */
	--ee--header-height-fallback: calc((3 * var(--default-font-size)) + (4 * var(--spacing-s))); 
}
@media only screen and (max-width:768px){
	#header {
		font-size:var(--smaller-font-size);
	}
	:root {
		/* domyslnie zakladana wysokosc headera */
		--ee--header-height-fallback: calc((3 * var(--smaller-font-size)) + (4 * var(--spacing-s))); 
	}
}
#header:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--h-background);
	z-index:2;
	content:'';
	transition: height 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}

/* zmiana wysokosci dla scrolled scrolled (ale gdy nie ma powikeszonego fonta ) */
html.ee_header-scrolled-scrolled:not(.ee_bigger-fontsize) #header:before {
	height:calc(100% - (2 * var(--spacing-s)));
}
	
	/* header in */
	#header > div {
		position:relative;
		z-index:10;
		top:0;
		transition: top 0.4s cubic-bezier(0.86, 0, 0.07, 1);
		max-width:var(--global--content-width);
		margin:0 auto;
		padding:var(--spacing-s) 0;
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:var(--spacing-m);
		flex-wrap:wrap;
		min-height:calc(var(--spacing-s) + var(--spacing-s) + var(--h--logo-height));
	}
	html.ee_header-scrolled-scrolled:not(.ee_bigger-fontsize) #header > div {
		top:calc(0px - var(--spacing-s));
	}
	
	
		/* logo */
		#header > div > a {
			display:flex;
			position:relative;
			margin-right:auto;
		}
		#header > div > a > img {
			display:block;
			max-height:var(--h--logo-height);
			max-width:calc(5 * var(--h--logo-height));
			z-index:2;
			transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
		}
		#header > div > a > img + img {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1;
			opacity:0;
			display:block;
		}
		@media only screen and (max-width:800px){
			#header > div > a {
				flex-grow:1;
				height:var(--h--logo-height);
				align-items: center;
				min-width:calc(1.5 * var(--h--logo-height));
				max-width:calc(5 * var(--h--logo-height));
			}
			#header > div > a > img {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				object-fit: scale-down;
				max-width:none;
				max-height:none;
				object-position: left center;
			}
		}
		
		/* na ciemne tlo */
		html:not(.ee_header-scrolled) #header:has(~ #main .ee_under-header-dark.ee_under-header-active, ~ #main.ee_under-header-dark.ee_under-header-active) > div > a > img:has(+ img), 
		html.ee_bigger-fontsize #header:has(~ #main .ee_under-header-dark.ee_under-header-active, ~ #main.ee_under-header-dark.ee_under-header-active) > div > a > img:has(+ img) {
			opacity: 0;
		}
		html:not(.ee_header-scrolled) #header:has(~ #main .ee_under-header-dark.ee_under-header-active, ~ #main.ee_under-header-dark.ee_under-header-active) > div > a > img + img, 
		html.ee_bigger-fontsize #header:has(~ #main .ee_under-header-dark.ee_under-header-active, ~ #main.ee_under-header-dark.ee_under-header-active) > div > a > img + img {
			opacity: 1;
		}

		/* header right elements */
		#header > div > div {
			display: flex;
			align-items:center;
			gap:var(--spacing-m);
			flex-wrap: nowrap;
			margin-left:auto;
		}
		@media only screen and (max-width:800px){
			#header > div > div {	gap:var(--spacing-s); }
		}
		
			
			/* social buttons */
			#header > div > div > span {
				display: flex;
				gap:var(--spacing-s);
			}
			#header > div > div > span a {
				display:block;
				text-align:center;
				text-decoration:none;

				color:var(--h-icon-color);
				-webkit-text-fill-color:var(--h-icon-color);
				background:var(--h-icon-color-gradient);
				-webkit-background-clip: text;
				background-clip: text;
				
				background-size: 200% 100%;
				background-position: 0% 0;
				transition: color 0.25s cubic-bezier(0.86, 0, 0.07, 1), background 0.25s cubic-bezier(0.86, 0, 0.07, 1), transform 0.25s cubic-bezier(0.86, 0, 0.07, 1);
			}
			#header > div > div > span a:focus-visible, 
			#header > div > div > span a:hover {
				color:var(--h-icon-hover-color);
				-webkit-text-fill-color:var(--h-icon-hover-color);
				background: var(--h-icon-hover-color-gradient);
				background-position: 100% 0;
				background-size: 200% 100%;
				-webkit-background-clip: text;
				background-clip: text;
				transform:scale(1.2);
			}
			#header > div > div > span a:before {
				display:block;
				content: "\f7a2";
				font-family: 'Font Awesome 5 Brands';
				font-weight: 900;
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				font-size:1.5em;
				line-height:1em;
			}
			
			#header > div > div > span a.facebook:before {
				content: "\f39e";
			}
			#header > div > div > span a.instagram:before {
				content: "\f16d";
			}
			#header > div > div > span a.youtube:before {
				content: "\f167";
			}
			
			/* button */
			#header .button {
				--b-background:var(--h-button-background);
				--b-background-hover:var(--h-button-background-hover);
				--b-color:var(--h-button-color);
				--b-color-hover:var(--h-button-color-hover);
				--b-border:var(--h-button-border);
				--b-border-hover:var(--h-button-border-hover);
				--b-border-size:var(--h-button-border-size);
				--b-border-zoom:var(--h-button-border-zoom);
				--b-border-style:var(--h-button-border-style);
			}
			@media only screen and (max-width:1500px){
				#header > div > div > a > span {
					display:none;
				}
				#header > div > div > a {
					padding-left:0;
					padding-right:0;
					width:3em;
					text-align:center;
				}
				#header > div > div > a:before {
					display:block;
					content: "\f073";
					font-family: 'Font Awesome 5 Free';
					font-weight: 900;
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
				}
			}
			
			/* mainmenu toggle button */
			#header > div > div > button {
				background: none;
				border: none;
				padding: 0;
				margin: 0;
				position:relative;
				z-index:5;
				height:1.5em;
				width:calc(1.5em * 1.5);
				display:none;
				cursor:pointer;
				order:10;
				margin-left:0;
			}
			@media only screen and (max-width:1367px){
				#header > div > div > button {
					display:block;
				}
			}
			@media only screen and (max-width:800px){
				#header > div > div > button {
					width:calc(1.5em * 1.5);
				}
			}
			@keyframes move-and-pulse {
			  0% {
				transform: translate(0, 0);
			  }
			  100% {
				transform: translate(-5px, -5px);
			  }
			}
			#header > div > div > button:after {
				content:'';
				width:77px;
				height:31px;
				background:url('image/menu.png') center center no-repeat;
				background:var(--h-toggle-title-background);
				position:absolute;
				bottom:calc(100% + 7px);
				right:50%;
				display:block;
				
				-webkit-mask-image: url('image/menu.png');
				mask-image: url('image/menu.png');
				-webkit-mask-size: contain;
				mask-size: contain;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
				-webkit-mask-position: center;
				mask-position: center; 
				transition: background 0.25s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.25s;
				
				animation: move-and-pulse 1.2s ease-in-out infinite alternate;
				pointer-events:none;
				
			}
			html.ee_header-scrolled-scrolled:not(.ee_bigger-fontsize) #header > div > div > button:after {
				opacity:0;
			}
						
			
			#header > div > div > button:before {
				content:'';
				font-size:2px;
				background:var(--h-toggle-background);
				width:100%;
				height:1em;
				display:block;
				position:absolute;
				top:50%;
				margin-top:-0.5em;
				right:0;
				transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
			}
			#header > div > div > button b {
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:100%;
				font-size:2px;
				height:100%;
			}
			#header > div > div > button b:before {
				content:'';
				background:var(--h-toggle-background);
				width:100%;
				height:1em;
				display:block;
				position:absolute;
				top:0;
				right:0;
				transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
			}
			#header > div > div > button b:after {
				content:'';
				background:var(--h-toggle-background);
				width:100%;
				height:1em;
				display:block;
				position:absolute;
				bottom:0;
				right:0;
				transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
			}

			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) > div > div > button:before {
				width:66.333%;
				background:var(--h-toggle-hover-background);
			}
			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) >  div > div > button b:before {
				width:100%;
				background:var(--h-toggle-hover-background);
			}
			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) >  div > div > button b:after {
				width:33.333%;
				background:var(--h-toggle-hover-background);
			}

			#header > div > div > button:focus-visible:before, 
			#header > div > div > button:hover:before {
				background:var(--h-toggle-hover-background);
			}
			#header > div > div > button:focus-visible b:before, 
			#header > div > div > button:hover b:before {
				background:var(--h-toggle-hover-background);
			}
			#header > div > div > button:focus-visible b:after, 
			#header > div > div > button:hover b:after {
				background:var(--h-toggle-hover-background);
			}

	/* mainmenu - desktop version */
	@media only screen and (min-width:1368px){
		
		#header-cover {
			display:block;
			position:fixed;
			top:-100%;
			left:-100%;
			width:300%;
			height:300%;
			z-index:1199;
			content:'';
			transition: background 0.4s, left 0s 0.4s, backdrop-filter 0.4s;
			pointer-events:none;
			/* backdrop-filter: blur(0px); */
			--mainmenu-cover: rgba(0,0,0,0); /* domyslnie ciemny coverr */
			--mainmenu-cover-hover: rgba(0,0,0,0.5);
			background:var(--mainmenu-cover);
		}
		body:has(#header > div >  nav > div > ul > li:hover > ul) #header-cover, 
		body:has(#header > div >  nav > div > ul > li:focus-within > ul) #header-cover {
			background:var(--mainmenu-cover-hover);
			/* backdrop-filter: blur(5px); */
			left:-100%;
			transition: background 0.4s, left 0s, backdrop-filter 0.4s;
		}
		/* kolorystyka na jasne tlo bez tla */
		html:not(.ee_header-scrolled):has( #main .ee_under-header-active) #header-cover, 
		html.ee_bigger-fontsize:has( #main .ee_under-header-active) #header-cover {
			--mainmenu-cover: rgba(255,255,255,0);
			--mainmenu-cover-hover: rgba(255,255,255,0.5);
		}
		/* kolorystyka na ciemne */
		html:not(.ee_header-scrolled):has( #main .ee_under-header-dark.ee_under-header-active) #header-cover, 
		html.ee_bigger-fontsize:has( #main .ee_under-header-dark.ee_under-header-active) #header-cover {
			--mainmenu-cover: rgba(0,0,0,0);
			--mainmenu-cover-hover: rgba(0,0,0,0.5);
		}
		
		
		#header > div >  nav {
			position:relative;
		}
		#header > div >  nav > span {
			display:none;
		}
		#header > div >  nav > div {
			position:relative;
		}
		#header > div >  nav > div > ul {
			display:flex;
			padding:0;
			margin:0;
			list-style-type:none;
			gap:var(--spacing-m);
			flex-wrap:wrap;
		}
		#header > div >  nav > div > ul > li {
			display:flex;
			padding:0;
			margin:0;
			position:relative;
			z-index:1;
			align-items:center;
		}
		#header > div >  nav > div ul li > i {
			display:none;
		}
		#header > div >  nav > div > ul > li:has(> ul):after {
			display:block;
			position:relative;
			content:'';
			width: 0;
			height: 0;
			font-size:0.3em;
			border-left: 1em solid transparent;
			border-right: 1em solid transparent;
			border-top: 1.25em solid var(--h-menu-arrow-background);
			margin-left:var(--spacing-xs);
			transition: background 0.4s;
		}
		
		#header > div >  nav > div > ul > li:has(> ul):hover:after {
			border-top: 1.25em solid var(--h-menu-hover-arrow-background);
		}
		
		#header > div >  nav > div > ul > li:focus-within, 
		#header > div >  nav > div > ul > li:hover {
			z-index:2;
		}
		#header > div >  nav > div > ul > li > a {
			display:block;
			padding:0;
			margin:0;
			color:var(--h-menu-color);
			text-decoration:none;
			transition: color 0.4s;
			padding-top:1em;
			padding-bottom:1em;
			line-height:1em;
		}
		#header > div >  nav > div > ul > li:focus-within > a, 
		#header > div >  nav > div > ul > li:hover > a, 
		#header > div >  nav > div > ul > li.current:focus-within > a, 
		#header > div >  nav > div > ul > li.current:hover > a {
			color:var(--h-menu-hover-color);
		}
		#header > div >  nav > div > ul > li > a b {
			font-weight:inherit;
			display:block;
			line-height:inherit;
			white-space:nowrap;
			position:relative;
			z-index:2;
		}
		#header > div >  nav > div > ul > li.current > a {
			color:var(--h-menu-current-color);
		}
		#header > div >  nav > div > ul > li.current > a b {
			font-weight:800;
		}
		#header > div >  nav > div > ul > li ul {
			position:absolute;
			padding:0;
			margin:0;
			list-style-type:none;
			min-width:calc(100% + (2 * var(--spacing-s)));
			max-width:max(100%, 300px);
			width: max-content;
			background:var(--h-submenu-background);
			background:var(--h-submenu-background-gradient);
			border-radius:var(--global-radius);
		}
		#header > div >  nav > div > ul > li > ul {
			left:-1000000px;
			top:calc(100% - 0.5em);
			opacity:0;
			transition:opacity 0.4s, left 0s 0.4s, top 0.4s;
		}
		#header > div >  nav > div > ul > li:hover > ul, 
		#header > div >  nav > div > ul > li:focus-within > ul {
			opacity:1;
			left:calc(0px - var(--spacing-s));
			top:100%;
			transition:opacity 0.4s, left 0s, top 0.4s;
		}
		#header > div >  nav > div > ul > li > ul li {
			position:relative;
			padding:0;
			margin:0;
			z-index:2;
			padding-bottom:1px;
		}
		#header > div >  nav > div > ul > li > ul li:last-child {
			padding-bottom:0px;
		}
		#header > div >  nav > div > ul > li > ul li:before {
			content:'';
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			background:rgba(255,255,255,0.1);
			overflow:hidden;
			height:1px;
		}
		#header > div >  nav > div > ul > li > ul li:last-child:before {
			display:none;
		}
		#header > div >  nav > div > ul > li > ul li:after {
			content:'';
			display:block;
			position:absolute;
			bottom:0;
			right:0;
			width:var(--spacing-s);
			background:rgba(255,255,255,0.3);
			overflow:hidden;
			height:1px;
		}
		#header > div >  nav > div > ul > li > ul li:last-child:after {
			display:none;
		}
		#header > div >  nav > div > ul > li > ul li a {
			position:relative;
			padding:0;
			margin:0;
			display:block;
			padding:1.2em var(--spacing-s);
			line-height:1em;
			text-decoration:none;
			color:var(--h-submenu-color);
			font-size:var(--small-font-size);
		}
		#header > div >  nav > div > ul > li > ul li > a b {
			font-weight:inherit;
			display:block;
			line-height:inherit;
			position:relative;
			z-index:2;
		}
		#header > div >  nav > div > ul > li > ul li.current > a b {
			font-weight:800;
		}
		#header > div >  nav > div > ul > li > ul li a:before {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display:block;
			transition:background 0.3s;
			background:var(--h-submenu-item-background);
			content:'';
			z-index:1;
		}
		#header > div >  nav > div > ul > li > ul li:first-child a:before {
			border-radius:var(--global-radius) var(--global-radius) 0 0;
		}
		#header > div >  nav > div > ul > li > ul li:last-child a:before {
			border-radius: 0 0 var(--global-radius) var(--global-radius) ;
		}
		#header > div >  nav > div > ul > li > ul li:first-child:last-child a:before {
			border-radius: var(--global-radius) ;
		}
		#header > div >  nav > div > ul > li > ul li:focus-within > a, 
		#header > div >  nav > div > ul > li > ul li:hover > a {
			color:var(--h-submenu-hover-color);
		}
		#header > div >  nav > div > ul > li > ul li:focus-within > a:before, 
		#header > div >  nav > div > ul > li > ul li:hover > a:before {
			background:var(--h-submenu-item-hover-background);
		}
		#header > div >  nav > div > ul > li ul ul:after {
			content:'';
			position:absolute;
			top:0;
			right:100%;
			width:var(--spacing-xs);
			height:100%;
		}
		
		#header > div >  nav > div > ul > li > ul li > ul {
			left:-1000000px;
			top:calc(0% - 0.5em);
			opacity:0;
			transition:opacity 0.4s, left 0s 0.4s, top 0.4s;
		}
		#header > div >  nav > div > ul > li > ul li:hover > ul, 
		#header > div >  nav > div > ul > li > ul li:focus-within > ul {
			opacity:1;
			left:calc(100% + var(--spacing-xs));
			top:0%;
			transition:opacity 0.4s, left 0s, top 0.4s;
		}
	}
	
	/* mainmenu - mobile version */
	@media only screen and (max-width:1367px){

		/* usuwamy scrollowanie serwisu przy menu, ale dodajemy wtedy padding right rowny scrollbarowi, dzieki czemu nie bedzie przeskoku */
		body:has(#header > div > div #MainMenuToggle[aria-expanded="true"]) {
			overflow:hidden;
			padding-right:var(--global--scrollbar-width);
		}
		
		/* po chwili elementy inne niz headera nie moga zostac uzyte przez tab */
		body:has(#header > div > div #MainMenuToggle[aria-expanded="true"]) > *:not(#header), 
		body:has(#header > div > div #MainMenuToggle[aria-expanded="true"]) > #header > a, 
		body:has(#header > div > div #MainMenuToggle[aria-expanded="true"]) > #header > div {
			visibility:hidden !important;
			transition:visibility 0s 0.75s !important;
		}

		/* menu */
		#header > div >  nav {
			display:flex;
			position:fixed;
			left:-10000px;
			top:0;
			width:100%;
			height:100%;
			z-index:999999999;
			visibility:hidden;
			transition:left 0s 0.75s, visibility 0s 0.75s;
			flex-direction: column;
			color:var(--h-mobilemenu-color);
		}

		#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) > div > nav {
			left:0;
			visibility:visible;
			transition:left 0s, visibility 0s;
		} 
		
		
			#header > div >  nav *:focus-visible {
				outline: 3px solid #000000;
				outline-offset: -3px;
			} 

		
			/* tlo pod calym menu */
			#header > div > nav:after {
				position:absolute;
				top:-100%;
				right:-100%;
				width:300%;
				height:300%;
				content:'';
				display:block;
				z-index:1;
				background:var(--h-mobile-menu-background-cover);
				transition:background 0.75s;
				pointer-events:none;
			}
			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) > div > nav:after {
				background:var(--h-mobile-menu-open-background-cover);
			}
			
			#header > div >  nav:before {
				position:absolute;
				top:-1em;
				right:-1em;
				font-size:10000px;
				font-size:calc(1px * pow( (((100lvw + 0px) / 1px) * ((100lvw + 0px) / 1px)) + (((100lvh + 0px) / 1px) * ((100lvh + 0px) / 1px)) , 0.5));
				width:2em;
				height:2em;
				border-radius:1em;
				transform:scale(0);
				transition: transform 0.75s cubic-bezier(0.86, 0, 0.07, 1);
				background:var(--h-mobilemenu-background);
				background: var(--h-mobilemenu-background-gradient);
				content:'';
				display:block;
				z-index:2;
			}
			
			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) > div > nav:before {
				transform:scale(1);
				transition: transform 0.75s cubic-bezier(0.86, 0, 0.07, 1);
			}
			/* end - tlo pod calym menu */
		
			/* buttons */
			
			#header > div >  nav > span {
				order:1;
				z-index:100;
				position:relative;
				display:flex;
				gap:var(--spacing-l);
				justify-content:space-between;
				align-items:center;
				opacity:0;
				transition: opacity 0.4s;
				/*padding-bottom:1px;*/
				font-size:var(--bigger-font-size);
				padding-left:var(--spacing-m);
			}
			#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) > div > nav > span {
				transition: opacity 0.4s 0.35s;
				opacity:1;
			}
			
				/* social buttons */
				#header > div >  nav > span > span {
					display: flex;
					gap:var(--spacing-s);
				}
				#header > div >  nav > span > span a {
					display:block;
					text-align:center;
					text-decoration:none;
					color:inherit;
					transition: transform 0.25s cubic-bezier(0.86, 0, 0.07, 1);
				}
				#header > div >  nav > span > span a:focus-visible, 
				#header > div >  nav > span > span a:hover {
					color:inherit;
					transform:scale(1.2);
				}
				#header > div >  nav > span > span a:before {
					display:block;
					content: "\f7a2";
					font-family: 'Font Awesome 5 Brands';
					font-weight: 900;
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
					font-size:1em;
					line-height:1em;
				}
				
				#header > div >  nav > span > span a.facebook:before {
					content: "\f39e";
				}
				#header > div >  nav > span > span a.instagram:before {
					content: "\f16d";
				}
				#header > div >  nav > span > span a.youtube:before {
					content: "\f167";
				}
				/* end - social buttons */
			
				/* close */
				#header > div >  nav > span > button {
					background: none;
					border: none;
					padding: 0;
					margin: 0;
					display:block;
					margin-left:auto;
					position:relative;
					z-index:2;
					cursor:pointer;
					color:inherit;
					padding-top:var(--spacing-m);
					padding-bottom:var(--spacing-m);
					line-height:1em;
					width: calc(var(--h-mobilemenu-level1-line-height) + var(--h-mobilemenu-level1-paddings) + var(--h-mobilemenu-level1-paddings));
					text-align:center;
				}
				
				#header > div >  nav > span > button:before {
					display:block;
					content: "\f00d";
					font-family: 'Font Awesome 5 Free';
					font-weight: 900;
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
					line-height:1em;
					transition: transform 0.25s;
				}
				#header > div >  nav > span > button:focus-visible:before, 
				#header > div >  nav > span > button:hover:before {
					transform:scale(1.3);
				}
				/* end - close */
			
			/* end - buttons */
			
		/* lista out */
		
		#header > div >  nav > div {
			position:relative;
			z-index:100;
			order:2;
			opacity:0;
			transition: opacity 0.4s;
			overflow:auto;
		}
		
		#header:has(> div > div #MainMenuToggle[aria-expanded="true"]) >  div > nav > div {
			transition: opacity 0.4s 0.35s;
			opacity:1;
		}
		
			#header > div >  nav > div ul {
				display:block;
				padding:0;
				margin:0;
				list-style-type:none;
				position:relative;
				font-size:var(--h-mobilemenu-level-fontsize);
			}
		
				#header > div >  nav > div ul li {
					display:block;
					padding:0;
					margin:0;
					position:relative;
					z-index:2;
					border-top:1px solid var(--h-mobilemenu-line-background2);
				}
				#header > div >  nav > div > ul > li:first-child {
					border-top:0px; /* tylko w 1 levelu */
				}
			
					#header > div >  nav > div ul li a {
						display:block;
						padding:0;
						margin:0;
						font-weight:300;
						text-decoration:none;
						color:var(--h-mobilemenu-color);
						transition: color 0.2s;
						padding-left:var(--spacing-m);
						padding-right: calc(var(--h-mobilemenu-level1-line-height) + var(--h-mobilemenu-level1-paddings) + var(--h-mobilemenu-level1-paddings) + var(--spacing-m));
						font-size:var(--h-mobilemenu-level-fontsize);
						padding-top:var(--h-mobilemenu-level-paddings);
						padding-bottom:var(--h-mobilemenu-level-paddings);
						line-height:var(--h-mobilemenu-level-line-height);
						z-index:2;
						position:relative;
					}
					#header > div >  nav > div ul li > a:hover {
						color:var(--h-mobilemenu-hover-color);
					}
					#header > div >  nav > div ul li a:before {
						content:'';
						display:block;
						position:absolute;
						top:0;
						left:0;
						width:100%;
						height:100%;
						background:var(--h-mobilemenu-item-background);
						transition: background 0.2s;
					}
					#header > div >  nav > div ul li a:hover:before {
						background:var(--h-mobilemenu-item-hover-background);
					}
					
					
						#header > div >  nav > div ul li a b {
							font-weight:inherit;
							display:block;
							line-height:inherit;
							position:relative;
							z-index:20;
						}
						#header > div >  nav > div  ul li.current > a b {
							font-weight:900;
						}
		
		
					#header > div >  nav > div ul li i {
						display:block;
						position:absolute;
						top:0;
						right:0;
						height:100%;
						width: calc(var(--h-mobilemenu-level1-line-height) + var(--h-mobilemenu-level1-paddings) + var(--h-mobilemenu-level1-paddings));
						text-align:center;
						background:var(--h-mobilemenu-action-background2);
						z-index:2;
						line-height:calc(var(--h-mobilemenu-level-line-height) + var(--h-mobilemenu-level-paddings) + var(--h-mobilemenu-level-paddings));
						overflow:hidden;
						transition: background 0.4s;
						border-left:1px solid var(--h-mobilemenu-line-background2);
					}
					#header > div >  nav > div ul li > i:has(button[aria-expanded="true"]) {
						background:var(--h-mobilemenu-action-hover-background2);
					}
					
					
					#header > div >  nav > div ul li i button {
						background: none;
						border: none;
						padding: 0;
						margin: 0;
						display:block;
						width:100%;
						cursor:pointer;
					}
					
		
						#header > div >  nav > div ul li i button:before {
							display:block;
							content: "\f054";
							font-family: 'Font Awesome 5 Free';
							font-weight: 900;
							-moz-osx-font-smoothing: grayscale;
							-webkit-font-smoothing: antialiased;
							font-style: normal;
							font-variant: normal;
							text-rendering: auto;
							font-size:var(--h-mobilemenu-arrow-fontsize);
							line-height:inherit;
							z-index:5;
							text-align:center;
							color:var(--h-mobilemenu-arrow-color);
							transition:color 0.25s, transform 0.2s;
						}
						#header > div >  nav > div ul li i button:focus-visible:before, 
						#header > div >  nav > div ul li i button:hover:before {
							color:var(--h-mobilemenu-arrow-hover-color);
							transform:scale(1.4);
						}
						#header > div >  nav > div ul li i button[aria-expanded="true"]:before {
							color:var(--h-mobilemenu-arrow-hover-color);
							transform:rotate(90deg);
						}

				#header > div >  nav > div ul li ul {
					z-index:5;
					--h-mobilemenu-level-fontsize: var(--h-mobilemenu-level2-fontsize);
					--h-mobilemenu-level-paddings: var(--h-mobilemenu-level2-paddings);
					--h-mobilemenu-level-line-height: var(--h-mobilemenu-level2-line-height);
					font-size:var(--h-mobilemenu-level-fontsize);
					max-height:0;
					overflow:hidden;
					transition: visibility 0s 0.4s, max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
					visibility:hidden;
				}
				#header > div >  nav > div ul li i:has(button[aria-expanded="true"]) + ul {
					max-height: max-content;
					visibility:visible;
					transition: visibility 0s, max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
				}
		
		
		
		
	}
	
	



/* ####################################### */
/* ####################################### */
/* Glowna stopka serwisu */
/* ####################################### */
/* ####################################### */

#footer {
	display:block;
	position:relative;
	z-index:950;
	background:var(--color-text);
	margin:0 auto;
	color:rgba(255,255,255,0.3);
	font-size:var(--default-font-size);
}
#footer > .ce-base {
	background:#ffffff;
}
#footer .footer-bottom {
	background:#141414;
	padding-left:calc((100% - var(--global--content-width)) / 2);
	padding-right:calc((100% - var(--global--content-width)) / 2);
	padding-top:var(--spacing-m);
	padding-bottom:var(--spacing-m);
	flex-wrap:wrap;
	align-items: center;
	gap:var(--spacing-l);
	display:flex;
	justify-content:space-between;
}
#footer .footer-bottom > .authors {
	font-size:var(--small-font-size);
	display:block;
}
#footer .footer-bottom > .authors > b {
	font-weight:normal;
	padding-top:var(--spacing-xs);
	display:block;
}
#footer .footer-bottom > .authors > b a {
	font-weight:bold;
	text-decoration:none;
}
#footer .footer-bottom > .authors > b a:hover,
#footer .footer-bottom > .authors > b a:focus-visible {
	color:rgba(255,255,255,1);
}
#footer .footer-bottom  > .left > strong {
	font-weight:normal;
	display:block;
	line-height:1em;
	color:#ffffff;
}
#footer .footer-bottom > .left > ul {
	font-weight:normal;
	display:block;
	line-height:1em;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:var(--spacing-s);
	font-size:var(--small-font-size);
}
#footer .footer-bottom > .left > ul > li {
	display:inline-block;
	margin-right:var(--spacing-s);
}
#footer .footer-bottom > .left > ul > li a {
	color:inherit;
	text-decoration:none;
}
#footer .footer-bottom > .left > ul > li a:hover {
	color:#ffffff;
}
@media only screen and (max-width:768px){
	#footer .footer-bottom {
		flex-direction:column;
		text-align:center;
		gap:var(--spacing-l);
		padding-top:var(--spacing-l);
		padding-bottom:var(--spacing-l);
	}
	#footer .footer-bottom > .left > ul {
		flex-direction:column;
		display:flex;
		gap:var(--spacing-s);
	}
	#footer .footer-bottom > .left > ul > li {
		display:block;
		margin-right:0;
	}
	#footer .footer-bottom > .left > ul > li > a {
		display:block;
	}
}



/* ####################################### */
/* ####################################### */
/* Miejsce na glowna tresc serwisu */
/* ####################################### */
/* ####################################### */

#main {
	position:relative;
	z-index:900;
}



	/* ####################################### */
	/* ####################################### */
	/* Pasek nad headerem */
	/* ####################################### */
	/* ####################################### */


	#heading-out {

		--background-color:var(--heading-background-color);
		--background-contents-color:var(--heading-background-contents-color);
		--background-opacity:100;
		--background-blur:0;
		
		--h-text-color: var(--color-text);
		--h-weight:var(--heading-weight);
		--h-color:transparent;
		--h-color-gradient:linear-gradient(to right, var(--color-primary), var(--color-primary-alternative));
		--h-color-before:var(--color-text);
		
		display:flex;
		flex-direction:column;
		max-width: calc(100% - (2 * var(--global--background-margin)));
		margin:0 auto;
		z-index:100;
		background:var(--background-color);
		position:relative;
		/*overflow:hidden;*/
		
		 justify-content:center;
		 color:var(--h-text-color);
	}
	
	/* ukrywamy jesli pusto */
	#heading-out:has(> div:empty) {
		display:none;
	}

	#heading-out.align-top {
		 justify-content:flex-start;
	}

	#heading-out.align-bottom {
		 justify-content:flex-end;
	}

	/* wysoki header */
	#heading-out.high-heading {
		min-height:calc(88svh - var(--ee-full-header-height));
	}
	#heading-out.high-heading.ee_under-header {
		min-height:88svh;
	}

	/* jasne tlo - alternatywne */
	#heading-out.alternative-background {
		--background-color:var(--heading-alternative-background-color);
		--background-contents-color:var(--heading-alternative-background-contents-color);
	}

	/* ciemne tlo */
	#heading-out.dark {
		--background-color:var(--heading-dark-background-color);
		--background-contents-color:var(--heading-dark-background-contents-color);
	}

	/* ciemne tlo alternatywne */
	#heading-out.dark.alternative-background {
		--background-color:var(--heading-dark-alternative-background-color);
		--background-contents-color:var(--heading-dark-alternative-background-contents-color);
	}

	/* jasne tlo i bez kolorow */
	#heading-out.light.nocolors {
		--h-color:var(--color-text);
		--h-color-gradient:none;
		
		--button-background:var(--button-secondary-background);
		--button-background-hover:var(--button-secondary-background-hover);
		--button-color: var(--button-secondary-color);
		--button-color-hover: var(--button-secondary-color-hover);
		--button-border:var(--button-secondary-border);
		--button-border-hover:var(--button-secondary-border-hover);
		
		--button-transparent-color:var(--color-secondary);
		--button-transparent-color-hover:var(--color-secondary);
		--button-transparent-border:transparent;
		--button-transparent-border-hover:var(--color-secondary);
		
	}

	/* kolorystyka elementow na ciemne tlo */
	#heading-out.dark {
		--h-color-before:#ffffff;
		--h-text-color: #ffffff;
		
		--button-transparent-color:var(--color-primary);
		--button-transparent-color-hover:var(--color-primary);
		--button-transparent-border:transparent;
		--button-transparent-border-hover:var(--color-primary);
		
	}


	/* kolorystyka elementow na ciemne tlo bez kolorow - jak sami ustawimy i w alternative bo jest turkusowe */
	#heading-out.dark.nocolors, #heading-out.dark.alternative-background.autocolors {
		--h-color:#ffffff;
		--h-color-gradient:none;
		
		--button-background:var(--button-secondary-background);
		--button-background-hover:var(--button-secondary-background-hover);
		--button-color: var(--button-secondary-color);
		--button-color-hover: var(--button-secondary-color-hover);
		--button-border:var(--button-secondary-border);
		--button-border-hover:var(--button-secondary-border-hover);
		
		--button-transparent-color:var(--color-secondary);
		--button-transparent-color-hover:var(--color-secondary);
		--button-transparent-border:transparent;
		--button-transparent-border-hover:var(--color-secondary);
		
	}

		/* wewnetrzna czesc, wymuszajaca szerokosc */
		#heading-out > div {
			padding-top:var(--heading-vertical-padding);
			padding-bottom:var(--heading-vertical-padding);
			margin:0 auto;
			width:100%;
			max-width: var(--global--content-width);
			z-index:5;
		}
		
		/* zmniejszenie szerokosci, czyli dodania paddingu */
		#heading-out.contents-width-limit > div {
			padding-right:max(0px, min(100%, var(--global--content-max-width)) - (0.5 * var(--global--content-max-width)));
		}
		
		/* padding dolny usuniety jesli light default  */
		#heading-out.default-background.light > div {
			padding-bottom:0;
		}
		
		/* chcemy recznie dodac padding   */
		#heading-out.bottom-padding-1 > div {
			padding-bottom:var(--heading-vertical-padding) !important;
		}
		
		/* chcemy recznie usunac padding   */
		#heading-out.bottom-padding-0 > div {
			padding-bottom:0 !important;
		}
		

			/* tekst nad nazwa */
			#heading-out > div > em {
				display:block;
				font-style:normal;
				font-weight:600;
				text-transform:uppercase;
				font-size:var(--small-font-size);
			}
			#heading-out > div > em:has(+ *) {
				margin-bottom:var(--spacing-s);
			}

			/* nazwa */
			#heading-out > div > h1 {
				display:inline;
				color:var(--h-color-before);
				position:relative;
				font-weight:300;
				font-family:var(--heading1-font-family);
				letter-spacing:var(--heading1-letter-spacing);
				line-height:1em;
				font-size: var(--heading-size1);
				z-index:4;
			}
			#heading-out > div > h1:not(.extra), 
			#heading-out > div > h1.extra b {
				color:var(--h-color);
				background:var(--h-color-gradient);
				-webkit-text-fill-color:var(--h-color);
				-webkit-background-clip: text;
				background-clip: text;
				font-weight:var(--heading1-font-weight);
			}

			#heading-out.bg-under-contents > div > h1 {
				filter: drop-shadow(0px 0px 1em var(--background-contents-color));
			}

			/* tekst pod nazwa */
			#heading-out > div > span {
				width:100%;
				display:block;
				position:relative;
				padding:0;
				margin:0 auto;
				z-index:5;
				line-height:2em;
			}
			#heading-out > div > * + span {
				margin-top:var(--spacing-m);
			}
			
			/* buttony */
			#heading-out > div > p {
				padding:0;
				margin:0;
				gap:var(--spacing-s);
				display:flex;
			}
			#heading-out > div > * + p {
				margin-top:var(--spacing-m);
			}
			#heading-out > div > p > .button {
				display:flex;
				justify-content:space-between;
			}
			
			/* BREADCRUMBS */
			#heading-out > div > * + nav {
				margin-top:var(--spacing-m);
			}
			
		/* zdjecie w tle */
		#heading-out  > em  {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			overflow:hidden;
			z-index:1;
		}
		#heading-out.bg-under-contents.ee_under-header > em:before {
			content:'';
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:min(100%, 2 * var(--ee-full-header-height));
			background:linear-gradient(to bottom, color-mix(in srgb, var(--background-contents-color) 75%, transparent) 0%, color-mix(in srgb, var(--background-contents-color) 75%, transparent) 25%,  color-mix(in srgb, var(--background-contents-color) 0%, transparent) 100%);
			z-index:10;
		}
		#heading-out.bg-under-contents > em:after {
			content:'';
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:linear-gradient(15deg, color-mix(in srgb, var(--background-contents-color) 100%, transparent) 0%,  color-mix(in srgb, var(--background-contents-color) 0%, transparent) 75%, color-mix(in srgb, var(--background-contents-color) 0%, transparent) 100%);
			z-index:11;
		}
			#heading-out  > em > i  {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				overflow:hidden;
				z-index:1;
				display:block;
				top:calc(0px - (30px * min(1, max(0, var(--background-blur) / 100))));
				left:calc(0px - (30px * min(1, max(0, var(--background-blur) / 100))));
				width:calc(100% + (60px * min(1, max(0, var(--background-blur) / 100))));
				height:calc(100% + (60px * min(1, max(0, var(--background-blur) / 100))));
			}
				#heading-out  > em > i > img {
					display:block;
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					object-fit:cover;
					z-index:1;
					filter:blur(calc(20px * min(1, max(0, var(--background-blur) / 100))));
					opacity:min(1, max(0, var(--background-opacity) / 100));
					image-rendering:-moz-crisp-edges;          /* Firefox        */
					image-rendering:-o-crisp-edges;            /* Opera          */
					image-rendering:-webkit-optimize-contrast; /* Safari         */
					image-rendering:optimize-contrast;         /* CSS3 Proposed  */
					-ms-interpolation-mode:nearest-neighbor;
					
					transform: translateY(calc(max(0px, (1px * var(--ee--scroll-px)) - (1px * var(--ee--header-first-element-position-px)) - var(--ee-full-header-height)) * 0.5));
					will-change: transform; /* Optymalizacja dla przeglądarki (płynność) */
				}
				#heading-out.ee_under-header > em > i > img {
					transform: translateY(calc(max(0px, (1px * var(--ee--scroll-px)) - (1px * var(--ee--header-first-element-position-px))) * 0.5));
				}

	/* style dla mobile */
	@media only screen and (max-width:768px){
			#heading-out > div > span {
				font-size:var(--small-font-size);
				line-height:1.7em;
			}
			#heading-out > div > p {
				flex-direction:column;
				--b-font-size:var(--small-font-size);
			}
			
	}

	



/* ################################### */
/* MAIN OFFERS */
/* ################################### */

#main-offers {
	display:block;
	padding-left:calc(var(--global--content-margin) + var(--global--background-margin));
	padding-right:calc(var(--global--content-margin) + var(--global--background-margin));
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-m);
}
#main-offers > * {
	max-width:var(--global--content-width);
	margin:0 auto;
	width:100%;
}

/* ################################### */
/* MAIN ARTICLES */
/* ################################### */

#main-articles {
	display:block;
	padding-left:calc(var(--global--content-margin) + var(--global--background-margin));
	padding-right:calc(var(--global--content-margin) + var(--global--background-margin));
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-m);
}
#main-articles > * {
	max-width:var(--global--content-width);
	margin:0 auto;
	width:100%;
}

/* ################################### */
/* MAIN content */
/* ################################### */

#main-content {
	position:relative;
	z-index:100;
	padding:0;
	margin:0;
	margin:0 auto;
	max-width:var(--global--background-width);
	padding-left:calc(var(--global--background-width) - var(--global--content-width));
	padding-right:calc(var(--global--background-width) - var(--global--content-width));
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
}


/* ################################### */
/* OFFER content */ 
/* ################################### */

#offer-content {
	position:relative;
	z-index:99;
	padding:0;
	max-width:var(--global--content-width);
	margin:0 auto;
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	gap:var(--spacing-l);
	display:flex;
	align-items: flex-start;
}
@media only screen and (max-width:1024px){
	#offer-content {
		flex-direction:column;
	}
}
#offer-description {
	flex:1;
}

/* boczny panel */
#offer-side {
	width:320px;
	/* position:sticky;
	transition: top 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	top: calc((1px * var(--header-middle-current-height-px)) + var(--offer-heading-bottom-size) + var(--spacing-m)); */
	z-index:2;
	position:relative;
	background:#ffffff;
}
@media only screen and (max-width:1024px){
	#offer-side {
		width:auto;
		position:relative;
		/* top:auto; */
		margin-left:calc(0px - var(--global--content-margin));
		margin-right:calc(0px - var(--global--content-margin));
		padding-left:var(--global--content-margin);
		padding-right:var(--global--content-margin);
	}
}

/* pytanie o oferte */
#offer-ask {
	display:none;
}
@media only screen and (max-width:1024px){
	#offer-ask:has( + #offer-side #ask-for-offer) {
		display:block;
		position:sticky;
		bottom:0;
		width:calc(100% + var(--global--content-margin) + var(--global--content-margin));
		z-index:1;
		z-index:1;
		background:#000000;
		background:var(--color-text-very-very-light);
		margin-left:calc(0px - var(--global--content-margin));
		margin-right:calc(0px - var(--global--content-margin));
		padding-left:var(--global--content-margin);
		padding-right:var(--global--content-margin);
		font-size:var(--big-font-size);
		line-height:1em;
		font-family:var(--heading2-font-family);
		font-weight:var(--heading2-font-weight);
		letter-spacing:var(--heading2-letter-spacing);
		line-height:3em;
		height:3em;
		text-decoration:none;
		color:var(--color-text);
		text-transform:uppercase;
		text-align:center;
		font-weight:normal;
	}
	#offer-ask:hover {
		background:var(--color-text);
		color:#ffffff;
	}
	#offer-ask + #offer-side:has(#ask-for-offer) {
		margin-top:calc(0px - var(--spacing-l) - (var(--big-font-size) * 3));
	}
	#offer-ask + #offer-side:has(#ask-for-offer):before {
		content:'';
		position:absolute;
		display:block;
		bottom:100%;
		left:0;
		width:100%;
		pointer-events:none;
		height:var(--spacing-l);
		background: linear-gradient(0deg,rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%);
	}
	
}
.offer-agents {
	position:relative;
}
.offer-agents > strong {
	font-size:var(--offer-agents-heading-size);
	line-height:1em;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	display:block;
	margin-bottom:var(--spacing-m);
}
#ask-for-offer {
	display:block;
	position:absolute;
	margin-top:calc(0px - var(--ee-sticky-header-height) - var(--spacing-s));
}


/* ################################### */
/* ARTICLE content */ 
/* ################################### */


.article-authors {
	position:relative;
}
.article-authors > strong {
	font-size:var(--offer-agents-heading-size);
	line-height:1em;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	display:block;
	margin-bottom:var(--spacing-m);
}



/* ################################### */
/* ARTICLES content */ 
/* ################################### */

#articles-content {
	position:relative;
	z-index:99;
	padding:0;
	max-width:var(--global--content-width);
	margin:0 auto;
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	gap:var(--spacing-l);
	display:flex;
	align-items: flex-start;
}
@media only screen and (max-width:1024px){
	#articles-content {
		flex-direction:column;
	}
}
#articles-description {
	flex:1;
}

/* boczny panel */
#articles-side {
	width:320px;
	/* position:sticky;
	transition: top 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	top: calc((1px * var(--header-middle-current-height-px)) + var(--offer-heading-bottom-size) + var(--spacing-m)); */
	z-index:2;
	position:relative;
	background:#ffffff;
}
@media only screen and (max-width:1024px){
	#articles-side {
		width:100%;
		position:relative;
		/* top:auto; */
	}
}

















/* ################################### */
/* MODULE SIMPLE SLIDER */
/* ################################### */

.module-simple-slider {	
	--slide-width:0px;
	--slide-height:0px;
	--slides-height:0px;
	--slide-delay:5;
	--slide-delay-s:calc(1s * var(--slide-delay));
	--transition-time:1;
	--transition-time-s:calc(1s * var(--transition-time));
	--visible-time:calc(var(--slide-delay) - var(--transition-time));
	--visible-time-s:calc(1s * var(--visible-time));
}

/* ukrywamy pomocicze input radio */
.module-simple-slider > input {
	position:fixed;
	left:-10000px;
	top:50%;
}

/* kontener na wszystkie elementy slidera */
.module-simple-slider > .slider {
	--current-slide:1;
}

/* okreslenie aktualnego slajdu */
.module-simple-slider > input:nth-child(1):checked ~ .slider { --current-slide:1; }
.module-simple-slider > input:nth-child(2):checked ~ .slider { --current-slide:2; }
.module-simple-slider > input:nth-child(3):checked ~ .slider { --current-slide:3; }
.module-simple-slider > input:nth-child(4):checked ~ .slider { --current-slide:4; }
.module-simple-slider > input:nth-child(5):checked ~ .slider { --current-slide:5; }
.module-simple-slider > input:nth-child(6):checked ~ .slider { --current-slide:6; }
.module-simple-slider > input:nth-child(7):checked ~ .slider { --current-slide:7; }
.module-simple-slider > input:nth-child(8):checked ~ .slider { --current-slide:8; }
.module-simple-slider > input:nth-child(9):checked ~ .slider { --current-slide:9; }
.module-simple-slider > input:nth-child(10):checked ~ .slider { --current-slide:10; }
.module-simple-slider > input:nth-child(11):checked ~ .slider { --current-slide:11; }
.module-simple-slider > input:nth-child(12):checked ~ .slider { --current-slide:12; }
.module-simple-slider > input:nth-child(13):checked ~ .slider { --current-slide:13; }
.module-simple-slider > input:nth-child(14):checked ~ .slider { --current-slide:14; }
.module-simple-slider > input:nth-child(15):checked ~ .slider { --current-slide:15; }
.module-simple-slider > input:nth-child(16):checked ~ .slider { --current-slide:16; }
.module-simple-slider > input:nth-child(17):checked ~ .slider { --current-slide:17; }
.module-simple-slider > input:nth-child(18):checked ~ .slider { --current-slide:18; }
.module-simple-slider > input:nth-child(19):checked ~ .slider { --current-slide:19; }
.module-simple-slider > input:nth-child(20):checked ~ .slider { --current-slide:20; }

/* odpowiednim elementom slajdow nadajemy numer */
.module-simple-slider > .slider .slide {--slide-nr:1;}
.module-simple-slider > .slider .slide:nth-child(2) {	--slide-nr:2;}
.module-simple-slider > .slider .slide:nth-child(3) {	--slide-nr:3; }
.module-simple-slider > .slider .slide:nth-child(4) {	 --slide-nr:4;}
.module-simple-slider > .slider .slide:nth-child(5) {	--slide-nr:5; }
.module-simple-slider > .slider .slide:nth-child(6) {	 --slide-nr:6; }
.module-simple-slider > .slider .slide:nth-child(7) {	--slide-nr:7;}
.module-simple-slider > .slider .slide:nth-child(8) {	  --slide-nr:8; }
.module-simple-slider > .slider .slide:nth-child(9) {	 --slide-nr:9; }
.module-simple-slider > .slider .slide:nth-child(10) {	  --slide-nr:10; }
.module-simple-slider > .slider .slide:nth-child(11) {	  --slide-nr:11; }
.module-simple-slider > .slider .slide:nth-child(12) {	--slide-nr:12;}
.module-simple-slider > .slider .slide:nth-child(13) {	--slide-nr:13; }
.module-simple-slider > .slider .slide:nth-child(14) {	 --slide-nr:14;}
.module-simple-slider > .slider .slide:nth-child(15) {	--slide-nr:15; }
.module-simple-slider > .slider .slide:nth-child(16) {	 --slide-nr:16; }
.module-simple-slider > .slider .slide:nth-child(17) {	--slide-nr:17;}
.module-simple-slider > .slider .slide:nth-child(18) {	  --slide-nr:18; }
.module-simple-slider > .slider .slide:nth-child(19) {	 --slide-nr:19; }
.module-simple-slider > .slider .slide:nth-child(20) {	  --slide-nr:20; }

/* zmienne mozliwe do uzycia w slajdach */
.module-simple-slider > .slider .slide {
	
	/* pozycja wzgledem aktualnego slajdu */
	/* 0 gdy to aktualny slajd, wiecej niz 0 gdy jestesmy dalej niz aktualny, mneij jesli wczesniej */
	--slide-position-to-current: calc(var(--slide-nr) - var(--current-slide));
	
	/* to samo, ale wartosci tylko -1, 0 i 1*/
	--slide-position-to-current-one: max(-1,min(1, var(--slide-position-to-current)));
	
	/* odwrocona pozycja wzgledem aktualnego */
	--slide-position-to-current-inverted: calc(0 - var(--slide-position-to-current));
	
	/* to samo, ale warttosci tylko -1, 0 i 1*/
	--slide-position-to-current-inverted-one: calc(0 - var(--slide-position-to-current-one));
	
	/* dystans od aktaulnego */
	--slide-distance-from-current: max(var(--slide-position-to-current), var(--slide-position-to-current-inverted));	
	--slide-distance-from-current-one: max(-1,min(1, var(--slide-distance-from-current)));
	
	/* odwrocony status - jesli aktywny to 0, jesli nieaktywny to 1*/
	/* wartosc absolute z  --slide-position-to-current-one */
	--slide-status-inverted: min(1, var(--slide-distance-from-current));
	
	/* normalny status, czyli 0 wylaczony, 1 wlaczony */
	--slide-status: calc(1 - var(--slide-status-inverted));

	/* czy slajd znajduje sie bezposrednio obok aktualnego */
	/* jesli od 2 odejmiemy dostans i wyjdzie nam 1 to znaczy, ze jest obok. jesli wyjdzie mniej to gdzies dalej */
	/* robimy tutaj max(0, min(1) ) aby miec 0 albo 1 ale 1 bedzie takze gdy jest aktualny, dlatego... */
	/* pozniej ustawiamy min z uzyciem invertred statusu, jesli aktywny */
	--slide-near-current: min(var(--slide-status-inverted), max(0, min(1, 2 - var(--slide-distance-from-current))));
	--slide-near-current-inverted: calc(1 - var(--slide-near-current));
	
	/* czy slajd jest poprzedeni lub kolejny */
	--slide-is-next:max(0, min(var(--slide-position-to-current-one), var(--slide-near-current)));
	--slide-is-prev:max(0, min(var(--slide-position-to-current-inverted-one), var(--slide-near-current)));

}

/* slajdy ukladamy na flex obok siebie, wyrownane do srodka w pionie */
.module-simple-slider > .slider .slides {
	display:flex;
	overflow:hidden;
	flex-wrap: nowrap;
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
	align-items: center;
}

/* kazdy slajd ma taka sama szerokosc i nie moze sie zmniejszyc */
.module-simple-slider > .slider .slides > * {
	flex-shrink:0;
	padding:0;
	margin:0;
	width:100%;
	position:relative;
	overflow:hidden;
}

/* przesuwamy kolejne slajdy, aby finalnie byl jeden na drugim */
.module-simple-slider > .slider .slides > * + * {	margin-left:-100% !important;}

/* jesli slider nie jest w pelni zaladowany to wywalamy dodatkowe slajdy poza ekran */
.module-simple-slider:not(.loaded) > .slider .slides > * + * {
	top:-100000px;
}

/* jesli slider nie jest w pelni zaladowany to usuwamy mozliwosc zmiany slajdow */
.module-simple-slider:not(.loaded) > .slider label {
	pointer-events:none;
}

/* slajdow nie mozna zaznaczac - zeby dobrze obsluzyc swipe */
.module-simple-slider > .slider .slides > .slide {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.module-simple-slider > .slider .slides > .slide a {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}


/* ----------------- */  











/* ################################### */
/* MODUKE BREADCRUMBS */
/* ################################### */

ul.module-breadcrumbs {
	display:block;
	padding:0;
	margin:0;
	font-size:var(--smaller-font-size);
	line-height:1em;
	padding-top:var(--spacing-s);
	list-style-type:none;
	overflow:auto;
	height:calc(var(--spacing-s) + var(--spacing-s) + var(--smaller-font-size));
	display:flex;
	flex-wrap:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-color: rgba(0,0,0,0.07) transparent; 
    scrollbar-width: thin;
	color:var(--color-text-lighter);
}

ul.module-breadcrumbs::-webkit-scrollbar {
    height: 1px;
}
ul.module-breadcrumbs::-webkit-scrollbar-track {
    background: transparent;
}
ul.module-breadcrumbs::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.07);
}
.dark ul.module-breadcrumbs {
	scrollbar-color: rgba(255,255,255,0.07) transparent; 
}
.dark ul.module-breadcrumbs::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.07);
}

ul.module-breadcrumbs li {
	padding:0;
	margin:0;
}
ul.module-breadcrumbs li + li {
	margin-left:1em;
}
ul.module-breadcrumbs li a {
	color:inherit;
	text-decoration:none;
	white-space:nowrap;
}
ul.module-breadcrumbs li a:hover {
	color:var(--color-text);
}

ul.module-breadcrumbs li:last-child a {
	font-weight:bold;
}
ul.module-breadcrumbs li:first-child a:before {
	display:inline;
	content: "\f015";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height:inherit;
	z-index:5;
	color:var(--color-text-very-light);
	padding-right:0.7em;
	pointer-events:none;
}
ul.module-breadcrumbs li + li a:before {
	display:inline;
	content: "/";
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height:inherit;
	font-size:1em;
	z-index:5;
	color:var(--color-text-very-light);
	padding-right:1em;
	pointer-events:none;
}
}
ul.module-breadcrumbs li:first-child a:hover:before,
ul.module-breadcrumbs li + li a:hover:before {
	color:var(--color-text-very-light);
}

/* kolorystyka na ciemne tlo */
#heading-out.dark ul.module-breadcrumbs {
	color:rgba(255,255,255,0.35);
}
#heading-out.dark ul.module-breadcrumbs li a:hover {
	color:rgba(255,255,255,1);
}
#heading-out.dark ul.module-breadcrumbs li:first-child a:before, 
#heading-out.dark ul.module-breadcrumbs li + li a:before, 
#heading-out.dark ul.module-breadcrumbs li:first-child a:hover:before, 
#heading-out.dark ul.module-breadcrumbs li ul.module-breadcrumbs li + li a:hover:before {
	color:rgba(255,255,255,0.2);
}

/* ----------------- */  





.simpleLightbox {
	display:block;
}
.simpleLightbox > input {
	position:fixed;
	top:50%;
	left:-1000000px;
	display:block;
}


.simpleLightbox > label {
	position:fixed;
	top:0;
	right:0%;
	width:25%;
	height:calc(var(--spacing-m) * 2);
	pointer-events:auto;
	display:block;
	z-index:6;
	cursor:pointer;
	z-index:999999999;
}
.simpleLightbox > input:checked ~ label {
	display:none;
}
.simpleLightbox > label:before {
	content:'';
	display:block;
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size:32px;
	position:absolute;
	top:50%;
	right:0;
	width:calc(var(--spacing-m) * 2);
	height:1em;
	text-align:center;
	line-height:1em;
	color:#ffffff;
	color:rgba(255,255,255,1);
	margin-top:-0.5em;
	z-index:5;
	cursor:pointer;
	/*transition: transform 0.3s, color 0.3s;*/
}
.simpleLightbox > label:hover:before {
	transform:scale(1.6);
}

.simpleLightbox > div {
	display:block;
	position:fixed;
	z-index:999999998;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	height:100svh;
	padding-left:calc(var(--spacing-m) * 2);
	padding-right:calc(var(--spacing-m) * 2);
	padding-top:var(--spacing-m);
	padding-bottom:var(--spacing-m);
}
.simpleLightbox > input:checked + div {
	display:none;
}
.simpleLightbox > div > label {
	display:block;
	position:absolute;
	top:-100%;
	left:-100%;
	width:300%;
	height:300%;
	background:rgba(0,0,0,0.8);
	z-index:1;
}
.simpleLightbox > div > div {
	display:block;
	position:relative;
	height:100%;
	z-index:2;
}
.simpleLightbox > div > div:before {
	content:'';
	position:absolute;
	top:0;
	left:calc(0px - (var(--spacing-m) * 2));
	width:calc(100% + (var(--spacing-m) * 2) + (var(--spacing-m) * 2));
	height:100%;
}
.simpleLightbox > div > div > input {
	position:fixed;
	top:50%;
	left:-1000000px;
	display:block;
}
.simpleLightbox > div > div > div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	flex-direction:column;
	gap:var(--spacing-m);
	z-index:2;
}
.simpleLightbox > div > div > input:checked + div {
	display:flex;
}
.simpleLightbox > div > div > div > div {
	display:block;
	flex:1;
	width:100%;
	position:relative;
}
.simpleLightbox > div > div > div > div > img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:contain;
	z-index:10;
}
.simpleLightbox > div > div > div > div > iframe {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	border:0;
	margin:0;
	padding:0;
}
.simpleLightbox > div > div > div > div:before {
	content:'';
	display:block;
	content: "\f021";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size:32px;
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	color:#ffffff;
	color:rgba(255,255,255,0.15);
	margin-left:-50px;
	margin-top:-50px;
	z-index:5;
	animation-name: simplelightboxloading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	
}
@keyframes simplelightboxloading {
    from {transform: rotate(0deg);}
    to {transform: rotate(180deg);}
}




.simpleLightbox > div > div > div > span {
	display:block;
	width:100%;
	color:#ffffff;
	text-align:center;
}

.simpleLightbox > div > div > label {
	position:absolute;
	top:calc(0px - var(--spacing-m));
	right:75%;
	width:calc(25% + (var(--spacing-m) * 2));
	height:calc(100%  + var(--spacing-m) + var(--spacing-m));
	pointer-events:auto;
	display:none;
	z-index:6;
	cursor:pointer;
}
.simpleLightbox > div > div > label:before {
	content:'';
	display:block;
	content: "\f053";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size:32px;
	position:absolute;
	top:50%;
	left:0;
	width:calc(var(--spacing-m) * 2);
	height:1em;
	text-align:center;
	line-height:1em;
	color:#ffffff;
	color:rgba(255,255,255,0.5);
	margin-top:-0.5em;
	z-index:5;
	cursor:pointer;
	/*transition: transform 0.3s, color 0.3s;*/
}
.simpleLightbox > div > div > label:hover:before {
	transform:scale(1.6);
	color:rgba(255,255,255,1);
}
.simpleLightbox > div > div > label:after {
	content:'';
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	z-index:3;
	/*transition: left 0.3s, right 0.3s;*/
}
.simpleLightbox > div > div > label:hover:after {
	left:0%;
}


.simpleLightbox > div > div > label:has(+ input:checked) {
	display:block;
}
.simpleLightbox > div > div > input:checked + div + label + input + div + label {
	right:auto;
	left:75%;
	display:block;
}
.simpleLightbox > div > div > input:checked + div + label + input + div + label:before {
	content: "\f054";
	left:auto;
	right:0;
}
.simpleLightbox > div > div > input:checked + div + label + input + div + label:after {
	left:auto;
	right:-100%;
	background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.simpleLightbox > div > div > input:checked + div + label + input + div + label:hover:after {
	left:auto;
	right:0%;
}

.simpleLightbox > div > div > input:checked + div + label + input + div + label  + input + div + label {
	display:none;
}

@media only screen and (max-width:1024px) {
	
	.simpleLightbox > label {
		width:50%;
	}
	
	
	.simpleLightbox > div {
		padding-top:calc(var(--spacing-m) * 2);
		padding-bottom:calc(var(--spacing-m) * 2);
		padding-left:var(--spacing-s);
		padding-right:var(--spacing-s);
	}
	
	.simpleLightbox > div > div:before {
		left:calc(0px - (var(--spacing-s)));
		width:calc(100% + (var(--spacing-s) * 2));
	}
	
	.simpleLightbox > div > div > div {
		gap:var(--spacing-s);
	}
	
	.simpleLightbox > div > div > label {
		top:calc(0px - (var(--spacing-m) * 2));
		right:50%;
		width:calc(50% + var(--spacing-s));
		height:calc(100%  + (var(--spacing-m) * 2) + (var(--spacing-m) * 2));
	}
	
	.simpleLightbox > div > div > label:before {
		top:auto;
		bottom:var(--spacing-m);
		width:100%;
		margin-top:0;
		margin-bottom:-0.5em;
	}
	.simpleLightbox > div > div > label:after {
		display:none;
	}
	.simpleLightbox > div > div > input:checked + div + label + input + div + label {
		left:50%;
	}
	
	
}



.ce-styles {
	
	--ce-colors-dark-text: var(--color-text-light);
	--ce-colors-dark-text-important: var(--color-text);
	--ce-colors-dark-text-important2: var(--color-text);
	--ce-colors-dark-heading: var(--color-text);
	--ce-colors-dark-heading-alternative:linear-gradient(to right, var(--color-primary), var(--color-primary-alternative));
	
	--ce-colors-light-heading-alternative:linear-gradient(to right, var(--color-primary), var(--color-primary-alternative));
	
}

.ce-text-styles {
	font-size:var(--default-font-size);
	font-family: var(--global-font-family);
	font-optical-sizing: auto;
	font-weight: var(--global-font-weight);
	font-style: normal;
	font-variation-settings:
	"wdth" 100;
}

.ce-text-styles p.small {
	font-size:var(--small-font-size);
}

.ce-text-styles p.important2 {
	font-size:var(--medium-font-size);
}

.ce-text-styles h1,
.ce-text-styles h2,
.ce-text-styles h3,
.ce-text-styles h4,
.ce-text-styles h5,
.ce-text-styles h6 {
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	font-weight:300;
	letter-spacing:var(--heading1-letter-spacing);
	line-height:var(--heading1-line-height);
}

.ce-text-styles h1 strong,
.ce-text-styles h2 strong,
.ce-text-styles h3 strong,
.ce-text-styles h4 strong,
.ce-text-styles h5 strong,
.ce-text-styles h6 strong {
	font-family:var(--heading2-font-family);
	font-weight:var(--heading2-font-weight);
	letter-spacing:var(--heading2-letter-spacing);
	line-height:var(--heading2-line-height);
	
	color:transparent;
	background:var(--ce-colors-heading-alternative);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip: text;
	background-clip: text;
	
	
}

.ce-text-styles h1 { font-size:var(--text-styles-heading1-size); }
.ce-text-styles h2 { font-size:var(--text-styles-heading2-size); }
.ce-text-styles h3 { font-size:var(--text-styles-heading3-size); }
.ce-text-styles h4 { font-size:var(--text-styles-heading4-size); }
.ce-text-styles h5 { font-size:var(--text-styles-heading5-size); }
.ce-text-styles h6 { font-size:var(--text-styles-heading6-size); }


/*
.ce-text-styles ul {
	margin:0;
	list-style-type:none !important;
	padding:0;
	margin-top:var(--spacing-s);
	border:1px solid rgba(0,0,0,0.06);
	background:rgba(0,0,0,0.03);
}
.ce-text-styles ul:first-child {
	margin-top:0;
}
.ce-text-styles ul li {
	padding:0;
	margin:0;
	padding:var(--spacing-s);
	border-top:1px solid rgba(0,0,0,0.06);
}
.ce-text-styles ul li:first-child {
	border-top:0px;
}
*/

/*
.ce-text-styles ul {
	margin:0;
	list-style-type:none !important;
	padding:0;
	margin-top:var(--spacing-s);
}
.ce-text-styles ul:first-child {
	margin-top:0;
}
.ce-text-styles ul li {
	padding:0;
	margin:0;
	margin-top:var(--ce-spacing-s);
	padding-left:40px;
	position:relative;
}
.ce-text-styles ul li:first-child {
	border-top:0px;
	padding-top:0;
	margin-top:0;
}

.ce-text-styles ul li:before {
	display:block;
	content: "\f015";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	font-size:1em;
	font-size:0.8em;
	line-height:inherit;
	position:absolute;
	left:0;
	top:calc( 50% + var(--spacing-s));
	top:calc(var(--spacing-s) + 0.3571em);
	top:var(--spacing-s);
	top:0;
	margin-top:-0.5em;
	margin-top:0;
	height:1em;
	color:var(--color-primary);
	width:2.25em;
	text-align:center;
}
.ce-text-styles ul li:after {
	display:block;
	content: "";
	font-size:1.8em;
	width:1em;
	height:1em;
	line-height:inherit;
	position:absolute;
	left:0;
	top:0;
	margin-top:-0.1em;
	background:rgba(0,0,0,0.1);
	border-radius:50%;
}
*/


/*
.ce-text-styles ol {
	margin:0;
	padding:0;
	border:1px solid rgba(0,0,0,0.06);
	margin-top:var(--spacing-s);
	background:rgba(0,0,0,0.03);
	padding-left: 2.5em;
	list-style-type:none; 
}
.ce-text-styles ol:first-child {
	margin-top:0;
}
.ce-text-styles ol li {
	padding:0;
	margin:0;
	padding:var(--spacing-s);
	border-top:1px solid rgba(0,0,0,0.06);
}
.ce-text-styles ol  li:first-child {
	border-top:0px;
}
*/
/*
.ce-text-styles ol {
	margin:0;
	padding:0;
	margin-top:var(--spacing-m);
	list-style-type:none; 
}
.ce-text-styles ol:first-child {
	margin-top:0;
}
.ce-text-styles ol li {
	padding:0;
	margin:0;
	margin-top:var(--spacing-m);
	position:relative;
}
.ce-text-styles ol li:before {
	background:rgba(0,0,0,0.06);
	content:'';
	position:absolute;
	top:calc(0px - (var(--spacing-m) / 2));
	left:0;
	width:100%;
	height:1px;
	overflow:hidden;
}
.ce-text-styles ol  li:first-child {
	margin-top:0;
}
.ce-text-styles ol  li:first-child:before {
	display:none;
}
*/
/*
.ce-text-styles ol {
	margin:0;
	padding:0;
	margin-top:var(--spacing-m);
	list-style-type:none; 
}
.ce-text-styles ol:first-child {
	margin-top:0;
}
.ce-text-styles ol li {
	padding:0;
	margin:0;
	margin-top:var(--spacing-xs);
	position:relative;
	border-left:5px solid rgba(0,0,0,0.06);
	padding-top:var(--spacing-xs);
	padding-bottom:var(--spacing-xs);
	padding-left:1em;
}
.ce-text-styles ol  li:first-child {
	margin-top:0;
}

*/
















.global-message-show {
	display:block;
	position:fixed;
	top:50%;
	left:-10000px;
}

.global-messages {
	display:none;
	position:fixed;
	z-index:999999999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	flex-direction:column;
}
.global-message-show:checked + .global-messages {
	display:flex;
}
.global-messages > label {
	display:block;
	content:'';
	position:absolute;
	top:-100%;
	left:-100%;
	width:300%;
	height:300%;
	background:rgb(0 0 0 / 0.7);
	z-index:1;
}
.global-messages > div {
	margin:auto;
	width:100%;
	max-width:var(--global--content-width);
	position:relative;
	z-index:10;
	padding-top:calc(2 * var(--global--content-margin));
	background:#ffffff;
}
.global-messages > div > label {
	height:calc(2 * var(--global--content-margin));
	top:0;
	right:var(--spacing-s);
	line-height:calc(2 * var(--global--content-margin));
	font-weight:bold;
	display:block;
	position:absolute;
}
.global-messages > div > ul {
	display:flex;
	flex-direction:column;
	max-height:calc(100dvh - (3 * var(--global--content-margin)));
	width:100%;
	max-width:var(--global--content-width);
	margin:auto;
	overflow:auto;
	z-index:10;
	
	padding:var(--spacing-s);
	gap:var(--spacing-s);
	list-style-type:none;
}
.global-messages > div > ul > li {
	margin:0;
	display:block;
	padding:var(--spacing-s);
	background:#cbebfb;
	border:1px solid #85b9ca;
}
.global-messages > div > ul > li.type-fill,
.global-messages > div > ul > li.type-alert {
	margin:0;
	display:block;
	padding:var(--spacing-s);
	background:#ffeebb;
	border:1px solid #d7bd5c;
}
.global-messages > div > ul > li.type-error {
	margin:0;
	display:block;
	padding:var(--spacing-s);
	background:#f9c7c6;
	border:1px solid #d67c7e;
}
.global-messages > div > ul > li.type-success {
	margin:0;
	display:block;
	padding:var(--spacing-s);
	background:#dbf1d8;
	border:1px solid #398166;
}














.ce-content-row > .ce-content-row-button {
	width:calc(100% + var(--global--content-margin) + var(--global--content-margin));
	margin-left:calc(0px - var(--global--content-margin));
	margin-right:calc(0px - var(--global--content-margin));
	font-size:var(--big-font-size);
	line-height:1em;
	line-height:3em;
	margin-top:3em;
}



.ce-content-row > .ce-content-row-button a {
	display:block;
	background:#000000;
	background:var(--color-text-very-very-light);
	padding-left:var(--global--content-margin);
	padding-right:var(--global--content-margin);
	font-size:var(--big-font-size);
	line-height:1em;
	font-family:var(--heading2-font-family);
	font-weight:var(--heading2-font-weight);
	letter-spacing:var(--heading2-letter-spacing);
	line-height:3em;
	height:3em;
	text-decoration:none;
	color:var(--color-text);
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.ce-content-row > .ce-content-row-button a:hover {
	background:var(--color-text);
	color:#ffffff;
}
@media only screen and (max-width:1024px){
	
	.ce-content-row > .ce-content-row-button + .ce-content-row-side:has(.ce-content-row-side-target) {
		margin-top: calc(0px - var(--spacing-l) - (3 * var(--big-font-size)));
	}
	
	.ce-content-row > .ce-content-row-button + .ce-content-row-side:has(.ce-content-row-side-target):before {
		content:'';
		position:absolute;
		display:block;
		bottom:100%;
		left:calc(0px - var(--global--content-margin));
		width:calc(100% +  (2 * var(--global--content-margin)));
		pointer-events:none;
		height:var(--spacing-l);
		background: linear-gradient(0deg,rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%);
	}
	.ce-content-row > .ce-content-row-button + .ce-content-row-side:has(.ce-content-row-side-target):after {
		content:'';
		position:absolute;
		display:block;
		top:0;
		left:calc(0px - var(--global--content-margin));
		width:calc(100% +  (2 * var(--global--content-margin)));
		pointer-events:none;
		font-size:var(--big-font-size);
		height:3em;
		background: #ffffff;;
	}

}



















/* ################################### */
/* CONTENT MODULE ARTICLES */
/* ################################### */

ul.content-module-articles {
	padding:0;
	list-style-type:none;
	gap:var(--spacing-m);
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width:1024px){
	ul.content-module-articles {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
ul.content-module-articles > li {
	padding:0;
	margin:0;
}
ul.content-module-articles > li > div {
	display:block;
	position:relative;
	padding-top:66.666%;
	background:rgba(0,0,0,0.05);
	overflow:hidden;
}
@media only screen and (max-width:1024px){
	ul.content-module-articles > li > div {
		padding-top:75%;
	}
}

ul.content-module-articles > li > div:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:66.666%;
	height:50%;
	z-index:3;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
ul.content-module-articles > li > div:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: rgba(0,0,0,0);
	transition:background 0.3s;
}
ul.content-module-articles > li:hover > div:before {
	background: rgba(0,0,0,0.7);
}


ul.content-module-articles > li > div > img {
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	object-fit: cover;
	z-index:1;
}
ul.content-module-articles > li > div > div {
	display:flex;
	position:absolute;
	flex-direction:column;
	z-index:10;
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	justify-content: flex-end;
}
ul.content-module-articles > li > div > div > i, 
ul.content-module-articles > li > div > div > b, 
ul.content-module-articles > li > div > div > a{
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	z-index:5;
	order:5;
	color:#ffffff;
}
ul.content-module-articles > li > div > div > i {
	color:rgba(255,255,255,0.4);
}

ul.content-module-articles > li > div > div > div {
	order:10;
	height:0%;
	overflow:hidden;
	z-index:4;
	background:#ffffff;
	padding:var(--spacing-s);
	padding-top:0;
	padding-bottom:0;
	transition:height 0.3s, padding 0.3s;
	color:var(--color-text-light);
	font-size:var(--small-font-size);
	font-size:var(--smaller-font-size);
	color:var(--color-text-lighter);
	line-height:1.4em;
}
ul.content-module-articles > li:hover > div > div > div {
	height:max-content;
	padding:var(--spacing-s);
}


ul.content-module-articles > li > div > div > b {
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	font-size: var(--offers-list-size1);
	padding:var(--spacing-s);
	padding-bottom:0.2em;
	padding-top:0;
}
ul.content-module-articles > li > div > div > i {
	padding:var(--spacing-s);
	/* padding-bottom:0.2em; */
	font-style:normal;
}

ul.content-module-articles > li > div > div > a  {
	z-index:10;
	text-decoration:none;
	order:7;
	padding:var(--spacing-s);
	padding-top:0;
	padding-bottom:calc(10px + var(--spacing-s));
	/*border-bottom:5px solid rgba(0,0,0,0.2);
	border-bottom:10px solid rgba(0,0,0,0.4);*/
}
ul.content-module-articles > li > div > div > a:before {
	position:absolute;
	content:'';
	display:block;
	width:300%;
	left:-100%;
	height:3000px;
	bottom:-1000px;
}

ul.content-module-articles > li > div > div > a > h2 {
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	font-size: var(--offers-list-size2);
	text-shadow: rgba(0,0,0,1) 0px 0px 15px;
}


















/* ################################### */
/* CONTENT MODULE _ PERSONS_LIST */
/* ################################### */

ul.content-module_persons_list {
	padding:0;
	margin:0;
	list-style-type:none;
	flex-direction:column;
	gap:var(--spacing-l);
	display:grid;
}
ul.content-module_persons_list.full {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width:1024px){
	ul.content-module_persons_list.full {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
ul.content-module_persons_list > li {
	padding:0;
	margin:0;
	position:relative;
}
ul.content-module_persons_list > li > div > a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
}
ul.content-module_persons_list > li > div {
	display:block;
	padding-top:100%;
	position:relative;
	overflow:hidden;
}
ul.content-module_persons_list > li  > div > img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	object-fit:cover;
}
ul.content-module_persons_list > li  > div:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.2) 33%, rgba(0, 0, 0, 0) 100%);
	pointer-events:none;
}
ul.content-module_persons_list > li > div > div {
	position:absolute;
	width:100%;
	padding: var(--spacing-s);
    padding-top: 0;
	bottom:0;
	left:0;
	color:#ffffff;
	z-index:10;
}
ul.content-module_persons_list > li > div > div > span {
	display:block;
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	font-size: var(--offer-agents-function-size);
	padding-bottom:0.2em;
	line-height:1em;
}
ul.content-module_persons_list > li > div > div > h2 {
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	font-size: var(--offer-agents-name-size);
	text-shadow: rgba(0,0,0,1) 0px 0px 15px;
}

ul.content-module_persons_list > li > div > div > strong {
	display:block;
	font-weight:normal;
	padding-top:0.8em;
	line-height:1em;
	color:rgba(255,255,255,0.5);
	font-size:var(--smaller-font-size);
}
ul.content-module_persons_list > li > a {
	display:block;
	text-decoration:none;
	color:inherit;
	line-height:1em;
	position:relative;
	padding-left:calc( var(--bigger-font-size) + var(--spacing-xs) + var(--spacing-s));
	margin-top:var(--spacing-s);
}
ul.content-module_persons_list > li > a:before {
	display:block;
	content: "\f095";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height:inherit;
	font-size:var(--default-font-size);
	z-index:5;
	line-height:1em;
	position:absolute;
	left:var(--spacing-s);
	top:50%;
	margin-top:-0.5em;
	color:var(--color-text-lighter);
}
ul.content-module_persons_list > li > a.email:before {
	content: "\f2b6";
}
ul.content-module_persons_list > li > a.phone {
	font-weight:bold;
	font-size:var(--very-big-font-size);
}
ul.content-module_persons_list > li > a.email {
	color:var(--color-text-light);
	font-size:var(--small-font-size);
}

ul.content-module_persons_list > li > a.phone + a.email {
	margin-top:var(--spacing-xs);
}





/* ################################### */
/* CONTENT MODULE OFFERS */
/* ################################### */

ul.content-module_offers_list {
	padding:0;
	list-style-type:none;
	gap:var(--spacing-m);
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width:1024px){
	ul.content-module_offers_list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
ul.content-module_offers_list > li {
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
}
ul.content-module_offers_list > li > div {
	display:block;
	position:relative;
	padding-top:66.666%;
	background:rgba(0,0,0,0.05);
	overflow:hidden;
}
@media only screen and (max-width:1024px){
	ul.content-module_offers_list > li > div {
		padding-top:75%;
	}
}


ul.content-module_offers_list > li >  em {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	color:#ffffff;
}
ul.content-module_offers_list > li >  em img {
	display:block;
	position:absolute;
	z-index:10;
	top:var(--spacing-s);
	left:var(--spacing-s);
	width:auto;
	max-width:none;
  width:120px;
}
ul.content-module_offers_list > li > em:before {
	display:block;
	position:absolute;
	z-index:1;
	font-size:400px;
	width:3em;
	height:1em;
	top:-0.5em;
	left:-1.5em;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
	content:'';
	transform:rotate(-20deg);
}
/*
ul.content-module_offers_list > li >  em {
	display:flex;
	position:absolute;
	top:var(--spacing-s);
	left:var(--spacing-s);
	z-index:10;
	color:#ffffff;
	font-size:0.8em;
	font-family:var(--heading2-font-family);
	font-weight:700;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	align-items:center;
	color:#ffffff;
	padding:1em;
	padding-top:0;
	padding-left:0;
}
ul.content-module_offers_list > li > em:before {
	display:block;
	font-size:1em;
	line-height:2em;
	border:1px solid #000000;
	border:1px solid #ffffff;
	border-right:0px;
	font-style:normal;
	text-decoration:none;
	content:'';
	height:2em;
	width:0.5em;
}
ul.content-module_offers_list > li  > em b {
	display:block;
	font-size:3.4em;
	font-style:normal;
	font-weight:400;
	text-decoration:none;
	padding-left:0.2em;
	padding-right:0.15em;
}
ul.content-module_offers_list > li > em ins {
	display:block;
	font-size:1.2em;
	line-height:2em;
	border:1px solid #000000;
	border:1px solid #ffffff;
	border-left:0px;
	font-style:normal;
	font-weight:800;
	text-decoration:none;
	height:2em;
	padding-right:0.6em;
}
*/


ul.content-module_offers_list > li > div > span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:rgb(255 255 255 / 1);
	color:#000000;
	font-weight:bold;
	padding:0.7em;
	font-size:1.1em;
	line-height:1em;
	z-index:10;
	font-family:var(--heading2-font-family);
	font-weight:700;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
}
ul.content-module_offers_list > li > div:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:66.666%;
	height:50%;
	z-index:3;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
ul.content-module_offers_list > li > div:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: rgba(0,0,0,0);
	transition:background 0.3s;
}
ul.content-module_offers_list > li:hover > div:before {
	background: rgba(0,0,0,0.7);
}


ul.content-module_offers_list > li > div > img {
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	object-fit: cover;
	z-index:1;
}
ul.content-module_offers_list > li > div > div {
	display:flex;
	position:absolute;
	flex-direction:column;
	z-index:10;
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	justify-content: flex-end;
}
ul.content-module_offers_list > li > div > div > b, 
ul.content-module_offers_list > li > div > div > a{
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	z-index:5;
	order:5;
	color:#ffffff;
}

ul.content-module_offers_list > li > div > div > div {
	order:10;
	height:0%;
	overflow:hidden;
	z-index:4;
	background:#ffffff;
	padding:var(--spacing-s);
	padding-top:0;
	padding-bottom:0;
	transition:height 0.3s, padding 0.3s;
	color:var(--color-text-light);
	font-size:var(--small-font-size);
	font-size:var(--smaller-font-size);
	color:var(--color-text-lighter);
	line-height:1.4em;
}
ul.content-module_offers_list > li:hover > div > div > div {
	height:max-content;
	padding:var(--spacing-s);
}


ul.content-module_offers_list > li > div > div > b {
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	font-size: var(--offers-list-size1);
	padding:var(--spacing-s);
	padding-bottom:0.2em;
}

ul.content-module_offers_list > li > div > div > a  {
	z-index:10;
	text-decoration:none;
	order:7;
	padding:var(--spacing-s);
	padding-top:0;
	padding-bottom:calc(10px + var(--spacing-s));
	/*border-bottom:5px solid rgba(0,0,0,0.2);
	border-bottom:10px solid rgba(0,0,0,0.4);*/
}
ul.content-module_offers_list > li > div > div > a:before {
	position:absolute;
	content:'';
	display:block;
	width:300%;
	left:-100%;
	height:3000px;
	bottom:-1000px;
}

ul.content-module_offers_list > li > div > div > a > h2 {
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	font-size: var(--offers-list-size2);
	text-shadow: rgba(0,0,0,1) 0px 0px 15px;
}
/*
ul.content-module_offers_list > li > div > div > a:after {
	position:absolute;
	content:'';
	z-index:2;
	bottom:-5px;
	bottom:-10px;
	left:0;
	width:var(--spacing-s);
	width:50%;
	height:5px;
	height:10px;
	background:#ffffff;
}
*/
ul.content-module_offers_list > li > span {
	display:flex;
	position:relative;
	padding-left:var(--spacing-s);
	padding-right:var(--spacing-s);
	padding-top:var(--spacing-s);
	gap:var(--spacing-s);
	align-items:center;

}
ul.content-module_offers_list > li > span > b {
	display:block;
	position:relative;
	padding-left:27px;
	font-size:var(--small-font-size);
	line-height:var(--medium-font-size);
	font-weight:normal;
}
ul.content-module_offers_list > li > span > b.price {
	font-size:var(--medium-font-size);
	font-weight:bold;
	padding-left:0;
}
ul.content-module_offers_list > li > span > b.price + * {
	margin-left:auto;
}
ul.content-module_offers_list > li > span > b:before {
	content:'';
	position:absolute;
	font-size:24px;
	width:1em;
	height:1em;
	top:50%;
	margin-top:-0.5em;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
}

ul.content-module_offers_list > li > span > b.price:before {
	background-image:url('image/price.png');
	display:none;
}
ul.content-module_offers_list > li > span > b.size:before {
	background-image:url('image/size.png');
}
ul.content-module_offers_list > li > span > b.lot-size:before {
	background-image:url('image/lot-size.png');
}
ul.content-module_offers_list > li > span > b.floor:before {
	background-image:url('image/floor.png');
}
ul.content-module_offers_list > li > span > b.rooms:before {
	background-image:url('image/rooms.png');
}

ul.content-module_offers_list > li > span > b u {
	text-decoration:none;
	font-style:normal;
}
ul.content-module_offers_list > li > span > b i {
	font-style:normal;
	padding-left:1em;
	font-weight:normal;
	color:var(--color-text-light);
}
@media only screen and (max-width:1024px){
	ul.content-module_offers_list > li > span {
	gap:var(--spacing-xs);

}
	ul.content-module_offers_list > li > span > b {
		display:block;
		position:relative;
		padding-left:30px;
		font-size:var(--smaller-font-size);
		line-height:var(--default-font-size);
		font-weight:normal;
	}
	ul.content-module_offers_list > li > span > b.price {
		font-size:var(--default-font-size);
		font-weight:bold;
		padding-left:0;
	}
	ul.content-module_offers_list > li > span > b i {
		display:block;
		padding-left:0;
		font-size:var(--small-font-size);
		padding-top:0.3em;
	}
}







/* ################################### */
/* CONTENT MODULE LIST HEADING */
/* ################################### */

.content-module-list-heading {
	padding:0;
	color:var(--color-text-light);
	font-size:var(--small-font-size);
	font-weight:normal;
	margin-bottom:var(--spacing-l);
}

/* ----------------- */  





/* ################################### */
/* CONTENT MODULE NONE */
/* ################################### */

.content-module-none {
	padding:var(--spacing-s);
	background:#fff7e8;
}

/* ----------------- */  



/* ################################### */
/* CONTENT MODULE PAGINATION */
/* ################################### */

ul.content-module-pagination {
	padding:0;
	list-style-type:none;
	display:flex;
	gap:var(--spacing-xs);
	justify-content:center;
	flex-wrap:wrap;
}
* + ul.content-module-pagination {
	margin-top:var(--spacing-l);
}
ul.content-module-pagination li {
	
}
ul.content-module-pagination li strong {
	line-height:1em;
	padding:1em;
	background:var(--color-text);
	color:#ffffff;
	display:block;
}
ul.content-module-pagination li b {
	display:block;
	line-height:1em;
	padding:1em;
	color:var(--color-text-very-light);
}
ul.content-module-pagination li a {
	display:block;
	line-height:1em;
	padding:1em;
	background:var(--heading-background-color);
	color:var(--color-text-light);
	display:block;
	text-decoration:none;
}
@media only screen and (max-width:1024px) {
	ul.content-module-pagination li strong {
		padding:0.8em;
	}
	ul.content-module-pagination li b {
		padding:0.8em;
	}
	ul.content-module-pagination li a {
		padding:0.8em;
	}
	ul.content-module-pagination {
		font-size:var(--smaller-font-size);
	}
	
}

/* ----------------- */  




/* ################################### */
/* CONTENT MODULE TAGS */ 
/* ################################### */

.content-module-tags {
	display:block;
	font-size:var(--smaller-font-size);
}
.content-module-tags a {
	display:inline-block;
	margin-right:0.5em;
	opacity:0.5;
}
.content-module-tags a:hover {
	opacity:1;
}





/* ################################### */
/* CONTENT MODULE AUTHOR */ 
/* ################################### */

.content-module-author {
	position:relative;
	font-size:var(--offer-agents-heading-size);
	line-height:1em;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	display:block;
	margin-bottom:var(--spacing-m);
}




/* ################################### */
/* CONTENT MODULE AGENTS */ 
/* ################################### */

.content-module-agents {
	position:relative;
	font-size:var(--offer-agents-heading-size);
	line-height:1em;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	display:block;
	margin-bottom:var(--spacing-m);
}