/* Global Styles */
html,
body {
    width: 100%;
    height: 100%;
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Ubuntu, Arial, sans-serif;
}

a {
	font-size:100%;
	margin:10px;
	font-family: Ubuntu, Arial, sans-serif;
}



form{
	position:absolute; 
	z-index:11;
	margin: auto; 
	
}

form.poly{
	
	z-index:11;
	margin: 0;
    position: absolute;
    top: 80%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



p {
	font-family: Ubuntu, Arial, sans-serif;
	text-indent:10px;
}

#overlay{
	height:70%;
	width:90%;
	max-height: 350px;
	max-width: 500px;
	position: absolute;
	z-index: 10;
	top:10%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow:auto;
	background:rgba(255,255,255, 1.0 );
	border-radius: 25px;
	text-align:center;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
}

	@media only screen and (min-width: 768px) {
	
		#overlay{
			height:75%;
			width:40%;
			top:0;
		}
	}
	
	@media only screen and (min-width: 1024px) {
	
		#overlay{
			height:75%;
			width:30%;
			top:0;
		}
	}
	
	@media only screen and (min-width: 1400px) {
	
		#overlay{
			height:75%;
			width:25%;
			top:0;
		}
	}

#overlay2{
	height:70%;
	width:90%;
	max-height: 350px;
	max-width: 500px;
	position: absolute;
	z-index: 10;
	top:10%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow:auto;
	background:rgba(255,255,255, 1.0 );
	border-radius: 25px;
	text-align:center;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
}

	@media only screen and (min-width: 768px) {
	
		#overlay2{
			height:75%;
			width:60%;
			top:0;
			max-height: 600px;
		}
	}
	
#overlaymedium{
	height:75%;
	width:90%;
	max-width: 800px;
	max-height:450px;
	position: absolute;
	z-index: 10;
	top:80px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow:auto;
	background:rgba(255,255,255, 1.0 );
	border-radius: 25px;
	text-align:left;
	padding: 0px;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5)
}	

	
#overlaywide{
	height:75%;
	width:90%;
	position: absolute;
	z-index: 10;
	top:80px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow:auto;
	background:rgba(255,255,255, 1.0 );
	border-radius: 25px;
	text-align:left;
	padding: 0px;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5)
}

#overlayreg{
	height:70%;
	width:80%;
	position: absolute;
	z-index: 10;
	top: 110px;
	bottom: 5%;
	left: 0;
	right: 0;
	margin: auto;
	overflow:auto;
	background:rgba(255,255,255, 1.0 );
	border-radius: 25px;
	text-align:left;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
	padding: 20px;
	line-height: 1.6;
	font-size: 60%;
	text-justify: inter-word;
}
	@media only screen and (max-height: 449px) {
		
		#overlayreg{
			bottom: 10%;
			height:50%;
			font-size: 60%;
		}
	}
	
	@media only screen and (min-width: 768px) and (min-height: 450px) {
		
		#overlayreg{
			font-size: 100%;
		}
	}
	
	
	
#logo{
	width:250px;
	height:60px;
	margin: auto;
	position:absolute;
	z-index:12;
	left:10px;
	top:40px;	
}

.logo{
	width:auto;
	height:auto;
	max-width: 200px;
	max-height: 40px;
	position:absolute;
	z-index:12;
	top:20px;	
}

	@media only screen and (min-width: 768px) {
		
		.logo{
			max-height: 100px;
		}
	}
	
	@media only screen and (min-width: 500px) and (max-height: 490px) {
		
		.logo{
			left:20px;
			max-height: 40px;
		}
	}

.title h4{
	font-family: Ubuntu, Arial, sans-serif;
	position:absolute; 
	z-index:11;
	margin:auto; 
	top:10px;
	font-weight:900;

}


:focus{outline: none;}


/* Logowanie i rejestracja */

	.logrej-container{
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px;
		justify-content: center;
		align-items: center;
	}
	
	.logrej-input{
		flex-basis: 80%; 
		margin: auto; 
		position: relative;
		
		padding-top: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.logrej-button{
		flex-basis: 100%; 
		width: 100%; 
		margin: auto; 
		position: relative;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.logrejtoggle {
		
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px;
		justify-content: center;
		align-items: center;
	}

/* Dodawanie i edytowanie ogłoszeń*/


	.addedit-container{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px 0 0 10px;
		justify-content: flex-start;
		
	}
	
		.addedit-user{
			flex-basis: 100%; 
			position: relative;
			padding: 10px 0 0 10px;
		}
		
		.addedit-step{
			flex-basis: 100%;
			position: relative;
			padding: 10px 0 0 10px;
		} 
	
	.section-container{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 10px;
		
	}


		.section-description{
			flex-basis: 25%;
			min-width: 25%;
			color: #2a347c;
			font-size: 70%;
			font-weight: bold;
			margin: auto; 
			position: relative;
			padding: 5px 10px 5px 5px;
			text-align: right;
			
		} 

		.section-input{
			flex-basis: 65%; 
			margin: auto; 
			position: relative;
			
			font-size: 80%;
		}

		.section-captcha{
			flex-basis: 80%; 
			margin: auto; 
			position: relative;
			padding: 20px 0 10px 0;
			align-items: center;
			
		}


		.section-button{
			flex-basis: 100%; 
			width: 100%; 
			margin: auto; 
			position: relative;
			padding: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
		} 

		.section-button-single{
			flex-basis: 100%; 
			width: 100%;
			position: relative;
			padding-top: 20px;
			

		}
		
	@media only screen and (min-width: 768px) {
		
		.section-description{
			font-size: 80%;
			text-align: left;
		}
	}

/* Nagłówek na mojeogloszenia.php */

	.mojeogloszenia-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 10px;
	justify-content: flex-start;
		
	}
	
	.mojeogloszenia-witaj{
		display: none;
		flex-basis: 30%; 
		position: relative;
		padding: 10px;
		flex-grow: 8;
	}
	
	
	.mojeogloszenia-btnadd{
		flex-basis: 45%; 
		padding: 10px; 
		position: relative;
		font-size: 90%;
		flex-grow: 1;
		flex-shrink: 1;
		
	}
	
	.mojeogloszenia-btnadd span{
		display: none;
		flex-grow: 1;
	}
		
	.mojeogloszenia-btnuser{
			flex-basis: 5%; 
			position: relative;
			font-size: 90%;
			align-self: center;
			flex-grow: 1;
			flex-shrink: 0;
			
			display: flex;
			justify-content: flex-end;
			
			
	}
	
	.mojeogloszenia-itemsname{
		flex-basis: 100%; 
		 
		margin: auto; 
		position: relative;
		padding: 10px;
	}  

	/* Clickable dropdown */
		
		.dropdown {
			position: relative;
			display: inline-block;
			float: right;
		}

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f1f1f1;
			min-width: 115px;
			overflow: auto;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			z-index: 12;
			border-radius:25px;
			right: 0;
			top: 100%;
		}

		.dropdown-content a {
			color: #2a347c;
			font-size: 80%;
			padding: 5px 5px;
			text-decoration: none;
			display: block;
			text-align: right;
		}

		.dropdown-content a:hover {
			background-color: #ddd;
			border-radius: 25px;
			}

		.show {
			display:block;
			margin-top: 1px;
		}
		
		
		@media only screen and (min-width: 768px) {
		
						
			.mojeogloszenia-container{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			padding: 10px;
			justify-content: flex-start;
			
			}
			
			.mojeogloszenia-witaj{
				display: block;
				flex-basis: 30%;
				flex-shrink: 1;
				position: relative;
				
				
				
			}
			
			
			.mojeogloszenia-btnadd{
			flex-basis: 45%; 
			flex-grow: 1;
			flex-shrink: 1;
			
			
			position: relative;
			font-size: 90%;
			
			}
			
			.mojeogloszenia-btnadd span{
				display: inline;
				
			}	
			
			.mojeogloszenia-btnuser{
				flex-basis: 10%; 
				flex-grow: 1;
				flex-shrink: 0;
				position: relative;
				font-size: 90%;
				align-self: center;
			}

			

			.dropdown {
				position: relative;
				display: block;
				
				
			}

			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f1f1f1;
				min-width: 140px;
				overflow: auto;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				z-index: 12;
				border-radius:25px;
				
			}

			.dropdown-content a {
				color: #2a347c;
				font-size: 80%;
				padding: 5px 5px;
				text-decoration: none;
				display: block;
			}

			.dropdown-content a:hover {
				background-color: #ddd;
				border-radius: 25px;
				}

			.show {
				display:block;
				margin-top: 1px;
			}
		
		}	
	
/* end */

/* przyciski na dodajpoly.php */
	.btnpoly-container{
		display: flex;
		min-width: 200px;
		margin: auto;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px;
		
	}

	.section-btnpoly{
		flex-basis: 100%; 
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}

/* end */
	
/* Dotyczy przycisków effect-2 */
input[type=text]{
	font-family: Ubuntu, Arial, sans-serif;
	font-size:80%;
	color: #333; 
	width: 100%; 
	box-sizing:	border-box; 
	letter-spacing: 1px;
	padding-left: 10px;
	margin:5px;
}

input[type=number]{
	font-family: Ubuntu, Arial, sans-serif;
	font-size:80%;
	color: #333; 
	width: 100%; 
	box-sizing:	border-box; 
	letter-spacing: 1px;
	padding-left: 10px;
	margin:5px;
}

input[type=checkbox]{
	font-family: Ubuntu, Arial, sans-serif;
	font-size:80%;
	box-sizing:	border-box; 
	letter-spacing: 1px;
	padding-left: 10px;
	float: left;	
}

input[type=password] {
	font-family: Ubuntu, Arial, sans-serif;
	font-size:80%;
	width: 100%;
    box-sizing: border-box;
	letter-spacing: 1px;
	padding-left:10px;
	margin:5px;
}

input[type=url] {
	font-family: Ubuntu, Arial, sans-serif;
	font-size:80%;
	width: 100%;
    box-sizing: border-box;
	letter-spacing: 1px;
	padding-left:10px;
	margin:5px;
}

input[type=radio] {
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 80%;
	width: 5%;
    box-sizing: border-box;
	letter-spacing: 1px;
	padding-left:10px;
	margin:5px;
	vertical-align:middle;
}

input[type=file] {
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 80%;
	width: 100%;
    box-sizing: border-box;
	letter-spacing: 1px;
	padding-left:10px;
	margin:5px;
}

select {
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 80%;
	width: 100%;
    box-sizing: border-box;
	letter-spacing: 1px;
	padding-left:10px;
	margin:5px;
}

.effect-2{
	max-width: 95%;
	border: 0; 
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.effect-2 ~ .focus-border{
	position: absolute; 
	bottom: 0;
	left: 50%; 
	width: 0; 
	height: 2px; 
	background-color: #2a347c; 
	transition: 0.4s;
}

.effect-2:focus ~ .focus-border{
	width: 93%;
	transition: 0.4s; 
	left: 0;
	padding-left: 10px;
	margin:5px;
}

.g-recaptcha{
	width: 100%; 
	margin: auto;
	position: relative;
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	display: flex;
	justify-content: center;
	align-items: center;
}


	
/* errory */	

.error{
	position: absolute;
	color:red;
	margin: auto;
	top: 94%;
	left:0.9%;
	font-size:70%;
	z-index: 11;
	
}

.erroreu{
	position: absolute;
	color:red;
	margin: auto;
	top: 90%;
	left:0.7%;
	font-size:70%;
	z-index: 11;
	
}

.errorreg{
	position: absolute;
	color:red;
	
	margin-top: 20px;
	font-size:70%;
	z-index: 11;
	
}

.errorcaptcha{
	position: absolute;
	color:red;
	margin: auto;
	top: 90%;
	left: 27%;
	font-size:70%;
	z-index: 11;
	
}

.errorcaptchaeu{
	position: absolute;
	color:red;
	margin: auto;
	top: 90%;
	font-size:55%;
	z-index: 11;
	
}

.erroraddedit{
	position: absolute;
	color:red;
	margin-left: 5px;
	margin-top: 0px;
	font-size:70%;
	z-index: 11;
	
}

.erroraddedito{
	position: absolute;
	color:red;
	margin-left: 5px;
	margin-top: 10px;
	font-size:70%;
	z-index: 11;
	
}

/* mojeogloszenia na divach */

	.items-container {
		display: flex;
		margin: auto;
		width: 90%;
		height: 120%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
		background-color: #efefef;
		border-radius: 25px;
		justify-content: left;
		align-items: center;
		font-size: 80%;
	}
	
	
	.items-container:hover {background-color:#eff0f9;}

	/* div idogloszenia */
	.item1{
		flex-basis: 100%;
		height: 2%;
		padding: 5px;
		font-size: 80%;
		color: grey;
		order: 1;
	}
	
	/* div data */
	.item2{
		flex-basis: 100%;
		height: 2%;
		padding: 5px;
		font-size: 80%;
		color: grey;
		order: 3;
		
	}
	
	/* div zabudowanie */
	.item3{
		flex-basis: 100%;
		height: 3%;
		order: 2;
		padding: 5px;
		font-size: 80%;
		color: grey;
		
	}
	
	
	/* div zdjęcie */
	.item4{
		display: flex;
		flex-basis: 100%;
		height: 20%;
		order: 4;
	}
	
	.item4 img{
		max-width:100%;
		max-height:100%;
		width: auto;
		height: auto;
		border-radius: 10%;
		display:block; 
		margin: auto;
	}
	
	/* div opis */
	.item5{
		flex-basis: 100%;
		height: 10%;
		padding: 5px;
		font-size: 100%;
		order: 5;
	}
	
	
	/* div powierzchnia */
	.item6{
		flex-basis: 27%;
		height: 3%;
		padding: 5px;
		order: 6;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 95%;
		
	}
	
	
	
	/* div cena */
	.item7{
		flex-basis: 27%;
		height: 3%;
		padding: 5px;
		order: 7;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 95%;
	}
	
	/* div cenam2 */
	.item8{
		flex-basis: 27%;
		height: 3%;
		padding: 5px;
		order: 8;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 95%;
	}
	
	/* div link */
	.item9{
		flex-basis: 100%;
		height: 3%;
		padding: 5px;
		flex-wrap: wrap;
		text-align: left;
		order: 9;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	/* div status ogłoszenia */
	.item10{
		flex: 1 0 30%;
		height: 7%;
		float:left;
		text-align: left;
		order: 10;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		
		
	}
	
	/* div button zapłać */
	.item11{
		flex: 1 1 30%;
		height: 7%;
		float:left;
		text-align: center;
		line-height:0px;
		order: 11;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
		
	/* div text */
	.item12{
		flex-basis: 100%;
		height: 2%;
		text-align:left;
		order: 12;
	}
	
	/* div edycja */
	.item13{
		flex-basis: 100%;
		height: 10%;
		line-height:0px;
		order: 13;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	
	@media only screen and (min-width: 768px) {
	
	/* For tablet */
	
		.items-container {
			display: flex;
			margin: auto;
			width: 90%;
			height: 50%;
			flex-direction: row;
			flex-wrap: wrap;
			padding: 10px;
			background-color: #efefef;
			border-radius: 25px;
			justify-content: left;
			align-items: center;
			font-size: 80%;
		}
		
		
		.items-container:hover {background-color:#eff0f9;}

		/* div idogloszenia */
		.item1{
			flex-basis: 20%;
			height: 5%;
			order: 1;
			
		}
		
		/* div data */
		.item2{
			flex-basis: 50%;
			height: 5%;
			order: 2;
			
		}
		
		/* div zabudowanie */
		.item3{
			flex-basis: 20%;
			height: 5%;
			order: 3;
		}
		
		
		/* div zdjęcie */
		.item4{
			flex-basis: 15%;
			height: 35%;
			order: 4;
			
			
		}
		
		.item4 img{
			max-width:100%;
			max-height:100%;
			width: auto;
			height: auto;
			border-radius: 10%;
			display:block; 
			margin: auto;
			
		}
		
		/* div opis */
		.item5{
			flex-basis: 80%;
			height: 35%;
			order: 5;
			
			display: flex;
			align-items: center;
		}
		
		
		/* div powierzchnia */
		.item6{
			flex-basis: 11%;
			height: 10%;
			order: 6;
			justify-content: left;
		}
		
		
		
		/* div cena */
		.item7{
			flex-basis: 11%;
			height: 10%;
			order: 7;
			justify-content: left;
		}
		
		/* div cenam2 */
		.item8{
			flex-basis: 11%;
			height: 10%;
			order: 8;
			justify-content: left;
		}
		
		/* div link */
		.item9{
			flex-basis: 60%;
			height: 10%;
			justify-content: center;
			order: 9;
			
		}
		
		/* div status ogłoszenia */
		.item10{
			flex: 1 1 10%;
			height: 15%;
			min-width: 25%;
			order: 10;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding-bottom: 5px;
			
		}
		
		/* div button zapłać */
		.item11{
			flex: 1 1 70%;
			height: 15%;
			order: 11;
			display: flex;
			align-items: center;
			justify-content: center;
			padding-bottom: 5px;
		}
			
		/* div text */
		.item12{
			flex: 1 1 10%;
			height: 15%;
			min-width: 25%;
			order: 12;
			margin: auto;
			
			display: flex;
			align-items: center;
			justify-content: flex-start;
			
		}
		
		/* div edycja szczegółów */
		.item13{
			flex: 1 1 70%;
			height: 15%;
			order: 13;
			display: flex;
			align-items: center;
			justify-content: center;
			
		
		}
	}
	
	@media only screen and (min-width: 1024px) {
	
	/* For desktop: */
	
		.items-container {
			display: flex;
			margin: auto;
			width: 90%;
			height: 50%;
			flex-direction: row;
			flex-wrap: wrap;
			padding: 10px;
			background-color: #efefef;
			border-radius: 25px;
			justify-content: left;
			align-items: center;
			font-size: 80%;
		}
		
		
		.items-container:hover {background-color:#eff0f9;}

		/* div idogloszenia */
		.item1{
			flex-basis: 20%;
			height: 5%;
			order: 1;
			
		}
		
		/* div data */
		.item2{
			flex-basis: 50%;
			height: 5%;
			order: 2;
			
		}
		
		/* div zabudowanie */
		.item3{
			flex-basis: 20%;
			height: 5%;
			order: 3;
		}
		
		
		/* div zdjęcie */
		.item4{
			flex-basis: 15%;
			height: 35%;
			order: 4;
			
			
		}
		
		.item4 img{
			max-width:100%;
			max-height:100%;
			width: auto;
			height: auto;
			border-radius: 10%;
			display:block; 
			margin: auto;
			
		}
		
		/* div opis */
		.item5{
			flex-basis: 80%;
			height: 35%;
			order: 5;
			
			display: flex;
			align-items: center;
		}
		
		
		/* div powierzchnia */
		.item6{
			flex-basis: 10%;
			height: 10%;
			order: 6;
			justify-content: left;
		}
		
		
		
		/* div cena */
		.item7{
			flex-basis: 10%;
			height: 10%;
			order: 7;
			justify-content: left;
		}
		
		/* div cenam2 */
		.item8{
			flex-basis: 10%;
			height: 10%;
			order: 8;
			justify-content: left;
		}
		
		/* div link */
		.item9{
			flex-basis: 60%;
			height: 10%;
			text-align:center;
			order: 9;
		}
		
		/* div status ogłoszenia */
		.item10{
			flex: 1 1 10%;
			height: 15%;
			min-width: 10%;
			order: 10;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			
		}
		
		
		/* div button zapłać */
		.item11{
			flex: 1 1 10%;
			height: 15%;
			order: 11;
			display: flex;
			align-items: center;
			justify-content: center;
			
		}
			
		/* div text */
		.item12{
			flex: 1 1 10%;
			height: 15%;
			min-width: 10%;
			order: 12;
			margin: auto;
			
			display: flex;
			align-items: center;
			justify-content: flex-end;
			
		}
		
		
		/* div edycja szczegółów */
		.item13{
			flex: 1 1 40%;
			height: 15%;
			order: 13;
			display: flex;
			align-items: center;
			justify-content: center;
			
		
		}
	}
	
	
	
/* end mojeogloszenia na divach */

/* mojedane na divach */

	.mydata-container {
		display: flex;
		max-width: 300px;
		height: 50%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
		float: left;
		line-height: 40px;
		float: center;
		
	}

	
		.mydata-description{
			flex-basis: 35%;
			min-width: 35%;
			color: #2a347c;
			font-size: 80%;
			font-weight: bold;
			margin: auto; 
			position: relative;
			text-align: right;
			padding-right: 10px;
			
		} 

		.mydata-input{
			flex-basis: 60%; 
			margin: auto; 
			position: relative;
			font-size: 80%;
		}


		.mydata-button{
			flex-basis: 70%; 
			max-width: 50%;
			margin: auto; 
			position: relative;
			padding: 20px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
	
	
	.editdata-container {
		display: flex;
		width: 95%;
		height: 80%;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		padding: 0 0 0 10px;
		justify-content: center;
		align-items: center;
		
	}
	
		.editdata-description{
			flex-basis: 30%;
			flex-grow: 0;
			min-width: 30%;
			color: #2a347c;
			font-size: 80%;
			font-weight: bold;
			position: relative;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			
		} 

		.editdata-input{
			flex-basis: 70%;
			width: 100%;
			position: relative;
			font-size: 80%;
			float: center;
		}

		.editdata-captcha{
			flex-basis: 100%;
			max-width: 100%;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
		}

		.editdata-button{
			flex-basis: 100%; 
			width: 100%; 
			
			margin: auto; 
			position: relative;
			padding: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}
	
/* end mojedane na divach */


/* moje faktury na divach */

	.fv-container-fr {
		display: flex;
		margin: auto;
		width: 90%;
		height: 10%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 80%;
		font-weight: bold;
		border-radius: 25px;
	}
	
	.fv-container {
		display: flex;
		margin: auto;
		width: 90%;
		height: 10%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
		background-color: #efefef;
		border-radius: 25px;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 80%;
	}
	
	
	.fv-container:hover {background-color:#eff0f9;}

	/* div idogloszenia */
	.fv1{
		display: none;
	}
	
	/* div data sprzedaży */
	.fv2{
		display: none;
	}
	
	/* div data wystawienia faktury */
	.fv3{
		display: none;
	}
	
	
	/* div pdf faktury */
	.fv4{
		display: flex;
		flex-basis: 40%;
		order: 2;
		align-items: center;
		justify-content: center;
		
	}
	
	.fv4 img{
		max-width:100%;
		max-height:100%;
		width: auto;
		height: auto;
		border-radius: 10%;
		display:block; 
		margin: auto;
	}
	
	/* div numer FV */
	.fv5{
		flex-basis: 50%;
		padding: 5px;
		order: 1;
		align-items: center;
		justify-content: center;
		
	}
	
	
	/* div wartość FV brutto */
	.fv6{
		display: none;
		
	}

	
	
	@media only screen and (min-width: 768px) {
	
	/* For desktop: */
	
		.fv-container-fr {
			font-size: 75%;
		}
		
		.fv-container {
			font-size: 75%;
		}
		
		
		.fv-container:hover {background-color:#eff0f9;}

		/* div idogloszenia */
		.fv1{
			display: flex;
			flex-basis: 15%;
			order: 2;
			align-items: center;
			justify-content: center;
			visibility: visible;
		}
		
		/* div data sprzedaży */
		.fv2{
			display: flex;
			flex-basis: 15%;
			order: 3;
			align-items: center;
			justify-content: center;
			visibility: visible;
		}
		
		/* div data wystawienia faktury */
		.fv3{
			display: flex;
			flex-basis: 15%;
			order: 4;
			align-items: center;
			justify-content: center;
			visibility: visible;
		}
		
		
		/* div pdf faktury */
		.fv4{
			display: flex;
			flex-basis: 10%;
			order: 6;
			align-items: center;
			justify-content: center;
			visibility: visible;
			
		}
		
		
		/* div numer FV */
		.fv5{
			display: flex;
			flex-basis: 25%;
			order: 1;
			align-items: center;
			justify-content: center;
			visibility: visible;
		}
		
		
		/* div wartość FV brutto */
		.fv6{
			display: flex;
			flex-basis: 15%;
			order: 5;
			align-items: center;
			justify-content: center;
			visibility: visible;
		}
	}
	
	
	
/* end moje faktury na divach */




/* Custom Button Styles */

	.btn-dark {
		border-radius: 0;
		color: #fff;
		background-color: rgba(0,0,0,0.4);
	}

	.btn-dark:hover,
	.btn-dark:focus,
	.btn-dark:active {
		color: #fff;
		background-color: rgba(0,0,0,0.7);
	}

	.btn-light {
		border-radius: 0;
		color: #333;
		background-color: rgb(255,255,255);
	}

	.btn-light:hover,
	.btn-light:focus,
	.btn-light:active {
		color: #333;
		background-color: rgba(255,255,255,0.8);
	}
	
	/* przycisk coolBeans */
	
		.coolBeans {
		  border: 2px solid currentColor;
		  border-radius: 3rem;
		  background-color: #efefef;
		  color: #2a347c;
		  font-family: Ubuntu, Arial, sans-serif;
		  font-size: 60%;
		  font-weight: 100;
		  overflow: hidden;
		  width: 60px;
		  height: 30px;
		  padding: 1%;
		  position: relative;
		  
		  z-index: 12;
		  display:inline;
		  
		}
		
	
		@media only screen and (min-width: 768px) {
			
			.coolBeans {
			  font-size: 80%;
			  padding: 0.7%;
			  width: 110px;
			  height: 30px;
			  text-decoration: none;
			  -webkit-transition: 0.2s -webkit-transform ease-in-out;
			  transition: 0.2s -webkit-transform ease-in-out;
			  transition: 0.2s transform ease-in-out;
			  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
			  will-change: transform;
			}
			
			.coolBeans::after {
			  
			  background-color: #2a347c;
			  color: #9196bc;
			  border-radius: 3rem;
			  content: '';
			  display: block;
			  height: 100%;
			  width: 100%;
			  position: absolute;
			  left: 0;
			  top: 0;
			  -webkit-transform: translate(-100%, 0) rotate(10deg);
					  transform: translate(-100%, 0) rotate(10deg);
			  -webkit-transform-origin: top left;
					  transform-origin: top left;
			  -webkit-transition: 0.2s -webkit-transform ease-out;
			  transition: 0.2s -webkit-transform ease-out;
			  transition: 0.2s transform ease-out;
			  transition: 0.2s transform ease-out, 0.2s -webkit-transform ease-out;
			  will-change: transform;
			  z-index: -1;
			  
			}
			.coolBeans:hover::after {
			  -webkit-transform: translate(0, 0);
					  transform: translate(0, 0);
			}
			.coolBeans:hover {
			  border: 2px solid transparent;
			  color: #9196bc;
			  -webkit-transform: scale(1.05);
					  transform: scale(1.05);
			  will-change: transform;
			}
		}
	
	/* przycisk coolBeans */
		


/* Side Menu */

/* #sidebar-wrapper { */
    /* z-index: 1000; */
    /* position: fixed; */
    /* right: 0; */
    /* width: 250px; */
    /* height: 100%; */
    /* transform: translateX(250px); */
    /* overflow-y: auto; */
    /* background: #222; */
    /* -webkit-transition: all 0.4s ease 0s; */
    /* -moz-transition: all 0.4s ease 0s; */
    /* -ms-transition: all 0.4s ease 0s; */
    /* -o-transition: all 0.4s ease 0s; */
    /* transition: all 0.4s ease 0s; */
/* } */

/* .sidebar-nav { */
    /* position: absolute; */
    /* top: 0; */
    /* width: 250px; */
    /* margin: 0; */
    /* padding: 0; */
    /* list-style: none; */
/* } */

/* .sidebar-nav li { */
    /* text-indent: 20px; */
    /* line-height: 40px; */
/* } */

/* .sidebar-nav li a { */
    /* display: block; */
    /* text-decoration: none; */
    /* color: #999; */
/* } */

/* .sidebar-nav li a:hover { */
    /* text-decoration: none; */
    /* color: #fff; */
    /* background: rgba(255,255,255,0.2); */
/* } */

/* .sidebar-nav li a:active, */
/* .sidebar-nav li a:focus { */
    /* text-decoration: none; */
/* } */

/* .sidebar-nav > .sidebar-brand { */
    /* height: 55px; */
    /* font-size: 18px; */
    /* line-height: 55px; */
/* } */

/* .sidebar-nav > .sidebar-brand a { */
    /* color: #999; */
/* } */

/* .sidebar-nav > .sidebar-brand a:hover { */
    /* color: #fff; */
    /* background: none; */
/* } */

/* #menu-toggle { */
    /* z-index: 1000; */
    /* position: fixed; */
    /* top: 0; */
    /* right: 0; */
/* } */

/* #sidebar-wrapper.active { */
    /* right: 250px; */
    /* width: 250px; */
    /* -webkit-transition: all 0.4s ease 0s; */
    /* -moz-transition: all 0.4s ease 0s; */
    /* -ms-transition: all 0.4s ease 0s; */
    /* -o-transition: all 0.4s ease 0s; */
    /* transition: all 0.4s ease 0s; */
/* } */


/* Side Menu 2*/

.open {
  position: fixed;
  z-index: 11;
  top: 30px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-family: Inter, Arial, sans-serif;
}
.open:hover {
  opacity: 1.0;
}
.open span {
  display: block;
  float: left;
  clear: both;
  height: 4px;
  width: 30px;
  border-radius: 40px;
  border: 2px solid white;
  background-color: #2a347c;
  position: absolute;
  right: 3px;
  top: 3px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.open span:nth-child(1) {
  margin-top: 10px;
  z-index: 9;
}
.open span:nth-child(2) {
  margin-top: 20px;
}
.open span:nth-child(3) {
  margin-top: 30px;
}
.sub-menu {
  -webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  height: 0;
  width: 0;
  right: 0;
  top: 0;
  position: absolute;
  background-color: rgba(31, 42, 105, 0.88);
  box-shadow: 0 22px 55px rgba(18, 27, 68, 0.28);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
  border-radius: 50%;
  z-index: 18;
  overflow: hidden;
}
.sub-menu li {
  display: block;
  float: right;
  clear: both;
  height: auto;
  margin-right: -160px;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.sub-menu li:first-child {
  margin-top: 180px;
}
.sub-menu li:nth-child(1) {
  -webkit-transition-delay: 0.05s;
}
.sub-menu li:nth-child(2) {
  -webkit-transition-delay: 0.10s;
}
.sub-menu li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
}
.sub-menu li:nth-child(4) {
  -webkit-transition-delay: 0.20s;
}
.sub-menu li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
}
.sub-menu li a {
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  width: 100%;
  display: block;
  float: left;
  line-height: 22px;
  padding: 5px 9px;
  border-radius: 8px;
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.sub-menu li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  transform: translateX(-3px);
}

.oppenned .sub-menu {
  opacity: 1.0;
  height: 400px;
  width: 400px;
}
.oppenned span:nth-child(2) {
  overflow: visible;
}
.oppenned span:nth-child(1),
.oppenned span:nth-child(3) {
  z-index: 100;
  -webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
}
.oppenned span:nth-child(1) {
  -webkit-transform: rotate(45deg) translateY(5px) translateX(5px);
		  transform: rotate(45deg) translateY(5px) translateX(5px);
}
.oppenned span:nth-child(2) {
  height: 400px;
  width: 400px;
  right: -160px;
  top: -160px;
  border-radius: 50%;
  background-color: rgba(31, 42, 105, 0.88);
  box-shadow: 0 22px 55px rgba(18, 27, 68, 0.28);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
}
.oppenned span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
		  transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
.oppenned li {
  margin-right: 168px;
}
.button {
  display: block;
  float: left;
  clear: both;
  padding: 20px 40px;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #10a1ea;
  overflow: hidden;
  position: relative;
}
.button:after {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  content: "";
  position: absolute;
  height: 200px;
  width: 400px;
  -webkit-transform: rotate(45deg) translateX(-540px) translateY(-100px);
		  transform: rotate(45deg) translateX(-540px) translateY(-100px);
  background: #10a1ea;
  z-index: 1;
}
.button:before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  content: attr(title);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  text-align: center;
  padding: 10px 40px;
  -webkit-transform: translateY(200px);
		  transform: translateY(200px);
}
.button:hover {
  text-decoration: none;
}
.button:hover:after {
  -webkit-transform: translateX(-300px) translateY(-100px);
		  transform: translateX(-300px) translateY(-100px);
}
.button:hover:before {
  -webkit-transform: translateY(0);
		  transform: translateY(0);
}


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

		.open {
		  top: 40px;
		  right: 40px;
		}
		.open:hover {
		  opacity: 0.8;
		}
		
		.open span {
		  
		  width: 40px;
		}
		.open span:nth-child(2) {
		  margin-top: 25px;
		}
		.open span:nth-child(3) {
		  margin-top: 40px;
		}
		.oppenned span:nth-child(1) {
		  -webkit-transform: rotate(45deg) translateY(12px) translateX(12px);
				  transform: rotate(45deg) translateY(12px) translateX(12px);
		}
		.sub-menu li a {
		  font-size: 16px;
		}
	}
/* Map */


#map {
        width:100%;
		height: 100%;
		position: relative;
		z-index:-1;
}

#mapactive {
        width:100%;
		height: 100%;
		position: relative;
		z-index:10;
}

#mapindex {
        width:100%;
		height: 100%;
		position: relative;
		z-index:3;
}

/* search box */
.controls{
	
	position: absolute;
	height: 30px;
	max-width: 200px;
	display: inline-block;
	opacity: 0.7;
	border-radius: 25px;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
}

#pac-input {
  background-color: #fff;
  font-family: Ubuntu;
  font-size: 15px;
  font-weight: 300;
  margin-top: 90px;
  padding: 0 5px 0 10px;
  text-overflow: ellipsis;
  letter-spacing: 0px;
}

#pac-input:focus {
  border-color: #4d90fe;
  opacity: 1;
}

	@media only screen and (min-width: 768px) {
	
		#pac-input{
			margin-top: 10px;
		}
	}
	
.msg{
	padding: 10px;
	font-size: 80%;
	overflow-x: hidden;
	overflow-y: auto;
}

.msgpayment{
	display: block;
	padding: 10px;
	margin: 20px;
	font-size: 80%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* filtrowanie layerów */
	
	.icon-bar {
	  position: fixed;
	  top: 55%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  z-index: 12;
	  
	}

	
	.icon-bar img {
	  display: block;
	  text-align: center;
	  padding: 5px;
	  transition: all 0.3s ease;
	  color: white;
	  font-size: 5px;
	  border-radius: 50%;
	  background:rgba(255,255,255, 0.5 );
	  cursor: pointer;
	  
	}

	
	.icon-bar img:hover {
	  background-color: #d4d4d4;
	}

	.icon-bar input{
		
		position: absolute;
		left: -9999px;
	}
	.tooltip {
		position: relative;
		display: block;
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 80px;
		background-color: #d4d4d4;
		color: #7c7c7c;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 80%;
		left: 105%;
		font-size:80%;
		font-family: Ubuntu, Arial, sans-serif;
		opacity: 0;
		transition: opacity 1s;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}

	.icon-bar input[type=checkbox]:checked ~ img {
	   background: rgba(255,255,255, 0.8 );
	}
	
	
/* strona kontaktowa */

.kontakt{
	visibility: hidden;
	width:300px;
	height:200px;
	position:absolute;
	z-index:10;
	top:0;	
	margin: auto;
    left: 0;
    right: 0;
    bottom: 60px;
	background-color: #2a347c;
	opacity: 0.8;
	border-radius: 25px;
	box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
	display: flex;
}
	
.adres{
	margin: auto;
    top:0;
	left: 0;
    right: 0;
    bottom: 0;
	color: white;
	padding-left: 60px;
	padding-top: 20px;
	display: none;
}

.pozostale{
	margin: auto;
    top:0;
	left: 0;
    right: 0;
    bottom: 0;
	flex:100%;
	color: white;
	padding-left: 20px;
}

.wrapper{
	display: flex;
	flex-direction: column;
}

.wrapper > div{
	display: flex;
	align-items: center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom; 20px;
}

.obrazek{
	width:30px;
	height:30px; 
	padding-right: 10px;
}

@media only screen and (min-width: 500px) {
	
	.kontakt{
		width:450px;
		height:270px;
		bottom: 80px;
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
	}
	
	.adres{
		display: inline;
		flex:50%;
	}
	
	.pozostale{
		flex:50%;
	}
	
	.wrapper > div{
		padding-left: 0px;
		padding-top: 30px;
		padding-bottom; 30px;
	}
}

@media only screen and (min-width: 768px) {
	
		.kontakt{
			width:600px;
			height:300px;
			bottom: 140px;
			transform:scale(1);
			-webkit-transform:scale(1);
		}
	}
	

/* Infowindow styling */

.gm-style-iw {
  width: 200px !important;
  top: 15px !important;
  left: 15px !important;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
  border-radius: 10px 10px 10px 10px;
  padding: 5px;
}
#iw-container {
  width: 320px;
  overflow: hidden;
  color: #17213a;
  background: #fff;
}
.iw-grouped{min-width:310px;background:#fff}.iw-group-heading{padding:22px 20px 14px}.iw-group-kicker{display:block;margin-bottom:5px;color:#38469b;font:800 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.iw-group-title{display:block;padding:0;color:#182347;font-size:20px;letter-spacing:-.02em}.iw-group-copy{margin:7px 0 0;color:#737c91;font-size:12px;line-height:1.5}.iw-offer-selector{display:grid;gap:9px;padding:0 16px 18px}.iw-offer-selector .iw-offer-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid #e0e4ee;border-radius:13px;background:#fff;color:#202a4b;text-align:left;cursor:pointer;transition:.18s ease}.iw-offer-selector .iw-offer-choice:hover,.iw-offer-selector .iw-offer-choice:focus-visible{border-color:#7b84c5;background:#f7f8ff;box-shadow:0 7px 20px rgba(42,52,124,.1);transform:translateY(-1px);outline:0}.iw-offer-choice-text{display:grid;min-width:0;gap:4px}.iw-offer-choice-text strong{overflow:hidden;color:#1c2647;font:750 13px/1.35 Inter,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.iw-offer-choice-text small{color:#8991a3;font:600 10px Inter,Arial,sans-serif}.iw-offer-choice-price{color:#2d3888;font:800 14px/1.2 Inter,Arial,sans-serif;white-space:nowrap}.iw-group-back{width:calc(100% - 32px);margin:12px 16px 0;padding:9px 12px;border:1px solid #e0e4ee;border-radius:10px;background:#f7f8fb;color:#2d3888;font:750 11px Inter,Arial,sans-serif;cursor:pointer}.iw-group-back:hover{background:#eef0fa}.iw-grouped #iw-container{box-shadow:none;border-radius:0}@media(max-width:420px){.iw-grouped{min-width:0}.iw-group-heading{padding:19px 16px 12px}.iw-offer-selector{padding:0 12px 15px}.iw-offer-selector .iw-offer-choice{padding:12px}.iw-offer-choice-price{font-size:13px}}

.landeal-popup .maplibregl-popup-content {
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.landeal-popup {
  z-index: 20;
}

.landeal-popup .maplibregl-popup-close-button {
  z-index: 2;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  color: #17213a;
  background: rgba(255, 255, 255, 0.92);
  font-size: 22px;
  line-height: 28px;
}

.landeal-popup .maplibregl-popup-close-button:hover {
  background: #fff;
}

.landeal-popup .maplibregl-popup-tip {
  border-top-color: #fff;
}

.iw-media {
  position: relative;
  min-height: 96px;
  background: linear-gradient(135deg, #e9edf8, #cbd5ee);
}

.iw-img {
  display: block;
  flex: 0 0 100%;
  width: 100%;
  height: 112px;
  object-fit: cover;
}

.iw-gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  touch-action: pan-y;
}

.iw-gallery--empty {
  height: 96px;
}

.iw-gallery-track {
  display: flex;
  width: 100%;
  transition: transform 0.28s ease;
  will-change: transform;
}

.iw-gallery-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #17213a;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.2);
  font-size: 27px;
  line-height: 28px;
  cursor: pointer;
  transform: translateY(-50%);
}

.iw-gallery-arrow--previous {
  left: 9px;
}

.iw-gallery-arrow--next {
  right: 9px;
}

.iw-gallery-arrow:hover {
  background: #fff;
}

.iw-gallery-counter {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #fff;
  background: rgba(15, 23, 42, 0.72);
  font-size: 11px;
  font-weight: 700;
}

.iw-category {
  position: absolute;
  left: 14px;
  bottom: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: rgba(25, 39, 91, 0.9);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.iw-content {
  padding: 12px 16px 14px;
}

.iw-title {
  margin: 0 34px 5px 0;
  color: #18224a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.iw-price {
  color: #2a347c;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}

.iw-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 10px 0 8px;
}

.iw-fact {
  padding: 8px 9px;
  border: 1px solid #e5e9f2;
  border-radius: 10px;
  background: #f8f9fc;
}

.iw-fact-label {
  display: block;
  margin-bottom: 3px;
  color: #667085;
  font-size: 11px;
}

.iw-fact strong {
  color: #17213a;
  font-size: 14px;
}

.iw-reference {
  margin-bottom: 9px;
  color: #7b8498;
  font-size: 11px;
}

.iw-action {
  display: block;
  padding: 9px 14px;
  border-radius: 10px;
  color: #fff !important;
  background: #2a347c;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.iw-action:hover {
  background: #18225f;
  transform: translateY(-1px);
}
.iw-report{display:block;margin-top:12px;text-align:center;color:#697386;font-size:12px;text-decoration:underline}.iw-report:hover{color:#2a347c}

@media (max-width: 480px) {
  #iw-container {
    width: min(290px, calc(100vw - 48px));
  }

  .iw-img {
    height: 126px;
  }

  .iw-gallery-arrow {
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iw-gallery-track {
    transition: none;
  }
}

/* blog na divach */

	.blog-container {
		display: flex;
		margin: auto;
		width: 90%;
		height: 120%;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
		background-color: #FFFFFF;
		border-radius: 25px;
		justify-content: left;
		align-items: center;
	}
	
	
	.blog-container:hover {background-color:#eff0f9;}

	/* div category */
	.blog1{
		flex-basis: 100%;
		height: 5%;
		padding: 5px;
		font-size: 100%;
		color: grey;
		order: 1;
		font-size: 80%;
	}
	
	/* div title */
	.blog2{
		flex-basis: 100%;
		height: 5%;
		padding: 5px;
		order: 2;
		
	}
	
	/* div date */
	.blog3{
		flex-basis: 100%;
		height: 8%;
		padding: 5px;
		color: grey;
		order: 3;
		font-size: 80%;
		display: flex;
		align-items: center;
	}
	
	.blog3 img{
		max-width:100%;
		max-height:100%;
		width: auto;
		height: auto;
		display:inline; 
	}
	
	/* div zdjęcie */
	.blog4{
		display: flex;
		flex-basis: 30%;
		height: 50%;
		order: 4;
	}
	
	.blog4 img{
		max-width:100%;
		max-height:100%;
		width: auto;
		height: auto;
		border-radius: 10%;
		display:block; 
		margin: auto;
	}
	
	/* div opis */
	.blog5{
		flex-basis: 100%;
		height: 10%;
		padding: 5px;
		order: 5;
	}
	
	/* div link */
	.blog6{
		flex-basis: 100%;
		height: 3%;
		padding: 5px;
		flex-wrap: wrap;
		text-align: left;
		order: 6;
	}

	@media only screen and (min-width: 768px) {
	
	/* For tablet */
	
		.blog-container {
			
			height: 50%;
		}
		
		
		/* div zdjęcie */
		.blog4{
			flex-basis: 15%;
			height: 35%;
		}
		
		/* div opis */
		.blog5{
			flex-basis: 80%;
			height: 35%;
			display: flex;
			align-items: center;
		}
		
		/* div link */
		.blog6{
			flex-basis: 100%;
			height: 10%;
			justify-content: center;
			
		}
	}
	
	@media only screen and (min-width: 1024px) {
	
	/* For desktop: */
	
		.blog-container {
			
			height: 33,33%;
		}
		
		/* div zdjęcie */
		.blog4{
			flex-basis: 30%;
			height: 35%;
			
		}
		
		/* div opis */
		.blog5{
			flex-basis: 35%;
			height: 35%;
			display: flex;
			align-items: center;
		}
	}
	
/* end blog na divach */

/* single post */

.single-post article
{
    margin-top: 150px;
    text-align: justify;
	display: flex;
	
}

.single-post nav
{
    display: block;
	
}

.single-post h1.entry-title
{
	font-size: 36px;
	line-height: 48px;
	flex-basis: 100%;
	align-items: center;
	align-content: center;
	text-align: center;
	
}
.landeal-toast-stack{position:fixed;top:88px;right:20px;z-index:10000;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.landeal-toast{display:grid;grid-template-columns:34px 1fr 28px;gap:11px;align-items:center;padding:14px 13px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(23,32,59,.2);color:#202a48;font:600 13px/1.45 Inter,Arial,sans-serif;opacity:0;transform:translateY(-8px);transition:.2s ease;backdrop-filter:blur(14px);pointer-events:auto}.landeal-toast.is-visible{opacity:1;transform:none}.landeal-toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf2ff;color:#3c5dbe;font-weight:800}.landeal-toast--error .landeal-toast-icon{background:#fff0f0;color:#c93434}.landeal-toast--warning .landeal-toast-icon{background:#fff7e7;color:#b46a05}.landeal-toast-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#8b93a7;font:500 22px/1 Arial;cursor:pointer}.landeal-toast-close:hover{background:#f0f2f7;color:#26315f}@media(max-width:600px){.landeal-toast-stack{top:76px;right:16px}.landeal-toast{grid-template-columns:32px 1fr 26px;padding:12px}}
.iw-grouped{max-height:min(70vh,560px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.iw-group-back{position:sticky;top:0;z-index:4}

/* Landeal typography: one typeface across the public map interface. */
html,
body,
a,
p,
button,
input,
select,
textarea,
label,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

.iw-photo-frame {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 112px;
  overflow: hidden;
  isolation: isolate;
  background: #202538;
}

.iw-photo-frame::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -14px;
  background-image: var(--photo);
  background-position: center;
  background-size: cover;
  filter: blur(13px);
  opacity: .7;
  transform: scale(1.12);
}

.iw-photo-frame::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgba(12, 18, 34, .16);
}

.iw-photo-frame .iw-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 700px) {
  .iw-photo-frame { height: 126px; }
  .iw-photo-frame .iw-img { height: 100%; }
}

.iw-photo-frame::before,
.iw-photo-frame::after {
  display: none;
}

.iw-photo-frame .iw-img-background {
  position: absolute;
  z-index: 0;
  inset: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  object-fit: cover;
  filter: blur(13px);
  opacity: .7;
  transform: scale(1.12);
}

.iw-photo-frame .iw-img {
  position: relative;
  z-index: 1;
  object-fit: contain;
}

.iw-photo-frame.is-landscape .iw-img-background {
  display: none;
}

.iw-photo-frame.is-landscape .iw-img {
  object-fit: cover;
}