/*Modal for popup image*/

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-content{
	margin: auto;
	display: block;
	width: 100%;
	max-width: 700px;
}


.modal-hover-opacity {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-backface-visibility:hidden
}

.modal-hover-opacity:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-webkit-backface-visibility:hidden
}


.close {
	text-decoration:none;
	float:right;
	font-size:24px;
	font-weight:bold;
	color:white
}

	
.modal-content, #caption {   
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}