/*NAVIGAZIONE*/

.logo img{ width: 230px}
body:not(.interno ) header:not(.sticky ) .logo {xfilter: contrast(9999%);}
body:not(.interno ) header:not(.sticky ) .logo img{xfilter: grayscale(100%);}
@media all and (max-width:1199px){
	.logo img{ width: 200px}
}
@media all and (max-width:991px){
	.logo img{ width: 160px}
}

.header.sticky{background:rgba(255,255,255,0.95)}
.header.sticky{padding:1rem 0px}

.interno .header{background:rgba(255,255,255,0.95)}
.interno :not(.sticky) .header-cont .brand.logo{}

.header{
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;

padding:2rem 0px;
}
@media all and (max-width:1199px){
	.header{padding:1rem 0px;}
}
.humbarger-icon {margin-left:-35px;}

nav.navbar-light  a.nav-link{padding: 0.3rem 1.5rem!important;border-radius:var(--border-radius);margin:0px 0.5rem;font-weight: 600;}
nav.navbar-light  .nav-item span{width: 10rem;display: block}
nav.navbar-light .navbar-nav .nav-link{color:black;}
nav ul{margin:0px 2rem;}

body[class*='lozione0'] nav a.nav-link.linea0,
body[class*='natural'] nav a.nav-link.linea1,
body[class*='neofamily'] nav a.nav-link.linea2,
body[class*='tropical'] nav a.nav-link.linea3,
body[class*='extreme'] nav a.nav-link.linea4,
nav a.nav-link:hover{color:white!important;box-shadow:var(--shadow01);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;	

}
body[class*='lozione0'] nav a.nav-link.linea0
{color:var(--color1)!important;}
nav a.nav-link.linea0:hover{color:var(--color1)!important;}
@media all and (max-width:1199px){
    nav a.nav-link{font-size:14px;}
	nav.navbar-light  a.nav-link{padding: 0.3rem 1.0rem!important;}
}

nav a.nav-link.linea0:hover,body[class*='lozione0'] nav a.nav-link.linea0{background:var(--color0);}
nav a.nav-link.linea1:hover,body[class*='natural'] nav a.nav-link.linea1{background:var(--color);}
nav a.nav-link.linea2:hover,body[class*='neofamily'] nav a.nav-link.linea2{background:var(--color2);}
nav a.nav-link.linea3:hover,body[class*='tropical'] nav a.nav-link.linea3{background:var(--color3);}
nav a.nav-link.linea4:hover,body[class*='extreme'] nav a.nav-link.linea4{background:var(--color4);}


.mobile-background-nav .mobile-inner{text-align: center;}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a.linea0:hover{color:var(--color0);}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a.linea1:hover{color:var(--color1);}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a.linea2:hover{color:var(--color2);}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a.linea3:hover{color:var(--color3);}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a.linea4:hover{color:var(--color4);}

.mobile-background-nav ul{margin-top:50px;}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a{line-height:50px;}
.mobile-background-nav .mobile-inner > .menu-accordion > li > a:hover{color:var(--color);line-height:50px;}


.lingua{margin-left:-50px;margin-top: -93px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;	
}
@media all and (min-width:1200px){
.header.sticky .lingua{margin-top: -65px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;	
}
}
@media (min-width:991px) and (max-width:1199px){
	.header.sticky .lingua{margin-top:-61px}
}
@media all and (max-width:1199px){
	
	.lingua{margin-top: -60px;}
}
.lingua a{font-size:11px;color: black;padding: 5px 0rem;margin-right:1px;display: inline-block;width: 30px;text-align: center;width: 25px;}
.lingua a.active{background:black;color:white;}
.lingua.active .it{background:none;color:black;}
.lingua.active .en{background:black;color:white}

.lingua a:hover{background:black!important;color:white!important}



@media all and (max-width:991px){
.lingua {xdisplay: none;  margin-top: 0px;     position: relative;    right: calc( 100% - 60px );		}
	
	   
}

