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




.button {
	height:3em;
	line-height:3em;
	background:var(--button-background);
	color:var(--button-color);
	margin:0;
	padding:0;
	vertical-align:baseline;
	padding-left:1.5em;
	padding-right:1.5em;
	display:inline-block;
	text-decoration:none;
	font-size:var(--button-font-size);
	position:relative;
	 vertical-align:middle;
	 border:0px;
	 cursor:pointer;
	 text-align:center;
}
.button.hp-2 {
	padding-left:2.5em;
	padding-right:2.5em;
}
.button.hp-3 {
	padding-left:3.5em;
	padding-right:3.5em;
}
.button.hp-4 {
	padding-left:4.5em;
	padding-right:4.5em;
}
.button:hover,
.button:focus {
	background:var(--button-background-hover);
	color:var(--button-color-hover);
}

.button.secondary {
	background:var(--button-secondary-background);
	color:var(--button-secondary-color);
}
.button.secondary:hover,
.button.secondary:focus {
	background:var(--button-secondary-background-hover);
	color:var(--button-secondary-color-hover);
}





.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%;
}



/* Element nad naglowkiem - o stalej wysokosci */
/*
#above-header {
	display:block;
	position:relative;
	z-index:1500;
	background:black;
	height:calc(1px * var(--above-header-height-px));
	text-align:center;
	line-height:calc(1px * var(--above-header-height-px));
	color:rgba(255,255,255,0.3);
}
*/

/* header */
#header {
	display:block;
	position:relative;
	z-index:1000;
	height:calc(1px * var(--header-height-px));
}
html.header-sticky #header {
	top:0;
	position:sticky;
}

/* header top */
/*
#header-top {
	position:relative;
	height:calc(1px * var(--header-top-current-height-px));
	background:var;
	overflow:hidden;
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	margin:0 auto;
	padding-left: calc(1px * (var(--global-site-horizontal-margin-px)));
	padding-right: calc(1px * (var(--global-site-horizontal-margin-px) + var(--side-area-width-px)));
	z-index:300;
	display: flex;
	align-items: center;
	
}
#header-top:before {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	overflow:hidden;
	background:rgba(0,0,0,0.1);
}
#header-top .header-top {
	position:relative;
	height:calc(1px * var(--header-top-current-content-height-px));
	margin:0 auto;
	width:100%;
	max-width:calc(1px * var(--global-site-max-width-px));
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	line-height:calc(1px * var(--header-top-current-content-height-px));
}
*/

/* header middle */

#header-middle {
	position:relative;
	height:calc(1px * var(--header-middle-current-height-px));
	background:var(--header-background);
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	padding-left: calc(1px * (var(--global-site-horizontal-margin-px) + var(--side-area-width-px)));
	padding-right: calc(1px * (var(--global-site-horizontal-margin-px) + var(--side-area-width-px)));
	z-index:200;
	display: flex;
	align-items: center;
}
#header-middle .header-middle {
	position:relative;
	height:calc(1px * var(--header-middle-current-content-height-px));
	margin:0 auto;
	width:100%;
	max-width:calc(1px * var(--global-site-max-width-px));
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
#header-middle .header-middle > a {
	display:block;
	height:100%;
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	transition:opacity 0.8s;
}
#header-middle .header-middle > a img {
	display:block;
	height:100%;
}
#header-middle > input {position:fixed; left:-100000px; top:50%;}
#header-middle .header-middle > label {
	position:relative;
	z-index:5;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:35px;
	display:none;
	font-size:2px;
}
#header-middle .header-middle > label:before {
	content:'';
	background:var(--color-text);
	width:100%;
	height:1em;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-0.5em;
	right:0;
	transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
}
#header-middle .header-middle > label b {
	display:block;
	position:absolute;
	height:20px;
	top:50%;
	margin-top:-10px;
	left:0;
	width:100%;
}
#header-middle .header-middle > label b:before {
	content:'';
	background:var(--color-text);
	width:100%;
	height:1em;
	display:block;
	position:absolute;
	top:0;
	right:0;
	transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
}
#header-middle .header-middle > label b:after {
	content:'';
	background:var(--color-text);
	width:100%;
	height:1em;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1), background 0.2s;
}

#header-middle > input:checked ~ .header-middle > label:before {
	width:66.333%;
	background:var(--color-text) !important;
}
#header-middle > input:checked ~ .header-middle > label b:before {
	width:100%;
	background:var(--color-text) !important;
}
#header-middle > input:checked ~ .header-middle > label b:after {
	width:33.333%;
	background:var(--color-text) !important;
}

#header-middle .header-middle > label:hover:before {
	background:var(--color-text-lighter);
}
#header-middle .header-middle > label:hover b:before {
	background:var(--color-text-lighter);
}
#header-middle .header-middle > label:hover b:after {
	background:var(--color-text-lighter);
}



#header-middle .header-middle nav {
	position:relative;
	z-index:5;
	position:absolute;
	top:0;
	right:0;
	height:100%;
}
#header-middle .header-middle nav input {
	position:fixed;
	left:-100000px;
	top:50%;
}
#header-middle .header-middle nav input + i {
	display:none;
}
#header-middle .header-middle nav > div {
	position:relative;
}
#header-middle .header-middle nav > div > ul {
	display:flex;
	padding:0;
	margin:0;
	list-style-type:none;
	gap:calc(1px * var(--header-middle-menu-gap-px));
}
#header-middle .header-middle nav > div > ul > li {
	display:block;
	padding:0;
	margin:0;
	position:relative;
	z-index:1;
}
#header-middle .header-middle nav > div > ul > li:hover {
	z-index:2;
}
#header-middle .header-middle nav > div > ul > li > a {
	display:block;
	padding:0;
	margin:0;
	font-family:var(--heading2-font-family);
	font-weight:600;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	color:var(--header-middle-menu-color);
	text-decoration:none;
	font-size:var(--header-middle-menu-size);
	line-height:calc(1px * var(--header-middle-current-content-height-px));
	transition: color 0.4s, line-height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
#header-middle .header-middle nav > div > ul > li:hover > a {
	color:var(--header-middle-menu-color-hover);
}
#header-middle .header-middle nav > div > ul > li > a b {
	font-weight:inherit;
	display:block;
	line-height:inherit;
	white-space:nowrap;
}
#header-middle .header-middle nav > div > ul > li.current > a b {
	font-weight:900;
}

@media only screen and (min-width:1367px){

	#header-middle .header-middle nav > div > ul > li.promoted > a {
		padding-left:var(--padding-medium);
		padding-right:var(--padding-medium);
	}
	
	#header-middle .header-middle nav > div > ul > li > a:before {
		content:'';
		position:absolute;
		left:calc(0px - (0.5px * var(--header-middle-menu-gap-px)));
		top:19%;
		width:0px;
		height:0px;
		border-left:1px solid rgba(0,0,0,0);
		border-top:1px solid rgba(0,0,0,0);
		transition: border 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);
	}
	
	#header-middle .header-middle nav > div > ul > li.promoted > a:before {
		left:0;
		width:4px;
		height:4px;
		border-left:1px solid var(--color-text-lighter);
		border-top:1px solid var(--color-text-lighter);
	}
	#header-middle .header-middle nav > div > ul > li > a:hover:before {
		width:calc(50% + (0.5px * var(--header-middle-menu-gap-px)));
		height:31%;
		border-left:1px solid var(--color-text);
		border-top:1px solid var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a:hover:before {
		width:50%;
	}
	#header-middle .header-middle nav > div > ul > li > a:after {
		content:'';
		position:absolute;
		right:calc(0px - (0.5px * var(--header-middle-menu-gap-px)));
		bottom:19%;
		width:0px;
		height:0px;
		border-right:1px solid rgba(0,0,0,0);
		border-bottom:1px solid rgba(0,0,0,0);
		transition: border 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);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a:after {
		right:0;
		width:4px;
		height:4px;
		border-right:1px solid var(--color-text-lighter);
		border-bottom:1px solid var(--color-text-lighter);
	}
	#header-middle .header-middle nav > div > ul > li > a:hover:after {
		width:calc(50% + (0.5px * var(--header-middle-menu-gap-px)));
		height:31%;
		border-right:1px solid var(--color-text);
		border-bottom:1px solid var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a:hover:after {
		width:50%;
	}
	#header-middle .header-middle nav > div > ul > li > a b:before {
		content:'';
		position:absolute;
		right:calc(0px - (0.5px * var(--header-middle-menu-gap-px)));
		top:19%;
		width:0px;
		height:0%;
		border-right:1px solid rgba(0,0,0,0);
		border-top:1px solid rgba(0,0,0,0);
		transition: border 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);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a b:before {
		right:0;
		width:23px;
		height:31%;
		border-right:1px solid var(--color-text);
		border-top:1px solid var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li > a:hover b:before {
		width:calc(50% + (0.5px * var(--header-middle-menu-gap-px)));
		height:31%;
		border-right:1px solid var(--color-text-lighter);
		border-top:1px solid var(--color-text-lighter);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a:hover b:before {
		width:50%;
	}
	#header-middle .header-middle nav > div > ul > li > a b:after {
		content:'';
		position:absolute;
		left:calc(0px - (0.5px * var(--header-middle-menu-gap-px)));
		bottom:19%;
		width:0px;
		height:0%;
		border-left:1px solid rgba(0,0,0,0);
		border-bottom:1px solid rgba(0,0,0,0);
		transition: border 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);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a b:after {
		left:0;
		width:23px;
		height:31%;
		border-left:1px solid var(--color-text);
		border-bottom:1px solid var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li > a:hover b:after {
		width:calc(50% + (0.5px * var(--header-middle-menu-gap-px)));
		height:31%;
		border-left:1px solid var(--color-text-lighter);
		border-bottom:1px solid var(--color-text-lighter);
	}
	#header-middle .header-middle nav > div > ul > li.promoted > a:hover b:after {
		width:50%;
	}
}

#header-middle .header-middle nav > div > ul > li > ul {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	top:-100000px;
	right:0;
	transition: top 0s 0.6s, opacity 0.4s 0.2s;
	opacity:0;
	width: max-content;
	max-width:300px;
	padding-bottom:var(--padding-large);
	padding-top:var(--padding-large);
}
#header-middle .header-middle nav > div > ul > li:hover > ul {
	right:0;
	top:100%;
	opacity:1;
	transition: top 0s, opacity 0.4s;
}
#header-middle .header-middle nav > div > ul > li > ul:before {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	z-index:-1;
  inset: 0; 
  z-index: -1;
  box-shadow: 0 0 0 100vmax var(--header-background); 
  background:var(--header-background);
  clip-path: inset(0 -100vmax);
  pointer-events:none;
}
#header-middle .header-middle nav > div > ul > li > ul:after {
	content: "";
  position: absolute;
  inset: 0; 
  z-index: -2;
  box-shadow: 0 0 0 100vmax rgba(235, 235, 235, 0.85); 
 clip-path: inset(0 -100vmax -100vmax -100vmax);
}
#header-middle .header-middle nav > div > ul > li > ul > li {
	padding:0;
	margin:0;
	position:relative;
	z-index:2;
}
#header-middle .header-middle nav > div > ul > li > ul > li:hover {
	z-index:1;
}
#header-middle .header-middle nav > div > ul > li > ul > li a {
	display:block;
	padding:0;
	margin:0;
	font-family:var(--global-font-family);
	font-weight:var(--global-font-weight);
	letter-spacing:var(--global-letter-spacing);
	color:var(--header-middle-submenu-color);
	text-decoration:none;
	font-size:var(--header-middle-submenu-size);
	line-height:1em;
	text-align:right;
	padding: var(--padding-small) 0;
}
#header-middle .header-middle nav > div > ul > li > ul > li a:hover {
	color:var(--header-middle-submenu-color-hover);
}
#header-middle .header-middle nav > div > ul > li > ul > li.current > a {
	font-weight:700;
}




#header-middle .header-middle nav > div > ul > li > ul > li > ul {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	top:-100000px;
	left:100%;
	transition: top 0s;
	width: max-content;
	max-width:300px;
	padding-left:var(--padding-large);
	padding-bottom:var(--padding-large);
	text-align:left;
}
#header-middle .header-middle nav > div > ul > li > ul > li:hover > ul {
	left:100%;
	top:0%;
	transition: top 0s;
}
#header-middle .header-middle nav > div > ul > li > ul > li > ul:before {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	z-index:-1;
  inset: 0; 
  z-index: -1;
  box-shadow: 0 0 0 100vmax var(--header-background); 
  background:var(--header-background);
  clip-path: inset(0 -100vmax);
  pointer-events:none;
}
#header-middle .header-middle nav > div > ul > li > ul > li > ul > li {
	padding:0;
	margin:0;
}
#header-middle .header-middle nav > div > ul > li > ul > li > ul > li a {
	display:block;
	padding:0;
	margin:0;
	font-family:var(--global-font-family);
	font-weight:var(--global-font-weight);
	letter-spacing:var(--global-letter-spacing);
	color:var(--header-middle-submenu-color);
	text-decoration:none;
	font-size:var(--global-font-size);
	line-height:1em;
	text-align:left;
	padding: var(--padding-small) 0;
}
#header-middle .header-middle nav > div > ul > li > ul > li > ul > li a:hover {
	color:var(--header-middle-submenu-color-hover);
}
#header-middle .header-middle nav > div > ul > li > ul > li > ul > li.current > a {
	font-weight:700;
}











/* social media */
#header-middle > ul {
	display:block;
	height:calc(1px * var(--header-middle-current-content-height-px));
	top:50%;
	padding:0;
	margin:0;
	margin-top:calc(1px * (0 - (var(--header-middle-current-content-height-px) / 2)));
	right:0;
	width:calc(1px * var(--side-area-width-px));
	position:absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: opacity 0.8s, height 0.8s cubic-bezier(0.86, 0, 0.07, 1), margin-top 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	list-style-type:none;
	z-index:10;
}
#header-middle > ul li {
	display:block;
	padding:0;
	margin:0;
}
#header-middle > ul li a {
	display:block;
	text-align:center;
	color:var(--color-light-button);
	text-decoration:none;
}
#header-middle > ul li a:hover {
	color:var(--color-light-button-hover);
}
#header-middle > ul li 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:calc(1px * (var(--header-middle-current-content-height-px) / 4));
	line-height:1em;
	transition: transform 0.25s cubic-bezier(0.86, 0, 0.07, 1), font-size 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
#header-middle > ul li.facebook a:before {
	content: "\f39e";
}
#header-middle > ul li.instagram a:before {
	content: "\f16d";
}
#header-middle > ul li.linkedin a:before {
	content: "\f0e1";
}
#header-middle > ul li.youtube a:before {
	content: "\f167";
}
#header-middle > ul:hover li a:before {
	/*transform:scale(0.8);*/
}
#header-middle > ul li a:hover:before {
	/*transform:scale(1.2);*/
}
#header-middle > ul li a b {
	position:absolute;
	left:-100000px;
}



@media only screen and (max-width:1366px){
	
	#header-top {
		padding-right: calc(1px * (var(--global-site-horizontal-margin-px)));
	}
	#header-middle {
		padding-right: calc(1px * (var(--global-site-horizontal-margin-px)));
	}
	#header-bottom {
		padding-right: calc(1px * (var(--global-site-horizontal-margin-px)));
	}
	
	#header-middle .header-middle > label {
		display:block;
		cursor:pointer;
	}
	
	#header-middle .header-middle:before {
		display:block;
		content:'';
		position:absolute;
		top:calc(100% + (( (1px * var(--header-middle-current-height-px)) - (1px * var(--header-middle-current-content-height-px)) ) / 2));
		background:rgba(235, 235, 235, 0);
		right:calc(1px * (0 - var(--global-site-horizontal-margin-px)));
		right:1000000px;
		width:calc(100% + (2px * var(--global-site-horizontal-margin-px)));
		overflow:hidden;
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)));
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		height: calc(100dvh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		overflow:hidden;
		transition: right 0s 0.8s, background 0.8s;
		pointer-events:none;	
	}
	#header-middle > input:checked ~ .header-middle:before {
		background:rgba(235, 235, 235, 0.85);
		right:calc(1px * (0 - var(--global-site-horizontal-margin-px)));
		transition: right 0s, background 0.8s;
	}
	
	#header-middle .header-middle nav {
		position:absolute;
		top:calc(100% + (( (1px * var(--header-middle-current-height-px)) - (1px * var(--header-middle-current-content-height-px)) ) / 2));
		background:var(--header-background);
		right:calc(1px * (0 - var(--global-site-horizontal-margin-px)));
		width:calc(100% + (2px * var(--global-site-horizontal-margin-px)));
		overflow:hidden;
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)));
		height: calc(100dvh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		overflow:hidden;
		height:0px;
		transition: top 0.8s cubic-bezier(0.86, 0, 0.07, 1), height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	}
	
	#header-middle .header-middle nav:before {
		content:'';
		overflow:hidden;
		height:1px;
		width:0px;
		background:var(--color-text);
		position:absolute;
		display:block;
		top:0;
		right:calc(1px * var(--global-site-horizontal-margin-px));
		transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	}
	#header-middle .header-middle nav:after {
		content:'';
		overflow:hidden;
		height:1px;
		width:0;
		background:var(--color-text-lighter);
		position:absolute;
		display:block;
		top:0;
		left:calc(1px * var(--global-site-horizontal-margin-px));
		transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	}
	
	#header-middle > input:checked ~ .header-middle nav:before {
		width:35px;
	}
	#header-middle > input:checked ~ .header-middle nav:after {
		width:calc(100% - 40px - (2px * var(--global-site-horizontal-margin-px)));
	}
	
	
	
	#header-middle > input:checked ~ ul, 
	#header-middle > input:checked ~ .header-middle > a	{
		opacity:0.2;
	}
	
	#header-middle > input:checked ~ .header-middle nav {
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)));
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		height: calc(100dvh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
	}
	
	#header-middle .header-middle nav > div {
		position:absolute;
		top:0;
		width:100%;
		right:0;
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)));
		height: calc(100vh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		height: calc(100dvh - (1px * var(--header-top-current-height-px)) - (1px * var(--header-middle-current-height-px)) -  (1px * var(--above-header-height-px)) + min(1px * var(--above-header-height-px), (1px * var(--current-scroll-px)))      );
		overflow:auto;
		opacity:0;
		transition:opacity 0.8s;
	}
	#header-middle input:checked ~ .header-middle nav > div {
		opacity:1;
	}
	
	#header-middle .header-middle nav > div > ul {
		display:block;
	}
	
	#header-middle .header-middle nav > div > ul > li + li:before {
		content:'';
		overflow:hidden;
		height:1px;
		width:35px;
		background:var(--color-text-very-light);
		position:absolute;
		display:block;
		top:0;
		right:calc(1px * var(--global-site-horizontal-margin-px));
	}
	#header-middle .header-middle nav > div > ul > li + li:after {
		content:'';
		overflow:hidden;
		height:1px;
		width:calc(100% - 40px - (2px * var(--global-site-horizontal-margin-px)));
		background:var(--color-text-very-very-light);
		position:absolute;
		display:block;
		top:0;
		left:calc(1px * var(--global-site-horizontal-margin-px));
		transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	}
	
	#header-middle .header-middle nav > div > ul > li > a {
		line-height:1em;
		transition: color 0.4s, line-height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
		padding-left:var(--global-site-horizontal-margin);
		padding-right:width:calc( 40px + (1px * var(--global-site-horizontal-margin-px)));
		padding-top:1.4em;
		padding-bottom:1.4em;
	}
	#header-middle .header-middle nav > div > ul > li > a b {
		white-space:normal;
	}
	
	#header-middle .header-middle nav > div > ul > li > i {
		display:block;
		position:absolute;
		top:0;
		right:var(--global-site-horizontal-margin);
		height:calc(3.8 * var(--header-middle-menu-size));
		line-height:calc(3.8 * var(--header-middle-menu-size));
		width:35px;
		cursor:pointer;
	}
	#header-middle .header-middle nav > div > ul > li > i label {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		cursor:pointer;
	}
	#header-middle .header-middle nav > div > ul > li > i label + label {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > input:checked + i label {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > input:checked + i label + label {
		display:block;
	}
	
	
	#header-middle .header-middle nav > div > ul > li >  i:before {
		display:block;
		content: "\f078";
		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:15px;
		line-height:inherit;
		z-index:5;
		text-align:center;
		color:var(--color-text-very-light);
		transition:color 0.25s, transform 0.4s;
	}
	#header-middle .header-middle nav > div > ul > li >  i:hover:before {
		color:var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li >  input:checked + i:before {
		color:var(--color-text);
		transform:rotate(180deg);
	}

	
	#header-middle .header-middle nav > div > ul > li > ul {
		position:relative;
		top:auto;
		right:auto;
		opacity:1;
		width: auto;
		max-width:none;
		padding-top:0;
		padding-bottom:0;
		max-height:0;
		overflow:hidden;
		transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
	}
	#header-middle .header-middle nav > div > ul > li > input:checked + i ~ ul {
		max-height: max-content;
		transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
	}
	#header-middle .header-middle nav > div > ul > li:hover > ul {
		right:auto;
		top:auto;
	}
	#header-middle .header-middle nav > div > ul > li > ul:before {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > ul:after {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li:last-child {
		padding-bottom:20px;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li a {
		text-align:left;
		padding:0;
		padding-left:var(--global-site-horizontal-margin);
		padding-right:width:calc( 40px + (1px * var(--global-site-horizontal-margin-px)));
		padding-top:0.9em;
		padding-bottom:0.9em;
	}
	
	
	#header-middle .header-middle nav > div > ul > li > ul > li > i {
		display:block;
		position:absolute;
		top:0;
		right:var(--global-site-horizontal-margin);
		height:calc(2.8 * var(--header-middle-submenu-size));
		line-height:calc(2.8 * var(--header-middle-submenu-size));
		width:35px;
		cursor:pointer;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > i label {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		cursor:pointer;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > i label + label {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > input:checked + i label {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > input:checked + i label + label {
		display:block;
	}
	
	
	#header-middle .header-middle nav > div > ul > li > ul > li >  i:before {
		display:block;
		content: "\f078";
		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:15px;
		line-height:inherit;
		z-index:5;
		text-align:center;
		color:var(--color-text-very-light);
		transition:color 0.25s, transform 0.4s;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li >  i:hover:before {
		color:var(--color-text);
	}
	#header-middle .header-middle nav > div > ul > li > ul > li >  input:checked + i:before {
		color:var(--color-text);
		transform:rotate(180deg);
	}
	
	
	
	#header-middle .header-middle nav > div > ul > li > ul > li > ul {
		position:relative;
		top:auto;
		left:auto;
		width: auto;
		max-width:none;
		padding-left:0;
		padding-bottom:0;
		max-height:0;
		overflow:hidden;
		transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > input:checked + i ~ ul {
		max-height: max-content;
		transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) !important;
	}
	
	
	#header-middle .header-middle nav > div > ul > li > ul > li:hover > ul {
		left:auto;
		top:auto;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > ul:before {
		display:none;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > ul:after {
		content:'';
		position:absolute;
		display:block;
		left:var(--global-site-horizontal-margin);
		width:1px;
		height:100%;
		top:0;
		overflow:hidden;
		background:var(--color-text-very-very-light);
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > ul > li:last-child {
		padding-bottom:20px;
	}
	#header-middle .header-middle nav > div > ul > li > ul > li > ul > li a {
		text-align:left;
		padding: 0;
		padding-left:calc(2 * var(--global-site-horizontal-margin));
		padding-right:width:calc( 40px + (1px * var(--global-site-horizontal-margin-px)));
		padding-top:0.9em;
		padding-bottom:0.9em;
	}
	
	
	#header-middle > ul {
		right:calc((2px * var(--global-site-horizontal-margin-px)) + 35px);
		flex-direction: row;
		width:auto;
		gap:calc(1px * var(--global-site-horizontal-margin-px));
	}
	#header-middle > ul li {
		height:100%;
	}
	
	#header-middle > ul li a {
		height:100%;
		display:flex;
		align-items: center;
	}
		
	#header-middle > ul li a:before {
		font-size:calc(1px * (var(--header-middle-current-content-height-px) / 3));
	}
		
	
}
/* FOOTER */

#footer {
	display:block;
	position:relative;
	z-index:950;
	background:#000000;
	margin:0 auto;
	/*
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	*/
	color:#ffffff;
}
#footer > .ce-base {
	background:#ffffff;
}
#footer .footer-bottom {
	background:#141414;
}
#footer .footer-bottom > div {
	display:flex;
	justify-content:space-between;
	gap:var(--padding-extra-extra-large);
	align-items: center;
	max-width:var(--global-site-max-width);
	margin:0 auto;
	flex-wrap:wrap;
	padding-top:var(--padding-medium);
	padding-bottom:var(--padding-medium);
}
#footer .footer-bottom > div > .copyright {
	color:#656565;
	font-size:var(--smaller-font-size);
}
#footer .footer-bottom > div > .copyright > strong {
	font-weight:normal;
	display:block;
	line-height:1em;
}
#footer .footer-bottom > div > .copyright > b {
	font-weight:normal;
	display:block;
	line-height:1em;
	font-size:var(--very-small-font-size);
	margin-top:0.6em;
	color:#474747;
}
#footer .footer-bottom > div > .copyright > b a {
	color:inherit;
	text-decoration:none;
}
#footer .footer-bottom > div > .copyright > b a:hover {
	color:#ffffff;
}



#footer .footer-top {
	display:flex;
	justify-content:space-between;
	gap:var(--padding-extra-extra-large);
	align-items: stretch;
	max-width:var(--global-site-max-width);
	margin:0 auto;
	flex-wrap:wrap;
	padding-top:var(--padding-extra-extra-large);
	padding-bottom:var(--padding-extra-extra-large);
}
#footer .footer-top > .logo {
	display:block;
	position:relative;
}
#footer .footer-top > .logo img {
	display:block;
	position:relative;
	height:140px;
}
#footer .footer-top > .mainmenu {
}
#footer .footer-top > .social-media > strong, 
#footer .footer-top > .mainmenu > strong, 
#footer .footer-top > .contact > strong {
	display:block;
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	font-size: var(--bigger-font-size);
	line-height:1em;
	white-space:nowrap;
	padding-bottom:var(--padding-medium);
}
#footer .footer-top > .mainmenu > ul {
	column-count: 2; 
	column-gap: var(--padding-large); 
	margin: 0;
	padding: 0;
	list-style: none; 
}
#footer .footer-top > .mainmenu > ul li {
	margin: 0;
	padding: 0;
	font-size:var(--small-font-size);
	padding-top:0.8em;
}
#footer .footer-top > .mainmenu > ul li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
	font-weight:normal;
	font-size:var(--small-font-size);
	line-height:1em;
	color:rgba(255,255,255,0.5);
}
#footer .footer-top > .mainmenu > ul li a:hover {
	color:rgba(255,255,255,1);
}
#footer .footer-top > .contact {
	max-width:400px;
}
#footer .footer-top > .contact > a.phone {
	display:block;
	font-family:var(--heading2-font-family);
	font-weight:300;
	font-size: 3rem;
	line-height:1em;
	color:#ffffff;
	text-decoration:none;
	color:rgba(255,255,255,1);
}
#footer .footer-top > .contact > a.phone:hover {
	color:rgba(255,255,255,1);
}
#footer .footer-top > .contact > a.phone b {
	font-weight:bold;
	padding-left:0.2em;

}

#footer .footer-top > .contact > a.email {
	display:block;
	color:#ffffff;
	text-decoration:none;
	color:rgba(255,255,255,0.5);
	font-size:var(--small-font-size);
}
#footer .footer-top > .contact > a.email:hover {
	color:rgba(255,255,255,1);
}
#footer .footer-top > .contact > a.phone + a.email {
	margin-top:var(--padding-small);
}

#footer .footer-top > .contact > span {
	color:rgba(255,255,255,0.5);
	font-size:var(--smaller-font-size);
	display:block;
	margin-top:var(--padding-medium);
}
#footer .footer-top > .contact > span a {
	color:inherit;
	text-decoration:underline;
}
#footer .footer-top > .contact > span a:hover {
	color:#ffffff;
}

#footer .footer-top > .social-media {
	margin-left:auto;
}
#footer .footer-top > .social-media > ul {
	display:block;
	padding:0;
	margin:0;
	position:relative;
	display: flex;
	list-style-type:none;
	gap:var(--padding-small);
}
#footer .footer-top > .social-media > ul li {
	display:block;
	padding:0;
	margin:0;
}
#footer .footer-top > .social-media > ul li a {
	display:block;
	text-decoration:none;
	font-size:var(--big-font-size);
	width:2em;
	height:2em;
	line-height:2em;
	background:rgba(255,255,255,0.5);
	color:#000000;
}
#footer .footer-top > .social-media > ul li a:hover {
	background:rgba(255,255,255,1) !important;
}
#footer .footer-top > .social-media > ul li 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:var(--big-font-size);
	line-height:2em;
	position:relative;
	text-align:center;
}
#footer .footer-top > .social-media > ul li.facebook a {
	background:#0866ff;
}
#footer .footer-top > .social-media > ul li.facebook a:before {
	content: "\f39e";
}
#footer .footer-top > .social-media > ul li.instagram a {
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
#footer .footer-top > .social-media > ul li.instagram a:before {
	content: "\f16d";
}
#footer .footer-top > .social-media > ul li.linkedin a {
	background:#0a66c2;
}
#footer .footer-top > .social-media > ul li.linkedin a:before {
	content: "\f0e1";
}
#footer .footer-top > .social-media > ul li.youtube a {
	background:#ff0033;
}
#footer .footer-top > .social-media > ul li.youtube a:before {
	content: "\f167";
}
#footer .footer-top > .social-media > ul li a b {
	position:absolute;
	left:-100000px;
}

@media only screen and (max-width:1366px){
	#footer .footer-top > .contact {
		max-width:350px;
	}
	#footer .footer-top {
		gap:var(--padding-extra-large);
	}
	#footer .footer-top > .social-media > strong {
		display:none;
	}
	#footer .footer-top > .social-media > ul {
		flex-direction:column;
	}
	#footer .footer-top > .contact > a.phone {
		font-size: 2.8rem;
	}
}
@media only screen and (max-width:1024px){
	#footer .footer-top {
		flex-direction:column;
		text-align:center;
	}
	#footer .footer-top > .social-media, 
	#footer .footer-top > .mainmenu, 
	#footer .footer-top > .contact{
		max-width:none;
		width:100%;
	}
	#footer .footer-top > .mainmenu > ul {
		column-count: 1; 
	}
	#footer .footer-top > .social-media > strong {
		display:block;
	}
	#footer .footer-top > .social-media > ul {
		flex-direction:row;
		justify-content:center;
	}
	#footer .footer-top > .contact > a.phone {
		font-size: 2.6rem;
	}
	#footer .footer-bottom > div {
		flex-direction:column;
		text-align:center;
		gap:var(--padding-medium);
		padding-top:var(--padding-large);
	padding-bottom:var(--padding-large);
	}
}




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

/* heading out */
#heading-out {
	display:flex;
	flex-direction:column;
	max-width: var(--max-site-background-width);
	margin:0 auto;
	z-index:100;
	--background-color:var(--heading-background-color);
	--background-opacity:100;
	--background-blur:0;
	background:var(--background-color);
	position:relative;
	/*overflow:hidden;*/
}
#heading-out.high-heading {
	min-height:600px;
}
#heading-out.alternative-background {
	--background-color:var(--heading-alternative-background-color);
}
#heading-out.dark-background {
	color:#ffffff;
	--background-color:var(--heading-dark-background-color);
}
#heading-out.dark-background.alternative-background {
	--background-color:var(--heading-dark-alternative-background-color);
}
#heading-out > h1 {
	width:100%;
	display:block;
	position:relative;
	padding:0;
	max-width:var(--max-site-content-width);
	margin:0 auto;
	padding-top:var(--heading-vertical-padding);
	padding-bottom:var(--heading-vertical-padding);
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	line-height:1em;
	font-size: var(--homepage-slider-slider-size2);
	margin-top:auto;
	z-index:4;
}
#heading-out > strong {
	width:100%;
	display:block;
	position:relative;
	padding:0;
	max-width:var(--max-site-content-width);
	margin:0 auto;
	padding-bottom:var(--heading-vertical-padding);
	margin-top:calc(0px - var(--heading-vertical-padding) + 0.5em);
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	line-height:1em;
	font-size: var(--homepage-slider-slider-size1);
	z-index:4;
}
#heading-out  > em  {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
}
#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));
}



/* MAIN HEADING / MAIN SUBHEADING */
#main-heading {
	position:relative;
	z-index:100;
	padding:0;
	margin:0;
	background:var(--heading-background-color);
	margin:0 auto;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-top:var(--heading-vertical-padding);
	padding-bottom:var(--heading-vertical-padding);
	padding-bottom:calc(var(--heading-vertical-padding) / 2);
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	line-height:1em;
	font-size: var(--homepage-slider-slider-size2);
	margin:0 auto;
	overflow:hidden;
}
#main-subheading {
	display:block;
	position:relative;
	z-index:101;
	padding:0;
	margin:0;
	margin:0 auto;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-top:var(--heading-vertical-padding);
	padding-bottom:var(--heading-vertical-padding);
	padding-bottom:calc(var(--heading-vertical-padding) / 2);
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	text-transform:uppercase;
	line-height:1em;
	font-size: var(--homepage-slider-slider-size1);
	margin:0 auto;
	overflow:hidden;
	margin-top:calc(0px - var(--heading-vertical-padding) - (var(--heading-vertical-padding)/2) + 0.5em);
}
#main-subheading:before {
	position:absolute;
	z-index:-1;
	content:'';
	top:50%;
	left:0;
	width:100%;
	height:50%;
	background:var(--heading-background-color);
}

/* SEARCHFORM */
#main-searchform {
	position:relative;
	z-index:100;
	padding-bottom:calc(var(--heading-vertical-padding) / 2);
	max-width:var(--max-site-content-width);
	margin:0 auto;
	z-index:102;
	width:100%;
}

/* BREADCRUMBS */
#main-breadcrumbs {
	position:relative;
	z-index:101;
	padding:0;
	margin:0;
	max-width: var(--max-site-background-width);
	width:100%;
	margin:0 auto;
	--color: rgb(0 0 0 / 0.3);
	--hover-color: rgb(0 0 0);
	--icon-color: rgb(0 0 0 / 0.2);
	color:var(--color);
	font-size:var(--breadcrumbs-font-size);
}
.dark-background #main-breadcrumbs {
	--color: rgb(255 255 255 / 0.3);
	--hover-color: rgb(255 255 255);
	--icon-color: rgb(255 255 255 / 0.2);
}
#main-breadcrumbs > div {
	position:relative;
	max-width:var(--max-site-content-width);
	margin:0 auto;
	display:flex;
	gap:var(--breadcrumbs-vertical-padding);
}
#main-breadcrumbs > div > a {
	display:block;
	line-height:1em;
	text-decoration:none;
	white-space:nowrap;
	color:inherit;
	flex-shrink:0;
	height: calc(var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-font-size));
	line-height: calc(var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-font-size));
}
#main-breadcrumbs > div > a:hover {
	color:var(--hover-color);
}
#main-breadcrumbs > div > a:before {
	display:inline;
	content: "\f2ea";
	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(--icon-color);
	padding-right:0.7em;
}
#main-breadcrumbs > div > a:hover:before {
	color:var(--hover-color);
}
#main-breadcrumbs > div > div {
	position:relative;
	flex:1;
	overflow:hidden;
}


@media only screen and (max-width:1024px){
	#main-breadcrumbs > div > a {
		display:none;
	}
}

/*  heading with background */
#heading-with-background {
	z-index:100;
	position:relative;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	margin:0 auto;
	--background-darkness:0;
	--background-blur:0;
}
#heading-with-background > i  {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
	display:block;
}
#heading-with-background > i > img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
	filter:blur(calc(1px * var(--background-blur)));
}
#heading-with-background.with-blur > img {
	filter:blur(calc(1px * var(--background-blur)));
}
#heading-with-background.high-heading:before {
	content:'';
	position:relative;
	height:300px;
	display:block;
}
#heading-with-background:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	content:'';
	background-color:rgba(0,0,0, calc(var(--background-darkness) / 100));
}

#heading-with-background #main-heading {
	background:transparent;
	width:auto;
	padding-left:0;
	padding-right:0;
	color:#ffffff;
}
#heading-with-background #main-subheading {
	width:auto;
	padding-left:0;
	padding-right:0;
	color:#ffffff;
}
#heading-with-background #main-subheading:before {
	background:transparent;
}
#heading-with-background #main-searchform {
	background:transparent;
	width:auto;
	padding-left:0;
	padding-right:0;
}
#heading-with-background #main-breadcrumbs {
	background:transparent;
	width:auto;
	padding-left:0;
	padding-right:0;
}
#heading-with-background #main-breadcrumbs > div > a {
	color:#ffffff;
	color:rgba(255,255,255,0.5);
}
#heading-with-background #main-breadcrumbs > div > a:hover {
	color:#ffffff;
}
#heading-with-background #main-breadcrumbs > div > a:before {
	color:#ffffff;
}

/* offer heading */
#offer-heading{
	z-index:100;
	position:relative;
	min-height:calc(100svh - (1px * var(--header-height-px)));
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	margin:0 auto;
}
@media only screen and (min-width:1024px){
	#offer-heading {
		position:sticky;
		top:0px;
		transition: top 0.8s cubic-bezier(0.86, 0, 0.07, 1);
		top: calc((1px * var(--header-middle-current-height-px)) - 100svh + var(--offer-heading-bottom-size) + (1px * var(--header-height-px)));
	}
}
#offer-heading > #offer-heading-top {
	position:relative;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	margin:0 auto;
	background:#000000;
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
}
#offer-heading #main-heading {
	background:transparent;
	width:auto;
	padding-left:0;
	padding-right:0;
	color:#ffffff;
	width:100%;
	padding-top:0;
	position:relative;
	z-index:5;
}
#offer-heading #main-subheading {
	width:auto;
	padding-left:0;
	padding-right:0;
	color:#ffffff;
	width:100%;
	padding-top:0;
	padding-bottom:0.5em;
	position:relative;
	z-index:5;
}
#offer-heading #offer-breadcrumbs {
	position:relative;
	z-index:5;
}


#offer-heading #main-subheading:before {
	background:transparent;
}

#offer-heading ul.module-breadcrumbs {
	scrollbar-color: rgba(255,255,255,0.2) transparent; 
}
#offer-heading ul.module-breadcrumbs::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
}
#offer-heading ul.module-breadcrumbs li a {
	color:rgba(255,255,255,0.3);
}
#offer-heading ul.module-breadcrumbs li a:hover {
	color:rgba(255,255,255,1);
}
#offer-heading ul.module-breadcrumbs li:first-child a:before {
	color:rgba(255,255,255,0.3);
}
#offer-heading ul.module-breadcrumbs li + li a:before {
	color:rgba(255,255,255,0.15);
}


#offer-heading #offer-heading-buttons {
	position:relative;
	z-index:5;
	display:flex;
	gap:var(--padding-small);
}
@media only screen and (max-width:768px){
	#offer-heading #offer-heading-buttons {
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	}
}





#offer-heading-gallery {
	position:absolute;
	z-index:1;
	top:0;
	margin:0;
	padding:0;
	height:100%;
	left:0;
	width:100%;
}


#offer-heading-gallery > .slider {
	display:block;
	padding:0;
	margin:0 auto;
	list-style-type:none;
	height:100%;
	position:relative;
}

#offer-heading-gallery > .slider: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%);
	pointer-events:none;
}

#offer-heading-gallery > .slider > .pagination {
	z-index:2;
	height:calc(100% - var(--homepage-slider-inner-padding) - var(--homepage-slider-inner-padding));
	width:var(--side-area-width);
	left:100%;
	top:var(--homepage-slider-inner-padding);
	position:absolute;
	display: grid;
	 grid-auto-rows: 1fr;
	 gap:calc(var(--homepage-slider-inner-padding) / 4);
	 overflow:hidden;
}
#offer-heading-gallery > .slider > .pagination > label {
	cursor:pointer;
	position:relative;
}
#offer-heading-gallery > .slider > .pagination > label:before {
	position:absolute;
	background:rgba(0,0,0,0.2);
	overflow:hidden;
	font-size:1px;
	width:1em;
	margin-left:-0.5em;
	left:50%;
	top:0;
	height:100%;
	z-index:1;
	content:'';
}
#offer-heading-gallery > .slider > .pagination > label:after {
	position:absolute;
	background:#000000;
	overflow:hidden;
	font-size:3px;
	width:1em;
	margin-left:-0.5em;
	left:50%;
	top:0;
	height:0;
	z-index:2;
	content:'';
	transition:height calc((var(--slide-delay-s) * var(--slide-status)) + (0.3s * var(--slide-status-inverted))) linear;
}
#offer-heading-gallery.loaded > .slider > .pagination > label:after {
	height:calc(100% * var(--slide-status));
}
@starting-style {
  #offer-heading-gallery > .slider > .pagination > label:after {
		height:0;
	}
}
@media only screen and (max-width:1024px){
	#offer-heading-gallery > .slider > .pagination {
		
		height:var(--homepage-slider-inner-padding);
		width:100%;
		left:auto;
		top:auto;
		position:relative;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		gap:calc(var(--homepage-slider-inner-padding) / 4);
		overflow:hidden;
		margin:0 auto;
	width:calc(100% - (2 * var(--global-site-horizontal-margin)));
	max-width:var(--global-site-max-width);
	display:none;
	}
	#offer-heading-gallery > .slider > .pagination > label {
		height:var(--homepage-slider-inner-padding);
	}
	#offer-heading-gallery > .slider > .pagination > label:before {
		width:100%;
		margin-left:0;
		margin-top:-0.5em;
		left:0;
		top:50%;
		height:1em;
	}
	#offer-heading-gallery > .slider > .pagination > label:after {
		width:0;
		margin-left:0;
		margin-top:-0.5em;
		left:0;
		top:50%;
		height:1em;
		z-index:2;
		content:'';
		transition:width calc((var(--slide-delay-s) * var(--slide-status)) + (0.3s * var(--slide-status-inverted))) linear;
	}
	#offer-heading-gallery.loaded > .slider > .pagination > label:after {
		width:calc(100% * var(--slide-status));
		height:1em;
	}
	@starting-style {
	  #offer-heading-gallery > .slider > .pagination > label:after {
			width:0;
		}
	}
}
#offer-heading-gallery > .slider > ul.slides {
	z-index:1;
	height:100%;
	position:relative;
	margin:0 auto;
	/* ograniczenie max */
	max-width:var(--global-background-max-width);
	align-items:stretch;
}
#homepage-slider > .slogans ~ .banners > .slider > ul.slides {
	margin:0;
	max-width:calc(var(--global-background-max-width) / 2);
}


@media only screen and (max-width:1024px){
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides {
		height:calc((100vw - (2 * var(--side-area-width))) * 0.666);
	}
	
	#offer-heading-gallery:first-child > .slider > ul.slides {
		height:auto;
	}
	
}

#offer-heading-gallery > .slider > ul.slides > li {
	height:100%;
}
@media only screen and (max-width:1024px){
	#offer-heading-gallery:first-child > .slider > ul.slides > li {
		height:auto;
		display:flex;
		flex-direction:column;
	}
}

#offer-heading-gallery > .slider > ul.slides > li > i {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	right:0;
	transition:width var(--transition-time-s);
	width:calc(max(0, var(--slide-status), var(--slide-position-to-current-inverted-one)) * 100%);
	overflow:hidden;
	background-color:#000000;
	pointer-events:none;
}

@media only screen and (max-width:1024px){
	#offer-heading-gallery:first-child > .slider > ul.slides > li > i {
		top:auto;
		bottom:auto;
		height:calc((100vw - (2 * var(--side-area-width))) * 0.666);
		position:relative;
		margin-top:auto;
		margin-left:auto;
	}
}
#offer-heading-gallery > .slider > ul.slides > li > i > b {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	transform: translateX(calc(25% * var(--slide-position-to-current-one)));
	transition:transform var(--transition-time-s);
}
#offer-heading-gallery.loaded > .slider > ul.slides > li > i > b { /* dla zaladowanego slidera uzywamy obliczonej szerokosci */
	width:var(--slides-width);
}
#offer-heading-gallery > .slider > ul.slides > li > i > b > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	object-fit: cover;
	transition:transform calc((var(--slide-delay-s) * var(--slide-status)) + (var(--transition-time-s) * var(--slide-status-inverted))) linear;
}
/* animacja powiekszania dopiero, gdy zaladowany slider */
#offer-heading-gallery.loaded > .slider > ul.slides > li > i > b > img {
	transform:scale(calc(1 + (0.1 * var(--slide-status))));
}
/* poczatkowo skala 1 */
@starting-style {
  #offer-heading-gallery > .slider > ul.slides > li > i > b > img {
    transform: scale(1);
  }
}














#offer-heading > #offer-heading-bottom {
	position:relative;
	background:#ffffff;
	
}
#offer-heading > #offer-heading-bottom > div {
	position:relative;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	margin:0 auto;
	align-items:center;
	display:flex;
	gap:var(--padding-extra-large);
	justify-content:space-between;
	padding-top:var(--padding-large);
	padding-bottom:var(--padding-large);
}
@media only screen and (min-width:1024px){
	#offer-heading > #offer-heading-bottom > div {
		height:var(--offer-heading-bottom-size);
		padding-top:0;
		padding-bottom:0;
	}
}
@media only screen and (max-width:768px){
	#offer-heading > #offer-heading-bottom > div {
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:var(--padding-large);
		align-items:start;
	}
	#offer-heading > #offer-heading-bottom > div:after {
		content:'';
		position:absolute;
		left:50%;
		top:var(--padding-large);
		height:calc(100% - var(--padding-large) - var(--padding-large));
		width:1px;
		overflow:hidden;
		background:rgba(0,0,0,0.1);
	}
}
#offer-heading > #offer-heading-bottom > div:before {
	content:'';
	height:0;
	border-bottom:1px dashed rgba(0,0,0,0.15);
	width:auto;
	display:block;
	position:absolute;
	overflow:hidden;
	width:100%;
	top:0;
	left:0;
}
#offer-heading > #offer-heading-bottom > div > b {
	display:block;
	position:relative;
	line-height:var(--bigger-font-size);
	font-weight:bold;
	font-size:var(--bigger-font-size);
	white-space:nowrap;
}
#offer-heading > #offer-heading-bottom > div > b > a {
	display:none;
}
@media only screen and (max-width:1400px){
	#offer-heading > #offer-heading-bottom > div > b:before {
		content:'';
		position:absolute;
		right:calc(0px - (var(--padding-extra-large) / 2));
		top:0;
		height:100%;
		width:1px;
		overflow:hidden;
		background:rgba(0,0,0,0.1);
	}
}
@media only screen and (max-width:768px){
	#offer-heading > #offer-heading-bottom > div > b:before {
		display:none;
	}
	#offer-heading > #offer-heading-bottom > div > b {
		line-height:var(--big-font-size);
		font-size:var(--big-font-size);
	}
	#offer-heading > #offer-heading-bottom > div > b > a {
		display:block;
		font-weight:normal;
		white-space:normal;
		margin-top:var(--padding-medium);
	}
}
#offer-heading > #offer-heading-bottom > div > b u {
	text-decoration:none;
	font-style:normal;
}
#offer-heading > #offer-heading-bottom > div > b i {
	font-style:normal;
	padding-left:1em;
	font-weight:normal;
	color:var(--color-text-light);
}
@media only screen and (max-width:1024px){
	#offer-heading > #offer-heading-bottom > div > b i {
		display:block;
		padding-left:0;
		font-size:var(--default-font-size);
		padding-top:0.4em;
	}
}

#offer-heading > #offer-heading-bottom > div > div {
	font-size:var(--medium-font-size);
	display:flex;
	gap:var(--padding-medium);
	flex-wrap:wrap;
}
@media only screen and (max-width:768px){
	#offer-heading > #offer-heading-bottom > div > div {
		flex-wrap:nowrap;
		flex-direction:column;
		font-size:var(--small-font-size);
	}
}

#offer-heading > #offer-heading-bottom > div > div > b {
	display:block;
	position:relative;
	padding-left:27px;
	line-height:var(--medium-font-size);
	font-weight:bold;
}
#offer-heading > #offer-heading-bottom > div > div > b u {
	text-decoration:none;
	font-style:normal;
}
#offer-heading > #offer-heading-bottom > div > div > b.year {
	padding-left:0;
}
#offer-heading > #offer-heading-bottom > div > div > 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;
}

#offer-heading > #offer-heading-bottom > div > div > b.price:before {
	background-image:url('image/price.png');
	display:none;
}
#offer-heading > #offer-heading-bottom > div > div > b.size:before {
	background-image:url('image/size.png');
}
#offer-heading > #offer-heading-bottom > div > div > b.lot-size:before {
	background-image:url('image/lot-size.png');
}
#offer-heading > #offer-heading-bottom > div > div > b.floor:before {
	background-image:url('image/floor.png');
}
#offer-heading > #offer-heading-bottom > div > div > b.rooms:before {
	background-image:url('image/rooms.png');
}


#offer-heading > #offer-heading-bottom > div > div > b em {
	font-style:normal;
	padding-right:0.3em;
	font-weight:normal;
	color:var(--color-text-light);
}


#offer-heading > #offer-heading-bottom > div > a {
	white-space:nowrap;
}
@media only screen and (max-width:768px){
	#offer-heading > #offer-heading-bottom > div > a {
		display:none;
	}
}


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

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

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

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

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

#main-content {
	position:relative;
	z-index:100;
	padding:0;
	margin:0;
	margin:0 auto;
	width:min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width)));
	padding-left:max( var(--global-site-horizontal-margin),  (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-right:max(var(--global-site-horizontal-margin), (min(var(--global-background-max-width) , 100% - (2 * var(--side-area-width))) - var(--global-site-max-width)) / 2);
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
}


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

#offer-content {
	position:relative;
	z-index:99;
	padding:0;
	max-width:var(--max-site-content-width);
	margin:0 auto;
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	gap:var(--padding-extra-large);
	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(--padding-large)); */
	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-site-horizontal-margin));
		margin-right:calc(0px - var(--global-site-horizontal-margin));
		padding-left:var(--global-site-horizontal-margin);
		padding-right:var(--global-site-horizontal-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-site-horizontal-margin) + var(--global-site-horizontal-margin));
		z-index:1;
		z-index:1;
		background:#000000;
		background:var(--color-text-very-very-light);
		margin-left:calc(0px - var(--global-site-horizontal-margin));
		margin-right:calc(0px - var(--global-site-horizontal-margin));
		padding-left:var(--global-site-horizontal-margin);
		padding-right:var(--global-site-horizontal-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(--padding-extra-large) - (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(--padding-extra-large);
		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(--padding-large);
}
#ask-for-offer {
	display:block;
	position:absolute;
	margin-top:calc(0px - (var(--header-scrolled-height-px) * 1px) - var(--padding-medium));
}


/* ################################### */
/* 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(--padding-large);
}



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

#articles-content {
	position:relative;
	z-index:99;
	padding:0;
	max-width:var(--max-site-content-width);
	margin:0 auto;
	padding-top:var(--spacing-l);
	padding-bottom:var(--spacing-l);
	gap:var(--padding-extra-large);
	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(--padding-large)); */
	z-index:2;
	position:relative;
	background:#ffffff;
}
@media only screen and (max-width:1024px){
	#articles-side {
		width:100%;
		position:relative;
		/* top:auto; */
	}
}





/* header bottom */
/*
#header-bottom {
	position:relative;
	height:calc(1px * var(--header-bottom-current-height-px));
	background:#ffffff;
	overflow:hidden;
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	padding-left: calc(1px * (var(--global-site-horizontal-margin-px)));
	padding-right: calc(1px * (var(--global-site-horizontal-margin-px) + var(--side-area-width-px)));
	z-index:100;
	display:flex;
	align-items:center;
}
#header-bottom:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	overflow:hidden;
	background:rgba(0,0,0,0.1);
}
#header-bottom .header-bottom {
	position:relative;
	height:calc(1px * var(--header-bottom-current-content-height-px));
	margin:0 auto;
	max-width:calc(1px * var(--global-site-max-width-px));
	transition: height 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	line-height:calc(1px * var(--header-bottom-current-content-height-px));
	width:100%;
}
*/




/* ######################## */
/* SEKCJA HOMEPAGE SLIDER */
/* ######################## */

#homepage-slider {
	position:relative;
	z-index:900;
	padding-left: var(--side-area-width);
	padding-right: var(--side-area-width);
	display:flex;
	flex-direction: column;
}

#homepage-slider:has(> .banners) {
	/* okreslamy wysokosc, gdy mamy banery - proporcje 3:2 ale biorac pod uwage widoczna czesc na tresc */
	/* nie mamy pewnosci ile ma scroll wiec jest pewny margines bledu przy nizszych rozdzielczosciach */
	min-height:min(700px, min( var(--global-site-max-width) + ( 2 * var(--global-site-horizontal-margin)) , 100vw - (2 *   var(--side-area-width)) ) / 1.5);
}
/* mobilne - nie uzywamy min-height */
@media only screen and (max-width:1024px){
	#homepage-slider:has(> .banners) {
		min-height:0px;
	}
}




/* slogany - wypelniaja dostepna przestrzen i wewnatrz tresc ustawiamy na srodku*/
#homepage-slider > .slogans {
	padding:0;
	margin:0 auto;
	position:relative;
	margin:0 auto;
	width:calc(100% - (2 * var(--global-site-horizontal-margin)));
	max-width:var(--global-site-max-width);
	z-index:10;
	text-align:center; /* domyslnie na srodku teksty */
	flex-grow: 1;
	display:flex;
	align-items:center;
	color:var(--homepage-slider-slogan-color);
}

/* a ta tresc jest domyslnie na cala szerokosc */
#homepage-slider > .slogans > .slider {
	display:block;
	position:relative;
	width:100%;
}

/* jesli sa banery to slogany do lewej */
#homepage-slider:has(> .banners) > .slogans {
	/*min-height:calc(630px * var(--fluid-size-global-multiplier));*/
	text-align:left; /* ale z banerami teksty po lewej */
}
/* jesli sa banery to slogany maja 50% szerokosci i padding */
#homepage-slider:has(> .banners) > .slogans > .slider {
	width:50%;
	padding-right:var(--homepage-slider-inner-padding);
}


@media only screen and (max-width:1024px){

	/* przywracamy center */
	#homepage-slider:has(> .banners) > .slogans{
		text-align:center;
	}
		
	/* szerokosc 100% */
	#homepage-slider:has(> .banners) > .slogans > .slider {
		width:100%;
		padding-right:0;
	}
	
}
#homepage-slider > .slogans > .slider > ul.slides {
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	display:flex;
	align-items: center;
	z-index:10;
}
#homepage-slider > .slogans > .slider > ul.slides > li {
	padding:0;
	margin:0;
	padding-top:var(--homepage-slider-slogan-vertical-padding);
	padding-bottom:var(--homepage-slider-slogan-vertical-padding);
	z-index:var(--slide-status);
	left:calc(0px - (var(--slide-status-inverted) * 100000px));
	transition:left 0s calc(var(--transition-time-s) * var(--slide-status-inverted)), transform var(--transition-time-s), opacity var(--transition-time-s);
	opacity:var(--slide-status);
	transform: translateY(var(--homepage-slider-slogan-vertical-padding) * var(--slide-position-to-current-one));
}
#homepage-slider > .slogans > .slider > ul.slides > li > h1, 
#homepage-slider > .slogans > .slider > ul.slides > li > h2 {
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	padding:0;
	margin:0;
	line-height:var(--heading1-line-height);
	font-size:var(--homepage-slider-slogan-size1);
	display:block;
	position:relative;
	pointer-events:none;
}
#homepage-slider > .slogans > .slider > ul.slides > li > strong {
	font-family:var(--heading2-font-family);
	font-weight:var(--heading2-font-weight);
	letter-spacing:var(--heading2-letter-spacing);
	padding:0;
	margin:0;
	line-height:var(--heading2-line-height);
	font-size:28px;
	text-transform:uppercase;
	display:block;
	position:relative;
	pointer-events:none;
	font-size:var(--homepage-slider-slogan-size2);
}
#homepage-slider > .slogans > .slider > ul.slides > li > * + strong {
	padding-top:0.75em;
}
#homepage-slider > .slogans > .slider > ul.slides > li > span {
	font-size:var(--homepage-slider-slogan-size3);
	display:block;
	position:relative;
	pointer-events:none;
}
#homepage-slider > .slogans > .slider > ul.slides > li > * + span {
	padding-top:2.5em;
}
@media only screen and (max-width:768px){
	#homepage-slider > .slogans > .slider > ul.slides > li > span {
		display:none;
	}
}


/* bannery */
#homepage-slider > .banners {
	position:absolute;
	z-index:30;
	top:0;
	margin:0;
	padding:0;
	
	height:100%;
	
	/* ustawiamy tak, ze szerokoscc to 100% - boczne sociale */
	right:var(--side-area-width);
	width:calc(100% - ( 2 * var(--side-area-width)) ); 
}

#homepage-slider > .slogans ~ .banners {
	/* z banerami na polowe szerokosci tego co wyzej */
	width:calc((100% - var(--side-area-width) - var(--side-area-width) ) / 2); 
}

@media only screen and (max-width:1024px){
	/* mobile - banery same ustalaja sobie wysokosc */
	#homepage-slider > .banners,
	#homepage-slider > .slogans ~ .banners	{
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		height:auto;
	}
}
#homepage-slider > .banners > .slider {
	display:block;
	padding:0;
	margin:0 auto;
	list-style-type:none;
	height:100%;
	position:relative;
}
@media only screen and (max-width:1024px){
	/* mobile - banery same ustalaja sobie wysokosc */
	#homepage-slider > .banners > .slider {
		height:auto;
	}
}

#homepage-slider > .banners > .slider > .pagination {
	z-index:2;
	height:calc(100% - var(--homepage-slider-inner-padding) - var(--homepage-slider-inner-padding));
	width:var(--side-area-width);
	left:100%;
	top:var(--homepage-slider-inner-padding);
	position:absolute;
	display: grid;
	 grid-auto-rows: 1fr;
	 gap:calc(var(--homepage-slider-inner-padding) / 4);
	 overflow:hidden;
}
#homepage-slider > .banners > .slider > .pagination > label {
	cursor:pointer;
	position:relative;
}
#homepage-slider > .banners > .slider > .pagination > label:before {
	position:absolute;
	background:rgba(0,0,0,0.2);
	overflow:hidden;
	font-size:1px;
	width:1em;
	margin-left:-0.5em;
	left:50%;
	top:0;
	height:100%;
	z-index:1;
	content:'';
}
#homepage-slider > .banners > .slider > .pagination > label:after {
	position:absolute;
	background:#000000;
	overflow:hidden;
	font-size:3px;
	width:1em;
	margin-left:-0.5em;
	left:50%;
	top:0;
	height:0;
	z-index:2;
	content:'';
	transition:height calc((var(--slide-delay-s) * var(--slide-status)) + (0.3s * var(--slide-status-inverted))) linear;
}
#homepage-slider > .banners.loaded > .slider > .pagination > label:after {
	height:calc(100% * var(--slide-status));
}
@starting-style {
  #homepage-slider > .banners > .slider > .pagination > label:after {
		height:0;
	}
}
@media only screen and (max-width:1024px){
	#homepage-slider > .banners > .slider > .pagination {
		height:var(--homepage-slider-inner-padding);
		width:100%;
		left:auto;
		top:auto;
		position:relative;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		gap:calc(var(--homepage-slider-inner-padding) / 4);
		overflow:hidden;
		margin:0 auto;
	width:calc(100% - (2 * var(--global-site-horizontal-margin)));
	max-width:var(--global-site-max-width);
	}
	#homepage-slider > .banners > .slider > .pagination > label {
		height:var(--homepage-slider-inner-padding);
	}
	#homepage-slider > .banners > .slider > .pagination > label:before {
		width:100%;
		margin-left:0;
		margin-top:-0.5em;
		left:0;
		top:50%;
		height:1em;
	}
	#homepage-slider > .banners > .slider > .pagination > label:after {
		width:0;
		margin-left:0;
		margin-top:-0.5em;
		left:0;
		top:50%;
		height:1em;
		z-index:2;
		content:'';
		transition:width calc((var(--slide-delay-s) * var(--slide-status)) + (0.3s * var(--slide-status-inverted))) linear;
	}
	#homepage-slider > .banners.loaded > .slider > .pagination > label:after {
		width:calc(100% * var(--slide-status));
		height:1em;
	}
	@starting-style {
	  #homepage-slider > .banners > .slider > .pagination > label:after {
			width:0;
		}
	}
}
#homepage-slider > .banners > .slider > ul.slides {
	z-index:1;
	height:100%;
	position:relative;
	margin:0 auto;
	/* ograniczenie max */
	max-width:var(--global-background-max-width);
	align-items:stretch;
}
#homepage-slider > .slogans ~ .banners > .slider > ul.slides {
	margin:0;
	max-width:calc(var(--global-background-max-width) / 2);
}


@media only screen and (max-width:1024px){
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides {
		height:calc((100vw - (2 * var(--side-area-width))) * 0.666);
	}
	
	#homepage-slider > .banners:first-child > .slider > ul.slides {
		height:auto;
	}
	
}

#homepage-slider > .banners > .slider > ul.slides > li {
	height:100%;
}
@media only screen and (max-width:1024px){
	#homepage-slider > .banners:first-child > .slider > ul.slides > li {
		height:auto;
		display:flex;
		flex-direction:column;
	}
}

#homepage-slider > .banners > .slider > ul.slides > li > i {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	right:0;
	transition:width var(--transition-time-s);
	width:calc(max(0, var(--slide-status), var(--slide-position-to-current-inverted-one)) * 100%);
	overflow:hidden;
	background-color:#000000;
	pointer-events:none;
}

@media only screen and (max-width:1024px){
	#homepage-slider > .banners:first-child > .slider > ul.slides > li > i {
		top:auto;
		bottom:auto;
		height:calc((100vw - (2 * var(--side-area-width))) * 0.666);
		position:relative;
		margin-top:auto;
		margin-left:auto;
	}
}


#homepage-slider > .banners > .slider > ul.slides > li:has(strong) > i:before, 
#homepage-slider > .banners > div > ul.slides > li:has(h2) > i:before,
#homepage-slider > .banners > .slider > ul.slides > li:has(a) > i:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:33.333%;
	z-index:2;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
#homepage-slider > .banners > .slider > ul.slides > li:has(a) > i:after {
	top:auto;
	bottom:0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
#homepage-slider > .banners > .slider > ul.slides > li > i > b {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	transform: translateX(calc(25% * var(--slide-position-to-current-one)));
	transition:transform var(--transition-time-s);
}
#homepage-slider > .banners.loaded > .slider > ul.slides > li > i > b { /* dla zaladowanego slidera uzywamy obliczonej szerokosci */
	width:var(--slides-width);
}
#homepage-slider > .banners > .slider > ul.slides > li > i > b > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	object-fit: cover;
	transition:transform calc((var(--slide-delay-s) * var(--slide-status)) + (var(--transition-time-s) * var(--slide-status-inverted))) linear;
	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;
}
/* animacja powiekszania dopiero, gdy zaladowany slider */
#homepage-slider > .banners.loaded > .slider > ul.slides > li > i > b > img {
	transform:scale(calc(1 + (0.1 * var(--slide-status))));
}
/* poczatkowo skala 1 */
@starting-style {
  #homepage-slider > .banners > .slider > ul.slides > li > i > b > img {
    transform: scale(1);
  }
}
#homepage-slider > .banners > .slider > ul.slides > li > div {
	display:block;
	position:relative;
	width:100%;
	height:calc(100% - var(--homepage-slider-inner-padding) - var(--homepage-slider-inner-padding));
	top:var(--homepage-slider-inner-padding);
	padding:0;
	margin:0;
	margin:0 auto;
	z-index:60;
	max-width:min(var(--global-site-max-width), 100% - var(--global-site-horizontal-margin) - var(--global-site-horizontal-margin));
	text-align:right;
	color:#ffffff;
	opacity:var(--slide-status);
	z-index:calc(var(--slide-status) * 100);
	transition:opacity calc((0.5 * var(--transition-time-s)) + ((0.5 * var(--transition-time-s)) * var(--slide-status))) calc(var(--transition-time-s) * var(--slide-status));
}
#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div {
	margin:0;
	max-width:calc(min(var(--global-site-max-width) / 2, 100% - var(--global-site-horizontal-margin)) - var(--homepage-slider-inner-padding));
	left:var(--homepage-slider-inner-padding);
}
@media only screen and (max-width:1024px){
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div {
		margin:0 auto;
		max-width:none;
		left:auto;
		text-align:center;
		display:flex;
		align-items:flex-end;
		flex-direction: column;
		height:100%;
		width:100%;
		top:auto;
		padding-bottom:var(--homepage-slider-inner-padding);
		padding-left:var(--global-site-horizontal-margin);
		padding-right:var(--global-site-horizontal-margin);
	}
	#homepage-slider > .banners:first-child > .slider > ul.slides > li > div {
		color:#000000;
		max-width:none;
		top:auto;
		padding:0;
		height:auto;
		flex-grow: 1;
	display:flex;
	align-items:center;
	text-align:center;
	}
}
#homepage-slider > .banners > .slider > ul.slides > li > div > h2 {
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	padding:0;
	margin:0;
	line-height:1em;
	display:block;
	position:relative;
	font-size: var(--homepage-slider-slider-size2);
}
#homepage-slider > .banners > .slider > ul.slides > li > div > h2 a {
	text-decoration:none;
	color:inherit;
}
@media only screen and (max-width:1024px){
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div > h2 {
		width:100%;
		margin-top:auto;
	}
	
	#homepage-slider > .banners:first-child> .slider > ul.slides > li > div > h2 {
		width:100%;
		padding-top:var(--homepage-slider-slogan-vertical-padding);
		padding-bottom:var(--homepage-slider-slogan-vertical-padding);
	}
	
}
#homepage-slider > .banners > .slider > ul.slides > li > div > h2 strong {
	font-family:var(--heading2-font-family);
	font-weight:300;
	letter-spacing:var(--heading2-letter-spacing);
	padding:0;
	margin:0;
	line-height:1em;
	text-transform:uppercase;
	display:block;
	position:relative;
	font-size: var(--homepage-slider-slider-size1);
	padding-bottom:0.5em;
}





#homepage-slider > .banners > .slider > ul.slides > li > div > b {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	font-weight:inherit;
	width:100%;
}
#homepage-slider > .banners > .slider > ul.slides > li > div > b > a {
}
#homepage-slider > .banners > .slider > ul.slides > li > div > b > a b {
	font-weight:inherit;
}
#homepage-slider > .banners > .slider > ul.slides > li > div > b > a b:after {
	content:'\25BA';
	padding-left:1.5em;
}

@media only screen and (max-width:1024px){
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div > b {
		height:100%;
	}
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div > b > a {
		height:100% !important;
		width:100% !important;
		border:0px !important;
		padding: 0 !important;
		margin: 0  !important;
		bottom: 0 !important;
		right: 0  !important;
		background:transparent;
	}
	#homepage-slider > .slogans ~ .banners > .slider > ul.slides > li > div > b > a * {
		display:none;
	}
	
	#homepage-slider > .banners:first-child > .slider > ul.slides > li > div > b {
		bottom:calc(0px - ((100vw - (2 * var(--side-area-width))) * 0.666) + var(--homepage-slider-inner-padding));
	}
	
}

/* wyszukiwarka */
#homepage-slider > .offers-searchform {
	padding:0;
	margin:0 auto;
	position:relative;
	margin:0 auto;
	width:calc( 100% - (2 * var(--global-site-horizontal-margin)));
	max-width:var(--global-site-max-width);
	z-index:40;
	pointer-events:none;
	margin-top: auto;
}
#homepage-slider > .offers-searchform > div {
	display:block;
	padding:0;
	margin:0;
	position:relative;
	z-index:2;
	pointer-events:auto;
}
#homepage-slider > .banners ~ .offers-searchform > div {
	width:75%;
	padding-top:var(--homepage-slider-inner-padding);
	padding-bottom:var(--homepage-slider-inner-padding);
	padding-right:var(--homepage-slider-inner-padding);
}
#homepage-slider > .banners ~ .offers-searchform > div:before {
	content:'';
	background:rgba(255,255,255,0.1);
	background:rgba(0,0,0,0.5);
	right:0;
	top:0;
	height:calc(100% - var(--homepage-slider-inner-padding));
	border-bottom: var(--homepage-slider-inner-padding) solid #ffffff;
	border-left: 10000000px solid #ffffff;
	width:calc(33.333% - var(--homepage-slider-inner-padding));
	z-index:-2;
	position:absolute;
	box-sizing:content-box;
}
#homepage-slider > .banners ~ .offers-searchform > div:after {
	content:'';
	background:#ffffff;
	right:10px;
	top:10px;
	height:100%;
	width:1000000px;
	z-index:-1;
	position:absolute;
}
@media only screen and (max-width:1024px){
	#homepage-slider > .banners ~ .offers-searchform > div {
		width:auto;
		padding-bottom:0;
		padding-right:0;
	}
	#homepage-slider > .banners ~ .offers-searchform > div:before {
		display:none;
	}
	#homepage-slider > .banners ~ .offers-searchform > div:after {
		display:none;
	}
}
#homepage-slider > .banners ~ .offers-searchform > div > h2 {
	font-family:var(--heading1-font-family);
	font-weight:var(--heading1-font-weight);
	letter-spacing:var(--heading1-letter-spacing);
	padding:0;
	margin:0;
	line-height:1em;
	font-size:var(--homepage-slider-searchform-heading-size1);
	display:block;
	position:relative;
	pointer-events:none;
}
#homepage-slider > .banners ~ .offers-searchform > div > strong {
	font-family:var(--heading2-font-family);
	font-weight:var(--heading2-font-weight);
	letter-spacing:var(--heading2-letter-spacing);
	padding:0;
	margin:0;
	line-height:1em;
	text-transform:uppercase;
	display:block;
	position:relative;
	pointer-events:none;
	font-size:var(--homepage-slider-searchform-heading-size2);
}

#homepage-slider > .banners ~ .offers-searchform > div > h2 + strong {
	padding-top:0.5em;
}
#homepage-slider > .banners ~ .offers-searchform > div > h2 + div, 
#homepage-slider > .banners ~ .offers-searchform > div > strong + div {
	padding-top:var(--padding-medium);
}


















/* ################################### */
/* 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(--breadcrumbs-font-size);
	line-height:1em;
	padding-top:var(--breadcrumbs-vertical-padding);
	list-style-type:none;
	overflow:auto;
	height:calc(var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-vertical-padding) + var(--breadcrumbs-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);
}
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-background ul.module-breadcrumbs {
	scrollbar-color: rgba(255,255,255,0.07) transparent; 
}
.dark-background 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(--hover-color);
}
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(--icon-color);
	padding-right:0.7em;
}
ul.module-breadcrumbs li + li a:before {
	display:inline;
	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;
	line-height:inherit;
	font-size:0.7em;
	z-index:5;
	color:var(--icon-color);
	padding-right:1em;
}
ul.module-breadcrumbs li:first-child a:hover:before,
ul.module-breadcrumbs li + li a:hover:before {
	color:var(--hover-color);
}

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





.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(--padding-large) * 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(--padding-large) * 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(--padding-large) * 2);
	padding-right:calc(var(--padding-large) * 2);
	padding-top:var(--padding-large);
	padding-bottom:var(--padding-large);
}
.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(--padding-large) * 2));
	width:calc(100% + (var(--padding-large) * 2) + (var(--padding-large) * 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(--padding-large);
	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(--padding-large));
	right:75%;
	width:calc(25% + (var(--padding-large) * 2));
	height:calc(100%  + var(--padding-large) + var(--padding-large));
	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(--padding-large) * 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(--padding-large) * 2);
		padding-bottom:calc(var(--padding-large) * 2);
		padding-left:var(--padding-medium);
		padding-right:var(--padding-medium);
	}
	
	.simpleLightbox > div > div:before {
		left:calc(0px - (var(--padding-medium)));
		width:calc(100% + (var(--padding-medium) * 2));
	}
	
	.simpleLightbox > div > div > div {
		gap:var(--padding-medium);
	}
	
	.simpleLightbox > div > div > label {
		top:calc(0px - (var(--padding-large) * 2));
		right:50%;
		width:calc(50% + var(--padding-medium));
		height:calc(100%  + (var(--padding-large) * 2) + (var(--padding-large) * 2));
	}
	
	.simpleLightbox > div > div > label:before {
		top:auto;
		bottom:var(--padding-large);
		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%;
	}
	
	
}





.text-styles {
	color: var(--color-text);
	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;
}


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

.text-styles h1 strong,
.text-styles h2 strong,
.text-styles h3 strong,
.text-styles h4 strong,
.text-styles h5 strong,
.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);
	text-transform:uppercase;
}

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

.text-styles h1:first-child,
.text-styles h2:first-child,
.text-styles h3:first-child,
.text-styles h4:first-child,
.text-styles h5:first-child,
.text-styles h6:first-child {
	margin-top:0;
}
.text-styles h1 + h1,
.text-styles h2 + h1,
.text-styles h3 + h1,
.text-styles h4 + h1,
.text-styles h5 + h1,
.text-styles h6 + h1,
.text-styles h1 + h2,
.text-styles h2 + h2,
.text-styles h3 + h2,
.text-styles h4 + h2,
.text-styles h5 + h2,
.text-styles h6 + h2,
.text-styles h1 + h3,
.text-styles h2 + h3,
.text-styles h3 + h3,
.text-styles h4 + h3,
.text-styles h5 + h3,
.text-styles h6 + h3,
.text-styles h1 + h4,
.text-styles h2 + h4,
.text-styles h3 + h4,
.text-styles h4 + h4,
.text-styles h5 + h4,
.text-styles h6 + h4,
.text-styles h1 + h5,
.text-styles h2 + h5,
.text-styles h3 + h5,
.text-styles h4 + h5,
.text-styles h5 + h5,
.text-styles h6 + h5,
.text-styles h1 + h6,
.text-styles h2 + h6,
.text-styles h3 + h6,
.text-styles h4 + h6,
.text-styles h5 + h6,
.text-styles h6 + h6 {
	margin-top:var(--padding-small);
}


.text-styles p {
	margin-top:var(--padding-medium);
}
.text-styles p:first-child {
	margin-top:0;
}


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

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

.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(--padding-normal));
	top:calc(var(--padding-normal) + 0.3571em);
	top:var(--padding-normal);
	top:0;
	margin-top:-0.5em;
	margin-top:0;
	height:1em;
	color:var(--color-primary);
	width:2.25em;
	text-align:center;
}
.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%;
}
*/


/*
.text-styles ol {
	margin:0;
	padding:0;
	border:1px solid rgba(0,0,0,0.06);
	margin-top:var(--padding-medium);
	background:rgba(0,0,0,0.03);
	padding-left: 2.5em;
	list-style-type:none; 
}
.text-styles ol:first-child {
	margin-top:0;
}
.text-styles ol li {
	padding:0;
	margin:0;
	padding:var(--padding-normal);
	border-top:1px solid rgba(0,0,0,0.06);
}
.text-styles ol  li:first-child {
	border-top:0px;
}
*/
/*
.text-styles ol {
	margin:0;
	padding:0;
	margin-top:var(--spacing-m);
	list-style-type:none; 
}
.text-styles ol:first-child {
	margin-top:0;
}
.text-styles ol li {
	padding:0;
	margin:0;
	margin-top:var(--spacing-m);
	position:relative;
}
.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;
}
.text-styles ol  li:first-child {
	margin-top:0;
}
.text-styles ol  li:first-child:before {
	display:none;
}
*/
.text-styles ol {
	margin:0;
	padding:0;
	margin-top:var(--spacing-m);
	list-style-type:none; 
}
.text-styles ol:first-child {
	margin-top:0;
}
.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;
}
.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(--max-site-content-width);
	position:relative;
	z-index:10;
	padding-top:calc(2 * var(--global-site-horizontal-margin));
	background:#ffffff;
}
.global-messages > div > label {
	height:calc(2 * var(--global-site-horizontal-margin));
	top:0;
	right:var(--spacing-s);
	line-height:calc(2 * var(--global-site-horizontal-margin));
	font-weight:bold;
	display:block;
	position:absolute;
}
.global-messages > div > ul {
	display:flex;
	flex-direction:column;
	max-height:calc(100dvh - (3 * var(--global-site-horizontal-margin)));
	width:100%;
	max-width:var(--max-site-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-site-horizontal-margin) + var(--global-site-horizontal-margin));
	margin-left:calc(0px - var(--global-site-horizontal-margin));
	margin-right:calc(0px - var(--global-site-horizontal-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-site-horizontal-margin);
	padding-right:var(--global-site-horizontal-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-site-horizontal-margin));
		width:calc(100% +  (2 * var(--global-site-horizontal-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-site-horizontal-margin));
		width:calc(100% +  (2 * var(--global-site-horizontal-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(--padding-large);
	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(--padding-medium);
	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(--padding-medium);
}


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(--padding-medium);
	padding-bottom:0.2em;
	padding-top:0;
}
ul.content-module-articles > li > div > div > i {
	padding:var(--padding-medium);
	/* 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(--padding-medium);
	padding-top:0;
	padding-bottom:calc(10px + var(--padding-medium));
	/*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(--padding-medium);
    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(--padding-small) + var(--padding-medium));
	margin-top:var(--padding-medium);
}
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(--padding-medium);
	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(--padding-small);
}





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

ul.content-module_offers_list {
	padding:0;
	list-style-type:none;
	gap:var(--padding-large);
	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(--padding-medium);
	left:var(--padding-medium);
	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(--padding-medium);
	left:var(--padding-medium);
	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(--padding-medium);
	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(--padding-medium);
}


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(--padding-medium);
	padding-bottom:0.2em;
}

ul.content-module_offers_list > li > div > div > a  {
	z-index:10;
	text-decoration:none;
	order:7;
	padding:var(--padding-medium);
	padding-top:0;
	padding-bottom:calc(10px + var(--padding-medium));
	/*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(--padding-medium);
	width:50%;
	height:5px;
	height:10px;
	background:#ffffff;
}
*/
ul.content-module_offers_list > li > span {
	display:flex;
	position:relative;
	padding-left:var(--padding-medium);
	padding-right:var(--padding-medium);
	padding-top:var(--padding-medium);
	gap:var(--padding-medium);
	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(--padding-small);

}
	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 OFFERS SEARCHFORM */
/* ################################### */

.content-module-offers-searchform {
	position:relative;
}
.content-module-offers-searchform form {
	display:block;
	padding:0;
	margin:0;
	position:relative;
	z-index:2;
	pointer-events:auto;
}
.content-module-offers-searchform form > input {
	position:fixed;
	left:-10000px;
	top:50%;
}
.content-module-offers-searchform form > div.form-standard {
	display:flex;
	gap:var(--padding-small);
	align-content:stretch;
	z-index:1;
	position:relative;
	flex-wrap: wrap;
	margin-bottom:calc(0px - var(--padding-small));
	transition:margin-bottom 0.5s 0.2s;
}
.content-module-offers-searchform form > input:checked ~ div.form-standard {
	margin-bottom:0px;
	transition:margin-bottom 0.25s;
}

.content-module-offers-searchform form > div.form-standard  > div.select-with-search {
	flex:1;
}

.content-module-offers-searchform form > div.form-standard  > b {
	flex:1;
}
.content-module-offers-searchform form > div.form-standard  > b select {
	display:block;
	width:100%;
}
.content-module-offers-searchform form:has(div.form-filters *:not(.rooms-filter) input:not(:placeholder-shown)) > div.form-standard > label {
	font-weight:bold;
}
.content-module-offers-searchform:has(select option.rooms-filter:checked) form:has(div.form-filters input:not(:placeholder-shown)) > div.form-standard > label, 
.content-module-offers-searchform:has(input.rooms-filter:checked) form:has(div.form-filters input:not(:placeholder-shown)) > div.form-standard > label {
	font-weight:bold;
}
.content-module-offers-searchform form > div.form-standard > div.form-filters {
	flex-basis: 100%;
	display:flex;
	gap:var(--padding-small);
	opacity:0;
	display:flex;
	transition:height 0.5s 0.2s, opacity 0.2s, margin-top 0.5s 0.2s, padding-top 0.5s 0.2s, padding-bottom 0.5s 0.2s;
	gap:var(--padding-small);
	align-content:stretch;
	background:var(--color-text-very-very-light);
	padding-left:var(--padding-small);
	padding-right:var(--padding-small);
	height:0;
	overflow:hidden;
}
.content-module-offers-searchform form > input:checked ~ div.form-standard > div.form-filters {
	opacity:1;
	height:max-content;
	padding-top:var(--padding-small);
	padding-bottom:var(--padding-small);
	transition:height 0.25s, opacity 0.25s 0.25s, margin-top 0.25s, padding-top 0.25s, padding-bottom 0.25s;
}
.content-module-offers-searchform form > div.form-standard > div.form-filters > * {
	flex: 1;
}
.content-module-offers-searchform form > div.form-standard > div.form-filters > * > input {
	width:100%;
}
.content-module-offers-searchform form > div.form-standard > div.form-filters > *.rooms-filter {
	opacity:0;
	pointer-events:none;
	transition:opacity 0.4s;
	display:none;
}
.content-module-offers-searchform:has(input.rooms-filter:checked) form > div.form-standard > div.form-filters > *.rooms-filter, 
.content-module-offers-searchform:has(select option.rooms-filter:checked) form > div.form-standard > div.form-filters > *.rooms-filter {
	opacity:1;
	pointer-events:auto;
	display:block;
}


@media only screen and (max-width:768px){
	.content-module-offers-searchform form > div.form-standard {
	display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  margin-bottom:0px;
	}
	.content-module-offers-searchform form > div.form-standard > b {
		order:1;
	}
	.content-module-offers-searchform form > div.form-standard > label {
		order:2;
	}
	.content-module-offers-searchform form > div.form-standard > div.form-filters {
		order:3;
		grid-column: span 2;
		margin-top:calc(0px - var(--padding-small));
	}
	.content-module-offers-searchform form > input:checked ~ div.form-standard > div.form-filters {
		margin-top:0px;
	}
	.content-module-offers-searchform form > div.form-standard > button {
	grid-column: span 2;
	order:4;
	}
	.content-module-offers-searchform form >  div.form-standard > div.form-filters {
	display: grid;
	  grid-template-columns: repeat(2, 1fr);
	}
}

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








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

.content-module-none {
	padding:var(--padding-medium);
	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(--padding-large);
}




/* ################################### */
/* 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(--padding-large);
}