@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	position: relative;

	display: block;

	width: 60px;

	height: 60px;

	float: left;

	border: 2px solid #fff;

	border-radius: 50%;

	margin: 0 0 0 0;

}

.video-play-button:after {

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

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

	display: block;

	width: 72px;

	height: 57px;

	background: rgba(18,164,143,0.60);

	border-radius: 10px;

	display: none;

	-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: 57px;

	height: 42px;

	background: rgba(18,164,143,0.60);

	border-radius: 10px;

	display: none;

	-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: 18px solid #fff;

	border-top: 18px solid transparent;

	border-bottom: 18px solid transparent;

	margin: 11px 23px;

}



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

}

}

/*scroll-effect1*/

.scroll-effect1 {

	width: 100%;

	height: 48px;

	float: none;

	margin: 0 auto 0;

	position: relative;

	z-index: 99;

}

.scroll-effect1:after {

	content: "";

	width: 12px;

	height: 7px;

	background: /*url(../images/scroll-arrow1.png)*/ no-repeat center;

	margin: 0 auto 0;

	position: absolute;

	bottom: -12px;

	right: 0;

	left: 0;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 48px;

	margin-left: 0;

	border: 1px solid #ffffff;

	border-radius: 16px;

	box-sizing: border-box;

}

.scroll-effect1 a span:before {

	position: absolute;

	top: 10px;

	left: 0;

	right: 0;

	content: '';

	width: 2px;

	height: 7px;

	background: none;

	border: 1px solid #ffffff;

	border-radius: 50%;

	-webkit-animation: sdb10 2s infinite;

	animation: sdb10 2s infinite;

	box-sizing: border-box;

	margin:0 auto 0;

}

@-webkit-keyframes sdb10 {

 0% {

 -webkit-transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 -webkit-transform: translate(0, 20px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

@keyframes sdb10 {

 0% {

 transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 transform: translate(0, 20px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

/* Square-effect */

.square-effect1 {

	overflow: hidden;

	cursor: pointer;

}

.square-effect1 img {

	transition:transform 0.8s ease-in-out 0s;

}

.square-effect1:hover img {

	transform:scale(1.08);

	transition:all 1.5s ease 0s;

	filter: grayscale(100%);

	-webkit-filter: grayscale(100%);

}

/*map-color*/

.map-color {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

}



.text-gradient {

  background: #6E6F72;

background: -moz-linear-gradient(left, #6E6F72 0%, #FFFFFF 50%, #6E6F72 100%);

background: -webkit-linear-gradient(left, #6E6F72 0%, #FFFFFF 50%, #6E6F72 100%);

background: linear-gradient(to right, #6E6F72 0%, #FFFFFF 50%, #6E6F72 100%);

  -webkit-background-clip: text;

  -moz-background-clip: text;

  -ms-background-clip: text;

  -o-background-clip: text;

  -webkit-text-fill-color: transparent;

  -moz-text-fill-color: transparent;

  -ms-text-fill-color: transparent;

  -o-text-fill-color: transparent;

}


/*circle-effects-css*/
.circle-effects1 {
	display: block;
	overflow: hidden;
	transition: all 0.25s ease-out 0s;
	position: relative;
}
.circle-effects1 img {
	width: 100%;
	-webkit-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	display: block;
}
.circle-effects1 .circle-row1 {
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow:hidden;
	visibility: hidden;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 10;
}
.circle-effects1:hover img { 
	opacity: 0;
}
.circle-effects1:hover .circle-row1 {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}
.circle-effects1:hover .circle-row1 img { 
	opacity: 1;
}


/*Smartphone css*/

@media screen and (max-width: 480px) {



}



@media screen and (min-width:481px) and (max-width:600px) {



}



@media screen and (min-width:601px) and (max-width:767px) {



}



@media screen and (min-width:768px) and (max-width:900px) {

.video-play-button { width:29px; height:29px; margin:0 9px 0 0;}

.video-play-button span { border-left:6px solid #d0a874; border-top:6px solid transparent; border-bottom:6px solid transparent; margin:7px 11px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.video-play-button { width:32px; height:32px; margin:0 12px 0 0;}

.video-play-button span { border-left:7px solid #d0a874; border-top:7px solid transparent; border-bottom:7px solid transparent; margin:7px 12px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {



}