






:root {
	--header-gap: 28px;
	--header-gap-m: 15px;
	--header-gap-sh: 15px;
	--header-gap-sh-m: 15px;
	--header-height: 82px;
	--btn-f-size: 20px;
	--btn-line-h: 1.25;
	--btn-padding: 14px 32px;
}
html {scroll-padding-top: 120px;}


	/*  =================================
		std base sitte core code
		================================= */
	
	p:last-child { margin: 0; }
	
	/* domyślny margines sekcji */
	.sppb-section { padding: 120px 0; }
	@media (max-width: 767px) { .sppb-section { padding: 50px 0; } }
		/* fix wprowadzony WYJĄTKOWO pod ten konkretny projekt */
		#sp-bottom .sppb-section { padding: 30px 0; }
	.top0{padding-top:0;}
	.bottom0{padding-bottom:0;}


	/* domyślna sekcja ciemna */
	/* .sppb-section, .bg-dark1{background-color:var(--sppb-main-color1); color:var(--sppb-main-color3);}  */
		.sppb-section .sppb-addon-title span:not([class*="editable-element"]), .bg-dark1 .sppb-addon-title span:not([class*="editable-element"]){color:var(--sppb-main-color2);}
		.bg-dark1 .sppb-btn, .sppb-section .sppb-btn, .sppb-section .sppb-btn.sppb-btn-secondary { background: #fff; border: 1px solid var(--sppb-main-color2); color: 1px solid var(--sppb-main-color2); padding: var(--btn-padding); }
			.bg-dark1 .sppb-btn:hover, .sppb-section .sppb-btn:hover, .sppb-section .sppb-btn.sppb-btn-secondary:hover,
			.bg-dark1 .sppb-btn:focus, .sppb-section .sppb-btn:focus, .sppb-section .sppb-btn.sppb-btn-secondary:focus { background: var(--sppb-main-color1); color: #fff; border-color: var(--sppb-main-color1); }

	/* sekcja jasna */	
	/* .bg-light1{background-color:var(--sppb-main-color3); color:var(--sppb-main-color1);} */
		.bg-light1 .sppb-addon-title span:not([class*="editable-element"]){color:var(--sppb-main-color2);}
		.bg-light1 .sppb-btn, .sppb-section .sppb-btn, .sppb-section .sppb-btn.sppb-btn-primary { background: var(--sppb-main-color2); border: 1px solid var(--sppb-main-color2); color: #fff; padding: var(--btn-padding); }
			.bg-light1 .sppb-btn:hover, .sppb-section .sppb-btn:hover, .sppb-section .sppb-btn.sppb-btn-primary:hover,
			.bg-light1 .sppb-btn:focus, .sppb-section .sppb-btn:focus, .sppb-section .sppb-btn.sppb-btn-primary:focus { background: var(--sppb-main-color1); color: #fff; border-color: var(--sppb-main-color1); }

	/* testimonial */
	.nectar-testimonial-div .addon-root-testimonialpro .sppb-testimonial-message p strong{color: var(--bg-color1);}
	
	/* poprawki submenu - żeby całe było klikalne */
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0; }
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { width: 100%; padding: 10px 10px; }
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #252525; background: var(--sppb-main-color1); }
	
	/* poprawki kolorów [i innych styli] górnego menu */
		/* aktywny link poziomu 1 */
		.sp-megamenu-parent > li.active > a { color: var(--sppb-main-color1); }
		/* aktywny link poziomu 1+ */
		.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: var(--sppb-main-color1); }
		/* aktywny link poziomu 1 on hover na tym linku */
		.sp-megamenu-parent > li.active > a:hover { color: var(--sppb-main-color1); }
		/* aktywny link poziomu 1 on hover na linku-dziecku poziomu 1+ */
		.sp-megamenu-parent > li.active:hover > a { color: var(--sppb-main-color1); }
		/* aktywny link poziomu 1+ on hover na tym linku */
		.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover { color: #252525; }
	
	/* menu mobilne */
	/* kolory */
	.offcanvas-menu .offcanvas-inner a,
	.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span
		{ color: #000; font-weight: 400; }
	/* :hover / :active / :focus */
	.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active,
	.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li a:active
		{ color: var(--sppb-main-color1); }
	/* active + ogarnięcie submenu na wszystkich podpoziomach */
	.offcanvas-menu .offcanvas-inner ul.menu li.active a, .offcanvas-menu .offcanvas-inner ul.menu-child li.active a { color: #000; font-weight: 700; }
	.offcanvas-menu .offcanvas-inner ul.menu li.active a:hover, .offcanvas-menu .offcanvas-inner ul.menu li.active a:focus, .offcanvas-menu .offcanvas-inner ul.menu li.active a:active
		{ color: #000; color: var(--sppb-main-color1); }
	.offcanvas-menu .offcanvas-inner ul.menu li.active a + ul li:not(.active) a { font-weight: 400; }
	/* social icons (to oddzielny krąg piekła) */
	.offcanvas-menu .offcanvas-inner li[class*='social-icon-'] span { color: #000; transition: 0.4s; }		
	.offcanvas-menu .offcanvas-inner li[class*='social-icon-']:hover span, .offcanvas-menu .offcanvas-inner li[class*='social-icon-']:focus span, .offcanvas-menu .offcanvas-inner li[class*='social-icon-']:active span
		{ color: var(--sppb-main-color1)!important; }
	/* inne ustawienia */
	.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a, .offcanvas-menu .offcanvas-inner .social-icons > li > a,
	.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span
		{ opacity: 1; }
		
.offcanvas-inner { display: flex;  flex-direction: column;  height: 100vh; }
.offcanvas-inner .mb-4 {  margin-top: auto !important; }		
	
	/* .sppb-btn-secondary { background-color: var(--sppb-main-color2); } */
	/* .sppb-btn-secondary:hover { color: var(--sppb-main-color2); background-color: var(--sppb-main-color3); border-color: var(--sppb-main-color2)!important; } */
	
	
	/* ============== */
	/* fixy */
	body .sppb-btn.sppb-btn-primary.sppb-btn-rounded, body .btn.sppb-btn-primary.sppb-btn-rounded,
	body .sppb-btn.sppb-btn-secondary.sppb-btn-rounded, body .btn.sppb-btn-secondary.sppb-btn-rounded { border-radius: 123px; }
	
	.bg-dark1 { color: #fffa; background: #3B3424; }
	
	/* =================== */
	/* dodatkowe typy buttonów (nie wchodzą w skład base sitte core code - dodawać w razie potrzeby) */
	.sppb-section .sppb-btn.sppb-btn-success { font-size: 24px; font-weight: 700; color: var(--sppb-main-color2); background: transparent; border-color: transparent; padding: 0; display: flex; align-items: center; gap: 20px; }
	.sppb-section .sppb-btn.sppb-btn-success i { font-size: 36px; color: var(--sppb-main-color1); transition: 0.15s; }
	.sppb-section .sppb-btn.sppb-btn-success:hover i { font-size: 36px; color: var(--sppb-main-color2); }


/* ----------------------------------------------------------------------------------------------- */
/* globalne reguły / fixy (no matter; it's the same) --> brak sekcji przypisanej na sztywno - obowiązują wszędzie na stronie */

.sppb-btn { font-size: var(--btn-f-size); }
@media (max-width: 991px) { .sppb-btn { font-size: 18px; } }

a, .sp-megamenu-parent > li > a { color: var(--sppb-main-color2); }
a:hover, a:focus, a:active, .sp-megamenu-parent > li:hover > a { color: var(--sppb-main-color1); }
.sp-megamenu-parent > li > a { text-transform: uppercase; }

.s-fofix-1 h1, .s-fofix-1 h2, .s-fofix-1 h3, .s-fofix-1 h4, .s-fofix-1 h5, .s-fofix-1 h6, .s-fofix-1 p { font-family: "Public Sans"; }
 
/* .s-h-fix1 .sppb-addon-title, .s-h-fix1 .sppb-title-heading { font-size: 120px; } */
.s-h-fix2 .sppb-addon-title, .s-h-fix2 .sppb-title-heading { font-size: 68px; }
.s-h-fix3 .sppb-addon-title, .s-h-fix3 .sppb-title-heading { font-size: 160px; line-height: 0.9; }
.s-h-fix4 .sppb-addon-title, .s-h-fix4 .sppb-title-heading { font-size: 40px; }
.s-h-fix5 .sppb-addon-title, .s-h-fix5 .sppb-title-heading { font-size: 64px; line-height: 1.1; }
.s-h-fix7 .sppb-addon-title, .s-h-fix7 .sppb-title-heading { font-size: 64px; }
h2 span { display: block; font-size: 38px; margin-top: 16px; }
@media (max-width: 991px) {
	.s-h-fix1 .sppb-addon-title, .s-h-fix1 .sppb-title-heading { font-size: 92px; }
	/* .s-h-fix2 { display: flex; justify-content: flex-end; } */
	.s-h-fix2 .sppb-addon-title, .s-h-fix2 .sppb-title-heading { font-size: 58px; }
	.s-h-fix3 .sppb-addon-title, .s-h-fix3 .sppb-title-heading { font-size: 130px; }
}
@media (max-width: 767px) {
	.s-h-fix3 .sppb-addon-title, .s-h-fix3 .sppb-title-heading { font-size: 17vw; }
	.s-h-fix6 .sppb-addon-title, .s-h-fix6 .sppb-title-heading { font-size: 12.5vw; }
	.s-h-fix7 .sppb-addon-title, .s-h-fix7 .sppb-title-heading { font-size: 8.33333vw; }
}
@media (max-width: 575px) {
	.s-h-fix1 .sppb-addon-title, .s-h-fix1 .sppb-title-heading { font-size: 16.66666vw; }
	.s-h-fix5 .sppb-addon-title, .s-h-fix5 .sppb-title-heading { font-size: 11.11vw; }
}

.s-an-fix .sppb-animated-number:before { margin-right: 0.25em; }
.s-an-fix .sppb-animated-number:after { margin-left: 0.25em; }



/* BA-FORMS */
/* a taka tam fajna sztuczka :3 */
.ba-form-page { --theme-color: var(--sppb-main-color1); }
/* ustawienia ogólne */
body .ba-form-page { padding-bottom: 25px; }
body .ba-field-container i { top: -43px; left: 0; }
body .ba-form-submit-field { margin-bottom: 0; }
.ba-form-field-item .ba-field-label-wrapper { padding-left: 40px; margin-bottom: 12px; }
.ba-form-field-item .ba-field-label-wrapper span { font-size: 18px; }
/* fix dla lewego paddingu (ikona ucieka w górę (domyślnie coś a la pos: abs; z ba forms), ale padding jest dalej liczony, jak gdyby tam była) */
body .fields-icons-flex-start .ba-field-container i + textarea, body .fields-icons-flex-start .ba-field-container i + input { padding-left: 41px!important; }
@media (max-width: 575px) {
	body .fields-icons-flex-start .ba-field-container i + textarea, body .fields-icons-flex-start .ba-field-container i + input { padding-left: 12px!important; }
}
/* required - zwykłe pola */
.ba-form-field-item:has(input[required=""]) .ba-field-label-wrapper { position: relative; }
.ba-form-field-item:has(input[required=""]) .ba-field-label-wrapper::before { content: '*'; position: absolute; left: -18px; top: 24px; font-size: 26px; font-weight: 700; color: var(--sppb-main-color1); }
/* required - pole zgody / checkbox */
.ba-form-acceptance-field a { color: var(--sppb-main-color1); }
.ba-form-field-item.ba-form-acceptance-field .ba-field-container[data-required="true"] { position: relative; }
.ba-form-field-item.ba-form-acceptance-field .ba-field-container[data-required="true"]::before { content: '*'; position: absolute; left: -18px; top: 4px; font-size: 26px; font-weight: 700; color: var(--sppb-main-color1); }
/* ??? */
body .ba-form-acceptance-field .ba-field-container { margin: 0; }
/* przybliż do siebie pola zgód (checkboxy) */
.ba-form-field-item.ba-form-acceptance-field { margin-bottom: 0; }
.ba-form-field-item.ba-form-acceptance-field + .ba-form-field-item.ba-form-acceptance-field { margin-bottom: var(--field-margin-bottom); }
/* etykiety w zgodach / checkboxach --> klikalne */
.ba-form-checkbox { position: absolute; inset: 0; cursor: pointer; }
/* wyciągnij link z reguły ^ na górę */
.ba-form-acceptance-html a { position: relative; z-index: 6; }
		/* fix - ujednolicenie szerokości i wyglądu wszystkich przycisków na stronie */
		body .ba-form-submit-wrapper { width: auto; margin: 0 auto; }
		body .ba-form-submit-btn { padding: var(--btn-padding); line-height: var(--btn-line-h); font-size: var(--btn-f-size); }
		body .ba-form-submit-btn:hover, body .ba-form-submit-btn:active, body .ba-form-submit-btn:focus { background: var(--sppb-main-color1); color: #fff; }



@media (max-width: 767px) {
	.s-imgfull-m .addon-root-image, .s-imgfull-m .sppb-addon-single-image-container, .s-imgfull-m img { width: 100%; }
}

/* popup na mapce */
.leaflet-container { font-family: "Public Sans"; font-size: 12px; }
.leaflet-popup-content h3 { font-family: "Public Sans"; font-size: 28px; }
.leaflet-popup-content h4 { font-family: "Public Sans"; font-size: 18px; }
.leaflet-popup-content h4 strong { font-weight: 500; }
.leaflet-marker-icon {width: 60px !important; height: 60px !important;}	
	
/* ----------------------------------------------------------------------------------------------- */
/* std sekcje (footer, header etc.) */

.s-offc-cdata .mod-custom { font-size: 14px; padding-top: 20px; border-top: 1px solid #e2e2e2; margin-top: 16px; }
.s-offc-cdata h4 { font-family: "Public Sans"; }

#sp-header { padding: var(--header-gap) 0; background: transparent; box-shadow: none; }
#sp-header, #sp-header .logo { height: auto; }
#sp-header.header-sticky { padding: var(--header-gap-sh) 0; background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); }
#sp-header .row { display: flex; align-items: center; }
.sp-megamenu-wrapper { display: flex; align-items: center; justify-content: center; flex: 1; }
.header-modules { display: flex; align-items: center; flex: 0 0 auto; margin-left: 0; }
		/* todo: przemyśleć, czy nie trzeba tego zrobić węziej, np. tylko na home */
		#sp-main { margin-top: calc(-1 * (var(--header-gap) * 2 + var(--header-height))); }
@media (max-width: 991px) {
	#sp-header { padding: var(--header-gap-m) 0; }
	#sp-main { margin-top: 	0; }
}
@media (max-width: 500px) {
	body.ltr #offcanvas-toggler.offcanvas-toggler-left { margin-right: 0; }
	#sp-logo { padding: 0; }
	#sp-logo .logo-image-phone { height: 72px; }
	#sp-header .sppb-button-wrapper a { padding: 10px 16px; font-size: 16px; }
}

/* #sp-header .s-h-btn-1 .sppb-btn { padding: 10px 16px; font-size: 16px; } */
#sp-header .s-h-btn-1 .sppb-btn { font-size: var(--btn-f-size); }
#sp-header .s-h-btn-2 .sppb-btn { padding: 12px; border: 0; font-size: 26px; line-height: 1; } /* text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; */
/* #sp-header .s-h-btn-2 .sppb-btn:hover { text-shadow: 1px 1px 0 var(--sppb-main-color3), -1px 1px 0 var(--sppb-main-color3), 1px -1px 0 var(--sppb-main-color3), -1px -1px 0 var(--sppb-main-color3); } */
#sp-header .s-h-btn-2 .sppb-btn:hover { text-shadow: 1px 1px 0 transparent, -1px 1px 0 transparent, 1px -1px 0 transparent, -1px -1px 0 transparent; }

#sp-bottom { padding-bottom: 0; }
#sp-bottom, #sp-footer { background: #e5e5e4; color: #3b301d; }
#sp-bottom .sppb-addon-text-block { line-height: 1.85; }
#sp-bottom a, #sp-footer a { color: var(--sppb-main-color1); }
#sp-bottom a:hover, #sp-bottom a:focus, #sp-footer a:hover, #sp-footer a:focus { color: #3b301d; }
#sp-footer .container { position: relative; }
#sp-footer .container:before { content: ''; position: absolute; top: 0; left: -75px; right: -75px; border-top: 2px solid #3b301d; }
#sp-footer .sp-copyright { display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 767px) {
	#sp-footer .sp-copyright { flex-direction: column; }
}


/* ----------------------------------------------------------------------------------------------- */
/* custom sekcje */

/* - - - - - - - - - - - - - - - - - - - - - */
/* .s-sec-1v2 */

.s-sec-1v2 { padding: 0 0 170px 0; }
.s-sec-1v2 h2 { font-size: 120px; }

/* custom dostosowania sekcji */
#s-sec-11v2 .addon-root-heading { margin-bottom: 184px; }
#s-sec-11v2 .sppb-addon-content p { margin-bottom: 45px; }
	#s-sec-12v2 .addon-root-heading { margin-bottom: 148px; }
	#s-sec-12v2 .sppb-addon-content p { margin-bottom: 45px; }
	#s-sec-12v2 .sppb-addon-content p:last-child { margin-bottom: 136px; }
#Spa_and_Wellness .addon-root-heading { margin-bottom: 103px; }
#Spa_and_Wellness h3.sppb-addon-title { margin-bottom: 95px; }
#Spa_and_Wellness .s-txt-1 .sppb-addon-content { margin-bottom: 66px; }

/* Spa_and_Wellness = s-sec-13v2 */
/* reguły obrazka / tła */
.s-sec-1v2 .s-img-1 { position: relative; }
.s-sec-1v2 .s-img-1:after { content: ''; width: calc(50vw - 50%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: auto 100%; pointer-events: none; z-index: 0; }
.s-sec-1v2 .s-img-1 > * { position: relative; z-index: 1; }

/* mobilne */
@media (max-width: 991px) {
	.s-sec-1v2 h2 { font-size: 85px; }
	#s-sec-11v2 .addon-root-heading { margin-bottom: 92px; }
	#s-sec-11v2 .sppb-addon-content p { margin-bottom: 32px; }
		#s-sec-12v2 .addon-root-heading { margin-bottom: 74px; }
		#s-sec-12v2 .sppb-addon-content p { margin-bottom: 32px; }
		#s-sec-12v2 .sppb-addon-content p:last-child { margin-bottom: 72px; }
	#Spa_and_Wellness .addon-root-heading { margin-bottom: 52px; }
	#Spa_and_Wellness h3.sppb-addon-title { margin-bottom: 52px; }
	#Spa_and_Wellness .s-txt-1 .sppb-addon-content { margin-bottom: 45px; }
}
@media (max-width: 767px) {
	.s-sec-1v2 { padding: 0 0 50px 0; }
	.s-sec-1v2 .sppb-row-container { padding: 0; }
	.s-sec-1v2 .s-img-1 .sppb-addon-single-image-container, .s-sec-1v2 .s-img-1 img { width: 100%; }
	.s-sec-1v2 .s-txt-1 { padding: 30px 20px 0 20px; }
}
@media (max-width: 575px) {
	#s-sec-11v2.s-sec-1v2 h2 { font-size: 14.8vw; }
}

/* > 1440px */
@media (min-width: 1440px) {
	/* #s-sec-11 { aspect-ratio: 1440 / 726; } */
	/* #s-sec-12 { aspect-ratio: 1440 / 772; } */
	/* #s-sec-13 { aspect-ratio: 1440 / 847; } */
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* #s-odleglosci */

#s-odleglosci .sppb-section-title, #s-odleglosci .sppb-title-heading, .s-odleglosci-v2 .sppb-section-title, .s-odleglosci-v2 .sppb-title-heading { margin-bottom: 0; }
#s-odleglosci .sppb-row > div, .s-odleglosci-v2 .sppb-row > div { margin-top: 80px; }
#s-odleglosci .sppb-media, .s-odleglosci-v2 .sppb-media { display: flex; }
#s-odleglosci .pull-left, .s-odleglosci-v2 .pull-left { display: flex; align-items: center; }
#s-odleglosci .sppb-img-container, .s-odleglosci-v2 .sppb-img-container { width: 90px; display: flex; justify-content: center; }

@media (min-width: 1230px) {
	#s-odleglosci .sppb-row, .s-odleglosci-v2 .sppb-row { margin: 0 -60px; }
}

@media (max-width: 767px) {
	#s-odleglosci .sppb-row-container, .s-odleglosci-v2 .sppb-row-container { max-width: 80%; }
	#s-odleglosci .sppb-row > div, .s-odleglosci-v2 .sppb-row > div { margin-top: 75px; }
}

@media (max-width: 575px) {
	#s-odleglosci .sppb-row > div, .s-odleglosci-v2 .sppb-row > div { margin-top: 45px; }
	#s-odleglosci .sppb-row-container, .s-odleglosci-v2 .sppb-row-container { max-width: 100%; padding: 0 30px; }
	#s-odleglosci .sppb-media, .s-odleglosci-v2 .sppb-media { flex-direction: column; }
	#s-odleglosci .pull-left, .s-odleglosci-v2 .pull-left { margin-bottom: 15px; }
	#s-odleglosci .sppb-title-heading, .s-odleglosci-v2 .sppb-title-heading { font-size: 16.66666vw; }
}

/* po przesieniu sekcji obok mapy (ale żeby nie ingerować w oryginał w razie wu) */
.s-odleglosci-v2 > div { flex-direction: column; justify-content: center; gap: 30px; }
@media (max-width: 991px) {
	.s-odleglosci-v2 h3 { font-size: 28px; }
	.s-odleglosci-v2 p  { font-size: 16px; }
	.s-odleglosci-v2 .sppb-img-container { max-width: 60px; }
}
@media (max-width: 767px) { .s-odleglosci-v2 > div { padding: 40px 25px 25px 15%; } }
@media (max-width: 575px) {
	.s-odleglosci-v2 .addon-root-feature { padding: 15px 0; }
	.s-odleglosci-v2 .sppb-media { position: relative; overflow: initial; }
	.s-odleglosci-v2 .pull-left { position: absolute; top: -20px; left: 175px; margin: 0; }
	.s-odleglosci-v2 .sppb-img-container { max-width: 120px; }
	.s-odleglosci-v2 img { width: 120px; opacity: 0.0666; }
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* inne, mniejsze sekcje */
.s-lib-inv .sppb-animated-number { font-size: 45px; }
@media (max-width: 1199px) { .s-lib-inv .sppb-animated-number { font-size: 40px; } }
@media (max-width: 767px) { .s-lib-inv .sppb-animated-number { font-size: 36px; } }
@media (max-width: 666px) { .s-lib-inv .sppb-animated-number { font-size: 30px; } }
@media (max-width: 991px) and (min-width: 768px) { .s-lib-inv .s-an-f-m { position: relative; top: -10px; } }
@media (max-width: 575px) { .s-lib-inv .s-an-f-m { margin-bottom: 12px; } }

/* .s-carousel-1 .addon-root-image-layouts { position: relative; } */
/* .s-carousel-1 .sppb-addon-image-layout-caption { background: transparent; position: static; } */
/* .s-carousel-1 a, .s-carousel-1 a:hover, .s-carousel-1 a:focus { width: 100%; display: block; text-align: center; color: var(--sppb-main-color2); } */
/* .s-carousel-1 h3 { color: var(--sppb-main-color2); position: absolute; font-size: 64px; text-align: left; } */
/* .s-carousel-1 label { cursor: pointer; } */
			/* OBECNIE nieużywane */
			/* #s-oferta h3{font-size: 18px; text-align: center; font-family: inherit; background: #fff; z-index: 1; position: relative;} */
			/* #s-oferta img{transform: scale(1); background:#fff; transition: transform 0.55s; will-change: transform;} */
			/* #s-oferta img:hover{transform: scale(1.2); } */
			/* @media (max-width: 767px) { #s-oferta h2.sppb-title-heading { font-size: 12.5vw; }} */


#s-oferta-v2 h3{font-size: 18px; text-align: center; font-family: inherit; background: #fff; z-index: 1; position: relative;}
#s-oferta-v2 img{transform: scale(1); background:#fff; transition: transform 0.55s; will-change: transform;}
@media (max-width: 767px) {#s-oferta-v2 h2.sppb-title-heading { font-size: 12.5vw; }}
/* poczarujmy :3 */
/*** TŁO MASKUJE OBRAZEK!!! ***/
#s-oferta-v2 a { display: flex; align-items: flex-end; justify-content: center; position: absolute; inset: 0; font-size: 0.975vw; padding-bottom: 0.75vw; /***/ color: transparent; /*background: linear-gradient(to top, #fff 0, #fff 15%, transparent 15%, transparent 100%);*/ }
@media (max-width: 720px) { #s-oferta-v2 a { font-size: 2.55vw; color: transparent; background: none; }}
#s-oferta-v2 .sppb-carousel-extended-item > div { padding: 0 20px; }
#s-oferta-v2 .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-item-content { width: 100%; aspect-ratio: 200 / 160; position: absolute; inset: 0; border-radius: 0; z-index: 1; }
#s-oferta-v2 .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-item-content:before { display: none; }
#s-oferta-v2 .sppb-testimonial-carousel-img-wrap { max-width: 100%; }
			/* stara wersja strzałek */
			/* @media (max-width: 991px) { */
				/* #s-oferta-v2 .sppb-carousel-extended-nav-control { width: 105px; height: auto; position: absolute; top: -108px!important; right: 0; } */
				/* #s-oferta-v2 .sppb-carousel-extended-item > div { padding: 0; } */
			/* } */
			/* @media (min-width: 576px) and (max-width: 767px) { */
				/* #s-oferta-v2 .sppb-carousel-extended-nav-control { width: 13.75vw; top: calc(-5.75vw - 50px - 1.75vw)!important; } */
				/* #s-oferta-v2 .sppb-carousel-extended-nav-control .nav-control { width: 5.75vw!important; height: 5.75vw!important; line-height: 5.75vw!important; font-size: 3.15vw; } */
			/* } */
			/* @media (max-width: 575px) { */
				/* #s-oferta-v2 .sppb-carousel-extended-nav-control { width: 90px; left: 0; top: -38px!important; margin: 0; } */
				/* #s-oferta-v2 .sppb-carousel-extended-nav-control .nav-control { width: 40px!important; height: 40px!important; line-height: 40px!important; } */
			/* } */
/* fix: strzałki jak w galerii */
/* kontener */
/* to jest cała "sztuczka" :) left: 50% / margin-left: -50vw --> przesuwamy pivot na środek, dzięki czemu jego pozycja zawsze będzie stała, bo środek zawsze jest w środku, a krawędzie, well... nie zawsze ;p */
#s-oferta-v2 .sppb-addon-testimonials-carousel { position: relative; }
#s-oferta-v2 .sppb-carousel-extended-nav-control { width: 100%!important; height: auto; position: absolute; top: 0!important; left: 0; padding: 0 40px; pointer-events: none; }
/* strzałka */
#s-oferta-v2 .nav-control { width: auto!important; height: auto!important; line-height: 1!important; position: absolute; top: -50px; margin: 0; padding: 40px 0; background: transparent!important; pointer-events: auto; transition: 0.325s; }
#s-oferta-v2 .nav-control i { display: none; }
#s-oferta-v2 .nav-control.prev-control { left: 0; }
#s-oferta-v2 .nav-control.next-control { right: 0; }
#s-oferta-v2 .nav-control:hover { filter: brightness(0.666); }
#s-oferta-v2 .nav-control::after { content: ''; display: block; height: 8px; aspect-ratio: 103 / 8; background-size: 100%; }
#s-oferta-v2 .nav-control.prev-control::after { background-image: url('/images/template/arrow-left2.svg'); }
#s-oferta-v2 .nav-control.next-control::after { background-image: url('/images/template/arrow-right2.svg'); }
/* dostosowanie kafelka on :hover */
#s-oferta-v2 .sppb-carousel-extended-item { transition: 0.325s; }
#s-oferta-v2 .sppb-carousel-extended-item:hover { filter: brightness(0.966); }



#o-unismo .sppb-column-addons { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
#o-unismo .addon-root-button-group { width: 100%; }
#o-unismo .addon-root-button-group .sppb-btn { margin-right: 20px; }
#o-unismo .addon-root-button-group .sppb-btn:last-child { margin-right: 0; }
@media (max-width: 767px) {
	#o-unismo .sppb-addon-button-group .sppb-addon-content { text-align: center; }
}



/* ----------------------------------------------------------------------------------------------- */
/* --- GALERIA DJ Media Tools --- */

/* globalne ustawienia dla DJ Media Tools */

body.com_djmediatools .sp-megamenu-parent > li > a { color: #fff; }
body.com_djmediatools #sp-footer { display: none; }
		/* ??? - propozycja */
		body.com_djmediatools .s-h-btn-1 .sppb-btn { background: #fff!important; color: #252525!important; padding: 10px 16px; font-size: 16px; }
		body.com_djmediatools .s-h-btn-1 .sppb-btn:hover { background: var(--sppb-main-color1)!important; color: #fff!important; }
body.com_djmediatools #sp-main-body { padding: 0; }
body.com_djmediatools #sp-main-body .container { max-width: 100%; padding: 0; }


/* kategorie */

body.com_djmediatools.view-categories #sp-main { margin-top: calc(-1 * (var(--header-gap) * 2 + var(--header-height))); }
@media (max-width: 991px) {
	body.com_djmediatools.view-categories #sp-main { margin-top: calc(-1 * (var(--header-gap-m) * 2 + var(--header-height))); }
	body.com_djmediatools.view-categories .burger-icon > span { background-color: #fff; }
}

body.com_djmediatools.view-categories #djmediatools { width: 100vw; height: 100vh; overflow: hidden; }
body.com_djmediatools.view-categories .s-dj-categories { height: 100%; display: flex; position: relative; left: -10vw; }

body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: 0.55s; }
body.com_djmediatools.view-categories #djmediatools .s-dj-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition: transform 0.55s; will-change: transform; z-index: 1; }
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper .s-filter { position: absolute; inset: 0; backdrop-filter: saturate(0.5) contrast(0.75) sepia(0.2); transition: 0.55s; z-index: 2; }
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper:before, body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper:after { content: ''; position: absolute; inset: 0; }
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper:before { background: #0b0805; opacity: 0.85; transition: 0.55s; z-index: 4; }
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper:after { background-image: url('/images/template/background-noise.png'); opacity: 0.025; z-index: 3; }
body.com_djmediatools.view-categories #djmediatools .s-dj-link { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; border: 0; color: #fff; font-size: 3vw; font-family: Newsreader; font-weight: 400; text-transform: uppercase; position: relative; z-index: 5; }
body.com_djmediatools.view-categories #djmediatools .s-dj-title { max-width: 20vw; }

/* hover wbrew kaskadzie CSS */
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper.s-dj-hover .s-filter { backdrop-filter: initial; }
body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper.s-dj-hover:before { opacity: 0; }
/*** ten kawałek nie ma już sensu, skoro na mobilną przechodzimy od 991px w dół - ale ma tu zostać!!! ***/
/* @media (min-width: 992px) { */
	/* body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper.s-dj-hover {  */
        /* width: 28vw!important; */
        /* min-width: 28vw!important; */
        /* max-width: 28vw!important; */
    /* }	 */
	/* body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper.s-dj-hover .s-dj-bg { transform: scale(1.03); } */
/* } */

/* mobilne */
/* @media (min-width: 1440px) { */
	/* body.com_djmediatools.view-categories #djmediatools .s-dj-link { font-size: 3.33333vw; } */
/* } */
/* @media (max-width: 991px) { */
	/* body.com_djmediatools.view-categories #djmediatools .s-dj-link { font-size: 4.33333vw; } */
/* } */
@media (max-width: 991px) {
	body.com_djmediatools.view-categories #djmediatools { width: initial; height: initial; overflow: initial; }
	body.com_djmediatools.view-categories .s-dj-categories { flex-direction: column; left: 0 !important; }
	body.com_djmediatools.view-categories #djmediatools .s-dj-wrapper { width: 100%!important; min-width: 100%!important; max-width: 100%!important; }
	body.com_djmediatools.view-categories #djmediatools .s-dj-link { font-size: 48px; padding: 220px 0; }
	body.com_djmediatools.view-categories #djmediatools .s-dj-title { max-width: 100%; }
}

/* jedna kategoria */

#djmediatools .dj-slideshow #djmediatools .dj-slideshow-in { max-width: 100vw; }
	#djmediatools .dj-slideshow .dj-slide img.dj-image,
	#djmediatools .dj-slideshow .dj-slide a:hover img.dj-image
		{ width: 100vw; height: 100vh; object-fit:contain; }
#djmediatools .dj-slideshow { margin: 0; }
#djmediatools .dj-slideshow .dj-navigation-in { position: fixed; left: 0; right: 0; top: calc(50% - 38px / 2); }
#djmediatools .dj-navigation-in a { margin: 0!important; padding: 20px 0; }
#djmediatools .dj-navigation-in a:after { content: ''; display: block; height: 8px; aspect-ratio: 103 / 8; background-size: 100%; }
#djmediatools .dj-navigation-in a.dj-prev:after { background-image: url('/images/template/arrow-left.svg'); }
#djmediatools .dj-navigation-in a.dj-next:after { background-image: url('/images/template/arrow-right.svg'); }
#djmediatools .dj-navigation-in img { display: none; }
#djmediatools .dj-slideshow .dj-indicators { position: fixed; left: 0; right: 0; bottom: 35px; z-index: 5; }
#djmediatools .dj-slideshow .dj-load-button { width: 40px; height: 40px; background-color: transparent; border: 0; border-radius: 0; margin: 0; position: relative; opacity: 1; }
#djmediatools .dj-slideshow .dj-load-button:after { content: ''; display: block; width: 5px; height: 5px; position: absolute; top: calc(50% - 2px); left: calc(50% - 2px); background-color: #fff; border-radius: 50%; transition: 0.15s; }
#djmediatools .dj-slideshow .dj-load-button:hover:after { background-color: var(--sppb-main-color1); }
#djmediatools .dj-slideshow .dj-load-button.dj-load-button-active:after { width: 7px; height: 7px; top: calc(50% - 3px); left: calc(50% - 3px); }
#djmediatools .dj-slideshow .dj-load-button span { display: none; }

#s-djmt-back { width: 48px; height: 48px; position: fixed; right: 30px; top: 45px; background: url('/images/template/x-button1.svg') center center / 30px 30px no-repeat; cursor: pointer; z-index: 102; }

.s-poli-prywa h2 { font-family: 'Newsreader', sans-serif; font-size: 36px; font-weight: 400; line-height: 1; text-decoration: none; }
.s-poli-prywa h3 { font-family: 'Newsreader', sans-serif; font-size: 28px; font-weight: 400; line-height: 1; text-decoration: none; }
/* propozycje */
.s-poli-prywa h2 { font-weight: 600; }
.s-poli-prywa h2 strong { font-weight: 600; /* color: var(--sppb-main-color1); */ }
.s-poli-prywa h3 strong { font-weight: 400; }









.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 80px;
  font-size: 15px;
  /* margin: 0 13px; */
  font-weight: 400;
  letter-spacing: 1px;
  
}