﻿.footer-inner-wrap {
    /* background-color: #D8D8D8; */
    padding: 36px 60px 30px 60px;
}

.footer-wrap {
    position: relative;
    padding-bottom: 32px;
    background: #C8C7C6;
    /*     padding-top: 120px; */
    /*     background-image: url(https://ghsitefinitytesting.blob.core.windows.net/airolite-cms-work/images/librariesprovider2/default-album/backgrounds/airolite_footer_background.jpg?sfvrsn=1fa8aea4_2); */
    /*     background-size: cover; */
    /*     background-repeat: no-repeat; */
    /*     background-position: bottom; */
}

.desktop-footer-shape {
    position: absolute;
    right: 0;
    top: -40px;
    height: 330px
}

.mobile-footer-shape {
    display: none
}

.footer-nav ul li a, .footer-addres-wrap p, .footer-tagline {
    color: #231f20;
    z-index: 2
}

.txt-dec-none:hover {
    text-decoration: none;
}

.footer-nav ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    margin: 0;
    z-index: 2
}

    .footer-nav ul li {
        margin-right: 46px;
        z-index: 2
    }

        .footer-nav ul li a {
            font: 0.750em 'Gotham-Book', sans-serif;
            /*font-weight: 600;*/
            letter-spacing: 0.3px;
            text-transform: uppercase;
            position: relative;
            z-index: 2
        }

            .footer-nav ul li a:hover::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 100%;
                height: 2px;
                background: #231f20;
            }

.footer-addres-wrap p {
    margin: 25px 0;
    font: 0.750em 'Gotham-Book', sans-serif;
    line-height: 20px;
    z-index: 2;
}
.social-address-wrap, .footer-addres-wrap {
    display: flex
}
    .social-address-wrap a {
        background-color: #9bc83c;
        color: #fff;
        display: inline-flex;
        padding: 7px;
        margin-right: 5px;
        z-index: 2;
        font-size: 1.5em;
    }

    .social-address-wrap a:hover {
        color: #fff;
    }

.footer-tagline-wrapper {
    display: flex;
    height: 100%;
    align-items: end;
    justify-content: end;
}

.footer-tagline {
    font: 7.250em 'Gotham-Condensed-Medium', sans-serif;
    /* font: 116px 'Gotham-Condensed-Medium', sans-serif; */
    text-transform: uppercase;
    margin-bottom: 0;
    z-index: 2
}

.footer-nav li, .footer-addres-wrap, .social-address-wrap, .footer-tagline {
    z-index: 2;
}
/* Responsive CSS */
/*@media (min-width: 1920px) {
    .footer-tagline {
        font: 7.250em 'Gotham-Condensed-Medium', sans-serif;
    }
}*/
/*@media (min-width: 1645px) and (max-width: 1919px) {
    .footer-tagline {
        font: 5.250em 'Gotham-Condensed-Medium', sans-serif;
    }
}*/
/*@media (min-width: 993px) and (max-width: 1644px) {
    .footer-tagline {
        font: 4.250em 'Gotham-Condensed-Medium', sans-serif;
    }
}*/
@media (max-width: 1435px) {
    .desktop-footer-shape{
        height: 430px
    }
}
@media (max-width: 992px) {
    .footer-nav ul li {
        margin-right: 24px;
    }

    .footer-inner-wrap {
        padding: 50px 30px 30px 30px;
    }

    .footer-tagline-wrapper {
        justify-content: flex-start;
    }

    .footer-tagline {
        font-size: 6.250em;
        margin: 15px 0;
    }

    .desktop-footer-shape {
        display: none;
    }

    .mobile-footer-shape {
        display: block
    }

    .mobile-footer-shape {
        position: absolute;
        right: 0px;
        top: -45px;
        height: 120%
        /* width: 100%; */
    }

    .footer-wrap {
        /*background-image: url(https://ghsitefinitytesting.blob.core.windows.net/airolite-cms-work/images/librariesprovider2/default-album/backgrounds/airolite_footer_background-mobile.jpg?sfvrsn=91b05847_2);
        background-size: cover; */
        background: #C8C7C6;
    }
}

@media (max-width: 796px) {
    /*.mobile-footer-shape {
        width: 75%;
    }*/
}

@media (max-width: 564px) {
    .footer-tagline {
        font-size: 65px;
    }

    .footer-nav ul li {
        margin-right: 15px;
    }

    .mobile-footer-shape {
        width: 80%;
    }
    .footer-inner-wrap {
        padding: 30px 15px 30px 15px;
    }
}

@media (max-width: 415px) {
    .footer-tagline {
        font-size: 50px;
    }

    .footer-nav ul li {
        margin-right: 15px;
    }

    .mobile-footer-shape {
        width: 85%;
        right: 0px;
    }

    .footer-wrap {
        padding-bottom: 0
    }
}
@media (max-width: 391px) {
    .mobile-footer-shape {
        width: 90%;
        right: 0px;
    }
    .footer-tagline {
        font-size: 45px;
    }
}