button.scroltop {
    position: fixed;
    right: 20px;
    bottom: 60px;
    z-index: 9999;
    display: none;
    flex-direction: column;
    box-shadow: none;
    background: var(--colorYellow);
    color: var(--colorDarkGrey);
    border: 0px;
    padding: 10px 15px;
    border-radius: 50%;
    align-items: center;
    font-size: 1rem;
}
button.scroltop.active {display: flex;}
button.scroltop i {
    color: var(--colorDarkGrey);
}
footer.site-footer.footer-dark {
    background: var(--colorDarkGrey);
    padding: 10px 15px;
}

ul.footer-contact {
    list-style: none;
    margin: 0px;
    padding: 0;
}
ul.footer-contact li {padding: 10px;}
ul.footer-contact li, ul.footer-contact li a, ul.footer-contact li i, ul.footer-contact li a i {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}


ul.footer-contact li i, ul.footer-contact li a i {
    margin-right: 10px;
}

.logo-footer img {
    width: 100%;
    max-width: 200px;
}

.footer-top.overlay-wraper {
    padding: 20px 0px;
}

.logo-footer {
    margin-bottom: 20px;
}
.footer-widget-box h3{
    color: #fff;
    font-size: 2.5rem;
}
ul.footer-link {
    margin: 0;
    padding: 0;
}
ul.footer-link li::marker {
    color: #fff;
    font-size: 20px;
}
ul.footer-link li {
    padding: 10px 0;
}
ul.footer-link li a{
    display:block;
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
}
ul.footer-redes {
    list-style: none;
    margin: 0px;
    padding: 0;
}
ul.footer-redes li {padding: 10px 0;}
ul.footer-redes li, ul.footer-redes li a, ul.footer-redes li i, ul.footer-redes li a i {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.footer-top.overlay-wraper .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-top.overlay-wraper .row .col-lg-4 {
    flex-basis: auto;
    gap: 100px;
    display: flex;
    justify-content: center;
}
ul.footer-redes span.icon img {
    width: 100%;
}

ul.footer-redes span.icon {
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
}

ul.footer-redes span.icon i {
    font-size: 2rem;
    font-weight: 100;
}
@media (max-width: 767px) {
    .footer-widget-box {padding-top: 50px;}
    .footer-widget-box.about-us {text-align: center;}
}