/*COLORS*/
.flt-btn{ background-color:#2fba43 !important; }

ul.list-flt-btn li a{ background-color:#2fba43 !important; }

.flt-btn i:hover, .flt-btn:hover, .flt-btn:active{ color:#fff !important; }

.flt-btn.btn-circle:before{
	background: #2ba73d !important;
}

/*DEFAULT CONFIG*/

.btn-click-float .label-container{
	position:fixed;
	bottom:29px;
	right:105px;
	display:table;
	visibility: hidden;
	z-index: 999 !important;
}

.btn-click-float .label-container .label-text{
	color:#FFF;
	background:rgba(51,51,51,0.8);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
	z-index: 999 !important;
}

.btn-click-float .label-container .label-arrow{
	display:table-cell;
	vertical-align:middle;
	color: rgba(51,51,51,0.8);
	opacity:0.9;
	z-index: 999 !important;
}

.flt-btn{
	position:fixed;
	width:50px;
	height:50px;
	bottom:20px;
	right:25px;
	color:#FFF!important;
	border-radius:50px;
	text-align:center;
-webkit-box-shadow: 3px 1px 20px 4px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 1px 20px 4px rgba(0,0,0,0.4);
box-shadow: 3px 1px 20px 4px rgba(0,0,0,0.4);
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

ul.list-flt-btn{
	position:fixed;
	right:20px;
	padding-bottom:20px;
	bottom:80px;
	z-index:100;
}

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

ul.list-flt-btn li a{
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	width:50px;
	height:50px;
	display:block;
}

ul.list-flt-btn:hover{
	visibility:visible!important;
	opacity:1!important;
}


.m-float-btn{
	font-size:63px;
	margin-top:-11px;
	margin-left: -0.8px;
}

a.flt-btn + div.label-container {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s ease;
}

a.flt-btn:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

a.flt-btn + div.label-container:not(:active) {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

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

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

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

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

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

@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);}
}

@media (max-width: 576px){

	.flt-btn{
		position:fixed;
		width:50px;
		height:50px;
		bottom:20px;
		right:15px;
	}

	.btn-click-float .label-container{
		bottom:18px;
		right:70px;
	}

	.btn-click-float .label-container .label-text{
		padding:7px;
		font-size: 12px;
	}

	.m-float-btn{
		font-size:60px;
		margin-top: -10px;
    	margin-left: -1.8px;
	}

}