@charset "utf-8";
/* CSS Document */
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:140px;height:140px;top:20px;left:20px;position:absolute;background-color:transparent;border-radius:100% !important;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {border-color:#ff0000;opacity:.5}
.phonering-alo-phone.phonering-alo-red.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-red:hover .phonering-alo-ph-circle {border-color:#ffbc00 ; border-color:#ffbc00;opacity:.5}
.phonering-alo-phone.phonering-alo-red .phonering-alo-ph-circle {border-color:#ff0000 ;border-color:#ff0000;opacity:.5}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {border-color:#ccc;opacity:.5}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {border-color:#ffbc00 ;opacity:.5}
.phonering-alo-ph-circle-fill {width:80px;height:80px;top:50px;left:50px;position:absolute;background-color: #000;border-radius:100% !important;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important; animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {background-color:rgba(255,0,0,0.5);background-color:#ff0000 9;opacity:.75!important}
.phonering-alo-phone.phonering-alo-red.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-red:hover .phonering-alo-ph-circle-fill {background-color:rgba(255,188,0,0.5);background-color:#baf5a7 9;opacity:.75!important}
.phonering-alo-phone.phonering-alo-red .phonering-alo-ph-circle-fill {background-color:rgba(255,0,0,0.5);background-color:#a6e3fa 9}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75!important}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {background-color:rgba(255,188,0,0.5);opacity:.75!important}
.phonering-alo-ph-img-circle {width:40px;height:40px;top:70px;left:70px;position:absolute;background:rgba(255,0,0,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;border-radius:100% !important;background-size:35px 35px;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}

.zaloring-alo-ph-img-circle{width:40px;height:40px;top:70px;left:70px;position:absolute;background:rgba(255,0,0,1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAABy1BMVEUAAAD////+//////+ezuvu9/zz+v3u9/zg7/mi0Ozx+f33+/7W6vbS6PbG4vOw2O+r1e6gz+z5/P7+///0+v3////r9fvZ6/fy+fzO5/X7/f/c7fjO5vXW6/a63PHA3/K12e+gzuv////X6/egzuyi0Oyi0Ozc7vn4/P7w9/z////r9fv9/v/w9/z////2+v7p9Pvj8fr9/v/g7/nh8Pn////m8vrU6fbY7Pfz+v3V6vf9/v/P5vXo8/r////x+P3////S6Pa83PGz2O/P6PXC4PLK5PTD4fLx+fy32vCy2fCczeuk0ez////t9vzJ4/Tw9/z2+/34+/73+/34+/7r9Prt9vzh8Pno8/r7/f7w+Pz////u9/vb7Pfa7fjt9vzh8Pn////d7vjy+PzS5/Xg7/j8/v/p9Pvk8fnd7vj6/P7////+///G4fPa7Pfi8fnh8PnQ5/X////7/f7+///g7/jG4vPF4vPQ6PXw9/z5/P7Z7Pe62vDM5vXe7/jG4vPI4/Sy1++x1+/Y7Pf0+v3k8vrp9Pvl8vqq0+3t9/yj0Ou/3/Hq9Pvp9Puk0eve7/i93fHX6/f////v+Pyq1e3z+v3////7/f79/v8tBfKxAAAAlnRSTlMAq6onAunk4MM746qlo5VQEAn99PDTvLeqjYmCfm9pYFMzKCcaFxQR++zn5uHh19fW1czKxr68uLCrqaifnZycmJGCZ2RkXUtEOTInIhgUBP339PPt3drQzsvLxcTEu7W0s7OysrGuqqmpo6KgoJ+cmpeUkpGOjomGhYR/fXd2dHJvZl9bWlBNSz8/OjUsLCcmIyEfHAtcHzZrAAACCUlEQVRIx73UZXcaQRiG4afJlgXSYgESCCTQAHF3adyTpu7u7u7ubg/83C4DLFPSAvshub/tOdeZM/PO7mKtCvSs+3fHL7zJtV9MzFPzd8hNM3+uzxL2sVAe6I2zcK8z+C6L6OKPFJ5kMZVsEngxXpwuFbqCBvQ7GtFmI9pCI3qY/8vrXambmKz+3I2RkdHRm73Z+XQAe3P1AkUTSLeRmfqAs7m6hqITzuivpQVFHucRoDJXVzFdIkEbUE1uvzc75T70kGahrY9nZ44JMFSKrZup1wVY4rRGAERjqFgPDHAQyewJkgNfUVemY6sTMTdpAUIzyQNo+uA2wBH8CDwnWVYr6zBwmNwnduMDNmi69bK4PAtiLrJE3skkcIfkeaCHbE7p/U/xjeRtYI9YWz/lMPCMWv3ASbItpTsDiMTJKkAlK2v1CbYDzo6WbrNJVRAmQynt6QMmqDqwmJ5gOKXtgKJAy2cDHI7kKZsAL5eAOqf2kNbYLfQ4IDACrAYQmkcXAZUN8wCUQWa0jSJ3i0nL2kCy7Vovd7WTqkqtA1dP75Tf2NX7GmA3pHHKkI7uMKJhN/L3AR4Z0rjOwk1Dr78grkE2WwFb/kHCkfr8+IoCqe689tKyDuXLb+wsX7mHW1sg98LFZJ4Hn4Dfr4YaJdo6Nqfg746e8fuDb7Mr/JybeuIfux98+X4Za9Yf1h3WtyFvgfYAAAAASUVORK5CYII=) no-repeat center center;border-radius:100% !important;background-size:35px 35px;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.zaloring-alo-ph-img-circle:hover{background-color:rgba(255,188,0,1);}



.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {background-color:#ff0000}
.phonering-alo-phone.phonering-alo-red.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-red:hover .phonering-alo-ph-img-circle {background-color:#ffbc00;background-color:#ffbc00 9}
.phonering-alo-phone.phonering-alo-red .phonering-alo-ph-img-circle {background-color:#ff0000;background-color:#ff0000 9}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {background-color:#ccc}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {background-color:#ffbc00}
@-webkit-keyframes phonering-alo-circle-anim {
0% {-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30% {-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100% {-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
0% {-webkit-transform:rotate(0) scale(1) skew(1deg)}
10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg)}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg)}
}

@-webkit-keyframes fadeInRight {
0% {opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

@keyframes fadeInRight {
0% {opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

@-webkit-keyframes fadeOutRight {
0% {opacity:1}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}

@keyframes fadeOutRight {
0% {opacity:1}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}

@-webkit-keyframes phonering-alo-circle-anim {
0% {-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}

@keyframes phonering-alo-circle-anim {
0% {-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}

@keyframes phonering-alo-circle-fill-anim {
0% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100% {-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
0% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}

@keyframes phonering-alo-circle-img-anim {
0% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}

.qmphonenum{position:relative}
.phonenum{left:105px; bottom:-106px; position:absolute; background-color: rgba(255,0,0,0.95); color:white; padding: 3px 10px; border-radius: 5px; font-size: 18px;font-weight:700}
.phonering-alo-phone:hover .phonenum,.phonering-alo-phone:hover .zalonum,.phonering-alo-phone:hover .zaloring-alo-ph-img-circle{background-color: rgba(255,188,0,0.95)}
.zalonum{left:105px; bottom:-106px; width:70px; position:absolute; background-color: rgba(255,0,0,0.95); color:white; padding: 4px 10px; border-radius: 5px; font-size: 16px;font-weight:700}

.phonecenter{left:calc(50% - 100px); bottom: 120px; position: fixed}
.phoneleft, .zaloleft2{left:-60px; bottom: 120px; position: fixed}
.zaloleft{left:-60px; bottom: 180px; position: fixed}
.zalocenter{left:calc(50% - 100px); bottom: 120px; position: fixed}
.zaloright{right:200px; bottom: 120px; position: fixed}