/* ============================================================
  : HOVERS
============================================================ */
.page-home .play-zones .trabajo.princ.active {left:-1%; width:16%;  }
.page-home .play-zones .trabajo.princ.active .outprinc {bottom: 14%;}

.page-home .play-zones .infantil.princ.active {left:12%; width:21%; }

.page-home .play-zones .graduacion.princ.active {left:23%; width:21%;  }
.page-home .play-zones .graduacion.princ.active .outprinc {bottom: 16%;}

.page-home .play-zones .boda.princ.active {left:37%; width:25%; }

.page-home .play-zones .shower.princ.active {right:28%; width:10%;  }
.page-home .play-zones .shower.princ.active .outprinc {bottom: 16%;}

.page-home .play-zones .xv.princ.active {right:-2%;width:39%; }

.page-home .play-zones .fiesta.princ.active {right:-2%; width:22%;  }
.page-home .play-zones .fiesta.princ.active .outprinc {bottom: 15%;}


.marker:hover{ opacity: 1;}
.marker:hover i{box-shadow:0 0 0 2px #ffffff;}
.marker:hover b>span{-moz-animation:main-marker-hover-animation 1s 0.6s ease-in-out infinite;-webkit-animation:main-marker-hover-animation 1s 0.6s ease-in-out infinite;animation:main-marker-hover-animation 1s 0.6s ease-in-out infinite}
.marker:hover b>span>i{opacity:1;-moz-transform:rotate(45deg) scale(1.01);-ms-transform:rotate(45deg) scale(1.01);-webkit-transform:rotate(45deg) scale(1.01);transform:rotate(45deg) scale(1.01)}
.marker:hover b>span>i>i{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.7}
.marker:hover b>span>i>i>i{-moz-transform:scale(0.78);-ms-transform:scale(0.78);-webkit-transform:scale(0.78);transform:scale(0.78);opacity:0.5}
.marker.alt:hover i { box-shadow:0 0 0 2px #000000; }