/* 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;
}