/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation: pulse 1.5s infinite;
	-webkit-animation: pulse 1.5s infinite;
	
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	50% {
		transform: scale(1.1);
		opacity: 1;	
		box-shadow: 0 0 0 10px rgba(225, 225, 225, 0.2);
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	50% {
		-webkit-transform: scale(1.1);
		opacity: 1;	
		-webkit-box-shadow: 0 0 0 10px rgba(225, 225, 225, 0.2);
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}			
}

/*
==============================================
pulseb
==============================================
*/

.pulseb{
	animation-name: pulseb;
	-webkit-animation-name: pulseb;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulseb {
	0% {
		transform: scale(0.9);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulseb {
	0% {
		-webkit-transform: scale(0.9);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}			
}


/*
==============================================
pulsec
==============================================
*/

.pulsec{
	animation-name: pulsec;
	-webkit-animation-name: pulsec;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulsec {
	0% {
		transform: scale(0.98);
		opacity: 1;		
	}
	80% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.98);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulsec {
	0% {
		-webkit-transform: scale(0.98);
		opacity: 1;		
	}
	80% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.98);
		opacity: 1;	
	}			
}