@charset "UTF-8";





.floating {
    position: fixed !important;
    width: 100% ;
    top:0px;
    margin-top: 0px !important;
    padding: 0px 20px !important;
    box-sizing: border-box;
    z-index: 100;
    /*transition: .5s;*/
    box-shadow: 0px 15px 10px rgba(0,0,0,0.4)
  }
  
  .floating.hide {
  
  
    transform: translateY(-100%);
  box-shadow: 0px 0px;
  
  }
  
    
  .floating02 {
    position: fixed !important;
    width: 100% ;
    top:0px;
    margin-top: 0px !important;
    padding: 0px 20px !important;
    box-sizing: border-box;
    z-index: 100;
    /*transition: .5s;*/
    transform: translateY(-100%);
    box-shadow: 0px 15px 10px rgba(0,0,0,0.4)
  }
  
.floating02.open {
  
  transition: .5s; 
  transform: translateY(0%);


}




.top-nav > ul > li > a {

  transition: all .3s;
  
  
  }
  
  
  
  .floating02 li:nth-child(1) a {
  
  flex-wrap: nowrap;
  gap:5px;
  
  transition: all .3s;
  
  
  
  }
  
  .floating02.top-nav > ul > li:nth-child(1) > a span {
  
  
    padding: 0;
  }
  .floating02.top-nav > ul > li:nth-child(1) > a span:nth-child(1) {
  
  width: auto;
  }
  
  


  
  .menu-btn.btn_hide.spslide {

    transition: .5s; 
    transform: translateY(-100%);
  

  }



  
.hamburger-menu summary {

  color: #fff;
  margin-left: 15px;
  cursor: pointer;
  margin-bottom: 10px;  
  transition: all .3s;
}




details[open] {
  visibility: visible;
  transition: all .3s;
  animation: fadeIn 0.5s ease;
}



@keyframes fadeIn {
0% {
  opacity: 0; 
  transform: translateY(-10px); 
}
100% {
  opacity: 1;
  transform: none;
}
}