.header{
	background-color:#ffffff;
	
	position: relative;
	top: 0;
	z-index: 20;
	padding-top: 20px;
  	padding-bottom: 20px;
	-webkit-transition: 0.3s cubic-bezier(0, 0, 0.3642, 1);
	transition: 0.3s cubic-bezier(0, 0, 0.3642, 1); 
}
.header .navbar{

}
.header .navbar .navbar-brand{
	/* width: 100%; */
	margin-right: 30px;
}
.header .navbar .navbar-brand img{
	max-height: 70px;
}

@media (min-width: 992px){
	.header .navbar .nav-link{
		padding: 30px 25px 30px 25px;
		color: var(--paletta-2);
		text-transform: uppercase;
		font-size: 17px;
		line-height: 22px;
		font-family: var(--font-1);
		position: relative;
		font-weight: 500;
	}
	.header .navbar .nav-link.active, .header .navbar .nav-link:hover{
		color: var(--paletta-1);
	}
	.header .navbar-expand-lg .navbar-nav .dropdown-menu{
		min-width: 360px;
		/* box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1); */
		box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
		background-color: var(--paletta-1);
		padding: 21px 0;
		color: #fff;
		border-radius: 0px;
	}
	.header .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu{
		top: -10px;
	}
	.header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
		transition: all .1s cubic-bezier(0, 0.55, 0.45, 1) 0s;
		position: relative;
		padding: 7px 23px;
		color: #fff;
	}
	.header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover::before {
		width: 12px;
	}
	.header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover,
	.header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active{
		background-color: transparent;
		color: #eee;
		transition: all .1s cubic-bezier(0, 0.55, 0.45, 1) 0s;
		padding: 7px 30px;
	}
	.header .navbar-expand-lg .dropdown > .dropdown-toggle::after {
		color: #8d8d8d;
	}
	.header-fixed{
		position: fixed;
		/* box-shadow: 0 1px 10px rgba(165, 164, 164, 0.2); */
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		z-index: 999;
		top: 0px;
		-webkit-transition: 0.3s cubic-bezier(0, 0, 0.3642, 1);
  		transition: 0.3s cubic-bezier(0, 0, 0.3642, 1);
		padding-top: 0px;
		padding-bottom: 0px;
		left: 0;
		-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
    	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
	}
	.header-fixed .navbar .nav-link{
		/* padding: 25px 20px 25px 20px; */
	}
	@-webkit-keyframes fadeInDown {
		from {
			opacity: 0;
			top:-200px
		}

		to {
			opacity: 1;
			top:0px
		}
		}
		@keyframes fadeInDown {
		from {
			opacity: 0;
			top:-200px
		}

		to {
			opacity: 1;
			top:0px
		}
	}
	.fadeINDown{
		animation: fadeInDown 0.4s ease-in both;
		-webkit-animation: fadeInDown 0.4s ease-in both;
	}
	@media(max-width:1024px){
		.fadeINDown{
			animation: none;
			-webkit-animation: none;
		}
	}
	/*navbar destra */
	.navbar-destra li{
		padding-left: 20px;
	}
	.navbar-destra{
		padding-left: 20px;
	}
	#offcanvas-nav{
		background-color: transparent !important;
	}
	.dropdown-toggle::after {
		vertical-align: calc(50% - 8px);
	}
}
@media (max-width: 991.98px){
	.header .navbar{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.header-middle{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.header{
		padding-top: 20px;
		padding-bottom: 20px;
		/* position: fixed;
		background-color: #ffffff;
		-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15); */
	}
	.header .navbar .nav-link{
		padding: 20px 10px 20px 10px;
		color: #171515;
	}
	.header .navbar-collapse {
		background-color: #ffffff;
	}
	.header .navbar-expand-lg .navbar-collapse .dropdown-menu{
		border-radius: 0;
	}
	.header .offcanvas-body .navbar-nav > li a{
		border-bottom: 1px solid #ddd;
		padding: 10px 0px;
	}
	.header .offcanvas-body .navbar-nav .dropdown-item{
		border-bottom: 0px solid #aaaaaa;
		padding: 10px 8px;
		font-size: 14px;
	}
	.header .offcanvas-body .navbar-nav .dropdown-item:focus,
	.header .offcanvas-body .navbar-nav .dropdown-item:hover{
		color: var(--paletta-2);
	}
	.header .offcanvas-body .navbar-nav .dropend .dropdown-menu[data-bs-popper]{
		margin-left: 0;
		padding-left: 10px;
	}
	.header .offcanvas-body .navbar-nav .dropend .dropdown-menu[data-bs-popper] li{
		border-bottom: 0px solid #ddd;
	}
	.header .dropdown-item.active, .header .dropdown-item:active{
		background-color:var(--paletta-1);
		color: #ffffff;
	}
	.header .offcanvas-footer{
		display: flex;
		flex-shrink: 0;
		/* margin-top: auto; */
		padding: 1.5rem 0;
		flex-direction: column;
		padding: 15px;
		text-align: center;
		color: #ffffff;
	}
	.offcanvas.offcanvas-start {
		width: 320px;
	}
	.header-fixed{
		position: fixed;
		top: 0;
		z-index: 999;
		background-color: #ffffff;
	}
	.navbar-brand {
		min-width: 180px;
	}
	.header .navbar .navbar-brand img{
		max-height: 40px;
	}
	.header .navbar-destra .appuntamento{
		display: none;
	}
	.header .navbar-destra .n-tel{
		margin-right: 20px;
	}
	button.hamburger {
		color: #000000;
	  }
	.navbar-destra{
		justify-content: end;
	}
	.navbar-destra li{
		padding-left: 10px;
	}
	.contatti-offcanvas-footer,
	.contatti-offcanvas-footer a,
	.contatti-offcanvas-footer a:hover{
		color: #000000 !important;
	}
	.header .offcanvas-header {
		justify-content: space-between;
		padding-bottom: 0px;
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.header .offcanvas-body{
		padding-top: 0;
	}	
}
.n-tel-header{
	font-size: 20px;
	border: 3px solid var(--paletta-1);
	padding: 15px 20px;
	border-radius: 10px;
	position: relative;
}
.n-tel-header span {
	position: absolute;
	font-size: 15px;
	top: -15px;
	background: var(--paletta-1);
	display: inline-flex;
	padding: 2px 15px;
	color: #000000;
	line-height: 20px;
	text-transform: uppercase;
}
@media(max-width:1280px){
	.n-tel-header{
		font-size: 18px;
		padding: 10px 15px;
	}
	.n-tel-header span {
		font-size: 15px;
		top: -15px;
		padding: 2px 15px;
		line-height: 20px;
	}
	.header .navbar .nav-link {
		padding: 30px 15px 30px 15px;
	}
	.header .navbar .navbar-brand img {
		max-height: 50px;
	}
}
@media(max-width:1170px){
	.header .navbar .nav-link {
		font-size: 15px;
	}
}
@media(max-width:991px){
	.header .navbar-destra {
		padding-right: 5px;
	}
}
@media (max-width: 580px) {
	.n-tel-header span {
	  font-size: 11px;
	  top: -15px;
	  padding: 2px 12px;
	  line-height: 10px;
	}
	.n-tel-header {
	  font-size: 16px;
	  padding: 10px 15px;
	}
	.header .navbar .navbar-brand img {
		max-height: 45px;
	}
}
@media(max-width: 485px){
	.n-tel-header span {
		left: 50%;
        transform: translateX(-50%)
	}
	.n-tel-header{
		margin-top: 30px;
	}
	.navbar-other .n-tel-header{
		display: none;
	}
}