@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	display: block;

	height: 34px;

	border: 2px solid #ffffff;

	border-radius: 50%;

	margin: 0 auto 0;

}

.video-play-button:after {

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 54px;

	height: 54px;

	background: rgba(0,167,157,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: 40px;

	height: 40px;

	background: rgba(0,167,157,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;

}

.video-play-button span {

	display: block;

	position: relative;

	z-index: 3;

	width: 0;

	height: 0;

	border-left: 16px solid #ffffff;

	border-top: 9px solid transparent;

	border-bottom: 9px solid transparent;

	margin: 6px 9px;

}

 @-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;

}

}



/* square-effect-css */

.square-effect1 {

  background: #00a7886e;

  overflow: hidden;

  cursor: pointer;

  position: relative;

}
.galler-wrapp .galler-col1 .square-effect1{
	background: #005c8399;
}
.square-effect1 img {

  width: 100%;

  display: block;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  position: relative;

}

.square-effect1:hover img {

  opacity: 0.20;

  transform: scale(1.08);

  transition: all 1.5s ease 0s;

}



/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}