.contact-social {

    position: fixed;

    bottom: 0;

    z-index: 99999;

}

.contact-social a{

    color: #fff;

}

.contactTus {

    position: relative;

}

.noteSocial {

    position: relative;

    visibility: visible;

    background-color: transparent;

    width: 90px;

    height: 70px;

    cursor: pointer;

    z-index: 11;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transition: visibility .5s;

    left: 0;

    bottom: 25px;

    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, 0.7);

    border-radius: 50%;

    border: 2px solid transparent;

    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-animuiion: zoom 1.3s infinite;

    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%;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation: phone-vr-circle-fill 1s infinite ease-in-out;

}

.phone-vr-img-circle a {

    display: block;

    line-height: 0;

}

.phone-vr-img-circle img {

    max-width: 25px;

}

@-webkit-keyframes phone-vr-circle-fill {



  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 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}}@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}}

.zaloFt .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #2196F3;

    background-color: rgba(33, 150, 243, 0.7);

}

.zaloFt .phone-vr-img-circle {

    background-color: #2196F3;

}

.faceFt .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #2196F3;

    background-color: rgba(33, 150, 243, 0.7);

}

.faceFt .phone-vr-img-circle {

    background-color: #2196F3;

}

.barr {

    position: fixed;

    left: 30px;

    z-index: -1;

    background: rgb(232, 58, 58);

    color: #fff;

    font-size: 16px;

    padding: 7px 15px 7px 50px;

    border-radius: 100px;

    white-space: nowrap;

}
.contact-social a {
    color: #fff !important;
}
@media (max-width: 768px){

    .barr{

        display: none;

    }

}
.cta-style1-item .phone-vr-img-circle a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.cta-style1-item .phone-vr-img-circle svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: currentColor;
}
.hotlineFt .phone-vr-circle-fill,
.cta-style1-hotline .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
}
.hotlineFt .phone-vr-img-circle,
.cta-style1-hotline .phone-vr-img-circle {
    background-color: #e60808;
}
.cta-style1-hotline .cta-style1-bar {
    background: rgb(232, 58, 58);
}
.zaloFt .phone-vr-circle-fill,
.cta-style1-zalo .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
.zaloFt .phone-vr-img-circle,
.cta-style1-zalo .phone-vr-img-circle {
    background-color: #2196F3;
}
.cta-style1-zalo .cta-style1-bar {
    background: #2196f3;
}
.messengerFt .phone-vr-circle-fill,
.cta-style1-messenger .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
.messengerFt .phone-vr-img-circle,
.cta-style1-messenger .phone-vr-img-circle {
    background-color: #2196F3;
}
.cta-style1-messenger .cta-style1-bar {
    background: #2196f3;
}
.tiktokFt .phone-vr-circle-fill,
.cta-style1-tiktok .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #111827;
    background-color: rgba(17, 24, 39, 0.7);
}
.tiktokFt .phone-vr-img-circle,
.cta-style1-tiktok .phone-vr-img-circle {
    background-color: #111827;
}
.cta-style1-tiktok .cta-style1-bar {
    background: #111827;
}
.mapsFt .phone-vr-circle-fill,
.cta-style1-maps .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #16a34a;
    background-color: rgba(22, 163, 74, 0.7);
}
.mapsFt .phone-vr-img-circle,
.cta-style1-maps .phone-vr-img-circle {
    background-color: #16a34a;
}
.cta-style1-maps .cta-style1-bar {
    background: #16a34a;
}