/*=== Trigger  ===*/
  .animate {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
        }
        .delay-a{
            -webkit-animation-delay: 1.2s;
            -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
        }
        .delay-b{
            -webkit-animation-delay: 2s;
            -moz-animation-delay: 2s;
            animation-delay: 2s;
        }   

       
        /*=== Animations start here  ===*/
        
        /*==== FADE IN UP ===*/
        @-webkit-keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
          }
        
          to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
          }
        }
        @keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
          }
        
          to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
          }
        }
        
        .fadeInUp {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
        }
              
        /*=== FADE IN  ===*/
        @-webkit-keyframes fadeIn {
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
        }
        @keyframes fadeIn {
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
        }
        .fadeIn {
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
        }
        
        /* ANIMATION WPP ***/
        @keyframes OHFixedIcon{ 0% { transform: scale(.5); } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
        #wpp-flutuante {
        position: fixed!important;
        width: 60px;
        height: 60px;
        bottom: 30px;
        right: 25px;
        z-index: 9999;
        transition: .3s;
        background-color: #25d366;
        background-image: url('../images/icon-whatsapp.png');
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        cursor: pointer;
        display: inline-block;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
        }
        
        #wpp-flutuante:after, #wpp-flutuante:before {
        content: ' ';
        animation: OHFixedIcon 1.5s ease infinite;
        position: absolute;
        opacity: 0;
        border: 4px solid #25D366;
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        }
    #wpp-flutuante:after {
        animation-delay: .5s;
        }
        @media only screen and (max-width:1400px){
            #wpp-flutuante{
            bottom:115px;
            }
        }
        /********* FIX WPP ENDS *********/