/* Primary Navigation */
.primaryNavConainer {
    box-shadow: 0 0 7px 0px rgba(0,0,0,0.1);
    z-index: 100;
    position: relative;
}

.primaryNavConainer .mainContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.primaryNav {
    z-index: 100;
}

.primaryNav>ul {
    margin: 0;
    padding: 16px 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.primaryNav>ul>li {
    padding: 0 10px;
    height: 47px;
    display: flex;
    align-items: center;
    position: relative;
}

.primaryNav>ul>li:last-of-type {
    display: none;
}

.primaryNav>ul>li.hasCtaBtn {
    padding-right: 0;
}

.primaryNav>ul>li>a {
    color: var(--darkGray);
    font-size: 1.0625rem;
}

.primaryNav>ul>li:hover>a:before {
    content: "";
    background: var(--primaryColor);
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.primaryNav>ul>li.primary_cta a {
    background-color: var(--primaryColor);
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff;
    /* min-width: 140px; */
    text-align: center;
    /* text-transform: uppercase; */
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.primaryNav>ul>li.primary_cta a:hover,
.primaryNav>ul>li.primary_cta a:focus {
    background-color: var(--primaryColorHover);
}

.primaryNav>ul>li.secondary_cta a {
    background-color: var(--secondaryColor);
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff;
    /* min-width: 140px; */
    text-align: center;
    /* text-transform: uppercase; */
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.primaryNav>ul>li.secondary_cta a:hover,
.primaryNav>ul>li.secondary_cta a:focus {
    background-color: var(--secondaryColorHover);
}

.primaryNav>ul>li.primary_cta:hover > a:before,
.primaryNav>ul>li.secondary_cta:hover > a:before,
.primaryNav>ul>li:last-child:hover > a:before {
    display: none;
}

.primaryNav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    min-width: 220px;
    padding: 0;
    border-top: solid 3px var(--primaryColor);
}

.primaryNav .sub-menu>li>a {
    color: var(--darkGray);
    border-bottom: 1px solid var(--regularGray);
    padding: 7px 10px;
    display: block;
    font-size: 0.875rem;
}

.primaryNav .sub-menu>li>a:hover,
.primaryNav .sub-menu>li>a:focus {
    color: var(--primaryColor);
}

.primaryNav .sub-menu>li:hover>a {
    background-color: var(--whiteColor);
}

.primaryNav>ul>li:hover>.sub-menu {
    display: block;
}

.primaryNav>ul>li:hover>.sub-menu>li:hover>.sub-menu {
    display: block;
    left: 220px;
    top: calc(100% - 35px);
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu,
.primaryNav .megaMenuStyleTwo>.sub-menu>li>.sub-menu{
    left: 0 !important; 
    top: inherit !important;
}


.primaryNavConainer .mobileNavToggler {
    font-size: 42px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.primaryNav .mobileNavClose {
    display: none;
}

@media screen and (max-width: 1024px) {

    .primaryNav>ul>li:nth-last-child(2) {
        display: none;
    }

}

@media screen and (max-width: 991px) {
    .primaryNav {
        position: fixed;
        right: -1000px;
        top: 0;
        width: 320px;
        background: var(--primaryColor);
        height: 100vh;
        padding: 80px 20px 40px 20px;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .primaryNav.active {
        right: 0;
    }
    .primaryNavConainer .mobileNavToggler {
        display: flex;
    }
    .primaryNav>ul {
        display: block;
    }
    .primaryNav>ul>li {
        display: block;
        height: auto;
        padding: 10px 10px;
    }
    .primaryNav>ul>li.active {
        height: auto;
    }
    .primaryNav>ul>li>a {
        color: var(--whiteColor);
        font-size: 1.3rem;
        font-weight: 600;
    }
    .primaryNav>ul>li:hover>a:before {
        display: none;
    }
    .primaryNav>ul>li:nth-last-child(2) {
        display: block;
    }

    body ul > #menu-item-8112 > a {
        height: auto !important;
    }

    .primaryNav>ul>li:nth-last-child(2)>a,
    .primaryNav>ul>li:nth-last-child(3)>a {
        margin: 0;
        color: var(--whiteColor);
        border-color: var(--whiteColor);
        display: inline-flex;
        font-size: 1.0625rem;
        background-color: var(--secondaryColor);
        min-width: 200px;
        justify-content: center;
        align-items: center;
    }

    .primaryNav .hasSearchBox i.fa-search {
        color: var(--whiteColor);
    }
    .primaryNav>ul>li:hover>.sub-menu {
        background: none;
        display: none;
    }
    .primaryNav>ul>li:hover>.sub-menu>li:hover>.sub-menu:not(.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu) {
        left: 0;
    }
    .primaryNav>ul>li>.sub-menu {
        position: relative;
        left: 0;
        top: inherit;
        min-width: auto;
        background: transparent;
        margin-top: 10px;
    }
    .primaryNav>ul>li>.sub-menu a {
        color: var(--whiteColor);
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .primaryNav>ul>li>.sub-menu>li>.sub-menu {
        position: relative;
        left: 0;
        top: inherit;
        min-width: auto;
        background: transparent;
        margin-top: 0;
        padding-left: 20px;
    }
    .primaryNav .mobileNavClose {
        display: block;
        position: absolute;
        top: 45px;
        right: 20px;
        font-size: 40px;
        color: var(--whiteColor);
        font-weight: 300;
    }
    .primaryNav .sub-menu>li:hover>a {
        background: none;
        color: var(--whiteColor);
    }
    .primaryNav .sub-menu>li>a:hover,
    .primaryNav .sub-menu>li>a:focus {
        color: var(--whiteColor);
    }
}


/* Search Toggle */

.primaryNav .hasSearchBox a {
    cursor: pointer;
}

.primaryNav .hasSearchBox i.fa-search {
    color: var(--primaryColor);
}

.primaryNav .hasSearchBox.searchBarActive i.fa-search:before {
    content: '\f00d';
    font-size: 20px;
}

@media screen and (max-width: 991px) {
    .primaryNav .hasSearchBox a {
        display: none;
    }
}


/* megaMenuStyleOne */

.primaryNav .megaMenuStyleOne {
    background-color: var(--whiteColor);
}

.primaryNav .megaMenuStyleOne>.sub-menu {
    min-width: 650px;
    height: 556px;
    background: var(--whiteColor);
    border-bottom: solid 1px var(--borderGray);
}

.primaryNav .megaMenuStyleOne>.sub-menu>li:first-child {
    width: 100%;
    height: initial;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li:first-child>a {
    font-size: 1.0625rem;
    border-bottom: solid 1px var(--borderGray);
    margin: 0 10px 5px 10px;
    font-weight: 700;
    padding: 15px 0;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li {
    width: 50%;
    height: 340px;
    float: left;
    position: relative;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li a {
    background-color: var(--whiteColor);
    border: 0;
    font-weight: 600;
    font-size: 1rem;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu {
    display: block;
    border: 0;
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
    background-color: var(--whiteColor);
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu a {
    font-weight: normal;
    font-size: 0.85rem;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li.highlightedlink {
    border-top: solid 1px var(--borderGray);
    padding: 03px 0;
    height: initial;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 0 10px;
    background-color: #fff;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li.highlightedlink a {
    font-weight: 700;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li.highlightedlink:last-of-type {
    border-bottom: solid 1px var(--borderGray);
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu .floated-link {
    width: 50%;
    float: left;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu .floated-link a {
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
}

.primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu .floated-link:last-child a {
    padding-left: 0px;
}

@media screen and (max-width: 991px) {
    
    .primaryNav .megaMenuStyleOne {
        background: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: auto;
    }
    .primaryNav .megaMenuStyleOne>a:first-child {
        padding: 10px 0;
    }
    .primaryNav .megaMenuStyleOne>.sub-menu {
        position: relative;
        min-width: inherit;
        height: auto;
        left: 0;
        margin-top: 20px;
        max-height: 50vh;
        overflow: scroll;
        background: none;
        padding-bottom: 20px;
    }
    .primaryNav .megaMenuStyleOne>.sub-menu>li {
        width: 100%;
        float: none;
        height: auto;
    }
    .primaryNav .megaMenuStyleOne>.sub-menu>li a {
        background: none;
        color: var(--whiteColor);
        padding-right: 0;
        padding-left: 0;
    }
    .primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu {
        position: relative;
        background: none;
    }

    .primaryNav .megaMenuStyleOne>.sub-menu>li>.sub-menu .floated-link {
        width: 100%;
        float: none;
    }

    .primaryNav .megaMenuStyleOne>.sub-menu>li:first-child>a {
        background: none;
        padding: 10px 0;
        margin: 0 0 10px 0;
    }
    .primaryNav .megaMenuStyleOne.active {
        height: auto;
    }

    .primaryNav .megaMenuStyleOne>.sub-menu>li.highlightedlink{
        background: none;
    }
    
}


/* megaMenuStyleTwo */

.primaryNav .megaMenuStyleTwo {
    background-color: var(--whiteColor);
}

.primaryNav .megaMenuStyleTwo>.sub-menu {
    min-width: 640px;
    min-height: 110px;
    background: var(--whiteColor);
    left: -170px;
    padding: 10px;
}

.primaryNav .megaMenuStyleTwo>.sub-menu>li {
    width: 33.33%;
    float: left;
    position: relative;
}

.primaryNav .megaMenuStyleTwo>.sub-menu>li a {
    background-color: var(--whiteColor);
    border: 0;
    font-weight: 600;
    font-size: 1rem;
}

.primaryNav .megaMenuStyleTwo>.sub-menu>li>.sub-menu {
    display: block;
    border: 0;
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    background-color: var(--whiteColor);
    position: relative;
}

.primaryNav .megaMenuStyleTwo>.sub-menu>li>.sub-menu a {
    font-weight: normal;
    font-size: 0.875rem;
}

@media screen and (max-width: 991px) {
    .primaryNav .megaMenuStyleTwo {
        background: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: auto;
    }
    .primaryNav .megaMenuStyleTwo>a:first-child {
        padding: 10px 0;
    }
    .primaryNav .megaMenuStyleTwo>.sub-menu {
        position: relative;
        min-width: inherit;
        height: auto;
        left: 0;
        margin-top: 0;
        max-height: 50vh;
        overflow: scroll;
        background: none;
        padding-bottom: 20px;
    }
    .primaryNav .megaMenuStyleTwo>.sub-menu>li {
        width: 100%;
        float: none;
    }
    .primaryNav .megaMenuStyleTwo>.sub-menu>li a {
        background: none;
        color: var(--whiteColor);
        padding: 10px 0 0 0;
    }
    .primaryNav .megaMenuStyleTwo>.sub-menu>li>.sub-menu {
        position: relative;
        background: none;
        margin-bottom: 10px;
    }
    .primaryNav .megaMenuStyleTwo>.sub-menu>li:last-child>.sub-menu {
        margin: 0;
    }
    .primaryNav .megaMenuStyleTwo.active {
        height: auto;
    }
}


/* Secondary Navigation */

.secondaryNavConainer {
    background-color: var(--primaryColor);
}

.secondaryNav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 40px;
}

.secondaryNav_Items {
    list-style: none;
    padding: 0;
    display: flex;
    margin: 0;
}

.secondaryNav_Items li {
    padding: 0 10px;
    position: relative;
}

.secondaryNav_Items li:last-child {
    padding-right: 0;
}

.secondaryNav_Items a {
    color: var(--whiteColor);
    font-size: 0.875rem;
}

.secondaryNav_Items a:after {
    content: "|";
    position: absolute;
    right: -3px;
    top: 2px;
}

.secondaryNav_Items li:last-child a:after {
    display: none;
}

@media screen and (max-width: 767px) {
    .secondaryNav_Items li:nth-child(3) {
        display: none;
    }
}