@charset "ISO-8859-1";
 
.menu {
 	display: flex;
 	justify-content: space-between;
 	background: black;
 	padding: 15px 0 10px 0;
 	width:100%;
 	position: fixed;
	top: 0;
	z-index:999;
	box-shadow: 0px 0px 5px #000;
}
 
.logo {
 	width: 209px;
  	height: 58px;
  	
}

.row-logo {
	padding-left: 53px;
 	width: 77px;
  	height: 59px;
  	position:relative;
  	top: -4px;
  	padding-bottom: 33px;
}

.menu-items {
 	display: flex;
 	list-style: none;
 	margin-right: 30px;
 	margin-top: 0px;
 	align-items: center;
 	font-family: Inter-Regular_;
 	margin-bottom: 0;
}
 
.menu-items li{
 	border-radius: 3px;
 	margin: 0 30px;
}
 
.menu-items li a{
 	padding: 7px 13px;
 	text-decoration:none;
 	font-size: 18px;
 	display: block;
	color: white;
}
 
.menu-items li a:hover { 
 	color: #ded717
}

.active {
	color: #ded717!important
}

/* .menu-items li a .active { NO SIRVEEEE
 	color: #ded717
} */
 
.btn-menu {
 	margin-right: 30px;
 	font-size: 25px;
 	color: white;
 	cursor: pointer;
 	display:none;
}

ul.show {
	top: 54px;
	padding:0%;/**/
}
.linea-separa-menu{
	visibility: hidden;
}

@media screen and (max-width: 1090px) {
	.menu-items li {
		margin: 0 0;
	}
}

@media screen and (max-width: 890px) {
	.row-logo{
		width: 62px;
		height: 0;
		padding-bottom: 0;
		padding-left: 0px;
	}
	.linea-separa-menu{
		visibility: visible;
		width: 400%;
		padding-right:50%;
	}

	.menu {
		margin:0;
		width: 100%;
		padding: 15px 0 15px 0;
	}
	.logo {
 		width: 140px;
  		height: 32px;
  		padding-left:26px;
	}
	.btn-menu {
		display: inline-flex;
		align-items: center;
	}
	.menu-items {
		position: fixed;
		width: 100vw;
		height: calc(100% );
		background: #101426;/**/
		top: -100vh;
		text-align:center;
		transition: all .4s;
		flex-direction: column;
	}
	.menu-items li {
		margin: 18px 0 0 0;
		line-height: 30px;
	}
	.menu-items li:hover {
		background: none;
	}
	.menu-items li a {
		font-size: 20px;
		color: white;
		font-weight: bold;
	}
	.menu-items li a:hover {
		color: white;
	}
}

@media screen and (max-width: 885px) and (orientation: landscape) {
	.menu-items li {
		/*margin: 5px 0 0 0;*/
	}
	.menu-items {
		overflow: scroll;
		height: calc(100% - 40px );
	}
		
}