/* Add here all your CSS customizations */
#contato-whatsapp{
    width: 54px;
    height: 54px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    z-index: 999;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);    
    background-image: linear-gradient(to bottom right, #7b9977, #2FB844);
    font-family: 'Roboto Condensed', Helvetica, Times New Roman, sans-serif;
    font-size: 13px;
    font-weight: bold;

    box-shadow: 0 0 0 0 #2FB844;
    border-radius: 50%;
    background-size:cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

#contato-whatsapp a, #contato-whatsapp a:hover, #contato-whatsapp a:visited{    
    color: #FFF;
}

#contato-whatsapp .col-xs-7, #contato-whatsapp .col-xs-5{                                 
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

#contato-whatsapp:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 153, 0, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 153, 0, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 153, 0, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 153, 0, 0);}}