.sub-nav-panel a .expand-icon:after,
.sub-nav-panel a .expand-icon:before {
    background: #fff
}

.sub-nav-panel a.is-open .expand-icon::after {
    border-color: #fff;
    background: 0 0
}

.sub-nav-panel a.is-open .expand-icon::before {
    background-color: #fff
}

a .expand-icon:before {
    top: -11px;
    left: 50%;
    width: 1.5px;
    height: 20px;
    margin-left: -2px
}

a .expand-icon:after {
    top: 50%;
    left: -11px;
    width: 20px;
    height: 2px;
    margin-top: -2px
}

a.is-open .expand-icon::after {
    border-bottom-style: solid;
    border-bottom-width: 1.3px;
    border-right-style: solid;
    border-right-width: 1.3px;
    content: '';
    display: inline-block;
    height: 12px;
    left: 2px;
    position: absolute;
    top: -3px;
    width: 12px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

a.is-open .expand-icon::after {
    border-color: #535456
}

.main-nav-panel {
    position: fixed;
    top: 0;
    min-width: 380px;
    height: 100%;
    max-width: 380px;
    left: -100%;
    transition: all .4s ease;
    z-index: 999;
    min-height: 100vh
}

.main-nav-panel .nav-structure {
    padding: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden
}

.main-nav-panel .nav-structure .primary-nav-section {
    padding: 10px 0 0 40px;
    min-height: 40vh
}

.main-nav-panel ul.nav-content-area {
    padding-right: 40px
}

.sub-nav-panel {
    position: fixed;
    top: 0;
    min-width: 380px;
    height: 100%;
    max-width: 380px;
    left: -100%;
    transition: all .4s ease;
    z-index: -10
}

.sub-nav-panel .sub-nav-content {
    background: #000;
    height: 100%;
    padding: 10px 40px 30px;
    z-index: -10;
    overflow: auto
}

.sub-nav-panel.is-open {
    left: 380px;
    min-width: 265px
}

.sub-nav-panel .sub-nav-content ul li a {
    color: #cccbcb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 0;
    text-decoration: none;
    transition: .6s ease;
    padding-bottom: 20px
}

.sub-nav-panel .sub-nav-content ul li a:hover {
    color: #fff
}

.overlay-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .58);
    height: 100%;
    width: 100%;
    display: none;
    z-index: 9;
    min-height: 100vh
}

.close-main-panel,
.close-sub-panel {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999
}

.close-main-panel img,
.close-sub-panel img {
    width: 18px;
    height: 18px
}

.sub-nav-panel .sub-nav-content ul li a.secondary-nav-link {
    color: #fc3a33;
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 300
}

.sub-nav-content ul li a {
    color: #676767;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-decoration: none
}

.main-nav-panel ul li a {
    color: #535456;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 35px;
    text-decoration: none
}

span.expand-icon {
    position: relative;
    margin: 0
}

.main-nav-panel.is-open {
    left: 0
}

/* Mobile Styles */
@media (max-width:767px) {
    .is-hidden {
        display: none !important
    }

    .is-visible {
        display: block !important
    }

    .sub-nav-panel a.return-link {
        position: static;
        top: 0;
        left: 0;
        padding: 0;
        min-width: 25px;
        display: inline-block
    }

    .sub-nav-panel .sub-panel-header h3 {
        font-size: 14px;
        color: #cccbcb
    }

    .sub-nav-content .nav-content-area li {
        padding: 0
    }

    .main-nav-panel ul.nav-content-area {
        padding-right: 25px
    }

    a.is-open .expand-icon::after {
        height: 8px;
        left: 0;
        top: -2px;
        width: 8px
    }

    .main-nav-panel a.secondary-nav-link {
        padding-bottom: 15px !important
    }

    .main-nav-panel ul {
        margin: 0 !important
    }

    .main-nav-panel .nav-structure .primary-nav-section,
    .sub-nav-panel .sub-nav-content {
        border-left: none;
        width: 100%;
        padding: 70px 0 50px 20px
    }

    .main-nav-panel ul li a {
        font-size: 14px
    }

    .sub-nav-panel .sub-nav-content ul li a.secondary-nav-link,
    .sub-nav-panel .sub-nav-content ul li a {
        font-size: 14px
    }

    .sub-nav-panel .sub-panel-header {
        position: absolute;
        padding: 20px 0;
        left: 20px;
        background: #000
    }

    .close-main-panel,
    .main-nav-panel ul li a.close-sub-panel {
        position: fixed;
        top: 23px;
        right: 30px;
        z-index: 999;
        display: none
    }

    .main-nav-panel.is-open .close-main-panel,
    .main-nav-panel.is-open .close-sub-panel {
        display: block
    }

    .sub-nav-panel.is-open {
        left: 0;
        z-index: 99;
        max-width: 260px;
        min-width: 260px
    }

    .main-nav-panel,
    .sub-nav-panel {
        min-width: 260px;
        max-width: 260px
    }
}

/* Desktop Styles */
@media (min-width:1024px) {
    .main-nav-panel .bg-wrapper {
        background: #fff;
        width: 100%;
        height: 50px
    }

    .sub-nav-panel .bg-wrapper {
        background: #000;
        width: 100%;
        height: 50px
    }
}

.no-header-transform header {
    opacity: 1;
    transform: unset
}