.site-footer {
    @media (max-width:479px) {
        [class*="col-"] {
            width: 100%;
        }
    }
}

.site-footer__top {
    padding-top: 35px;
    padding-bottom: 25px;
    background-color: #5d5f67;

    @media (max-width:479px) {
        text-align: center;
    }
}

.footer-breadcrumbs {
    ul {
        margin-bottom: 50px;
        padding-bottom: 8px;
        border-bottom: 1px solid #494b54;
    }

    li {
        display: inline-block;
        font-size: 12px;
        color: #999ba0;

        &:before {
            content: '/';
            margin-left: 5px;
            margin-right: 5px;
            color: #494b54;
        }

        &:first-child {
            &:before {
                display: none;
            }
        }
    }

    a {
        color: inherit;
    }
}

.footer-column {
    margin-bottom: 30px;
}

.footer-column__title {
    margin-top: 0px;
    margin-bottom: 18px;
    font-size: 16px;
    color: #fff;
}

.footer-column__nav {
    ul {}

    li {
        margin-top: 12px;

        &:first-child {
            margin-top: 0;
        }
    }

    a {
        display: block;
        font-size: 14px;
        line-height: 1.28;
        color: #aeafb3;
    }
}

.site-footer__bottom {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #343741;

    div[class*="row"] {
        display: flex;
        /* [1] */
        align-items: center;
        /* [3] */
    }

    @media (max-width: 767px) {
        text-align: center;
    }

    @media (min-width: 768px) {
        [class*="col-"] {
            &:last-child {
                text-align: right;
            }
        }
    }
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    margin-right: 60px;

    img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    @media (max-width:767px) {
        display: block;
        margin: 0 auto 25px auto;
    }
}

.footer-social {
    display: inline-block;
    vertical-align: middle;

    li {
        display: inline-block;
        margin-right: 5px;
    }

    a {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #fff;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #343741;
    }

    span {
        display: none;
    }

    @media (max-width:767px) {
        display: block;
        margin: 0 auto 20px auto;
    }
}

.footer-nav {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    vertical-align: middle;

    ul {
        font-size: 12px;
        margin-left: -5px;
        margin-rightr: -5px;
    }

    li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        color: #999ba0
    }

    a {
        display: block;
        border-bottom: 1px solid;
        line-height: 1;
        color: inherit;

        &:hover,
        &:focus {
            text-decoration: none;
            border: 0;
        }
    }

    @media (max-width:767px) {
        display: block;
        margin: 0 auto 5px auto;
    }
}

.footer-copyright {
    display: inline-block;
    margin: 6px 0 6px 6px;
    vertical-align: middle;
    font-size: 12px;
    color: #999ba0;

    @media (max-width:767px) {
        display: block;
        margin-left: 0;
    }
}

.sw19b-footer-slim-links {
    background: #333840;
    padding: 15px 0;

    .std-wrap {
        margin-left: auto;
        margin-right: auto;
        padding-left: 8px;
        padding-right: 8px;
        max-width: 1141px;
    }

    .links {
        display: grid;
        grid-template-columns: repeat(3, 33%);
        row-gap: 10px;
        text-align: center;
    }

    a {
        font-size: 14px;
        color: #a2a4a8;
    }

    @media (max-width: 1200px) {
        .std-wrap {
            max-width: 956px;
        }
    }

    @media (max-width: 992px) {
        .std-wrap {
            max-width: 736px;
        }
    }

    @media (max-width: 425px) {
        .links {
            grid-template-columns: 100%;
        }
    }
}