/* CSS Document */

.menu-wrapper {
 
      background-color: #e8e8e8; 
	 width: 95%;
	
    }

    .menu {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
		
    }

    .menu li {
      padding: 12px 20px;
      cursor: pointer;
      font-weight: bold;
      color: #0b567a;
		font-size: 17px;
		letter-spacing: 1px;
		
    }

    .menu li:hover {
      background-color:rgba(181,181,181,0.55);
	
    }

.activeli {  background-color: #333333 !important; color: white !important;   transition: opacity 0.4s ease, visibility 0.4s ease;}

    .submenu-wrapper {
      width: 100%;
      background-color: #333333;
      display: flex;
		font-size: 17px;
      gap: 20px;
      padding: 10px 20px;
      box-sizing: border-box;
      transition: opacity 0.4s ease, visibility 0.4s ease;
	display: none;	
   
     /* top: 100%;
      left: 0; */
    }

/*
    .submenu-wrapper.show {
      opacity: 1;
      visibility: visible;
    }
*/
    .submenu-wrapper a {
      color: white;
      text-decoration: none;
      font-weight: bold;
		margin-right: 40px;
		letter-spacing: 1px;
    }