.float {
    position: fixed;
    width: 128px;
    height: 128px;
    top: 96px;
    left: 298px;
    color: #FFF;
    border-radius: 50% !important;
    text-align: center;
    transition: box-shadow 200ms ease, background-color 200ms ease;
    -moz-transition: box-shadow 200ms ease, background-color 200ms ease;
    -o-transition: box-shadow 200ms ease, background-color 200ms ease;
    -webkit-transition: box-shadow 200ms ease, background-color 200ms ease;
    background-color: #fff !important;
    border-color: #90caf9 !important;
}

@media (max-width: 576px) {
    .float {
        width: 60px;
        height: 60px;
        bottom: 44px;
        top: auto;
        left: 20px;
    }
}

.float:hover {
    box-shadow: 0 2px 3px #999;
    background-color: #1976d2 !important;
    border: none;
}

.helper {
    background: url("../helper.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 11px;
}

.helper.alberto {
    background: url("../albert-avp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 11px;

}

.helper.luis {
    background: url("../luis-avp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 11px;
}

.helper.erodis {
    background: url("../ero-avp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 11px;
}
.helper.guillermo {
    background: url("../guille-avp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 11px;
}