.hamburger{
    position:absolute;
    background-color:transparent;
    right: 120px;
    top: 30px;
    height:30px;
    width:30px;
    padding:20px 20px;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
    transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
    z-index:1002;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index: 21000;
}

.hamburger.is-active{
    background-color:none;
    z-index: 21000;
    /*color: #ffda3f;*/
    /*position: fixed;*/
}

._layer{
    background:#333333;
    margin-bottom:3px;
    border-radius:2px;
    width:28px;
    height:3px;
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
    transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}
.hamburger.is-active ._layer {
  background-color: #ffda3f;
}
.hamburger:hover .-top{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
}
.hamburger:hover .-bottom{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
}
.hamburger.is-active .-top{
    -webkit-transform:translateY(200%) rotate(45deg) !important;
    -ms-transform:translateY(200%) rotate(45deg) !important;
    transform:translateY(200%) rotate(45deg) !important;
}
.hamburger.is-active .-mid{
    opacity:0;
}
.hamburger.is-active .-bottom{
    -webkit-transform:translateY(-200%) rotate(135deg) !important;
    -ms-transform:translateY(-200%) rotate(135deg) !important;
    transform:translateY(-200%) rotate(135deg) !important;
}

.menuppal.is_active{
    transform: translate3d(0px, 0px, 0px);
    -webkit-box-shadow: 9px 9px 103px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 9px 103px -21px rgba(0,0,0,0.75);
    box-shadow: 9px 9px 103px -21px rgba(0,0,0,0.75);    
}
.menuppal{
    bottom: 0;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
    width: 100%;
    z-index: 99999;
    background-color: #3b3b3a;
    color:white;
    max-width:500px;
    right:-17px;
    position: fixed;
}
.menuppal ul{
    padding:0 20px;
    max-width: 350px;
    display: block;
    margin: 0 auto;
    /*margin-top: 200px;*/
}
.menuppal ul li {
    list-style: none;
    text-align:left;
    font-family: 'Open Sans Condensed', sans-serif;
    color:$nav-color-text;
    font-size:18px;
    line-height:3em;
    height:3em;
    border-bottom: 1px solid #2f2f2f;
    color: #fff;
    font-weight:600;
    text-transform: capitalize;
    transition: all 0.5s ease;
}
.menuppal ul li a {
  color: #fff;
  text-decoration: none;
}

.menuppal ul li:hover a{
    /*font-size:1rem;
    line-height:3em;
    height:3em;*/
    transition: all 0.5s ease;
    color: #ccc;
}

.logo-corp {
  display: block;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 50px;
}
.logo-corp .logo-menu-corp {
  width: 60%;
  max-width: 350px;
  display: block;
  margin: 0 auto;
}