@media screen and (min-width:85.625rem) {
    .openbtn {
      display: none
    }
  }
  .sidepanel  {
    width:80%;    
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    left:100%;    
    background-color: #003366;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 5px;    
  }
  
  .sidepanel a {
    padding: 4px 4px 4px 32px;
    text-decoration: none;
    font-size: 1rem;
    color: white;
    display: block;
    transition: 0.3s;
  }
  
  
  a.sub-menu-titulo {
    padding: 4px 4px 4px 22px;
    text-decoration: none;
    color: white;
    display: block;
    transition: 0.3s;
    font-weight: 700;    
    left: 50px;
  }

  a.sub-menu-item{
    padding: 4px 4px 4px 22px;
    text-decoration: none;    
    color: white;
    display: block;
    transition: 0.3s;
    font-weight: 300;    
  }
  .sidepanel a:hover {
    color: #003366;
  }
  
  .sidepanel .closebtn {
    /* position: absolute; */
    top: 0;    
    /* right: 25px; */
    font-size: 2rem;
    text-align: right;
    padding: 0;
    padding-right: 10%;    
  }
  
  .sidepanel .closebtn:hover{
    color: #c0a06f;
  }
  .openbtn {
    font-size: 2rem;
    cursor: pointer;
    background-color: transparent;
    color: white;
    padding: 10px 15px;
    border: none;
    text-align: center;
  }
  
  .openbtn:hover {
    color: #c0a06f;
    cursor: pointer;
    
  }
  .direita{
    text-align: right;
    /* border: 3px dotted red; */
    
  }

  /* ==================================== */
  .sub-menu {
    display:none;
    text-decoration: none;   
    list-style-type: none;
}



.menu-item{
  border-style: solid;
	border-width: 0 0px 1px;	
	border-color: white;
  list-style-type: none;
  color:white;
  padding-bottom: 10px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 1.2rem;
}


.menu-item a{
  border-style: solid;
	border-width: 0 0px 0px;	
	border-color: white;
  list-style-type: none;
  color:white;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  font-size: 1.2rem;
}

.menu-item a:hover {
  color: #c0a06f;
  cursor: pointer;
}

.menu-item:hover{
  color: #c0a06f;
  cursor: pointer;
}
.sub-menu a:hover {
  color: #c0a06f;
  cursor: pointer;
}
.sub-menu:hover {
  color: #c0a06f;
  cursor: pointer;
}

.sub-menu.active {
   display:block;
  }