.slide-menu {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    top: 0rem;
    right: 0;
    padding: 5rem .5rem 0 .5rem;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    background: #ad175d;
    color:#fff;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    will-change: transform;
    z-index: 1031;
    border-left: 1px solid #000;
}

    .slide-menu .slider {
        padding: 0 0 0 0;
        width: 100%;
        transition: -webkit-transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        will-change: transform;
    }

    .slide-menu ul {
        padding-left: 0;
        list-style: none;
        position: relative;
        width: 20rem;
        max-width: 100%;
        margin: 0;
    }

        .slide-menu ul ul {
            position: fixed;
            top: 0;
            left: 100%;
            display: none;
        }

            .slide-menu ul ul.active {
                -webkit-overflow-scrolling: touch;
            }

        .slide-menu ul a {
            display: block;
            padding: .75rem 1rem;
            color: #fff;
            text-decoration: none;
        }

    .slide-menu.no-transition, .slide-menu.no-transition * {
        transition: none !important;
    }

.slide-menu {

}

    .slide-menu .slider {
    }

    .slide-menu .controls {
        overflow: hidden;
    }

    .slide-menu a {
        color: #fff;
    }

        .slide-menu a:hover {
           
        }
        
        .slide-menu .nav-btn a
        {
            background-color:#0094a9;
        }
        
.slide-menu .main-nav-links{
    
    border-top: solid thin #fff;
    padding-top:1rem;
    margin-top:1rem;
        /*height: 70vh;
    overflow: scroll;*/
}        

    .slide-menu .btn-primary:hover {
        background: #FF2D67;
        border-color: #FF2D67;
        color: #fff;
    }

    .slide-menu::-webkit-scrollbar-button, .slide-menu ul ul.active::-webkit-scrollbar-button {
        display: none;
        height: 1rem;
        border-radius: 0px;
        background-color: #AAA;
    }
    
    .slide-menu ul.active{
            height: calc(100vh - 35vh);
        display:block;
    }

        .slide-menu::-webkit-scrollbar-button:hover, .slide-menu ul ul.active::-webkit-scrollbar-button:hover {
            background-color: #AAA;
        }

    .slide-menu::-webkit-scrollbar-thumb, .slide-menu ul ul.active::-webkit-scrollbar-thumb {
        background-color: #CCC;
    }

        .slide-menu::-webkit-scrollbar-thumb:hover, .slide-menu ul ul.active::-webkit-scrollbar-thumb:hover {
            background-color: #CCC;
        }

    .slide-menu::-webkit-scrollbar-track, slide-menu ul ul.active::-webkit-scrollbar-track {
        background-color: rgba(70, 70, 70, 1);
    }

        .slide-menu::-webkit-scrollbar-track:hover, slide-menu ul ul.active::-webkit-scrollbar-track:hover {
            background-color: rgba(70, 70, 70, 1);
        }

    .slide-menu::-webkit-scrollbar, slide-menu ul ul.active::-webkit-scrollbar {
        width: .5rem;
    }

    .slide-menu .main-nav-login {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

.mobile-main-nav {
    display: none;
  top: .5rem;
    left: .5rem;
    width: 3.5rem;
    height: 3.5rem;
    position: fixed;
    z-index: 1032;
}

.mobile-nav-link{
    display:none;
        position: fixed;
    z-index: 1031;
    top: .5rem;
    right: .5rem;
}

.slide-menu .main-nav-links ul li:hover ul{
    display: block;
    background: rgba(255, 255, 255, 0); 
    border: 0px; 
    border-radius: .5rem;
    padding: 1rem;
    
}

.slide-menu #search {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
}

@media all and (min-width: 0) and (max-width: 900px) {
    .desktop-links{
        display:none!important;
    }
    
    .mobile-main-nav, .mobile-nav-link { 
        display: block;
    }
    
    .mobile-main-nav button {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
        background: #ad175d;
        border-radius:50%;
        padding: 0;
        margin: 0;
    }
    
}


/*! -------------------- BUTTON ANIMATION --------------------*/

#menu-toggle * {
    transition: .25s ease-in-out;
    box-sizing: border-box;
}

#menu-toggle {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

    #menu-toggle span {
        display: block;
        background: #ffffff;
        border-radius: 2px;
    }

    #menu-toggle:hover {
    }

    #menu-toggle #hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
    }

        #menu-toggle #hamburger span {
            width: 2rem;
            height: .25rem;
            position: relative;
            top: .4rem;
            left: .75rem;
            margin: .5rem 0;
            background-color:#fff;
        }

            #menu-toggle #hamburger span:nth-child(1) {
                transition-delay: .5s;
            }

            #menu-toggle #hamburger span:nth-child(2) {
                transition-delay: .625s;
            }

            #menu-toggle #hamburger span:nth-child(3) {
                transition-delay: .75s;
            }

    #menu-toggle #cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
    }
    
     #menu-toggle #cross span{
background-color:#fff;    
         
     }

        #menu-toggle #cross span:nth-child(1) {
            height: 0%;
            width: .25rem;
            position: absolute;
            top: .7rem;
            left: 1.65rem;
            transition-delay: 0s;
        }

        #menu-toggle #cross span:nth-child(2) {
            width: 0%;
            height: .25rem;
            position: absolute;
            left: .7rem;
            top: 1.65rem;
            transition-delay: .25s;
        }

    #menu-toggle.open #hamburger span {
        width: 0%;
    }

        #menu-toggle.open #hamburger span:nth-child(1) {
            transition-delay: 0s;
        }

        #menu-toggle.open #hamburger span:nth-child(2) {
            transition-delay: .125s;
        }

        #menu-toggle.open #hamburger span:nth-child(3) {
            transition-delay: .25s;
        }

    #menu-toggle.open #cross span:nth-child(1) {
        height: 60%;
        transition-delay: .625s;
    }

    #menu-toggle.open #cross span:nth-child(2) {
        width: 60%;
        transition-delay: .375s;
    }

@media all and (min-width: 0) and (max-width: 600px) {
 
}