@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap");body {	background-repeat: no-repeat;	background-position: bottom;	background-position-y: 425px;	background-size: cover;	position: relative;	font-family: "Lato", sans-serif;	font-weight: 400;	font-size: 17px;	color: #646363;	overflow-x: hidden;}/* GRID kafli */.portfolio{	display:grid; gap:14px;	grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}.portfolio-item{	position:relative; display:block; color:#fff; text-decoration:none;	background:#111 center/cover no-repeat;	aspect-ratio:1/1;              /* kwadrat */	border-radius:12px; overflow:hidden;}.portfolio-item span{	position:absolute; inset:auto 0 0 0;	padding:10px 12px;	background:linear-gradient(transparent,rgba(0,0,0,.7));	font-weight:600;}/* Zawartość w lightboxie */.project {	background: #fff;	border-radius: 16px;	padding: clamp(16px, 2.5vw, 32px);	width: min(1200px, 90vw);	max-height: 90vh;	overflow: auto;	box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);	position: relative;}.project .close-btn {	position: absolute;	top: 6px;	right: 10px;	font-size: 58px;	font-weight: 300;	line-height: 1;	color: #14b4e8;	cursor: pointer;	z-index: 10;	opacity: 0.8;	transform: rotate(-5deg) scale(1);	transition: all 0.25s ease;	font-family: "Arial Black", "Segoe UI", sans-serif;	text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);}.portfolio-item {	position: relative;	display: block;	color: #fff;	text-decoration: none;	background: #111 center/cover no-repeat;	aspect-ratio: 1/1;	border-radius: 12px;	overflow: hidden;	cursor: pointer;	transition: transform 0.3s ease;}.portfolio-item:hover {	transform: scale(1.03);}/* niebieskie przykrycie */.portfolio-item::before {	content: "";	position: absolute;	inset: 0;	background: #40c9ef;	opacity: 0;	transition: opacity 0.3s ease;	z-index: 2; /* teraz przykrywa napis */}/* duży żółty plus */.portfolio-item::after {	content: "+";	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%) scale(0.8);	font-size: 90px;	color: #ffda06;	font-weight: 700;	opacity: 0;	transition: all 0.3s ease;	pointer-events: none;	text-shadow: 0 0 10px rgba(0,0,0,0.3);	z-index: 3; /* plus na wierzchu */}/* napis na kaflu */.portfolio-item span {	position: absolute;	inset: auto 0 0 0;	padding: 10px 12px;	background: linear-gradient(transparent, rgba(0,0,0,0.7));	font-weight: 600;	z-index: 1; /* pod overlayem */	transition: opacity 0.3s ease;}/* efekty po najechaniu */.portfolio-item:hover::before {	opacity: 0.8; /* siła niebieskiego przykrycia */}.portfolio-item:hover::after {	opacity: 1;	transform: translate(-50%, -50%) scale(1);}.portfolio-item:hover span {	opacity: 0; /* napis znika pod overlayem */}.project .close-btn:hover {	opacity: 1;	color: #fed707;	transform: rotate(7deg) scale(1.15);	text-shadow: 3px 4px 10px rgba(174, 173, 166, 0.5);}.project header h2{ margin:0 0 6px; font-size:clamp(18px,2.4vw,28px); }.project p{ margin:0 0 10px; line-height:1.5; }/* Prosta galeria pozioma wewnątrz okna */.project .gallery{	display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; margin-bottom:12px;}.project .gallery img{	height:min(72vh,800px); width:auto; object-fit:contain;	border-radius:10px; scroll-snap-align:center; display:block;}/* Wymuszenie pełnoekranowego tła lightboxa */.fancybox__container {	background: rgba(0, 0, 0, 0.9) !important; /* ciemne tło */}/* Cała zawartość ma być wycentrowana w środku */.fancybox__slide {	display: flex !important;	align-items: center !important;	justify-content: center !important;}.clients {	position: relative;	display: inline-block;	margin: 37px;}.clients img {	display: block;}.clients-overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(254, 220, 49, 0.9); /* półprzezroczyste tło */	display: flex;	align-items: center;	justify-content: center;	font-size: 16px;	font-weight: bold;	opacity: 0;	transition: opacity 0.5s ease-in-out;	text-align: center;	line-height: 37px;}.clients-overlay.show {	opacity: 1;}.features {	width:100%;	background:#fff;	padding:32px 12px;	box-shadow:0 4px 12px rgba(0,0,0,.08);	border-top:3px solid #31a6db;	border-bottom:2px solid #31a6db;}.features__container {	margin:0 auto;	max-width:1330px;	width:100%;	display:flex;	flex-wrap:wrap;	gap:28px;	justify-content:center;}.feature {	display:flex;	align-items:center;   /* ikonka + tekst w jednej linii */	background:#fff;	border-radius:14px;	padding:10px 10px;	box-shadow:0 6px 18px rgba(0,0,0,.08);	width:fit-content;	max-width: 240px;	width:100%;}.feature img {	display:block;	width:auto;	height:auto;	max-width:64px;  /* dopasuj wielkość ikonki */	margin-right:12px;}.feature p {	margin:0;	font:14px/1.4 "Inter", Arial, sans-serif;	color:#222;	max-width:22ch; /* ograniczenie długości tekstu */}/* Na bardzo wąskich ekranach — tekst pod spodem */@media (max-width:480px){	.feature {		flex-direction:column;		text-align:center;	}	.feature img {		margin-right:0;		margin-bottom:8px;		max-width:80px;	}}a.telefon {	text-decoration: none;	cursor: pointer;}a.telefon-content {	text-decoration: none;	color:#ffd204;	cursor: pointer;}.container {}@media (max-width: 991px) {	.right {		display: none	}	#abc,	#ab {		clear: both;	}	body {		font-size: 15px;	}}.logo {	float: left;	margin-right: 10px;}.left {	float: left;	margin-left: 80px;}a {	color: black;}a:hover,a:focus,a:active {	text-decoration: none;	color: black;}button:focus {	outline: 0;}.ml-0 {	margin-left: 0;}.ml-1 {	margin-left: 1rem;}.ml-2 {	margin-left: 2rem;}.ml-3 {	margin-left: 3rem;}.ml-4 {	margin-left: 4rem;}.ml-5 {	margin-left: 5rem;}.ml-6 {	margin-left: 6rem;}.ml-7 {	margin-left: 7rem;}.inline-block {	display: inline-block;}h1,h2,h3,h4,h5,h6 {	color: black;	font-size: 20px;	font-weight: bold;	text-transform: uppercase;}.form-control {	border-radius: 15px;	max-width: 80%;}.form-control:focus {	border-color: #7D9855;	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 152, 85, 0.6);	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 152, 85, 0.6);}textarea.form-control {	resize: vertical;}.input-form.has-error input[type="text"],.input-form.has-error input[type="email"],.input-form.has-error textarea {	border-color: #72c7f5;}.btn-warning {	background-color: #f79d0b;	border-color: #f79d0b;}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning:active:hover {	background-color: #e18e07;	border-color: #e18e07;}.btn-success {	background-color: #ffe32e;	border-radius: 15px;	max-width: 80%;	border-color: #272727;}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success:active:hover {	background-color: #ff7534;	border-color: #272727;}.btn-group-xl>.btn,.btn-xl {	padding: 14px 37px;	font-size: 20px;	line-height: 1.3333333;	border-radius: 12px;}header {	height: 82px;	position: fixed;	top: 0;	left: 0;	right: 0;	background-color:black;	background-image: url("/img/header-bg.jpg");	#border-radius: 8px 0 0 8px;	background-repeat: no-repeat;    /* żeby obrazek się nie powtarzał */	background-size: cover;          /* dopasuje tak, by zakryć cały div */	background-position: center;	z-index: 100;}header .brand {	display: table-cell;	vertical-align: middle;	width: 260px;	padding-left: 20px;	font-weight: bold;	color: black;	font-size: 16px;	height: 82px;}#hb {	display: none;}nav ul {	list-style: none;	margin: 0;	padding: 0;}nav ul li {	text-align: center;}.languages a {	margin: 0 1px;}@media (min-width: 992px) {	.nav-home.mobile {		display: none	}	.page-wrapper {		padding: 110px 0 60px;	}	nav {		padding-left: 116px;		padding-right: 30px;		display: block;		position: relative;		right: -2px;		float: left;		width: 90%;		font-size: 18px;		font-weight: bold;	}	nav>ul {		margin-top: 20px;		margin-left: 50px;		display: flex;		flex-direction: row;		justify-content: space-around;	}	nav>ul>li {		display: inline-block;		position: relative;		cursor: pointer;	}	nav>ul>li:not(.languages):after {		position: absolute;		content: ' ';		bottom: 0;		left: 0;		right: 0;		height: 0;		background-color: #ffc317;		transition: height .1s;	}	nav>ul>li>a,	nav>ul>li>span {		display: table-cell;		vertical-align: middle;		height: 53px;	}	nav>ul>li>a:hover,	nav>ul>li>a:focus,	nav>ul>li>span:hover,	nav>ul>li>span:focus {		color: #646363;		text-decoration: none;	}	nav>ul>li a,	nav>ul>li span {		color: #646363;	}	nav>ul>li a:hover,	nav>ul>li a:focus,	nav>ul>li span:hover,	nav>ul>li span:focus {		color: #646363;		text-decoration: none;	}	nav>ul>li.active:after,	nav>ul>li:hover:after {		height: 8px;	}	nav>ul>li ul {		transition: visibility .2s, opacity .2s;		visibility: hidden;		opacity: 0;		position: absolute;		border: #ffe32e solid;		border-width: 2px 0 2px 0;		box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);	}	nav>ul>li ul li {		position: relative;		white-space: nowrap;		background-color: #ffffff;	}	nav>ul>li ul li:hover {		background-color: #eee;	}	nav>ul>li ul li a,	nav>ul>li ul li span {		display: block;		padding: 10px;	}	nav>ul>li>ul {		top: 100%;		left: 50%;		transform: translateX(-50%);	}	nav>ul>li>ul>li ul {		top: -2px;		left: 100%;	}	nav>ul li:hover>ul {		visibility: visible;		opacity: 1;	}	nav .nav-home {		float: left;		color: #ff7534;		font-size: 25px;		padding: 8px 15px;	}	nav .languages {		background-color: #f79d0b;		padding: 0 4px 4px 4px;		border-bottom-left-radius: 5px;		position: absolute;		right: 0;		bottom: -42px;	}	nav .languages a {		display: inline-block;		height: auto;	}	nav .languages a img {		transition: all 0.1s;	}	nav .languages a:hover img {		transform: scale(0.88);	}}@media (max-width: 991px) {	.logo {		float: left;		margin-right: 10px;	}	.left {		float: left;		margin-left: 5px;	}	.right {}	#hb {		display: block;		position: absolute;		top: 15px;		right: -2px;		background-color: #ffffff;		border: solid #e74520;		border-width: 2px 0 2px 2px;		border-radius: 8px 0 0 8px;		box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.3);		font-size: 28px;		color: #ffffff;		cursor: pointer;		width: 70px;		height: 50px;	}	#hb span {		background-color: #e74520;		position: absolute;		left: 18px;		top: 12px;		width: 30px;		height: 4px;		border-radius: 3px;		transition: all 0.2s;	}	#hb span:nth-child(2) {		top: 21px;	}	#hb span:nth-child(3) {		top: 21px;	}	#hb span:nth-child(4) {		top: 30px;	}	#hb.open span:nth-child(1),	#hb.open span:nth-child(4) {		opacity: 0;	}	#hb.open span:nth-child(2) {		transform: rotate(-45deg);	}	#hb.open span:nth-child(3) {		transform: rotate(45deg);	}	nav {		position: fixed;		background url("/img/navbg.jpg");		background-color: #ffffff;		overflow-y: auto;		top: 82px;		bottom: 0;		left: 100%;		width: 100%;		transition: left 130ms ease-in;	}	nav.open {		transition: all 230ms ease-out;		left: 0;	}	nav.open>ul ul {		opacity: 1;	}	nav .nav-home {		display: none;	}	nav ul li>a,	nav ul li>span {		#font-weight: bold;		font-size: 14px;		display: block;		padding: 20px 0;		color: #ffffff;	}	nav ul li>a:hover,	nav ul li>a:focus,	nav ul li>span:hover,	nav ul li>span:focus {		text-decoration: none;	}	nav>ul>li {		margin-top: 5px;		background-color: #111111;	}	nav>ul>li>a:hover,	nav>ul>li>a:focus,	nav>ul>li>span:hover,	nav>ul>li>span:focus {		color: #ffffff;	}	nav>ul>li>ul>li {		background-color: #ffffff;	}	nav>ul>li>ul>li a,	nav>ul>li>ul>li span {		color: #646363;	}	nav>ul>li>ul>li a:hover,	nav>ul>li>ul>li span:hover {		background-color: #eee;	}	nav>ul>li>ul>li ul {		border: #eee solid;		border-width: 1px 0 1px 0;	}	nav>ul>li>ul>li ul li a,	nav>ul>li>ul>li ul li span {		font-size: 13px;		padding: 8px 0;	}	nav .languages {		background-color: #fcd99f;	}	nav .languages a {		display: inline-block;		padding: 10px 0;	}}.slide-wrapper {	margin-top: 82px;	position: relative;}.slide-wrapper .slide {	display: none;	opacity: 0;	position: relative;	#max-width: 1240px;	height: 300px;	margin: auto;}.slide-wrapper .slide.show {	display: block;}.slide-wrapper .slide .slide-text-bg {	height: 100%;	width:100%;	position: absolute;	z-index: 10;}.slide-wrapper .slide .slide-text-bg .slide-text {	max-height: 100%;	position: relative;	top: 50%;	-ms-transform: translateY(-50%);	transform: translateY(-50%);}@media (min-width: 992px) {	.homepage-boxes {		padding: 40px 20px;	}	.boxes-grid {		display: flex;		flex-wrap: wrap;		gap: 20px;		justify-content: center;	}	.box {		display: flex;		flex-wrap: wrap;		#width: 700px;		#height: 460px;		border: 1px solid #ccc;		overflow: hidden;		box-sizing: border-box;	}	.box-left,	.box-right {		width: 50%;		height: 100%;		box-sizing: border-box;		padding: 20px;	}	.box-left {		background-color: #ffffff;	}	.box-left h2 {		font-size: 20px;		margin-bottom: 10px;	}	.box-left img {		max-width: 100%;		height: auto;		display: block;		border: 1px solid #eee;	}	.box-right {		background-color: #272727;		color: #ffffff;		display: flex;		flex-direction: column;		justify-content: space-between;	}	.box-content {		overflow: hidden;		max-height: 320px;		text-align: justify;	}	.read-more {		display: inline-block;		padding: 10px 15px;		color: #e74520;		border: 2px solid #e74520;		text-decoration: none;		background-color: #272727;		margin-top: 10px;		transition: 0.3s;		text-transform: uppercase;		font-weight: bold;		text-align: center;	}	img.responsive-image {		width: 100%;		height: auto;		display: block;	}	.read-more:hover {		background-color: #72c7f5;		background-color: #72c7f5;		color: #272727;	}	@media (min-width: 992px) {		.boxes-grid {			justify-content: space-between;		}		.box {			width: calc(50% - 10px);			/* 2 boxy w wierszu z odstępem */		}	}	#ab>.logo {		margin-left: 110px;	}	.slide-wrapper {		#border-bottom: 6px solid #f79d0b;		height: 350px;	}	.slide-wrapper:after {		position: absolute;		display: block;		bottom: -12px;		content: ' ';		height: 6px;		left: 0;		right: 0;		#background-color: #7D9855;	}	.slide-text-bg {		position: absolute;	}	.slide-wrapper .slide .slide-text-bg {		#width: 30%;	}	.slide-wrapper .slide .slide-img {		width: 70%;		position: absolute;		bottom: 0;		right: 0;		top: 0;		z-index: 5;		direction: rtl;	}}@media (max-width: 991px) {	.box-content {		text-align: justify;	}	img.responsive-image {		width: 100%;		height: auto;		display: block;	}	.slide-wrapper .slide {		text-align: center;		height: auto;	}	.slide-wrapper .slide .slide-text-bg {		width: 100%;	}	.slide-wrapper .slide .slide-text-bg .slide-button {		text-align: center !important;	}	.slide-wrapper .slide .slide-img img {		max-width: 100%;	}}.page-wrapper {	#padding: 110px 0 60px;}.page-wrapper .breadcrumbs {	margin-top: -60px;}footer {	color: #ffffff;	padding: 10px 0 5px;	font-size: 15px;	line-height: 1.2;}footer a {	color: grey;}footer a:hover,footer a:focus {	color: #ffffff;	text-decoration: underline;}footer .row>div {	margin-bottom: 10px;}footer .footer-contact {	display: inline-block;}@media (max-width: 767px) {	footer .footer-contact {		display: block;	}}.gallery-box {	display: block;	text-align: center;	color: #646363;	margin: 20px 0;}.gallery-box:hover,.gallery-box:focus {	color: #646363;	text-decoration: none;}.gallery-box img {	max-width: 100%;	transition: all 0.3s;}.gallery-box:hover img {	opacity: 0.8;}.gallery-box .gallery-box-title {	font-family: "Just Another Hand", cursive;	font-size: 25px;}.gallery-box small {	font-size: 10px;}.cookiealert {	position: fixed;	bottom: 0;	left: 0;	width: 100%;	margin: 0 !important;	z-index: 999;	opacity: 0;	border-radius: 0;	transform: translateY(100%);	transition: all 500ms ease-out;	color: #ecf0f1;	background: #1a4360;}.cookiealert.show {	opacity: 1;	transform: translateY(0%);	transition-delay: 1000ms;}.cookiealert .cookiealert-text {	display: inline-block;	margin-bottom: -10px;}.cookiealert a {	text-decoration: underline;}.cookiealert a:hover,.cookiealert a:focus {	color: #ecf0f1;}.cookiealert .acceptcookies {	margin-left: 10px;	vertical-align: baseline;}@media screen and (max-width: 960px) {	.rwd-table {		overflow-x: scroll;	}}.offer-icons {	#background-color: #fff;	position: relative;	padding: 0px 0 30px;}.offer-icons:after {	width: 100%;	height: 15px;	content: ' ';	display: block;	bottom: -15px;	position: absolute;	z-index: 1;}.offer-icons .offer-icon-box {	width: 25%;	text-align: center;	font-size: 25px;	#color: #a3b55c;	display: inline-block;	margin: 10px 0;	vertical-align: top;	padding: 0 5px;	#cursor: pointer;}.offer-icons .offer-icon-box:focus {	text-decoration: none;}.offer-icons .offer-icon-box img {	max-width: 100%;}.offer-icons .offer-icon-box .offer-icon-text {	margin-top: 5px;	text-transform: uppercase;	word-break: break-word;}@media (max-width: 991px) {	.offer-icons .offer-icon-box {		font-size: 2.1vw;	}    .read-more {color:#72c7f5}}.biala-otoczka {	color: #ffd204;	filter:			drop-shadow(1px 0 0 #6a6a6b)			drop-shadow(-1px 0 0 #6a6a6b)			drop-shadow(0 1px 0 #6a6a6b)			drop-shadow(0 -1px 0 #6a6a6b);}/*# sourceMappingURL=style.css.map */.webprom-steps-wrapper {	display: flex;	flex-wrap: wrap;	justify-content: center;	gap: 30px;	text-align: center;	margin: 30px 0;}.webprom-step-box {	max-width: 340px;}.webprom-step-box img {	max-width: 100%;	height: auto;	display: block;	margin: 0 auto 10px;}.webprom-step-box h3 {	font-size: 18px;	margin: 10px 0 5px;}.webprom-step-box p {	font-size: 14px;	line-height: 1.5;	margin: 0;}@media (max-width: 768px) {	.webprom-step-box {		max-width: 100%;	}}.twocols ul {	columns: 2;          /* liczba kolumn */	-webkit-columns: 2;	-moz-columns: 2;	column-gap: 40px;    /* odstęp między kolumnami */	list-style-position: inside;}.twocols li {	margin-bottom: 6px;}.tworzenie-section {	width: 100%;	#background-image: url('link-do-obrazu.jpg');	#background-size: cover;	#background-position: center;	#background-repeat: no-repeat;	padding: 60px 20px; /* marginesy wewnętrzne dla tekstu */}.tworzenie-bg-inner {	max-width: 1324px;	margin: 0 auto;	#color: #fff; /* możesz zmienić kolor tekstu */}/* WYMUSZENIE OPŁYWANIA TEKSTU */.project img.project-float-50{	float: left;	width: 50%;	max-width: 50%;	height: auto;	margin: 0 20px 15px 0;	display: block;}/* TO JEST KLUCZ – USUWAMY CLEAR Z TEKSTU */.project p,.project p *{	clear: none !important;	float: none !important;}/* upewniamy się, że kontener nie zabija floata */.project{	overflow: visible !important;}/* clearfix dopiero na końcu */.project .clearfix{	clear: both;}/* Kontener treści projektu */.fancybox__slide .project-inner{	max-height: calc(100vh - 140px); /* bezpieczny zapas na padding i nagłówek */	overflow-y: auto;	overflow-x: hidden;	padding-right: 10px;}/* Obraz w portfolio */.fancybox__slide .project-float-50{	float: left;	width: 50%;	max-width: 50%;	height: auto;	/* KLUCZOWE */	max-height: calc(100vh - 200px);	object-fit: contain;	margin: 0 20px 15px 0;	display: block;}/* RAMKA obrazka – to ona pływa i ma scroll */.fancybox__slide .project-img-wrap{	float: left;	width: 50%;	margin: 0 20px 15px 0;	/* KLUCZOWE */	overflow: hidden;     /* obraz nie wychodzi poza obszar */}/* obraz NIE jest ograniczany wysokością – zachowuje naturalne proporcje */.fancybox__slide .project-img-wrap .project-img{	width: 100%;	height: auto;	display: block;}/* clearfix na końcu jak miałeś */.fancybox__slide .project .clearfix{ clear: both; }/* mobile */@media (max-width: 768px){	.fancybox__slide .project-img-wrap{		float: none;		width: 100%;		max-height: 50vh;		margin: 0 0 15px 0;	}}.fancybox__slide .project-img{	width: 100%;	height: auto;	display: block;}.fancybox__slide .project-inner::after{	content: "";	display: block;	clear: both;}/* MOBILE */@media (max-width: 768px){	.fancybox__slide .project-img-wrap{		float: none;		width: 100%;		margin: 0 0 15px 0;	}}