#nav-switch {
position: fixed;
top: 0;
left: 50%;



  -webkit-transform: translate(-50%, -100%);



  transform: translate(-50%, -100%);



  border-radius: 50%;



  border: 2px solid var(--color-company);



  background-color: var(--color-company);



  width: 90px;



  height: 90px;



  z-index: 99999999;



  -webkit-transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);



  transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);



  cursor: pointer;



  -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.5);



  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.5);



}



.hide #nav-switch {



  -webkit-transform: translate(-50%, 50%);



  transform: translate(-50%, 50%);



}



#nav-switch p {



  -webkit-transform: translateY(210%);



  transform: translateY(210%);



  margin: 0;



  font-weight: 700;



}



nav {



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: auto;



  z-index: 999999;



  -webkit-transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);



  transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);



  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 61, 64, 1)), color-stop(90%, rgba(58, 61, 64, 0)));



  background: linear-gradient(to bottom, rgba(58, 61, 64, 1) 0%, rgba(58, 61, 64, 0) 90%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#1e1e1e', GradientType=0);



}



nav.hide {



  -webkit-transform: translateY(-110%) !important;



  transform: translateY(-110%) !important;



}



#nav-logo {



  width: 200px;



  margin: 1rem;



}

#nav-logo img {
  max-width:160px
}



#nav-link-container ul {



  /*width: 100%;*/



  margin: 0;



  padding: 0;



}



.nav-link {



  display: inline-block;



  padding: .4rem;



}



.nav-link a {



  position: relative;



  color: var(--color-four);



  font-weight: 400;



  text-transform: uppercase;



  text-decoration: none;



  overflow: hidden;



}



.nav-link a:after {



  content: '';



  height: 2px;



  width: 0;



  position: absolute;



  left: 0;



  bottom: 0;



  margin-bottom: -7px;



  background-color: var(--color-company);



  transition: .6s cubic-bezier(0.165, 0.84, 0.44, 1);



  z-index: -1;



}



.nav-link.active a:after {



  width: 100%;



  z-index: 0;



}

.nav-link.riactive a:after {



  width: 100%;



  z-index: 0;




}



.no-touchevents .nav-link a:hover:after {



  width: 100%;



  z-index: 0
}


.megamenu ul li a{
  width: max-content;
}

a.sottolineatura:after {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  /*margin-bottom: -7px;*/
  background-color: var(--color-company);
  transition: .6s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: -1;
}

nav {



  transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);



}







nav.openmega {



  background-color: var(--color-one) !important;



  border-bottom: solid 1px var(--color-two);



}







nav.openmega .container-nav {



  background-color: var(--color-one) !important;



}







.container-nav {



  position: relative;



}







.sottomenu {



  display: none
}







.sottomenu.flex {



  display: flex
}







.megamenu {



  position: absolute;



  width: 100%;



  background-color: var(--color-one);



  top: -350px;



  padding: 20px;



  border-bottom: solid 1px var(--color-two);



  transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);



  z-index: 0;



}







.megamenu.open {



  top: 86px;



}







.megamenu h4 {



  font-weight: bold;



}







.megamenu h4 a {
  color: var(--color-four);
  text-decoration: none
}



.no-touchevents .megamenu h4 a:hover {
  color: var(--color-company)
}







.megamenu ul {



  list-style: none;



  border-left: 4px solid var(--color-company);



  padding-left: 15px;



  margin-left: 15px;



}







.megamenu ul li {



  line-height: 2rem;



  height: 2rem;



  display: block;



}







.megamenu ul li a {



  color: white;



  text-decoration: none;



  font-weight: bold;



  font-size: 0.8rem;



  transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);



  display: block;



  text-transform: uppercase;



}







.no-touchevents .megamenu ul li a:hover {



  transform: translateX(5px)
}







/* NAV MOBILE */



#navmobile {


  position:fixed!important;
  background: var(--color-one) !important;
}

.collapse.show,
.navbar-nav{
  height: 100vh !important;
}

.navbar-nav{
 padding-top: 24px !important;
 gap: 12px
}






;







#navbarbrand {



  width: 150px;



}







#navmobile .navbar-toggler {



  float: right;



  min-width: 0 !important;



  /* background-color:rgba(255,255,255,0.8); */

border:0;

}







#navmobile .navbar-toggler .navbar-toggler-icon {



  color: white
}







#navmobile .nav-link {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  outline: none;
}

#navmobile .nav-link:focus {
  border: none;
}







.dropdown-menu h4 {
  margin: 10px 10px 0px 10px;
  color: var(--color-company);
  font-weight: bold;
}



.dropdown-menu ul li a {
  /* text-transform: uppercase; */
  text-decoration: none
}

/* Banner Cookie */

.bannercookie {
  position: fixed;
  top: -200px;
  z-index: 100000000;
  background-color: var(--color-one);
  border-bottom: solid 2px var(--color-company);
  width: 100%;
  padding: 10px;
  text-align: center;
  transition: 0.3s
}

.bannercookie.show {
  top: 0px
}

.bannercookie a {
  color: var(--color-company);
  font-weight: bold
}

.notice__content {
  color: #000
}

#acconsentocookie {
  padding: 5px 10px;
  font-weight: 700;
  color: var(--color-company);
  font-size: 13px;
  line-height: 15px
}

@media (max-width: 1200px) {

  .megamenu.open {
    top: 116px;
  }

}

.dropdown-menu{
  background-color: unset;
  border: unset;
  padding-left: 16px;
}
.dropdown-menu.show h4, .dropdown-menu.show ul{
  position: relative !important;
}
.dropdown-menu.show h4:before, .dropdown-menu.show ul:before{
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  background-color: var(--color-company);
  /* top: 0; */
  left: -14px;
}
.dropdown-menu ul{
  padding: unset;
  /* padding-bottom: 16px; */
  list-style: none;
}
.dropdown-menu ul li:not(:last-child){
  padding-bottom: 10px;
}

.dropdown-menu h4{
  margin: 0;
  color: #f0f0f0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1rem;
  text-transform: unset !important;
}

.dropdown-menu h4 a,
.dropdown-menu ul li a{
  margin: 0;
  color: #f0f0f0;
}

#navbarDropdownMenuLink,
.nav-item .nav-link{
  font-size: 1.3rem;
}

.navbar-nav{
  overflow-y: auto;
  padding-bottom: 180px;
  z-index: 999999;
}