.navbar2 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  padding: 0 30px;
  background: linear-gradient(
    90deg,
    rgb(154, 165, 173) 0%,
    rgb(75, 83, 90) 100%
  );
  height: 50px;
  display: flex;
  flex-direction: column;
  /* justify-content: end; */
  align-items: center;
  font-family: "Exo";
  z-index: 110 !important;
  /* border: 10px solid red; */
  /* opacity: 1; */
  /* animation-name: menu_in; */
  /* animation-duration: 1s; */
  /* animation-delay: 1s; */
  animation-timing-function: ease-in;
  opacity: 0;
}
/* --------------------------------- MENU2 --------------- */

#hamburgeron{
position: fixed;
top: 0;
right: 10px;
width: 50px;
height: 50px;
/* border: 1px solid red; */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 999;
background: none;
border:none;
margin-top: -5px;
/* margin-bottom: 5px; */
/* opacity: 0; */
/* display: none; */
/* visibility: collapse; */
}

#hamburgeron img{
  width:80%;height:100%;
}



#hamburgeroff{
position: fixed;
top: 0;
right: 0;
width: 50px;
height: 50px;
/* border: 1px solid red; */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 998;
background: none;
border:none;
/* display:none; */
opacity: 0;

}

#hamburgeroff img{
  width:80%;height:100%;
}


.menu2 {
  position: absolute;
  top: 40px;
  right: 0;
  width: 40vw;
  height: 60vw;
  display: flex;
  flex-direction: column;
  /* justify-content: space-evenly; */
  align-items: left;
  /* padding: 10px; */
  /* padding-right: 30px; */
  /* border: 1px solid red; */
  list-style: none;
  transition: 0.8s easy-in;
  justify-content: start;
  border-radius: 0 0 0 10px;
  background: #173e5780;
  backdrop-filter: blur(20px);
/* backdrop-filter: brightness(60%); */
/* backdrop-filter: contrast(40%); */
/* backdrop-filter: drop-shadow(4px 4px 10px blue); */
/* backdrop-filter: grayscale(30%); */
/* backdrop-filter: hue-rotate(120deg); */
/* backdrop-filter: invert(70%); */
/* backdrop-filter: opacity(20%); */
/* backdrop-filter: sepia(90%); */
/* backdrop-filter: saturate(80%); */



  /* opacity: 0; */
/* display: none; */
/* border: 10px solid red; */
opacity: 0;
/* border: 1px solid red; */
}

.menu2 li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: clamp(0.9vw, 1.4vw, 2vw);
  transition: 0.8s;
  transition-delay: 0s;
  width:25vw;
  height: 10vw;
  /* border: 1px solid red; */
  /* background: #244b61; */
/* display: none; */
/* display: none; */
opacity: 0;
}

.menu2 a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: white;
  transition: 0.5s;
  transition-delay: 0s;
  font-family:'Exo';
  font-size: clamp(0.7vw, 1vw, 2vw);
border-radius: 5px;
/* border: 1px solid red; */
/* opacity: 0; */

  /* 1.4rem; */
  /* font-weight: 500; */
  /* padding-right: 50px; */
  /* animation: slideTop 1s ease forwards; */
  /* animation-delay: calc(.2s * var(--i)); */
}

/* @keyframes slideTop{
0% {
transform:translateY(100px);
opacity:0;
}
100%{
transform:translateY(0);
opacity:1;
}
} */

.menu2 a:hover {
  color: #222;
}

.sub-menu2 {
  position: absolute;
  top: 0;

  right: 27vw;
  width: 35vw;
  height: fit-content;
  
  /* border: 1px solid red; */
  border-bottom: none;
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-direction: column;

  /* border: 1px solid red; */
  /* margin: -10px; */
   background: #173e57bb;
  backdrop-filter: blur(80px);
  border-radius: 15px 0 15px 15px;
  transition: 2s;
  transition-delay: 0s;
  
}


.sub-menu2 li {
  width: 15vw;
  height: fit-content;
  border-radius: 5px;
    font-size: clamp(0.5vw, 1vw, 1.4vw);
  transition: 2s;
  transition-delay: 0s;
  text-align: left;
  margin: 0;
   /* background: #173e5780; */
  /* backdrop-filter: blur(30px); */

  /* border-bottom: 1px solid red; */
}
.itaeng{width:5px;display: flex;justify-content: right;}
.itaeng li{
  width: 10vw;
}

.menu3{
  /* top: -500px; */
  width: 54vw;
  right: -27vw;
  height:fit-content;
   background: #173e57;
/* backdrop-filter: blur(0); */

}

.sub-menu2 a {
  top: 0;
/* border-radius: 5px, 0, 0, 5px; */
width: 25vw;
  font-size: clamp(0.7vw, 0.7vw, 1.2vw);
  /* border: 1px solid red; */


  z-index: 120;
}

.sub-menu2 a:hover {
 color: blue;
  color: #fff;
}

.menu2 .has-children:hover .sub-menu2 {
  transition: 0.8s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  top: 0;
}

.sub-menu2 a:hover {
 

}

.menu2 li a:hover,
.current a {
  background: #39f ;
  /* color: #39f */
  /* font-size: 20px; */
}

/* .search{ 
  width: 18px;
  height: 18px;
  padding-left: px;
  background-color: rgba(0, 0, 0, 0);
} */

.hdrPippo {
}

.menu2 li a {
  text-decoration: none;
}


.visibile{
opacity:1;
visibility: visible;
}

.invisibile{
opacity: 0;
visibility: collapse;

}



/* ----------- MEDIA QUERY --------------- */

@media (min-width: 768px) {
  .navbar2{display:none}
  menu2{display: none;}
  #hamburgeron{display:none}
  #hamburgeroff{display:none}
  
}

@media (max-width: 768px) {
  #hamburgeron{opacity: 1}
  .navbar2{opacity: 1}
  .menu a{opacity: 0;}
  /* .menu2{opacity: 1;} */
  .menu2 li{opacity: 1;font-size: 1rem;}
  .menu2 a{opacity: 1;font-size: 1rem;}

  
}

@media (max-width: 1000px) {
  .menu2 {
  position: absolute;
  top: 40px;
  right: 0;
  width: 45vw;
  height: 80vw;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: left;

  list-style: none;
  transition: 0.8s easy-in;
  justify-content: start;
  border-radius: 0 0 0 10px;
  background: #173e5780;
  backdrop-filter: blur(20px);

}
.menu2 li{
  width: 60%;
  margin-bottom: 20px;
}
}

  /* .sub-menu2{opacity: 1;}
}
/* .open-sidebar-button, .close-sidebar-button{
    padding: 0 20px;
    display: none;
} */





















/* ----------- /FINE MEDIA QUERY/ --------------- */