body{
	background: #ffffff;
	color: #414042
}
#righe {
	position: fixed;
	z-index: 0;
	top: 0; left: 0;
	width: 100%;
	height: 100%
}
#righe .cont { height: 100% }
#righe .col {
	height: 100%;
	border-right: 1px solid #E1E0E2;
	transform: translateX(calc(var(--gap_0) / 2))
}



#header {
	position: fixed;
	top: 0; left: 0;
	z-index: 9000;
	width: 100%;
	padding: 30px 0 30px 0
}
#logoHeader {
	display: block;
	height: 45px
}
.voce {
	position: relative;
	display: inline-block;
	margin-right: 30px
}
.voceFixed { color: #ffffff !important }
#btn { display: none }
.sep { display: inline-block }
#burger {
	position: relative;
    width: 35px
}
#burger div {
	position: relative;
    height: 3px;
    background: #7C8389
}
#buCe { margin: 5px 0 5px 0 }
#menu { 
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: calc(100vw + 100px);
	height: 100%;
	overflow-y: scroll
}
#contMenu { margin-left: -100px }

.trasparBianco_b{background:rgba(255,255,255,0.1)}

.bianco_c{color:#ffffff}
.bianco_b{background:#ffffff}
.nero_c{color:#414042}
.nero_b{background:#414042}
.scuro_c{color:#192328}
.scuro_b{background:#192328}



.grigiochiaro_c{color:#f7f7f7}
.grigiochiaro_b{background:#f7f7f7}
.grigioscuro_c{color:#f1f1f1}
.grigioscuro_b{background:#f1f1f1}

.grigionero_c{color:#727073}

.giallo_c{color:#ffb400}
.giallo_b{background:#ffb400}


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


.grigio_c{color:#7C8389}

.link_menu:link{color:#7C8389}
.link_menu:hover{color:#ffffff !important}
.link_menu:active{color:#7C8389}
.link_menu:visited{color:#7C8389}

.link_grigionero_giallo:link{color:#727073}
.link_grigionero_giallo:hover{color:#ffb400 !important}
.link_grigionero_giallo:active{color:#727073}
.link_grigionero_giallo:visited{color:#727073}

.link_nero_giallo:link{color:#414042}
.link_nero_giallo:hover{color:#ffb400 !important}
.link_nero_giallo:active{color:#414042}
.link_nero_giallo:visited{color:#414042}

.link_bianco_giallo:link{color:#ffffff}
.link_bianco_giallo:hover{color:#ffb400 !important}
.link_bianco_giallo:active{color:#ffffff}
.link_bianco_giallo:visited{color:#ffffff}

.link_menu_giallo:link{color:#7C8389}
.link_menu_giallo:hover{color:#ffb400 !important}
.link_menu_giallo:active{color:#7C8389}
.link_menu_giallo:visited{color:#7C8389}


.link_nero:link{color:#414042}
.link_nero:hover{color:#414042}
.link_nero:active{color:#414042}
.link_nero:visited{color:#414042}
.link_bianco:link{color:#ffffff}
.link_bianco:hover{color:#ffffff}
.link_bianco:active{color:#ffffff}
.link_bianco:visited{color:#ffffff}
li::marker { color: #414042 }
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.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;
}
#contIcoMouse {
	position: absolute;
	z-index: 1000;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 82px;
	text-align: center
}
#ico-mouse {
	display: inline-block;
	width: 30px
}
#ico-scroll {
	display: inline-block;
	width: 20px;
	margin-top: 10px
}
.bounce { animation: bounce 0.4s infinite alternate }
@keyframes bounce {
	0% { transform: translateY(0) }
	100% { transform: translateY(-10px) }
}
footer { color:#7C8389 }

#top { height: 905px }
#imgTop {
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(((100% - var(--cont_0)) / 2) - 110px);
	height: 100%
}
#contTop {
	z-index: 10; 
	height: 100%
}
.righettaGialla { 
	border-top: 1px solid #ffb400;
	width: calc(var(--gap_0) * 1.75);
	margin-right: var(--gap_0);
	margin-top: 25px 
}
.fiancoRighetta {
	float: right;
	width: calc(100% - (var(--gap_0) * 2.75))	
}

.frecciaSlider {
	display: inline-block;
	width: 20px
}

.bordBottom { border-bottom: 1px solid #414042 }


@media screen and (max-width:599px){
	#righe .col { transform: translateX(calc(var(--gap_5) / 2)) }
	.sep { display: none }
	#btn { display: inline-block }
	#header { padding: 20px 0 20px 0 }
	#logoHeader { height: 34px }
	.voce { margin-right: 20px }

	#top { height: 400px }
	#imgTop { top: 20px; left: calc(((100% - var(--cont_5)) / 2) - 160px) }

	.righettaGialla { 
		width: calc(var(--gap_5) * 1.75);
		margin-right: var(--gap_5);
		margin-top: 15px 
	}
	.fiancoRighetta { width: calc(100% - (var(--gap_5) * 2.75)) }


}
@media screen and (max-width:414px){
	#header { padding: 18px 0 18px 0 }
	#logoHeader { height: 28px }
	.voce { margin-right: 14px }
	#top { height: 300px }
	#imgTop { 
		top: 20px; left: 0; right: 0; bottom: 0;
		margin: auto;
		height: 90%
	}
}
@media screen and (max-width:320px){
	.voce { margin-right: 10px }
	#header { padding: 16px 0 16px 0 }
	#logoHeader { height: 27px }
}
@media screen and (min-width:600px) and (max-width:767px){
	#righe .col { transform: translateX(calc(var(--gap_4) / 2)) }
	.sep { display: none }
	#btn { display: inline-block }
	#header { padding: 22px 0 22px 0 }
	#logoHeader { height: 37px }
	.voce { margin-right: 20px }
	#top { height: 450px }
	#imgTop { top: 20px; left: calc(((100% - var(--cont_4)) / 2) - 160px) }
	.righettaGialla { 
		width: calc(var(--gap_4) * 1.75);
		margin-right: var(--gap_4);
		margin-top: 17px 
	}
	.fiancoRighetta { width: calc(100% - (var(--gap_4) * 2.75)) }
}
@media screen and (min-width:768px) and (max-width:1023px){
	#righe .col { transform: translateX(calc(var(--gap_3) / 2)) }
	.sep { display: none }
	#btn { display: inline-block }
	#header { padding: 24px 0 24px 0 }
	#logoHeader { height: 39px }
	.voce { margin-right: 21px }

	#imgTop { top: 40px; left: calc(((100% - var(--cont_3)) / 2) - 190px) }

	#top { height: 550px }
	.righettaGialla { 
		width: calc(var(--gap_3) * 1.75);
		margin-right: var(--gap_3);
		margin-top: 19px 
	}
	.fiancoRighetta { width: calc(100% - (var(--gap_3) * 2.75)) }
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#righe .col { transform: translateX(calc(var(--gap_2) / 2)) }
	#header { padding: 26px 0 26px 0 }
	#logoHeader { height: 41px }
	.voce { margin-right: 24px }

	#imgTop { left: calc(((100% - var(--cont_2)) / 2) - 190px) }

	#top { height: 705px }
	.righettaGialla { 
		width: calc(var(--gap_2) * 1.75);
		margin-right: var(--gap_2);
		margin-top: 21px 
	}
	.fiancoRighetta { width: calc(100% - (var(--gap_2) * 2.75)) }
}
@media screen and (min-width:1200px) and (max-width:1439px){
	#righe .col { transform: translateX(calc(var(--gap_1) / 2)) }
	#header { padding: 28px 0 28px 0 }
	#logoHeader { height: 43px }
	.voce { margin-right: 27px }


	#imgTop { left: calc(((100% - var(--cont_1)) / 2) - 110px) }

	#top { height: 805px }
	.righettaGialla { 
		width: calc(var(--gap_1) * 1.75);
		margin-right: var(--gap_1);
		margin-top: 23px 
	}
	.fiancoRighetta { width: calc(100% - (var(--gap_1) * 2.75)) }
}