body {
    font-family: sans-serif;
}

body, html {
    min-height: 100vh;

}

a:hover {
    text-decoration: none;
}

#top-nav.navbar-collapse {
    background: #4c5d2a;
}

.navbar {
    background-color: #4c5d2a;
    border: none;
    box-shadow: none;
    color: #ffffff;
    text-transform: uppercase;
}

.navbar-nav {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 300;

    a {
        color: #ffffff !important;
        border-color: #787878 !important;
    }

    .sub-menu {color: #555555 !important;}
}

.dropdown-menu > li > a:link {
    color: #555555 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: #4c5d2a;
}


.caption {
    padding-inline: 0 !important;
    text-align: center;

    h3 {
        font-size: 2rem;
        margin: 0;
    }

    .prod-buttons {
        display: none;
    }
}

.footer {
    background-color: #4c5d2a;
    padding: 30px 0;
    color: #eeeeee;

    a:link, .footer-col-title {
        color: #eeeeee;
    }

    h4 {
        text-transform: uppercase;
        font-weight: bold;
        color: #ffffff;
    }
}

.footer-bottom {
    display: none;
}

.home-banner-area {
    border: unset;
    padding: 0;
    margin: 0;
}

.skinsetting-displayShortDesc {
    .description {
        color: #ccd28f;
        margin-top: 5px;
    }
}


.alert-info {
    background-color: #eaeebe;
    border: #cdd28f;
    color: #000000;
}