/*----------MENU BURGER----------*/
#input_burger{
  display: none;
}/*-------------------------------*/

/*----------ANIMATION ICONE BURGER----------*/

#icone{
  position: relative;
  z-index: 103;
  width:40px;
  height:32px;
  padding-top: .5rem;
}
#icone>span{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;

}
#icone>span:first-child{ transform-origin: 0% 0%; transition: all .4s;}
#icone>span:last-child{ transform-origin: 0% 100%; transition: all .4s;}
#icone>span:nth-child(2){ transform-origin: 33% 50%; transition: all .2s .2s;}

#input_burger:checked +label>div>span:first-child{
  transform: rotate(45deg) scaleX(0.81);
  transition: transform .3s .1s, background-color .3s .2s;
  background-color: white;
}
#input_burger:checked +label>div>span:last-child{
  transform: rotate(-45deg) scaleX(0.81);
  transition: transform .3s .1s, background-color .3s .2s;
  background-color: white;
}
#input_burger:checked +label>div>span:nth-child(2){
  transform: scaleX(0);
  transition: all .2s;
  background-color: white;
}
/*--------------FIN ANIMATION ICONE BURGER--------------*/



/*--------------ANIMATION NAV--------------*/
#input_burger +label+nav{
  list-style-type: none;
  position:absolute;
  top:0;
  left:200%;
  right:0;
  height:100vh;
  text-align: center;
  background-color: rgba(0, 0, 0, .95);
  opacity: 0;
  transition: all .25s;
   
}
/*#input_burger +label+nav>a{
  display: none;
}*/

#input_burger:checked +label+nav{
  width:100%;
  height:100vh;
  left:0;
  display: block;
  opacity: 1;
  transition: all 1s;
  
}
/*#input_burger:checked +label+nav>a{
  display: block;
}*/
/*--------------FIN ANIMATION NAV--------------*/




/*------------------------------------*/
/*---------- FIN MENU BURGER----------*/