/* iPhone 6 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
 #logo-main{
	width:90px;
} 

		#logo-dolina{
			height:2.2em;
		}		#logo-reshouse{
			height:2em;
		}
#zdjecie, #zdjecie2, #zdjecie3{
height:190px;
}
#zdjecie4{
height:250px;
}
#opis-inwestycji, .lista-standard{
	font-size:1em;
}
}
/* Nexus 7 (portrait) ----------- */
@media only screen and (max-width : 603px) and (orientation: portrait) {
.lista-wybor{
	font-size:.65em;
}
.portrait-only{
	display:none!important;
}
.desktop-only{
	display:none;
}
#opis-inwestycji, .lista-standard, #standard-wykonczenia-opis p{
	font-size:1em;
}
.dom-lista{
	font-size:0.4em;
	border-top:1px solid;
	transition:.4s;	
	border-color: rgba(0, 0, 0, 0.1);
	padding:.8em;
}
.domy-opis-gorny{
	font-size:0.9em!important;

}
.domy-opis-gorny div{
		padding-left:8px!important;
	padding-right:8px!important;
}
#zdjecie, #zdjecie2, #zdjecie3{
height:190px;
}
#zdjecie4{
height:250px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* ipad portrait */ 
.portrait-only{
	display:none!important;
}
.desktop-only{
	display:none;
}
.dom-lista{
	font-size:0.7em;
	border-top:1px solid;
	transition:.4s;	
	border-color: rgba(0, 0, 0, 0.1);
	padding:.8em;
}
#zdjecie, #zdjecie2, #zdjecie3{
height:350px;
}
#zdjecie4{
height:500px;
}
#listadomow{
	padding:0;
}
#logo-main{
	width:100px;
}
		#logo-dolina{
			height:2.2em;
		}		#logo-reshouse{
			height:1.8em;
		}
	#opis-inwestycji, #standard-wykonczenia-opis p{
	font-size:1.2em;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* ipad landscape*/
.portrait-only{
	display:none!important;
}
#listadomow{
	padding:0;
}
.dom-lista{
	font-size:0.7em;
	border-top:1px solid;
	transition:.4s;	
	border-color: rgba(0, 0, 0, 0.1);
	padding:.8em;
}
#logo-main{
	width:100px;
}

		#logo-dolina{
			height:2em;
		}		#logo-reshouse{
			height:1.5em;
		}

	#opis-inwestycji, #standard-wykonczenia-opis p{
	font-size:1.2em;
}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.landscape-only{
	display:none;
}
.desktop-only{
	display:none;
}
#opis-inwestycji, .lista-standard, #standard-wykonczenia-opis p{
	font-size:1em;
}
#listadomow{
display:none;
}
#logo-main{
	width:86px;
}
		#logo-dolina{
			height:2em;
		}		#logo-reshouse{
			height:1.5em;
		}
#kontakt-footer{
	margin-left:-14px;
	margin-right:-6px;
	margin-top:-3px;
}
#zdjecie, #zdjecie2, #zdjecie3{
height:190px;
}
#zdjecie4{
height:250px;
}
#navbar-right{
float: left!important;
}
}
@media screen and (device-aspect-ratio: 2/3) and (orientation: portrait) {
		#logo-dolina{
			height:2em;
		}		#logo-reshouse{
			height:1.5em;
		}	
	
#opis-inwestycji, .lista-standard, #standard-wykonczenia-opis p{
	font-size:1em;
}
}
@media only screen 
  and (max-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation : landscape) { 
.portrait-only{
	display:none!important;
}
.desktop-only{
	display:none;
}
#listadomow{
	padding:0;
}

.dom-lista{
	font-size:0.6em;
	border-top:1px solid;
	transition:.4s;	
	border-color: rgba(0, 0, 0, 0.1);
	padding:.3em;
}
		#logo-dolina{
			height:1.5em;
		}		#logo-reshouse{
			height:1em;
		}
#logo-main{
	width:100px;
}
#opis-inwestycji, #standard-wykonczenia-opis p{
	font-size:1.2em;
 }
  }
@media (min-width:961px)  { 
/* tablet, landscape iPad, lo-res laptops and desktops */ 

.nav-link{
	font-size:1.25em!important;
}

.dom-lista{
	border-top:1px solid;
	transition:.4s;
	border-color: rgba(0, 0, 0, 0.1);
	padding:.6em;
}
.dom-bottom{
	border-bottom:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
}
#logo-main{
	width:100px;
}

		#logo-dolina{
			height:3em;
		}		#logo-reshouse{
			height:1.8em;
		}
		
	#opis-inwestycji, #standard-wykonczenia-opis p{
	font-size:1.2em;
}

}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 

.nav-link{
	font-size:1.25em!important;
}
.dom-lista{
	border-top:1px solid;
	transition:.4s;
	border-color: rgba(0, 0, 0, 0.1);
	padding:.8em;
}
.dom-bottom{
	border-bottom:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
}
#logo-main{
	width:100px;
}

		#logo-dolina{
			height:3em;
		}		#logo-reshouse{
			height:1.8em;
		}
		
	#opis-inwestycji, #standard-wykonczenia-opis p{
	font-size:1.2em;
}
}
/* STYLOWA */

body {
    width: 100%;
    height: 100%;
	font-family: 'Montserrat', sans-serif;
	background: url('../img/bg1.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	transition:.4s;
}

html {
    width: 100%;
    height: 100%;
}

section{
	display:none;
	}

        .top {
            box-shadow: 0 -5px 5px -5px #333;
        }
		.bottom {
            box-shadow: 0 5px 10px -5px #333;
        }

		.all-shadow{
			-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		}
	#listadomow{
	padding-left:0;
}
.dom-lista{
	padding-left:5px!important;
	padding-right:5px!important;
}
.navbar .container{
	padding:0;
	margin:0 auto;
}
#navbar-right{
	float:right;
}
.nav-color{
	background: rgba(255, 255, 255, 0.95);
}

.nav-link{
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	transition:.5s;
	font-size:.85em;
}

.loading{
width: 100%;
height:100%;
background:url('../img/loading.gif') no-repeat center center ;
background-color:white;
position:absolute;
z-index:150;
}

.hidden{
	display:none;
}

.text{
	height:100%;
	display:none;
	background: rgba(255, 255, 255, 0.88);
	}
.vertical-align {
display: table-cell;
vertical-align: middle;
}
.content{
	padding-top:4.9rem;	
	padding-bottom:3.4em;
	
}
#footer-panel .row{
	margin:0;
	padding:0;
	}

.border{
		
	border:1px double;
	padding:10px;
	border-color: rgba(0, 0, 0, 0.8);
}
section p {

	color: rgba(0, 0, 0, 0.7);
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0;
	padding-bottom:1em;
	line-height:1.4;
}
.clear-space-right{
	border:0px solid;
	border-color: rgba(0, 0, 0, 0.1);
	padding-right:0;
	margin-right:0;
}

.img-opis{
	margin-top:1px;
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	padding:2px;
	cursor:pointer;
}
.img-opis:hover{
  border-color: #8A6E2F;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(138, 110, 55, 0.6);
	transition:.5s;
}

.headline1{
	color: rgba(0, 0, 0, 0.95);
	padding-top:1em;
	font-family: 'Montserrat', sans-serif;
	border:0px solid;
	border-color: rgba(0, 0, 0, 0.1);
	font-size:1.2em;

}

.navbar.fixed-bottom{

	background: rgba(255, 255, 255, 1);
    /*background: -moz-linear-gradient(right,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: -ms-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: linear-gradient(to left,  rgba(255,255,255,0.1) 60%,rgba(255,255,255,1) 90%);*/
}


#logo{
	text-align:center;
	cursor: pointer;
}

#logo-footer{
padding:3px;
}

#kontakt-footer{
line-height:1em;
padding-left:15px;
font-family: 'Montserrat', sans-serif;
padding-top:7px;
font-size:0.69em;

}

#link-footer{
	opacity:0.3;
	margin-right:0px;
	padding-top:2px;
	transition:.5s;
	}
#link-footer:hover{
		opacity:0.6;
}
.link-kontakt{
	opacity:0.3;
	margin-right:0px;
	padding-top:2px;
	transition:.5s;
}
.link-kontakt:hover{
		opacity:0.6;
}
#tel-footer, #tel-footer-portrait{
font-family: 'Montserrat', sans-serif;
	font-size:1.2em;	
	color: rgba(0, 0, 0, 0.75);	
	padding-left:2px;
	padding-right:3px;
	padding-top:3px;
	margin-top:2px;
	text-decoration: none;
	/*border:1px solid;
	border-color:rgba(0, 0, 0, 0.15);	*/
	}
#text-footer, #listadomow a{
text-decoration: none;	
color: rgba(0, 0, 0, 0.8);
}

#text-footer:hover{
	color: rgba(0, 0, 0, 0.9);
	transition:.5s;
}

.nav-brand a{
	text-decoration:none;
}

.gold {
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.star{
	font-size:.5em;
	padding:.9em;
	}
#arrow-nav{
	z-index:1;
}

#arrow-left{
	left:0;
	position:fixed;
	top:43%;
	margin-left:15px;
	font-size:2.5em;
	font-family:arial;
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.2);
	padding-left:15px;
	padding-right:15px;
	color:rgba(0, 0, 0, 0.7);
	z-index:1;
	font-family:consolas;
	-webkit-transform:scale(0.7,1); 
    -moz-transform:scale(0.7,1);
    -ms-transform:scale(0.7,1); 
    -o-transform:scale(0.7,1); 
    transform:scale(0.7,1); 
}
#arrow-right{
	position:fixed;
	right:0;
	top:43%;
	margin-right:15px;
	font-size:2.5em;
	font-family:arial;
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.2);
	padding-left:15px;
	padding-right:15px;
	color:rgba(0, 0, 0, 0.7);
	z-index:1;
	font-family:consolas;
	-webkit-transform:scale(0.7,1); 
    -moz-transform:scale(0.7,1);
    -ms-transform:scale(0.7,1); 
    -o-transform:scale(0.7,1); 
    transform:scale(0.7,1); 
}
#arrow-left:hover, #arrow-right:hover{
	transition:.5s;
	color:rgba(0, 0, 0, 0.7);
	background-color:rgba(255, 255, 255, 0.4);
	
}
#dots-nav{
	bottom:2.2rem;
	height:60px;
	width:133px;
	z-index:1;
	
	}
.dot{
	font-family:arial;
	cursor:pointer;
	padding-right:6px;
	padding-left:6px;
	padding-bottom:10px;
	opacity:.4;
	transition:.5s;
	color:black;
	font-size:2em;
	line-height:.8;
	
}
.dot:hover{
	opacity:.7;
}
.dot-active {
    opacity: .7;
    text-shadow: 0px 0px 5px #FFFFFF;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
}

.row{
	margin:0;
	padding:0;
}

#opis-obrazy{
	opacity:0;
}

/*scrolowany*/

#landing-page{
	
	height:100%;

}

.break-section{
height:3.2rem;
}

.light-section{
	background-color:white;
	z-index:1;
}
.section-content{

	padding-top:1em;
	padding-bottom:1.5em;
}

.grey-section{
	background-color:#EEEEEE;
	z-index:1;
}
.dark-section{
	background-color:#A5A7AD;
	z-index:1;	
}
.transparent-section{
	background-color:rgba(255, 255, 255, 0);
	z-index:1;	
}
#kontakty{
	height:450px;
}
#main-content{
	position:relative;
	z-index:100;
}
section{
		position:relative; 
}
/*
#komunikat {
	padding:0;
	border:1px solid;
	position:fixed;
	border-color:rgba(0, 0, 0, 0.2);
	background-color:rgba(255, 255, 255, 0.7);
	border-radius:10px;
	top: 50%;
	transform: translate(0, -50%);
	left:0;
}
#komunikat-container{
	position:absolute;
	z-index: 9999;
}*/
#komunikat {
	padding:8px 3px 3px 3px;
	border:1px solid;
	padding-left:1em;
	padding-right:1em;
	position:relative;
	border-color:rgba(0, 0, 0, 0.2);
	background-color:rgba(255, 255, 255, 0.7);
	border-radius:10px;

}
#komunikat-container{
		padding-top:5.2em;
}

#tag{
	
	font-family:arial;
	font-size:.8em;
	color:#E8E8E8;
}

#kontakt-text{
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
	font-size:1.2em;	
	color: rgba(0, 0, 0, 0.75);	
}

    .google-maps {
		padding-top:25px;
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	.google-maps  a{
		color:rgba(0, 0, 0, 0);	
		cursor:context-menu;
		position:fixed;
		left:0;
		bottom:0;
	}
#contact_form {
	padding:1em;
text-align:center;
background-color:rgba(0, 0, 0, 0.08);
border-radius: 15px;
}

.form-control:focus {
  border-color: #8A6E2F;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(138, 110, 55, 0.6);
}

.scrollToTop{
	margin-left:-2.4rem;
	width:50px; 
	height:30px;
	padding:10px; 
	text-align:center; 
	font-weight: bold;
	color:rgba(0, 0, 0, 0.5);
	text-decoration: none;
	position:fixed;
	bottom:1px;
	font-size:1.6em;
	display:none;
	font-family:consolas;
	-webkit-transform:scale(1,0.7); 
    -moz-transform:scale(1,0.7);
    -ms-transform:scale(1,0.7); 
    -o-transform:scale(1,0.7); 
    transform:scale(1,0.7); 

}
.col-centered{ float: none; margin: 0 auto;}

.scrollToTop:hover{
	text-decoration:none;
		transition:.5s;
	color:rgba(0, 0, 0, 0.9);

}

#zdjecie{
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	font-family: 'Montserrat', sans-serif;
	background: url('../img/domyjednorodzinne.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#zdjecie2{
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	font-family: 'Montserrat', sans-serif;
	background: url('../img/domyjednorodzinne2.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#zdjecie3{
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	font-family: 'Montserrat', sans-serif;
	background: url('../img/domyjednorodzinne1.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#zdjecie4{
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	font-family: 'Montserrat', sans-serif;
	background: url('../img/domyjednorodzinne3.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#mapa{
	width: 100%;
    height: 100%;
}

#wybordomow{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
}
#wybordomow2{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
}
#wybranydom{
	height:100%;
	width:100%;
	transition:.3s;
}
#wybranydom2{
	height:100%;
	width:100%;
	transition:.3s;
}

.wm{
	height:100%;
	width:30px;
	background-color:white;
	position:absolute;
	top:0;
	right:0;
}
#m1-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(2% 65%, 26% 72%, 33% 61%, 34% 67%, 26% 81%, 3% 73%, 3% 69%);




}
#m2-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(2% 65%, 26% 72%, 33% 61%, 32% 50%, 13% 45%, 1% 56%, 2% 61%);



}
#m3-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(41% 55%, 34% 68%, 33% 61%, 35% 57%, 37% 54%, 38% 52%, 40% 48%);





}
#m4-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(33% 61%, 32% 50%, 13% 45%, 20% 34%, 39% 40%, 39% 45%, 40% 48%);




}
#m5-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(40% 57%, 45% 46%, 45% 40%, 44% 42%, 43% 44%, 42% 46%, 40% 48%);


}
#m6-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(39% 39%, 40% 48%, 45% 40%, 45% 35%, 44% 31%, 28% 27%, 20% 35%);


}
#m7-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(50% 36%, 45% 46%, 45% 40%, 46% 38%, 47% 37%, 48% 34%, 50% 31%);


}
#m8-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(45% 40%, 44% 31%, 28% 27%, 32% 20%, 49% 23%, 49% 27%, 50% 31%);


}
#m9-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(50% 37%, 54% 30%, 54% 24%, 53% 26%, 53% 26%, 51% 29%, 50% 31%);


}
#m10-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(49% 24%, 50% 31%, 54% 24%, 53% 21%, 53% 17%, 39% 15%, 33% 20%);


}
#m11-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(57% 25%, 54% 30%, 54% 24%, 55% 23%, 55% 22%, 56% 21%, 57% 19%);



}
#m12-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(56% 12%, 56% 20%, 53% 26%, 53% 17%, 39% 14%, 40% 12%, 42% 10%);



}
#m13-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(58% 9%, 57% 18%, 56% 12%, 48% 11%, 48% 8%, 57% 9%);


}
#m14-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(66% 12%, 66% 18%, 65% 22%, 56% 20%, 57% 16%, 57% 11%, 60% 11%);




}
#m15-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(57% 11%, 58% 4%, 60% 0, 69% 0, 67% 6%, 66% 13%, 62% 12%);



}
#m16-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(66% 12%, 66% 18%, 65% 22%, 75% 24%, 76% 20%, 76% 14%, 70% 13%);



}
#m17-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(66% 12%, 67% 6%, 69% 1%, 78% 1%, 76% 6%, 76% 14%, 70% 13%);


}
#m18-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(77% 24%, 78% 21%, 86% 23%, 86% 16%, 81% 15%, 76% 14%, 74% 23%);


}
#m19-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(78% 2%, 88% 3%, 86% 8%, 86% 16%, 81% 15%, 76% 14%, 76% 6%);


}
#m20-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(96% 19%, 96% 17%, 86% 15%, 84% 23%, 96% 24%);


}
#m21-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(97% 3%, 97% 9%, 96% 17%, 86% 15%, 86% 9%, 87% 2%);


}
#m22-p{
	position:absolute;
	height:100%;
	width:100%;
clip-path: polygon(60% 0, 58% 4%, 57% 9%, 48% 8%, 49% 2%, 51% 0);


}

.dostepny{
	color:green;
}
.niedostepny{
	color:red;
}
.rezerwacja{
	color:orange;
}
.dom-active{
	
	background-color:rgba(228, 196, 70, 0.3);
}
.dom-lista{
	cursor:pointer;
}
.dom-lista:hover{
		background-color:rgba(228, 196, 70, 0.3);

}
#image-section1{
	height:100%;
	z-index:1;
	background:url('../img/wybordomow1.jpg');
	background-size: auto 100%;
    background-attachment: fixed;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	}
	
#opis-inwestycji{
	padding-left:0;
	padding-right:0;
}
.bezpad{
	padding-left:0;
	padding-right:0;
}
.czarny{
	color:black;
}
.wyrozniony{
	background-color:rgba(10, 50, 0, 0.1);
}
.pusty{
	color:black;
	background-color: rgba(0, 0, 0, 0.0);
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.2);
	cursor:pointer;
}
.pusty a,.pusty-gold a, .pusty-szary a{
	text-decoration:none;
	color:black;
}
.pusty:hover{
		background-color: rgba(0, 0, 0, 0.1);
		transition:.4s;
}
.pusty-gold{
	color:black;
	background-color:rgba(228, 196, 70, 0.2);
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.2);
}	
.pusty-gold:hover{
	background-color:rgba(228, 196, 70, 0.5);
	transition:.4s;
}
.pusty-szary{
	background-color: rgba(0, 0, 0, .1);
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.2);
	transition:.4s;
	}
.pusty-szary:hover{
	background-color: rgba(0, 0, 0, .3);
	}
.domy-opis-gorny{
	color:black;
	margin-top:.8em;
	margin-bottom:.5em;

	padding-bottom:2px;
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.2);
	font-size:1.1em;
}
.domy-opis-dolny{ 
	margin-bottom:.5em;
	padding-top:5px;
	padding-bottom:2px;
	text-align:center;
}
#W1,  #W2,  #W3 ,#PW1,  #PW2,  #PW3{
display:none;

}
.wariant-img{
opacity: 0.9;
}

.wariant-img:hover{ 
opacity: 1;
}
.baguetteBox-button:focus {
    outline: none;
}
a:focus {
    outline: none;
}

.wariant{
	background-color:rgba(0,0,0,.1);
	font-size:1em;
	color:rgba(0,0,0,.7);
	border-left:1px solid;
	border-bottom:1px solid;
	border-color:rgba(0,0,0,.1);
	cursor:pointer;
	
}

.wariant-active{
	background-color:rgba(0,0,0,.0);
	border-left:1px solid;
	border-color:rgba(0,0,0,.2);
	border-bottom:0;
	color:rgba(0,0,0,.9);	
}

#przesun-w-dol{
	top:0;
	position:absolute;
	margin-top:-90px;
}

.lista-standard{
color:rgba(0,0,0,.8);	

padding-bottom:2px;
}

.map-responsive{
	margin-top:25px;
    overflow:hidden;
    padding-bottom:80%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	border:0;
}
	
.logo-absolute{
	position:absolute;
	margin-left:2px;
	margin-bottom:2px;
		bottom:0;
		left:0;
		height:30px;
		width:80px;
	background:url('../img/logo.png');
	background-size:cover;
		}
.logo-absolute-right{
	position:absolute;
	margin-left:2px;
	margin-bottom:2px;
		bottom:0;
		right:0;
		height:30px;
		width:80px;
	background:url('../img/logo.png');
	background-size:cover;
		}
#nav-collapse {
    float: left!important;
}
#lokalizacja-section{
	margin-top:-17px;
}

.lista{
	color:black;
	padding-bottom:2px;
	font-size:1.1em;
	
}

.lewo-gora{
	border-top:1px solid;
	border-left:1px solid;
	border-color: rgba(0, 0, 0, 0.2);

}

.lewo-dol{
	border-bottom:1px solid;
	border-left:1px solid;
	border-color: rgba(0, 0, 0, 0.2);
	
}
.prawo-gora{
	border-top:1px solid;
	border-right:1px solid;
	border-color: rgba(0, 0, 0, 0.2);	
	text-align:center;
	padding:0;	
}
.prawo-dol{
	border-bottom:1px solid;
	border-right:1px solid;
	border-color: rgba(0, 0, 0, 0.2);	
	text-align:center;
	padding:0;
}
.lista-wybor{
	margin:1px; 
	padding:0;
	color:rgba(0, 0, 0, 0.6);	
	cursor:pointer;
}

.niedostepny-wybor{
	background-color: rgba(255, 0, 0, 0.1);	
}
.niedostepny-wybor:hover,.niedostepny-wybor.active{
	background-color: rgba(255, 0, 0, 0.7);	
	color:rgba(0, 0, 0, 1);	
}
.dostepny-wybor{
	background-color: rgba(0, 255, 0, 0.1);	
}
.dostepny-wybor:hover,.dostepny-wybor.active{
	background-color: rgba(0, 255, 0, 0.6);		
	color:rgba(0, 0, 0, 1);	
}
.rezerwacja-wybor{
	background-color: rgba(255, 255, 0, 0.1);	
}
.rezerwacja-wybor:hover,.rezerwacja-wybor.active{
	background-color: rgba(255, 255, 0, 0.6);		
	color:rgba(0, 0, 0, 1);	
}

#m-plan-w1a, #m-plan-w2a{
	display:none;
}
#m1-w1-a, #m1-w2-a, #m2-4-6-8-w1-a, #m2-4-6-8-w2-a, #m3-5-7-9-w1-a, #m3-5-7-9-w2-a, #m10-w1-a, #m10-w2-a{
	display:none;
}
#m-numer, #m-cena, #m-status, #m-metraz, #m-cenam2{
	padding-left:3px;
}
#m-numer, #m-cena, #m-metraz, #m-cenam2{
	color: rgba(0, 0, 0, 0.7);
}
.lista-a{
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;

}
.lista-a:hover{
	color: rgba(0, 0, 0, 0.8);
	text-decoration:none;
}

.karta{
	display:none;
}
.nav-link:hover{
text-decoration: none;
font-weight:bold;
}

#etap1, #etap2 {
	display:none;
}
#popup-img {
	height:100%;
	width:100%;
	border-radius:10px;
}
.close-x{
	display:block;
	position:absolute;
	top:0;
	right:0;
	padding-right:.2em;
	color:white;
	font-family: 'Montserrat', sans-serif;
	font-size:2em;
	cursor:pointer;
	line-height:.9em;
}
    .bottom-popup {
      position: fixed;
      bottom: -100%;
      left: 0;
      width: 100%;
      z-index: 1050;
	  font-size:0.82em;
	  text-align: justify;
      background-color: rgba(255,255,255,0.95);
      transition: bottom 0.4s ease-in-out;
      box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }

    .bottom-popup.show {
      bottom: 0;
    }

    .popup-close {
      position: absolute;
      top: -15px;
      right: -15px;
      font-size: 2rem;
      color: #000;
      cursor: pointer;
    }

.table-wrapper {
    overflow-x: auto; 
    width: 100%;
}

#historia-cen  {
    table-layout: fixed;
    width: 100%;  
    min-width: 600px;    
}

#historia-cen th,
#historia-cen td {
    text-align: center;
    width: 12.5%;      
    white-space: nowrap;
}
#historia-daty th, #historia-daty-e3 th{
    font-weight: normal;      
    color: rgba(0,0,0,0.7);              
    padding: 0.5em;         
    border-bottom: 1px solid #dee2e6; 
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 0.85em;  
}
#historia-ceny, #historia-ceny-e3 {
font-size: 0.9em;  
}
.historia-e3{
	display:none;
}