#zvonokicon{z-index:8000;transform-origin:50% 50% 0;}
#zvonokicon .zvonokcontent{cursor:pointer;width:70px;height:70px;position:fixed;z-index:8000;}
#zvonokicon .TOP_RIGHT{right:30px;top:30px;}
#zvonokicon .TOP_LEFT{left:0;top:0;}
#zvonokicon .BOT_LEFT{left:0;bottom:0;}
#zvonokicon .BOT_RIGHT{right:30px;bottom:30px;}
#zvonokicon .icon{position:absolute;width:68px;height:68px;background:#84ba3f url(../img/Phone.png) no-repeat;background-size:68px 68px;margin:auto;top:0;left:0;bottom:0;right:0;z-index:3;-webkit-animation:pulsejg3 1.2s linear infinite;-moz-animation:pulsejg3 1.2s linear infinite;animation:pulsejg3 1.2s linear infinite;-webkit-box-shadow:0 0 0 5px rgba(255,255,255,.2),
0 0 5px 2px rgba(0,0,0,.4),
inset 0 0 0 5px rgba(255,255,255,.4);-moz-box-shadow:0 0 0 5px rgba(255,255,255,.2),
0 0 5px 2px rgba(0,0,0,.4),
inset 0 0 0 5px rgba(255,255,255,.4);box-shadow:0 0 0 5px rgba(255,255,255,.2),
0 0 5px 2px rgba(0,0,0,.4),
inset 0 0 0 5px rgba(255,255,255,.4);-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;}
#zvonokicon .icon:hover{background-color:#292F38;}
#zvonokicon .pulse1{position:absolute;width:68px;height:68px;margin:auto;top:0;left:0;bottom:0;right:0;z-index:1;opacity:0;border:1px solid #FFF;-webkit-animation:pulsejg1 4s linear infinite;-moz-animation:pulsejg1 4s linear infinite;animation:pulsejg1 4s linear infinite;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-box-shadow:inset 0px 0px 15px 10px rgba(0, 0, 0, .0);-moz-box-shadow:inset 0px 0px 15px 10px rgba(0, 0, 0, .0);box-shadow:inset 0px 0px 15px 10px rgba(0, 0, 0, .0);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#zvonokicon .pulse2{position:absolute;width:70px;height:70px;margin:auto;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;border:1px solid rgba(255,255,255,0);-webkit-animation:pulsejg2 4s linear infinite;-moz-animation:pulsejg2 4s linear infinite;animation:pulsejg2 4s linear infinite;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-box-shadow:inset 0px 0px 12px 5px rgba(255, 255, 255, .8);-moz-box-shadow:inset 0px 0px 12px 5px rgba(255, 255, 255, .8);box-shadow:inset 0px 0px 12px 5px rgba(255, 255, 255, .8);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@-webkit-keyframes pulsejg1{0%{-webkit-transform:scale(.6);opacity:0;}
50%{-webkit-transform:scale(.8);opacity:.5;}
60%{-webkit-transform:scale(.9);opacity:.8;}
70%{-webkit-transform:scale(1.1);opacity:.7;}
80%{-webkit-transform:scale(1.25);opacity:.3;}
100%{-webkit-transform:scale(1.4);opacity:0;}
}
@-moz-keyframes pulsejg1{0%{-moz-transform:scale(.6);opacity:0;}
50%{-moz-transform:scale(.8);opacity:.5;}
60%{-moz-transform:scale(.9);opacity:.8;}
70%{-moz-transform:scale(1.1);opacity:.7;}
80%{-moz-transform:scale(1.25);opacity:.3;}
100%{-moz-transform:scale(1.4);opacity:0;}
}
@keyframes pulsejg1{0%{transform:scale(.6);opacity:0;}
50%{transform:scale(.8);opacity:.5;}
60%{transform:scale(.9);opacity:.8;}
70%{transform:scale(1.1);opacity:.7;}
80%{transform:scale(1.25);opacity:.3;}
100%{transform:scale(1.4);opacity:0;}
}
@-webkit-keyframes pulsejg2{0%{-webkit-transform:scale(.6);opacity:0;}
40%{-webkit-transform:scale(.8);opacity:.05;}
50%{-webkit-transform:scale(1);opacity:.1;}
60%{-webkit-transform:scale(1.1);opacity:.3;}
80%{-webkit-transform:scale(1.2);opacity:.1;}
100%{-webkit-transform:scale(1.3);opacity:0;}
}
@-moz-keyframes pulsejg2{0%{-moz-transform:scale(.6);opacity:0;}
40%{-moz-transform:scale(.8);opacity:.05;}
50%{-moz-transform:scale(1);opacity:.1;}
60%{-moz-transform:scale(1.1);opacity:.3;}
80%{-moz-transform:scale(1.2);opacity:.1;}
100%{-moz-transform:scale(1.3);opacity:0;}
}
@keyframes pulsejg2{0%{transform:scale(.6);opacity:0;}
40%{transform:scale(.8);opacity:.05;}
50%{transform:scale(1);opacity:.1;}
60%{transform:scale(1.1);opacity:.3;}
80%{transform:scale(1.2);opacity:.1;}
100%{transform:scale(1.3);opacity:0;}
}
@-webkit-keyframes pulsejg3{0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(25deg);}
80%{-webkit-transform:rotate(-25deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes pulsejg3{0%{-moz-transform:rotate(5deg);}
50%{-moz-transform:rotate(25deg);}
80%{-moz-transform:rotate(-25deg);}
100%{-moz-transform:rotate(0deg);}
}
@keyframes pulsejg3{0%{transform:rotate(0deg);}
50%{transform:rotate(25deg);}
80%{transform:rotate(-25deg);}
100%{transform:rotate(0deg);}
}