| Server IP : 103.161.17.216 / Your IP : 216.73.216.130 Web Server : nginx/1.18.0 System : Linux tipsysaigoncharming 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/huyhoangvn.com/ |
Upload File : |
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999
}
.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block
}
.hotline-phone-ring-circle {
width: 100px;
height: 100px;
top: 2px;
left: 1px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #c04242;
-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%;
opacity: .5
}
.hotline-phone-ring-circle-fill {
width: 75px;
height: 75px;
top: 14px;
left: 14px;
position: absolute;
background-color: rgba(192,66,66,.7);
border-radius: 100%;
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%
}
.hotline-phone-ring-img-circle {
background-color: #c04242;
width: 50px;
height: 50px;
top: 27px;
left: 27px;
position: absolute;
background-size: 20px;
border-radius: 100%;
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%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 40px;
height: 40px
}
.hotline-bar {
position: absolute;
background: rgba(192,66,66,.85);
height: 40px;
width: 220px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all .8s;
-webkit-transition: all .8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);
border-radius: 50px !important;
left: 33px;
bottom: 37px
}
.hotline-bar>a {
color: #FFEB3B;
text-decoration: none;
font-size: 15px;
font-weight: 700;
text-indent: 50px;
display: block;
letter-spacing: 0;
line-height: 40px;
font-family: Arial
}
.hotline-bar>a:hover,.hotline-bar>a:active {
color: #fff
}
@-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: .6
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .6
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .6
}
}
@-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)
}
}
.text-call-to-action p {
color: #fff;
font-size: 16px
}
.text-call-to-action p strong {
text-transform: uppercase;
font-size: 19px
}
.btn-call-to-action {
margin-top: 20px
}
.btn-call-to-action a {
color: #014a81 !important;
padding: 10px;
text-transform: uppercase;
background: #fff;
border-radius: 20px;
font-weight: 700;
font-size: 15px
}