header{
	width: 100vw;
	height: 80px;
	background-color: #0093b1;
	top: 0;
	left: 0;
	position: fixed;
}

.no-scroll {
  overflow-y: hidden;
}



.logo{
	background-image: url('../images/logo.svg');
background-repeat: no-repeat;
background-position: center center;
width: 167px;
height: 70px;
background-size: contain;
cursor: pointer;
float: left;
position: fixed;
z-index: 999999999;
margin-left: 10px;
margin-top: 5px;

}

.box-nav{
	float: right;
	height: 40px;
	margin-top: 13px;
	margin-right: 20px;
}

.box-nav li{
	color: white;
	font-size: 0.8em;
	line-height: 20px;
	margin
	padding: 0;
	cursor: pointer;
	padding: 0 7px;
	height: 0px;
  	background-color: white;
  	display: inline-block;
  	letter-spacing: 0.9px;
}



li:hover { 
  	height: 20px;
  	background: rgba(255,255,255,0.1);
  	border: none;
  	transition: 0.5s ease-in-out;
}

.menu-servizi{
	width: 100vw;
	height: 40px;
	margin-top: 80px;
	background-color: #585858;
	display: none;
}

.menu-servizi li{
	color: white;
	font-size: 0.7em;
	line-height: 20px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	padding: 0 4vw;
	height: 0px;
  	background-color: white;
  	display: inline-block;
  	letter-spacing: 0.9px;
}




header a{
	float: left;
	height: 30px;
	color: white !important;
	font-family: Montserrat-Regular;
	text-align: center;
	
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.20s ease;
	transition: all 0.30s ease;
	text-align: center;
	width: 100vw
}


header a:hover{
	color: #0093b1 !important;
}

.nav{
  display: none;
}

@media screen and (max-width: 1180px){
    
    
    .box-nav{
    	display: none;
    }

    .logo{
    
    	z-index: 9999999999;
    	position: absolute;
    	background-position: right;
    }

    #menuMobile{
	   display: block;
	}

	.nav-mobile {
	    display: block;
	    width: 100vw;
	    height: 80px;

	    position: fixed;
	    top: 0px;
	    z-index: 99999;
  	}


 	

	.nav-button {
	    width: 40px;
	    height: 70px;
	    right: 50px;
	    top: 5px;
	    position: fixed; 
	    cursor: pointer;
	}

	.nav {
		width: 100vw;
	  	height: 100vh;
	  	position: fixed;
	  	top: 0;
	  	left:0 ;
	  	z-index: 9999;
	  	background-color: #a7abb7;
	  	color: white;
	  	overflow-y: auto;
	  	display: none;
	}


	.link{
		width: 90vw;
		top: 100px;
		position: relative;
		font-size: 1em;
		right: 10vw;
	}

	.link a{
		text-align: right; !important;
	}


	/* INIZIO hamburger */
	.content {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 100vh;
	}

	.hamburger {
	  width: 40px;
	  height: 45px;
	  box-sizing: border-box;
	  cursor: pointer;
	  position: absolute;
	  margin-top: 15px;
	}
	span {
	  position: absolute;
	  display: block;
	  height: 4px;
	  width: 30px;
	  background: white;
	  border-radius: 3px;
	  transition: all 0s 0.2s;
	}

	span:nth-child(1) {
	  top: 9px;
	  left: 7px;
	  transition: 0.2s 0.2s, opacity 0s 0.2s;
	}

	span:nth-child(2) {
	  top: 18px;
	  left: 7px;
	  transition: 0.2s 0s;
	}

	span:nth-child(3) {
	  top: 18px;
	  left: 7px;
	  transition: 0.2s 0s;
	}

	span:nth-child(4) {
	  top: 27px;
	  left: 7px;
	  transition: 0.2s 0.2s, opacity 0s 0.2s;
	}

	.hamburger.active span:nth-child(1) {
	  top: 18px;
	  opacity: 0;
	  transition: 0.2s 0s, opacity 0s 0.2s;
	}

	.hamburger.active span:nth-child(2) {
	  transform: rotate(-45deg);
	  transition: 0.2s 0.2s;
	}

	.hamburger.active span:nth-child(3) {
	  transform: rotate(45deg);
	  transition: 0.2s 0.2s;
	}

	.hamburger.active span:nth-child(4) {
	  top: 18px;
	  opacity: 0;
	  transition: 0.2s 0s, opacity 0s 0.2s;
	}
	/* FINE hamburger */

	}


	/* INIZIO accordion menu desk */

.accordion--content {
    display: none;
  }


.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 6em;
  
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
    height: 0;
    overflow: hidden;
    transition: height .25s;
}


/* .accordion {
  padding: 0;
  text-align: right;
  line-height: 30px;
  color: white;
  top: 160px;
  width: 220px;
  right: 20px;
  position: absolute;
  font-size: 1.2em;
  list-style: none;
}
*/

.accordion .accordion-item {
  color: white;
  
}

.accordion bold {
  margin: 0;
}

.accordion .accordion-item:nth-child(1) {

}

.accordion--headline, .accordion--content{
 cursor: pointer;

}

.accordion li {
  
}

.bor{
 
}

.bor-bt{
  
  cursor: pointer;
}

.sottomenu{
  display: inline-block;
  width: 240px;
}
/* FINE accordion menu desk */