@keyframes warn 
{
	0% 
	{
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	opacity: 0.0;
	}

	25% 
	{
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	opacity: 0.1;
	}

	50% 
	{
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 0.3;
	}

	75% 
	{
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	opacity: 0.5;
	}

	100% 
	{
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0.0;
	}
}

@keyframes warn1 
{
	0% 
	{
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	opacity: 0.0;
	}

	25% 
	{
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	opacity: 0.1;
	}

	50% 
	{
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	opacity: 0.3;
	}

	75% 
	{
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 0.5;
	}

	100% 
	{
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	opacity: 0.0;
	}
}

.containerCH 
{
	position: relative;
	width: 1px;
	height: 1px;
	left: 1px;
	top: -5px;
	background-color:red;
}

.dotCH 
{
position: absolute;
width: 7px;
height: 7px;
left: 14px;
top: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 1px solid #4395E1;
border-radius: 50%; 
background-color:#4395E1; 
z-index: 2;
}

.pulseCH 
{
position: absolute;
width: 35px;
height: 35px;
left: 0px;
top: 0px;
border: 1px solid #3399ff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
-webkit-animation: warn 2s ease-out;
-moz-animation: warn 2s ease-out;
animation: warn 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #3399ff; 
}

.pulse1CH 
{
	position: absolute;
	width: 35px;
	height: 35px;
	left: 0px;
	top: 0px;
	border: 1px solid #3399ff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn1 2s ease-out;
	-moz-animation: warn1 2s ease-out;
	animation: warn1 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 1px 1px 30px #3399ff; 
}
