label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

	.float0{
	position:fixed;
	width:50px;
	height:50px;
	bottom:10px;
	right:10px;

	background-color:rgb(0, 0, 0);	
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(179, 213, 241);
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.float1{
	position:fixed;
	width:100px;
	height:100px;
	bottom:10px;
	left:10px;

	background-color:rgb(0, 0, 0);	
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(179, 213, 241);
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.menmen ul{
	position:fixed;
	right:10px;
	padding-bottom:10px;
	bottom:50px;
	z-index:100;
}

.menmen ul li{
	list-style:none;
	margin-bottom:10px;
}

.menmen ul li a{
	
	background-color:rgb(0, 0, 0);
	color:rgb(251, 255, 0);
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(251, 255, 0);
	width:50px;
	height:50px;
	display:block;
}

.menmen ul:hover{
	visibility:visible!important;
	opacity:1!important;
}


.my-float{
	font-size:24px;
	margin-top:18px;
}

a#menu-share + ul{
  visibility: hidden;
}

.menmen a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

.menmen a#menu-share i{
	animation: rotate-in 0.5s;
}

.menmen a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

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

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

.awesome {

	-webkit-animation: colorchange 20s infinite alternate;
  }
  
  @-webkit-keyframes colorchange {
	0% {
	  color: rgb(255, 255, 255);
	}
	10% {
	  color: #b301ff;
	}
	20% {
	  color: #1abc9c;
	}
	30% {
	  color: #d35400;
	}
	40% {
	  color: rgb(255, 255, 255);
	}
	50% {
	  color: #34495e;
	}
	60% {
	  color: blue;
	}
	70% {
	  color: #2980b9;
	}
	80% {
	  color: #f1c40f;
	}
	90% {
	  color: #ffffff;
	}
	100% {
	  color: pink;
	}
  }

  .bwesome {

	-webkit-animation: colorchangex 20s infinite alternate;
  }
  
  @-webkit-keyframes colorchangexss {
	0% {
		background-color: rgb(255, 255, 255);
	  
	}
	10% {
		background-color: #b301ff;
	}
	20% {
		background-color: #1abc9c;
	}
	30% {
		background-color: #d35400;
	}
	40% {
		background-color: rgb(255, 255, 255);
	}
	50% {
		background-color: #34495e;
	}
	60% {
		background-color: blue;
	}
	70% {
		background-color: #2980b9;
	}
	80% {
		background-color: #f1c40f;
	}
	90% {
		background-color: #ffffff;
	}
	100% {
		background-color: pink;
	}
  }


  label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrowr{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

	.float0r{
	position:fixed;
	width:50px;
	height:50px;
	bottom:10px;
	left:10px;

	background-color:rgb(0, 0, 0);	
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(179, 213, 241);
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.float1r{
	position:fixed;
	width:100px;
	height:100px;
	bottom:10px;
	left:10px;

	background-color:rgb(0, 0, 0);	
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(179, 213, 241);
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.menmenr ul{
	position:fixed;
	left:10px;
	padding-bottom:10px;
	bottom:50px;
	z-index:100;
}

.menmenr ul li{
	list-style:none;
	margin-bottom:10px;
}

.menmenr ul li a{
	
	background-color:rgb(0, 0, 0);
	color:rgb(251, 255, 0);
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px rgb(251, 255, 0);
	width:50px;
	height:50px;
	display:block;
}

.menmenr ul:hover{
	visibility:visible!important;
	opacity:1!important;
}


.my-floatr{
	font-size:24px;
	margin-top:18px;
}

a#menu-sharer + ul{
  visibility: hidden;
}

.menmenr a#menu-sharer:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

.menmenr a#menu-sharer i{
	animation: rotate-in 0.5s;
}

.menmenr a#menu-sharer:hover > i{
	animation: rotate-out 0.5s;
}

.heleh{
	visibility: hidden;
}
audio{
	width: 0px;
	height: 0px;
}