#phonecall,
#sendform,
#whatsapp,
#phoneform {
	outline: none;
}

.popup__toggle
	{
	bottom:25px;
	right:10px;
	position:fixed;
	z-index: 1005;
	}
.popup__toggle#sendform
	{
	bottom:115px;		
	}
.popup__toggle#phonecall
	{
	bottom:190px;	
	}
.popup__toggle#whatsapp
	{
	bottom:265px;	
	}
.popup__toggle span.circle-text{
	color: #fff;
	margin-left: -10px;
	width: 60px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Arial', sans;
}

.img-circleblock-phone{
	font-size: 30px;	
}
.img-circleblock-form {
	font-size: 26px;
}
.img-circleblock-phone ,
.img-circleblock-form ,
.img-close .img-closeblock{
	width:  40px; 
	height: 40px;
	padding: 4px 8px;
	color: #fff;
}
.img-circle-phone ,
.img-circle-form {
	width:  40px; 
	height: 40px;
	background-color:#46E047;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .8;
	position: absolute;
	bottom: 20px;
	right: 54px;
}
.phoneform-wind-shadow {
   position: fixed;
	pointer-events: none;
   background: rgba(17,17,17,.5);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   z-index: 1001;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
.img-circle-phone:hover ,
.img-circle-form:hover ,
.phoneform-wind-show {
	opacity: 1;
}
.img-circle
	{
	background-color:#34E329;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	}
.circlephone
	{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	border: 2px solid #34E329;
	width:130px;
	height:130px;
	bottom:-25px;
	right:10px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;-moz-transition: all .5s;
	-o-transition: all .5s;transition: all 0.5s;
	}
.circle-fill
	{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	background-color:#34E329;
	width:80px;
	height:80px;
	bottom:0px;
	right:35px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-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;
	}
.img-circle
	{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:52px;
	height:52px;
	bottom: 14px;
	right: 49px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	}
.img-circle.img-close {
	width:  40px; 
	height: 40px;
   background-color: #b0bbcb;
   right: 54px;
   bottom: 18px;
	font-size: 30px;
}
.img-circleblock
	{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:52px;
	height:52px;
	background-image:url(/img/mini_mail.png);
	background-size: 64px;
	
	background-position: center center;
	background-repeat:no-repeat;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
.img-circle:hover
	{
	opacity: 1;
	}
@keyframes pulse 
	{
	0% {transform: scale(0.9);opacity: 1;}
	50% {transform: scale(1); opacity: 1; }   
	100% {transform: scale(0.9);opacity: 1;}
	}
 @-webkit-keyframes pulse 
 	{
 	0% {-webkit-transform: scale(0.95);opacity: 1;}
	50% {-webkit-transform: scale(1);opacity: 1;}   
	100% {-webkit-transform: scale(0.95);opacity: 1;}
	}
@keyframes tossing 
	{
	0% {transform: rotate(-8deg);}
	50% {transform: rotate(8deg);}
	100% {transform: rotate(-8deg);}
	}
@-webkit-keyframes tossing 
	{
  	0% {-webkit-transform: rotate(-8deg);}
	50% {-webkit-transform: rotate(8deg);}
	100% {-webkit-transform: rotate(-8deg);}
	}
@-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;}
	}
	
@media screen and (max-width: 680px) {
	.img-circleblock
	{
	
	background-image:url(/img/mini.png);
	background-size: unset;
	}
	.popup__toggle
	{
	right: -10px;
	}
	.img-circle-phone ,
	.img-circle-form {
	right: 34px;
	}
	.circlephone
	{
	right: -10px;
	}
	.circle-fill
	{
	right: 15px;
	}
	.img-circle
	{
	right: 29px;
	}	
	.img-circle.img-close 
	{
	right: 34px;	
	}
	.img-close .img-closeblock 
	{
	right: 34px;
	padding-top: 2px;
	}
}