main{
	margin-bottom:200%
	}
	.floating-menu{
		border-radius:100px;
		z-index:999;
		padding-top:10px;
		padding-bottom:10px;
		left:0;
		position:fixed;
		display:inline-block;
		top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%)
		}
	.main-menu{
		margin:0;
		padding-left:0;
		list-style:none
		}
	.main-menu li a{
		display:block;
		padding:10px;
		color:#fff;
		border-radius:10px;
		position:relative;
		-webkit-transition:none;
		-o-transition:none;
		transition:none
		}
	
	.main-menu li a:hover{
		background:rgba(244,244,244,.3)
		}
	
	.menu-bg{
		background-image:-webkit-linear-gradient(top,#0cb8b6 0,#24bfbd 100%);
		background-image:-o-linear-gradient(top,#0cb8b6 0,#24bfbd 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,from(#0cb8b6),to(#24bfbd));
		background-image:linear-gradient(to bottom,#0cb8b6 0,#24bfbd 100%);
		background-repeat:repeat-x;
		position:absolute;
		width:100%;
		height:100%;
		border-radius:10px;
		z-index:-1;
		top:0;
		left:0;
		-webkit-transition:.1s;-o-transition:.1s;transition:.1s;
		box-shadow: 5px 9px 9px 0px rgba(0,0,0,0.59);
		-webkit-box-shadow: 5px 9px 9px 0px rgba(0,0,0,0.59);
		-moz-box-shadow: 5px 9px 9px 0px rgba(0,0,0,0.59);
	}
	.ripple{
		position:relative;
		overflow:hidden;
		transform:translate3d(0,0,0)
	}
	.ripple:after{
		content:"";
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		pointer-events:none;
		background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
		background-repeat:no-repeat;
		background-position:50%;
		transform:scale(10,10);
		opacity:0;
		transition:transform .5s,opacity 1s
	}
	.ripple:active:after{
		transform:scale(0,0);
		opacity:.2;
		transition:0s
	}