@charset "utf-8";
/* CSS Document */


/* photobox boder effect */
.photobox-effect1 {
	display: inline-block;
--photoboxOverlay: rgba(88, 88, 88, 0.60);
	cursor: pointer;
	photoboxAnimationDuration: .5s;
}
.photobox-effect1 img {
	transition: transform 0.3s ease-in-out 0s;
}
.photobox-effect1:hover img {
	transform: scale(1.03);
	transition: all 0.5s ease 0s;
}
.photobox-effect1 .previewbox {
	position: relative;
	overflow: hidden;
}
.photobox-effect1 .previewbox:before {
	content: "";
}
.photobox-effect1 .previewbox:before {
	width: 0;
	height: 0;
	padding: 25%;
	background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	transition: -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
	transition: transform var(--photoboxAnimationDuration, .4s) ease;
	transition: transform var(--photoboxAnimationDuration, .4s) ease, -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
	will-change: transform;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}
.photobox-effect1:hover .previewbox:before {
	/*-webkit-transform: translate(-50%, -50%) scale(4);
	transform: translate(-50%, -50%) scale(4);
 transition-duration: calc(var(--photoboxAnimationDuration, .4s) * 2);*/
}

/*play-hover*/
.video-play-button {
	display: block;
	width: 14%;
	float: right;
	border-radius: 50%;
	transform: translateY(-50%);
	margin: 0 auto 0;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 99;
}
.video-play-button:after {
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 128%;
	height: 128%;
	background: rgba(6,57,111,0.60);
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:before {
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 102%;
	height: 102%;
	background: rgba(6,57,111,0.60);
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after, .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	z-index: -9;
}
 @-webkit-keyframes pulse-border {
 0% {
 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity: 0;
}
}
 @keyframes pulse-border {
 0% {
 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity: 0;
}
}