/* #main { background: rgba(255,255,255,0); height: 800px } */
body{
	background: #13110f;
	color: #ffffff;
	transition: opacity 0.6s
}
header {
	background: transparent;
	position: fixed;
	z-index: 1000;
	transition: background 0.4s ease
}
header nav { padding-bottom: 12px }
#logoHeader {
	height: 100px;
	margin: 40px 0 0 0;
	transition: height 0.4s ease, margin 0.4s
}
.initAnim { transition-duration: 0.9s !important }

.headerCompact { background: #13110f !important }
.logoHeaderCompact {
	margin: 15px 0 12px 0 !important;
	height: 80px !important
}
.voceMenu { float: left }
.voceMenu img {
	opacity: 0;
	height: 9px;
	margin-bottom: 4px;
	transition: opacity 0.3s
}
.vmAccesa { opacity: 1 !important }
.vdAccesa { color:#9f8e76 !important }
/* .voceMenu:hover > img { opacity: 1 } */
.sepHeader { 
	float: left;
	width: 35px;
	height: 10px
}
.vmRight { float: right }
.vmHidden { opacity: 0 !important }
header .f_4 { line-height: 1.2 !important }


#burger {
	position: relative;
	width: 35px
}
#burger div {
	width: 100%;
	height: 3px;
	margin: 5px 0 5px 0;
	background: #ffffff
}

#menu { 
	position: fixed;
	z-index: 900;
	top: 0; left: 0;
	width: 100%;
	display: none
}
#cuscinetto {
	padding-top: 20px;
	transition: 0.4s
}
.compactCusci { padding-top: 0 !important }


.grecaRepeat {
	height: 22px;
	background-image: url(../res/linea.svg);
	background-repeat: repeat-x
}
#grecaCentrale {
	width: 164px;
	height: 22px;
	background-image: url(../res/greca.svg);
	background-repeat: no-repeat;
	background-position: center
}
footer .puntino {
	position: absolute;
	z-index: 100;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #9f8e76;
	top: 9px
}
#puntSX { left: 0 }
#puntDX { right: 0 }


#logoFooter { 
	margin-top: 35px;
	width: 210px
}


.bianco_c{color:#ffffff}
.bianco_b{background:#ffffff}
.nero_c{color:#13110f}
.nero_b{background:#13110f}


.oro_c{color:#9f8e76}
.oro_b{background:#9f8e76}


.link_none{text-decoration:none}
.link_underline{text-decoration:underline}

.link_bianco_oro:link{color:#ffffff}
.link_bianco_oro:hover{color:#9f8e76 !important}
.link_bianco_oro:active{color:#ffffff}
.link_bianco_oro:visited{color:#ffffff}

.link_oro_bianco:link{color:#9f8e76}
.link_oro_bianco:hover{color:#ffffff !important}
.link_oro_bianco:active{color:#9f8e76}
.link_oro_bianco:visited{color:#9f8e76}


.link_oro:link{color:#9f8e76}
.link_oro:hover{color:#9f8e76}
.link_oro:active{color:#9f8e76}
.link_oro:visited{color:#9f8e76}
.link_nero:link{color:#13110f}
.link_nero:hover{color:#13110f}
.link_nero:active{color:#13110f}
.link_nero:visited{color:#13110f}
.link_bianco:link{color:#ffffff}
.link_bianco:hover{color:#ffffff}
.link_bianco:active{color:#ffffff}
.link_bianco:visited{color:#ffffff}
ul { margin: 0 }
li::marker { color: #9f8e76 }
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
#cLoader {
	display: none;
	position: fixed;
	z-index: 9999999999;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.5)
}
#form input, #form select, #form textarea {
	width: calc(100% - 1px);
	background: transparent;
	color: #ffffff !important;
	font-style: italic;
	border: 1px solid #9f8e76
}
#form textarea { height: 200px }
#form input::placeholder, #form textarea::placeholder { color: #ffffff !important }
#priv {
	position: relative;
	background: transparent;
	width: 20px;
	height: 20px;
	border: 1px solid #9f8e76;
	margin: 0 12px 0 0
}
#priv div {
	opacity: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	background: #9f8e76;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; border: 0; padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}


.sfum {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 200;
	height: 140px;
	background: linear-gradient(to bottom, transparent, #13110f)
}

.pulsante img { width: 18px }
.pulsante .txt { 
	line-height: 1 !important;
	padding: 0 9px 0 9px
}

.separatore {
	display: inline-block;
	height: 22px
}
.bordoRadOro { 
	border: 2px solid #9f8e76;
	border-radius: 25px
}
.bordoBottOro { border-bottom: 1px solid #9f8e76 }
.bordoTopOro { border-top: 1px solid #9f8e76 }
.bordoDotted { border-bottom: 1px dashed #9f8e76 }

#img1 { top: 0 }

.item { isolation: isolate }
.velo {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1;
	inset: 0;
	background: rgba(19, 17, 15, 0.8);
	mix-blend-mode: multiply;
	opacity: 0;
	transition: opacity 0.4s ease
}
.veloPulsanti {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 5;
	inset: 0;
	opacity: 0;
	transition: opacity 0.4s ease
}
.item table {
	width: 100%;
	height: 100%;
	border-collapse: collapse
}
.icoLente {
	display: inline-block;
	width: clamp(30px, 12%, 40px)
}
.item:hover .velo { opacity: 1 }  
.item:hover .veloPulsanti { opacity: 1 }

@media (max-width: 430px) {
	#logoHeader {
		height: 13vw;
		margin: 10px 0 5px 0
	}
	.logoHeaderCompact {
		margin: 10px 0 5px 0 !important;
		height: 13vw !important 
	}
	#cuscinetto { padding-top: 4vw }
	.compactCusci { padding-top: 4vw !important }
	header .f_4 { line-height: 0.8 !important }
	#logoFooter { 
		margin-top: 0;
		width: 60%
	}
	.bordoRadOro { border-radius: 14px }
	#form textarea { height: 120px }
}
@media (min-width: 431px) and (max-width: 767px) {
	#logoHeader {
		height: 60px;
		margin: 22px 0 0 0
	}
	.logoHeaderCompact {
		margin: 10px 0 8px 0 !important;
		height: 55px !important
	}
	#cuscinetto { padding-top: 35px }
	.compactCusci { padding-top: 25px !important }
	#logoFooter { 
		margin-top: 0;
		width: 40%
	}
	.bordoRadOro { border-radius: 16px }
	#form textarea { height: 140px }
}
@media (min-width: 768px) and (max-width: 1023px) {
	#logoHeader {
		height: 92px;
		margin: 32px 0 0 0
	}
	.logoHeaderCompact {
		margin: 10px 0 8px 0 !important;
		height: 72px !important
	}
	#logoFooter { 
		margin-top: 25px;
		width: 80%
	}
	.bordoRadOro { border-radius: 19px }
	#form textarea { height: 160px }
}
@media (min-width: 1024px) and (max-width: 1439px) {
	#logoHeader {
		height: 96px;
		margin: 36px 0 0 0
	}
	.logoHeaderCompact {
		margin: 13px 0 10px 0 !important;
		height: 76px !important
	}
	#logoFooter { 
		margin-top: 30px;
		width: 190px
	}
	.bordoRadOro { border-radius: 22px }
	#form textarea { height: 180px }
}