#popup_toggle{bottom:21px;right:-13px;position:fixed;z-index:999999}
.img-circle{background-color:#00A651;box-sizing:content-box;-webkit-box-sizing:content-box}
.circlephone{display:none;box-sizing:content-box;-webkit-box-sizing:content-box;border:2px solid #00A651;width:150px;height:150px;bottom:-41px;right:-41px;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 .5s}
.img-circle:hover > .circlephone,.img-circle:hover > .circle-fill{display:block}
.circle-fill{display:none;box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#00A651;width:100px;height:100px;bottom:-17px;right:-15px;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 .5s}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom:14px;right:49px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7}
.img-circleblock{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;box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/fixed-phone/img/mini.png);background-position:center center;background-repeat:no-repeat}
.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}
}
#fixed-phone{bottom:30px;right:30px;position:fixed;z-index:9999;width:375px;height:86px;border-radius:48px;background:#fff;box-shadow:0 0 10px 3px #888;padding:7px;font-family:'Roboto',sans-serif}
#fixed-phone-title{font-size:17px;font-weight:700;line-height: 1;width: 185px;text-align: center;}
#fixed-phone-title,#fixed-phone-form{margin-left:25px}
#fixed-phone-submit input[type="text"]{font-size:16px;padding:6px 7px;width:185px;border:1px solid #888;border-radius:2px;margin:0!important;outline:none;position: absolute;top: 30px;}
#fixed-phone-submit input[type="submit"]{width:38px!important;height:38px!important;border:none;margin-left:3px;border-radius:100%;outline:none;background:url(/fixed-phone/img/fixed-phone-call-button.png) top center;position: absolute;top: 30px;left: 220px;}
#fixed_phone_load{float:left;width:20px;position: absolute;top: 38px;left: 119px;}
#fixed_phone_answer{position: absolute;top: 67px;width: 185px;font-size: 14px;font-weight: 700;}
#fixed-phone-out{margin-top:23px;margin-left:-25px;float:left;cursor:pointer;outline:none}
@media screen and (max-width: 480px) {
#popup_toggle{display:none}
}