/* Sticky Section */ 
.strip {
    padding: 21px 0;
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    z-index: 98;
}
.strip.fixed-top {
    top: 0;
    position: fixed;
}
.strip + .strip-spacer{
    height: 6rem;
}

.strip .menu-toggle {
    background-color: transparent;
    border: none;
    padding: 0 2rem 0 0;
    width: 200px;
    display: none;
    font-family: 'Roboto';
    font-weight: bold;
}

@media only screen and (max-width:767px) {
    .strip .menu-toggle{
        display: block !important;
    }
}

.strip .menu-toggle:after {
    position: absolute;
    content: '';
    width: 1.2rem;
    height: 1.1rem;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0.25rem;
    right: 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS42NTciIGhlaWdodD0iMTQuODI4IiB2aWV3Qm94PSIwIDAgMjUuNjU3IDE0LjgyOCI+CiAgPHBhdGggaWQ9IkNhcmF0IiBkPSJNLTIuNDEyLTIuNDEybDEwLDEwLTEwLDEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI0MSA5LjU4OCkgcm90YXRlKC05MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjQiLz4KPC9zdmc+Cg==);
}
/* .strip .menu-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
} */

.strip .menu-toggle[aria-expanded="true"]:after {
  transform: rotate(0deg) !important; /* arrow pointing up */
}
.strip a{
    color: #fff;
    display: inline-block;
    text-align: center;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    padding: 0 2rem;
}

.strip a:hover{
    text-decoration: none !important;
}

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

.strip ul li{
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    max-width: 145px;
}

.strip ul li:last-child {
    padding-bottom: 0px;
}

.strip ul li:not(:last-child):after{
    content: '';
    position: absolute;
    border-right: 0.1rem solid #fff;
    top: 0;
    bottom: 0;
    right: -0.1rem;

}


/* Media Queries */

@media only screen and (min-width:1025px) {
    .strip a:hover{
        opacity: 0.85;
    }

    .strip {
        padding: 11px 0;
    }
}

/* 767 And Below */

@media only screen and (max-width:767.98px) {
    .mobile-hidden, .active-item {
        display: none !important;
    }

    .strip .text {
        padding-right: 1.5rem;
    }

    .strip + .strip-spacer {
        height: 6rem;
    }
    .strip ul{
        margin-top: 1rem;
    }

    .strip ul li{
        max-width: 100%;
        border-top: 0.1rem solid #fff;
        padding: 1rem 0;
        width: 85%;
    }
    .strip ul li:not(:last-child):after{
        content: none;
    }
    .strip a{
        text-align: left;
        max-width: 100%;
        display: block;
        padding: 0;
    }
}

@media only screen and (max-width:575.98px) {
    .strip .menu-container {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .strip .menu-toggle {
        width: 100%;
    }
}