.kc_fab_overlay{
display:none;}
.kc_fab_wrapper{
z-index: 9999;
width:100%;
height:240px;
position:fixed;
right:0px;
bottom:0px;
pointer-events:none;
}
.sub_fab_btns_wrapper{
right:0;
bottom:95px;
position:absolute;
display:none;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
pointer-events:all;
}
.sub_fab_btns_wrapper button[data-link-title]:hover:after{
content: attr(data-link-title);
opacity: 1;
transition: all 0.5s;
background: rgba(0, 0, 0, 0.7);
padding: 0 10px;
border-radius: 15px;
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
line-height: 35px;
min-width: 100px;
pointer-events: none;
position: absolute;
margin-top: -40px;
right: 102%;
}
.sub_fab_btns_wrapper.show{
display:block;
opacity: 1;
}
.sub_fab_btns_wrapper button{
cursor: pointer;
width:50px;
height:50px;
border-radius:100%;
background:#F44336;
margin-bottom:5px;
margin-right:35px;
padding:0;
border:none;
outline:none;
color:#FFF;
font-size: 19px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
transition:.3s;  
pointer-events:all;
}
.sub_fab_btns_wrapper button span {
width:50px;
height:50px;
display:block;
}
.sub_fab_btns_wrapper button span i {
line-height:50px;
}
.sub_fab_btns_wrapper button img {
width:100%;
height: 100%;
}
button.kc_fab_main_btn{
cursor: pointer;
background-color:#F44336;
width:60px;
height:60px;
border-radius:100%;
background:#F44336;
right:30px;
bottom:30px;
position:absolute;
margin-right:0;
margin-bottom:0;
padding:0;
border:none;
outline:none;
color:#FFF;
font-size:24px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
transition:.3s;  
-webkit-tap-highlight-color: rgba(0,0,0,0);
pointer-events:all;
}
.kc_fab_main_btn span{
transition:.5s;  
}
.kc_fab_main_btn:focus {
transform:scale(1.1);
transform:rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.ink {
display: block;
position: absolute;
background:rgba(255, 255, 255, 0.3);
border-radius: 100%;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
pointer-events:all;
}
.animate {
-webkit-animation:ripple 0.65s linear;
-moz-animation:ripple 0.65s linear;
-ms-animation:ripple 0.65s linear;
-o-animation:ripple 0.65s linear;
animation:ripple 0.65s linear;
}
@-webkit-keyframes ripple {
100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
100% {opacity: 0; transform: scale(2.5);}
}