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

.potype{
	width: 16.71%;
	position: absolute;
	top: 45px;
	left: 148px;
}

.potype img{
	width:100%;
}

.pichousecenter{
	position:  absolute;
	width: 100%;
	height: 80%;
	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;
}
.pichousecenter img{
	width:100%;
		height: 100%;
}

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

.pichousecenter2{
	position: absolute;
	width: 63%;
	height: auto;
	left: 52%; /* relative to nearest positioned ancestor or body element */
  	top: 50%; /*  relative to nearest positioned ancestor or body element */
  	transform: translate(-15%, -50%);
	overflow: hidden;
}
.pichousecenter2 img{
	width:100%;
	
	z-index: 99;
}


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

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

.pichousecenter4 img{
	width:95%;
}

.topright{
	position: absolute;
	left: 90%; /* relative to nearest positioned ancestor or body element */
  	top: 5%; /*  relative to nearest positioned ancestor or body element */
}

.topright img{
	width:80%;
}


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

.buttomright img{
	width:70%;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1;
    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: 10px;
    right: 25px;
    font-size: 30px;
    font-weight: bold;
}

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