.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.index-about .right:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
@-webkit-keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

@keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

@keyframes bottomFloat {
	from {
		transform: translateY(-20px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}


@keyframes border-transform{
	0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
	}
	
	@keyframes move_wave {
	  0% {
	  transform: scale(1)
	  }
	  50% {
		transform: scale(1.5)
	  }
	  100% {
		transform: scale(1)
	  }
	  }

	  @keyframes wave {
		to {transform: translateX(-100%);}
	  }

	  @keyframes overlayAnimation { 
		0% {  background-position:0% 50%}
		50% {background-position:100% 50%; }
		100% { background-position:0% -50%}
	}
@keyframes bgscale {

		from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
		
		to { -webkit-transform: scale(1.05); transform: scale(1.05);}
		
		}