*{
 /*  margin: 0;
  padding: 0; */
 /*  box-sizing: border-box; */
/*   font-family: Verdana, Geneva, Tahoma, sans-serif; */
 /*  text-transform: capitalize; */
/*   text-decoration: none; */
}



header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #e7e0e0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  
  padding:0 1%  0 7%;


  display: flex;
  align-items: center;
    justify-content: space-between;  /* ////////////////////////////////////////////////////////// */

  z-index: 9999;
  /* vertical-align: middle; */
}

/* header .logo{
  font-weight: bold;
  font-size: 25px;
  color:#ffffff
} */

header .navbar ul {
  list-style: none;
 
}


header .navbar ul li {
  position: relative;
  float: left;
  
}

header .navbar ul li a {
  font-size: 14px;
  padding: 15px;
  color: #4b4b4a;
  display: block;
  
}

header .navbar ul li a:hover{
  background-color: #c3c3c3;   
  color: #804F14;
}


header .navbar ul li ul{
  position: absolute;
  left: 0;
  width: 200px;
  background-color: #dfd7d7;
  display: none;
  
}

header .navbar ul li ul li{
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

header .navbar ul li ul li ul{
  left: 200px;
  top: 0;
}

header .navbar ul li:focus-within > ul , 
header .navbar ul li:hover > ul{
  display: initial;
}

.drop{
  margin-left: 5px;
  
}


#menu{
  display: none;

}
.menu-icono{
  width: 25px;

}

header label{
  cursor: pointer;
  display: none;

}

.alinearBtn{
  text-align: right; 
  margin-top: 7px;
  margin-bottom: 0px;
}

@media(max-width:991px){
  header{
      padding: 20px;
  }

  header label{
      display: initial;
  }

  header .navbar{
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: #e7e0e0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      display: none;
  }

  header .navbar ul li{
      width: 100%;
  }

  header .navbar ul li ul {
      position: relative;
      width: 100%;
  }

  header .navbar ul li ul li {
      background-color: #b5b4b4;
  }

  header .navbar ul li ul li ul{
      width: 100%;
      left: 0;
  } 

  #menu:checked ~ .navbar{
      display:initial;
  }

  .alinearBtn{
    text-align: left;
    
  }
}


/* ******************************* */

.slogan{
  color: #F4820B;
  margin-left: 10px;
  margin-right: 30px; 
 
  font-weight: bold;
  width: 150px;
  
}