<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ch-item {
	border-radius: 50%; width: 100%; height: 100%; position: relative; cursor: default; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.ch-info-wrap {
	background: url("../images/bg.jpg") rgb(249, 249, 249); border-radius: 50%; transition:0.4s ease-in-out; left: 20px; top: 20px; width: 180px; height: 180px; position: absolute; box-shadow: 0px 0px 0px 20px rgba(255,255,255,0.2), inset 0px 0px 3px rgba(115,114,23,0.8); perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-perspective: 800px; -moz-transition: all 0.4s ease-in-out; -moz-perspective: 800px; -o-perspective: 800px;
}
.ch-info {
	border-radius: 50%; transition:0.4s ease-in-out; width: 180px; height: 180px; position: absolute; transform-style: preserve-3d; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.ch-info &gt; div {
	background-position: center; border-radius: 50%; width: 100%; height: 100%; display: block; position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.ch-info .ch-info-back {
	background: rgb(51, 153, 102); transform: rotate3d(0, 1, 0, 180deg); -webkit-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg);
}
.ch-img-1 {
	background-image: url("../images/team-1.jpg");
}
.ch-img-2 {
	background-image: url("../images/team-3.jpg");
}
.ch-img-3 {
	background-image: url("../images/team-2.jpg");
}
.ch-info h3 {
	margin: 0px 15px; padding: 40px 0px 0px; height: 90px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; text-shadow: 0px 0px 1px #fff, 0px 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
	margin: 0px 30px; padding: 10px 5px; color: rgb(255, 255, 255); font-size: 12px; font-style: italic; border-top-color: rgba(255, 255, 255, 0.5); border-top-width: 1px; border-top-style: solid;
}
.ch-info p a {
	color: rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 1px; padding-top: 4px; font-family: "Open Sans", Arial, sans-serif; font-size: 9px; font-style: normal; font-weight: 700; display: block;
}
.ch-info p a:hover {
	color: rgba(255, 242, 34, 0.8);
}
.ch-item:hover .ch-info-wrap {
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 3px rgba(115,114,23,0.8);
}
.ch-item:hover .ch-info {
	transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg);
}
</pre></body></html>