body{
	background: #ffffff;
	color: #414042
}
#header {
	position: fixed;
	top: 0; left: 0;
	z-index: 9000;
	width: 100%;
	background: #ffffff;
	-webkit-transition: background 0.3s;
	transition: background 0.3s
}
#logoHeader {
	height: 65px;
	-webkit-transition: fill 0.3s;
	transition: fill 0.3s	
}
.logoNero { fill: #414042 !important }
.logoBianco { fill: #ffffff !important }

#burger {
	display: inline-block;
	position: relative;
    width: 70px;
	height: 23px;
	overflow: hidden;
	margin-left: 10px
}
#bu1, #bu2, #bu3 {
	position: absolute;
    height: 1px;
	left: 0;
	width: 150%;
    background: #414042;
	-webkit-transition: 0.3s;
	transition: 0.3s
}
#bu1 { transform-origin: top left; right: 0; top: 0 }
#bu2 { transform-origin: center; width: 100%; top: 11px }
#bu3 { transform-origin: bottom left; right: 0; top: 22px }

#header .social { 
	margin-right: 22px;
	display: inline;
	height: 26px
}




.contSlider {
	position: absolute;
	top:0; left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 1.2s;
	transition: opacity 1.2s
}
.contSlider .col {
	z-index: 10
}
#CS0 { opacity: 1 }


.grad {
	position: absolute;
	height: 150px;
	width: 100%;
	z-index: 5;
	pointer-events: none
}
.gradDown {
	bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
#menu { 
	display: none;
	position: fixed;
	z-index: 8500;
	top: 0; left: -50px;
	width: calc(100vw + 100px);
	height: 100%;
	font-size: 2.11rem;
	color: #ffffff;
	background: #231f20;
	opacity: 0;
	overflow-y: scroll;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s
}

#contMenu { z-index: 20 }
#menu .bl { font-size: 2.6rem }
#bMenu {
	position: fixed;
	top: 190px; left: 0; right: 0;
	margin: auto;
	z-index: 1;
	width: 540px;
	fill: #282627;
	opacity: 0.7
}

.bianco_c{color:#ffffff}
.bianco_b{background:#ffffff}
.grigioScuro_c{color:#231f20}
.grigioScuro_b{background:#231f20}
.grigio_c{color:#F7F7F7}
.grigio_b{background:#F7F7F7}
.nero_c{color:#414042}
.nero_b{background:#414042}
.grigio2{color:#414042}
/* .grigio2{color:#a5a7aa} */

.link_bianco_grigio:link{text-decoration:none;color:#ffffff}
.link_bianco_grigio:hover{text-decoration:none;color:#F7F7F7 !important}
.link_bianco_grigio:active{text-decoration:none;color:#ffffff}
.link_bianco_grigio:visited{text-decoration:none;color:#ffffff}

.link_bianco_grigioScuro:link{text-decoration:none;color:#ffffff}
.link_bianco_grigioScuro:hover{text-decoration:none;color:#C1C1C1 !important}
.link_bianco_grigioScuro:active{text-decoration:none;color:#ffffff}
.link_bianco_grigioScuro:visited{text-decoration:none;color:#ffffff}

.link_nero_under:link{text-decoration:underline;color:#414042}
.link_nero_under:hover{text-decoration:underline;color:#414042}
.link_nero_under:active{text-decoration:underline;color:#414042}
.link_nero_under:visited{text-decoration:underline;color:#414042}

.link_nero_grigio:link{text-decoration:none;color:#414042}
.link_nero_grigio:hover{text-decoration:none;color:#C1C1C1 !important}
.link_nero_grigio:active{text-decoration:none;color:#414042}
.link_nero_grigio:visited{text-decoration:none;color:#414042}

.link_nero_nero:link{text-decoration:none;color:#414042}
.link_nero_nero:hover{text-decoration:none;color:#414042}
.link_nero_nero:active{text-decoration:none;color:#414042}
.link_nero_nero:visited{text-decoration:none;color:#414042}

/* *[aria-label] { background-color: rgba(255,0,0,0.2) !important } */


.icoPuls {
	display: block;
	margin-right: 10px;
	width: 18px
}

.form input {
	width: 100%;
	padding: 0 0 12px 0;
	background: transparent;
	border-bottom: 1px solid #414042
}
#priv {
	position: relative;
	background: transparent;
	width: 22px;
	height: 22px;
	border: 1px solid #414042;
	margin: 0 15px 0 0
}
#priv div {
	opacity: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #414042;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
#cLoader {
	display: none;
	position: fixed;
	z-index: 9999999999;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.95)
}
li::marker { color: #414042 }
footer .social {
	display: inline-block;
	height: 24px;
	margin-right: 20px
}
#sepSocial { height: 24px }
#logoFooter { height: 115px }


.sep {
	display: block;
	width: 60px;
	margin: 15px 0 17px 0;
	height: 1px;
	background: #414042
}






.icoGall {
	z-index: 20;
	width: 40px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
.veloGall {
	position: absolute;
	opacity: 0;
	top: 0; left: 0;
	z-index: 10;
	width: 100%; height: 100%;
	background-color: rgba(173,173,173,1);
	mix-blend-mode: multiply;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
.veloGall:hover { opacity: 1 }
.reaGall:hover .icoGall { opacity: 1 }
.gall:hover .icoGall { opacity: 1 }
#gallery, #galleryBig {
	display: none;
	position: fixed;
	z-index: 9999999999;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.95)
}
#gallery .imgGall, #galleryBig .imgGall2 {
	max-width: 85%;
	max-height: 80%;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s
}
#contFrecceGallery, #contFrecceGallery2 {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 60px;
	text-align: center
}
#contFrecceGallery .freccia, #contFrecceGallery2 .freccia {
	position: relative;
	display: inline-block;
	margin: 10px 15px 10px 15px;
	width: 45px
}
#contFrecceGallery .freccia img, #contFrecceGallery2 .freccia img { height: 100% }
#closeGall, #closeGall2 {
	position: absolute;
	top: 15px; right: 15px;
	z-index: 10;
	width: 38px
}


#topSlider, .contSlider .col { height: 660px }



@media screen and (max-width:599px){
	#bMenu {
		top: 120px;
		width: 320px
	}
	#burger { width: 45px; margin-left: 5px }
	#logoHeader { height: auto; width: 100% !important }
	#menu .bl { font-size: 2.2rem }
	#header .social { margin-right: 18px }
	#logoFooter { height: 80px }
	#topSlider, .contSlider .col { height: 40vw }

	.icoGall { width: 35px }
	#contFrecceGallery, #contFrecceGallery2 { height: 50px }
	#contFrecceGallery .freccia, #contFrecceGallery2 .freccia {
		margin: 8px 12px 8px 12px;
		width: 90px;
		height: 30px
	}
	#closeGall, #closeGall2 {
		top: 12px; right: 12px;
		width: 35px
	}

}
@media screen and (max-width:414px){
	#bMenu { width: 240px }
	#burger { width: 35px }
	#menu .bl { font-size: 2rem }
	#header .social { margin-right: 16px }
	#topSlider, .contSlider .col { height: 50vw }
	.icoGall { width: 32px }
	#contFrecceGallery, #contFrecceGallery2 { height: 45px }
	#contFrecceGallery .freccia, #contFrecceGallery2 .freccia {
		margin: 5px 10px 5px 10px;
		width: 80px;
		height: 28px
	}
	#closeGall, #closeGall2 {
		top: 10px; right: 10px;
		width: 30px
	}

}
@media screen and (max-width:320px){
	#header .social { margin-right: 14px }


}
@media screen and (min-width:600px) and (max-width:767px){
	#bMenu { width: 490px }
	#logoHeader { height: 54px }

	#logoFooter { height: 80px }
	#topSlider, .contSlider .col { height: 260px }

	.icoGall { width: 35px }
	#contFrecceGallery, #contFrecceGallery2 { height: 50px }
	#contFrecceGallery .freccia, #contFrecceGallery2 .freccia {
		margin: 8px 12px 8px 12px;
		width: 90px;
		height: 30px
	}
	#closeGall, #closeGall2 {
		top: 12px; right: 12px;
		width: 35px
	}

}
@media screen and (min-width:768px) and (max-width:1023px){

	#logoHeader { height: 55px }

	#logoFooter { height: 90px }
	#topSlider, .contSlider .col { height: 360px }
}
@media screen and (min-width:1024px) and (max-width:1199px){

	#logoHeader { height: 56px }

	#logoFooter { height: 70px }
	#topSlider, .contSlider .col { height: 460px }
}
@media screen and (min-width:1200px) and (max-width:1439px){

	#logoHeader { height: 57px }

	#logoFooter { height: 110px }
	#topSlider, .contSlider .col { height: 560px }
}