.footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    position: relative
}

.footer__main--no-map .footer__info {
    padding: 4.8rem calc(50% - 55rem);
    width: 100%
}

    .footer__main--no-map .footer__info:after {
        display: none
    }

.footer__main--no-map .footer__section {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer__awards-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__awards-main-single:not(:last-child) {
    margin-right: .8rem
}

    .footer__awards-main-single:not(:last-child):after {
        margin-left: .8rem
    }

.footer__background-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: top;
    background-size: cover;
    z-index: 0
}

.footer__background-container--overlay:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(0,0%,100%,.75)
}

.footer__info {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4.8rem 1.6rem 4.8rem calc(50% - 55rem);
    position: relative;
    z-index: 1
}

@media (max-width: 1199px) {
    .footer__info {
        padding: 4.8rem 1.6rem
    }
}

@media (max-width: 991px) {
    .footer__info {
        display: block;
        width: 100%;
        padding: 1.6rem
    }
}

.footer__info:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,95.7%,0)),to(#f4f4f4));
    background: linear-gradient(90deg,hsla(0,0%,95.7%,0),#f4f4f4);
    z-index: -1;
    width: 100%;
    height: 100%
}

.footer__info .hours--simple .hours__day {
    color: #333
}

.footer__language-toggle {
    height: 4.2rem;
    width: 100%;
    max-width: 40rem;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #777;
    border-radius: 3px;
    padding: .4rem 1.6rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .footer__language-toggle .icon {
        color: var(--color-primary)
    }

    .footer__language-toggle:active, .footer__language-toggle:focus {
        -webkit-box-shadow: 0 0 0 1px #bbb;
        box-shadow: 0 0 0 1px #bbb
    }

    .footer__language-toggle.location .header-popout {
        z-index: 99990
    }

.footer__lower--has-compliancy {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .footer__lower--has-compliancy {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__compliancy-wrapper {
    margin-left: 0;
    margin-right: auto
}

@media (max-width: 991px) {
    .footer__compliancy-wrapper {
        width: 100%;
        margin: 0 auto 1.6rem
    }
}

.footer__compliancy-logo {
    width: 14rem
}

.footer__mobile-buttons strong {
    margin-right: .8rem
}

.footer.dark .footer__info .hours--simple .hours__day {
    color: #fff
}

.footer.dark .footer__language-toggle {
    border: 1px solid #fff
}

.footer.dark .footer__background-container--overlay:after {
    background: rgba(0,0,0,.75)
}

.footer.dark .footer__info:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(51,51,51,0)),to(#333));
    background: linear-gradient(90deg,rgba(51,51,51,0),#333)
}

.footer__section {
    width: 50%;
    margin: 1.6rem 0
}

@media (max-width: 991px) {
    .footer__section {
        width: 100%
    }
}

.footer__map {
    position: relative;
    width: 50%;
    background: #f4f4f4
}

.footer__svg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 12%;
    pointer-events: none
}

    .footer__svg svg {
        height: 100%;
        width: 100%
    }

.footer .mobials-root {
    max-width: 80%
}

@media (max-width: 991px) {
    .footer .mobials-root {
        margin: 0 auto
    }
}