@charset "utf-8";
.zoomBOut {
  overflow: hidden;
  position: relative;
  margin-left: 1.1%;
  width: 99%
}
.zoomBIn {
  transition: transform ease 0.3s;
}
.zoomBIn:hover {
  transform: scale(1.02);
}
.custom-col {
	     padding: 4px;
	     overflow: hidden;
}
div.absolute {
	position: relative;
	top: 0;
	z-index: 51;
	width: 85%;
	margin: -30px 20px 20px 10px;
   text-align: center;
	font-family: 'Open Sans', 'sans-serif';
	color: white;
	}
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
div.desc {
	padding: 15px;
	text-align: center;
}
body, td, th {
	color: #F3F3F3;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
p {
	background-color: rgba(154, 171, 195, 1.00);
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
#image-grid {
	margin: 6px;
}
  .img {
    box-shadow: 10px 10px 5px rgb(60, 60, 60);
       }
.img-button {
	cursor: pointer;
	}
.img-button>.caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: -webkit-linear-gradient(270deg, rgba(59, 59, 59, 0.00) 0%, rgba(0, 0, 0, 0.50) 72.02%);
	background-image: -moz-linear-gradient(270deg, rgba(59, 59, 59, 0.00) 0%, rgba(0, 0, 0, 0.50) 72.02%);
	background-image: -o-linear-gradient(270deg, rgba(59, 59, 59, 0.00) 0%, rgba(0, 0, 0, 0.50) 72.02%);
	background-image: linear-gradient(180deg, rgba(59, 59, 59, 0.00) 0%, rgba(0, 0, 0, 0.50) 72.02%);
}
.img-button>.caption h5 {
	position: absolute;
	z-index: 51;
	bottom: 0;
	width: 85%;
	margin: 20px;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 1em;
	color: white;
	}
	.modal {
		text-align: center;
		padding: 0!important;
		text-align: left;
		position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      display: none;
      overflow: hidden;
      outline: 0;
	}
		.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
	/*.modal-dialog {
		display: inline-block;
		vertical-align: middle;
		margin: 4px;
	}*/
		.modal-body {
	/*	padding: 12px;
		background-color: white;*/
	}
	.modal-body img {
		width: 100%;
		/*position: relative;*/
	}
	
	#close-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
		height: 55px;
		background-color: rgba(0, 0, 0, 0.5);
		border-bottom-left-radius: 6px;
		z-index: 51;
	}
	#close-btn {
		position: absolute;
		top: 20px;
		right: 25px;
		color: white;
		opacity: 1;
		z-index: 51;
	}
	.popup-caption {
		width: 100%;
		padding-top: 6px;
		color: black;
		background-color: white;
	}
	/*.popup-caption p {
		text-align: center;
		font-weight: 300;
		font-size: 1em;
		color: white;
		font-style: normal;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: -4px;
		}*/
		/*@media (min-width:299px) {
		.modal-dialog {
			width: 80%;
		}
		}*/
		/*@media (min-width:576px) {
		.modal-dialog {
			width: 80%;
		}
		}*/
		@media (min-width:768px) {
		.modal-dialog {
			width: 80%;
		}
		}
      @media (min-width:992px) {
		.modal-dialog {
			width: 80%;
		}
	}
	@media (min-width:1250px) {
		.modal-dialog {
			width: 80%;
		}
	}