/****************** SETUP ********************/
* {border: 0; margin: 0; padding: 0;
	font-family: 'Roboto Condensed', sans-serif;}
	
body {     
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: left;
	max-width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	
}
#mainContent {/*opacity: 0;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: left;
	max-width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	width: 100%;}
	
a {	
	color: #000;
	text-decoration: none; 
}
p {
	width: 100%;
	text-align: justify;
}
nav ul { list-style: none; }

.clr::after { clear: both; }

h2,h3,h4 	{font-size: 14px;font-weight: normal; }

/****************** BASIC CLASS ********************/
.main-container	{
	max-width: 1700px;
	width: calc(100% - 20px);
	margin: 0 auto;
	display: flex;
	box-sizing: border-box;
}
.main-container-extended	{
	width: 100%;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
.container 	{display: flex;box-sizing: border-box;}


.box-half 	{flex-basis: 50%;min-width: 320px;box-sizing: border-box;}
.box-small	{flex-basis: 33.3%;float: left;box-sizing: border-box;}
.box-large	{flex-basis: 66.6%;float: left;box-sizing: border-box;}

.column-two {flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;padding-top: 40px;}
.column-two .footer-box, .column-two .box-news, .column-two .box-attachments {flex-basis: 50%;} 


/****************** MAIN SHAPE ********************/
#main-left {
	flex-basis: 20vw;
	background: #0c0c0c;
	min-width: 200px;
}
#main-right {
	flex-basis: 80vw;
}

	.underbar::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 40%;
		right: 40%;
		height: 3px;
		background: #a7823f;
	}
	
	.bar-golden {
		position: relative;
	}	
	.bar-golden::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: -20px;
		top: calc(50% - 25.5px);
		width: 3px;
		height: 50px;
		background: #c8a567;
		border-left: 6px #c8a567 solid;
	}	
	

		#box-loader {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background: url(images/logotyp.png) no-repeat center center #0c0c0c;
			z-index: 9999;
		}
		#box-loader-item {
			  border: none;
			  border-radius: 50%;
			  border-top: 5px solid #0096ff;
			  width: 250px;
			  height: 250px;
			  -webkit-animation: spin 2s linear infinite; /* Safari */
			  animation: spin 2s linear infinite;
		}

		/* Safari */
		@-webkit-keyframes spin {
			  0% { -webkit-transform: rotate(0deg); }
			  100% { -webkit-transform: rotate(360deg); }
		}

		@keyframes spin {
			  0% { transform: rotate(0deg); }
			  100% { transform: rotate(360deg); }
		}
	
	
/****************** HEADER ********************/



	header {
		flex-direction: column;
		align-items: center;
	}
	#logotyp {
		padding: 20px 0;
		position: relative;
		width: 100%;
		text-align: center;
	}
	#logotyp img {
		max-width: 90%;
	}
	header nav {
		flex-direction: column;
		align-items: center;
		padding: 40px;
		position: relative;
	}
	header nav a{
		font-size: 16px;
		text-transform: uppercase;
		color: #fff;
		padding: 10px 0;
	}
	header nav a:hover {color: #8c6d36;}
	
	.box-left-info {padding: 40px 0;}
		.box-left-info a{color: #fff;}
		.box-left-info p{
			text-align: center;
			width: 100%;
			font-size: 16px;
			padding: 5px 0;
		}
		.box-left-info p:first-child{color: #8c6d36;}
		.box-left-info p:nth-child(2){
			font-weight: bold;
			font-size: 20px;
		}
		.box-left-info p:nth-child(4){padding: 30px 0;}
		.box-left-info p:nth-child(5), .box-left-info p:nth-child(6){
			color: #5d5d5d;
			font-size: 12px;
		} 
		.box-left-info p:nth-child(6) a{color: #5d5d5d;}
		
		#box-building {
			position: relative;
			color: #fff;
			overflow:hidden;
		}
		#box-building img{
			max-width: 100%;
			min-width: 100%;
		}
		#box-building .widget {
			position: absolute;
			right: 0;
			top: 20px;
			background: #0c0c0c;
			box-sizing: border-box;
			padding: 10px 20px;
			min-width: 150px;
			font-size: 14px;
			align-items: center;
			width: 150px;
		}
		#box-building  .widget p {
			white-space: nowrap;
			text-align: right;
		}
		#box-building  .widget p:nth-child(2){
			font-size: 34px;
			padding-left: 10px;
			color: #8c6d36;
			font-weight: bold;
		}
		#box-building  .widget:nth-child(3){top: 20px;}
		#box-building  .widget:nth-child(4){top: 100px;}
		#box-building  .widget:nth-child(5){top: 180px;}
		#box-building  .widget:nth-child(5) p {font-size: 18px;}
		#box-building  .widget:nth-child(5) p strong {font-size: 22px;color: #8c6d36;}
		
		#box-building canvas {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		
		/*#box-building area::after {
				content:"";
				position: absolute;
				bottom: 0;
				left: 0px;
				top: calc(50% - 27.5px);
				width: 300px;
				height: 50px;
				background: #c8a567;
				border-left: 6px #c8a567 solid;
			
			}*/
			
			.myTooltip{
				padding: 10px;
				color: #fff;
				background: #0096ff;
				position: relative;
				font-weight: bold;
				font-size: 14px;
			}
/*********************************************************************************************************************   SEARCH   **/		
		.box-search {
			flex-direction: row;
			flex-wrap: wrap;
			border-top: 10px #0096ff solid;
			justify-content: flex-end;
			align-items: stretch;
		}
		
		.box-search section {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			
		}
		.box-search section:nth-child(3){
			background: #0096ff;	
			padding: 40px 50px;	
			justify-content: center;	
			display: flex;	
			flex-direction: column;			
			align-items: center;
			box-sizing: border-box;
			flex-grow: 1;
		}
			.box-search .box-search-submit{
				position: relative;	
				padding: 0px !important;			
			}
				.box-search .box-search-submit input{
					background: #0096ff;	
					padding: 10px 0px;	
					color: #fff;
					font-size: 24px;
					position: relative;			
				}
				.box-search-submit::before{		
					content:"";
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					height: 3px;
					background: #fff;
					z-index: 2;
				}
				.box-search-submit::after{		
					content:"";
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					height: 3px;
					background: #fff;
				}
		
		.box-search section:nth-child(2){
			flex-direction: row;
			justify-content: flex-start;	 
			align-items: baseline;	
			padding: 50px;
			box-sizing: border-box;
			flex-grow: 5;
		}	
		.box-search section:nth-child(2) p{
			white-space: nowrap;
			text-align: right;
			font-size: 16px;
			padding: 2px;
			width: auto !important;
		}		
		.box-search section:nth-child(2) input{
			width: 70px;
			height: 35px;
			color: #8c6d36;
			text-align: center;
			border: 1px #cecece solid;
			margin-right: 10px;
			font-size: 16px;
		}
		.box-search section:nth-child(1){
			justify-content: flex-start;	
			align-items: baseline;	
			padding: 60px 50px 0; 
			font-size: 18px;
			white-space: nowrap;
			position: relative;
			box-sizing: border-box;
			flex-grow: 1;
		}	
			
/**************************************************************************************************************** IMAGE BOX ********************/
	.box-image img{
		max-width: 100%;
		min-width: 100%;
	}
		
		
/************************************************************************************************************ PAGE BOX ********************/
	.box-page {
		flex-direction: column;
		box-sizing: border-box;
			max-width: 100%;
			width: 100%;
	}
		.box-page section:nth-child(2){
			padding: 50px;
		}
		
		.box-page h1::before {
			content: "";
			position: absolute;
			bottom: -20px;
			left: -20px;
			right: -20px;
			height: 1px;
			background: #efefef;
			z-index: 10;
		}
		
		.box-page h1 {
			font-size: 28px;
			position: relative;
		}
		.box-page h1 strong {
			font-weight: normal;
		}
		.box-offer{
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			padding: 0 30px 20px;
			flex-wrap: wrap;
			box-sizing: border-box;
			width: 100%;
		}
		
			.box-offer a{
				padding: 20px 10px !important;
				flex-grow: 1;
				text-align: center;
				position: relative;
				flex-basis: 30%;
				min-width: 260px;
				overflow: hidden;
			}
			 .box-offer-more{
				display: block;
			}
			.box-offer a img{
				max-width: 90%;				
			}
			.box-offer a p{
				text-align: center;
				padding-bottom: 10px;
				font-size: 14px;				
			}
			.box-offer a:hover::after{
				content:"ZOBACZ SZCZEGŁÓY";
				z-index: 2;				
				text-align: center;
				padding: 20px 0;
				width: 150px;
				background: #0c0c0c;
				color: #fff;
				font-weight: bold;
				position: absolute;
				top: calc(50% - 10px);
				left: calc(50% - 75px);
				line-height: 0;
			}
			
		.box-offer-cat {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 0 30px 20px;
			flex-wrap: wrap;
			box-sizing: border-box;
			width: 100%;		
		}
		.box-offer-cat a{
			padding: 10px 0 30px;
			box-sizing: border-box;
			width: 100%;		
		}
		.box-offer-cat a p{
			font-size: 18px;
			padding-bottom: 10px;
		}
		.box-offer-cat a p span{
			font-size: 14px;
			padding-left: 10px;
		}
		.box-offer-cat a p span strong{
			color: #0195ff;
		}
		.box-offer-cat a img{
			max-width: 100%;
		}
			
			

		.box-emblem{
			max-width: 100%;
			box-sizing: border-box;
			padding: 20px;
		}
		.box-emblem img{
			max-width: 100%;
		}
	/************************************* tabela */
		.box-offer-table{
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding: 30px;
			flex-wrap: wrap;
			box-sizing: border-box;
			width: 100%;
		}
		.table-cells {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 100%;
			position: relative;
			padding: 20px 0 !important;
		}			
		.table-titles::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 2px;
			background: white;
			border: 1px #cecece solid;
		}		
		.table-cells p{
			flex-grow: 1;
			text-align: center;
			font-size: 14px;
		}
		.table-titles p{
			font-weight: bold;
		}
		.table-item {
			border-bottom: 1px #cecece solid;
			position: relative;
		}
		.table-item:hover::after {
			content: "";
			top: 10px;
			bottom: 10px;
			left: 0;
			right: 0;
			position: absolute;
			background: #efefef;
			z-index: -1;
		}
		.table-item a{
			background: #8a8a8a;
			color: #fff;
			width: 100%;
			height: 40px;
			padding: 12px 35px;
			font-weight: 400;
		}
		.table-item p:nth-child(7){
			color: #0195ff;
		}





		.box-page #more-apartments{
			padding: 30px 0;
			text-align: left;
		}
		.box-page #more-apartments a{
			color: #fff;
			font-weight: bold;
			padding: 30px 50px;
			background: #0096ff;
			font-size: 18px;
		}
		
		.box-min-h {padding-bottom: 150px;}
		#pageNumbers {
			width: 100%;
			padding: 20px 0;
			text-align: center;
			font-size: 22px;
		}
		
		.box-page-content, .box-offer-details-content {
			padding: 0px 30px 50px;
			box-sizing: border-box;
			min-height: 60vh;
		}
		.box-page-content p, .box-offer-details-content p{
			font-size: 14px;
			line-height: 28px;
			padding-bottom: 10px;
		}
		.box-page-content ul, .box-offer-details-content ul{
			padding: 0 0 10px 30px;
		}
		.box-page-content ul li, .box-offer-details-content ul li{
			padding: 5px 0;
			font-size: 14px;
		}
		
		.box-offer-details {
		flex-direction: column;
		box-sizing: border-box;
			max-width: 100%;
	}
		.box-offer-details section:nth-child(2){
			padding: 30px 50px 50px;
		}
		.box-offer-details h1 {
			font-size: 28px;
			position: relative;			
		}
		.box-offer-details h1::before {
			content: "";
			position: absolute;
			bottom: -20px;
			left: -20px;
			right: -20px;
			height: 1px;
			background: #efefef;
			z-index: 10;
		}
		.box-offer-details h1 strong {
			font-weight: normal;
		}
		
		.box-offer-details-content {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			padding: 0 !important;
		}
		
		.box-offer-details-content section {
			flex-basis: 50%;
		}
		.box-offer-details-content-d {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			padding: 0 30px !important;
		}
		
			.detail-content-t {font-size: 34px;font-weight: bold;padding: 20px 0 !important;position: relative;}
			.detail-content-p {font-size: 24px;font-weight: bold;padding: 20px 0 !important;position: relative;}
			.double-underline {position: relative;}
			.double-underline::after {content: "";
				position: absolute;
				height: 3px;
				border-top: 1px #c8a466 solid;border-bottom: 1px #c8a466 solid;bottom: 0px;left: 0;right: 0;}
			.detail-content-d {padding: 20px 0;}
			
			.box-offer-gallery {
				display: flex;
				box-sizing: border-box;
				padding: 0 30px;
				flex-wrap: wrap;
				align-items: stretch;
			}
			.box-offer-gallery a {
				flex-basis: 50%;
			}
			.box-offer-gallery img {
				width: 100%;
			}
			.box-offer-gallery-main {
				flex-basis: 100% !important;
				min-width: 100% !important;
			}
			.detail-content-l {
				padding: 50px 0;
				border-bottom: 1px #efefef solid;
				width: 100%;
			}
			.detail-content-l strong{
				padding: 20px 40px;
				background: #c8a466;
				color: #fff;
				font-weight: bold;
			}
			.detail-content-pos {
				font-size: 12px;
				padding: 50px 30px 0;
			}
			.detail-content-pos a, .detail-content-pos strong{
				padding: 0 10px;
			}
			.detail-content-pos a:first-child {
				padding: 0 10px 0 0 !important;
			}
		
/*************************************************************************************************************** LINKI BOX ********************/	
	.box-main-links {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.box-main-links a{
		flex-basis: 50%;
		position: relative;
		
	}
	.box-main-links a img{
		max-width: 100%;
		min-width: 100%;
	}
	.box-main-links a p{
		position: absolute;
		top: 40px;
		left:30px;
		right: 20px;
		font-size: 22px;
		padding-left: 20px;
		z-index: 2;
	}
	
	.box-main-links .bar-golden::after {
		top: calc(50% - 13px);
	}
	
	
/************************************************************************************************* DARK PAGE BOX ********************/
	.box-darkpage {
		flex-direction: column;
		box-sizing: border-box;
		max-width: 100%;
		background: url(images/bg-main-about.jpg) bottom center #181818;
		background-size: auto 100%;
			color: #fff;
		margin-top: -4px;
	}
		.box-darkpage section:nth-child(1){
			padding: 50px;
		}
		.box-darkpage section:nth-child(1) h1 {
			font-size: 28px;
			position: relative;
			font-weight: normal;
		}
		

		.box-content{
			padding: 0 30px;
			box-sizing: border-box;
		}
		.box-content p{
			padding-bottom: 20px;
			font-size: 14px;
			line-height: 28px;
		}

		.box-darkpage section:nth-child(3){
			padding: 0px 30px 30px;
			text-align: left;
		}

/***************************************************************************************************** DARK PAGE BOX ********************/
	.box-main-contact {
		box-sizing: border-box;
		max-width: 100%;
		flex-wrap: wrap;
	}
		.box-main-contact section{
			flex-basis: 50%;
			min-width: 300px;
			flex-grow: 1;
		}
		
			.box-main-contact section:nth-child(1){
				padding: 50px 50px 20px;
				box-sizing: border-box;
			}
			.box-main-contact section:nth-child(1) h3 {
				font-size: 28px;
				position: relative;
				font-weight: normal;
			}
			.box-main-contact-desc {padding: 20px 0;}
			.box-main-contact-desc p {
				font-size: 16px;
				padding: 15px 0px;
				line-height: 28px;
			}
			.box-main-contact section:nth-child(2) img {
				max-width: 100%;
				min-width: 100%;
			}
/***************************************************************************************************** PAGE CONTACT BOX ********************/
	.box-alt-contact {
		box-sizing: border-box;
		max-width: 100%;
		flex-wrap: wrap;
				padding: 50px 50px 20px;
				background: url(images/budynek_bg.jpg) no-repeat bottom right;
				background-size: auto 100%;
	}
		#box-alt-contact-title {
			position: relative;
			width: 100%;
		}
			.box-alt-contact h3 {
				font-size: 28px;
				position: relative;
				font-weight: normal;
			}
			.box-alt-contact-desc {padding: 20px 0;}
			.box-alt-contact-desc p {
				font-size: 16px;
				padding: 15px 0px;
				line-height: 28px;
			}
			#tele-data {
				display: flex;
			}
			#tele-data p{
				padding: 10px 40px 20px 0;
			white-space: nowrap;
			}
		
			#tele-data p:first-line{
				color: #0096ff;
				font-weight: bold;
			}
		
/***************************************************************************************************** FOOTER BOX ********************/
	.box-main-footer {
		box-sizing: border-box;
		max-width: 100%;
		margin-top: -3px;
	}
		.box-main-footer section{
			flex-basis: 50%;
			text-align: center;
		}
		.box-main-footer section p{
			text-align: center;
			font-weight: normal;
		}
		
			.box-main-footer section  a{
				padding: 50px 0;
				font-weight: bold;
				font-size: 16px;
				color: #fff;
				min-width: 100%;
				text-align: center;
				box-sizing: border-box;
				display: flex;
				flex-direction: column;
				justify-content: center;
				
			}
				.box-main-footer section:nth-child(1) a{
					background: #0096ff;
				}
				.box-main-footer section:nth-child(2) a{
					background: #181a20;
				}
				
				
		.box-gallery{
			display: flex;
			justify-content: space-between;
			padding: 0 30px 20px;
			flex-wrap: wrap;
			box-sizing: border-box;
			width: 100%;
			align-items: stretch;
		}
		
			.box-gallery a{
				padding: 20px 10px !important;
				flex-grow: 1;
				text-align: center;
				position: relative;
				flex-basis: 30%;
				min-width: 260px;
				max-width: 30%;
			}
			.box-gallery a div{
				width: 100%;	
				height: 100%;	
				overflow: hidden;			
			}
			.box-gallery a img{
				min-width: 100%;	
				min-height: 100%;	
				height: 100%;
			}
			.box-gallery a:hover::after{
				content:"POWIĘKSZ";
				z-index: 2;				
				text-align: center;
				padding: 20px 0;
				width: 150px;
				background: #0c0c0c;
				color: #fff;
				font-weight: bold;
				position: absolute;
				top: calc(50% - 20px);
				left: calc(50% - 75px);
				line-height: 0;
			}

				
				
				
				
				
				
			
	@media all and (min-width:1400px) { 
	
	}
	@media all and (max-width:940px) { 
		.box-search {
			justify-content: flex-start;
		}
	}
	@media all and (max-width:799px) { 
		.box-search {
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		.box-search section:nth-child(2){
			justify-content: flex-start;	
			flex-wrap: wrap;
		}	
		.resp-clear {
				width: 100%;
				height: 1px;
		}
	}
			
			
			
/*************** THE END ********************/