section.photo-book .grid {
	background: #FFF;
}

/* clear fix */
section.photo-book .grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

/* section.photo-book .grid-item {
	float: left;
}*/

section.photo-book .grid-item img {
	display: block;
	max-width: 100%;
}

section.photo-book {
	border-top: 20px solid #414141;
	padding-top: 15px;
}

section.photo-book h2 {
	text-align: center;
	font-size: 30px !important;
	font-weight: 500 !important;
}

section.photo-book .row {
	margin-right: 0px !important;
}

section.photo-book .row .col {
	padding-right: 0px !important;
}

section.photo-book #ekkoLightbox-647 .modal-dialog {
	margin-right: 6px !important;
}



@keyframes a{
	0%,to{
		transform:scale(0);
		-webkit-transform:scale(0)
	}
	50%{
		transform:scale(1);
		-webkit-transform:scale(1)
	}
}


section.photo-book .grid {
	border: 5px solid #FFF;
}

section.photo-book .grid-item {
	border: 5px solid #FFF;
	overflow: hidden;
	position : relative;
}

section.photo-book .grid-item img {
	border: 2px solid #E6E6E6;
}


section.photo-book .grid-item::after {
	content: '';
	height: 50%;
	width: 100%;
	display: block;
	background: linear-gradient(to bottom,rgba(65,65,65,0),#414141);
	mix-blend-mode: multiply;
	transition: top .3s cubic-bezier(.34,.53,.25,1),transform .3s cubic-bezier(.34,.53,.25,1);
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


section.photo-book .grid-item:hover::after {
	opacity: 1 !important;
}

section.photo-book .grid-item img {
	transition: transform 2s;
	min-height: 250px;
}

section.photo-book .grid-item img:hover {
  transform: scale(1.1); 
}

section.photo-book .grid-item span.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	padding: 10px 10px 10px 20px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

section.photo-book .grid-item:hover span.caption {
	opacity: 1 !important;
}

video { visibility: visible !important; }

@media (min-width: 768px) {
	section.photo-book .grid-sizer,
	section.photo-book .grid-item {
		width: 33.333%;
	}

	section.photo-book .grid-item {
		float: left !important;
	}
}

@media (min-width: 992px) {
	section.photo-book .grid-item {
		float: left !important;
	}
}

/*iPad-Specific CSS*/
@media only screen and (device-width: 768px) {
	/* For general iPad layouts */	
	section.photo-book .grid-item img {		
		max-width: 300px !important;
	}
}
  
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	section.photo-book .grid-item img {		
		max-width: 300px !important;
	}
}
  
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	section.photo-book .grid-item img {		
		max-width: 300px !important;
	}
}