/* HEART ZOOM */
@-webkit-keyframes heart-zoom {
    0%, 100%   {
      -webkit-transform: scale(0.5);
      opacity:0.2;
    }
    50%   {
      -webkit-transform: scale(1.3);
      opacity:1;
    }
  }
  
  @-moz-keyframes heart-zoom  {
    0%, 100%   {
      -moz-transform: scale(0.5);
      opacity:0.2;
    }
    50%   {
      -moz-transform: scale(1.3);
      opacity:1;
    }
  }
  
  @-ms-keyframes heart-zoom  {
    0%, 100%   {
      -ms-transform: scale(0.5);
      opacity:0.2;
    }
    50%   {
      -ms-transform: scale(1.3);
      opacity:1;
    }
  }
  
  @-o-keyframes heart-zoom  {
    0%, 100%   {
      -o-transform: scale(0.5);
      opacity:0.2;
    }
    50%   {
      -o-transform: scale(1.3);
      opacity:1;
    }
  }
  
  @keyframes heart-zoom  {
    0%, 100%   {
      transform: scale(0.5);
      opacity:0.2;
    }
    50%   {
      transform: scale(1.3);
      opacity:1;
    }
  }
  
  
  /* HEART ZOOM REVERSE */
  @-webkit-keyframes heart-zoom-reverse {
    0%, 100%   {
      -webkit-transform: scale(1.3);
      opacity:1;
    }
    50%   {
      -webkit-transform: scale(0.5);
      opacity:0.2;
    }
  }
  
  @-moz-keyframes heart-zoom-reverse {
    0%, 100%   {
      -moz-transform: scale(1.3);
      opacity:1;
    }
    50%   {
      -moz-transform: scale(0.5);
      opacity:0.2;
    }
  }
  
  @-ms-keyframes heart-zoom-reverse {
    0%, 100%   {
      -ms-transform: scale(1.3);
      opacity:1;
    }
    50%   {
      -ms-transform: scale(0.5);
      opacity:0.2;
    }
  }
  
  @-o-keyframes heart-zoom-reverse  {
    0%, 100%   {
      -o-transform: scale(1.3);
      opacity:1;
    }
    50%   {
      -o-transform: scale(0.5);
      opacity:0.2;
    }
  }
  
  @keyframes heart-zoom-reverse  {
    0%, 100%   {
      transform: scale(1.3);
      opacity:1;
    }
    50%   {
      transform: scale(0.5);
      opacity:0.2;
    }
  }
  
  
  .heart-animation {
      display:inline-block;
      margin:0 auto;
      font-size:20px; 
      line-height:20px;
      letter-spacing:-20px;
      
      -webkit-animation: heart-zoom infinite 1.2s;
           -moz-animation: heart-zoom infinite 1.2s;
           -ms-animation: heart-zoom infinite 1.2s;
             -o-animation: heart-zoom infinite 1.2s;
                animation: heart-zoom infinite 1.2s;
  }
  
  .heart-animation i{
      color:#f0394d;
  }
  
  .heart-animation-reverse {
      display:inline-block;
      margin:0 auto; 
      padding-right:20px;
      font-size:20px; 
      line-height:20px;
      
      -webkit-animation: heart-zoom-reverse infinite 1.2s;
           -moz-animation: heart-zoom-reverse infinite 1.2s;
           -ms-animation: heart-zoom-reverse infinite 1.2s;
             -o-animation: heart-zoom-reverse infinite 1.2s;
                animation: heart-zoom-reverse infinite 1.2s;
  }
  
  .heart-animation-reverse i{
      color:#999;
  }