.contactbody {
    color: #aeccbc;
    background: #052d17;
    background: -moz-linear-gradient(top, rgba(14,97,51,1) 0%, rgba(11,56,31,1) 50%, rgba(11,56,31,1) 51%, rgba(11,54,31,1) 71%, rgba(11,49,29,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,97,51,1)), color-stop(50%, rgba(11,56,31,1)), color-stop(51%, rgba(11,56,31,1)), color-stop(71%, rgba(11,54,31,1)), color-stop(100%, rgba(11,49,29,1)));
    background: -webkit-linear-gradient(top, rgba(14,97,51,1) 0%, rgba(11,56,31,1) 50%, rgba(11,56,31,1) 51%, rgba(11,54,31,1) 71%, rgba(11,49,29,1) 100%);
    background: -o-linear-gradient(top, rgba(14,97,51,1) 0%, rgba(11,56,31,1) 50%, rgba(11,56,31,1) 51%, rgba(11,54,31,1) 71%, rgba(11,49,29,1) 100%);
    background: -ms-linear-gradient(top, rgba(14,97,51,1) 0%, rgba(11,56,31,1) 50%, rgba(11,56,31,1) 51%, rgba(11,54,31,1) 71%, rgba(11,49,29,1) 100%);
    background: linear-gradient(to bottom, rgba(14,97,51,1) 0%, rgba(11,56,31,1) 50%, rgba(11,56,31,1) 51%, rgba(11,54,31,1) 71%, rgba(11,49,29,1) 100%);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e6133', endColorstr='#0b311d', GradientType=0 );
    padding: 20px 0;
    font-size: 13px;
}


.contact-container-bg {
    background: rgba(2,119,58,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(2,119,58,1) 0%, rgba(2,110,54,1) 8%, rgba(2,110,54,1) 16%, rgba(1,58,29,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(2,119,58,1)), color-stop(8%, rgba(2,110,54,1)), color-stop(16%, rgba(2,110,54,1)), color-stop(100%, rgba(1,58,29,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(2,119,58,1) 0%, rgba(2,110,54,1) 8%, rgba(2,110,54,1) 16%, rgba(1,58,29,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(2,119,58,1) 0%, rgba(2,110,54,1) 8%, rgba(2,110,54,1) 16%, rgba(1,58,29,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(2,119,58,1) 0%, rgba(2,110,54,1) 8%, rgba(2,110,54,1) 16%, rgba(1,58,29,1) 100%);
    background: radial-gradient(ellipse at center, rgb(4, 98, 49) 0%, rgb(7, 87, 46) 8%, rgb(7, 89, 46) 16%, rgb(1, 33, 17) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02773a', endColorstr='#013a1d', GradientType=1 );
    border: 1px solid #0b6c38;
    border-radius: 8px;
    line-height: 2;
    padding: 25px;
    padding-top: 0;
    
}





.contact-icon {
    background: url(../img/contact-sprite-2.png) no-repeat top center;
    display: block;
    float: left;
    margin-right: 10px;
}
/*
    CUSTOM ICONS INSERT HERE
*/
.zaloIcon {
    width: 88px;
    height: 37px;
    background-position: -3px -334px;
}

.viberIcon2 {
    width: 78px;
    height: 37px;
    background-position: -3px -376px;
}

.lineIcon {
    width: 37px;
    height: 37px;
    background-position: -492px -919px;
}

.ct-zalo.qrZaloIcon {
    display: inline-block;
    width: 100px;
    height: 102px;
    background: url(../../images/zalo-20220826.png) no-repeat;
    background-size: contain;
}

.qrViberIcon {
    display: inline-block;
    width: 104px;
    height: 104px;
    background: url('../../images/contact/contact-viber-qr.jpg') no-repeat center;
}

.qrLineIcon {
    width: 104px;
    height: 104px;
    background-position: -1484px -685px;
}

.qrwhatsapp {
    display: inline-block;
    width: 104px;
    height: 104px;
    background: url('../../images/contact/contact-whatsapp-qr.jpg') no-repeat center;
}

.qrChinaNumber {
    display: inline-block;
    width: 104px;
    height: 104px;
    background: url('../../images/contact/contact-whatsapp-qr-cn.jpg') no-repeat center;
}

.qrTelegramCn {
    display: inline-block;
    width: 104px;
    height: 104px;
    background: url('../../images/contact/contact-telegram-qr-cn.jpg') no-repeat center;
}

.chatIcon {
    width: 86px;
    height: 85px;
    background-position: -450px -739px;
}
html:lang(zh-CN) .chatIcon {
    width: 86px;
    height: 85px;
    background-position: -384px -1288px;
}
#chatBtnMobile {
    visibility: hidden;
    width: 86px;
    height: 85px;
    z-index: 9999995;
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
/*

*/
.space-on-top {
    margin-top: 30px;
}

.cont-text-container {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%
}

.cont-imgs {
    float: left;
    padding-right: 10px;
    height: auto;
    width: 20%
}

.cont-text-here {
    text-align: left;
    padding-left: 20%;
}

    .cont-text-here a {
        color: #f3df1b;
    }

.Contact-text h1 {
    color: #fff;
}

.cont-text-here a:hover {
    color: #f3df1b;
    cursor: pointer;
    text-decoration: none;
}

.cont-text-here strong {
    color: #fff;
    font-size: 20px;
}

.yellowText {
    color: #fbe81e;
}

.bottom-icons {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 2%;
    text-align:center;
}

    /*.bottom-icons a:nth-child(2) {
        display: inline-block;
        margin: 0 20px;
    }*/

    .bottom-icons a {
        position: relative;
        cursor: pointer;
        display: inline-block;
        margin: 0 10px;
    }

        .bottom-icons a span {
            vertical-align: middle;
        }

            .bottom-icons a span img {
                height: 37px;
            }

            .bottom-icons a span:hover ~ div {
                display: inline-block;
                position: absolute;
            }
            /*.bottom-icons a:first-child span:hover ~ div {
            display: inline-block;
            position: absolute;
        }

        .bottom-icons a:nth-child(2) span:hover ~ div {
            display: inline-block;
            position: absolute;
        }

        .bottom-icons a:last-child span:hover ~ div {
            display: inline-block;
            position: absolute;
        }*/

            .bottom-icons a span ~ div {
                display: none;
                top: -169px;
                background: url(../img/downArrowforHover.png) no-repeat top left;
                background-position: 0 10px;
            }

        .bottom-icons a:first-child span ~ div {
            left: -43px;
        }

        .bottom-icons a:nth-child(2) span ~ div {
            left: -43px;
        }

        .bottom-icons a:nth-child(3) span ~ div {
            left: -43px;
        }

        .bottom-icons a:last-child span ~ div {
            left: -43px;
        }

        .bottom-icons a span ~ div p {
            background: #002d10;
            padding: 5px;
            margin: 0;
            position: relative;
        }

            .bottom-icons a span ~ div p b {
                color: #fff;
                font-size:10px;
            }
            .bottom-icons a span ~ div p i {
                -webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
                -moz-box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
                box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
            }
            .bottom-icons a span ~ div p img {
                position: absolute;
                bottom: -10px;
                left: 45%;
            }

    .bottom-icons .btnZolo img:hover {
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        cursor: pointer;
        /* Position the tooltip text - see examples below! */
        position: relative;
        z-index: 1;
        background-position: -20px 10px;
    }