/* .echbay-sms-messenger div.phonering-alo-zalo,
.echbay-sms-messenger div.phonering-alo-alo {
        background-color: #0084ff
}

.echbay-sms-messenger div.phonering-alo-sms {
        background-color: #f60
}

.echbay-sms-messenger div.phonering-alo-messenger {
        background-color: #e60f1e
}

.echbay-sms-messenger {
        width: 45px;
}

.echbay-sms-messenger a {
        line-height: 45px;
        color: transparent;
        display: block;
}

.echbay-sms-messenger {
        display: block
}

.echbay-sms-messenger div.phonering-alo-zalo {
        display: block
}

.echbay-sms-messenger div.phonering-alo-alo {
        background-image: url(https://codfe.com/wp-content/uploads/2020/08/call.png);
        background-color: rgb(255, 52, 52);
}

.echbay-sms-messenger div.phonering-alo-sms {
        background-image: url(https://codfe.com/wp-content/uploads/2020/08/mail.png);
        background-color: #f60;
        background-size: 60%;
}

.echbay-sms-messenger div.phonering-alo-zalo {
        background-image: url(https://codfe.com/wp-content/uploads/2020/08/zalo.png);
}

.echbay-sms-messenger div.phonering-alo-messenger {
        background-image: url(https://codfe.com/wp-content/uploads/2020/08/messenger.png);
        background-color: #953aff;
}
.echbay-sms-messenger div.phonering-alo-facebook {
        
        background-color: #5166ff;
}

.echbay-sms-messenger div {
        margin: 15px 0;
        background: #0084FF center no-repeat;
        background-size: 70%;
        border-radius: 50%;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
} */



.call-buton .cc-calto-action-ripple {
        z-index: 99999;
        position: fixed;
        right: 1rem;
        bottom: 7rem;
        background: #ff4141;
        width: 4rem;
        height: 4rem;
        padding: 1rem;
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #ffffff;
        -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
        animation: cc-calto-action-ripple 0.6s linear infinite;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
}
.call-buton .cc-calto-action-ripple2 {
        z-index: 99999;
        position: fixed;
        right: 1rem;
        bottom: 2rem;
        background: #1e8bff;
        width: 4rem;
        height: 4rem;
        padding: 1rem;
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #ffffff;
        -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
        animation: cc-calto-action-ripple 0.6s linear infinite;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
}

.call-buton .cc-calto-action-ripple i {
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        font-size: 2.2rem;
        text-align: center;
        align-content: center;
}
.call-buton .cc-calto-action-ripple2 i {
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        font-size: 2.2rem;
        text-align: center;
        align-content: center;
}

.call-buton .cc-calto-action-ripple:hover i {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
}

@-webkit-keyframes cc-calto-action-ripple {
        0% {
                -webkit-box-shadow: 0 4px 10px rgba(255, 0, 0, 0.424), 0 0 0 0 rgba(236, 55, 0, 0.2), 0 0 0 5px rgba(236, 43, 0, 0.2), 0 0 0 10px rgba(236, 20, 0, 0.2);
                box-shadow: 0 4px 10px rgba(236, 67, 0, 0.337), 0 0 0 0 rgba(236, 67, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 67, 0, 0.2);
        }

        100% {
                -webkit-box-shadow: 0 4px 10px rgba(236, 47, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
                box-shadow: 0 4px 10px rgba(236, 24, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 12, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
        }
}

@keyframes cc-calto-action-ripple {
        0% {
                -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 47, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
                box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
        }

        100% {
                -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
                box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
        }
}

span.num {
        position: absolute;
        color: #ec8b00;
        left: -30%;
        bottom: -50%;
}

.echbay-sms-messenger {
        text-align: center;
        right: 25px;
        position: fixed;
        bottom: 10px;
        z-index: 9;
}



#backToTop {
        position: fixed;
        bottom: 30px;
        right: 90px;
        padding: 10px;
        background-color: #a70d4d;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        z-index: 10;
}

#backToTop:hover {
        background-color: #fb9039;
}