.webapp-wrapper {
    display: none;
}
#mobile-navigation {
    display:none;
    position: absolute;
    width: 100%;
    min-height: 500px;
    z-index: 2000;
    background: #ff6600;
    -webkit-transition: width 0.50s; /* Safari */
    transition: width 0.50s;            
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    top: 0px;
    left: 0px;
    right: 0px;
}
    .mobile-navigation-inside {
    }
        .mobile-navigation-inside .mobile-nav-header {
            padding: 15px 0;
            width: 80%;
            margin: 0 auto;
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        }
            .mobile-navigation-inside .mobile-nav-header .header-logo {
                display: block;
                width: 90px;
                margin: 0;
                margin-right: auto;
            }
                .mobile-navigation-inside .mobile-nav-header .header-logo img {
                    width: 90px;
                    height: auto;
                }
            .mobile-navigation-inside .mobile-nav-header .icons {
                display: block;
                margin: auto 0;
                margin-left: auto;
            }

        .mobile-navigation-inside .mobile-nav-wrapper {
            padding: 15px 0;
            width: 80%;
            margin: 0 auto;
        }

        .mobile-link-wrapper {
        }
            .mobile-link-wrapper .mobile-link {
                height: 30px;
                width: 100%;
                text-align: left;
                line-height: 1.0;
                display: flex; display: -webkit-flex; 
                flex-flow: row wrap; -webkit-flex-flow: row wrap;
                font-size: 15px;
                color: #FFF;
                background: #000;
                margin-top: 7px;
                text-transform: uppercase;
            }

                .mobile-link-wrapper .mobile-link:hover {
                    text-decoration: none;
                }
                .mobile-link-wrapper .mobile-link .text {
                    margin: auto 13px;
                }

            .mobile-link-wrapper .mobile-sublink-wrapper {
                display: none;
            }
                .mobile-link-wrapper .mobile-sublink-wrapper .mobile-sublink-inside {
                    padding: 10px;
                    background: #FFF;
                }
                    .mobile-link-wrapper .mobile-sublink-wrapper .mobile-sublink-inside a {
                        display: block;
                        padding: 3px;
                        color: #e25402;
                    }

