.contact-group {
    position: fixed;
    z-index: 999999;
    right: 30px;
    bottom: 180px;
}


    .contact-group .icon, .btn-icon-facebook .icon-fb {
        width: 48px;
        height: 48px;
        background: #01bb00;
        border-radius: 50%;
        position: relative;
        cursor: pointer
    }

        .contact-group .icon:after, .btn-icon-facebook .icon-fb:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: inherit;
            border-radius: inherit;
            -webkit-animation: pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;
            animation: pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;
            z-index: -1
        }

        .contact-group .icon:before, .btn-icon-facebook .icon-fb:before {
            content: '';
            display: block;
            position: absolute;
            width: 60px;
            height: 60px;
            top: -7px;
            left: -7px;
            border: 1px solid rgba(243,113,33,.2);
            border-radius: inherit;
            -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24,0,.38,1) infinite;
            animation: pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;
            animation-delay: .5s;
            -webkit-animation-delay: .5s;
            z-index: -1;
            background: transparent;
            -webkit-animation-fill-mode: forwards
        }

        .contact-group .icon
        span {
            width: 24px;
            height: 1px;
            background: #fff;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            transition: all 240ms linear
        }

        .contact-group .icon.active span:first-child {
            transform: rotate(45deg);
            top: 22px;
            left: 11px
        }

        .contact-group .icon.active span:nth-of-type(2) {
            transform: scale(0)
        }

        .contact-group .icon.active span:nth-of-type(3) {
            transform: rotate(-45deg);
            top: 22px;
            left: 11px
        }

        .contact-group .icon span:first-child {
            top: 17px
        }

        .contact-group .icon span:nth-of-type(2) {
            top: 24px
        }

        .contact-group .icon span:nth-of-type(3) {
            top: 31px
        }

.btn-icon-facebook {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    cursor: pointer
}

.contact-group .button-action-group {
    position: absolute;
    top: -100px;
    min-width: 300px
}

    .contact-group .button-action-group:not(.active) a {
        display: none
    }

    .contact-group .button-action-group a {
        display: block;
        opacity: 0;
        padding: 5px 10px;
        background: rgb(80, 185, 94);
        margin-bottom: 15px;
        color: #fff;
        font-size: 19px;
        font-weight: 400;
        border-radius: 30px;
        letter-spacing: 1px;
        -webkit-animation: fadeup 1s cubic-bezier(0.24,0,.38,1);
        animation: fadeup 1s cubic-bezier(0.24,0,.38,1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

        .contact-group .button-action-group a + a {
            animation-delay: .5s;
            -webkit-animation-delay: .5s
        }

        .contact-group .button-action-group a
        i {
            width: 48px;
            height: 48px;
            background: rgb(0, 107, 14);
            line-height: 48px;
            text-align: center;
            border-radius: 50%;
            margin: -10px 10px -10px -10px;
            box-shadow: 2px 0 7px -2px #00000078;
            position: relative
        }

            .contact-group .button-action-group a i:after {
                content: '';
                position: absolute;
                width: 40px;
                height: 40px;
                left: 3px;
                top: 3px;
                border-radius: 50%;
                border-width: 1px;
                border-left-color: #f1f1f1;
                border-style: solid;
                border-right-color: #f1f1f1;
                border-top-color: transparent;
                border-bottom-color: transparent;
                -webkit-animation: rotate 1s cubic-bezier(0.24,0,.38,1) infinite;
                animation: rotate 1s cubic-bezier(0.24,0,.38,1) infinite
            }

div.wpcf7-select-parent select
option {
    color: black
}

/*.fb_dialog_advanced, .fb_dialog_mobile {
    bottom: 20px !important;
    right: 20px !important;
    display: block !important
}*/
.fb_dialog_content iframe {
    /*    right: 18px !important;
    bottom: 26px !important;*/
    box-shadow: none !important;
}

.zalo-chat-widget {
    bottom: 100px !important;
    right: 26px !important;
}

input:focus {
    outline: #f37121 5px !important
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes fadeup {
    from {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes pulse-animation {
    0% {
        transform: scale3d(1,1,1);
        opacity: 0
    }

    10% {
        transform: scale3d(1.1,1.1,1.1);
        opacity: 1
    }

    100% {
        transform: scale3d(1.6,1.6,1.6);
        opacity: 0
    }
}

@keyframes border-animation {
    0% {
        transform: scale3d(.6,.6,.6);
        opacity: 0
    }

    20% {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 1
    }

    100% {
        transform: scale3d(1.4,1.4,1.4);
        opacity: 0
    }
}

.contact-group strong {
    color: #003265;
}

.contact-group .button-action-group a:hover {
    background: rgb(0, 107, 14);
}

.contact-group .icon img {
    position: absolute;
    left: 8px;
    top: 8px;
}


@media (max-width: 768px) {
    .contact-group {
        right: 32px;
        bottom: 172px;
    }

    .zalo-chat-widget {
        bottom: 103px !important;
        right: 30px !important;
    }
}