.whatsapp-fixed {
    position: fixed;
    right: 10px;
    bottom: 150px;
    width: 63px;
    z-index: 10;
}

.whatsapp-fixed svg {
    animation: wfixed 4s linear infinite;
    width: 50px;
    transform: scale(1);
    z-index: 999;
    position: relative;
}

@keyframes wfixed {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(10deg) scale(1.2);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.whatsapp-fixed span {
    position: absolute;
    top: 0px;
    display: block;
    left: -155px;
    font-weight: bold;
    transition: .5s;
    width: 150px;
    opacity: 0;
    background: #33bb46;
    padding-left: 10px;
    color: white;
    font-size: 12px;
    border-radius: 30px;
    height: 25px;
    padding-top: 0px;
}

.whatsapp-fixed a:hover span {
    opacity: 1
}

@media (max-width: 720px) {
    .whatsapp-fixed {
        right: 5px;
        bottom: 60px;
    }
}

.pullse {
    position: fixed;
    right: -45px;
    bottom: 75%;
    transform: rotate(
-90deg);
    width: 130px;
    height: 40px;
    background-color: #000000a6;
    color: rgb(255, 255, 255);
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    text-align: center;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 11.8px;
    padding: 10px;
    z-index: 9;
    -webkit-box-shadow: 0 0 20px #3a3a3a6c;
    box-shadow: 0 0 20px #fffefe9f;
   
}

.pullse a {
    padding: 30px 0px;
    position: relative;
    z-index: 99999;
}

.pullse:before,
.pullse:after {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 2px solid #000000a6;
    ;
    left: -30px;
    right: -30px;
    top: -20px;
    bottom: -30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    animation: pulsefixed 1.5s linear infinite;
}

.pullse:hover:before {
    border: 4px solid  #000000a6;
}

.pullse:hover:after {
    border: 4px solid #000000a6;
}

.pullse:after {
    animation-delay: .5s;
}

.randevual {
    position: fixed;
    left: -110px;
    bottom: 40%;
    transform: rotate(90deg);
    width: 240px;
    height: 30px;
    background-color: #92776c;
    color: rgb(255, 255, 255);
    border-top-right-radius: 120px;
    border-top-left-radius: 120px;
    text-align: center;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 1px;
    z-index: 9;
}

.randevual a {
    padding: 30px 0px;
    position: relative;
    z-index: 99999;
}

.randevual:before,
.randevual:after {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 2px solid #f09f97;
    left: -30px;
    right: -30px;
    top: -20px;
    bottom: -30px;
    border-top-right-radius: 120px;
    border-top-left-radius: 120px;
    animation: pulsefixed 1.5s linear infinite;
}

.randevual:hover:before {
    border: 4px solid #f09f97;
}

.randevual:hover:after {
    border: 4px solid #f09f97;
}

.randevual:after {
    animation-delay: .5s;
}

@keyframes pulsefixed {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

.simdi_ara {
    display: none;
    width: 100%;
    min-height: 40px;
    text-align: center;
    background: #c4192d;
    position: fixed;
    z-index: 999999;
    bottom: 0;
}

.simdi_ara a {
    color: #000;
    font-size: 16px;
    display: block;
    padding: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.margin-bottom-50px-mobile {
    margin-bottom: 50px!important;
}

.simdi_ara {
    display: block!important;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}