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

.cbh-phone {
	position:fixed;
	visibility:hidden;
	background-color:transparent;
	width:200px;
	height:200px;
	cursor:pointer;
	z-index:200000!important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;
	transition:visibility .5s
}
.cbh-phone {
	visibility:visible
}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	-ms-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
}@-webkit-keyframes fadeInRightBig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(2000px,0,0);
	transform:translate3d(2000px,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@-webkit-keyframes fadeOutRight {
	0% {
	opacity:1
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
}@keyframes fadeOutRight {
	0% {
	opacity:1
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	-ms-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
}.fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight
}

.cbh-phone:hover {
	opacity:1
}
.cbh-ph-circle {
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;
	background-color:transparent;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,.4);
	opacity:.1;
	-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}

.cbh-phone:hover .cbh-ph-circle {
	-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	animation:cbh-circle-anim 2.2s infinite ease-in-out!important
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle,.cbh-phone:hover .cbh-ph-circle {
	border-color:rgba(117,235,80,1);
	opacity:.5
}
.cbh-phone .cbh-ph-circle {
	border-color:rgba(0,175,242,1);
	opacity:.5
}

.cbh-ph-circle-fill {
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;
	background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.1;
	-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}

.cbh-phone:hover .cbh-ph-circle-fill {
	background-color:rgba(117,235,80,.5);
	opacity:.75!important
}
.cbh-phone .cbh-ph-circle-fill {
	background-color:rgba(0,175,242,.5);
	opacity:.75!important
}

.cbh-ph-img-circle {
	width:60px;
	height:60px;
	top:70px;
	left:70px;
	position:absolute;
	*background:url(../images/ph.png) center center no-repeat rgba(30,30,30,.1);
	background-image:url(../images/ph.png);
	background-color:rgba(30,30,30,.1);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.7;
	
}
.cbh-phone:hover .cbh-ph-img-circle {
	-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;
	-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;
	-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;
	-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;
	animation:cbh-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
	}

.cbh-phone.cbh-hover .cbh-ph-img-circle,.cbh-phone:hover .cbh-ph-img-circle {
	background-color:rgba(117,235,80,1)
}
.cbh-phone .cbh-ph-img-circle {
	background-color:rgba(0,175,242,1)
}

@-moz-keyframes cbh-circle-anim {
	0% {
	-moz-transform:rotate(0deg) scale(0.5) skew(1deg);
	opacity:.1;
	-moz-opacity:.1;
	-webkit-opacity:.1;
	-o-opacity:.1
}
30% {
	-moz-transform:rotate(0deg) scale(.7) skew(1deg);
	opacity:.5;
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5
}
100% {
	-moz-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.6;
	-moz-opacity:.6;
	-webkit-opacity:.6;
	-o-opacity:.1
}
}@-webkit-keyframes cbh-circle-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);
	-webkit-opacity:.1
}
30% {
	-webkit-transform:rotate(0deg) scale(.7) skew(1deg);
	-webkit-opacity:.5
}
100% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg);
	-webkit-opacity:.1
}
}@-o-keyframes cbh-circle-anim {
	0% {
	-o-transform:rotate(0deg) kscale(0.5) skew(1deg);
	-o-opacity:.1
}
30% {
	-o-transform:rotate(0deg) scale(.7) skew(1deg);
	-o-opacity:.5
}
100% {
	-o-transform:rotate(0deg) scale(1) skew(1deg);
	-o-opacity:.1
}
}@keyframes cbh-circle-anim {
	0% {
	transform:rotate(0deg) scale(0.5) skew(1deg);
	opacity:.1
}
30% {
	transform:rotate(0deg) scale(.7) skew(1deg);
	opacity:.5
}
100% {
	transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.1
}
}@-moz-keyframes cbh-circle-fill-anim {
	0% {
	-moz-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
50% {
	-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);
	opacity:.2
}
100% {
	-moz-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
}@-webkit-keyframes cbh-circle-fill-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
50% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
}
100% {
	-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
}@-o-keyframes cbh-circle-fill-anim {
	0% {
	-o-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
50% {
	-o-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
}
100% {
	-o-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
}@keyframes cbh-circle-fill-anim {
	0% {
	transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
50% {
	transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
}
100% {
	transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
}
}@keyframes cbh-circle-img-anim {
	0% {
	transform:rotate(0deg) scale(1) skew(1deg)
}
10% {
	transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
	transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
	transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
	transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
	transform:rotate(0deg) scale(1) skew(1deg)
}
100% {
	transform:rotate(0deg) scale(1) skew(1deg)
}
}@-moz-keyframes cbh-circle-img-anim {
	0% {
	transform:rotate(0deg) scale(1) skew(1deg)
}
10% {
	-moz-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
	-moz-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
	-moz-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
	-moz-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
	-moz-transform:rotate(0deg) scale(1) skew(1deg)
}
100% {
	-moz-transform:rotate(0deg) scale(1) skew(1deg)
}
}@-webkit-keyframes cbh-circle-img-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg)
}
10% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg)
}
100% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg)
}
}@-o-keyframes cbh-circle-img-anim {
	0% {
	-o-transform:rotate(0deg) scale(1) skew(1deg)
}
10% {
	-o-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
	-o-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
	-o-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
	-o-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
	-o-transform:rotate(0deg) scale(1) skew(1deg)
}
100% {
	-o-transform:rotate(0deg) scale(1) skew(1deg)
}
}