﻿#lnkwhatsApp {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    border: 0;
    outline: 0;
    background-color: #25d366;
    color: #fff !important;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 28pt;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    padding: 0px 8px 0 0;
}

    #lnkwhatsApp:hover {
        background-color: #555; 
    }

@media (max-width: 768px) {
    #lnkwhatsApp {
        bottom: 73px !important;
        left: 9px !important;
    }

    /*.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
        bottom: 73px !important;
    }
    .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf {
        bottom: 73px !important;
    }*/
}

.blinktext {
    -webkit-animation: blink-text 800ms linear infinite;
    -moz-animation: blink-text 800ms linear infinite;
    -ms-animation: blink-text 800ms linear infinite;
    -o-animation: blink-text 800ms linear infinite;
    animation: blink-text 1000ms linear infinite;
}

@-webkit-keyframes blink-text {
    0% {
        color: black;
        opacity: 1;
    }

    20% {
        color: black;
        opacity: .8;
    }

    30% {
        color: black;
        opacity: .6;
    }

    40% {
        color: black;
        opacity: .4;
    }

    50% {
        color: black;
        opacity: .2;
    }

    60% {
        color: black;
        opacity: 0;
    }

    70% {
        color: black;
        opacity: .2;
    }

    80% {
        color: black;
        opacity: .4;
    }

    90% {
        color: black;
        opacity: .6;
    }

    98% {
        color: black;
        opacity: .8;
    }

    100% {
        color: black;
        opacity: 1;
    }
}

@-moz-keyframes blink-text {
    0% {
        color: black;
        opacity: 1;
    }

    20% {
        color: black;
        opacity: .8;
    }

    30% {
        color: black;
        opacity: .6;
    }

    40% {
        color: black;
        opacity: .4;
    }

    50% {
        color: black;
        opacity: .2;
    }

    60% {
        color: black;
        opacity: 0;
    }

    70% {
        color: black;
        opacity: .2;
    }

    80% {
        color: black;
        opacity: .4;
    }

    90% {
        color: black;
        opacity: .6;
    }

    98% {
        color: black;
        opacity: .8;
    }

    100% {
        color: black;
        opacity: 1;
    }
}

@-ms-keyframes blink-text {
    0% {
        color: black;
        opacity: 1;
    }

    20% {
        color: black;
        opacity: .8;
    }

    30% {
        color: black;
        opacity: .6;
    }

    40% {
        color: black;
        opacity: .4;
    }

    50% {
        color: black;
        opacity: .2;
    }

    60% {
        color: black;
        opacity: 0;
    }

    70% {
        color: black;
        opacity: .2;
    }

    80% {
        color: black;
        opacity: .4;
    }

    90% {
        color: black;
        opacity: .6;
    }

    98% {
        color: black;
        opacity: .8;
    }

    100% {
        color: black;
        opacity: 1;
    }
}

@-o-keyframes blink-text {
    0% {
        color: black;
        opacity: 1;
    }

    20% {
        color: black;
        opacity: .8;
    }

    30% {
        color: black;
        opacity: .6;
    }

    40% {
        color: black;
        opacity: .4;
    }

    50% {
        color: black;
        opacity: .2;
    }

    60% {
        color: black;
        opacity: 0;
    }

    70% {
        color: black;
        opacity: .2;
    }

    80% {
        color: black;
        opacity: .4;
    }

    90% {
        color: black;
        opacity: .6;
    }

    98% {
        color: black;
        opacity: .8;
    }

    100% {
        color: black;
        opacity: 1;
    }
}

@keyframes blink-text {
    0% {
        color: black;
        opacity: 1;
    }

    20% {
        color: black;
        opacity: .8;
    }

    30% {
        color: black;
        opacity: .6;
    }

    40% {
        color: black;
        opacity: .4;
    }

    50% {
        color: black;
        opacity: .2;
    }

    60% {
        color: black;
        opacity: 0;
    }

    70% {
        color: black;
        opacity: .2;
    }

    80% {
        color: black;
        opacity: .4;
    }

    90% {
        color: black;
        opacity: .6;
    }

    98% {
        color: black;
        opacity: .8;
    }

    100% {
        color: black;
        opacity: 1;
    }
}