body {
    background-color: #F7F4EB;
    overflow-x: hidden
}

.navbar {
    padding: 1rem 2rem;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(98, 98, 98, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(98, 98, 98, 0.2);
    box-shadow: 0px 2px 4px 0px rgba(98, 98, 98, 0.2);
}

.navbar-light .navbar-nav .nav-link {
    color: #0B5580;
    font-size: 15px;
    font-family: futura-pt, sans-serif;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #DD7423;
    text-decoration: underline
}

.navbar-light .navbar-toggler {
    border: none
}

.navbar-light .navbar-toggler:focus {
    outline: none
}

.navbar-light .navbar-toggler-icon {
    background-image: url(btn-nav.png)
}

.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url(btn-nav-open.png)
}

nav.navbar.fixed-top[aria-expanded=true] {
    /* background-image: url(nav-bg.png);
    background-size: 100%;
    background-position: bottom center; */
    background-color: transparent!important;
    padding-bottom: 50px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


/* nav.navbar.fixed-top[aria-expanded=true] .nav-link {
    color: #ffffff;
    text-decoration: none
} */

nav.navbar.fixed-top[aria-expanded=true] .navbar-nav .active>.nav-link,
nav.navbar.fixed-top[aria-expanded=true] .navbar-nav .nav-link.active,
nav.navbar.fixed-top[aria-expanded=true] .navbar-nav .nav-link.show,
nav.navbar.fixed-top[aria-expanded=true] .navbar-nav .show>.nav-link {
    color: #DD7423;
}

.nav-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}


/* FadeInUp on Scroll transition */

.fadeIn-scroll.visible {
    opacity: 1 !important;
    transition: opacity 1s;
}

.fadeInUp-scroll.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 1s, transform 1s;
}

@media (max-width: 991px) {
    .nav-bg {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0%;
        background-color: #393939;
        background: top center no-repeat #393939 url(nav-bg-body.png);
        background-size: 100%;
    }
    .nav-bg-bottom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 2rem;
        background: top center no-repeat url(nav-bg-bottom.png);
        background-size: 100% 100%;
    }
    nav.navbar.fixed-top[aria-expanded=true] .nav-bg {
        display: block;
    }
    nav.navbar.fixed-top[aria-expanded=true] .nav-bg-bottom {
        display: block;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .fadeInUp-scroll.visible:nth-child(2n) {
        transition-delay: 0.25s
    }
}

@media (max-width: 991px) {
    nav.navbar.fixed-top .navbar-nav .nav-link {
        color: #ffffff;
        text-decoration: none
    }
}

main {
    padding-top: 5rem
}

footer .footer-top {
    position: relative;
    height: 30px;
    overflow: hidden;
    /* background: bottom center no-repeat url(footer-curve.svg);
    background-size: contain; */
    /* background-size: 100% 100%; */
}

footer .footer-top>div {
    background-color: #191919;
    position: absolute;
    top: 0;
    bottom: -100%;
    left: -10%;
    right: -10%;
    border-radius: 100% / 200%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

footer .footer-container {
    margin-top: -1px;
    background-color: #191919;
    /* border-radius: 100% 100% 0 0; */
    /* background-image: url(footer-bg.png);
    background-position: top center;
    background-size: 125% 100%;
    min-height: 5rem */
}

footer .download-buttons img {
    height: 60px
}

footer .social-buttons img {
    height: 40px
}

footer hr {
    border: none;
    border-top: 1px solid #585858
}

footer .footer-links,
footer .footer-links a {
    color: #8A8A8A;
    font-size: 13px;
    font-family: futura-pt, sans-serif;
    display: block;
    padding: 0.5rem;
    text-decoration: none
}

footer .footer-links a:hover {
    color: #DD7423;
}

html {
    /* scroll-behavior: smooth; */
}