.expand-ul {
     	display: none;
     }



    

          .menu-item-has-children {
               position: relative;
          }  

          .nav {
             float: none;
             position: fixed;
             width: 300px;
             height: 100%;
             top: 0;
             right: -310px;
             z-index: 99;
             background: #fff;
             padding-top: 111px;
             overflow: auto;
             overflow-x: hidden;
             -webkit-overflow-scrolling: touch;
             -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
             -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
             box-shadow: 0 0 10px rgba(0,0,0,.4);
             -webkit-transition: all 0.25s ease;
             -moz-transition: all 0.25s ease;
             -ms-transition: all 0.25s ease;
             -o-transition: all 0.25s ease;
             transition: all 0.25s ease;
        }

        .nav.active {
             right: 0;
        }

        .sub-menu {
             position: relative;
             top: 0;
             width: 100%;
             box-shadow: none;
             background: rgba(0,0,0,.2);
        }

        .expand-ul, .active-expand {
             display: block;
             cursor: pointer;
             position: absolute;
             right: 0;
             top: 0;
             padding: 42px 25px 15px;
             font-size: 1.5em;
             color: #f1f1f1;
             line-height: 1;
             font-weight: 300;
             z-index: 999;

        }

        .nav ul.sub-menu li a {
             padding: 13px 40px;
             color: #000;
        }

        .nav > ul > li {
             position: relative;
        }

        .nav ul {
             border-bottom: 1px solid rgba(255,255,255,.09);
        }

        .nav ul li a {
             padding: 15px 20px;
             color: #000;
             border-top: 1px solid rgba(255,255,255,.09);
        }

        .hamburger-outer {
             display: block;
             position: fixed;
             top: 5%;
             right: 5%;
             z-index: 100;
             background: transparent;
             padding: 10px 12px 8px;
        }

        .white .c-hamburger span, .white .c-hamburger span:before, .white .c-hamburger span:after {
             background-color: #1b202f;
        }

        .white a {
             color: #000 !important;
        }

        .c-hamburger {
             position: relative;
             overflow: hidden;
             margin: 0;
             float: right;
             top: 0;
             z-index: 99;
             padding: 0;
             width: 28px;
             height: 28px;
             font-size: 0;
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
             box-shadow: none;
             border-radius: none;
             border: none;
             background: transparent;
             outline: none;
             cursor: pointer;
        }

        .c-hamburger--htx.is-active span {
             background: none;
        }

        .c-hamburger span {
             display: block;
             position: absolute;
             top: 11px;
             left: 0;
             right: 0;
             height: 3px;
             border-radius: 2px;
             background: #000;
        }

        .c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after {
             transition-delay: 0s, 0.3s;
        }

        .c-hamburger--htx.is-active span:before {
             top: 0;
             transform: rotate(45deg);
        }

        .c-hamburger--htx.is-active span:after {
             bottom: 0;
             transform: rotate(-45deg);
        }

        .c-hamburger--htx span:before, .c-hamburger--htx span:after {
             transition-duration: 0.3s, 0.3s;
             /* transition-delay: 0.3s, 0s; */
        }

        .c-hamburger--htx span:before, .c-hamburger--htx span:after {
             transition-duration: 0.3s, 0.3s;
             /* transition-delay: 0.3s, 0s; */
        }

        .c-hamburger--htx span:before {
             transition-property: top, transform;
        }

        .c-hamburger--htx span:after {
             transition-property: bottom, transform;
        }

        .c-hamburger span:before {
             top: -8px;
        }

        .c-hamburger span:after {
             bottom: -8px;
        }

        .c-hamburger span:before, .c-hamburger span:after {
             position: absolute;
             display: block;
             left: 0;
             width: 100%;
             height: 3px;
             background: #000;
             content: "";
             border-radius: 2px;
        }

        .nav ul.sub-menu li a {
          color: #fff;
        }