@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;1,300;1,400&display=swap');
/* H2 Title Styling -START- */
div.aesGreenH2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 36px;
    flex-basis: 100%;
    width: 100%;
}
div.aesGreenH2 > img {
    flex-basis: 10%;
    height: 74px;
    max-height: 74px;
}
div.aesGreenH2 > h2{
    font-size: 46px;
    text-align: center;
    color:#80C342;
    margin: 0 25px 0 25px;
}
div.aesGreenH2 > h2.subH2{
    font-size: 40px;
}
@media screen and (max-width: 780px) {
    div.aesGreenH2 {
        margin-bottom: 15px;
    }
    div.aesGreenH2 > img {
        display: none
    }
    div.aesGreenH2 > h2{
        font-size: 40px;
        flex-basis: 100%;
    }
    div.aesGreenH2 > h2.subH2{
        font-size: 38px;
    }
}
/* H2 Title Styling -END- */

/* Navbar Scroll -START- */
    .navbarScroll{
        background-image: url("../images/poly-bar.jpg");
        height: 24px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .navLinkCt {
        color: white;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding-top: 2px;
    }
    @media screen and (max-width: 780px){
        .navbarScroll{
            height: 46px;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .navLinkCt{
            padding-left: 1px;
        }
        @media screen and (max-width: 575.5px){
            .navLinkCt:nth-child(3){
                text-align: right;
            }
        }
        @media screen and (max-width: 432px){
            .navbarScroll{
                height: 65px;
            }
        }
    }
    @media screen and (min-width: 1045px){
        .navLinkCt:nth-child(3){
            padding-left: 4vw;
        }
        .navLinkCt:nth-child(2){
            padding-left: 4vw;
        }
        .navLinkCt:nth-child(1){
            padding-left: 7vw;
        }
    }
    .navLinkCt:hover{
        color: rgb(244, 247, 104);
    }
/* Navbar Scroll -END- */

/* Navbar Sticky -START- */
.navbar-toggler {
    background-color: #6fce16be;
  } 
.sticky-top{
    background-color: white;
    padding-right: 5px;
}
.navbar-nav{
    text-align: right;
}
.navbar-nav{
    padding-right: 11.5vw;
}
.navbar-brand{
    padding-left: 11.5vw;
}
.navbar-brand img{
    width: 95px;
}
.nav-link{
    font-weight: 400;
    color: #85db34!important;
}
.nav-link:hover{
    color: black!important;
    background-color: #e7ece3;
    transition: 0.4s;
}
.dropdown:hover .nav-link{
    color: black!important;
    background-color: #e7ece3;
    transition: 0.4s;
}
.dropdown:hover .dropdown-menu{
    display: block;
    margin-top: 0;
}
.dropdown-menu, .dropdown-item:focus{
    background-color: #90bb68;
    margin-top: 0;
}
.dropdown-item:hover{
    background-color: #b0b3ae;
}
@media screen and (max-width: 767.5px){
    .navbar .nav-link, .navbar .dropdown-item {
        font-size: 17px;
    }
    .navbar-brand{
        padding-left: 5px;
    }
    .nav-link, .dropdown-item{
        text-align: center;
    }
    .navbar-nav{
        padding: 0;
    }
}
/* Navbar Sticky -END- */

/* carousel -START- */
.carousel{
    margin-bottom: 5px;
}
.carousel-item{
    height: calc(90vh - 84px)!important;
    max-width: 100%;
    max-height: calc(100vw * 0.563);
    object-fit: cover;
}
.carousel-caption{
   top: 42%;
}
.carousel-caption.twoR{
    top: 37%;
}
.carousel-caption h5{
    letter-spacing: 0.9vw;
    font-size: 4.1vw;
    font-weight: 900;
    opacity: 0.8; 
    background-color:rgba(0,0,0,0.55);
}
/* carousel -END- */

/* Footer -START- */
footer{
    height: 400px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 80px 60px 80px;
    background-color: #F5F5F5;
}
footer > address:nth-child(1){
    flex-basis: 36%;

}
footer > div:nth-child(2){
    flex-basis: 28%;

}
footer > div:nth-child(3){
    flex-basis: 36%;

}
    /* Address -START- */
    footer address{
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        margin: 0;
    }
    footer address > div{
        flex-basis: 50%;
        padding: 0 10px 0 10px;
    }
    footer address div > span{
        display: inline-block;
        width: 100%;
    }
    footer address div > a{
        display: inline-block;
        width: 100%;
        color: black;
    }
    footer address div > a:hover{
        color: black;
    }
    footer address div span.greenHeader{
        font-size: 16px;
        color:#05ac05;
        margin-bottom: 15px;    
    }
    footer address div span.fBold{
        font-weight: 600;
    }
    footer address img.adrsIcon{
        width: 10%;
        margin-right: 2px;
    }
    footer > address > div:last-of-type img.adrsIcon {
        width: 11%;
    }
    /* Address -END- */

    /* Div 1 -START- */
    footer > div:nth-of-type(1){
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }
    footer > div:nth-of-type(1) > div{
        flex-basis: 100%;
    }
    footer > div:nth-of-type(1) > div:nth-of-type(1) img{
        height: 76px;
        display: block;
        margin: auto;
     
    }
    footer > div:nth-of-type(1) > div:nth-of-type(2) {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer > div:nth-of-type(1) > div:nth-of-type(2) img{
        height: 34px;
        padding: 0 5px 0 5px;
    }
    footer > div:nth-of-type(1) > div:nth-of-type(3) {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer > div:nth-of-type(1) > div:nth-of-type(3) > p{
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    /* Div 1 -END- */

    /* Div 2 -START- */
    footer > div:nth-of-type(2){
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }
    footer > div:nth-of-type(2) span.greenHeader{
        font-size: 16px;
        color:#05ac05;
    }
    footer > div:nth-of-type(2) a{
        font-size: 13px;
        color: black;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(1){
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(1) span.greenHeader{
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(1) a {
        display: block;
        text-align: center;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(1) img{
        display: block;
        margin: auto;
        margin-bottom: 2px;
        height: 34px;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(2){
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-end;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(2) > span.greenHeader {
        flex-basis: 100%;
        margin-bottom: 42px;
        text-align: center;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(2) div {
        flex-basis: 33%;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(2) a {
        display: block;
        text-align: center;
    }
    footer > div:nth-of-type(2) > div:nth-of-type(2) img{
        height: 26px;
        display: block;
        margin: auto;
        margin-bottom: 2px;
    }

    /* Div 2 -END- */

    /* Styling for <= 1440px -START- */
    @media screen and (max-width: 1440px){
        footer{
            padding-left: 13px;
            padding-right: 13px;
        }
    }
    /* Styling for <= 1440px -END- */

    /* Styling for <= 780px -START- */
    @media screen and (max-width: 780px){
        /* General Styling for 780px -START- */ 
        footer {
            padding: 15px 35px 15px 35px;
            height: auto!important;
        }
        footer * { /* Margin styling of <=780px could be refactor for better rules */
            margin: 0;
        }
        footer div {
            flex-basis: 100%!important;
        }
        footer address {
            flex-basis: 100%!important;
        }
        footer > * > div{
            padding: 0!important;
            margin-bottom: 50px;
        }
        footer span {
            text-align: center;
        }
        footer a {
            text-align: center;
        }
        footer span.greenHeader {
            font-size: 28px!important;
        }   
        footer img.adrsIcon{
            width: 42px!important;
            margin-right: 10px!important;
            margin-left: -10px!important;
        }
        footer > address > div:last-of-type img.adrsIcon{
            width: 47px!important;
        }
        footer img#comp{
            height: 94px;
        }
        footer img.medSoc{
            height: 40px!important;
        }
        footer img#parComp{
            height: 48px!important;
        }
        footer img.othSubComp{
            height: 42px!important;
        }
        /* General Styling for 780px -END- */ 

        /* Specific Styling for 780px -START- */
        footer > address {
            border-bottom: 1px solid black;
        }
        footer > div:nth-of-type(2) {
            margin-top: 40px;
        }
        footer > div:nth-of-type(1) {
            margin-top: 50px;
        }
        footer > div:nth-of-type(2) {
            border-bottom: 1px solid black;
        }
        footer > div:nth-of-type(1) {
            order: 3;
        }
        footer > div:nth-of-type(1) > div:last-of-type {
            margin: 0;
        }
        footer > div:nth-of-type(2) > div:nth-of-type(2) > div {
            margin-bottom: 40px;
        }
        footer > div:nth-of-type(2) > div:nth-of-type(2) > div:last-of-type {
            margin: 0;
        }
        /* Specific Styling for 780px -END- */
    }
    /* Styling for <= 780px -END- */

    /* Styling between =782px - =1330px -START- */
    @media screen and (min-width: 781px) and (max-width: 1330px){
        footer {
            padding-top: 10px!important;
            padding-bottom: 10px!important;
            height: auto!important;
        }
        footer > * > div {
            flex-basis: 100%!important;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        footer > address > div:not(:last-of-type) {
            margin-bottom: 30px!important;
        }
        footer > * > div > span {
            text-align: center;
        }
        footer > * > div > a {
            text-align: center;
        }   
        footer > * > div > span:not(.greenHeader) {
            width: 75%!important;
        }
        footer > * > div > a:not(.greenHeader) {
            width: 75%!important;
        }
        footer > div:nth-of-type(2) > div:nth-of-type(2) > div {
            flex-basis: 100%!important;
        }
        footer > div:nth-of-type(2) > div:nth-of-type(2) > div:not(:last-of-type) {
            margin-bottom: 15px;
        }
        footer span.greenHeader {
            font-size: 18px!important;
            margin-bottom: 9px!important;
        }
        footer > div:nth-of-type(2) span.greenHeader:last-of-type {
            margin-bottom: 12px!important; 
        }
        footer img.adrsIcon{
            width: 34px!important;
            margin-right: 5px!important;
        }   
        footer > address > div:last-of-type img.adrsIcon {
            width: 40px!important;
        }
        footer img#comp{
            height: 92px;
        }
        footer img.medSoc{
            height: 40px!important;
        }
        footer img#parComp{
            height: 44px!important;
        }
        footer img.othSubComp{
            height: 36px!important;
        }
        
    }
/* Footer -END- */


/* Header Video -START- */
div#headerVid video{
    max-height: 90vh;
    width: 100%;
    margin: auto;
    display: block;
    object-fit: cover;
}

/* Header Video -END- */