/*
.centerpic {
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
}
*/

.potype{
	width: 30%;
	position: absolute;
	top: 5%;
	left: 5%;
}

.potype img{
	width:70%;
}

.pichousecenter{
	position: absolute;
	width: 93%;
	height: 80%;
	left: 50%;
	top: 60%;
	transform: translate(-50%, -50%);
/*	background-color: lightblue;*/
	overflow: hidden;
}
.pichousecenter img{
	width:100%;
}

.pichousecenter1{
	position: absolute;
	width: 100%;
	left: 50%; /* relative to nearest positioned ancestor or body element */
  	top: 50%; /*  relative to nearest positioned ancestor or body element */
  	transform: translate(-50%, -50%);
	overflow: hidden;
}
.pichousecenter1 img{
	width:100%;
}

.modal{
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;		
}

.pichousecenter2{
	position: absolute;
	width: 95%;
	height: 77%;
	background-color: #ffffff;
	overflow: hidden;
	border: 5px solid #cca567;
	left: 50%; /* relative to nearest positioned ancestor or body element */
		top: 50%; /*  relative to nearest positioned ancestor or body element */
		transform: translate(-50%, -50%);
}

.pichousecenter3{
	position: absolute;
	height: 100%;
	left: 50%; /* relative to nearest positioned ancestor or body element */
  	top: 50%; /*  relative to nearest positioned ancestor or body element */
  	transform: translate(-50%, -50%);
	overflow: hidden;
}

.pichousecenter3 img{
	height:100%;
}

/*masterplan*/

.masterplan{
	position: absolute;
	width:80%;
	height: 100%;
	left: 40%; /* relative to nearest positioned ancestor or body element */
  	top: 50%; /*  relative to nearest positioned ancestor or body element */
  	transform: translate(-50%, -50%);
	overflow: hidden;
}

.masterplan img{
	width:100%;
}

.topright_masterplan{
	position: absolute;
	left: 85%; /* relative to nearest positioned ancestor or body element */
  	top: 2%; /*  relative to nearest positioned ancestor or body element */
}

.topright_masterplan img{
	width:91%;
}


.buttomright_masterplan{
	position: absolute;
	left: 78%; /* relative to nearest positioned ancestor or body element */
  	top: 60%; /*  relative to nearest positioned ancestor or body element */
}

.buttomright_masterplan img{
	width:90%;
}

/* gallery*/

.potype1{
	width: 30%;
	position: absolute;
	top: 5%;
	left: 5%;
}

.potype1 img{
	width:70%;
}

.pichousecenter_gallerry{
	position: absolute;
	width: 93%;
	height: 90%;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
/*	background-color: lightblue;*/
	overflow: hidden;
}
.pichousecenter_gallerry img{
	height:100%;
}

/**/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50;
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
   	background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)
}

/* Modal Content */
.modal-content {
/*    background-color: #fefefe;*/
    margin: auto;
    padding: 0px;
    width: 80%;
}

/* The Close Button */
.close {
	position: absolute;
    color: #FFFFFF;
	top: 0px;
    right: 1.5%;
    font-size: 60px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}