footer
{
	position: relative;
	width:100%;
	background:#3586ff;
	min-height: 100px;
	padding: 20px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
footer .social_icon,
footer .menu
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin : 10px 0;
	flex-wrap: wrap;
}

footer .social_icon li,
footer .menu li
{
	list-style: none;	
}

footer .social_icon li a
{
	font-size: 2em;
	margin: 0 10px;
	display: inline-block;
	color:#fff;
	transition: 0.5s;	
}
footer .social_icon li a:hover
{
	transform: translateY(-10px);
}

footer .menu li a
{
	font-size: 1.2em;
	margin: 0 10px;
	display: inline-block;
	color:#fff;
	transition: 0.5s;
	text-decoration:none;
	opacity : 0.75;
}
footer .menu li a:hover
{
	opacity : 1;
}
footer padding
{
	color: #fff;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.1em;
}	

footer .wave
{
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(../../dist/img/wave.png);
	background-size:1000px 100px;
}
footer .wave#wave1
{
	z-index:1000;
	opacity:1;
	bottom:0;
	animation: animatewave1 4s linear infinite;
}
footer .wave#wave2
{
	z-index:999;
	opacity:0.5;
	bottom:10px;
	animation: animatewave2 4s linear infinite;
}
footer .wave#wave3
{
	z-index:1000;
	opacity:0.2;
	bottom:15px;
	animation: animatewave3 3s linear infinite;
}
footer .wave#wave4
{
	z-index:999;
	opacity:0.7;
	bottom:20px;
	animation: animatewave4 3s linear infinite;
}
@keyframes  animatewave1
{
	0%
	{
		background-position-x:1000px;
	}
	100%
	{
		background-position-x:0px;
	}
}
@keyframes  animatewave1
{
	0%
	{
		background-position-x:0px;
	}
	100%
	{
		background-position-x:1000px;
	}
}
@keyframes  animatewave3
{
	0%
	{
		background-position-x:1000px;
	}
	100%
	{
		background-position-x:0px;
	}
}
@keyframes  animatewave4
{
	0%
	{
		background-position-x:0px;
	}
	100%
	{
		background-position-x:1000px;
	}
}