	.phone-call {
	position: absolute;
	visibility: visible;
	background-color: transparent;
	width: 200px;
	height: 200px;
	cursor: pointer;
	z-index: 200000 !important;
	opacity: 0.8;
	bottom:0;
	right:0;
	top:222px;

	}

	.phone {
	bottom: 127px;
	position: fixed;
	right: 125px;
	z-index: 999;
	}


	.phone-call:hover {
	opacity: 1;
	}

	.circle {
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid  #8bb92d;
	opacity: .5;
	-webkit-animation: circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.2s infinite ease-in-out !important;
	-o-animation: circle-anim 2.2s infinite ease-in-out !important;
	animation: circle-anim 2.2s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
	}

	.phone-call:hover .circle {
	border-color: #8bb92d;
	opacity: .5;
	}

	.circle-fill {
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	background-color: #8bb92d;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
	}

	.phone-call:hover .circle-fill {
	background-color: #9acd32;
	opacity: 0.75 !important;
	}

	.img-circle {
	width: 60px;
	height: 60px;
	top: 70px;
	left: 70px;
	position: absolute;
	background-image: url(/images/phone3.png);
	background-color: #8bb92d;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	-webkit-animation: circle-img-anim 1s infinite ease-in-out;
	-moz-animation: circle-img-anim 1s infinite ease-in-out;
	-ms-animation: circle-img-anim 1s infinite ease-in-out;
	-o-animation: circle-img-anim 1s infinite ease-in-out;
	animation: circle-img-anim 1s infinite ease-in-out;
	}

	.phone-call:hover .img-circle {
	background-color: #8bb92d;
	}

	@-moz-keyframes 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(0.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 circle-anim {
	0% {
	-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
	-webkit-opacity: .1;
	}
	30% {
	-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
	-webkit-opacity: .5;
	}
	100% {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg);
	-webkit-opacity: .1;
	}
	}
	@-o-keyframes circle-anim {
	0% {
	-o-transform: rotate(0deg) kscale(0.5) skew(1deg);
	-o-opacity: .1;
	}
	30% {
	-o-transform: rotate(0deg) scale(0.7) skew(1deg);
	-o-opacity: .5;
	}
	100% {
	-o-transform: rotate(0deg) scale(1) skew(1deg);
	-o-opacity: .1;
	}
	}
	@keyframes circle-anim {
	0% {
	transform: rotate(0deg) scale(0.5) skew(1deg);
	opacity: .1;
	}
	30% {
	transform: rotate(0deg) scale(0.7) skew(1deg);
	opacity: .5;
	}
	100% {
	transform: rotate(0deg) scale(1) skew(1deg);
	opacity: .1;
	}
	}
	@-moz-keyframes 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 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 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 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 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);
	}
	100%,50% {
	transform: rotate(0deg) scale(1) skew(1deg);
	}
	}
	@-moz-keyframes 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);
	}
	100%,50% {
	-moz-transform: rotate(0deg) scale(1) skew(1deg);
	}
	}
	@-webkit-keyframes 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);
	}
	100%,50% {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg);
	}
	}
	@-o-keyframes 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);
	  }
	  100%,50% {
		-o-transform: rotate(0deg) scale(1) skew(1deg);
	  }
	}
