/* Social Icons */
#social_side_links{position:fixed;bottom:40px;margin-top:-80px;left:15px;padding:0;list-style:none;z-index:9999}
#social_side_links li a{display:block;border-radius:100%;margin-bottom:6px;background:#fff;padding:2px}
#social_side_links li a:hover{box-shadow: 0 0 4px  rgba(0,0,0,0.5);}
#social_side_links li a img{border-radius:100%;display:block;max-width:40px;height:40px;padding:0px;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}
#social_side_links li a:hover img{}
a.tooltips{position:relative;display:inline}
a.tooltips span{transition:all .2s ease-out;position:absolute;width:150px;color:#FFF;background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);color: #fff;height:35px;line-height:35px;text-align:center;visibility:hidden;border-radius:4px;top:5px;left:55px;opacity:0;font-size:13px;}
a:hover.tooltips span{visibility:visible;opacity:1;z-index:999}
/*tool tip */
.fone{font-size:16px;color:red;line-height:28px;font-weight:400;padding-left:38px;margin:0 0}
.fix_tel{position:fixed;bottom:15px;right:0;z-index:999}
.fix_tel a{text-decoration:none;display:block}
.tel{background:#eee;width:150px;height:30px;top:-4px;position:relative;overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc}
.ring-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:absolute;transition:visibility 0.5s ease 0s;visibility:hidden;width:80px;z-index:200000!important}
.ring-alo-phone.ring-alo-show{visibility:visible}
.ring-alo-phone.ring-alo-hover,.ring-alo-phone:hover{opacity:1}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:70px;left:10px;opacity:.1;position:absolute;top:12px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:70px}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle{animation:1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle{animation:2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone:hover .ring-alo-ph-circle{border-color:red;opacity:.5}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle{border-color:#baf5a7;opacity:.5}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color:red;opacity:.5}
.ring-alo-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color:#000;border:2px solid transparent;border-radius:100%;height:30px;left:10px;opacity:.1;position:absolute;top:33px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:30px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone:hover .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-ph-img-circle{animation:1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border:2px solid transparent;border-radius:100%;height:36px;left:10px;opacity:1;position:absolute;top:32px;transform-origin:50% 50% 0;width:36px;padding:4px;line-height:20px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone:hover .ring-alo-ph-img-circle{background-color:red}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle{background-color:#75eb50}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:red}
@keyframes ring-alo-circle-anim{0%{opacity:.1;transform:rotate(0deg) scale(.5) skew(1deg)}
30%{opacity:.5;transform:rotate(0deg) scale(.7) skew(1deg)}
100%{opacity:.6;transform:rotate(0deg) scale(1) skew(1deg)}
}
@keyframes ring-alo-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)}
50%{transform:rotate(0deg) scale(1) skew(1deg)}
100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
@keyframes ring-alo-circle-fill-anim{0%{opacity:.2;transform:rotate(0deg) scale(.7) skew(1deg)}
50%{opacity:.2;transform:rotate(0deg) scale(1) skew(1deg)}
100%{opacity:.2;transform:rotate(0deg) scale(.7) skew(1deg)}
.ring-alo-ph-img-circle a img{padding:1px 0 0 1px;width:30px;position:relative;top:-1px}
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:#F68122}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle img{width:100%;height:100%}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{background-color:red}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border:none;background:none}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle{background-color:#baf5a7}
.fone{color:red}
.tel{display:none;background-color:#eee}
.fix_tel{top:auto;bottom:20px;right:auto;left:15px}
#ring-alo-phoneIcon{bottom:-12px;left:-10px}
.fb_dialog.fb_dialog_mobile{bottom:20px !important;right:100px !important;}
@media (max-width: 768px) {
.ring-alo-ph-img-circle {height: 50px;top: 25px;width: 50px;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {background-color:#0B8642;}
.fix_zalo,.fix_tel .tel{display:none}
.fb_dialog.fb_dialog_mobile{bottom:10px !important;right:10px !important;}
#social_side_links{bottom:20px;left:25px;}
#social_side_links li a img{border-radius:100%;display:block;max-width:35px;height:35px;padding:0px;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}
#social_side_links li a:hover img{}
a:hover.tooltips span{display:none}
}