footer .top-footer {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border-color: #fff !important
}

    footer .top-footer h1, footer .top-footer h2, footer .top-footer h3, footer .top-footer h4, footer .top-footer h5, footer .top-footer h6, footer .top-footer .h1, footer .top-footer .h2, footer .top-footer .h3, footer .top-footer .h4, footer .top-footer .h5, footer .top-footer .h6 {
        color: #f4d500 !important
    }

    footer .top-footer a {
        color: #fff !important
    }

        footer .top-footer a:hover {
            color: #fff !important
        }

footer .middle-footer {
    border-color: #393939 !important
}


.footer-container {
    box-shadow: 0 0 10px 1px #e8e8e8
}


@media(max-width:767px) {
    

    .footer.footer2 .bottom-footer {
        font-size: 11px
    }
}

.footer .middle-footer a:hover, .footer .middle-footer a:focus {
    color: #3c3c3c
}

.footer.footer2 .middle-footer {
    background-color: #1a1a1a !important
}

.footer h6 {
    color: #fff !important
}

.footer .middle-footer h6 {
    font-size: 18px !important
}

.footer .middle-footer a, .footer .middle-footer span, .footer .middle-footer strong, .footer .middle-footer li {
    color: #fff !important;
    font-size: 14px !important
}

    .footer .middle-footer a:hover, .footer .middle-footer a:focus {
        color: #f4d500 !important
    }

@media(max-width:768px) {
    footer ul.list-icon {
        width: fit-content;
        margin: 0 auto
    }
}


@media(max-width:767px) {
    
    .footer .top-footer .block.newsletter {
        max-width: 100% !important
    }

    .top-footer {
        height: 380px
    }

    .footer-img-left {
        display: none
    }

    .footer-img-right {
        transform: translateX(0%) !important;
        max-width: 320px !important
    }

    .footer-logo {
        text-align: center;
        margin-top: -30px
    }

    ul.social-link.margin-top15 {
        margin: 30px 15% 0
    }
}


.footer-container .block .newsletter input#newsletter-footer {
    color: #1a1a1a !important;
    background: #eee !important
}

.footer.footer2 .top-footer {
    background-color: #0b0b0b !important
}

.footer.footer2 .top-footer {
    position: relative
}

.footer-img-left {
    position: absolute;
    left: 0;
    transform: translateX(-15%);
    bottom: 0;
    z-index: 0;
    width: 100%;
    max-width: 480px
}

.footer-img-right {
    position: absolute;
    right: 0;
    transform: translateX(15%);
    bottom: 0;
    z-index: 0;
    width: 100%;
    max-width: 480px
}

@media(min-width:768px) {
    .footer .top-footer .block.newsletter {
        max-width: 35% !important
    }
}