.chandy {
  position: absolute;
  top:20%;
  right: 43%;
  text-align: center;
  color: white;
  display:none;
  width:7em;
  height:14em;
  border-radius:25px;
  z-index: 99;
  animation: anihandyblend 2s linear;
}
.csms {
  position: absolute;
  top: 20%;
  left: 5%;
  width:65%;
  transform: translate(10%, 10%);
  color:red;
   animation: anihandyinp; 
}

.cflughandy {
  position: absolute;
  top:30%;
  text-align: center;
  color: white;
  display:none;
  width:7px;
  height:12px;
  border-radius:25px;
  z-index: 99;
  animation: anihandylauf linear 2s 1 normal forwards running;
}


/* Add Zoom Animation */
.animate {
  -webkit-animation: anihandyzoom 0.6s;
	  animation: anihandyzoom 0.6s
}
@-webkit-keyframes 	animate {  
	from {-webkit-transform: scale(0)}   to {-webkit-transform: scale(1)}
}
@keyframes 		animate {  
	from {transform: scale(0)}   to {transform: scale(1)}
}



@-webkit-keyframes 	anihandyzoom {  
	from {-webkit-transform: scale(0)}   to {-webkit-transform: scale(1)}
}
@keyframes 		anihandyzoom {  
	from {transform: scale(0)}   to {transform: scale(1)}
}



@-webkit-keyframes 	anihandyblend {  
  0%    {-webkit-transform: scale(0)}
  25%   {-webkit-transform: scale(0.5)}
  50%   {-webkit-transform: scale(1)}
  75%   {-webkit-transform: scale(0.5)}
  100%  {-webkit-transform: scale(0)}
}
@keyframes 		anihandyblend {  
  0%    {transform: scale(0)}
  25%   {transform: scale(0.5)}
  50%   {transform: scale(1)}
  75%   {transform: scale(0.5)}
  100%  {transform: scale(0)}
}




@-webkit-keyframes 	anihandylauf {  
  0%   {background-color:white;  left:10%; opacity: 90%;}
  25%   {background-color:white; left:20%; opacity: 60%;}
  50%   {background-color:white; left:40%; opacity: 40%;}
  75%   {background-color:white; left:60%; opacity: 20%;}
  100%  {background-color:white; left:80%; opacity: 0%;}
}
@keyframes anihandylauf {
  0%   {background-color:white;  left:10%; opacity: 90%;}
  25%   {background-color:white; left:20%; opacity: 60%;}
  50%   {background-color:white; left:40%; opacity: 40%;}
  75%   {background-color:white; left:60%; opacity: 20%;}
  100%  {background-color:white; left:80%; opacity: 0%;}
}


.anihandyinp {
  -webkit-animation: anihandyinp 3s infinite;
	  animation: anihandyinp 3s infinite;
}

@-webkit-keyframes 	anihandyinp {  
  0%   {background-color:red;  opacity: 0.5;}
  25%   {background-color:red; opacity: 0.6;}
  50%   {background-color:red; opacity: 0.7;}
  75%   {background-color:red; opacity: 0.8;}
  100%  {background-color:red; opacity: 3;}
}
@keyframes anihandyinp {
  0%   {background-color:red;  opacity: 0.5;}
  25%   {background-color:red; opacity: 0.6;}
  50%   {background-color:red; opacity: 0.7;}
  75%   {background-color:red; opacity: 0.8;}
  100%  {background-color:red; opacity: 3;}
}