@charset "UTF-8";
/* -=-=-=-=-=-= Botão Whatsapp Pulsante -=-=-=-=-=-= */
.button-whats a {
  background: #2db741 url(../../imagens/whatsapp-icon.png) no-repeat 55% 45%;
  background-size: 60%;
  position: fixed;
  right: 17px;
  bottom: 25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  z-index: 9; }
.button-whats .pulsate-css {
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0.0;
  border: 3px solid #2db741;
  border-radius: 30px;
  height: 18px;
  width: 18px;
  position: relative;
  display: inline-block;
  margin-top: 20px;
  text-align: center; }
.button-whats .effect {
  position: fixed;
  right: 12px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background: #2db741;
  border-radius: 50%;
  z-index: 8; }

/* MD (Antigo SM) - Google Nexus 7 */
@media only screen and (max-device-width: 991px) {
  .button-whats a {
    right: 8px;
    bottom: 8px;
    height: 35px;
    width: 35px; }
  .button-whats .effect {
    right: 3px;
    bottom: 3px;
    width: 45px;
    height: 45px; } }
/* Make the element pulse (grow large and small slowly) */
/* Usage
  .myElement {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
  }
*/
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0; } }
/* Make the element's opacity pulse*/
/* Usage
  .myElement {
    animation: opacityPulse 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
  }
*/
@-webkit-keyframes opacityPulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* Make the element's background pulse. I call this alertPulse because it is red. You can call it something more generic. */
/* Usage
  .myElement {
    animation: alertPulse 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
  }
*/
@-webkit-keyframes alertPulse {
  0% {
    background-color: #9a2727;
    opacity: 1; }
  50% {
    opacity: red;
    opacity: 0.75; }
  100% {
    opacity: #9a2727;
    opacity: 1; } }
/* Make the element rotate infinitely. */
/*
Usage
  .myElement {
    animation: rotating 3s linear infinite;
  }
*/
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=whatsapp.css.map */