/*
	Theme Name: Marina Gdańsk
	Description: Szablon stworzony dla Marina Gdańsk
	Version: 1.0
	Author: Noveo
	Author URI: http://noveo.pl/

*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

:root{
	--marina-section-top-bg: url('../../uploads/2026/07/8e0a960d2232e3eb102a12821ee38d60891dab20.jpg');
	--marina-section-bottom-bg: url('../../uploads/2026/07/5203852644fd557888ef42775e60cffd1d1a7300.jpg');
	--marina-marina-gdansk-footer-bg: url('../../uploads/2026/08/plaza.png');
}

form.woocommerce-checkout #customer_details textarea.input-text,
body,
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{
	font:200 18px/1.4 'Atkinson Hyperlegible Next', Lato, sans-serif;
	
}

body {
	color: #57504e;
	margin: unset;
	background: #f7f3f0;
	overflow-x: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
	transition: 0.4s;
}
a:hover {
	color:#444;
} 



/* cormorant-garamond-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/cormorant-garamond-v20-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cormorant-garamond-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/cormorant-garamond-v20-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/cormorant-garamond-v20-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cormorant-garamond-v20-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* atkinson-hyperlegible-next-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* atkinson-hyperlegible-next-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/atkinson-hyperlegible-next-v7-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




h1{
	font-size:96px; 
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight:300;
}

h2{
	font-size:72px;
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight: 300;
	line-height: 80px;
}

h3{
	font-size:56px;
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight:300;
	line-height: 50px;
	color: #3C3632;
}

h4{
	font-size:48px;
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight:300;
	line-height: 50px;
}

h5{
	font-size:32px;
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight:300;
	line-height: 35px;
}

h6{
	font-size:24px;
	font-family: 'Atkinson Hyperlegible Next';
	margin: unset;
	font-weight:300;
	line-height: 35px;
}


 





.head-abs{
	position: fixed!important;
	top: 0px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	z-index: 9999;
}

.head-abs .wrapper{
	max-width: none;
	width: 100%;
}

.stickymenu .head-abs {
    position: fixed;  
    max-width: 100%;
    width:100%;
}

.stickymenu .header {
}


.logo-img {
    transition: 0.4s;
    height: 48px!important;
}


.stickymenu .logo-img {
}

.stickymenu .head-abs:after{
	background: #000000b8;
}

.head-abs:after{
	content:"";
	height: 0%;
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	z-index: -1;
	transition: 0.4s;
	content: "";
	height: 100%;
	background: #0000000a;
} 
 		
		
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width: 1200px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 96px);
	margin: 0 auto;
	padding: 48px 0;
	gap: 24px;
	border-bottom: 1px solid rgba(255,255,255,0.33);
}
/* logo */
.logo {display: flex;align-items: center;}
 
/* nav */
.nav {display: flex;align-items: center;transition: 0.4s;margin-left: auto;}

.nav ul{
    padding: unset;
    list-style: none;
    display: flex;
    margin: unset;
    gap: 48px;
    font-weight: 500;
    padding: 0 10px;
}
.nav li{
    position: relative;
    white-space: nowrap;
}

.header .nav > ul{
	align-items: center;
}

.header .sub-menu   li{}

.wrap-li{
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
}

  
.header  .nav .sub-menu{
	display: flex;
	flex-direction: column;
	z-index: 99999;
	opacity: 0;
	transition: opacity 0.25s ease, transform 0.25s ease;
	position: absolute;
	top: calc(100% + 18px);
	left: 50%;
	transform: translateX(-50%) translateY(12px);
	min-width: 220px;
	padding: 10px;
	background: rgba(8, 34, 57, 0.94);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 20px;
	box-shadow: 0 18px 44px rgba(0,0,0,0.24);
	visibility: hidden;
	pointer-events: none;
}

.header .menu-item-has-children:hover > .sub-menu,
.header .menu-item-has-children:focus-within > .sub-menu{
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	visibility: visible;
	pointer-events: auto;
}

.header .menu-item-has-children > .sub-menu:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -18px;
	height: 18px;
}


@keyframes load {
  0%   {opacity:0;} 
  100% {opacity: 1}
}
 
.header .sub-menu a{
	padding: 12px 14px;
	display: block;
	margin: unset;
	white-space: normal;
	color: white!important;
	border-radius: 12px;
}

.header .sub-menu a:hover{
	background: rgba(255,255,255,0.08);
}


.nav a{
    color: white;
    font-size: 14px;
    font-weight: 500;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
 

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
		height: auto;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


#toggle{
 display: none;
}

 



.form-row-cf{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

 
.form-item-cf{
    width: 100%;
}

 
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #ffffff !important;
    padding: 16px !important;
    font-weight: normal;
    background: transparent;
    border: unset;
    border-bottom: 1px solid #ffffff54;
    padding-left: unset !important;
}

.popup-kreg-box .wpcf7-text, 
.popup-kreg-box .wpcf7-textarea, 
.popup-kreg-box  .wpcf7-captchar {
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: black!important;
    padding: 16px !important;
    font-weight: normal;
    background: transparent;
    border-bottom: 1px solid #ffffff54;
    border: 1px solid black!important;
    padding: 10px;
}






.popup-kreg-box input::-webkit-input-placeholder,
.popup-kreg-box textarea::-webkit-input-placeholder { /* Chrome */
	color: #0000009e!important;
}
.popup-kreg-box input:-ms-input-placeholder,
.popup-kreg-box textarea:-ms-input-placeholder { /* IE 10+ */
	color: #0000009e!important;
}
.popup-kreg-box input::-moz-placeholder,
.popup-kreg-box textarea::-moz-placeholder { /* Firefox 19+ */
	color: #0000009e!important;
  opacity: 1;
}
.popup-kreg-box input:-moz-placeholder,
.popup-kreg-box textarea:-moz-placeholder { /* Firefox 4 - 18 */
	color: #0000009e!important;
  opacity: 1;
}

 
.popup-kreg-box .wpcf7-text:active, 
.popup-kreg-box .wpcf7-text:focus, 
.popup-kreg-box .wpcf7-textarea:active, 
.popup-kreg-box .wpcf7-textarea:focus{
	color: black!important;
}




#pwgc-message{
	
}


 
.wpcf7-text:active, .wpcf7-text:focus, .wpcf7-textarea:active, .wpcf7-textarea:focus {
    outline: none!important;
    border:none;
    color: white!important;
    border-bottom: 1px solid #ffffff54;
}


 



::-webkit-input-placeholder { /* Chrome */
  color: #c3c3c3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c3c3c3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c3c3c3;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #c3c3c3;
  opacity: 1;
}


input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
    padding: 20px 20px;
    color: white;
    font-size: 14px;
    background: #258ed0;
    font-weight: 400;
    padding-right: 60px;
    border-radius: 30px;
}



.wpcf7-text:active::-webkit-input-placeholder,
.wpcf7-text:focus::-webkit-input-placeholder,
.wpcf7-textarea:active::-webkit-input-placeholder,
.wpcf7-textarea:focus::-webkit-input-placeholder{ 
    color:white;
}
.wpcf7-text:active::-ms-input-placeholder,
.wpcf7-text:focus::-ms-input-placeholder,
.wpcf7-textarea:active::-ms-input-placeholder,
.wpcf7-textarea:focus::-ms-input-placeholder{ 
    color:white;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:white;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:white;
} 

.form-column-cf{display: flex;justify-content: space-between;flex-direction: column;gap: 8px;}



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

    .form-column-cf{
		flex-direction: column;
	}

	.form-row-cf{
		width:100%;
		flex-direction: column;
	}

}



.bg-single{
	height: 450px;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

.bg-single.no-img{background-color: black;}



:root{
	--motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--motion-ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
}

.hidden,
.fade-in-element{
	transition:
		opacity 0.82s var(--motion-ease),
		transform 0.95s var(--motion-ease),
		filter 0.82s var(--motion-ease),
		box-shadow 0.42s var(--motion-ease-soft),
		background-color 0.35s ease,
		color 0.35s ease,
		border-color 0.35s ease;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}

.hidden{
	opacity: 0;
	transform: translate3d(var(--motion-x, 0), var(--motion-y, 42px), 0) scale(var(--motion-scale, 1));
	filter: blur(10px);
	will-change: opacity, transform, filter;
}

.fade-in-element{
	opacity: 1;
	transform: none;
	filter: none;
	transition-delay: var(--motion-delay, 0ms);
}

.motion-from-left{
	--motion-x: -48px;
	--motion-y: 18px;
}

.motion-from-right{
	--motion-x: 48px;
	--motion-y: 18px;
}

.motion-from-up{
	--motion-x: 0;
	--motion-y: 42px;
}

.motion-soft-scale{
	--motion-scale: 0.972;
}

@media (prefers-reduced-motion: reduce){
	.hidden,
	.fade-in-element,
	.btn a,
	.btn a svg,
	.uslugi-card,
	.uslugi-card-button,
	.uslugi-card-button-icon,
	.przystanie-card,
	.przystanie-card-button a,
	.przystanie-card-button a svg,
	.plakietka-box,
	.plakietka-button a,
	.plakietka-button a svg,
	.tile-item,
	.cennik-topic-summary,
	.kontakt-item-value,
	.pogoda-item,
	.baner-advantage,
	.pierscien-advantage,
	.all-single-post,
	.single-blog-item{
		transition: none !important;
		transform: none !important;
		filter: none !important;
	}
}

			.gallery-size-full .gallery-item {
			    padding: 5px;
			}

.footer{
	margin: 0;
	background: #ffffff;
}

body.single-przystanie.marina-gdansk .footer::before{
	content: '';
	display: block;
	width: 100%;
	height: 410px;
	background: var(--marina-marina-gdansk-footer-bg) center bottom / cover no-repeat;
}

body.single-przystanie.marina-gdansk .galeria-section:last-of-type{
	position: relative;
	padding-bottom: 180px;
	background: #ffffff;
	overflow: hidden;
}

body.single-przystanie.marina-gdansk .galeria-section:last-of-type::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 700px;
	transform: none;
	background: var(--marina-marina-gdansk-footer-bg) center bottom / 100% 700px no-repeat;
	pointer-events: none;
	z-index: 0;
}

body.single-przystanie.marina-gdansk .galeria-section:last-of-type .galeria-wrap{
	position: relative;
	z-index: 1;
}

body.single-przystanie.marina-gdansk .footer::before{
	display: none;
}

.footer-partners{
	background: #F2F2F2;
	padding: 32px 120px;
}

.footer-partners-inner{
	max-width: 1199px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.footer-partners-inner img{
	display: block;
	max-width: 435px;
	width: 100%;
	height: auto;
}

.footer-partners-inner p{
	margin: 0;
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: #757575;
	text-align: center;
	max-width: 940px;
}

.footer-shell{
	background: #ffffff;
	padding: 0;
}

.footer-shell .wrapper{
	max-width: none;
	width: 100%;
}

.foot-bg {
	background: #11507A!important;
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 128px 120px;
	background-position: center!important;
	background-size: cover!important;
}
.logo-item:hover{
	opacity:0.7;
}
.foot-cols {
	display: grid;
	grid-template-columns: 486px 588px;
	gap: 128px;
	align-items: start;
	justify-content: center;
	max-width: 1202px;
	margin: 0 auto;
}
.foot-col a {transition: 0.4s;}

.foot-col a:hover{
opacity:0.7;
}
.foot-col p{
	margin-top: 0px;
}
.foot-col ul{
    margin: unset;
    padding: unset;
    list-style: none;
    line-height: 30px;
}
.foot-col li{
}
.foot-col a{}

.foot-title {
	margin: 0 0 32px;
	color: white;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
}
.hr-bar {height: 2px;background: #ADADAD;}

.copyright{
	margin: unset;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	color: white;
	font-size: 14px;
	padding-top: 128px;
}

.copy-left{display: flex;}

.foot-spac{
	margin: 0 10px;
}

.foot-col img{
	margin:unset;
}


.foot-logo{
	
height: 30px;
	
margin-left: 20px;
}


 

span.wpcf7-list-item{
  margin-left:unset;
}

.copysend{
  display: none!important;
}

 

.page-bread span{
	display: flex;
	flex-wrap: wrap;
}


.page-bread p {
	margin:unset;
	display: flex;
}

.page-bread{
	display:flex;
	flex-wrap: wrap;
}

 .tns-item:not(.tns-slide-active)    + .tns-slide-active   + .tns-slide-active  { 
  /*center slider*/
}



.simple-margin{
	word-break: auto-phrase; 
	margin: 80px auto; 
}

.foot-col-1{}

.foot-col-1 img{
    max-width: 250px;
}

					
table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2a5750;
  color: white;
}

 

 
	.gallery  img{
	    border: unset!important;
	    height: auto;
	}
	div.gallery {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	}

.arrow-menu{
	position: absolute;
	right: -25px;
	top: 50%;
	transform: translate(0, -50%) rotate(0deg);
	width: 30px;
	height: 20px;
	text-align: center;
	z-index: 99999;
	transition: 0.4s;
}
.arrow-menu {
    display: flex!important;
    transform: translate(0, -50%)  rotate(0deg);
    align-items: center;
    justify-content: center;
}
.arrow-menu{
	right: -22px;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
}
.menu-item-has-children > a{
	padding-right: 4px;
}
.arrow-menu.active-arrow,
.menu-item-has-children:hover > .wrap-li .arrow-menu,
.menu-item-has-children:focus-within > .wrap-li .arrow-menu{
	color: #ffffff;
}
.arrow-menu.rotatearrow svg {
    transform: translate(0, -50%) rotate(180deg);
}

.sub-menu.opensubmenu {
    display: block!important;
}

body.menu-open{
	overflow: hidden;
}

.bread-sep{
	color: #ff814a;
	margin: 0 10px;
}
.woocommerce-products-header a,
#breadcrumbs span a {
	color: #ff814a;
}
.woo-bread,
#breadcrumbs span,
#breadcrumbs {
	display: flex;
	margin: unset;
	flex-wrap: wrap;
}
.breadcrumb_last{ 
	color: #a5a8b3;
}



input[type="checkbox"] {
	/* Remove default styling */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ffffff;
	min-width: 20px; /* Adjust the size */
	min-height: 20px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid gray;
}
input[type="checkbox"]:checked {
	background-color: #2a5750; /* Adjust the color of checked state */
	border-color: #2a5750;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
}
 


.acceptance-container span{
	cursor:pointer;
}



.swiper-horizontal{
	overflow:hidden;
}
.swiper-button-next, .swiper-button-prev{
	width:initial;
	height:initial

}




.activehamb .hamburger-icon:nth-of-type(1){
	transform: translate(-2px, 8px) rotate(45deg);
}
.activehamb .hamburger-icon:nth-of-type(2){
    opacity:0
}
.activehamb .hamburger-icon:nth-of-type(3){
    transform: translate(-2px, -4px) rotate(-45deg);
}




.table-arrow-mobile{
	display:none;
}




@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 500px;  
    opacity: 1;
  }
}





.head-subpage{
	padding: 40px 0;
	background-position: center!important;
	background-size: cover!important;
	position: relative;
}

.arrow-menu svg {
  transition: transform 0.3s ease;
}

.arrow-menu.active-arrow svg {
  transform: rotate(180deg);
}



select {
    appearance: none;
    background-image: url(data:image/svg+xml;charset=UTF-8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"none\"\ stroke=\"black\"\ stroke-width=\"2\"\ stroke-linecap=\"round\"\ stroke-linejoin=\"round\"><path\ d=\"M6\ 9l6\ 6\ 6-6\"/></svg>);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 22px;
    padding-right: 20px;
    background-position-x: 95%
}



/*custom shop*/

.select2-container .select2-selection--single .select2-selection__rendered{
	height: 32px;
}


.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{ 
	color: white;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.woocommerce-info a{
	color:white;
}


.woocommerce-form-login-toggle .woocommerce-info{
	justify-content: flex-start;
}

.woocommerce-info{
	background: #275950;
	border: unset; 
    flex-direction: column;
	align-items:flex-start;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	border: 1em solid #2a5750;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.woocommerce-info::before {
    content:"";
}
 
.woocommerce-message{
	background: #8fae1b; 
}

.woocommerce-message a{order: 1;background-color: #275950!important;color: white!important;border: 3px solid #275950!important;transition: 0.4s;}

.woocommerce-message a:hover{
	order: 1;
	background-color: white!important;
	color: #275950!important;
	border: 3px solid #275950!important;
}


.woocommerce-message::before{
	content:"";
}


.woocommerce button.button,
.woocommerce table.my_account_orders .button{
	background: #275950;
	color: white;
	border:1px solid #275950;
	transition:0.4s;
}

.woocommerce-variation-add-to-cart button,
.product-type-simple button{
	border: unset!important;
}


.woocommerce button.button:hover,
.woocommerce table.my_account_orders .button:hover{background: #275950;color: white;border: 1px solid #275950;opacity: 0.7;}


.restore-item{
	padding:10px;
}


form.woocommerce-checkout #customer_details textarea.input-text,
form.woocommerce-checkout #customer_details input.input-text{
	height: 28px;
	padding: 10px;
	font-size: 16px;
	border-radius: 1px;
	border: 1px solid #aaa;
}


form.woocommerce-checkout #customer_details textarea.input-text{
	height:123px;
}

.shop_table{
	font-size: 16px;
	border-collapse: collapse!important;
	border: unset!important;
}
.woocommerce-checkout-payment{background: #f0f0f0!important;}

.payment_methods{
	padding: 30px!important;
	font-size: 16px;
}
 

.checkout.woocommerce-checkout h3{font-size: 24px;}

.checkout .select2-container--default .select2-selection--single{
	font-size: 18px;
	border-radius: unset;
	border: 1px solid #aaaaaa;
}

.place-order{
	padding: 55px!important;
	font-size: 14px;
}


.woocommerce-checkout form .form-row label{font-size: 16px;}


.woocommerce table.shop_table{
	    border: 1px solid #aaa;
	    border-collapse: collapse;
}
  
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td{
	    border-top: 1px solid #aaa;
}
 
#place_order:hover{
	background: #275950;
	color: white;
}
.payment_box p{
	margin-top: 0px!important;
}


.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled]{
	color: white;
}

.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover{
	background: #275950;
	color: white;
	border: 1px solid #275950;
	opacity: 0.7;
}


.woocommerce-checkout #payment div.payment_box{
	padding:30px;
	background: #2a5750;
	color: white;
} 
.woocommerce-MyAccount-navigation{}
.woocommerce-MyAccount-navigation ul{
	list-style:none;
}

.woocommerce-MyAccount-navigation li{
	
}

#coupon_code{
	width:auto;
	height: 37px;
}

.woocommerce-MyAccount-content a{
	color: #275950;
}

.woocommerce-MyAccount-navigation a{
	color:black;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	margin: 10px 0px;
}




@media only screen and (max-width:495px) {
	
	#coupon_code{
		width:100%;
	}
	
	.coupon button{
		width:100%!important
		
	}

}

.woocommerce form .form-row.woocommerce-invalid label{
	font-weight:bold;
}




.woocommerce-error{
	    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-around;
	    flex-direction: column;
    align-items: flex-start;
}


.woocommerce-error {
    background: #275950;
}

 

.shop_table tbody .cart_item .product-remove a{margin: 0 auto;}

 
@media only screen and (max-width:768px) {
	
.woocommerce-cart-form table.cart td{
		border-top: unset;
}
 

.woocommerce  .woocommerce-cart-form table.shop_table td, .woocommerce  .woocommerce-cart-form table.shop_table th{
	border-top: unset;
	padding: 9px 5px;
	font-size: 14px;
	text-align: center!important;
}



.woocommerce td.product-quantity{
	min-width:unset;
}

	
	.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead{
		    display: table-header-group;
	}
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
    display: table-row;
}
	
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
		content:unset;
	}

.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
	display:table-cell;
}
	
}



.woocommerce-order-details__title,
.woocommerce-customer-details h2{
text-align: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px;
}


.woocommerce .woocommerce-customer-details address{
	border-radius: unset;
	border: 1px solid #aaa;
}

.woocommerce ul.order_details{
	margin: unset;
	padding: unset;
	display: flex;
	justify-content: center;
	margin: 30px;
	margin-bottom: 40px;
}


.woocommerce-thankyou-order-received{
	padding-top: 40px;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	font-size: 24px;
}

.woocommerce-info,
.woocommerce button.button, 
.woocommerce table.my_account_orders .button,
 .woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
input[type="submit"]{
		background: #295850;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce div.product form.cart .button{
		background: #295850;
	
}

.woocommerce button.button, .woocommerce table.my_account_orders .button{
	    border: 1px solid #275950;
}

.woocommerce #respond input#submit.alt:hover,
 .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
		background: #2a5750; 
	opacity:0.8;
}


.produkt-single-box .quantity{
	display:none;
}


.woocommerce-cart-form .product-thumbnail {
	margin: 0 auto;
	max-width: unset;
	text-align: center;
}


.woocommerce table.cart .product-thumbnail{ 
	text-align: center!important;
}

 

ul.flex-direction-nav {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
    bottom: 7%;
    }

li.flex-nav-prev {float: left;position: relative;left: -20px;}
li.flex-nav-next {float: right;position: relative;right: -20px;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
	visibility:visible;
	content: '';
	background-image: url(/wp-content/themes/pergolio/img/arrr.svg);
	margin-right: 10px;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	width: 40px;
	position: absolute;
	background-size: contain;
	left: -10px;
}
a.flex-prev::before {
    visibility:visible;
    background-image: url(/wp-content/themes/pergolio/img/arrl.svg);
    content: '';
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    width: 40px;
    position: absolute;
    background-size: contain;
    left: -10px;
}
ul.flex-direction-nav li a {
	color: #ccc;
}
ul.flex-direction-nav li a:hover {
	text-decoration: none;
}
.flex-control-nav{
	display:flex;
	width: 90%;
	margin: 0 auto!important;
	z-index: 999;
	position: relative;
	justify-content: space-between;
}

.woocommerce .size-shop_single{
	max-height: 500px;
	width: auto!important;
	margin: 0 auto;
	padding: 50px;
}

.size-0x250{
	max-height: 60px;
	width: auto!important;
	margin: 0 auto;
	padding: 5px;
}


.slick-track{
	    display: flex;
	    align-items: center;
	    justify-content: center;
}

 .slick-prev:before {
    background-image: url(/wp-content/themes/pergolio/img/arrl.svg);
    background-repeat:no-repeat;
    content: ""!important;
    height: 30px;
    width: 31px;
    background-size: contain;
    position: inherit;
    left: -30px;
}
 .slick-next:before {
    background-image: url(/wp-content/themes/pergolio/img/arrr.svg);
    background-repeat:no-repeat;
    content: ""!important;
    height: 30px;
    width: 31px;
    background-size: contain;
    position: inherit;
    right: -30px;
}


.slick-prev.slick-disabled:before, 
.slick-next.slick-disabled:before{
    display:none;
}

.wpgs-nav .slick-current{
 	border: 1px solid #ff8a00;
 }

.woocommerce-pagination{text-align: right!important;}

ul.page-numbers{border: unset!important;display: flex!important;justify-content: center;margin-top: 32px!important;padding-top: 32px!important;margin-bottom: 128px!important;border-top: 1px solid #8f837a54 !important;}


.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination a.page-numbers:hover{
    background: #cc8215!important;
    color: white!important;
}

.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers{
    width: 35px;
    text-align: center;
    height: 35px;
    align-self: center;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination li{border: unset!important;font-size: 16px;display: flex!important;justify-content: center;}

.woocommerce form .form-row input.input-text{height: 40px;}

.wpgs-for img {
    width: auto!important;
    max-height: 700px;
    height: auto!important;
    display: flex!important;
    margin: 0 auto;
}

.wpgs-for .slick-slide {
    min-height: 600px;
    display: flex!important;
    align-items: center;
}

.woocommerce div.product form.cart div.quantity,
.product-quantity .quantity{
	width: fit-content;
	position: relative;
}

.qty_button.minus{
    left: 0px;
    background: unset;
    border: unset;
    top: 3px;
}
.qty_button.plus{
    right: 0px;
    background: unset;
    border: unset;
    top: 4px;
}
.qty_button{
    position: absolute;
    cursor: pointer;
}
.woocommerce .quantity .qty{
	width: 80px;
}

.woocommerce-form-coupon-toggle{
	display:none;
}

 



.btn a{
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 30px;
	padding: 4px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 500;
	width: fit-content;
	text-decoration: none;
	transition:
		transform 0.35s var(--motion-ease-soft),
		box-shadow 0.35s var(--motion-ease-soft),
		background-color 0.3s ease,
		color 0.3s ease;
	will-change: transform;
}

.btn a svg{
	transition: transform 0.45s var(--motion-ease-soft);
}

.btn.btn1 a{
	background: #295850;
	color: white;
}

.btn.btn2 a{
	background: #579489;
	color: white;
}

.btn.btn3 a{
	background: #233dff;
	color: white;
}

@media (hover:hover) and (pointer:fine){
	.btn a:hover{
		transform: translateY(-2px);
		box-shadow: 0 16px 32px rgba(17,80,122,0.16);
	}

	.btn a:hover svg{
		transform: translateX(4px);
	}
}

.baner-advantage,
.pierscien-advantage,
.pogoda-item,
.cennik-topic-summary,
.kontakt-item-value,
.single-blog-item,
.all-single-post,
.column-item,
.uslugi-card,
.uslugi-card-button,
.uslugi-card-button-icon,
.przystanie-card,
.plakietka-box{
	transition:
		transform 0.4s var(--motion-ease-soft),
		box-shadow 0.4s var(--motion-ease-soft),
		background-color 0.3s ease,
		color 0.3s ease;
}

@media (hover:hover) and (pointer:fine){
	.baner-advantage:hover,
	.pierscien-advantage:hover,
	.pogoda-item:hover,
	.column-item:hover{
		transform: translateY(-4px);
	}

	.cennik-topic-summary:hover{
		transform: translateX(6px);
	}

	.kontakt-item-value:hover{
		transform: translateX(3px);
	}

	.uslugi-card:hover,
	.przystanie-card:hover,
	.plakietka-box:hover,
	.single-blog-item:hover,
	.all-single-post:hover{
		transform: translateY(-6px);
		box-shadow: 0 24px 48px rgba(12,47,75,0.14);
	}

	.uslugi-card-button:hover{
		transform: translateY(-2px);
		box-shadow: 0 16px 32px rgba(17,80,122,0.18);
	}

	.uslugi-card-button:hover .uslugi-card-button-icon{
		transform: translateX(4px);
	}
}


.baner-section{
	width: 100%;
	margin: 0;
	position: relative;
}

.baner-section .wrapper{
	max-width: none;
	width: 100%;
}

.baner-main-bg {
	min-height: 556px;
	background-position: center!important;
	background-size: cover!important;
	display: flex;
	align-items: stretch;
	color: white;
	padding: 0;
}

.baner-hero{
	min-height: 556px;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.baner-hero-content{
	width: 100%;
	margin: 0 auto;
	padding: 0 48px 96px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	min-height: 556px;
}

.baner-hero-content:before{
	content: '';
	position: absolute;
	top: 143px;
	left: 48px;
	right: 48px;
	height: 1px;
	background: rgba(117,117,117,0.33);
}

.baner-title {
	width: 100%;
	max-width: 1220px;
	text-align: center;
	margin: 0 auto;
}

.baner-title,
.baner-title *{
	color: white;
}

.baner-title h1,
.baner-title h2,
.baner-title h3,
.baner-title p{
	margin: 0;
	color: white;
}

.baner-title h1,
.baner-title h2{
	font-size: 64px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
}

.baner-title p{
	font-size: 64px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
}

.baner-panel-strip{
	width: 100%;
	background: #F2F2F2;
	padding: 24px 0;
}

.baner-panel-strip .wrapper{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.baner-panel{
	position: relative;
	z-index: 2;
	margin-top: 0;
	background: #F2F2F2;
	box-shadow: none;
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	min-height: 262px;
	width: 100%;
}

.baner-panel-primary{
	padding: 38px 40px 28px 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.baner-panel-logo{
	margin-bottom: 20px;
}

.baner-panel-logo img{
	display: block;
	max-width: 186px;
	height: auto;
}

.baner-panel-title{
	max-width: 232px;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 12px;
}

.baner-panel-title p{
	margin: 0;
}

.baner-panel-description,
.baner-panel-description *{
	color: #8a8a8a;
}

.baner-panel-description{
	max-width: 232px;
	font-size: 14px;
	line-height: 1.35;
}

.baner-panel-description p{
	margin: 0;
}

.baner-panel-button{
	margin-top: 30px;
}

.baner-panel-button a{
	background: #0C5587!important;
	color: white!important;
	padding-left: 24px;
	padding-right: 4px;
	font-size: 14px;
	font-weight: 500;
	min-height: 48px;
	gap: 8px;
}

.baner-panel-button a svg{
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
}

.baner-panel-primary:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 218px;
	transform: translateY(-50%);
	background: rgba(117,117,117,0.33);
}

.baner-advantages{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.baner-advantage{
	padding: 62px 42px 28px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 100%;
	position: relative;
	transition: transform 0.42s var(--motion-ease-soft);
}

.baner-advantage-icon{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #AAD5ED;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	padding: 12px;
}

.baner-advantage-icon img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
}

.baner-advantage-title{
	width: 275.75px;
	max-width: 100%;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 12px;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
}

.baner-advantages .baner-advantage:nth-child(-n+2) .baner-advantage-title{
	max-width: 150px;
}

.baner-advantages .baner-advantage:last-child .baner-advantage-title{
	max-width: 238px;
}

.baner-advantage-title p{
	margin: 0;
}

.baner-advantage-title br{
	display: block;
}

.baner-advantage-description,
.baner-advantage-description *{
	color: #8a8a8a;
}

.baner-advantage-description{
	max-width: 275px;
	font-size: 14px;
	line-height: 1.35;
}

.baner-advantage-description p{
	margin: 0;
}

.baner-advantage:not(:last-child):after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 218px;
	transform: translateY(-50%);
	background: rgba(117,117,117,0.33);
}

.pierscien-section{
	width: 100%;
	margin: 0;
	padding: 40px 0;
	background: #F2F2F2;
	overflow: hidden;
}

.pierscien-advantage{
	transition: transform 0.42s var(--motion-ease-soft);
}

.pierscien-section .wrapper{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.pierscien-panel{
	background: #F2F2F2;
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	min-height: 262px;
	width: 100%;
}

.pierscien-panel.no-attributes{
	grid-template-columns: minmax(0, 1fr);
}

.pierscien-panel-primary{
	padding: 38px 40px 28px 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.pierscien-panel.has-attributes .pierscien-panel-primary:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 218px;
	transform: translateY(-50%);
	background: rgba(117,117,117,0.33);
}

.pierscien-panel-logo{
	margin-bottom: 20px;
}

.pierscien-panel-logo img{
	display: block;
	max-width: 186px;
	height: auto;
}

.pierscien-panel-title{
	max-width: 232px;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin: 0 0 12px;
}

.pierscien-panel-description,
.pierscien-panel-description *{
	color: #8A8A8A;
}

.pierscien-panel-description{
	max-width: 232px;
	font-size: 14px;
	line-height: 1.35;
}

.pierscien-panel-description p{
	margin: 0;
}

.pierscien-panel-button{
	margin-top: 30px;
}

.pierscien-panel-button a{
	background: #0C5587!important;
	color: #ffffff!important;
	padding-left: 24px;
	padding-right: 4px;
	font-size: 14px;
	font-weight: 500;
	min-height: 48px;
	gap: 8px;
}

.pierscien-panel-button a svg{
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
}

.pierscien-advantages{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pierscien-advantage{
	padding: 62px 42px 28px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 100%;
	position: relative;
}

.pierscien-advantage:not(:last-child):after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 218px;
	transform: translateY(-50%);
	background: rgba(117,117,117,0.33);
}

.pierscien-advantage-icon{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #AAD5ED;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	padding: 12px;
}

.pierscien-advantage-icon img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.pierscien-advantage-title{
	width: 275.75px;
	max-width: 100%;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 12px;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
}

.pierscien-advantages .pierscien-advantage:last-child .pierscien-advantage-title{
	max-width: 292px;
}

.pierscien-panel-title p,
.pierscien-advantage-title p{
	margin: 0;
}

.pierscien-advantage-description,
.pierscien-advantage-description *{
	color: #8A8A8A;
}

.pierscien-advantage-description{
	max-width: 275px;
	font-size: 14px;
	line-height: 1.35;
}

.pierscien-advantage-description p{
	margin: 0;
}

.galeria-section{
	width: 100%;
	margin: 0;
	padding: 72px 0 0;
	background: #ffffff;
}

.baner-section ~ .galeria-section:last-of-type{
	padding-bottom: 180px;
}

.galeria-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.galeria-header{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 32px;
}

.galeria-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 28px;
}

.galeria-title{
	width: 100%;
	margin: 0;
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.galeria-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.galeria-item{
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	text-decoration: none;
	background: #f3f3f3;
}

.galeria-item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}

.galeria-item:hover img{
	transform: scale(1.02);
}

.mapa-section{
	width: 100%;
	margin: 0;
	padding: 72px 0 0;
	background: #ffffff;
}

.mapa-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.mapa-header{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 40px;
}

.mapa-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 28px;
}

.mapa-title{
	width: 100%;
	margin: 0;
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.mapa-embed{
	width: 100%;
	aspect-ratio: 1200 / 533;
	background: #f3f3f3;
	overflow: hidden;
}

.mapa-embed iframe{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.uslugi-section{
	width: 100%;
	margin: 0;
	padding: 72px 0 0;
	background: #ffffff;
	overflow: hidden;
}

.uslugi-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.uslugi-header{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 32px;
	margin-bottom: 40px;
}

.uslugi-heading{
	max-width: 676px;
}

.uslugi-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 28px;
}

.uslugi-title{
	margin: 0;
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.uslugi-controls{
	display: flex;
	align-items: center;
	gap: 10px;
}

.uslugi-control{
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 64px;
	background: #11507A;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	cursor: pointer;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.uslugi-control:hover{
	transform: translateY(-1px);
}

.uslugi-slider{
	width: calc(100vw - max((100vw - 1200px) / 2, 48px));
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scroll-padding-right: max((100vw - 1200px) / 2, 48px);
}

.uslugi-slider::-webkit-scrollbar{
	display: none;
}

.uslugi-track{
	display: flex;
	gap: 24px;
	width: max-content;
	padding-right: max((100vw - 1200px) / 2, 48px);
}

.uslugi-card{
	width: 384px;
	height: 588px;
	flex: 0 0 384px;
	position: relative;
	overflow: hidden;
	background-color: #d9d9d9;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.08) 42%, rgba(0,0,0,0.33) 100%), var(--uslugi-card-bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	scroll-snap-align: start;
}

.uslugi-card-inner{
	height: 100%;
	padding: 64px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.uslugi-card-title{
	width: 256px;
	max-width: 100%;
	margin: 0;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.uslugi-card-footer{
	margin-top: auto;
	padding-top: 36px;
	border-top: 1px solid rgba(255,255,255,0.33);
}

.uslugi-card-button{
	min-height: 56px;
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 4px 4px 4px 32px;
	border-radius: 999px;
	background: #AAD5ED;
	color: #242424;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
}

.uslugi-card-button-icon{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #11507A;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 20px;
	flex: 0 0 48px;
}



 
.pogoda-section{
	margin: 0;
	width: 100%;
	min-height: 410px;
	position: relative;
	isolation: isolate;
	border-bottom: 0;
	padding: 0 0 88px;
	overflow: visible;
	display: flex;
	align-items: center;
	background: #ffffff;
}

.pogoda-section:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: -88px;
	left: 0;
	background-image: var(--pogoda-bg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-mask-image: none;
	mask-image: none;
	z-index: -1;
}

.pogoda-section:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: -88px;
	left: 0;
	background: linear-gradient(
		180deg,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,0.04) 34%,
		rgba(255,255,255,0.18) 48%,
		rgba(255,255,255,0.52) 62%,
		rgba(255,255,255,0.88) 78%,
		#ffffff 100%
	);
	pointer-events: none;
	z-index: -1;
}

body.home .pogoda-section:before{
	opacity: 1;
	-webkit-mask-image: none;
	mask-image: none;
}

.pogoda-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 410px;
	align-items: center;
}

.pogoda-item{
	min-height: 136px;
	padding: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
}

.pogoda-item:not(:last-child):after{
	content: '';
	position: absolute;
	top: 50%;
	right: -16px;
	width: 1px;
	height: 136px;
	transform: translateY(-50%);
	background: rgba(117,117,117,0.33);
}

.pogoda-item-head,
.pogoda-item-body{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.pogoda-item-body{
	align-items: flex-end;
}

.pogoda-info{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #242424;
}

.pogoda-note{
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	color: #757575;
	text-align: right;
	margin-left: auto;
}

.pogoda-main{
	font-size: 32px;
	line-height: 1;
	font-weight: 400;
	color: #11507A;
	letter-spacing: -0.03em;
	max-width: 280px;
	text-transform: capitalize;
}

.pogoda-icon{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(255,255,255,0.86);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 56px;
	padding: 14px;
}

.pogoda-icon img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.cta-box {display: flex;flex-direction: column;align-items: center;padding: 64px;color: white;background-blend-mode: color, normal, normal, normal;background-position: center!important;background-size: cover!important;}
.subtitle {font-weight: 500;font-size: 17px;color: #295850;}
.cta-text {margin-top: 32px;margin-bottom: 64px;}
 
section{
	margin: 128px 0;
}

body.home .baner-section ~ section:not(.baner-section){
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: #ffffff !important;
}

body.home .baner-section + section:not(.baner-section):not(.pogoda-section)::before{
	display: none;
}

body.home .baner-section ~ section:not(.baner-section):last-of-type::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: clamp(320px, 48vw, 700px);
	background:
		linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.74) 34%, rgba(255,255,255,0.18) 100%),
		var(--marina-section-bottom-bg) center bottom / cover no-repeat;
	pointer-events: none;
	z-index: 0;
}

body.home .baner-section ~ section:not(.baner-section) > *{
	position: relative;
	z-index: 1;
}

.cta-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-blend-mode: color, normal, normal, normal;
}


.szachownica-section{
	margin: 0;
	padding: 72px 0;
	background: #ffffff;
}

.szachownica-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.chess-box{
	position: relative;
}

.chess-bg-img{
	display: none;
}

.chest-list{
	display: flex;
	flex-direction: column;
	gap: 96px;
}

.chess-item{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 126px;
	isolation: isolate;
}

.chess-item.is-reverse{
	flex-direction: row-reverse;
}

.chest-list > .chess-item:first-child:before,
.chess-item.is-first:before{
	content: "";
	position: absolute;
	top: -72px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: var(--marina-section-top-bg) center top / cover no-repeat;
	opacity: 0.25;
	pointer-events: none;
	z-index: -2;
}

.chest-list > .chess-item:first-child:after,
.chess-item.is-first:after{
	content: "";
	position: absolute;
	top: -72px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,255,0.92) 100%);
	border-bottom: 1px solid #ffffff;
	pointer-events: none;
	z-index: -1;
}

.chest-list > .chess-item:last-child:before,
.chess-item.is-last:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -72px;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: var(--marina-section-bottom-bg) center bottom / cover no-repeat;
	opacity: 0.25;
	pointer-events: none;
	z-index: -2;
}

.chest-list > .chess-item:last-child:after,
.chess-item.is-last:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -72px;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.92) 34%, rgba(255,255,255,0) 100%);
	border-top: 1px solid #ffffff;
	pointer-events: none;
	z-index: -1;
}

.chess-left{
	width: 486px;
	max-width: 486px;
	flex: 0 0 486px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.chess-item .subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 24px;
}

.chess-title{
	margin: 0;
	width: 100%;
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
	margin-bottom: 32px;
}

.chess-desc{
	width: 100%;
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	color: #757575;
}

.chess-desc p{
	margin: 0 0 24px;
}

.chess-desc p:last-child{
	margin-bottom: 0;
}

.chess-right{
	width: 588px;
	flex: 0 0 588px;
	aspect-ratio: 588 / 784;
	overflow: hidden;
	background: #f3f3f3;
}

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

.cta-text *{
	color:white;
}
.cta-long .btn{
	position: absolute;
	bottom: 64px;
	left: 64px;
}

.cta-box2{
	flex-direction: row;
	align-items: flex-end;
}

.cta2-left{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.cta2-right{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    margin-top: auto;
}

.cta-line{
	background: #ffffff54;
	height: 1px;
}



.cta2-right .cta-text{
	margin-bottom: unset;
	line-height: 32px;
}



.cta2-left *{
	color:white;
}

.cta2-left h3{
	margin-top: 32px;
	margin-bottom: 64px;
}


 
.tiles-list {display: grid;grid-template: repeat(1, 1fr) / repeat(2, 1fr);gap: 24px;}
.tile-item {min-height: 588px;background-position: center!important;background-size: cover!important;padding: 64px;color: white;display: flex;flex-direction: column;}
.tile-icon {margin-bottom: 32px;}
.tile-desc * {color: white;}
.tile-line {margin-top: auto;height: 1px;width: 100%;background: #ffffff54;margin-bottom: 30px;}

.przystanie-section{
	margin: 0;
	padding: 24px 0;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.przystanie-section.has-weather{
	padding-top: 72px;
}

.przystanie-section:before{
	display: none;
}

.przystanie-section:after{
	display: none;
}

.przystanie-section > .przystanie-bg{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	transform: none;
	background: var(--przystanie-bg) center top / cover no-repeat;
	opacity: 1;
	pointer-events: none;
	z-index: 0 !important;
}

.przystanie-section > .przystanie-bg:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 38%, rgba(255,255,255,0.08) 66%, rgba(255,255,255,0.24) 84%, rgba(255,255,255,0.4) 100%);
	pointer-events: none;
}

.pogoda-section + .przystanie-section{
	margin-top: -88px;
	padding-top: 88px;
	background: transparent;
}

.przystanie-weather{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto 44px;
	position: relative;
	z-index: 1;
}

.przystanie-weather-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	align-items: center;
	padding: 0;
}

.przystanie-weather-item{
	min-height: 136px;
}

.przystanie-grid{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
	position: relative;
	z-index: 1;
}

.przystanie-card{
	min-height: 588px;
	background-image: var(--przystan-bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	position: relative;
	overflow: hidden;
	background-color: #0c2f4b;
}

.przystanie-card:before{
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.33);
	pointer-events: none;
	transition: background 0.35s ease, opacity 0.35s ease;
}

.przystanie-card-inner{
	min-height: 588px;
	padding: 64px;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.przystanie-card-logo{
	margin-bottom: auto;
}

.przystanie-card-logo img{
	display: block;
	max-width: 189px;
	max-height: 72px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
}

.przystanie-card-info{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 48px;
	max-width: 460px;
}

.przystanie-card-info-item{
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.przystanie-card-info-main{
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
	color: white;
	letter-spacing: 0;
}

.przystanie-card-info-label{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: white;
}

.przystanie-card-footer{
	margin-top: auto;
}

.przystanie-card-line{
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.54);
	margin-bottom: 30px;
}

.przystanie-card-button a{
	background: #AAD5ED!important;
	color: #0C2F4B!important;
	padding-left: 32px;
	padding-right: 4px;
	min-height: 56px;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
}

.przystanie-card-button a svg{
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

@media (hover:hover) and (pointer:fine){
	.przystanie-card{
		cursor: pointer;
	}

	.przystanie-card-info{
		opacity: 0;
		transform: translateY(18px);
		transition: opacity 0.35s ease, transform 0.35s ease;
	}

	.przystanie-card:hover:before,
	.przystanie-card:focus-within:before{
		background: rgba(0,0,0,0.48);
	}

	.przystanie-card:hover .przystanie-card-info,
	.przystanie-card:focus-within .przystanie-card-info{
		opacity: 1;
		transform: translateY(0);
	}
}

.plakietka-section{
	width: 100%;
	margin: 0;
	padding: 0 0 24px;
	background: #ffffff;
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

body.home .plakietka-section.is-alternative{
	padding-bottom: 88px;
}

.plakietka-section.is-alternative:before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--plakietka-section-bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.25;
	z-index: -2;
}

.plakietka-section.is-alternative:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
	z-index: -1;
	pointer-events: none;
}

.plakietka-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.plakietka-box{
	position: relative;
	min-height: 500px;
	background-color: #0C2F4B;
	color: #ffffff;
	overflow: hidden;
	isolation: isolate;
}

.plakietka-box:before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--plakietka-bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
}

.plakietka-box:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.33) 100%);
	z-index: -1;
}

.plakietka-box.is-alternative:before{
	opacity: 0.25;
	mix-blend-mode: hard-light;
}

.plakietka-box.is-alternative:after{
	background: linear-gradient(90deg, rgba(61,141,53,0.64) 0%, rgba(33,111,102,0.5) 48%, rgba(6,49,78,0.78) 100%);
	mix-blend-mode: normal;
}

.plakietka-box.is-alternative{
	background-color: #06314E;
}

.plakietka-inner{
	min-height: 500px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 96px;
	position: relative;
	z-index: 1;
}

.plakietka-copy{
	max-width: 488px;
}

.plakietka-box.is-alternative .plakietka-copy{
	max-width: 826px;
}

.plakietka-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 18px;
}

.plakietka-title{
	margin: 0;
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.plakietka-box.is-alternative .plakietka-title{
	font-size: 32px;
}

.plakietka-button{
	margin-top: auto;
	align-self: flex-end;
}

.plakietka-button a{
	background: #AAD5ED!important;
	color: #0C2F4B!important;
	padding-left: 32px;
	padding-right: 4px;
	min-height: 56px;
	gap: 10px;
}

.plakietka-button a svg{
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.najwazniejsze-info-section{
	position: relative;
	margin: 0;
	background: #ffffff;
	padding: 72px 0 96px;
	overflow: hidden;
}

.najwazniejsze-info-section:before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--najwazniejsze-info-bg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 0;
}

.najwazniejsze-info-section:after{
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,0.08) 0%,
			rgba(255,255,255,0.04) 18%,
			rgba(255,255,255,0.16) 36%,
			rgba(255,255,255,0.44) 58%,
			rgba(255,255,255,0.84) 78%,
			#ffffff 100%
		);
	z-index: 0;
	pointer-events: none;
}

.najwazniejsze-info-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.najwazniejsze-info-weather{
	margin-bottom: 72px;
}

.najwazniejsze-info-weather-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	align-items: center;
}

.najwazniejsze-info-weather-item{
	min-height: 136px;
}

.najwazniejsze-info-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 588px));
	column-gap: 24px;
	row-gap: 32px;
	justify-content: space-between;
	align-items: start;
}

.najwazniejsze-info-main{
	max-width: 588px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.najwazniejsze-info-heading{
	max-width: 588px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.najwazniejsze-info-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin: 0;
}

.najwazniejsze-info-title{
	margin: 0;
	max-width: 588px;
	font-size: 56px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 400;
	color: #242424;
}

.najwazniejsze-info-list{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.najwazniejsze-info-item{
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 588px;
}

.najwazniejsze-info-value{
	font-size: 24px;
	line-height: 1.15;
	font-weight: 300;
	color: #11507A;
}

.najwazniejsze-info-label{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #242424;
}

.najwazniejsze-info-content{
	max-width: 588px;
	padding-top: 46px;
	color: #757575;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}

.najwazniejsze-info-content,
.najwazniejsze-info-content *{
	color: #757575;
}

.najwazniejsze-info-content p{
	margin: 0 0 32px;
}

.najwazniejsze-info-content p:last-child{
	margin-bottom: 0;
}

.legenda-section{
	margin: 0;
	padding: 42px 0 48px;
	background: #ffffff;
}

.legenda-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.legenda-figure{
	margin: 0;
	width: 100%;
}

.legenda-figure img{
	display: block;
	width: 100%;
	height: auto;
}

.cennik-section{
	margin: 0;
	padding: 72px 0 48px;
	background: #ffffff;
}

.cennik-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.cennik-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 588px));
	justify-content: space-between;
	gap: 24px;
	align-items: start;
}

.cennik-intro{
	width: 100%;
	max-width: 588px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.cennik-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 52px;
}

.cennik-title{
	margin: 0;
	max-width: 588px;
	width: 100%;
	font-size: 56px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 400;
	color: #242424;
}

.cennik-content{
	width: 100%;
	max-width: 588px;
	margin-left: auto;
	padding-top: 54px;
}

.cennik-accordion{
	display: flex;
	flex-direction: column;
}

.cennik-topic{
	border-bottom: 1px solid rgba(36,36,36,0.16);
}

.cennik-topic:first-child{
	border-top: 0;
}

.cennik-topic-summary{
	list-style: none;
	display: grid;
	grid-template-columns: minmax(0, 548px) 24px;
	align-items: center;
	column-gap: 24px;
	padding: 0 0 18px;
	min-height: 59px;
	cursor: pointer;
}

.cennik-topic:not(:first-child) .cennik-topic-summary{
	padding: 24px 0;
}

.cennik-topic-summary::-webkit-details-marker{
	display: none;
}

.cennik-topic-copy{
	min-width: 0;
	min-height: 59px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}

.cennik-topic-title{
	margin: 0;
	font-size: 32px;
	line-height: 1.15625;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.cennik-topic-note{
	margin: 0;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #242424;
}

.cennik-topic-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	color: #11507A;
	transform: rotate(0deg);
	transition: transform 0.2s ease;
	align-self: center;
}

.cennik-topic[open] .cennik-topic-icon{
	transform: rotate(180deg);
}

.cennik-topic-body{
	padding: 0 0 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cennik-service{
	display: grid;
	grid-template-columns: minmax(0, 289px) auto;
	justify-content: space-between;
	gap: 24px;
	align-items: center;
}

.cennik-service-name{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 300;
	color: #757575;
}

.cennik-service-price{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	color: #11507A;
	text-align: right;
	white-space: nowrap;
}

.pliki-do-pobrania-section{
	margin: 0;
	padding: 72px 0 48px;
	background: #ffffff;
}

.pliki-do-pobrania-wrap{
	max-width: 1200px;
	width: calc(100% - 96px);
	margin: 0 auto;
}

.pliki-do-pobrania-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 588px));
	justify-content: space-between;
	gap: 24px;
	align-items: start;
}

.pliki-do-pobrania-intro{
	width: 100%;
	max-width: 588px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pliki-do-pobrania-subtitle{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #11507A;
	margin-bottom: 52px;
}

.pliki-do-pobrania-title{
	margin: 0;
	max-width: 588px;
	width: 100%;
	font-size: 56px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 400;
	color: #242424;
}

.pliki-do-pobrania-content{
	width: 100%;
	max-width: 588px;
	margin-left: auto;
	padding-top: 54px;
}

.pliki-do-pobrania-list{
	display: flex;
	flex-direction: column;
}

.pliki-do-pobrania-item{
	display: grid;
	grid-template-columns: minmax(0, 516px) 48px;
	column-gap: 24px;
	align-items: center;
	padding: 24px 0;
	border-bottom: 1px solid rgba(36,36,36,0.16);
}

.pliki-do-pobrania-item:first-child{
	padding-top: 24px;
}

.pliki-do-pobrania-item-copy{
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}

.pliki-do-pobrania-item-title{
	margin: 0;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.pliki-do-pobrania-item-meta{
	margin: 0;
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	color: #757575;
}

.pliki-do-pobrania-item-button{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #11507A;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.pliki-do-pobrania-item-button:hover{
	transform: translateY(-1px);
	background: #0C4367;
}

.pliki-do-pobrania-item-button:focus-visible{
	outline: 2px solid #11507A;
	outline-offset: 3px;
}

.head-title{
	color: white;
	min-height: 657px;
	display: flex;
	padding-bottom: 60px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 32px;
}



 
.workshops-box {
} 
.workshops-top {display: flex;justify-content: space-between;margin-top: 32px;padding-bottom: 64px;border-bottom: 1px solid #8f837a4f;margin-bottom: 32px;}
.icon-btns {display: flex;align-items: center;gap: 10px;} 
.opinions-review-left {cursor: pointer;}
.opinions-review-right {cursor: pointer;}
.workshop-list {
} 
.workshopswipper {
}
.swiper-wrapper {
}
.swiper-slide {
}
.single-art-box {
}
.workshop-up {text-align: center;padding-top: 30px;position: relative;min-height: 370px;padding-bottom: 30px;}
.work-icon-bg {position: absolute;width: 100%;height: 100%;background-position: center;background-size: cover;top: 0px;left: 0px;z-index: 0;mix-blend-mode: multiply;}
.workshop-logo {z-index: 0;position: relative;}
.workshop-desc *{
	color:white;
}
.workshop-desc h3{
	font-weight: 700;
	font-size: 56px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.workshop-desc {color: white;z-index: 0;position: relative;margin: 10px 0px;}
.workshop-btn {width: fit-content;background: white;margin: 0 auto;padding: 8px 25px;border-radius: 40px;font-size: 12px;z-index: 0;position: relative;margin-bottom: 50px;margin-top: 0px;font-weight: 700;}
.workshop-infocount {background: black;color: white;position: absolute;bottom: 0px;left: 0px;right: 0px;font-size: 10px;font-weight: 500;letter-spacing: 1px;padding: 10px 0px;}
.workshop-down {padding-top: 32px;}
.single-item-title {min-height: 70px;}
.workshop-meta {display: flex;justify-content: space-between;display: grid;grid-template: repeat(1, 1fr) / repeat(1, 1fr);gap: 24px;}
.workshop-meta-item {font-size: 14px;}
.workshop-meta-title {font-weight: 500;}
.workshop-meta-desc {
}


.swiper-button-disabled{
	opacity:0.4;
}


.cta-long{
	min-height: 612px;
	align-items: flex-start;
	position: relative;
}
.cta-long .cta2-left{
	height: 100%;
}


.gray-bg {background: #ddd6d0;padding: 128px 0;margin: unset;background-position: center!important;background-size: cover!important;}
 
.blog-last {display: grid;grid-template: repeat(1, 1fr) / repeat(2, 1fr);gap: 24px;border-top: 1px solid #8f837a54;padding-top: 32px;}
 
.single-blog-item {display: flex;gap: 32px;}
.single-blog-left {min-width: 144px;min-height: 144px;background-position: center;background-size: cover;}
.single-blog-right {display: flex;flex-direction: column;justify-content: space-between;}
.single-blog-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.single-blog-meta {
}
.single-blog-label {font-size: 14px;font-weight: 500;}
.single-blog-date {font-size: 14px;font-weight: 200;color: #8F837A;margin-top: 5px;}
 
.blog-last-box .subtitle{
    text-align: center;
}
.blog-last-box h3{
    text-align: center;
    margin-bottom: 64px;
    margin-top: 32px;
}


.blog-last-box .btn{
	display: flex;
	justify-content: center;
	margin-top: 64px;
}

.footer-desc{
	font-size: 24px;
	line-height: 1.75;
	font-weight: 400;
	color: white;
	max-width: 486px;
	margin-bottom: 48px;
}


.footer-meta{
	display: flex;
	align-items: center;
	gap: 32px;
}

.footer-s a{
	display: flex;
	align-items: center;
}


.footer-s{
	display: flex;
	gap: 14px;
}


.foot-col-right{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 282px));
	gap: 66px;
	justify-content: center;
}

.foot-col-right  ul{
	    padding: unset;
	    margin: unset;
    list-style: none;
    display: flex;
    flex-direction: column;
	    gap: 24px;
}

.foot-col-right  a{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: white;
}


.footer-logo{
	    display: flex;
	    justify-content: center;
	    margin: 128px 0 0;
}

.footer-logo img{
	display: block;
	width: 136px;
	height: auto;
}


.copyright,
.footer-logo{
	max-width: 1202px;
	margin-left: auto;
	margin-right: auto;
}

.copyright a{
	color:white;
	font-weight: 400;
}

.carousel-item {background: #f0ece9;padding: 54px;display: flex;flex-direction: column;gap: 32px;}
.carousel-top {display: flex;justify-content: space-between;}
.carousel-head {width: 95%;color: #3C3632;}
.carousel-icon {width: 5%;display: flex;justify-content: flex-end;}


.carousel-icon img{
	max-width: 37px;
	max-height: 37px;
}

.carousel-desc-bottom{
	line-height:32px;
}
 
.team-box {text-align: center;} 
.team-list {display: grid;grid-template: repeat(1, 1fr) / repeat(3, 1fr);gap: 32px;padding-top: 32px;border-top: 1px solid #8f837a54;}
.tean-item {text-align: center;display: flex;flex-direction: column;align-items: center;gap: 8px;}
.team-img {height: 192px;width: 192px;background-position: center;background-size: cover;border-radius: 100%;margin-bottom: 32px;}
.team-name {color: #3C3632;}
.team-pos {color: #3C3632;font-weight: 500;}
.team-desc {
}

.team-box h3{
	padding-top: 32px;
	padding-bottom: 64px;
}
.tean-item>*:not(.absolute_box){
	cursor: pointer;
}
.tean-item .absolute_box{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
.tean-item .absolute_box:not(.show){
	display: none;
}
.tean-item .absolute_box .overlay{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.tean-item .absolute_box .content{
	background-color: #FFF;
	position: relative;
	z-index: 2;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    width: 1200px;
    max-width: 90%;
    display: flex;
    align-items: center;
    gap: 48px;
}
.tean-item .absolute_box .content .left{
	padding: 48px;
	padding-right: 0px;
	width: 400px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tean-item .absolute_box .content .right{
    padding: 48px;
    padding-left: 0px;
	max-height: 80vh;
	overflow: auto;
}
.tean-item .absolute_box .content .exit{
	position: absolute;
	right: 16px;
	top: 12px;
	width: 24px;
	height: 24px;
}
.tean-item .absolute_box .content .exit::after,
.tean-item .absolute_box .content .exit::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #275950;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.tean-item .absolute_box .content .exit::before{
	transform: translate(-50%, -50%) rotate(-45deg);
}

.wrapper {
}
.choiced-pro {
}
.choiced-up {display: flex;justify-content: space-between;}
.choice-up-left {display: flex;gap: 32px;flex-direction: column;} 
.choice-up-right {display: flex;flex-direction: column;justify-content: flex-end;} 
.choiced-down {border-top: 1px solid #8f837a54;padding-top: 32px;margin-top: 64px;display: grid;grid-template: repeat(1, 1fr) / repeat(3, 1fr);gap: 24px;}
.item-box-normal {}
.item-img {
}
.item-title {
    margin-top: 32px;
    min-height: 70px;
}
.item-author {
    margin-top: 16px;
}
.item-author-label {font-size: 14px;font-weight: 600;color: #3C3632;}
.item-author-desc {font-size: 14px;margin-top: 8px;font-weight: 200;}




.item-box-normal img{
	height: 265px;
	width: auto!important;
}

.cta-form{
	align-items: self-start;
	flex-direction: row;
}





.cta-form .cta2-left{
}


.form-cta-title{
	font-size: 24px;
	font-weight: 200;
}



.cta-form-left-data{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.form-cta-desc{
	font-size: 14px;
	color: #A99F98;
}

.wpcf7-not-valid-tip{
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
}


.acceptance-container{font-size: 14px;font-weight: 200;margin: 20px 0px;}

.acceptance-container span a{
	color: #579489;
}

.contact-form-send{
	margin-top: 30px;
}


.send-btn{
	position: relative;
	display: flex;
	align-items: center;
	width: fit-content;
}

.wpcf7-spinner{
	position: absolute;
	right: 0px;
}


.send-btn svg{
	position: absolute;
	right: 3px;
}

.cta2-left-desc{
	max-width: 480px;
}

.head-title *{
	color:white;
	text-align: center;
}


.cta-custom-color .cta2-left{
	height: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
}

.cta-custom-color .cta2-left h3{
	margin-bottom: auto;
}

.workshops-box .btn{
	margin-top: 64px;
}



 
.lastcarousel {
} 
.swiper-slide {
}
.single-carousel-item {display: flex;align-items: center;}
.single-car-left {width: 40%;}
.single-car-left>div{
	padding-bottom: 56.25%;
	position: relative;
	background-position: center;
	background-size: cover;
}
.single-car-right {width: 60%;padding-left: 64px;justify-content: space-between;display: flex;flex-direction: column;}
.single-car-btns {
}  
.single-car-title {margin-top: 32px;}
.single-car-meta {display: flex;align-items: center;gap: 16px;margin-top: 32px;color: #295850;font-size: 14px;font-weight: 400;}
.single-car-date {}
.single-car-name {color: #295850;}
.single-car-short {margin-bottom: 64px;line-height: 32px;border-top: 1px solid #8f837a54;padding-top: 32px;}


.single-car-right-top{
	
}

.single-car-right-bottom{
	
}



.search-item{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 32px;
}


.search-ctm-btn{
	position: absolute;
	right: 7px;
	bottom: 0px;
}


.is-search-input{
	height: 72px!important;
	border-radius: 60px!important;
	padding-left: 20px!important;
}
.is-form-style input.is-search-input{
	border: unset!important;
	
}

.category-product-list ul,
.categories-list {display: flex;list-style: none;gap: 8px;margin: unset;padding: unset;flex-wrap: wrap;}
.category-item {
}

.category-product-list ul a,
.category-item a{
	background: #d8dcd8;
	border-radius: 40px;
	padding: 16px 24px;
	font-size: 14px;
	font-weight: 400;
	color: #295850;
	display: block;
}


input[type="submit"]:hover,
a.tag-item:hover,
.category-product-list ul a:hover,
.category-item a:hover,
.category-product-list ul .current-cat,
.category-item.current-cat a{
	background: #295850;
	color: white;
}


.news-all-cat{
	border-top: 1px solid #8f837a54;
	padding-top: 32px;
}


.all-single-post {}
.all-single-img {
	display: block;background-position: center;background-size: cover;
	padding-bottom: 56.25%;
    position: relative;
}
.all-single-title {padding-top: 32px;padding-bottom: 16px;}
.all-single-desc {line-height: 32px;}
.all-single-btm {display: flex;justify-content: space-between;align-items: center;margin-top: 16px;}
.all-single-btm-left {display: flex;flex-direction: column;}
.all-single-btm-date-label {font-size: 14px;color: #3C3632;font-weight: 400;}
.all-single-btm-date {font-size: 14px;font-weight: 200;}
.all-single-btm-right {
}
.chess-left .btn {
	display: flex;
	justify-content: flex-start;
	margin-top: 40px;
}
.btn1 {
}
.pagination {display: flex;align-items: center;justify-content: center;margin-top: 64px;padding-top: 32px;border-top: 1px solid #8f837a54;gap: 18px;margin-bottom: 128px;}

.news-all-posts{
	padding-top: 64px;
	display: grid;
	gap: 24px;
}

.news-all-posts .btn span{display: flex;align-items: center;gap: 10px;border-radius: 30px;padding: 4px;padding-left: 30px;font-size: 14px;font-weight: 500;width: fit-content;background: #295850;color: white;}



.pagination{
	
}



.pagination .prev {
	margin-right: auto;
}

.pagination .next {
	margin-left: auto;
}

.page-numbers.current{
	color: black;
}

.page-numbers.inactive{
	opacity: 0.7;
}

.tag-list{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tag-list a{
	background: #d8dcd8;
	border-radius: 40px;
	padding: 16px 24px;
	font-size: 14px;
	font-weight: 400;
	color: #295850;
	display: block;
}


.wpcf7 form .wpcf7-response-output{
	font-size: 12px;
	text-align: center;
}

 .last-full-width   > *:last-child{ 
    grid-column: 1 / -1;  
}

.single-post-wrap{
	margin: 128px 0;
}


.comment-section{
	margin-top: 64px;
}

.about-author {
}
.gray-bg {
}
.wrapper {
}
.subtitle {
}
.author-info-box {border-top: 1px solid #8f837a54;padding-top: 32px;margin-top: 32px;display: flex;align-items: center;gap: 20px;max-width: 650px;}
.author-img {
}
.author-desc {
}
.author-desc-name {color: #3C3632;}
.author-desc-post {font-size: 14px;color: #3C3632;font-weight: 400;margin-top: 8px;}
.author-metainfo {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 32px 0;max-width: 650px;}
.author-btm {display: flex;justify-content: space-between;align-items: center;}
.author-more {color: #295850;font-weight: 500;font-size: 14px;display: flex;align-items: center;gap: 8px;justify-content: center;cursor: pointer;}
.btn {
}
.btn1 {
}

.btn-map{
	display: flex;
	justify-content: center;
	cursor: pointer;
}

.btn-map a{cursor: pointer;pointer-events: all!important;}

.author-img img{
	max-width:96px;
	max-height:96px;
}




.author-btm .btn{
	margin-left:auto;
}


.author .author-info img{
    max-width: 129px;
    max-height: 130px;
}
.author .author-info{
    text-align: center;
}
.author .author-info .author-position{
    font-weight: 300;
    font-size: 14px;
    max-width: 550px;
    margin: 0 auto;
    margin-top: 10px;
}


.author .author-info .author-bio{
	font-weight: 300;
	font-size: 12px;
	max-width: 840px;
	margin: 0 auto;
	margin-top: 10px;
}

.cta-box .subtitle{
	color:white;
	display: flex;
	align-items: center;
}
.cta-box .subtitle img{
	max-width: 240px;
}


.workshop-list-all{
	display: grid;
	grid-template: repeat(1, 1fr) / repeat(3, 1fr);
	gap: 24px;
}


.head-subpage .head-svg-bg{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	margin: 0 auto;
	text-align: center;
	top: 0px;
	bottom: 0px;
}


.single-warsz-content{
	
}

.single-warsz-content h1,
.single-warsz-content h2,
.single-warsz-content h3,
.single-warsz-content h4,
.single-warsz-content h5,
.single-warsz-content h6{
	margin: 30px 0;
	color: #3C3632;
}


.single-warsz-content ul{
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 30px;
}
.single-warsz-content ul li{
	position: relative;
}
.single-warsz-content ul li:before{
	content:"";
	background-image:url(../../uploads/2025/08/apr.svg);
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	background-position: center;
	background-size: cover;
	left: -30px;
	top: 5px;
}

 .single-warsz-box{
    display: flex;
    gap: 100px;
}
 .single-warsz-left{
    width: 70%;
}
 .single-warsz-right{
    width: 34%;
    padding: 58px;
    color: white;
    height: fit-content;
    background-position: center!important;
    background-size: cover!important;
}

.single-warsz-author {margin-top: 64px;}
.subtitle {
}
.warsz-author {display: flex;padding-top: 32px;margin-top: 32px;border-top: 1px solid #8f837a54;align-items: center;gap: 32px;}
.warsz-author-left {
}
.warsz-author-right {display: flex;flex-direction: column;gap: 8px;}
.warsz-author-name {color: #3C3632;}
.warsz-author-pos {font-size: 14px;font-weight: 500;color: #3C3632;}

.warsz-author-left img{
	max-width: 96px;
	max-height: 96px;
	border-radius: 100%;
	width: 96px;
	height: 96px;
	object-fit: cover;
}
 
.columns-box {
} 
.column-list {padding-top: 32px;margin-top: 32px;border-top: 1px solid #8f837a54;display: grid;grid-template: repeat(1, 1fr) / repeat(3, 1fr);gap: 24px;}
.column-item {
}
.column-title {
}
.column-sublist {margin-top: 32px;display: flex;flex-direction: column;gap: 32px;}
.column-sublist-item {display: flex;flex-direction: column;gap: 8px;}
.column-sublist-click {
}
.column-sublist-desc {font-size: 14px;font-weight: 500;}


.column-sublist-click,
.column-sublist-click *{
	font-size: 24px;
	color: #295850;
	font-weight: 400;
}


.woocommerce-products-header{
	padding-top: 280px;
	padding-bottom: 64px;
	color: #3C3632;
	text-align: center;
}


.products-woo{
	display: grid;
	grid-template: repeat(1, 1fr) / repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 64px;
}


.category-product-list{
	padding-top: 32px;
	padding-bottom: 64px;
	border-top: 1px solid #8f837a54;
	margin-top: 32px;
}




.page-numbers{
	
}
.products-box .pagination{
	margin-top:unset;
}

.item-price{
	display: flex;
	gap: 8px;
	color: #295850;
	font-weight: 200;
	font-size: 24px;
	margin-top: 16px;
	position: relative;
}
.item-price-new{
	
}

.item-price-old{
	color: gray;
	text-decoration-line: line-through;
	font-size: 14px;
}


.single-warsz-detals {display: flex;flex-direction: column;gap: 24px;margin-top: 32px;}
.single-warsz-detals-item {
}
.single-warsz-detals-item-label {font-size: 14px;color: #ffffffa8;}
.single-warsz-detals-item-info {font-size: 18px;font-weight: 200;padding-top: 8px;line-height: 32px;}


.single-warsz-detals-item-info br{
	display: none;
}

.add-to-cart-warsz{
	margin-top: 32px;
}


.woocommerce div.product{
	display: flex;
	flex-wrap: wrap;
	f;
	padding-top: 280px;
}


.related.products{
	width: 100%;
}

 
.summary-long-desc{
	max-width: 792px;
	margin: 128px auto;
}

.sumary-long-desc-item{
	margin-top:64px;
}

.related-head {
} 
.related-head-desc {display: flex;justify-content: space-between;align-items: center;padding-top: 32px;margin-bottom: 64px;padding-bottom: 32px;border-bottom: 1px solid #8f837a54;}
.related-head-title {
}

.pro-bread{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 32px;
}

.woocommerce div.product div.summary{
	padding-left: 126px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pro-bread a{
	color: #295850;
	font-weight: 400;
	font-size: 12px;
}

.pro-name{
	padding-bottom: 128px;
	border-bottom: 1px solid #8f837a54;
	margin-bottom: 32px;
}

.sumary-long-desc-item,
.pro-shortdesc{
	line-height:32px;
}


.pro-meta {display: flex;justify-content: space-between;position: relative;}
.pro-meta-left {display: flex;align-items: center;}  
.pro-meta-right {
}

.pro-meta .item-price{
	margin: unset;
}

.omnibus{
	font-size: 12px;
	font-weight: 200;
	color: #8F837A;
}


.item-price .omnibus{
	position: absolute;
	bottom: -32px;
}




/* woo whitemenu */

body.moje-konto .logo-img,
body.strona-zamowienia .logo-img,
body.koszyk  .logo-img,
body.woocommerce .logo-img{	
	-webkit-filter: brightness(1) invert(1);	filter: brightness(1) invert();}

body.moje-konto .nav a,
body.strona-zamowienia .nav a,
body.koszyk .nav a,
body.woocommerce .nav a{
	color: #3C3632;}

body.moje-konto .head-abs:after,
body.strona-zamowienia .head-abs:after,
body.koszyk  .head-abs:after,
body.woocommerce  .head-abs:after{	
	background: unset;}

body.moje-konto .stickymenu .head-abs:after,
body.strona-zamowienia .stickymenu .head-abs:after,
body.koszyk  .stickymenu .head-abs:after,
body.woocommerce  .stickymenu .head-abs:after{	
	background: #ffffffba;}









/* single warsztaty */
body.product-template-single-product-warsztat  .logo-img{-webkit-filter: brightness(0) invert(1);	filter: brightness(0) invert(1);}

body.product-template-single-product-warsztat   .head-abs:after{	background: #0000000a;}
body.product-template-single-product-warsztat   .stickymenu .head-abs:after{	background: #0000003b;}

 
.related.products .item-box-normal  {
	position:relative;
}
 
.map-header {
	text-align: center;
	margin-bottom: 64px;
	gap: 32px;
	display: flex;
	flex-direction: column;
}



body.moje-konto .head-subpage,
body.strona-zamowienia .head-subpage,
body.koszyk .head-subpage{
	display:none;
}


.simple-margin .woocommerce{
	margin-top: 190px;
}



.cart_totals  h2{
	font-size: 24px;
	color: black;
	font-weight: 200;
}



.product-price .iworks-omnibus{
	margin: unset;
	font-size: 12px;
}

.woocommerce .quantity .qty{
	border: 1px solid white; 
	align-items: center;
}
.product-quantity .quantity{
	margin: 0 auto;
	width: unset;
	margin: 0 auto;
	text-align: center;
	position: relative;
}


.checkout-button{
	font-size: 18px!important;
}


.woocommerce-account .addresses .title h3,
.u-columns h2{
	font-size:32px;
	color:black;
}


 .icon-btns>div{
	 cursor:pointer
 }

.column-sublist-click a:hover,
.cta-box a:hover{
	color:white;
	opacity:0.8;
}


.all-single-post:hover,
.item-box-normal:hover,
.single-blog-item:hover,
.single-art-box:hover,
.btn a:hover{
	opacity:0.8;
}


 
.single-warsz-content ul p{
	margin:unset;
}


.simple-text h1,
.simple-text h2,
.simple-text h3,
.simple-text h4,
.simple-text h5,
.simple-text h6,
article.post h1,
article.post h2,
article.post h3,
article.post h4,
article.post h5,
article.post h6{
	color: black;
}

.workshop-desc *{
	line-height: 30px;
	padding: 0 10px;
}



.header .sub-menu .current_page_item a,
.nav a:hover,
.current_page_parent > .wrap-li a,
.current-menu-ancestor > a,
.current-menu-ancestor > .wrap-li a,
.current-menu-item > .wrap-li a,
.current-menu-item > a, 
.current-page-ancestor > a{
	transition: 0.4s;
	color: #8FC9EE !important;
}

.workshop-desc p *,
.workshop-desc p{
	line-height: 8px;
	text-align: center;
	margin: 20px auto;
}



.workshop-desc p span{
	line-height: 15px;
	margin: 10px 50px;
	text-align: center;
	display: block;
}

.workshop-desc h5{
	margin: 20px 0px;
	font-size: 40px;
	font-weight: bold;
}


.workshop-logo img{
	max-width: 80%;
}



 .woocommerce div.product form.cart .variations th{
	 display: none;
}


.woocommerce div.product form.cart .variations select{
	min-width: unset;
	width: 100%;
	max-width: unset;
	height: 40px;
	padding: 10px;
	background-color: white;
	cursor: pointer;
}

 
.variations_form  > div{
	overflow: hidden!important;
}

.variations_form  .table-arrow-mobile{
	display: none;
}
 
#pwgc-message,
.pwgc-input-text{
	padding: 10px;
	font-family: 'Atkinson Hyperlegible Next';
}


.pwgc-subtitle{
	display:none;
}



.woocommerce td.product-name dl.variation p{
	margin: unset;
}





.single-product .item-price{
	position: static!important;
}



.comment-form-privacy a{
	color:#295850;
}


.comment-form-user-fields{
	display: grid;
	grid-template: repeat(1, 1fr) / repeat(2, 1fr);
	gap: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.comment-form-user-fields input{
	width: 100%;
	height: 30px;
	border: unset;
	border-bottom: 1px solid #8F837A;
	background: transparent;
	font-size: 12px;
}



.woocommerce #review_form #respond textarea{
	width: 100%;
	height: 80px;
	border: unset;
	border-bottom: 1px solid #8F837A;
	background: transparent;
	font-size: 12px;
	font-family: 'Atkinson Hyperlegible Next';
}



.comment-form-comment{
	border-top: 1px solid #8F837A54;
	padding-top: 20px;
	margin-top: 20px!important;
}

.comment-notes{
	display:none!important;
}


.comment-form-cookies-consent{
	display:none;
}


.comment-form-privacy label{
	font-size: 12px;
	cursor: pointer;
}

.comment-form-privacy{
	line-height:20px;
}

.aiowps-captcha-equation,
.aiowps-captcha{
	font-size:12px;
	margin-bottom: 20px;
}

#reply-title{
	display:none;
}


.form-submit{
	width: fit-content;
	margin-left: auto!important;
}

.custom-comment-submit{
	background: #295850;
	border-radius: 32px;
	border: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 20px;
	padding-right: 5px;
	color: white;
	cursor: pointer;
}

.custom-comment-submit svg{
	margin-left: 14px;
}


#comments{
	margin-bottom: 128px;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 64px;
	padding-top: 32px;
	margin-top: 32px;
	border-top: 1px solid #8F837A54;
}

#reviews{
	margin-top: 128px;
}

.description p{
	margin: unset;
}

.comment-text{
	background: #ebe6e3;
	padding: 24px;
	font-size: 18px;
	font-weight: 300;
	color: #8F837A;
}


.woocommerce-review__author{
	margin-top: 32px;
}


.woocommerce-review__published-date{
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 8px;
	display: block;
}


.reviews-box{
	width: 100%;
}


.head-svg-bg svg{
	width: 100%;
	height: 100%;
}

.chess-desc a{text-decoration: underline;}


.map-filters{
	display: flex;
	align-items: center;
	justify-content: center;
}

.map-filters label{
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: 'Atkinson Hyperlegible Next';
}

.map-filters span{
	margin-right: 15px;
	font-weight: 300;
}

.map-city-search{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 22px auto 0;
	max-width: 620px;
}

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

.map-city-search input[type="search"]{
	flex: 1 1 260px;
	min-width: 0;
	height: 48px;
	border: 1px solid #d9d0ca;
	background: #fff;
	color: #3C3632;
	padding: 0 16px;
	font-size: 16px;
	font-family: 'Atkinson Hyperlegible Next';
}

.map-city-search-btn button{
	display: flex;
	align-items: center;
	gap: 10px;
	border: 0;
	border-radius: 30px;
	background: #295850;
	color: #fff;
	padding: 4px;
	padding-left: 20px;
	width: fit-content;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Atkinson Hyperlegible Next';
	line-height: 1.4;
}

.map-city-search-btn svg{
	flex: 0 0 48px;
}

.map-city-search-status{
	width: 100%;
	min-height: 20px;
	color: #3C3632;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}

@media (max-width: 600px){
	.map-city-search{
		align-items: stretch;
		flex-wrap: wrap;
	}

	.map-city-search input[type="search"]{
		width: 100%;
	}

	.map-city-search-btn,
	.map-city-search-btn button{
		width: 100%;
	}

	.map-city-search-btn button{
		justify-content: space-between;
	}
}



#store-notice{
	width: 100%;
	background: #295850;
	text-align: center;
	padding: 10px 0px;
	color: white;
}

#store-notice a{
	color: white;
	text-decoration: underline;
}




.mobile-btn-only{
	display:none;
}


.tile-item .btn{
	display: flex;
	justify-content: flex-end;
}


#map-container .btn  a{
	pointer-events: none;
}



.popup-kreg{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
}

.popup-kreg.active{
    display:flex;
}

.popup-kreg-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.6);
}

.popup-kreg-box{
    position:relative;
    z-index:2;
    background: #f7f3f0;
    padding:40px;
    width:min(95%,700px);
    max-height:90vh;
    overflow:auto;
    border-radius:20px;
}

.popup-close{
    position:absolute;
    top:10px;
    right:15px;
    border:0;
    background:none;
    font-size:32px;
    cursor:pointer;
    line-height:1;
}

.author-socials{
	display: flex;
	justify-content: center;
	gap: 8px;
	align-items: center;
	font-weight: bold;
	margin-top: 12px;
}


.www{
	background: black;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: white;
	font-size: 12px;
	border-radius: 100%;
}

.author-info {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    padding: 40px;
    margin-top: 40px;
    background: #fff;
    border-radius: 24px;
    border: 1px solid #e9e9e9;
    box-shadow: 0 15px 40px rgba(0,0,0,.06);
}

.author-image {
    flex-shrink: 0;
}

.author-image img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.author-content {
    flex: 1;
}

.author-header {
    margin-bottom: 20px;
}

.author-name {
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.author-position {
    display: inline-block;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
}

.author-bio {
    margin-bottom: 25px;
}

.author-bio p {
    margin: 0;
    color: #444;
    line-height: 1.8;
    font-size: 16px;
}

.author-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.author-socials a {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    text-decoration: none;
}

.author-socials a:hover {
    transform: translateY(-3px);
    background: #ececec;
}

.author-socials img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.author-www {
    width: auto !important;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
}

@media (max-width: 991px) {

    .author-info {
        gap: 25px;
        padding: 30px;
    }

    .author-image img {
        width: 180px;
        height: 180px;
    }

    .author-name {
        font-size: 28px;
    }
}

@media (max-width: 767px) {

    .author-info {
        flex-direction: column;
        padding: 25px;
        text-align: center;
    }

    .author-image {
        width: 100%;
    }

    .author-image img {
        width: 160px;
        height: 160px;
        margin: 0 auto;
        border-radius: 50%;
    }

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

    .author-name {
        font-size: 24px;
    }

    .author-bio p {
        font-size: 15px;
        line-height: 1.7;
    }
}
*{
	
}

.absolute_mobile_fixed_button{
	position: fixed;
    left: 0px;
    top: 50%;
    transform-origin: left top;
    transform: rotate(-90deg) translateX(-50%);
    background: #295850;
    color: white;
    padding: 6px 12px;
	font-size: 16px;
	display: none;
	z-index: 10;
}
.absolute_mobile_fixed_button:hover{
	color: white;
}


.page-id-15 .woocommerce-error a{
	color:white;
}


.arrow-menu svg path{
	stroke:white;
}

.simple-text{
	flex-direction:column;
}

body.projekt-ecomarinas .simple-text{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

body.projekt-ecomarinas .simple-text > h3:first-child{
	font-size: 24px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 400;
	color: #242424;
	margin: 0 0 32px;
	max-width: 1200px;
}

body.projekt-ecomarinas .simple-text > p{
	font-family: 'DM Sans', 'Atkinson Hyperlegible Next', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0;
	color: #8A8A8A;
	margin: 0 0 32px;
	max-width: 1200px;
}

body.projekt-ecomarinas .simple-text > h2{
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 400;
	color: #242424;
	margin: 72px 0 32px;
	max-width: 1200px;
}

body.projekt-ecomarinas .simple-text > h2 + p{
	margin-top: 0;
}

body.projekt-ecomarinas .simple-text a{
	font-family: 'DM Sans', 'Atkinson Hyperlegible Next', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #11507A;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.08em;
}

body.projekt-ecomarinas .simple-text > p:has(> a:only-child){
	margin-bottom: 40px;
}

body.projekt-ecomarinas .simple-text > h2:last-of-type{
	margin-top: 56px;
	margin-bottom: 24px;
}

body.projekt-ecomarinas .simple-text > h2:last-of-type + p{
	margin-bottom: 48px;
}

.kontakt-section{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
}

.baner-section,
.baner-section + .kontakt-section{
	margin: 0 !important;
}

.kontakt-shell{
	position: relative;
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 56px 120px 96px;
	isolation: isolate;
}

.kontakt-shell:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: var(--marina-section-top-bg) center top / cover no-repeat;
	opacity: 0.25;
	pointer-events: none;
	z-index: -2;
}

.kontakt-shell:after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 700px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,255,0.92) 100%);
	border-bottom: 1px solid #ffffff;
	pointer-events: none;
	z-index: -1;
}

.kontakt-grid{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 486px 588px;
	justify-content: center;
	align-items: start;
	column-gap: 102px;
	row-gap: 48px;
}

.kontakt-copy{
	width: 100%;
	padding-top: 0;
}

.kontakt-title{
	margin: 0 0 16px;
	font-family: 'Atkinson Hyperlegible Next';
	font-size: 56px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.kontakt-group{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.kontakt-subtitle{
	margin: 40px 0 16px;
	font-family: 'Atkinson Hyperlegible Next';
	font-size: 32px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #242424;
}

.kontakt-item{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.kontakt-item-value{
	display: inline-block;
	font-family: 'DM Sans', 'Atkinson Hyperlegible Next', sans-serif;
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 0;
	color: #11507A;
	text-decoration: none;
	word-break: break-word;
}

.kontakt-item-value:hover{
	color: #0d4366;
}

.kontakt-item-label{
	font-family: 'DM Sans', 'Atkinson Hyperlegible Next', sans-serif;
	font-size: 14px;
	line-height: 1.15;
	font-weight: 500;
	letter-spacing: 0;
	color: #242424;
}

.kontakt-map{
	width: 100%;
}

.kontakt-map-frame{
	width: 588px;
	max-width: 100%;
	height: 784px;
	background: #f3f3f3;
	overflow: hidden;
}

.kontakt-map-frame iframe{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.simple-text iframe{
	width: 100vw;
}



/* RWD */

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

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

}
 

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

}
 


@media only screen and (min-width:1151px) { 
	body.product-template-single-product-warsztat  .nav a{color: #ffffff;}
}

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

	.simple-text iframe{
		height:840px;
	}

	.kontakt-shell{
		padding: 48px 48px 80px;
	}

	.kontakt-grid{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 40px;
	}

	.kontakt-copy{
		padding-top: 0;
	}

	.kontakt-map{
		display: flex;
		justify-content: center;
	}

	.kontakt-map-frame{
		width: min(588px, 100%);
		height: auto;
		aspect-ratio: 588 / 784;
	}
	
	
.mobile-btn-only{
	display:initial;
}
	
.column-list {padding-top: 32px;margin-top: 32px;border-top: 1px solid #8f837a54;display: grid;grid-template: repeat(1, 1fr) / repeat(1, 1fr);gap: 64px;}

	 
	body.moje-konto .hamburger-icon,
	body.strona-zamowienia .hamburger-icon,
	body.koszyk  .hamburger-icon,
	body.woocommerce .hamburger-icon{	
		-webkit-filter: brightness(1) invert(1);	
		filter: brightness(1) invert();
	} 
	   
	.simple-margin .woocommerce{
		margin-top:140px;
	}
	.woocommerce div.product,
	.woocommerce-products-header{
		padding-top: 140px;
	}
	
	.single-warsz-box{
		flex-direction: column;
	}

	.single-warsz-left{
    order: 1;
    width: 100%;
}
	.single-warsz-right{
    width: 100%;
    padding: 32px;
}
	
	.products-woo{
		display: grid;
		grid-template: repeat(1, 1fr) / repeat(2, 1fr);
		gap: 24px;
		margin-bottom: 64px;
	}

	.workshop-list-all {
	    display: grid;
	    grid-template: repeat(1, 1fr) / repeat(2, 1fr);
	    gap: 24px;
	}

	
	.single-carousel-item{
		flex-direction: column;
	}

	.single-car-left{
	    width: 100%;
	    min-height: 60vw;
	}
	
	.single-car-right{
	    width: 100%;
	    padding-left: unset;
	    margin-top: 30px;
	}

	.head-title{
		min-height: 460px;
	}

	.chest-list{
		gap: 64px;
	}
	
	.carousel-item{
		padding: 24px;
	}

	.choiced-up{
		flex-direction: column;
		gap: 32px;
	}

	.choiced-down {border-top: 1px solid #8f837a54;padding-top: 32px;margin-top: 64px;display: grid;grid-template: repeat(1, 1fr) / repeat(1, 1fr);gap: 24px;}
	
	.choiced-down .item-box-normal{
		text-align: center;
	}

	
	.team-list {display: grid;grid-template: repeat(1, 1fr) / repeat(1, 1fr);}
	
	.cta-box{
		padding: 32px;
	}

	.tile-item{
		min-height: unset;
		padding: 32px;
	}

	.tiles-list {
	    display: grid;
	    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
	    gap: 24px;
	}

	.single-item-title{
		min-height: unset;
	}

	.workshop-meta{
		flex-direction: column;
		gap: 20px;
	}

	.blog-last{
		grid-template: repeat(1, 1fr) / repeat(1, 1fr);
	}

	.footer-partners{
		padding: 28px 48px;
	}

	body.home .plakietka-section.is-alternative{
		padding-bottom: 64px;
	}

	.footer-partners-inner{
		gap: 24px;
	}

	.footer-shell{
		padding-bottom: 0;
	}

	.foot-bg{
		padding: 64px 32px;
	}

	.foot-cols {
	    grid-template-columns: 1fr;
	    gap: 48px;
	    max-width: none;
	}

	
	.workshops-top{
		flex-direction: column;
		gap: 10px;
		padding-bottom: 22px;
	}

	.cta-long .btn{
		position: static;
		margin-top: 20px;
	}

	.cta-box2{
		flex-direction: column;
		padding: 23px;
		gap: 32px;
	}

	.cta2-left h3{
		margin-bottom: unset;
	}

	.cta-long{
		min-height: unset;
	}

	.chess-item,
	.chess-item.is-reverse{
		flex-direction: column;
		gap: 24px;
	}

	.chess-left,
	.chess-right{
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
		padding: unset !important;
	}

	.chess-right{
		aspect-ratio: 588 / 784;
	}

	.chess-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.kontakt-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.kontakt-subtitle{
		font-size: 30px;
	}

	.chess-left .btn{
		margin-top: 32px;
	}

	.cta2-left,
	.cta2-right{
		width:100%;
		padding: unset!important;
	}

	
	.single-post-wrap,
	section {
	    margin: 64px 0;
	}
	
	.gray-bg{
		padding: 64px 0;
	}
		
	.baner-main-bg{
		min-height: 580px;
	}
	
	h1{
		font-size:50px; 
		font-family: 'Atkinson Hyperlegible Next';
		margin: unset;
		font-weight:300;
	}
	
	h2{
		font-size:40px;
		font-weight: 300;
		line-height: 40px;
	}
	
	h3{
		font-size:30px;
		font-weight:300;
		line-height: 38px;
		color: #3C3632;
	}
	
	h4{
		font-size:24px;  
		font-weight:300;
	}
	
	h5{
		font-size:20px; 
		font-weight:300;
		line-height: 35px;
	}
	
	h6{
		font-size:18px; 
		font-weight:300;
		line-height: 35px;
	}

	

	.head-abs:after{background: #ffffff73!;  }

	.header .btn{
		margin-right: 90px;
		z-index: 9999;
	}

	.woocommerce ul.order_details{
		flex-direction: column;
		margin: unset;
		padding: unset;
		gap: 10px;
	}

	.woocommerce ul.order_details li{
		border: unset;
	}

	.table-arrow-mobile{
		display:block;
	}


	.head-abs:after{
		background: rgba(8, 34, 57, 0.22)!important;
	}

	.head-abs.menu-open:after{
		background: rgba(8, 34, 57, 0.96)!important;
		backdrop-filter: blur(18px);
	}

	.header{
		position: relative;
	}

	.header .logo{
		position: relative;
		z-index: 100001;
		flex: 0 0 auto;
	}

	.header .logo a,
	.header .logo img{
		display: block;
	}

	header .nav{
		position: static;
		width: auto;
		height: auto;
		margin-left: auto;
	}

	#toggle{
		display: inline-flex;
		width: 52px;
		height: 52px;
		padding: 0;
		border-radius: 50%;
		border: 1px solid rgba(255,255,255,0.16);
		background: rgba(255,255,255,0.08);
		backdrop-filter: blur(12px);
		text-align: right;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		position: relative;
		margin-left: auto;
		right: auto;
		z-index: 100001;
		color: #ffffff;
	}

	.hamburger-icon{
		width: 22px;
		height: 2px;
		margin: 0;
		border-radius: 999px;
		background-color: currentColor;
	}

	.activehamb .hamburger-icon:nth-of-type(1){
		transform: translateY(7px) rotate(45deg);
	}

	.activehamb .hamburger-icon:nth-of-type(2){
		opacity: 0;
	}

	.activehamb .hamburger-icon:nth-of-type(3){
		transform: translateY(-7px) rotate(-45deg);
	}

	.nav > ul{
		display: none!important;
	}

	.menu-wrap-list{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100dvh;
		display: none;
		padding: 112px 24px 32px;
		background: rgba(8, 34, 57, 0.96);
		backdrop-filter: blur(22px);
		border-top: 0!important;
		overflow-y: auto;
		z-index: 99990;
	}

	.menu-wrap-list > ul{
		display: flex!important;
		position: static!important;
		flex-direction: column;
		width: 100%;
		padding: 0!important;
		margin: 0!important;
		gap: 0!important;
		background: transparent!important;
	}

	.menu-wrap-list ul{
		gap: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.menu-wrap-list > ul > li{
		border-bottom: 1px solid rgba(255,255,255,0.12);
	}

	.menu-wrap-list .wrap-li{
		display: flex;
		align-items: center;
		padding-right: 52px;
	}

	.menu-wrap-list a{
		display: block;
		width: 100%;
		padding: 18px 0!important;
		font-size: 24px!important;
		line-height: 1.08;
		color: #ffffff!important;
		text-align: left!important;
	}

	.header .nav .menu-wrap-list .sub-menu{
		position: static!important;
		top: auto;
		left: auto;
		transform: none!important;
		min-width: 0;
		padding: 0 0 12px!important;
		background: transparent!important;
		backdrop-filter: none!important;
		border: 0!important;
		border-radius: 0!important;
		box-shadow: none!important;
		visibility: visible!important;
		pointer-events: auto!important;
		opacity: 1!important;
		display: none;
	}

	.menu-wrap-list .sub-menu.opensubmenu{
		display: block!important;
	}

	.menu-wrap-list .sub-menu li{
		padding: 0!important;
	}

	.menu-wrap-list .sub-menu a{
		padding: 10px 0 10px 16px!important;
		font-size: 16px!important;
		line-height: 1.35;
		color: rgba(255,255,255,0.74)!important;
	}

	.menu-wrap-list .sub-menu a:hover{
		background: transparent;
	}

	.menu-wrap-list .arrow-menu{
		right: 0;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid rgba(255,255,255,0.12);
		background: rgba(255,255,255,0.08);
		color: #ffffff;
	}

	.menu-wrap-list .arrow-menu svg path{
		stroke: currentColor;
	}
	  
}



@media only screen and (max-width:1200px){
	.przystanie-grid{
		width: calc(100% - 64px);
	}

	.przystanie-weather{
		width: calc(100% - 64px);
	}

	.przystanie-card,
	.przystanie-card-inner{
		min-height: 520px;
	}

	.przystanie-card-inner{
		padding: 40px;
	}

	.przystanie-card-logo img{
		max-width: 170px;
	}

	.plakietka-wrap{
		width: calc(100% - 64px);
	}

	.pierscien-section .wrapper{
		width: calc(100% - 64px);
	}

	.galeria-wrap{
		width: calc(100% - 64px);
	}

	.mapa-wrap{
		width: calc(100% - 64px);
	}

	.uslugi-wrap{
		width: calc(100% - 64px);
	}

	.uslugi-slider{
		width: calc(100vw - 32px);
		scroll-padding-right: 32px;
	}

	.uslugi-track{
		padding-right: 32px;
	}

	.uslugi-title{
		font-size: 50px;
	}

	.mapa-title{
		font-size: 50px;
	}

	.galeria-title{
		font-size: 50px;
	}

	.pierscien-panel{
		grid-template-columns: 1fr;
	}

	.pierscien-panel.has-attributes .pierscien-panel-primary{
		border-bottom: 1px solid rgba(117,117,117,0.33);
	}

	.pierscien-panel-primary{
		padding: 36px 32px 32px;
	}

	.pierscien-panel.has-attributes .pierscien-panel-primary:after,
	.pierscien-advantage:after{
		display: none;
	}

	.pierscien-advantages{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.plakietka-box,
	.plakietka-inner{
		min-height: 460px;
	}

	.plakietka-inner{
		padding: 40px;
		gap: 72px;
	}

	.plakietka-title{
		font-size: 48px;
	}

	.plakietka-box.is-alternative .plakietka-title{
		font-size: 30px;
	}

	.najwazniejsze-info-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}

	.najwazniejsze-info-weather{
		margin-bottom: 64px;
	}

	.najwazniejsze-info-weather-grid{
		gap: 24px;
	}

	.najwazniejsze-info-title{
		font-size: 48px;
	}

	.najwazniejsze-info-heading{
		gap: 28px;
	}

	.najwazniejsze-info-content{
		padding-top: 24px;
	}

	.legenda-wrap{
		width: calc(100% - 64px);
	}

	.cennik-wrap{
		width: calc(100% - 64px);
	}

	.cennik-title{
		font-size: 58px;
		line-height: 1;
	}

	.cennik-grid{
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 32px;
	}

	.pliki-do-pobrania-wrap{
		width: calc(100% - 64px);
	}

	.pliki-do-pobrania-title{
		font-size: 58px;
		line-height: 1;
	}

	.pliki-do-pobrania-grid{
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 32px;
	}

	.pogoda-section{
		min-height: 0;
	}

	.pogoda-wrap{
		width: calc(100% - 64px);
		min-height: 0;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.pogoda-item{
		min-height: 0;
		padding: 0;
		gap: 18px;
	}

	.pogoda-item:not(:last-child):after{
		display: none;
	}

	.pogoda-item-head,
	.pogoda-item-body{
		gap: 18px;
	}

	.pogoda-item-body{
		align-items: center;
	}

	.pogoda-main{
		font-size: 28px;
	}

	.baner-hero-content{
		padding-left: 32px;
		padding-right: 32px;
	}

	.baner-hero-content:before{
		left: 32px;
		right: 32px;
	}

	.baner-panel-strip{
		padding: 20px 0;
	}

	.baner-panel-strip .wrapper{
		width: calc(100% - 64px);
	}

	.baner-title h1,
	.baner-title h2{
		font-size: 52px;
	}

	.baner-panel{
		grid-template-columns: 1fr;
	}

	.baner-panel-primary{
		padding: 36px 32px 32px;
		border-bottom: 1px solid rgba(117,117,117,0.33);
	}

	.baner-panel-primary:after,
	.baner-advantage:after{
		display: none;
	}

	.baner-advantages{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media only screen and (max-width:950px){
	.przystanie-section{
		padding: 20px 0;
	}

	.przystanie-section.has-weather{
		padding-top: 40px;
	}

	.pogoda-section + .przystanie-section{
		margin-top: -20px;
		padding-top: 40px;
	}

	.przystanie-weather{
		width: calc(100% - 48px);
		margin-bottom: 20px;
	}

	.przystanie-weather-grid{
		grid-template-columns: 1fr;
		gap: 0;
		padding: 0 4px;
	}

	.przystanie-weather-item{
		min-height: 0;
		padding: 22px 0;
	}

	.przystanie-weather-item:not(:last-child):after{
		display: none;
	}

	.przystanie-weather-item:not(:last-child){
		border-bottom: 1px solid rgba(17,80,122,0.12);
	}

	.przystanie-grid{
		width: calc(100% - 48px);
		grid-template-columns: 1fr;
	}

	.przystanie-card,
	.przystanie-card-inner{
		min-height: 460px;
	}

	.przystanie-card-inner{
		padding: 32px;
	}

	.plakietka-wrap{
		width: calc(100% - 48px);
	}

	.pierscien-section{
		padding: 20px 0;
	}

	.galeria-section{
		padding-top: 56px;
	}

	.mapa-section{
		padding-top: 56px;
	}

	.uslugi-section{
		padding-top: 56px;
	}

	.uslugi-wrap{
		width: calc(100% - 48px);
	}

	.uslugi-slider{
		width: calc(100vw - 24px);
		scroll-padding-right: 24px;
	}

	.uslugi-track{
		padding-right: 24px;
	}

	.uslugi-header{
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		margin-bottom: 32px;
	}

	.uslugi-heading{
		max-width: none;
	}

	.uslugi-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.footer-partners-inner{
		max-width: none;
	}

	body.single-przystanie.marina-gdansk .footer::before{
		height: 320px;
	}

	body.single-przystanie.marina-gdansk .galeria-section:last-of-type{
		padding-bottom: 140px;
	}

	body.single-przystanie.marina-gdansk .galeria-section:last-of-type::after{
		height: 320px;
		background-size: 100% 320px;
	}

	.footer-partners-inner img{
		max-width: 360px;
	}

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

	.uslugi-card{
		width: 320px;
		height: 500px;
		flex-basis: 320px;
	}

	.uslugi-card-inner{
		padding: 40px;
	}

	.uslugi-card-title{
		font-size: 28px;
	}

	.mapa-wrap{
		width: calc(100% - 48px);
	}

	.mapa-header{
		margin-bottom: 32px;
	}

	.mapa-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.galeria-wrap{
		width: calc(100% - 48px);
	}

	.galeria-header{
		margin-bottom: 28px;
	}

	.galeria-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.galeria-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pierscien-section .wrapper{
		width: calc(100% - 48px);
	}

	.pierscien-panel-primary{
		padding: 32px 24px 28px;
	}

	.pierscien-panel-title,
	.pierscien-panel-description{
		max-width: none;
	}

	.pierscien-advantages{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.pierscien-advantage{
		padding: 34px 20px 24px;
		border-top: 1px solid rgba(117,117,117,0.33);
	}

	.plakietka-section{
		padding-bottom: 20px;
	}

	body.home .plakietka-section.is-alternative{
		padding-bottom: 32px;
	}

	.plakietka-box,
	.plakietka-inner{
		min-height: 420px;
	}

	.plakietka-inner{
		padding: 40px;
		gap: 56px;
	}

	.plakietka-title{
		font-size: 40px;
	}

	.plakietka-box.is-alternative .plakietka-title{
		font-size: 28px;
	}

	.najwazniejsze-info-section{
		padding: 64px 0 72px;
	}

	.najwazniejsze-info-wrap{
		width: calc(100% - 48px);
	}

	.najwazniejsze-info-weather{
		margin-bottom: 48px;
	}

	.najwazniejsze-info-weather-grid{
		grid-template-columns: 1fr;
		gap: 0;
		padding: 0 4px;
	}

	.najwazniejsze-info-weather-item{
		min-height: 0;
		padding: 22px 0;
	}

	.najwazniejsze-info-weather-item:not(:last-child):after{
		display: none;
	}

	.najwazniejsze-info-weather-item:not(:last-child){
		border-bottom: 1px solid rgba(17,80,122,0.12);
	}

	.najwazniejsze-info-grid{
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.najwazniejsze-info-main,
	.najwazniejsze-info-heading,
	.najwazniejsze-info-content,
	.najwazniejsze-info-title{
		max-width: none;
	}

	.najwazniejsze-info-heading{
		gap: 20px;
	}

	.najwazniejsze-info-title{
		font-size: 40px;
	}

	.najwazniejsze-info-item{
		max-width: none;
	}

	.najwazniejsze-info-content{
		padding-top: 0;
	}

	.legenda-section{
		padding: 28px 0 36px;
	}

	.legenda-wrap{
		width: calc(100% - 48px);
	}

	.cennik-section{
		padding: 56px 0 36px;
	}

	.cennik-wrap{
		width: calc(100% - 48px);
	}

	.cennik-grid{
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
		align-items: start;
	}

	.cennik-intro,
	.cennik-content{
		max-width: none;
	}

	.cennik-content{
		margin-left: 0;
		padding-top: 0;
	}

	.cennik-subtitle{
		margin-bottom: 28px;
	}

	.cennik-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.cennik-topic-summary{
		grid-template-columns: minmax(0, 1fr) 24px;
		column-gap: 20px;
	}

	.cennik-service{
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.pliki-do-pobrania-section{
		padding: 56px 0 36px;
	}

	.pliki-do-pobrania-wrap{
		width: calc(100% - 48px);
	}

	.pliki-do-pobrania-grid{
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
		align-items: start;
	}

	.pliki-do-pobrania-intro,
	.pliki-do-pobrania-content{
		max-width: none;
	}

	.pliki-do-pobrania-content{
		margin-left: 0;
		padding-top: 0;
	}

	.pliki-do-pobrania-subtitle{
		margin-bottom: 28px;
	}

	.pliki-do-pobrania-title{
		font-size: 42px;
		line-height: 1.04;
	}

	.pliki-do-pobrania-item{
		grid-template-columns: minmax(0, 1fr) 48px;
	}

	.pogoda-section{
		min-height: 0;
		padding: 24px 0 56px;
	}

	.pogoda-wrap{
		width: calc(100% - 48px);
		min-height: 0;
		grid-template-columns: 1fr;
		gap: 0;
		padding: 0 4px;
	}

	.pogoda-item{
		min-height: 0;
		padding: 22px 0;
		gap: 16px;
	}

	.pogoda-item:not(:last-child):after{
		display: none;
	}

	.pogoda-item:not(:last-child){
		border-bottom: 1px solid rgba(17,80,122,0.12);
	}

	.pogoda-item-head,
	.pogoda-item-body{
		gap: 16px;
	}

	.pogoda-main{
		font-size: 28px;
		max-width: none;
	}

	.pogoda-note{
		text-align: left;
		margin-left: 0;
	}

	.pogoda-section + .przystanie-section{
		margin-top: -48px;
		padding-top: 48px;
	}

	.header{
		width: calc(100% - 48px);
		padding: 32px 0;
	}

	.baner-section{
		margin-bottom: 0;
	}

	.baner-main-bg,
	.baner-hero,
	.baner-hero-content{
		min-height: 500px;
	}

	.baner-hero-content{
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 88px;
	}

	.baner-hero-content:before{
		top: 118px;
		left: 24px;
		right: 24px;
	}

	.baner-title h1,
	.baner-title h2{
		font-size: 42px;
	}

	.baner-title p{
		font-size: 42px;
		line-height: 1.15;
	}

	.baner-panel-primary{
		padding: 32px 24px 28px;
	}

	.baner-panel-strip{
		padding: 16px 0;
	}

	.baner-panel-strip .wrapper{
		width: calc(100% - 48px);
	}

	.baner-panel-title,
	.baner-panel-description{
		max-width: none;
	}

	.baner-advantages{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.baner-advantage{
		padding: 34px 20px 24px;
		border-top: 1px solid rgba(117,117,117,0.33);
	}

	.tean-item .absolute_box .content{
		overflow: auto;
        max-height: 100vh;
        display: block;
	}
	.tean-item .absolute_box .content .left{
		padding: 24px;
		padding-right: 24px;
		padding-bottom: 0px;
		width: 100%;
		min-width: unset;
	}
	.tean-item .absolute_box .content .right{
		padding: 24px;
		padding-left: 24px;
		padding-top: 0px;
		max-height: unset;
	}
	.tean-item .absolute_box{
		height: auto;
		min-height: 100vh;
	}
}

@media only screen and (max-width:600px){
	.przystanie-section.has-weather{
		padding-top: 28px;
	}

	.kontakt-shell{
		padding: 40px 16px 64px;
	}

	.kontakt-grid{
		row-gap: 32px;
	}

	.kontakt-title{
		font-size: 36px;
		line-height: 1.08;
		margin-bottom: 16px;
	}

	.kontakt-subtitle{
		margin-top: 40px;
		font-size: 28px;
		line-height: 1.08;
	}

	.kontakt-group{
		gap: 16px;
	}

	.kontakt-item-value{
		font-size: 22px;
	}

	.kontakt-item-label{
		font-size: 14px;
	}

	.pogoda-section + .przystanie-section{
		margin-top: -14px;
		padding-top: 28px;
	}

	.przystanie-weather{
		width: calc(100% - 32px);
		margin-bottom: 16px;
	}

	.przystanie-weather-grid{
		padding: 0 2px;
	}

	.przystanie-weather-item{
		padding: 18px 0;
	}

	.przystanie-grid{
		width: calc(100% - 32px);
		gap: 16px;
	}

	.przystanie-card,
	.przystanie-card-inner{
		min-height: 380px;
	}

	.przystanie-card-inner{
		padding: 24px;
	}

	.plakietka-wrap{
		width: calc(100% - 32px);
	}

	.pierscien-section{
		padding: 16px 0;
	}

	.galeria-section{
		padding-top: 48px;
	}

	.mapa-section{
		padding-top: 48px;
	}

	.uslugi-section{
		padding-top: 48px;
	}

	.uslugi-wrap{
		width: calc(100% - 32px);
	}

	.uslugi-slider{
		width: calc(100vw - 16px);
		scroll-padding-right: 16px;
	}

	.uslugi-header{
		margin-bottom: 24px;
	}

	.uslugi-subtitle{
		margin-bottom: 20px;
	}

	.uslugi-title{
		font-size: 32px;
		line-height: 1.14;
	}

	.uslugi-controls{
		gap: 8px;
	}

	.uslugi-control{
		width: 44px;
		height: 44px;
		padding: 12px;
	}

	.uslugi-track{
		gap: 16px;
		padding-right: 16px;
	}

	.uslugi-card{
		width: 280px;
		height: 440px;
		flex-basis: 280px;
	}

	.uslugi-card-inner{
		padding: 24px;
	}

	.uslugi-card-title{
		font-size: 24px;
	}

	.uslugi-card-footer{
		padding-top: 24px;
	}

	.uslugi-card-button{
		padding-left: 20px;
	}

	.uslugi-card-button-icon{
		margin-left: 12px;
	}

	.mapa-wrap{
		width: calc(100% - 32px);
	}

	.mapa-header{
		margin-bottom: 24px;
	}

	.mapa-subtitle{
		margin-bottom: 20px;
	}

	.mapa-title{
		font-size: 32px;
		line-height: 1.14;
	}

	.mapa-embed{
		aspect-ratio: 1 / 1;
	}

	.galeria-wrap{
		width: calc(100% - 32px);
	}

	.galeria-header{
		margin-bottom: 24px;
	}

	.galeria-subtitle{
		margin-bottom: 20px;
	}

	.galeria-title{
		font-size: 32px;
		line-height: 1.14;
	}

	.galeria-grid{
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.pierscien-section .wrapper{
		width: calc(100% - 32px);
	}

	.pierscien-panel-primary{
		padding: 28px 22px;
	}

	.pierscien-panel-logo{
		margin-bottom: 24px;
	}

	.pierscien-panel-logo img{
		max-width: 180px;
	}

	.pierscien-panel-title{
		font-size: 18px;
	}

	.pierscien-panel-button{
		width: 100%;
	}

	.pierscien-panel-button a{
		width: 100%;
		justify-content: space-between;
		padding-left: 24px;
	}

	.pierscien-advantage{
		padding: 28px 22px;
	}

	.pierscien-advantages{
		grid-template-columns: 1fr;
	}

	.plakietka-section{
		padding-bottom: 16px;
	}

	body.home .plakietka-section.is-alternative{
		padding-bottom: 48px;
	}

	.plakietka-box,
	.plakietka-inner{
		min-height: 360px;
	}

	.plakietka-inner{
		padding: 24px;
		gap: 40px;
	}

	.plakietka-copy,
	.plakietka-box.is-alternative .plakietka-copy{
		max-width: 100%;
	}

	.plakietka-title{
		font-size: 32px;
	}

	.plakietka-box.is-alternative .plakietka-title{
		font-size: 24px;
		line-height: 1.2;
	}

	.plakietka-button{
		align-self: flex-start;
	}

	.plakietka-button a{
		padding-left: 24px;
		min-height: 52px;
	}

	.najwazniejsze-info-section{
		padding: 48px 0 56px;
	}

	.najwazniejsze-info-wrap{
		width: calc(100% - 32px);
	}

	.najwazniejsze-info-weather{
		margin-bottom: 40px;
	}

	.najwazniejsze-info-weather-grid{
		padding: 0 2px;
	}

	.najwazniejsze-info-weather-item{
		padding: 18px 0;
	}

	.najwazniejsze-info-title{
		font-size: 32px;
	}

	.najwazniejsze-info-value{
		font-size: 20px;
	}

	.legenda-section{
		padding: 20px 0 28px;
	}

	.legenda-wrap{
		width: calc(100% - 32px);
	}

	.cennik-section{
		padding: 40px 0 24px;
	}

	.cennik-wrap{
		width: calc(100% - 32px);
	}

	.cennik-title{
		font-size: 32px;
		line-height: 1.12;
	}

	.cennik-topic-summary{
		padding-bottom: 18px;
		min-height: 0;
	}

	.cennik-topic-title{
		font-size: 24px;
		line-height: 1.08;
	}

	.cennik-topic-copy{
		min-height: 0;
		gap: 6px;
	}

	.cennik-topic-note{
		line-height: 1.3;
	}

	.cennik-topic-body{
		gap: 18px;
		padding-bottom: 18px;
	}

	.cennik-service{
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
	}

	.cennik-service-price{
		text-align: left;
	}

	.pliki-do-pobrania-section{
		padding: 40px 0 24px;
	}

	.pliki-do-pobrania-wrap{
		width: calc(100% - 32px);
	}

	.pliki-do-pobrania-title{
		font-size: 32px;
		line-height: 1.12;
	}

	.pliki-do-pobrania-item{
		grid-template-columns: minmax(0, 1fr) 52px;
		gap: 16px;
		padding: 14px 0 20px;
		min-height: 0;
	}

	.pliki-do-pobrania-item-title{
		font-size: 24px;
		line-height: 1.08;
	}

	.pliki-do-pobrania-item-meta{
		line-height: 1.3;
	}

	.pliki-do-pobrania-item-button{
		width: 52px;
		height: 52px;
		flex-basis: 52px;
	}

	.przystanie-card-logo img{
		max-width: 148px;
		max-height: 56px;
	}

	.przystanie-card-info{
		margin-top: 28px;
		gap: 10px;
	}

	.przystanie-card-info-main{
		font-size: 20px;
	}

	.przystanie-card-button a{
		padding-left: 24px;
		min-height: 52px;
	}

	.pogoda-section{
		min-height: 0;
		padding: 20px 0 40px;
	}

	.pogoda-wrap{
		width: calc(100% - 32px);
		min-height: 0;
		padding: 0 2px;
	}

	.pogoda-item{
		padding: 18px 0;
	}

	.pogoda-item-head,
	.pogoda-item-body{
		gap: 12px;
	}

	.pogoda-item-body{
		flex-direction: column;
		align-items: flex-start;
	}

	.pogoda-info,
	.pogoda-note{
		font-size: 13px;
	}

	.pogoda-main{
		font-size: 24px;
		line-height: 1.05;
	}

	.pogoda-icon{
		width: 48px;
		height: 48px;
		flex-basis: 48px;
		padding: 12px;
		margin-top: 2px;
	}

	.pogoda-section + .przystanie-section{
		margin-top: -32px;
		padding-top: 32px;
	}

	.header{
		width: calc(100% - 32px);
		padding: 24px 0;
	}

	.baner-main-bg,
	.baner-hero,
	.baner-hero-content{
		min-height: 360px;
	}

	.baner-hero-content{
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 48px;
	}

	.baner-hero-content:before{
		top: 92px;
		left: 16px;
		right: 16px;
	}

	.baner-title h1,
	.baner-title h2{
		font-size: 32px;
		line-height: 1.14;
	}

	.baner-title p{
		font-size: 32px;
		line-height: 1.14;
	}

	.baner-panel-strip{
		padding: 12px 0;
	}

	.baner-panel-strip .wrapper{
		width: calc(100% - 32px);
	}

	.baner-panel-primary{
		padding: 28px 22px;
	}

	.baner-panel-logo{
		margin-bottom: 24px;
	}

	.baner-panel-logo img{
		max-width: 180px;
	}

	.baner-panel-title{
		font-size: 18px;
	}

	.baner-panel-button{
		width: 100%;
	}

	.baner-panel-button a{
		width: 100%;
		justify-content: space-between;
		padding-left: 24px;
	}

	.baner-advantage{
		padding: 28px 22px;
	}

	.baner-advantages{
		grid-template-columns: 1fr;
	}
}


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

	.woocommerce-message{
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
		padding: 10px;
	}

	.related-head-desc{
		flex-direction: column;
		gap: 32px;
		align-items: flex-start;
	}

	.sumary-long-desc-item{
		margin-top: 32px;
	}

	.summary-long-desc{
		margin: 64px auto;
	}

	.pro-name{
		padding-bottom: 20px;
	}

	.woocommerce div.product div.summary{
		padding-left: unset;
	}
	
	.products-woo{
		display: grid;
		grid-template: repeat(1, 1fr) / repeat(1, 1fr);
		gap: 90px;
		margin-bottom: 64px;
	}
	
	.workshop-list-all {
	    display: grid;
	    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
	    gap: 24px;
	}
	
	.author-btm .btn{
		margin:unset;
		margin-top:32px;
	}

	.author-btm,
	.author-info-box{
		flex-direction: column;
	}

	.search-ctm-btn{
		display:none;
	}
		
	.news-all-posts{
		padding-top: 64px;
		display: grid;
		grid-template: repeat(1, 1fr) / repeat(1, 1fr);
		gap: 24px;
	}

	.item-title{
		min-height: unset;
	}

	.footer-partners{
		padding: 24px 16px;
	}

	body.single-przystanie.marina-gdansk .footer::before{
		height: 220px;
	}

	body.single-przystanie.marina-gdansk .galeria-section:last-of-type{
		padding-bottom: 96px;
	}

	body.single-przystanie.marina-gdansk .galeria-section:last-of-type::after{
		height: 220px;
		background-size: 100% 220px;
	}

	body.home .plakietka-section.is-alternative{
		padding-bottom: 40px;
	}

	.footer-partners-inner{
		gap: 20px;
	}

	.footer-partners-inner img{
		max-width: 300px;
	}

	.footer-partners-inner p{
		line-height: 1.35;
	}
	
	.footer-desc{
		max-width: none;
		margin-bottom: 32px;
	}

	.footer-meta{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.footer-logo{
		margin: 72px 0 0;
	}

	.header .btn{
		display:none;
	}
	.absolute_mobile_fixed_button{
		display: block;
	}
	
	.alignnone{
		margin-right: unset;
	}

	.foot-col-right {
	    display: grid;
	    grid-template-columns: 1fr;
	    gap: 32px;
	    margin-top: 0;
	}
	
	.copyright{
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding-top: 72px;
	}

	.place-order{
		padding: 22px!important;
	}

	.copyright{
		
	}
}
 





 @media only screen and (min-width: 200px) and (max-width: 1620px)  { 
 
}