/*

[Custom Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.5
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks

You can write your custom css styles in this file...

*/
.navbar-brand>img {
    display: block;
    max-height: 90px;
}
.btn-primary {
    color: #222;
}
.purchase-btn {
    bottom: 12px;
    left: 40px;
    position: fixed;
    z-index: 99;
    text-align: center;
    display: block;
}

.purchase-btn:before {background-color: #3cb879;}
.purchase-btn:before {
    content: "";
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
    z-index: -1;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.purchase-btn:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.purchase-btn > a {
    background-color: #3cb879;
    color: #ffffff;
    display: inline-block;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
     height: 60px;
    right: 20px;
    line-height: 60px;
    width: 60px;
}

.pulse-button {

  position: relative;
  width: 64px;
  height: 64px;
  border: none;
  box-shadow: 0 0 0 0 #a1577b;
  border-radius: 50%;
  background-color: #a1577b;
  background-image: url(../img/whatsapp-boton.png);
  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);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(22, 162, 134, 0.75);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(22, 162, 134, 0.75);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(22, 162, 134, 0.75);}}
@keyframes pulse {to {box-shadow: 0 0 0 15px rgba(22, 162, 134, 0.75);}}