header { position:fixed; top:0; left:0;z-index:960; width:100%; background:rgba(255,255,255,.7);height:108px; border-bottom:2px solid #ffd254; }
header .lg { position:absolute; left:50%; background:#fff; border:2px solid #ffd254; border-top:none; display:block; margin:0 auto 0 -77px; padding:12px;}
header .lg:before { content:''; background:url(i/spa-consulting-rizzato.png) no-repeat; background-size:100%;display:block; width:130px; height:165px;}

header nav { font-family:GothamM,Arial; width:50%; float:left;}
header nav.l { text-align:right; padding-right:100px; }
header nav.r { padding-left:100px;}
header nav > ul { margin:0; padding:0;}
header nav > ul > li { display:inline-block; position:relative; margin:0; padding:0; transition:all 200ms ease; -webkit-transition: all 200ms ease;  -moz-transition:all 200ms ease; -o-transition:all 200ms ease;transform: translateZ(0);}
header nav > ul > li > a { padding:45px 22px 44px 22px; display:block; color:#424241; text-transform:uppercase; font-size:1.15em; position:relative; z-index:5;}
header nav li a:hover { color:#e28600;}
header nav .selected:link, header nav .selected:visited { color:#e28600;}
header nav > ul > li:hover:before { background:rgba(255, 255, 255, 0.7); animation:navhover .15s ease-in-out; content:''; z-index:1; width:100%; height:100%; display:block; position:absolute; left:0; top:0}

header nav ul ul { max-height:0; min-width:220px; left:0!important; margin-top:2px; box-shadow: 2px 5px 14px 0px #868686; overflow:hidden; padding:0; position:absolute; background:#fff; transition:all 400ms ease; -webkit-transition: all 400ms ease;  -moz-transition:all 400ms ease; -o-transition:all 400ms ease;transform: translateZ(0);}
header nav ul li:hover > ul { max-height:300px; }
header nav ul ul a { padding:10px 20px!important;display:block; text-align:left; font-family:GothamB; font-size:1.1em;}
header nav ul ul li:first-child a { padding-top:22px!important }
header nav ul ul li:last-child a { padding-bottom:22px!important }

html.scroll-1 header { height:66px; background:#fff; }
html.scroll-1 header nav li a { padding-top:25px;padding-bottom:25px;}

@media screen and (min-width:1001px){
	html.scroll-1 .lg { animation:lgsmall 1s ease; margin-left:-50px; }
}

html.scroll-1 .lg:before { animation:lgsmall 1s ease; height:40px; width:78px; background-size:66%; background-position:center top;}

@keyframes lgsmall {
    0% { opacity:0; }
    100% { opacity:1; }
}

header nav.b{display:none;}

header .lng{
	position:absolute;
	right:30px;
	top:38px;
}
header .lng select{
	width:auto; font-size:.7em; border:none; background:#fffcf2;
}

html.scroll-1 header .lng  { top:16px; }