/*-- animation --*/
@keyframes fluidCircle {
	0% { border-radius:50% 45% 47% 48%; }
	05% { border-radius:38% 48% 50% 47%; }
	10% { border-radius:47% 45% 48% 49%; }
	15% { border-radius:48% 48% 49% 50%; }
	20% { border-radius:46% 49% 45% 42%; }
	25% { border-radius:50% 45% 47% 48%; }
	30% { border-radius:44% 38% 43% 45%; }
	35% { border-radius:42% 48% 50% 47%; }
	40% { border-radius:46% 49% 45% 42%; }
	45% { border-radius:50% 45% 37% 48%; }
	50% { border-radius:46% 49% 45% 42%; }
	55% { border-radius:46% 49% 45% 42%; }
	60% { border-radius:47% 45% 48% 49%; }
	65% { border-radius:48% 35% 49% 50%; }
	70% { border-radius:46% 49% 45% 32%; }
	75% { border-radius:50% 45% 47% 48%; }
	80% { border-radius:44% 47% 43% 45%; }
	85% { border-radius:49% 48% 50% 47%; }
	90% { border-radius:50% 45% 47% 48%; }
	95% { border-radius:47% 45% 38% 49%; }
	100% { border-radius:48% 45% 42% 48%; }
}

@-webkit-keyframes fluidCircle{
	0% { border-radius:50% 45% 47% 48%; }
	05% { border-radius:38% 48% 50% 47%; }
	10% { border-radius:47% 45% 48% 49%; }
	15% { border-radius:48% 48% 49% 50%; }
	20% { border-radius:46% 49% 45% 42%; }
	25% { border-radius:50% 45% 47% 48%; }
	30% { border-radius:44% 38% 43% 45%; }
	35% { border-radius:42% 48% 50% 47%; }
	40% { border-radius:46% 49% 45% 42%; }
	45% { border-radius:50% 45% 37% 48%; }
	50% { border-radius:46% 49% 45% 42%; }
	55% { border-radius:46% 49% 45% 42%; }
	60% { border-radius:47% 45% 48% 49%; }
	65% { border-radius:48% 35% 49% 50%; }
	70% { border-radius:46% 49% 45% 32%; }
	75% { border-radius:50% 45% 47% 48%; }
	80% { border-radius:44% 47% 43% 45%; }
	85% { border-radius:49% 48% 50% 47%; }
	90% { border-radius:50% 45% 47% 48%; }
	95% { border-radius:47% 45% 38% 49%; }
	100% { border-radius:48% 45% 42% 48%; }
}

@keyframes circleRotate {
	10% { border-radius:38% 48% 50% 47%; }
	20% { border-radius:47% 45% 40% 49%; }
	30% { border-radius:48% 32% 49% 50%; }
	40% { border-radius:46% 49% 45% 42%; }
	50% { border-radius:35% 45% 32% 42%; }
	60% { border-radius:44% 38% 43% 45%; }
	70% { border-radius:42% 48% 50% 47%; }
	80% { border-radius:46% 49% 45% 42%; }
	90% { border-radius:43% 45% 37% 45%; }
	100% {transform: rotate(360deg); border-radius:48% 48% 49% 50%;}
}

@-webkit-keyframes circleRotate{
	10% { border-radius:38% 48% 50% 47%; }
	20% { border-radius:47% 45% 40% 49%; }
	30% { border-radius:48% 32% 49% 50%; }
	40% { border-radius:46% 49% 45% 42%; }
	50% { border-radius:35% 45% 32% 42%; }
	60% { border-radius:44% 38% 43% 45%; }
	70% { border-radius:42% 48% 50% 47%; }
	80% { border-radius:46% 49% 45% 42%; }
	90% { border-radius:43% 45% 37% 45%; }
	100% {transform: rotate(360deg); border-radius:48% 48% 49% 50%;}
}

@keyframes rotateChangeColor {
	0%  { background: linear-gradient(45deg, rgba(237,44,66,1) 0%, rgba(236,43,184,1) 100%); }
	5%  { background: linear-gradient(120deg, #f51d50, #f4099e); }
	10% { border-radius:38% 48% 50% 47%; }
	15% { background: linear-gradient(120deg, #f81761, #e80796); }
	20% { border-radius:47% 45% 40% 49%; }
	25% { background: linear-gradient(120deg, #ed1466, #f412d7); }
	30% { border-radius:48% 32% 49% 50%; }
	35% { background: linear-gradient(120deg, #f82698, #d80dea); }
	40% { border-radius:46% 49% 45% 42%; }
	45% { background: linear-gradient(120deg, #f612c3, #d80dea); }
	50% { border-radius:35% 45% 32% 42%; 
		  background: linear-gradient(120deg, #e90ed7, #7a20f5); 
		}
	55% { background: linear-gradient(120deg, #db08f4, #610dd4); }
	60% { border-radius:44% 38% 43% 45%; }
	65% { background: linear-gradient(120deg, #ad1df7, #2a10e9); }
	70% { border-radius:42% 48% 50% 47%; }
	75% { background: linear-gradient(120deg, #600aee, #2c69f4); }
	80% { border-radius:46% 49% 45% 42%; }
	85% { background: linear-gradient(120deg, #2b26f9, #10adf7); }
	90% { border-radius:43% 45% 37% 45%; }
	95% { background: linear-gradient(120deg, #600aee, #0de1e9); }
	100% {transform: rotate(360deg); border-radius:48% 48% 49% 50%;
			background: linear-gradient(120deg, #1765f3, #21faca);
		}
}

@-webkit-keyframes rotateChangeColor {
	0%  { background: linear-gradient(45deg, rgba(237,44,66,1) 0%, rgba(236,43,184,1) 100%); }
	5%  { background: linear-gradient(120deg, #f51d50, #f4099e); }
	10% { border-radius:38% 48% 50% 47%; }
	15% { background: linear-gradient(120deg, #f81761, #e80796); }
	20% { border-radius:47% 45% 40% 49%; }
	25% { background: linear-gradient(120deg, #ed1466, #f412d7); }
	30% { border-radius:48% 32% 49% 50%; }
	35% { background: linear-gradient(120deg, #f82698, #d80dea); }
	40% { border-radius:46% 49% 45% 42%; }
	45% { background: linear-gradient(120deg, #f612c3, #d80dea); }
	50% { border-radius:35% 45% 32% 42%; 
		  background: linear-gradient(120deg, #e90ed7, #7a20f5); 
		}
	55% { background: linear-gradient(120deg, #db08f4, #610dd4); }
	60% { border-radius:44% 38% 43% 45%; }
	65% { background: linear-gradient(120deg, #ad1df7, #2a10e9); }
	70% { border-radius:42% 48% 50% 47%; }
	75% { background: linear-gradient(120deg, #600aee, #2c69f4); }
	80% { border-radius:46% 49% 45% 42%; }
	85% { background: linear-gradient(120deg, #2b26f9, #10adf7); }
	90% { border-radius:43% 45% 37% 45%; }
	95% { background: linear-gradient(120deg, #600aee, #0de1e9); }
	100% {transform: rotate(360deg); border-radius:48% 48% 49% 50%;
			background: linear-gradient(120deg, #1765f3, #21faca);
		}
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes floatBalls{
	0%{
		top: 0;
	}

	25%{
		top: 25px;
	}

	50%{
		top: 0;
	}

	75%{
		top: -25px;
	}

	100%{
		top: 0;
	}

}

@keyframes ResfloatBalls{
	0%{
		left: 0;
	}

	25%{
		left: 18px;
	}

	50%{
		left: 0;
	}

	75%{
		left: -18px;
	}

	100%{
		left: 0;
	}

}

@keyframes floatBallsSer{
	0%{
		left: 0;
	}

	25%{
		left: 25px;
	}

	50%{
		left: 0;
	}

	75%{
		left: -25px;
	}

	100%{
		left: 0;
	}

}