/* Button contact VR - rewritten by Huy Trần | Webhd.vn */
#button-contact-vr{position:fixed;bottom:0;z-index:99999}
#button-contact-vr .button-contact{position:relative;margin-top:-5px}
#button-contact-vr .button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.phone-vr-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230,8,8,.7);border-radius:50%;border:2px solid transparent;transition:all .5s;transform-origin:50% 50%;animation:zoom 1.3s infinite}
.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;overflow:hidden;display:flex;justify-content:center;animation:phone-vr-circle-fill 1s infinite ease-in-out}
.phone-vr-img-circle a{display:block;line-height:37px}
.phone-vr-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes phone-vr-circle-fill{0%,50%,100%{transform:rotate(0) scale(1) skew(1deg)}10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a{position:absolute;margin-top:-65px;left:30px;z-index:-1;color:#fff;font-size:16px;padding:7px 15px 7px 50px;border-radius:100px;white-space:nowrap}
.phone-bar a:hover{opacity:.8;color:#fff}
@media(max-width:736px){.phone-bar{display:none}}
#zalo-vr .phone-vr-circle-fill,#contact-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196f3;background-color:rgba(33,150,243,.7)}
#zalo-vr .phone-vr-img-circle,#contact-vr .phone-vr-img-circle{background-color:#2196f3}
#viber-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #714497;background-color:rgba(113,68,151,.8)}
#viber-vr .phone-vr-img-circle{background-color:#714497}
#whatsapp-vr .phone-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #1fd744;background-color:rgba(35,217,72,.7)}
#whatsapp-vr .phone-vr .phone-vr-img-circle{background:#1cd741}
#whatsapp-vr .phone-vr .phone-vr-img-circle img{max-width:100%;max-height:100%;border-radius:50%}
#fanpage-vr img{max-width:35px;max-height:35px}
#fanpage-vr .phone-vr-img-circle{background-color:#1877f2}
#fanpage-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 rgba(24,119,242,.65);background-color:rgba(24,119,242,.7)}
#instagram-vr .phone-vr-circle-fill{background:linear-gradient(160deg,#118ffd 20%,#bc3cda 50%,#fddf05 80%);background-size:contain;box-shadow:0 0 0 0 #c840c9;border:0}
#instagram-vr .phone-vr-img-circle{background:transparent}
#telegram-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2c9fd8;background-color:rgba(44,159,216,.74)}
#telegram-vr .phone-vr-img-circle{background:#2c9fd8}
#tiktok-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 rgba(2,2,2,.55);background-color:rgba(2,2,2,.6)}
#tiktok-vr .phone-vr-img-circle{background:#020202}
#tiktok-vr .phone-vr-img-circle img{max-width:90%;max-height:90%}
#messenger-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #6a4ffe;background-color:rgba(106,79,254,.5)}
#messenger-vr .phone-vr-img-circle{background-color:#6a4ffe}
#messenger-vr .phone-vr-img-circle img{max-width:100%;max-height:100%}
#gom-all-in-one .button-contact{transition:1.6s all}
#button-contact-vr.active #gom-all-in-one .button-contact{margin-left:-100%}
#all-in-one-vr .phone-bar{position:absolute;top:50%;transform:translateY(-50%);left:100%;color:#fff;padding:5px 15px 5px 48px;border-radius:50px;margin-left:-64px;width:max-content;cursor:pointer}
