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

/* circle-hover1 */
.circle-hover1 {
	width: 80px;
	float: none;
	background: none;
	border: 2px solid #897d78;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	margin: 0 auto 20px;
	cursor: pointer;
	position: relative;
	background:#FFF;
}
.circle-hover1 .circle-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow:hidden;
	position: absolute;
	z-index: 10;
	bottom: -40px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.circle-hover1:hover {
	background: #897d78;
}
.circle-hover1:hover .circle-img {
	opacity: 1;
	visibility: visible;
	bottom: 0;
	right: 0;
}

.sidber-wrapp .circle-hover1 {
	width: 90px;
	float: none;
	background: none;
	border: 2px solid #897d78;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	margin: 0 auto 20px;
	cursor: pointer;
	position: relative;
	background:#FFF;
}

.sidber-wrapp .circle-hover1:hover {
	background: #897d78;
}

/* Square-effect */
.square-effect1 {
	background:#867f7d;
	cursor: pointer;
}
.square-effect1 img {
	opacity:0.30;
	transition:all 0.25s ease-out 0s;
}
.square-effect1:hover img {
	opacity:1;
}
.square-effect2 {
	background:#867f7d;
	cursor: pointer;
}
.square-effect2 img {
	opacity:1;
	transition:all 0.25s ease-out 0s;
}
.square-effect2:hover img {
	opacity:0.30;
}

.testi-wrapp .square-effect1 {
	background:none;
	cursor: pointer;
}
/*map-color*/
.map-color {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*play-hover*/
.video-play-button {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	border: 1px solid #d99a89;
	border-radius: 50%;
	margin: 0 0 0;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 9px solid #d99a89;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin: 4px 6px;
}

.testi-wrapp .video-play-button { height:45px; width:100%; border:2px solid #d99a89;}
.testi-wrapp .video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 17px solid #d99a89;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	margin: 8px 15px;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.circle-hover1 { width:80px; margin:0 auto 18px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.circle-hover1 { width:80px; margin:0 auto 18px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.circle-hover1 { width:80px; margin:0 auto 18px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.circle-hover1 { width:35.6%; margin:0 auto 14px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.circle-hover1 { width:35.6%; margin:0 auto 17px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.circle-hover1 { width:35.6%;}
}