/* Footer */
footer {
    color: #b8a8a8;
    background: #000000;
}

    footer .max-width {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 55px;
        padding-bottom: 50px;
    }

.footer_logo p {
    width: 80%;
    font-size: 14px;
    line-height: 32px;
    margin: 40px 0;
    color: #b8a8a8;
}

.footer_logo {
    width: 30%;
}

.footer_links {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
}

.footer_links_info {
    width: 33.33%;
}

    .footer_links_info h5 {
        margin-bottom: 7px;
        color: #b8a8a8;
        font-size: 15px;
        font-weight: bold;
        font-family: "Roboto", sans-serif;
    }

    .footer_links_info ul {
        padding: 0;
        margin-left: 0;
    }

    .footer_links_info li {
        margin-bottom: 7px;
        list-style-type: none;
    }

        .footer_links_info li a {
            text-decoration: none;
            font-size: 13px;
            position: relative;
            color: #b8a8a8;
            font-weight: 300;
        }

.footer_contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer_links_info li a:hover {
    color: #fff;
}

.footer_links_info li a::after {
    bottom: -3px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background-color: #fff;
    -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.footer_links_info li a:hover::after {
    width: 100%;
}

.footer_links_info li a img {
    margin-right: 10px;
    width: 15px;
}

.footer_contact_tel {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_social_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .footer_social_links a {
        margin-left: 8px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #201c43;
        border-radius: 8px;
        padding: 7px;
    }

        .footer_social_links a:hover {
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }

.footer_contact a:hover::after {
    display: none;
}

.footer_links_info .footer_social_links a img {
    width: auto;
}

p.footer_copyright {
    margin: 0;
}

.footer_bottom,
.footer_bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_bottom {
    max-width: 1360px;
    margin: auto;
    padding: 0 40px;
    padding-bottom: 40px;
}

.footer_here img {
    width: 90px;
}

.footer_bottom .footer_copyright {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #b8a8a8;
}

.footer_bottom ul {
    margin: 0;
    list-style-type: none;
    margin-right: 100px;
    margin-left: auto;
}

    .footer_bottom ul h5 {
        margin: 0px;
        color: #b8a8a8;
        font-size: 16px;
        margin-right: 30px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }

.footer_here p {
    margin: 0;
    color: #b8a8a8;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.02em;
}

.footer_here span {
    font-weight: 900;
}

.footer_bottom .footer_copyright_mobile {
    display: none;
}
/* Footer */

/* Mobile CSS */
@media only screen and (max-width: 600px) {
    .max-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer_bottom .footer_copyright_mobile,
    .footer_links {
        display: block;
    }

    .footer_bottom .footer_copyright_desktop {
        display: none;
    }

    footer .max-width {
        display: block;
        padding: 30px 20px;
    }

    .footer_logo p,
    .footer_logo,
    .footer_links,
    .footer_links_info {
        width: 100%;
    }

    .footer_links {
        padding-left: 0;
    }

    .footer_bottom {
        padding: 0 20px 20px;
        display: block;
    }

        .footer_bottom ul,
        .footer_bottom ul h5 {
            display: block;
            margin-right: 0;
            margin-bottom: 10px;
        }

    .footer_here p {
        font-size: 14px;
        text-align: right;
    }
}