.float {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color: #fff;
    border-radius:50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    animation:51s ease 0s normal forwards 1 fadein;
    -webkit-animation:51s ease 0s normal forwards 1 fadein;
    opacity:1
}

.floatx {
    position:fixed;
    width:60px;
    height:60px;
    bottom:24px;
    right:40px;
    color: #fff;
    text-align: center;
    font-size: 0px;
}

.floatx:hover{
    width: 275px;
    text-decoration: none;
    font-size: 30px;
    color: #FFF
    font-weight: 100;
}

.my-float {
	margin-top: 16px;
}

.float:link{
    text-decoration: none;
    color:#FFF;
}

.float:hover{
    width: 275px;
    text-decoration: none;
    color:#FFF;
    font-size: 0px;
}

.float:visited{
    text-decoration: none;
    color:#FFF;
}

.float:active{
    text-decoration: none;
    color:#FFF;
}

span.stretch {
    font-family: Helvetica, Arial;
    display:inline-block;
    -webkit-transform:scale(1,1.2); /* Safari and Chrome */
    -moz-transform:scale(1,1.2); /* Firefox */
    -ms-transform:scale(1,1.2); /* IE 9 */
    -o-transform:scale(1,1.2); /* Opera */
    transform:scale(1,1.2); /* W3C */
}

@keyframes fadein{
    0%{opacity:0}
    95%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadein{
    0%{opacity:0}
    95%{opacity:0}
    100%{opacity:1}
}