/* Most of the heart's CSS came from the Shapes of CSS  */
/* http://css-tricks.com/examples/ShapesOfCSS/          */


.heart, .heart2, .heart3  {
  position: relative;
  width: 120px;
  height: 60px;
  margin: 10px;

  background: url(../imagesA7/05.jpg);

  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transition: all 1s;
}
.heart2 {
	height: 60px;
	background: url(../images/zoom/z2a.jpg);
}
.heart3 {
	height: 60px;
	background: url(../imagesA7/06.jpg);
}


.heart.css, .heart2.css, .heart3.css {
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  -o-animation-delay:1s;
  animation-dely:1s;
}
.heart.animated, .heart2.animated, .heart3.animated {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}
.heart:before, .heart2:before, .heart3:before
.heart:after, .heart2:after, .heart3:after  {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;

}
.heart:after, .heart2:after, .heart3:after {
  left: 0;

}


.heart.css:hover, .heart2.css:hover, .heart3.css:hover {
	background: url(../imagesA7/05.jpg);
	 width: 120px;
  height: 60px;

  -webkit-transform: scale(1);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-animation:'';
  -moz-animation:none;
  -ms-animation:'';
  -o-animation:'';
  animation:'';
}
.heart2.css:hover {
	background: url(../images/zoom/z2b.jpg);
}


@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.3); }
  100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulsate {
 0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.3); }
  100% { -ms-transform: scale(1); }
}

@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.3); }
  100% { -o-transform: scale(1); }
}