.fechado.menulat {
 right: -200vh;
}

.aberto.menulat {
 right: 0;
}



.aberto .bloco-menulat {
    
    animation: animenunov 250ms cubic-bezier(0, 0.99, 0.42, 1.0) 100ms both;
}
.fechado .overlay {
    display: none;
}
.aberto .overlay {
     animation: anioverlay 450ms linear 0ms both;
      display: flex;
      position: fixed;
}



.menulat .e-con-inner {
    position: relative;
}




.bloco-menulat {
     min-height: 100% !important;
   max-width: 100% !important;
   overflow-y : scroll;
   -ms-overflow-style: none;  /* IE e Edge antigos */
  scrollbar-width: none;     /* Firefox */
   
}


.bloco-menulat::-webkit-scrollbar {
  display: none;             /* Chrome, Safari */
}















@keyframes animenunov {
    0%{
        transform: translate(100px , 0);
        opacity: 0;
    }
    100%{
        transform: transform(0 , 0);
        opacity: 1;
    }
}


@keyframes anioverlay {
    0%{
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    100%{
        
        opacity: 1;
        backdrop-filter: blur(30px);
    }
}










 
  .wrapper .icon{
  margin:20px;
}

.nav-icon-1{
  width: 30px;
  height: 30px;
  position: relative;
  transition: .1s;
  margin: 10px 10px;
  cursor: pointer;
  display: inline-block;
}
.nav-icon-1 span{
  width: 6px;
  height: 6px;
  background-color: #fff;
  display: block;
  border-radius: 50%;
  position: absolute;

}
.nav-icon-1:hover span{
  transform: scale(1.2);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1 span:nth-child(1){
  left: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(2){
  left: 12px;
  top: 0;
}
.nav-icon-1 span:nth-child(3){
  right: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(4){
  left: 0;
  top: 12px;
}
.nav-icon-1 span:nth-child(5){
  position: absolute;
  left: 12px;
  top: 12px;
}
.nav-icon-1 span:nth-child(6){
  right: 0px;
  top: 12px;
}
.nav-icon-1 span:nth-child(7){
  left: 0px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(8){
  position: absolute;
  left: 12px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(9){
  right: 0px;
  bottom: 0px;
}
.nav-icon-1.open{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1.open span{
  border-radius: 50%;
  transition-delay: 200ms;
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1.open span:nth-child(2) {
  left: 6px;
  top: 6px;
}
.nav-icon-1.open span:nth-child(4) {
  left: 6px;
  top: 18px;
}
.nav-icon-1.open span:nth-child(6) {
  right: 6px;
  top: 6px;
}
.nav-icon-1.open span:nth-child(8) {
  left: 18px;
  bottom: 6px;
}