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

/****HOTLINE******/
.social-button{display:inline-grid;position:fixed;bottom:55px;right:20px;min-width:45px;text-align:center;z-index:9999;}
.social-button-content{display:inline-grid;}
.social-button a{padding:8px 0;cursor:pointer;position:relative; margin-top:40px; margin-bottom:40px}
.social-button i{width:40px;height:40px;background:#3eb104;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.social-button span{display:none;}
.alo-circle{animation-iteration-count:infinite;animation-duration:1s;animation-fill-mode:both;animation-name:zoomIn;width:70px;height:70px;top:3px;right:-3px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#3aac0b;opacity:.5;}
.alo-circle-fill{animation-iteration-count:infinite;animation-duration:1s;animation-fill-mode:both;animation-name:pulse;width:80px;height:80px;top:-2px;right:-8px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;background-color:rgb(48,168,12);opacity:.75;}
.tel-icon:hover > span,.mes:hover > span,.sms:hover > span,.zalo:hover > span{display:block}
.social-button a span{ border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:9px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}