/* Boton Abrir/Cerrar menu nav **************************************************/

.svg_boton_menu{
  z-index: 18000;
  width: 40px;
  height: 40px;
  top:4px;
  left:10px;
  background-color: transparent;
  position: fixed;
  cursor: pointer;
}
.svg_activor{
  width: 40px;
  height: 40px;
  top: 5px;
  left:10px;
  background-color:transparent;
  position: fixed;
  cursor: pointer;
   z-index: 18000;
  
}
.svg_activor .line02{
  top: 8px;
  -ms-transform: translate(0px,3px); /* IE 9 */
    -webkit-transform: translate(0px,3px); /* Chrome, Safari, Opera */
    transform: translate(0px,3px);
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg); 
}
.svg_activor .line03{
  top: 8px;
  -ms-transform: translate(0px,3px); /* IE 9 */
    -webkit-transform: translate(0px,3px); /* Chrome, Safari, Opera */
    transform: translate(0px,3px);
  -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);  
}
.svg_activor .line01{
  opacity: 0;
}
.svg_activor .line04{
  opacity: 0;
}
.svg_boton_menu:hover .line01{
  -ms-transform: translate(0px,-3px); /* IE 9 */
    -webkit-transform: translate(0px,-3px); /* Chrome, Safari, Opera */
    transform: translate(0px,-3px);
    background-color: #fe655d;
}
.svg_boton_menu:hover .line04{
  opacity: 0;
}
.svg_boton_menu:hover .line02{
  background-color: #fe655d;
  
}
.svg_boton_menu:hover .line03{
  -ms-transform: translate(0px,3px); /* IE 9 */
    -webkit-transform: translate(0px,3px); /* Chrome, Safari, Opera */
    transform: translate(0px,3px);
    background-color: #fe655d;
}
.svg_activor:hover .line02{
  -ms-transform: translate(0px,3px); /* IE 9 */
    -webkit-transform: translate(0px,3px); /* Chrome, Safari, Opera */
    transform: translate(0px,3px);
  -ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
    transform: rotate(40deg); 
    background-color: #fe655d;
}
.svg_activor:hover .line03{
  -ms-transform: translate(0px,3px); /* IE 9 */
    -webkit-transform: translate(0px,3px); /* Chrome, Safari, Opera */
    transform: translate(0px,3px);
  -ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
    transform: rotate(-40deg); 
    background-color: #fe655d;

}
.svg_lineas{
  position: absolute;
  left: 2.3px;
  width: 35px;
  height: 20px;
  margin: 0px;
  padding:0px;
  top: 11px;
}
.svg_line{
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0px;
  background-color: #1f5ead;
  -webkit-transition:0.3s;
  transition:0.3s;
}
.svg_boton_menu .line01{
  top:0px;
  opacity: 1;
}
.svg_boton_menu .line02{
  opacity: 1;
  top:7px;
}
.svg_boton_menu .line03{
  opacity: 1;
  top:14px;
}
.svg_boton_menu .line04{
  top:21px;
  opacity: 0;
}