<footer id="main-footer" style="position: absolute; top: 0; left: 0; width: 100%; z-index: 5;">



                <div id="footer-bottom">
                    <div class="container clearfix">
                <ul class="et-social-icons">

    <li class="et-social-icon et-social-facebook">
        <a href="https://www.facebook.com/biocryptology/" class="icon" target="_blank">
            <span>Facebook</span>
        </a>
    </li>
    <li class="et-social-icon et-social-twitter">
        <a href="https://twitter.com/Biocryptology" class="icon" target="_blank">
            <span>Twitter</span>
        </a>
    </li>
    <li class="et-social-icon et-social-google-plus">
        <a href="https://plus.google.com/u/0/103700007741337424686" class="icon" target="_blank">
            <span>Google</span>
        </a>

</li><li class="et-social-icon et-social-youtube">
        <a target="_blank" href="https://www.youtube.com/channel/UC28T9ZHr3IWg_uriKMSWq5g/" class="icon">

<span></span>
</a>
</li>

<li class="et-social-icon et-social-instagram">
        <a target="_blank" href="https://www.instagram.com/biocryptology_app/" class="icon" target="_blank">

<span></span>
</a>

</li><li class="image">
        <a target="_blank" href="https://www.bfree.com/wp-login.php?loginbiocryptology=1/" class="icon">
<img src="https://bfree.com/wp-content/uploads/2018/01/boton_bio_login-01.svg" width="84px" height="25px" alt="login">

<span></span>
</a>
</li>






</ul>               </div>  <!-- .container -->
                </div>
            </footer>

<style>

.sticky-bar {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 25px;
    left: 0;
    right: 0;
    width: 89%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    background: rgba(0,0,0,.4);
    text-align: left;
    transition: opacity .4s linear;
    pointer-events: none;
}

.sticky-bar.sticky-bar--show {
    opacity: 1;
    pointer-events: auto;
}

.sticky-bar ul {
    font-size: 16px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    top: 8px;
}

.sticky-bar ul li {
    display: inline-block;
    color: #FFF;
    margin-right: 15px;
}

.sticky-bar ul li strong {
    margin-right: 2px;
}

.sticky-bar a {
    float: right;
    font-size: 16px;
}

.sticky-bar .et_pb_button:after, .sticky-bar .et_pb_button:before {
    transform: scale(0.8);
    margin-top: -3px;
}

</style>

<div class="sticky-bar">
    <div class="clearfix">
        <ul>
            <li><strong>✓</strong> Be free of usernames and passwords</li>
            <li><strong>✓</strong> Be free of leaving a trail of your ID</li>
            <li><strong>✓</strong> Be free of identity theft and fraud</li>
        </ul>
        <a class="et_pb_button et_pb_button_0 et_pb_module et_pb_bg_layout_dark" href="https://bfree.com/download-install-the-app-2/" target="_blank">Download app</a>
    </div>
</div>

<script>

(function($) {

    $(window).on("scroll", function(e) {

        var top = $("#time-is-now").offset().top;

        if($(window).scrollTop() > top) {
            $(".sticky-bar").addClass("sticky-bar--show");
        } else {
            $(".sticky-bar").removeClass("sticky-bar--show");
        }

    });

})(jQuery);

</script>