#footer {
    background: #00435a;
    padding: 83px 0 56px
}

#footer .logo {
    margin-bottom: 27px
}

#footer .sociables {
    margin-bottom: 0;
    padding-right: 24px;
    text-align: right
}

#footer p {
    color: #fff
}

#footer h6 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 7px
}

#footer .newsletter-form {
    margin-top: auto
}

#footer .footer-links {
    -moz-column-gap: 18px;
    column-gap: 18px;
    display: grid;
    grid-template-columns: 1fr auto;
    list-style-type: none;
    padding: 0
}

#footer .footer-links li {
    color: #fff
}

#footer .footer-links li a {
    color: inherit;
    position: relative
}

#footer .footer-links li a:after {
    background: #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    -o-transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    width: 0
}

#footer .footer-links li a:hover:after {
    width: 100%
}

#footer .contact-options  {
    color: #fff;
}

#footer .contact-options li i {
    font-size: 1rem
}

.contact-options {
    list-style-type: none;
    padding: 0;
}

.contact-options li a {
    color: inherit;
}
.sociables {
    list-style-type: none;
    padding: 0;
}

.sociables li {
    color: #fff;
    display: inline-block;
    margin-right: 8px;
}

.sociables li a {
    color: inherit;
}



@media (max-width:991px) {
    #footer .logo img {
        max-width: 120px
    }

    #footer .newsletter-form {
        margin-bottom: 24px
    }

    #footer .sociables {
        margin-top: 20px;
        padding-right: 0;
        text-align: left
    }
}

@media (max-width:767px) {
    #footer {
        padding: 45px 0 30px
    }
}
