html,
body {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}

.card-text {
    font-family: 'Open Sans', sans-serif;
}

.nav-link i.mdi {
    font-size: 28px;
}

.nav-link i.mdi-whatsapp { color: #128c7e; }
.nav-link i.mdi-instagram { color: #e1306c; }
.nav-link i.mdi-facebook { color: #3b5998; }

@media (min-width: 576px) {
    .nav-link i.mdi {
        font-size: 24px;
        line-height: 24px;
    }
}

/*** FOOTER ***/

.sn a {
    color: #BDBDBD;
    background-color: #fff;
    font-size: 1.65em;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    border-radius: 50%;
    margin: 0 0.5em 0.5em 0;
}

.sn a.mdi-linkedin {
    color: #00a0dc;
}
.sn a.mdi-youtube {
    color: #cd201f;
}
.sn a.mdi-facebook {
    color: #3b5998;
}
.sn a.mdi-twitter {
    color: #55acee;
}
.sn a.mdi-instagram {
    color: #e1306c;
}
.sn a.mdi-whatsapp {
    color: #25D366;
}

.sn a.link-ca {
    background-color: transparent;
    background-image: url(https://connectamericas.com/sites/default/files/content-idb/verifiedbadge.png);
    width: 88px;
    height: 31px;
    border-radius: 5px;
}

.site-footer__sitemap .sn a:focus,
.site-footer__sitemap .sn a:hover,
.site-footer__sitemap .sn a:active {
    color: #FFF;
}

.footer a {
    color: #fff;
}

.data-fiscal {
    display: inline-block;
}
.data-fiscal a {
    font-size: 16px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0;
}
.data-fiscal a img {
    height: 50px;
}

/*** FLOATING MENU ***/

.btn-floating i {
    font-size: 1.25rem;
    line-height: 47px;
}

.btn-floating i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center;
}

.btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 47px;
    height: 47px;
}
div.floating-action-menu {
    z-index: 2147483646;
}
div.floating-action-menu > .action-menu {
    visibility: hidden;
    transform: translateY(65px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;

    transition: all 300ms linear;
}
div.floating-action-menu.active > .action-menu {
    visibility: visible;
    transform: translate(0);
    opacity: 1;
    padding-bottom: 5px;
    max-height: 1000px;
}

div.floating-action-menu > .action-menu > .floating-action {
    padding-right: 0.45rem;
}

div.floating-action-menu > .action-menu .btn-floating,
div.floating-action-menu > .action-menu .badge
{
    transform: scale(0.4);
    transition: all 500ms ease-in-out;
}
div.floating-action-menu.active > .action-menu .btn-floating,
div.floating-action-menu.active > .action-menu .badge
{
    transform: scale(1);
}

div.floating-action-menu > .action-button > .btn-floating {
    transition: all 500ms linear;
}
div.floating-action-menu.active > .action-button > .btn-floating {
    background-color: #dc3545;
    border-color: #dc3545;
}
div.floating-action-menu.active > .action-button > .btn-floating:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

div.floating-action-menu > .action-button > .btn-floating > i {
    color: #0953a8;
    transition: transform 500ms ease-in-out;
}
div.floating-action-menu.active > .action-button > .btn-floating > i {
    color: #fff;
    transform: rotate(-315deg);

}

/* custom (para desktop) */

div.floating-action-menu > .action-menu .badge
{
    display: none;
}

div.floating-action-menu.active > .action-menu .floating-action:hover .badge
{
    display: inline-block;
}