/** FASCIA TARGET **/
#fascia_target { 
	width: 1080px; margin: 88px auto 0; display: grid; 
	grid-template-columns: repeat(3,1fr); column-gap: 45px; row-gap: 50px; 
}
#fascia_target .box { padding: 0 10px; position: relative; text-align: center; }
#fascia_target .box:first-child { padding: 0; text-align: left; }
#fascia_target .box .titolo_accessorio {
	display: block; font-weight: 600; font-size: 16px; line-height: 20px;
	color: #F6A841; margin: 0 0 14px; padding: 0; text-transform: uppercase;
}
#fascia_target .box h2 {
	display: block; font-family: 'Noto Serif', serif; font-weight: 400; font-size: 45px;
	line-height: 49px; color: #333; margin: 0 0 16px; padding: 0;
}
#fascia_target .box .introduzione { font-weight: 300; font-size: 16px; line-height: 24px; color: #333; }
#fascia_target .box .introduzione p {
	font-weight: 300; font-size: 16px; line-height: 24px; color: #333; margin: 0; padding: 0;
}
#fascia_target .box a { display: block; text-decoration: none; }
#fascia_target .box a:hover, #fascia_target .box a:active,
#fascia_target .box a:focus { text-decoration: none; }
#fascia_target .box img { width: 100%; max-width: 310px; height: auto; margin: 0 auto; transition: all 0.2s linear; }
#fascia_target .box a:hover img, #fascia_target .box a:active img,
#fascia_target .box a:focus img { margin: -10px auto 10px; }
@media screen and (max-width:1120px) {
	#fascia_target { width: auto; margin: 88px 20px 0; }
}
@media screen and (max-width:960px) {
	#fascia_target { grid-template-columns: repeat(2,1fr); column-gap: 40px; row-gap: 40px; }
}
@media screen and (max-width:650px) {
	#fascia_target { display: block; margin: 40px 15px 0; }
	#fascia_target .box { width: 50%; float: left; margin: 30px 0 0; }
	#fascia_target .box:first-child { width: 100%; float: none; box-sizing: border-box; padding: 0 15px 15px; }
	#fascia_target .box .titolo_accessorio { font-size: 14px; line-height: 17px; margin: 0 0 8px; }
	#fascia_target .box h2 { font-size: 30px; line-height: 34px; margin: 0 0 15px; }
}

/** FASCIA SERVIZI **/
#fascia_servizi { margin: 100px 0 0; background: #18407E; box-sizing: border-box; padding: 98px 0 150px; }
#fascia_servizi h2 {
	display: block; width: 700px; margin: 0 auto 100px; font-family: 'Noto Serif', serif; font-weight: 400;
	font-size: 45px; line-height: 51px; text-align: center; color: #FFF; padding: 0;
}
#fascia_servizi .fascia_servizi_container { 
	width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr);
}
#fascia_servizi .colonna_pubblico { 
	box-sizing: border-box; padding: 0 100px 20px 0; border-right: 1px solid rgba(255, 255, 255, 0.3); 
	font-weight: 400; font-size: 18px; line-height: 27px; color: #FFF;
}
#fascia_servizi .colonna_privato { 
	box-sizing: border-box; padding: 0 0 20px 100px;
	font-weight: 400; font-size: 18px; line-height: 27px; color: #FFF;
}
#fascia_servizi h3 {
	display: block; font-weight: 600; font-size: 25px; line-height: 51px; color: #FFF; margin: 0 0 46px; padding: 0;
}
#fascia_servizi a.servizio {
	display: block; margin: 0 0 35px; font-weight: 400; color: #F6A841; font-size: 18px; line-height: 27px; 
	text-decoration: none; transition: all 0.2s linear; text-transform: uppercase; box-sizing: border-box; padding: 0 0 0 20px;
	background-repeat: no-repeat; background-position: 0 5px; background-size: 9px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDkgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tNy44NjgwNWUtMDcgMThDNC45NzA1NiAxOCA5IDEzLjk3MDYgOSA5QzkgNC4wMjk0NCA0Ljk3MDU2IC0xLjc2MTMyZS0wNyAwIC0zLjkzNDAyZS0wN0wtNy44NjgwNWUtMDcgMThaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
}
#fascia_servizi a.servizio:last-child { margin: 0; }
#fascia_servizi a.servizio span { display: block; }
#fascia_servizi a.pulsante {
	display: inline-block; margin: 65px 0 0; font-weight: 500; color: #FFF; font-size: 16px; line-height: 22px; 
	text-decoration: none; transition: all 0.2s linear; box-sizing: border-box; padding: 13px 27px;
	border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 25px;
}
#fascia_servizi a.pulsante:hover, #fascia_servizi a.pulsante:active,
#fascia_servizi a.pulsante:focus { font-weight: 500; color: #18407E; text-decoration: none; background: #FFF; }
#fascia_servizi a.pulsante svg { margin: 0 0 -3px 7px; }
#fascia_servizi a.pulsante line, #fascia_servizi a.pulsante path { transition: all 0.2s linear; }
#fascia_servizi a.pulsante:hover line, #fascia_servizi a.pulsante:active line,
#fascia_servizi a.pulsante:focus line, #fascia_servizi a.pulsante:hover path, 
#fascia_servizi a.pulsante:active path, #fascia_servizi a.pulsante:focus path { stroke: #18407E; }
@media screen and (max-width:1120px) {
	#fascia_servizi .fascia_servizi_container { width: auto; margin: 0 50px; }
	#fascia_servizi .colonna_pubblico { padding: 0 50px 20px 0; }
	#fascia_servizi .colonna_privato { padding: 0 0 20px 50px; }
}
@media screen and (max-width:960px) {
	#fascia_servizi { padding: 90px 0 100px; }
	#fascia_servizi h2 { margin: 0 auto 80px; } 
}
@media screen and (max-width:740px) {
	#fascia_servizi h2 { width: auto; margin: 0 20px 80px; }
}
@media screen and (max-width:650px) {
	#fascia_servizi { margin: 50px 0 0; padding: 68px 0 88px; }
	#fascia_servizi h2 { margin: 0 20px 40px; font-size: 30px; line-height: 34px; text-align: left; }
	#fascia_servizi .fascia_servizi_container { display: block; margin: 0 20px; }
	#fascia_servizi .colonna_pubblico,
	#fascia_servizi .colonna_privato { padding: 0; border-right: none; font-size: 16px; line-height: 25px; }
	#fascia_servizi .colonna_pubblico { margin: 0 0 50px; }
	#fascia_servizi h3 { font-size: 22px; line-height: 46px; margin: 0 0 20px; }
	#fascia_servizi a.servizio {
		margin: 0 0 20px; font-size: 16px; line-height: 25px; padding: 0 0 0 18px;
		background-position: 0 4px; background-size: 8px auto;
	}
	#fascia_servizi a.pulsante { margin: 30px 0 0; }
}

/** FASCIA CLIENTI **/
#fascia_clienti { margin: 90px 0 0; overflow: hidden; }
#fascia_clienti h2 {
	display: block; width: 700px; margin: 0 auto 80px; font-family: 'Noto Serif', serif; font-weight: 400;
	font-size: 38px; line-height: 51px; text-align: center; color: #333; padding: 0;
}
#fascia_clienti .fascia_clienti_container { width: 1200px; margin: 0 auto; }
#fascia_clienti .owl-carousel { width: 3000px; height: 92px; position: static; margin: 0; }
#fascia_clienti .cliente { 
	height: 92px; text-decoration: none; margin: 0 100px 0 0; 
	display: flex; flex-direction: row; align-items: center; justify-content: center; 
}
#fascia_clienti a.cliente:hover, #fascia_clienti a.cliente:active,
#fascia_clienti a.cliente:focus { text-decoration: none; }
#fascia_clienti .cliente img { max-height: 92px; width: auto; transition: all 0.2s linear; }
#fascia_clienti a.cliente:hover img { opacity: 0.8; }
@media screen and (max-width:1240px) {
	#fascia_clienti .fascia_clienti_container { width: auto; margin: 0 20px; }
}
@media screen and (max-width:740px) {
	#fascia_clienti { margin: 40px 0 0; }
	#fascia_clienti h2 { 
		width: auto; margin: 0 20px 45px; font-size: 30px; line-height: 34px; text-align: left; 
	}
}
@media screen and (max-width:500px) {
	#fascia_clienti .owl-carousel { width: 100%; height: auto; }
	#fascia_clienti .cliente { display: block; width: 100%; height: auto; margin: 0; text-align: center; }
	#fascia_clienti .cliente img { width: auto; height: auto; margin: 0 auto; }
}

/** FASCIA STAFF **/
#fascia_staff { 
	margin: 90px 0 0; background: #F0B54C; box-sizing: border-box; padding: 115px 0 155px; overflow: hidden;
}
#fascia_staff .fascia_staff_container { width: 1080px; margin: 0 auto; position: relative; }
#fascia_staff .testo_sezione { width: 300px; }
#fascia_staff .testo_sezione .titolo_accessorio {
	display: block; font-weight: 600; font-size: 16px; line-height: 20px;
	color: #FFF; margin: 0 0 14px; padding: 0; text-transform: uppercase;
}
#fascia_staff .testo_sezione h2 {
	display: block; font-family: 'Noto Serif', serif; font-weight: 400; font-size: 45px;
	line-height: 49px; color: #333; margin: 0 0 16px; padding: 0;
}
#fascia_staff .testo_sezione .introduzione { font-weight: 300; font-size: 16px; line-height: 24px; color: #333; }
#fascia_staff .testo_sezione .introduzione p {
	font-weight: 300; font-size: 16px; line-height: 24px; color: #333; margin: 0; padding: 0;
}
#fascia_staff .testo_sezione .pulsante {
	display: inline-block; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 25px; background: #F0B54C;
	font-weight: 500; font-size: 16px; line-height: 22px;color: #FFF; box-sizing: border-box;
	text-decoration: none; padding: 13px 35px; transition: all 0.2s linear; margin: 50px 0 0;
}
#fascia_staff .testo_sezione .pulsante:hover, #fascia_staff .testo_sezione .pulsante:active,
#fascia_staff .testo_sezione .pulsante:focus { text-decoration: none; background: #18407E; }
#fascia_staff .testo_sezione .pulsante svg { margin: 0 0 -2px 9px; }
#fascia_staff .pulsante_mobile {
	display: none; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 25px; background: #F0B54C;
	font-weight: 500; font-size: 16px; line-height: 22px;color: #FFF; box-sizing: border-box;
	text-decoration: none; padding: 13px 35px; transition: all 0.2s linear;
}
#fascia_staff .pulsante_mobile:hover, #fascia_staff .pulsante_mobile:active,
#fascia_staff .pulsante_mobile:focus { text-decoration: none; background: #18407E; }
#fascia_staff .pulsante_mobile svg { margin: 0 0 -2px 9px; }
#fascia_staff #staff_carousel { 
	width: 750px; position: absolute; margin: 0; top: 50%; left: 364px; transform: translateY(-50%); z-index: 1; 
}
#fascia_staff .membro { width: 234px; margin: 0 0 0 16px; cursor: pointer; position: relative; }
#fascia_staff .membro img.photo { width: 234px; height: auto; position: relative; border-radius: 50%; }
#fascia_staff .membro img.puntini { width: 230px; height: auto; position: absolute; left: -16px; top: -2px; z-index: -1; }
#fascia_staff .membro .hover {
	width: 100%; height: 100%; opacity: 0; transition: all 0.2s linear; border-radius: 50%;
	position: absolute; left: 0; top: 0; z-index: 1; transform: scale(0);
	display: flex; flex-direction: row; align-items: center; justify-content: center;
}
#fascia_staff .membro:hover .hover { opacity: 1; transform: scale(1); }
#fascia_staff .membro .hover .bg { 
	background: #18407E; opacity: 0; transition: all 0.2s linear; border-radius: 50%;
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;
}
#fascia_staff .membro:hover .hover .bg { opacity: 0.5; }
#fascia_staff .membro .hover p { 
	font-weight: 400; font-size: 16px; line-height: 20px; color: #FFF; text-align: center; margin: 0; padding: 0 10px; 
	position: relative; box-sizing: border-box;
}
#fascia_staff .membro .hover span { 
	display: block; font-family: 'Noto Serif', serif; font-size: 35px; line-height: 49px; margin: 0 0 4px; 
}
#fascia_staff .owl-prev, #fascia_staff .owl-next {
	width: 22px; height: 40px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%);
}
#fascia_staff .owl-prev { left: -31px; }
#fascia_staff .owl-next { right: -47px; }
#fascia_staff .owl-prev path, #fascia_staff .owl-next path { transition: all 0.2s linear; }
#fascia_staff .owl-prev:hover path, #fascia_staff .owl-next:hover path { fill-opacity: 1; }
@media screen and (max-width:1300px) {
	#fascia_staff { padding: 115px 0; }
}
@media screen and (max-width:1299px) {
	#fascia_staff #staff_carousel { width: 500px; }
}
@media screen and (max-width:1130px) {
	#fascia_staff .fascia_staff_container { width: auto; margin: 0 20px; }
}
@media screen and (max-width:960px) {
	#fascia_staff #staff_carousel { width: 422px; }
	#fascia_staff .membro, #fascia_staff .membro img.photo { width: 195px; }
	#fascia_staff .membro .hover p { font-size: 14px; line-height: 20px; }
	#fascia_staff .membro .hover span { font-size: 30px; line-height: 40px; }
	#fascia_staff .membro img.puntini { display: none; visibility: hidden; }
}
@media screen and (max-width:767px) {
	#fascia_staff { margin: 52px 0 0; padding: 40px 0 60px; }
	#fascia_staff .testo_sezione { width: auto; }
	#fascia_staff .testo_sezione .titolo_accessorio { font-size: 14px; line-height: 17px; margin: 0 0 8px; }
	#fascia_staff .testo_sezione h2 { font-size: 30px; line-height: 34px; }
	#fascia_staff .testo_sezione .pulsante { display: none; visibility: hidden; }
	#fascia_staff .pulsante_mobile { display: inline-block; }
	#fascia_staff #staff_carousel { width: 633px; position: static; transform: none; margin: 45px 0 45px 35px; }
	#fascia_staff .membro { margin: 0 16px 0 0; }
	#fascia_staff .owl-prev, #fascia_staff .owl-next { top: auto; bottom: 174px; transform: none; }
	#fascia_staff .owl-prev { left: -10px; }
	#fascia_staff .owl-next { right: -10px; }
}