.pulse {
/*
 border: 3px solid #1C77A0;
 
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    border-radius: 30px;
       
    -webkit-border-radius: 30px;
	-moz-border-radius: 30px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    -moz-animation: pulse 2s ease-out;
    -moz-animation-iteration-count: infinite; 
	animation-iteration-count: infinite; 
*/
	border: 3px solid #1C77A0;


	-webkit-border-radius: 30px;


	height: 50px;


	width: 50px;


	position: absolute;


	left: 0px;


	top: 0px;


	border-radius: 30px;


	-webkit-animation: pulsate 1s ease-out;


	-webkit-animation-iteration-count: infinite;


	-ms-animation: pulsate 1s ease-out;


	-ms-animation-iteration-count: infinite;


	-moz-animation: pulsate 1s ease-out;


	-moz-animation-iteration-count: infinite;


	-webkit-backface-visibility: hidden;


	-moz-backface-visibility: hidden;


	backface-visibility: hidden;


	-webkit-perspective: 1000;


	-moz-perspective: 1000;


	perspective: 1000;


	opacity: 0.0


}



.hotspot {
 position: relative;
}

.dot {
	width: 30px;


	height: 30px;


	background-color: #ffffff;


	border-radius: 50%;


	position: absolute;


	top: 10px;


	left: 10px;
}

/*
@-moz-keyframes pulse {
	0% { -moz-transform: scale(0); opacity: 0.0;}
    50% {opacity: 0.6;}
    100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;}

}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 0.6;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
*/


@-webkit-keyframes pulsate {



    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}



    50% {opacity: 1.0;}



    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}



}
@-moz-keyframes pulse {



	0% { -moz-transform: scale(0); opacity: 0.0;}



    50% {opacity: 0.6;}



    100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;}







}

@-ms-keyframes pulsate {



    0% {



        -ms-transform: scale(0.1, 0.1);



        opacity: 0.0;



    }



    50% {



        opacity: 1.0;



    }



    100% {



        -ms-transform: scale(1.2, 1.2);



        opacity: 0.0;



    }



}

.element-animation{



  animation: animationFrames ease-in-out 4s;

  animation-iteration-count: 9;



  transform-origin: 50% 50%;



  -webkit-animation: animationFrames ease-in-out 4s;



  -webkit-animation-iteration-count: 9;



  -webkit-transform-origin: 50% 50%;
  
  -moz-animation: animationFrames ease-in-out 4s;



  -moz-animation-iteration-count: 9;



  -moz-transform-origin: 50% 50%;



  -o-animation: animationFrames ease-in-out 4s;



  -o-animation-iteration-count: 9;



  -o-transform-origin: 50% 50%;



  -ms-animation: animationFrames ease-in-out 4s;



  -ms-animation-iteration-count: 9;



  -ms-transform-origin: 50% 50%;



}

@keyframes animationFrames{



  0% {



    transform:  translate(0px,0px)  ;



  }



  25% {



    transform:  translate(-50px,0px)  ;



  }
  
   75% {

    transform:  translate(50px,0px)  ;

  }



  100% {



    transform:  translate(0px,0px)  ;



  }



}

@-moz-keyframes animationFrames{



  0% {



    -moz-transform:  translate(0px,0px)  ;



  }



  25% {



    -moz-transform:  translate(-50px,0px)  ;



  }
  
    75% {

    -moz-transform:  translate(50px,0px)  ;

  }
  
  



  100% {



    -moz-transform:  translate(0px,0px)  ;



  }



}

@-webkit-keyframes animationFrames {



  0% {



    -webkit-transform:  translate(0px,0px)  ;



  }



 25% {



    -webkit-transform:  translate(-50px,0px)  ;



  }
  
   75% {

    -webkit-transform:  translate(50px,0px)  ;

  }



  100% {



    -webkit-transform:  translate(0px,0px)  ;



  }



}

@-o-keyframes animationFrames {



  0% {



    -o-transform:  translate(0px,0px)  ;



  }



  40% {



    -o-transform:  translate(-50px,0px)  ;



  }



  100% {



    -o-transform:  translate(50px,0px)  ;



  }



}

@-ms-keyframes animationFrames {



  0% {



    -ms-transform:  translate(0px,0px)  ;



  }



  40% {



    -ms-transform:  translate(-50px,0px)  ;



  }



  100% {



    -ms-transform:  translate(50px,0px)  ;



  }



}