/*html, body {overflow-x: hidden;}*/

.menu-anchor { background: #ed1651; z-index: 9999999; width: 32px; height: 32px; display: none; vertical-align: middle; position: relative; text-indent: -9999px; overflow: hidden; cursor: pointer; margin: 17px 0 0 0; float: left; }

.menu-anchor:before { background: #ffe6cb; content: ""; display: block; margin: 7px auto; width: 70%; height: 0.25em; box-shadow: 0 .45em 0 0 #ffe6cb, 0 .9em 0 0 #ffe6cb; }

menu {
  position: fixed;
  top: -16px;
  left: 0;
  z-index: 9999;
  width: 440px;
  height: 100%;
  padding: 25px 25px 0 25px;
  background: #be1241;
  box-shadow: inset -5px 0 10px 0 rgba(0,0,0,.3);
  overflow: auto;
}

menu {
  -webkit-transform: translateX(-440px);
  -moz-transform: translateX(-440px);
  -ms-transform: translateX(-440px);
  transform: translateX(-440px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.main {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.menu-active menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.menu-active .main {
  -webkit-transform: translateX(440px);
  -moz-transform: translateX(440px);
  -ms-transform: translateX(440px);
  transform: translateX(440px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.menu-active .menu-anchor {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.menu-active .menu-anchor:before{
  background: #be1241;
  box-shadow: 0 .45em 0 0 #be1241, 0 .9em 0 0 #be1241;
}

/* MOBILE PORTRAIT */
@media all and (min-width:200px) and (max-width: 380px) {
  menu {
  position: fixed;
  top: -16px;
  left: 0;
  z-index: 9999;
  width: 260px;
  height: 100%;
  padding: 25px 25px 0 25px;
  background: #be1241;
  box-shadow: inset -5px 0 10px 0 rgba(0,0,0,.3);
  overflow: auto;
  }

  menu {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  transform: translateX(-260px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
  }

  .menu-active .main, .menu-active nav.nav_top_scroll nav.categorias {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
  }
}