/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .area-padding-1{
        position: absolute;
        margin-top: -195px;
    }
    .area-padding-2{
        position: absolute;
        margin-top: -200px;
    }
    .area-padding-3{
        position: absolute;
        margin-top: -200px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .area-padding-1{
        position: absolute;
        margin-top: -195px;
    }
    .area-padding-2{
        position: absolute;
        margin-top: -200px;
    }
    .area-padding-3{
        position: absolute;
        margin-top: -200px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .area-padding-1{
        position: absolute;
        margin-top: -250px;
    }
    .area-padding-2{
        position: absolute;
        margin-top: -280px;
    }
    .area-padding-3{
        position: absolute;
        margin-top: -250px;
    }

}


@media (min-width: 576px) and (max-width: 767.98px) {

    .area-padding-1{
        position: absolute;
        margin-top: -250px;
    }
    .area-padding-2{
        position: absolute;
        margin-top: -280px;
    }
    .area-padding-3{
        position: absolute;
        margin-top: -220px;

    }
    .logo{
        width: 80%;
         }
}

@media (max-width: 575.98px) {

    .area-padding-1{
        position: absolute;
        margin-top: -250px;
    }
    .area-padding-2{
        position: absolute;
        margin-top: -380px;
    }
    .area-padding-3{
        position: absolute;
        margin-top: -350px;
    }
    .logo{
        width: 80%;
        }
}


.bg-light-gray{
    background-color: #e6e6e6;
}
.bg-white{
    background-color: #fff;
}
.bg-light-green{
    background-color: #EBFCDA;
}
.bg-green{
    background-color: #11821D;
}
.bg-green-gradient{
    background: #11821d; /* Old browsers */
    background: -moz-linear-gradient(top, #11821d 0%, #11821d 0%, #80c217 99%, #80c217 100%, #80c217 100%, #80c217 100%, #11821d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #11821d 0%,#11821d 0%,#80c217 99%,#80c217 100%,#80c217 100%,#80c217 100%,#11821d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #11821d 0%,#11821d 0%,#80c217 99%,#80c217 100%,#80c217 100%,#80c217 100%,#11821d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11821d', endColorstr='#11821d',GradientType=0 );
}
.bg-dark-green{
    background-color: #092401;
}
.bg-dark-green-gradient{
    background-image: linear-gradient(#092401, #15b222);
}
.nav-tabs .active{
    background-color: #177319 !important;
    color: #fff !important;
}
.nav-tabs li a:hover{
    background-color: #177319 !important;
    color: #fff !important;
}
.tab1{
    background-color: #15b222;
    color: black;
    margin-right: 2px;
}
.tab2{
    background-color: #1bd02d;
    color: black;
    margin-right: 2px;
}
.tab3{
    background-color: #19f632;
    color: black;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 10px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.list-group-item-footer {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid silver;
}

.navbar-top{
    display: inherit !important;
}

#nav-link-top a{
    padding: .5rem 1rem;
    color: #fff !important;
    font-size: 15px !important;
}

#nav-link-top a:hover{
    padding: .5rem 1rem !important;
    color: black !important;
    font-size: 15px !important;
    text-decoration: none;
    background-color: transparent !important;
    display: inherit !important;
}
#nav-link-top span{
    font-family: sans-serif;
    font-weight: normal;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #17B426;
}
.navbar-light{
    padding: 2px 15px;
}
a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover{
    color: #17B426;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
}

.footer-background{
    background: url(../images/footer.jpg) no-repeat center bottom / cover;
}
#footer-top {
    background-size: cover;
    padding-bottom: 8rem;
}