/* phone */

.phonering-alo-phone {
    position: fixed;

    visibility: hidden;

    background-color: transparent;

    width: 75px;

    height: 75px;

    cursor: pointer;

    z-index: 200000 !important;

    display: block;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transition: visibility 0.5s;

    right: max(10px, calc((100vw - 1920px) / 2 + 10px));

    bottom: 10%;
}

.phonering-alo-phone.phonering-alo-show {
    visibility: visible;
}

.phonering-alo-phone.phonering-alo-static {
    opacity: 0.6;
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
    opacity: 1;
}

.phonering-alo-ph-circle {
    width: 60px;
    height: 60px;
    top: 2px;
    left: 5px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: 0.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 0.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: #00aff2;

    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #272d6b;

    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #f00;

    opacity: 0.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: 0.5;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;

    opacity: 0.5;
}

.phonering-alo-ph-circle-fill {
    width: 50px;

    height: 50px;

    top: 12px;

    left: 16px;

    position: absolute;

    background-color: #000;

    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 0.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(39, 45, 107, 0.5);

    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(39, 45, 107, 0.5);

    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(242, 0, 0, 0.5);
}

.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);

    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);

    opacity: 0.75 !important;
}

.phonering-alo-ph-img-circle {
    width: 40px;
    height: 40px;
    top: 20px;
    left: 20px;
    position: absolute;
    background: rgba(30, 30, 30, 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%;
    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%;
    background-size: 26px 26px;
}

.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: #00aff2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #272d6b;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #f00;
}

.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: #75eb50;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);

        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        opacity: 0.2;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.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 phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);

        transform: rotate(0) scale(0.5) skew(1deg);

        opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        transform: rotate(0) scale(1) skew(1deg);

        opacity: 0.1;
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);

        transform: rotate(0) scale(0.5) skew(1deg);

        opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        transform: rotate(0) scale(1) skew(1deg);

        opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        transform: rotate(0) scale(1) skew(1deg);

        opacity: 0.2;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.2;
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);

        transform: rotate(0) scale(1) skew(1deg);

        opacity: 0.2;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);

        transform: rotate(0) scale(0.7) skew(1deg);

        opacity: 0.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);
    }
}

/* zalo */

#phonering-zalo-phoneIcon {
    bottom: 20%;
}

#phonering-zalo-phoneIcon .phonering-alo-ph-img-circle {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAmwSURBVHjavFlpkFTVGT2v94Xunp6dfXGQ1SEmBgUUEYwQU4GgEMAqSWLxB7OpZQRNAiZQEiMGCUoRKSoxpKKJBoMskWCYsGhMJoBgRLaETZaB2Xud7n7dOV/3657XPTPQwzBzizPMvO2e991vOd99iuvlz9CFUUIMISqJW4nBRBFRQChEE1FLnCMOEh8Rp4iL1zuh6Trvm0TMICYQt2nk8h2HiH8Sm4idRLwzEyudtLAQfZq4g3CjayNIVBMria353mTI87qBxFqiirjvWmSV/EzuIO4mthC/IYbdKMLTie3Ewo7YJWRd+SPGxQ2rCfiiRCSBUCyBaDx1LoGrvsU3iL8Qc7vqw98hXiQsuRaUH1ESC0VTTA38z2lW4HaYYDSnmKkkHAqqCETiUBUeMymw8ZyZkCsSiay5JGA3EhXE8ush/BSxIncVDJwpkiQSh9EI3F5kxl0VDowoNKGiwISBbiMcZkOSkFj4nE/FicYojtfHsOe/Yfz7SgS+kAqbwwgricfjbfgsI3oRizsTdGLZlwhj5kIlFc5+XwxGsp53swMPjemFseUWFNnyC4UmusnByxH88eMAXjsSQJD+4nCZxPC51pbxE+LZfAh/lXhL7wYK2UbFqs1RTB5ix7JJBRjXx9qpXJY7/nMlimf+3ogtx4Kw9TLCYlWQaJvgHiF+rT9gtN7/hP7vPsQbWkFIkaXxIvTTSEDFU3d58atphRjiMXWJrIxSpxFzRjrhomvsPhFChMfEt5Ft6du0YKztKEss05w+4wbhlgTioTg2zCjGzyZ64DB1lWp2PDz5RRden10CO40S4DxK9uP7anna2B7hydoSZMhGmaJifhXrpxfjm6Oc6K4x/SY7XptZAgONI6uZQ/p+fboz6DLVkqy0JVHeqOJH93gxf6QD3T1mDLXjxWlehJlVJG/nkP6BVmgyhO8lbteXk2beOHGIDT8c70ZPje/e6sJM+rW/Wc1lfAsxU094FmFLn5VlsYtDMxtYFPToWMo48XDScIuaW5Ele5nkl3JivL6MhcNxTK2wY2xvC3p6VBabMZvxEiGHnFQkumOwVJbhxOj0UfEfAxP61+i3NoOiS/pxnGiIIZY+wOvivNjMa0Zxko6yh1TuhVvrcJnBu3FWCTzmqy+ZnH1ghBMbP/JDJWdj6+Vi2JFCeIz+hjALRKnXgmkD7dl1encjXn23ntLcnCp5ZgkDZpv6KNY+WIqFY9rPIkE+b/PxIOqYx5v50h6z8ZpWvqefBYPKzDhOA7msBn1qniiEx+pTmcrUUjnAgjJHdop+gFFsDRYgwQeIyKklkQ2HfHC7jLizb8euI07n4bMU8jQb8gsIG806oY8Nxy418w+DvphUCuH+WVdTeY0pbKuJpg6yJ5EeT+xqoHVjWP1wOW4pNiePneWyX6TWKKc+KOZEF2nVIrsxubRIKEjzvcQCcYnXynIPZNV0t+MmNxcYUyupQE+43KSV41YH4skCy9XFzLrDfqzaUoe5zNEPawXld0cDeGZbPc41xlBWaEYlrV5dE8F788rgJflgVIWFDN85GcKibXU4yuWWN7i7vxVrWUVH5hipQCzL8zmiyCNXFUIXSELachU3q6ZoeeztWlQMsuKFe73JmvnBpQgWbKrl8xUs+ZIXF5lH1+/3weY2ZYpAKd3ik7oo5vNehau4kprkMKXmb/c14VEaaMfcElh1EdaB7rWbsvoAzcLZKbB1BFiqH2fEt3Cp13yrHP00P3/7aBAtrIorqAkWUxvI8NPH/0wlZiaJGFkX0Pe307pN1Mbr55VjwWhHcsVP+eN4n0F5sDaKO8paYyHSfmtqkBmbcy1cG26f8eKqRrzPpV89rxTTBmTqDFQ1kbz5Jk+rXfpSjUWYHmPUjGJ5mb+GfitROKLElKkGRU4D4rw/HMueqz6U6q1ySnRY7rxADMgcYgAcqou1IbuJEvBl6tcyEhUyb1CAB5hkHXxgOTsN0IIvfNCE/swaJ5nqVh3wwcS0p5JjghMHmH0mDLBiw74Elr7XgNV0ib3nWrB5vx/Dqa3HFGc7wRGuRDIqs324Wa46r7ewmRMfPh/BSS5xRUGrM//pBLtyWqKGFWjW65eZTRKpKGa7s+6R3nh6SiFW7KzHuNPnk33dsFILjlxoSbqXm8FTfSGC+yj+F03xYiUJjz4VTvreEK8Za75SBK+1NdClgd33WQsM2SlNxmUhfIB4MO0R4vgNJLvjbIiEe7XW+HEezKAMNLOiJXQ+r5D0+D5sk0YZMY4Rf4qW+QItNpi9XdW5CD7Hnm/llwtRyx6wLwk8R30yhc85zFapyG7Anf2sqPBkW3fbmRAu0qftPJ7TOR2VFmmapuozJHwMqsl80LY5ZbAZelZLyKLN2VyLtz4NwuVqk64eEjrHJOfr3cLJN991ugVbxA16eFSdDWM7s45dMlB2wPmkFRTCZ4h9WY0e3cLEpV+ypwlBNdFjZEUo/XRvE8JKu/3dXuK4QVuFrfpNOeleHexkj9LPHtvZ0Lndui6MH1Ng7flfCE66Qk4HLdTfJVrSHvoO8XG2MyXgpNOvZ9qRt+5uO69mZVzJqmdjilTaTnZG6+YzHUeAWJX7SkaetbsMWF7VgJf+1dxtZNdU+7BoRwNMtKxkqXY2VV4lruR2zb8n/pZFmjda2K6ofMiuM+EbbuUaVrPv/7Ue39tRjzgrno1zxdtOclgWoD2NwdKCJzVfKdOTltfq5+765kmmlNM/36R++Dld4CAVncOb2q6Ktw0WWdbHtb3kdkWRbOk/p3+j9D6pbPDpxwFO9CGr0fRhDvRhgF4rXctjmlri2MoSv/aQH9VMXzE+0+01tRqmHdcmdl1r9/KXop+Jb2f4JlLyMCnS2f6/Qp97hVohwLK89MNmTOptRWVvM4ZSBw/kStjFXPzXwvJ9loL+BLXJEWacKpb8C9TLYk4H/dVuUDoiCm1/b0m+u5ei89YT8+V5fkrAdVO98LCgLN/ViE8obqy0qpU+F6KoiaY7XMJJMk6tIRXB5ZMdbTUlA01WBTZqBkPHFk2PHVLwtI86eX/jkLq4hg9eaKAlXEzkNU2prtnlMGQ2pNPyT35XGTGiztKBk9zDNiK5Pau/7hrjD8QCsVNnN7RFFD/KiU5ylmdrgnGXKDm7MeUiCbQlIMSMHThzHkRDxPPa7rvalW8cv+BcMxwmZXdy26V7Ksh+Yra2ia3eiK9IVeQ5VUt7n95Aoqe1XfaJoiq74zudDPnS+XVtr0u2uDzX8X3uH9rnrje1jifvoXTh0600dUOJz2sWGq4VHHfOyknyv0Sc1BRXtfa7/3om/b8AAwD3wYvijzx6XwAAAABJRU5ErkJggg==");

    background-color: #0e93e3;
}

/* youtube */

#phonering-youtubeIcon {
    bottom: 30%;
}

#phonering-youtubeIcon .phonering-alo-ph-img-circle {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>');

    background-color: #ff0000;

    background-size: 22px 22px;
}

#phonering-youtubeIcon .phonering-alo-ph-circle {
    border-color: #ff0000;

    opacity: 0.5;
}

#phonering-youtubeIcon .phonering-alo-ph-circle-fill {
    background-color: rgba(255, 0, 0, 0.5);
}

#phonering-youtubeIcon:hover .phonering-alo-ph-circle,
#phonering-youtubeIcon.phonering-alo-hover .phonering-alo-ph-circle {
    border-color: #cc0000;

    opacity: 0.5;
}

#phonering-youtubeIcon:hover .phonering-alo-ph-circle-fill,
#phonering-youtubeIcon.phonering-alo-hover .phonering-alo-ph-circle-fill {
    background-color: rgba(204, 0, 0, 0.5);

    opacity: 0.75 !important;
}

#phonering-youtubeIcon:hover .phonering-alo-ph-img-circle,
#phonering-youtubeIcon.phonering-alo-hover .phonering-alo-ph-img-circle {
    background-color: #cc0000;
}

/* facebook */

#phonering-facebookIcon {
    bottom: 40%;
}

#phonering-facebookIcon .phonering-alo-ph-img-circle {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');

    background-color: #1877f2;

    background-size: 22px 22px;
}

#phonering-facebookIcon .phonering-alo-ph-circle {
    border-color: #1877f2;

    opacity: 0.5;
}

#phonering-facebookIcon .phonering-alo-ph-circle-fill {
    background-color: rgba(24, 119, 242, 0.5);
}

#phonering-facebookIcon:hover .phonering-alo-ph-circle,
#phonering-facebookIcon.phonering-alo-hover .phonering-alo-ph-circle {
    border-color: #0d5dbf;

    opacity: 0.5;
}

#phonering-facebookIcon:hover .phonering-alo-ph-circle-fill,
#phonering-facebookIcon.phonering-alo-hover .phonering-alo-ph-circle-fill {
    background-color: rgba(13, 93, 191, 0.5);

    opacity: 0.75 !important;
}

#phonering-facebookIcon:hover .phonering-alo-ph-img-circle,
#phonering-facebookIcon.phonering-alo-hover .phonering-alo-ph-img-circle {
    background-color: #0d5dbf;
}

/* scroll top */

#bthome {
    z-index: 299;

    position: fixed;

    width: 40px;

    height: 40px;

    font-size: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    text-decoration: none;

    top: auto;

    left: auto;

    right: max(25px, calc((100vw - 1920px) / 2 + 30px));

    bottom: 70px;

    cursor: pointer;

    border-radius: 2px;

    background-color: #d4a017;

    opacity: 0.8;

    transition: 0.3s ease;

    margin-bottom: 15px;
}

#bthome:hover {
    opacity: 1;

    color: white;
}

#bttop {
    display: none;

    z-index: 299;

    position: fixed;

    width: 40px;

    height: 40px;

    font-size: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    top: auto;

    left: auto;

    right: max(25px, calc((100vw - 1920px) / 2 + 30px));

    bottom: 25px;

    cursor: pointer;

    border-radius: 2px;

    background-color: #000;

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 0.8;

    transition: 0.3s ease;
}

/* popup */

.kw-popup {
    position: fixed;

    left: 50%;

    top: 50%;

    box-sizing: border-box;

    z-index: 9999999;

    display: none;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);
}

.kw-popup .close-popup {
    padding: 4px 12px;

    color: #fff;

    position: absolute;

    right: 1px;

    top: 1px;

    font-size: 25px;

    opacity: 0.8;

    cursor: pointer;
}

.kw-popup .close-popup:hover {
    opacity: 1;
}

.kw-popup-overlay {
    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.8);

    z-index: 999999;

    display: none;
}

.kw-popup-inner {
    float: left;

    width: 100%;

    height: 100%;

    box-sizing: border-box;
}

.close-popup-note {
    position: absolute;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 99999;

    color: #fff;

    font-size: 11px;

    top: 0px;
}

.close-popup-note span {
    font-size: 13px;
}

#phonering-alo-phoneIcon {
    bottom: 90px;
}

#phonering-zalo-phoneIcon {
    bottom: 170px;
}

#phonering-youtubeIcon {
    bottom: 250px;
}

#phonering-facebookIcon {
    bottom: 330px;
}

@media only screen and (max-width: 800px) {
    #phonering-alo-phoneIcon {
        bottom: 60px;

        top: auto;

        left: 0px;
    }

    #phonering-zalo-phoneIcon {
        bottom: 4px;

        top: auto;

        left: 8px;
    }

    #phonering-youtubeIcon {
        bottom: 5px;

        left: 155px;

        right: auto;
    }

    #phonering-facebookIcon {
        bottom: 5px;

        left: 230px;

        right: auto;
    }

    .kw-popup .close-popup {
        font-size: 28px;
    }

    #phonering-zalo-phoneIcon {
        bottom: 60px;

        top: auto;

        right: 1px;
    }

    #phonering-alo-phoneIcon {
        bottom: 60px;

        top: auto;

        left: 0px;
    }

    #phonering-youtubeIcon {
        bottom: 5px;

        top: auto;

        left: 145px;
    }

    #phonering-facebookIcon {
        bottom: 5px;

        top: auto;

        left: 215px;
    }
}

@media only screen and (max-width: 500px) {
    .kw-popup .close-popup {
        font-size: 20px;
    }

    .phonering-alo-phone {
        position: fixed;

        visibility: hidden;

        background-color: transparent;

        width: 25px;

        height: 25px;

        cursor: pointer;

        z-index: 200000 !important;

        display: block;

        -webkit-backface-visibility: hidden;

        -webkit-transform: translateZ(0);

        transition: visibility 0.5s;

        right: max(10px, calc((100vw - 1920px) / 2 + 10px));

        bottom: 10%;
    }

    .phonering-alo-ph-img-circle {
        width: 30px;

        height: 30px;

        background-size: 30px;
    }

    #bthome {
        z-index: 299;

        position: fixed;

        width: 40px;

        height: 40px;

        font-size: 20px;

        display: flex;

        justify-content: center;

        align-items: center;

        text-align: center;

        color: white;

        text-decoration: none;

        top: auto;

        left: auto;

        right: max(9px, calc((100vw - 1920px) / 2 + 30px));

        bottom: 55px;

        cursor: pointer;

        border-radius: 2px;

        background-color: #d4a017;

        opacity: 0.8;
    }

    #bttop {
        display: none;

        z-index: 299;

        position: fixed;

        width: 40px;

        height: 40px;

        font-size: 20px;

        display: flex;

        justify-content: center;

        align-items: center;

        text-align: center;

        color: var(--color-white);

        top: auto;

        left: auto;

        right: max(9px, calc((100vw - 1920px) / 2 + 30px));

        bottom: 10px;

        cursor: pointer;

        border-radius: 2px;

        background-color: #cc3131;

        -webkit-transform: translateZ(0);

        -ms-transform: translateZ(0);

        -o-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 0.8;
    }
}

/* Social Group Wrapper */

.phonering-social-group-wrapper {
    position: fixed;

    left: max(10px, calc((100vw - 1920px) / 2 + 10px));

    right: auto;

    bottom: 0px;

    z-index: 200000;
}

.phonering-social-list {
    display: flex !important;

    flex-direction: column-reverse !important;

    gap: 0px;

    align-items: flex-start !important;

    /* Căn trái cho các nút */
}

/* Reset position cho các phần tử con bên trong wrapper */

.phonering-social-repeater,
.phonering-social-toggle,
#phonering-alo-phoneIcon {
    position: relative !important;

    left: -10px !important;

    right: auto !important;

    bottom: 8px !important;

    width: 75px !important;

    height: 75px !important;

    visibility: visible !important;

    display: block !important;

    margin-bottom: 5px;
}

@media (max-width: 1024px) {
    .phonering-social-group-wrapper {
        bottom: 0px;
    }

    .phonering-social-toggle {
        left: 0px;
    }

    .phonering-alo-ph-circle {
        top: -5px;

        left: 1px;
    }
}

.phonering-social-toggle {
    bottom: -60px !important;
}

/* Ẩn nút Toggle trên màn hình lớn */

.phonering-social-toggle {
    display: none;
}

/* Màu sắc nút sử dụng biến CSS --social-color */

.phonering-social-repeater .phonering-alo-ph-circle,
.phonering-social-toggle .phonering-alo-ph-circle {
    border-color: var(--social-color) !important;
}

.phonering-social-repeater .phonering-alo-ph-circle-fill,
.phonering-social-toggle .phonering-alo-ph-circle-fill {
    background-color: var(--social-color) !important;
}

.phonering-social-repeater .phonering-alo-ph-img-circle,
.phonering-social-toggle .phonering-alo-ph-img-circle {
    background-color: var(--social-color) !important;

    background-image: none !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #fff !important;

    font-size: 20px !important;

    z-index: 2 !important;
}

.phonering-social-repeater .phonering-alo-text {
    position: absolute;

    left: 20px;

    right: auto;

    top: 19px;

    height: 40px;

    line-height: 37px;

    background-color: var(--social-color);

    color: #fff;

    padding: 0px 25px 0 50px;

    border-radius: 30px;

    white-space: nowrap;

    width: max-content;

    max-width: none;

    z-index: 1;

    font-weight: 500;

    font-size: 15px;

    transition: all 0.3s ease;

    text-decoration: none;

    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .phonering-social-repeater .phonering-alo-text {
        top: 15px;
    }

    #phonering-facebookIcon {
        bottom: 5px;
        top: auto;
        left: 215px;
    }
}

@media only screen and (max-width: 500px) {
    .kw-popup .close-popup {
        font-size: 20px;
    }

    .phonering-alo-phone {
        position: fixed;
        visibility: hidden;
        background-color: transparent;
        width: 25px;
        height: 25px;
        cursor: pointer;
        z-index: 200000 !important;
        display: block;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transition: visibility 0.5s;
        right: max(10px, calc((100vw - 1920px) / 2 + 10px));
        bottom: 10%;
    }

    .phonering-alo-ph-img-circle {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    #bthome {
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
        text-decoration: none;
        top: auto;
        left: auto;
        right: max(9px, calc((100vw - 1920px) / 2 + 30px));
        bottom: 55px;
        cursor: pointer;
        border-radius: 2px;
        background-color: #d4a017;
        opacity: 0.8;
    }

    #bttop {
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--color-white);
        top: auto;
        left: auto;
        right: max(9px, calc((100vw - 1920px) / 2 + 30px));
        bottom: 10px;
        cursor: pointer;
        border-radius: 2px;
        background-color: #cc3131;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 0.8;
    }
}

/* Social Group Wrapper */
.phonering-social-group-wrapper {
    position: fixed;
    left: max(10px, calc((100vw - 1920px) / 2 + 10px));
    right: auto;
    bottom: 0px;
    z-index: 200000;
}

.phonering-social-list {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 0px;
    align-items: flex-start !important;
    /* Căn trái cho các nút */
}

/* Reset position cho các phần tử con bên trong wrapper */
.phonering-social-repeater,
.phonering-social-toggle,
#phonering-alo-phoneIcon {
    position: relative !important;
    left: -10px !important;
    right: auto !important;
    bottom: 8px !important;
    width: 75px !important;
    height: 75px !important;
    visibility: visible !important;
    display: block !important;
    margin-bottom: 5px;
}

@media (max-width: 1024px) {
    .phonering-social-group-wrapper {
        bottom: 0px;
    }

    .phonering-social-toggle {
        left: 0px;
    }

    .phonering-alo-ph-circle {
        top: 6px;
        left: 6px;
    }
}

.phonering-social-toggle {
    bottom: -60px !important;
}

/* Ẩn nút Toggle trên màn hình lớn */
.phonering-social-toggle {
    display: none;
}

/* Màu sắc nút sử dụng biến CSS --social-color */
.phonering-social-repeater .phonering-alo-ph-circle,
.phonering-social-toggle .phonering-alo-ph-circle {
    border-color: var(--social-color) !important;
}

.phonering-social-repeater .phonering-alo-ph-circle-fill,
.phonering-social-toggle .phonering-alo-ph-circle-fill {
    background-color: var(--social-color) !important;
}

.phonering-social-repeater .phonering-alo-ph-img-circle,
.phonering-social-toggle .phonering-alo-ph-img-circle {
    background-color: var(--social-color) !important;
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 20px !important;
    z-index: 2 !important;
}

.phonering-social-repeater .phonering-alo-text {
    position: absolute;
    left: 20px;
    right: auto;
    top: 19px;
    height: 40px;
    line-height: 37px;
    background-color: var(--social-color);
    color: #fff;
    padding: 0px 25px 0 50px;
    border-radius: 30px;
    white-space: nowrap;
    width: max-content;
    max-width: none;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .phonering-social-repeater .phonering-alo-text {
        top: 15px;
    }

    .phonering-alo-ph-circle-fill {
        top: 10px;
        left: 12px;
    }
}

.phonering-social-repeater:hover .phonering-alo-ph-img-circle,
.phonering-social-toggle:hover .phonering-alo-ph-img-circle {
    background-color: var(--social-color) !important;
}

/* Custom CSS for Related Links */
.keyweb-related-links-content {
    background-color: #f8f9fa;
    border-left: 4px solid #e12e2e;
    padding: 15px 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.keyweb-related-links-content p strong {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
}

.keyweb-related-links-content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.keyweb-related-links-content ul li {
    margin-bottom: 10px;
    position: relative;
}

.keyweb-related-links-content ul li:last-child {
    margin-bottom: 0;
}

.keyweb-related-links-content ul li a {
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
    font-size: 15px;
}

.keyweb-related-links-content ul li a:hover {
    color: #e12e2e;
}

.phonering-alo-ph-circle,
.phonering-alo-ph-circle {
    display: none !important;
}