:root {
	--c-green-light: rgba(181,231,160,1);
	--c-green-light-75: rgba(181,231,160,.75);
	--c-green-light-50: rgba(181,231,160,.50);
	--c-green-light-25: rgba(181,231,160,.25);
	--c-green-light-10: rgba(181,231,160,.10);
	--c-green-pst: rgba(227,234,167,1);
	--c-green-pst-75: rgba(227,234,167,.75);
	--c-green-pst-50: rgba(227,234,167,.50);
	--c-green-pst-25: rgba(227,234,167,.25);
	--c-green-pst-10: rgba(227,234,167,.10);
	--c-green-dark: rgba(134,175,73,1);
	--c-green-dark-75: rgba(134,175,73,.75);
	--c-green-dark-50: rgba(134,175,73,.50);
	--c-green-dark-30: rgba(134,175,73,.30);
	--c-green-dark-25: rgba(134,175,73,.25);
	--c-green-dark-20: rgba(134,175,73,.20);
	--c-green-dark-10: rgba(134,175,73,.10);
	--c-h-bg: var(--c-green-dark);
	--c-h-fg: white;
	--c-i-bg: var(--c-green-dark-10);
	--c-i-fg: black;
	--c-q-bg: var(--c-green-dark-25);
	--c-q-fg: black;
	--c-20-bg: var(--c-green-dark-20);
	--c-30-bg: var(--c-green-dark-30);
	--c-50-bg: var(--c-green-dark-50);
	--c-50-fg: black;
	--c-75-bg: var(--c-green-dark-75);
	--c-75-fg: rgb(240,240,240);
	--c-border: var(--c-green-pst);
	--c-dark-green: var(--c-green-dark);
	--c-light-green: var(--c-green-light);
	--c-item: rgba(253,250,248,1);
	--c-item-10: rgba(253,250,248,.5);
	--c-1: rgba(214, 231, 203,1);
	--c-1-50: rgba(214, 231, 203,.5);
	--c-2: rgba(132, 183, 98,1);
	--c-2-80: rgba(132, 183, 98,.8);
	--c-2-70: rgba(132, 183, 98,.7);
	--c-2-60: rgba(132, 183, 98,.6);
	--c-2-50: rgba(132, 183, 98,.5);
	--c-3: rgba(228, 239, 220,1);
	--c-3-50: rgba(228, 239, 220,.5);
	--c-3-25: rgba(228, 239, 220,.25);
	--c-3-10: rgba(228, 239, 220,.1);
	--c-quote-bg: rgba(228, 239, 220,1);
	--c-quote-bg-20: rgba(228, 239, 220,.2);
	--c-quote-bg-50: rgba(228, 239, 220,.5);
	--c-even-bg: rgba(132, 183, 98,.03);
	--c-odd-bg: rgba(132, 183, 98,.03);
}

.superscript {vertical-align: super;font-size: .66em;}

.font-italic {font-style: italic;}

.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-right {text-align: right;}
.text-align-justify {text-align: justify;}

.font-weight-200 {font-weight: 200;}
.font-weight-400 {font-weight: 400;}
.font-weight-600 {font-weight: 600;}
.font-weight-800 {font-weight: 800;}

.font-size-0-75 {font-size: .75em; line-height: 1em;}
.font-size-0-85 {font-size: .85em; line-height: 1.1em;}
.font-size-1 {font-size: 1em; line-height: 1.33em;}
.font-size-1-25 {font-size: 1.25em; line-height: 1.66em;}
.font-size-1-5 {font-size: 1.5em; line-height: 2em;}
.font-size-1-75 {font-size: 1.75em; line-height: 2.33em;}
.font-size-2 {font-size: 2em; line-height: 2.66em;}

.flex-div {display: flex;}
.flex-column {flex-basis: 0;flex-grow: 1;}
.flex-column-0 {flex-basis: 0;}
.flex-column-5 {flex-basis: 5%;}
.flex-column-10 {flex-basis: 10%;}
.flex-column-20 {flex-basis: 20%;}
.flex-column-25 {flex-basis: 25%;}
.flex-column-30 {flex-basis: 30%;}
.flex-column-33 {flex-basis: 33.3%;}
.flex-column-35 {flex-basis: 35%;}
.flex-column-40 {flex-basis: 40%;}
.flex-column-50 {flex-basis: 50%;}
.flex-column-60 {flex-basis: 60%;}
.flex-column-66 {flex-basis: 66.6%;}
.flex-column-70 {flex-basis: 70%;}
.flex-column-75 {flex-basis: 75%;}
.flex-column-80 {flex-basis: 80%;}
.flex-column-90 {flex-basis: 90%;}
.flex-column-95 {flex-basis: 95%;}

.ivcenter {align-content: center;}

.pd5 {padding: 0 5%;}
.pdt5 {padding-top: 1.33em;}
.pdb5 {padding-bottom: 1.33em;}

#oferta, #inwestycja, #lokalizacja, #kontakt, #informacje, #galeria, #spotkanie, #podglad, #mieszkania, #wnetrza, #karta, #tresc, *[id^="msk"], *[id^="l-"], *[id^="g-"] {scroll-margin-top: 58px;}
#gtyp, #ptyp, #btyp {scroll-margin-top: 94px;}

.statusbar {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 48px;
	height: 48px;
	z-index: 1;
	background: var(--c-2-50);
	border: 1px solid var(--c-1);
	border-radius: 4px;
}

.slider-dots {
	position: absolute;
	bottom: 2.5%;
	width: 100%;
	z-index: 10;
}

.mobile-menu,
.mobile-menu-close {
	display: none;
}

.short {
	position: absolute;
	bottom: 10vh;
	right: 2.5vh;
	padding: 1vh;
	z-index: 10;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
	max-width: 65%;
	border-radius: 1em 0 1em 0;
}

.mvh {
}

.mvw {
	max-width: 1296px;
	margin: auto;
}

.cil {
}

.cir {
	padding: 0 72px 0 16px;
}

#oferta {
}

.quote .button,
#slider .button,
#slider .button:active,
.pdfpreview-nav .button,
.pdfpreview-nav .button:active ,
.pdfpreview-nav .button:visited {
	background-color: var(--c-2);
	border: 1px solid white;
	color: white;
	padding: 16px 16px;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	min-width: 75px;
}

.quote .button,
#slider .button,
#slider .button:active {
	border-radius: 1em 0 1em 0;
}

.quote .button {
	font-size: 24px;
	min-width: 50px;
	padding: 6px 6px;
	margin: 0 3px;
}

.quote .button:hover,
#slider .button:hover,
.pdfpreview-nav .button:hover {
	background-color: white;
	border: 1px solid var(--c-2);
	color: var(--c-2);
}

.pdfpreview-nav .button-dis {
	background-color: white;
	border: 1px solid var(--c-2);
	color: var(--c-2);
	padding: 16px 16px;
	display: inline-block;
	font-size: 16px;
	min-width: 50px;
}

.karty-carousel, .lokalizacja-carousel, .content-carousel {
}

.karty-carousel .item, .lokalizacja-carousel .item, .content-carousel .item {
	background: var(--c-item);
	margin: 0 1px;
}

.karty-carousel .item {
	padding: 8px 8px;
	/* min-height: 64vh; */
}

.karty-carousel .item .kcl, .lokalizacja-carousel .item .kcl, .content-carousel	.item .kcl {
	padding-right: 8px;
}

.karty-carousel .item .kcr, .lokalizacja-carousel .item .kcr, .content-carousel	.item .kcr {
	padding-left: 8px;
}

.owl-carousel .owl-item .kimg img {
	width: 70%;
	display: unset;
}

.karta-desc {
	/* aspect-ratio: 1/1.25; */
}

.karty-carousel .kpow {
}

.karty-carousel .pdf-url,
.karty-carousel .karta-url {
	border: 1px solid var(--c-1);
	padding: 8px;
	width: 33%;
}

.karty-carousel .pdf-url  {
	right: 16px;
}

.karty-carousel .karta-url {
	left: 16px;
}

.kopis {
	margin-top: 1em;
}

.imgw100p {
	width: 100%;
}


/**SVG**/
.line {
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' ><rect x='3.5%' y='55%' width='19%' height='1px' fill='rgb(214,169,125)'/><circle cx='24%' cy='55%' r='2%' fill='none' stroke='rgb(214,169,125)'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100% 100%'><rect x='77.5%' y='55%' width='19%' height='1px' fill='rgb(214,169,125)'/><circle cx='76%' cy='55%' r='2%' fill='none' stroke='rgb(214,169,125)'/></svg>");
		background-repeat:no-repeat;
		background-position:left right;
		background-size: 100% 100%, auto;
}

.linel_ziemia {
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100% 100%'><rect x='17%' y='50%' width='70%' height='1px' fill='rgb(214,169,125)'/><circle cx='90%' cy='50%' r='4%' fill='none' stroke='rgb(214,169,125)'/></svg>");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 100% 100%, auto;
}

.liner_ziemia {
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100% 100%'><rect x='13%' y='50%' width='70%' height='1px' fill='rgb(214,169,125)'/><circle cx='10%' cy='50%' r='4%' fill='none' stroke='rgb(214,169,125)'/></svg>");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 100% 100%, auto;
}

.linel {
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100% 100%'><rect x='17%' y='50%' width='70%' height='1px' fill='rgb(255, 255, 255)'/><circle cx='90%' cy='50%' r='4%' fill='none' stroke='rgb(255, 255, 255)'/></svg>");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 100% 100%, auto;
}

.liner {
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100% 100%'><rect x='13%' y='50%' width='70%' height='1px' fill='rgb(255, 255, 255)'/><circle cx='10%' cy='50%' r='4%' fill='none' stroke='rgb(255, 255, 255)'/></svg>");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 100% 100%, auto;
}

#oferta {
}

#oferta img {
	float: left;
}

/** tabela **/
.zestawienie-pom .el-krt {
	padding: 6px;
}

.zestawienie-pom .el-krt img {
	border: 1px solid var(--c-border);
	border-radius: 12px;
}

.kpimg {background-position:center center;background-size: 100% 100%, auto;}
.kpimggl120 {background-image: url("karty/g/gl120_1080_a.webp");}
.kpimggr120 {background-image: url("karty/g/gr120_1080_a.webp");}
.kpimgbl100 {background-image: url("karty/b/bl100_1080_a.webp");}
.kpimgbr100 {background-image: url("karty/b/br100_1080_a.webp");}
.kpimgp70 {background-image: url("karty/p/p70_1080_a.webp");}

.img50 {
	width: 50%;
}
.img97 {
	width: 97%;
}
.img100 {
	width: 100%;
}

/** inne **/
.spacer {
	height: 24px;
}

/* uni */
.ar-2-1 {
	aspect-ratio: 2/1;
}