.floating-footer {
    background-color: #4f4f4f;
    border-bottom: 3px solid #b1b1b1;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.45);
    color: white;
    display: none;
    left: 0;
    margin-bottom: 0;
    padding:0;
    position: fixed;
    right: 0;
    transition: all 0.5s ease 0s;
    z-index: 2;
}
.floating-footer .btn:hover { color: #ffffff; }

.floating-footer .js-float-body {
    padding: 10px;
}

.floating-footer a { font-weight: normal; }
.floating-footer a[href^="tel:"], 
.floating-footer a[href^="tel:"]:hover, 
.floating-footer a[href^="tel:"]:focus {color: #fff;}


.floating-footer .body-section {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding:12px 16px 8px 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .floating-footer .body-section {
        width: 90%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .floating-footer .body-section {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 1200px) {
    .floating-footer .body-section {
        width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
}   

.js-float-nat-529 { padding:12px 0; line-height: 1.1}
.js-float-nat-529 > .row { height: 36px; }
.js-float-nat-529 p { margin: 0 }
.js-float-login { width: auto;}
.js-float-login a {
    color: #ffffff;
    font-family: "Nimbus Sans Bold";
    text-decoration: none;
}
.js-float-login span a:hover { color: #05c3de; }
.js-float-body { text-align: right; }

.floating-footer-slide-down,
.floating-footer-slide-up {
	display: block;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

.floating-footer-slide-down { height: 0; }


.float-login-button {
    display: inline-block;
    width: auto;
    padding-left: 16px;
    line-height: 16px;

    @media screen and (max-width: 767px) {
        margin:11px 0 0 0;
    }
}
.float-invest-now-button {
    display: inline-block;
    width: auto;
    @media screen and (max-width: 767px) {
        padding-left:16px;
    }
}

.float-account-now-button {
    width: 33.33%;
}

.lock-to-static-footer { position: inherit; }

/* Desktop-only Styling */
@media screen and (min-width: 992px) {
	.js-float-login {margin-left: -65px;}
}


.floating-footer a.btn-trp-beacon-blue {
    color:#ffffff;
    background-color: #007DB3;
    border: 2px solid #007DB3;
    border-radius: 4px;
    font-weight:700;
    padding: 7px 15px;
    height:unset;
    width:unset;
}

.floating-footer a.btn-trp-beacon-blue:hover {
    background-color:#006E9E;
    border: 2px solid #006E9E;
    text-decoration: underline !important;
 }

 .floating-footer a.btn-trp-beacon-blue:active {
    color:#ffffff;
    background-color: #00608A;
    border: 2px solid #00608A;
    border-radius: 4px;
    box-shadow: none;
}

.floating-footer a.btn-trp-beacon-blue:focus {
  box-shadow: 0 0 0 2px #265DC5;
  background-color:#006E9E;
  outline: 1px solid #fff;
  outline-offset: 2px;
  border:2px solid #1E2D39;
  text-decoration: underline !important;
}