/************************************************************************/
/* CSS FIDUCIASPA.IT - AUTHOR MARCO SPIRONELLI - ALL RIGHTS RESERVED    */
/************************************************************************/

@charset "UTF-8";

html,
body {
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	font-family: 'Roboto Flex', sans-serif; font-weight: 400; font-size:16px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	-moz-osx-font-smoothing: grayscale; /*PATCH PER FONT BOLDED SU FIREFOX*/
	color: rgba(73,79,87,1); /* TUTTI I TESTI SCURI */
	text-align: left; /* TUTTI I TESTI A SINISTRA */
	-webkit-tap-highlight-color: transparent; /* ELIMINA FLASH AL CLICK SU MOBILE */
}

body.noEl{
	overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect. Still keeps swipe navigations. */
	float: left;
	width: 100%;
}

div{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: rgba(73,79,87,1); /* TUTTI I LINK SCURI E SENZA UNDERLYING */
}

/* CARATTERI */

.t_rr,
.t_rr a {
	font-family: 'Roboto Flex', sans-serif; font-weight: 400; font-display: swap;
}


.t_rb,
.t_rb a,
.t_rr strong {
	font-family: 'Roboto Flex', sans-serif; font-weight: 700; font-display: swap;
}

input,
textarea {
	font-family: 'Roboto Flex', sans-serif; font-weight: 400; font-display: swap;
}

i,em {
	font-style: italic !important;
}

/* COLORI BACKGROUND */

.c_bg_grigio_scuro {
	background-color: rgba(36,40,43,1);
}

.c_bg_grigio_medio {
	background-color: rgba(73,79,87,1);
}

.c_bg_hl_chiaro {
	background-color: rgba(1,222,240,1);
}

.c_bg_hl_scuro {
	background-color: rgba(3,155,220,1);
}

.c_bg_azzurro_scuro {
	background-color: rgba(193,220,244,1);
}

.c_bg_azzurro_chiaro {
	background-color: rgba(243,248,253,1);
}

.c_bg_bianco,
.c_bg_input {
	background-color: rgba(255,255,255,1);
}

.c_bg_sf_grigio_l100_r0{
	background: rgb(73,79,87);
	background: -moz-linear-gradient(90deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	background: linear-gradient(90deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494f57",endColorstr="#494f57",GradientType=1); 
}

.c_bg_sf_grigio_b100_t0{
	background: rgb(73,79,87);
	background: -moz-linear-gradient(0deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	background: linear-gradient(0deg, rgba(73,79,87,1) 0%, rgba(73,79,87,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494f57",endColorstr="#494f57",GradientType=1); 
}

.c_bg_sf_hl{
	background: rgb(1,222,240);
	background: -moz-linear-gradient(270deg, rgba(1,222,240,1) 0%, rgba(3,155,220,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(1,222,240,1) 0%, rgba(3,155,220,1) 100%);
	background: linear-gradient(270deg, rgba(1,222,240,1) 0%, rgba(3,155,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01def0",endColorstr="#039bdc",GradientType=1); 
}

/* COLORI TESTI */

.c_t_grigio_medio,
.c_t_grigio_medio a {
	color: rgba(73,79,87,1);
}

.c_t_hl_chiaro,
.c_t_hl_chiaro a {
	color: rgba(1,222,240,1);
}

.c_t_bianco,
.c_t_bianco a {
	color: rgba(255,255,255,1);
}

.c_t_verde,
.c_t_verde a{
	color: #74bf1d !important; /*whatsapp*/
}

/* KERNING */

/*.t_ker{
	letter-spacing: .1em;
}*/

/* COLORI PLACEHOLDER FORMS */

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(73,79,87,.5);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(73,79,87,.5);
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(73,79,87,.5);
}

/* COLORI BORDI */

.c_bor_grigio_scuro {
	border-color: rgba(36,40,43,1) !important;
}

.c_bor_grigio_medio {
	border-color: rgba(73,79,87,1) !important;
}

.c_bor_hl_chiaro {
	border-color: rgba(1,222,240,1) !important;
}

.c_bor_hl_scuro {
	border-color: rgba(3,155,220,1) !important;
}

.c_bor_azzurro_scuro {
	border-color: rgba(193,220,244,1) !important;
}

.c_bor_azzurro_chiaro {
	border-color: rgba(243,248,253,1) !important;
}

.c_bor_bianco {
	border-color: rgba(255,255,255,1) !important;
}

/* ANIMAZIONI CSS */

.animato {
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

.animatolento {
	-webkit-transition: all 1s cubic-bezier(0.40, 0, 0.40, 1) !important;
	-moz-transition: all 1s cubic-bezier(0.40, 0, 0.40, 1) !important;
	-o-transition: all 1s cubic-bezier(0.40, 0, 0.40, 1) !important;
	transition: all 1s cubic-bezier(0.40, 0, 0.40, 1) !important;
}

/* ANIMAZIONI GSAP */

.aniV,
.aniVb,
.aniD,
.aniS,
.aniA,
.aniAb{
	opacity: 0;
}

/* DISABILITARE SELEZIONE TESTO */

.disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* GESTIONE PEDICI */

sub {
	font-size: 70%;
}

/* DIMENSIONI TESTI */

.tt10 {
	font-size: max(0.78vw, 10px);
	line-height: 1.5;
}

.tt12 {
	font-size: max(0.94vw, 12px);
	line-height: 1.5;
}

.tt14 {
	font-size: clamp(14px, 1.09vw, 16px);
	line-height: 1.5;
}

.tt15 {
	font-size: clamp(15px, 1.17vw, 17px);
	line-height: 1.5;
}

.tt16 {
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 1.5;
}

.tt18 {
	font-size: clamp(18px, 1.41vw, 20px);
	line-height: 1.5;
}

.tt21 {
	font-size: clamp(21px, 1.64vw, 24px);
	line-height: 1.4;
}

.tt24 {
	font-size: max(1.88vw, 24px);
	line-height: 1.3;
}

.tt32 {
	font-size: max(2.5vw, 32px);
	line-height: 1.2;
}

.tt42 {
	font-size: max(3.28vw, 42px);
	line-height: 1.2;
}

@media (max-width: 667px) {
	
	.tt42 {
	font-size: max(2.5vw, 32px);
	line-height: 1.2;
}
	
}

/* PIXEL MOB */

.pixelMob{
	display: block;
	position: fixed;
	left: -100px;
	width: 1px;
}

@media (max-width: 667px) {
	
	.pixelMob{
		width: 2px;
	}
	
}

/* GENERALI LAYOUT */

.spacer10 {
	width: 100%;
	height: 0.78vw;
	clear: both;
}

.spacer20 {
	width: 100%;
	height: 1.56vw;
	clear: both;
}

.spacer40 {
	width: 100%;
	height: 3.13vw;
	clear: both;
}

.spacer80 {
	width: 100%;
	height: 6.5vw;
	clear: both;
}

.spacer100 {
	width: 100%;
	height: 7.81vw;
	clear: both;
}

.spacer120 {
	width: 100%;
	height: 9.38vw;
	clear: both;
}

.spacer160 {
	width: 100%;
	height: 12.5vw;
	clear: both;
}

.spacer200 {
	width: 100%;
	height: 15.63vw;
	clear: both;
}

.spacerFooter {
	width: 100%;
	height: 15.63vw;
	clear: both;
}

.ci{
	width: 100%;
}

.ci img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ci2 img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.exh{
	cursor: pointer;
}

@media (max-width: 667px) {
	
	.spacer10 {
	width: 100%;
	height: 10px;
	clear: both;
}

.spacer20 {
	width: 100%;
	height: 20px;
	clear: both;
}

.spacer40 {
	width: 100%;
	height: 40px;
	clear: both;
}

.spacer80 {
	width: 100%;
	height: 80px;
	clear: both;
}

.spacer100 {
	width: 100%;
	height: 100px;
	clear: both;
}

.spacer120 {
	width: 100%;
	height: 100px;
	clear: both;
}

.spacer160 {
	width: 100%;
	height: 120px;
	clear: both;
}

.spacer200 {
	width: 100%;
	height: 120px;
	clear: both;
}

.spacerFooter {
	width: 100%;
	height: 120px;
	clear: both;
}

	.exh{
		cursor: auto;
	}
	
}

/* HEADER */

#header {
	z-index: 900;
	position: fixed;
	top: 0;
	left: 0;
	/*opacity:0;*/
	width: 100%;
}

.bodyscrolled #header{
	
}

.logomain{
	display: block;
	position: relative;
	float: left;
	margin-left: 8%;
	height: 160px;
	width: clamp(265px, 20.78vw, 310px);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left center;
	background-image: url(../img_static/html/fid_logo.svg);
}

.bodyscrolled .logomain{
	height: 90px;
	width: clamp(199px, 15.57vw, 233px);
}

.aprimob{
	position: relative;
	float: right;
	margin-right: 8%;
	margin-top: 45px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: none;
}

.bodyscrolled .aprimob{
	margin-top: 20px;
}

.spanbut{
	display: block;
	position: absolute;
	width: 40px;
	height: 4px;
	border-radius: 0px;
}

#spanbut1{
	top:8px;
}

#spanbut2{
	top:18px;
}

#spanbut3{
	top:28px;
}

.aprimob:hover #spanbut1{
	top:11px;
}

.aprimob:hover #spanbut3{
	top:25px;
}

.aprimob.cliccato #spanbut1{
	transform: rotate(45deg);
	top:18px;
}

.aprimob.cliccato #spanbut2{
	opacity: 0;
}

.aprimob.cliccato #spanbut3{
	transform: rotate(-45deg);
	top:18px;
}

.underCoverHeader{
	display: none;
}

#contutilsmenu{
	padding: 10px 40px 10px 20px;
	border-radius: 0px 0px 0px 10px;
	float: right;
}

#contutilsmenu span{
	display: block;
	position: relative;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0px 20px;
	border-right: 1px solid;
}

#contutilsmenu span:last-child{
	padding-right: 0px;
	border-right: none;
}

#contutilsmenu span a{
	display: inline-block;
}

#contutilsmenu span a:hover{
	opacity: .75;
}

#contpulsmenu{
	padding: 0px 8% 0px 20px;
	float: right;
}

#contpulsmenu nav,
#contpulsmenu nav ul{
	display: block;
	position: relative;
	float: left;
}

#contpulsmenu nav ul li{
	display: block;
	position: relative;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: clamp(15px, 1.5vw, 25px);
	padding-right: clamp(15px, 1.5vw, 25px); 
}

#contpulsmenu nav ul li:last-child{
	padding-right: 0px;
}

#contpulsmenu nav ul li a{
	display: block;
	position: relative;
	float: left;
	height: 120px;
	line-height: 120px;
}

.bodyscrolled #contpulsmenu nav ul li a{
	height: 50px;
	line-height: 50px;
}

#contpulsmenu nav ul li ul{
	display: none;
	position: absolute;
	width: 230px;
	left: 50%;
	margin-left: -115px;
	top: 100px;
}

.bodyscrolled #contpulsmenu nav ul li ul{
	top: 46px;
}

#contpulsmenu nav ul li:hover ul{
	display: block;
}

#contpulsmenu nav ul li ul li{
	display: block;
	position: relative;
	float: left;
	width: 230px;
	padding: 0px;
	clear: both;
	margin-bottom: 1px;
}

#contpulsmenu nav ul li ul li a{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 16px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
}

.bodyscrolled #contpulsmenu nav ul li ul li a{
	height: auto;
	line-height: 16px;
}

#contpulsmenu nav ul li a.active:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 4px;
	left: 50%;
	margin-left: -15px;
	bottom: 25px;
	background-color: rgba(1,222,240,1);
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

.bodyscrolled #contpulsmenu nav ul li a.active:after{
	bottom: 0px;
}

#contpulsmenu nav ul li a:hover{
	opacity: .5;
}

#contpulsmenu nav ul li a.active:hover{
	opacity: 1;
}

/*

#contpulsmenu.contpulsmenu_chiuso{
	height:0px;
}

#contpulsmenu.contpulsmenu_aperto{
	height:130px;
}

.bodyscrolled #contpulsmenu.contpulsmenu_aperto{
	height:80px;
}

#contpulsmenu nav{
	display: block;
	position: relative;
	float: left;
	width: 84%;
	margin-left: 8%;
	height:130px;
}

.bodyscrolled #contpulsmenu nav{
	height:80px;
}

#contpulsmenu nav ul{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	height:130px;
}

.bodyscrolled #contpulsmenu nav ul{
	height:80px;
}

#contpulsmenu nav ul li{
	display: block;
	height: 130px;
}

.bodyscrolled #contpulsmenu nav ul li{
	height: 80px;
}

#contpulsmenu nav ul li .psez{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 50px;
	text-transform: uppercase;
	cursor: pointer;
}

.bodyscrolled #contpulsmenu nav ul li .psez{
	margin-top: 28px;
}

#contpulsmenu nav ul li .psez:hover{
	opacity: .5;
}

#contpulsmenu nav ul li .psez.active::after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: rgba(33,33,33,1);
	left: calc( 50% - 10px );
	bottom: -10px;
}

.bodyscrolled #contpulsmenu nav ul li .psez.active::after {
	bottom: -10px;
}

#contpulsmenu nav ul li .psez.active:hover{
	opacity: 1;
}
*/

@media (max-width: 667px) {
	
	#header {
		z-index: 900;
		position: fixed;
		top: 0;
		left: 0;
		/*opacity:0;*/
		width: 100%;
	}

.bodyscrolled #header{
	
}

.logomain{
	display: block;
	position: relative;
	float: left;
	margin-left: 5%;
	height: 90px;
	width: 45%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left center;
	background-image: url(../img_static/html/fid_logo.svg);
	z-index: 104;
}

.bodyscrolled .logomain{
	height: 50px;
	width: 35%;
}

.underCoverHeader{
	position: fixed;
	width: 100%;
	height: 90px;
	z-index: 102;
	display: block;
}

.bodyscrolled .underCoverHeader{
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 102;
}

.aprimob{
	position: relative;
	float: right;
	margin-right: 5%;
	margin-top: 25px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: block;
	z-index: 103;
}

.bodyscrolled .aprimob{
	margin-top: 5px;
}

.spanbut{
	display: block;
	position: absolute;
	width: 40px;
	height: 4px;
	border-radius: 0px;
}

#spanbut1{
	top:8px;
}

#spanbut2{
	top:18px;
}

#spanbut3{
	top:28px;
}

.aprimob:hover #spanbut1{
	top:8px;
}

.aprimob:hover #spanbut3{
	top:28px;
}

.aprimob.cliccato #spanbut1{
	transform: rotate(45deg);
	top:18px;
}

.aprimob.cliccato #spanbut2{
	opacity: 0;
}

.aprimob.cliccato #spanbut3{
	transform: rotate(-45deg);
	top:18px;
}

#contutilsmenu{
	padding: 10px 5% 10px 5%;
	border-radius: 0px 0px 10px 10px;
	float: right;
	width: 80%;
	right: 10%;
	position: fixed;
	top:90px;
	z-index: 101;
	display: none;
	opacity: 0;
}

.bodyscrolled #contutilsmenu{
	top:50px;
}

#contutilsmenu.contutilsmenu_aperto{
	display: block;
	opacity: 1;
}

#contutilsmenu span{
	display: block;
	position: relative;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0px 10px;
	border-right: none;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	margin: 5px 0px;
}

#contutilsmenu span:last-child{
	padding-right: 0px;
	border-right: none;
}

#contutilsmenu span a{
	display: inline-block;
}

#contutilsmenu span a:hover{
	opacity: 1;
}

#contpulsmenu{
	padding: 240px 20% 0px 20%;
	float: right;
	height: 100vh;
	position: fixed;
	top:0px;
	z-index: 100;
	display: none;
	opacity: 0;
	overflow: scroll;
	padding-bottom: 100px;
}

.bodyscrolled #contpulsmenu{
	padding-top: 200px;	
}

#contpulsmenu.contpulsmenu_aperto{
	display: block;
	opacity: 1;
}

#contpulsmenu nav,
#contpulsmenu nav ul{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

#contpulsmenu nav ul li{
	display: block;
	position: relative;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
	box-sizing: border-box;
	width: 100%;
	text-align: left;
}


#contpulsmenu nav ul li:last-child{
	padding-right: 0px;
}

#contpulsmenu nav ul li a{
	display: inline-block;
	position: relative;
	float: none;
	height: auto;
	line-height: 45px;
	text-align: center;
}

.bodyscrolled #contpulsmenu nav ul li a{
	height: auto;
	line-height: 45px;
}

#contpulsmenu nav ul li ul{
	display: block;
	position: relative;
	float: left;
	width: auto;
	left: auto;
	margin-left: 0px;
	top: auto;
	width: 100%;
	box-sizing: border-box;
	padding-left: 30px;
}

.bodyscrolled #contpulsmenu nav ul li ul{
	top: auto;
}

#contpulsmenu nav ul li:hover ul{
	display: block;
}

#contpulsmenu nav ul li ul li{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	clear: both;
	margin-bottom: 1px;
	text-align: left;
	background: rgba(255,255,255,1);
}

#contpulsmenu nav ul li ul li a{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 16px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
	color: black !important;
}

.bodyscrolled #contpulsmenu nav ul li ul li a{
	height: auto;
	line-height: 16px;
}

#contpulsmenu nav ul li a.active:after{
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 4px;
	left: -25px;
	margin-left: 0px;
	bottom: 20px;
	background-color: rgba(1,222,240,1);
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

.bodyscrolled #contpulsmenu nav ul li a.active:after{
	bottom: 20px;
}

#contpulsmenu nav ul li a:hover{
	opacity: 1;
}

#contpulsmenu nav ul li a.active:hover{
	opacity: 1;
}
	
}



/* CONTENITORE */

#contenitore {
	z-index: 100;
	width: 100%;
	margin-top: 160px;
	
}

@media (max-width: 667px) {
	
	#contenitore {
		z-index: 100;
		width: 100%;
		margin-top: 90px;
		/*opacity:0;*/
		/*overflow: hidden;*/
		/*min-height: 1400px;*/
		/*background-repeat: no-repeat;
		background-size: 70%;
		background-position: right top 0px;
		background-image: url(../img_static/html/xxx.jpg);*/
		/*background: #4e4d43;*/
	}

}

/* FOOTER */

#footer {
	z-index: 500;
	width: 100%;
	/*opacity:0;*/
	padding-top: max(6.25vw, 80px);
	padding-bottom: max(3.9vw, 50px);
	padding-right: 8%;
	padding-left: 8%;
	/*background-repeat: no-repeat;
	background-size: 327px;
	background-position: right bottom -1px;
	background-image: url(../img_static/html/dol_kw_bianco.svg);*/
}

#footer:after{
	content: "";
	display: block;
	position: absolute;
	width: 125px;
	height: 50px;
	right: 8%;
	top: -25px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right center;
	background-image: url(../img_static/html/fid_grazia.svg);
	
}

.contFooter{
	width: 100%;
}

.topFooter{
	width: 100%;
	height: max(3.9vw, 50px);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left top;
	background-image: url(../img_static/html/fid_logo_bianco.svg);
	margin-bottom: max(6.25vw, 80px);
}

.midFooter{
	width: 100%;
	margin-bottom: max(6.25vw, 80px);
}

.colSxFooter{
	float: left;
	margin-right: max(5.47vw, 70px);
}

.colDxFooter{
	float: right;
}

.titColFooter{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: max(1.57vw, 20px);
}

.tesColFooter{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

.contSubColFooter,
.colSxFooter ul{
	display: block;
	position: relative;
	float: left;
	clear: both;
}

.colSxFooter ul li,
.subColDxFooter p{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: max(0.78vw, 10px);
}

.subColDxFooter{
	margin-right: 0px;
}

.subColDxFooter:nth-child(1){
	margin-right: max(3.13vw, 40px);
}

.colOrari{
	width: 100%;
	margin-top: max(0.78vw, 10px);
	padding-top: max(1.56vw, 20px);
	border-top: 1px solid;
	clear: both;
}

.bottomFooter{
	width: 100%;
	border-top: 1px solid;
	padding-top: max(3.9vw, 50px);
}

.bottomFooter span{
	margin-right: max(3.13vw, 20px);
}

.bottomFooter span:last-child{
	margin-right: 0px;
}

.spanPco{
	cursor: pointer;
}

.tesColFooter.c_t_bianco a:hover,
.colSxFooter a:hover,
.bottomFooter span a:hover,
.spanPco:hover{
	opacity: .5 !important;
}

@media (max-width: 1000px){
	
	.colDxFooter{
		float: left;
		clear: both;
		margin-top: max(3.9vw, 50px);
	}
	
	.bottomFooter span{
		margin-right: max(2.5vw, 10px);
	}
	
}



@media (max-width: 667px) {
	
	#footer {
	z-index: 500;
	width: 100%;
	/*opacity:0;*/
	padding-top: max(6.25vw, 80px);
	padding-bottom: max(3.9vw, 50px);
	padding-right: 8%;
	padding-left: 8%;
	/*background-repeat: no-repeat;
	background-size: 327px;
	background-position: right bottom -1px;
	background-image: url(../img_static/html/dol_kw_bianco.svg);*/
}

#footer:after{
	content: "";
	display: block;
	position: absolute;
	width: 125px;
	height: 50px;
	right: 8%;
	top: -25px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right center;
	background-image: url(../img_static/html/fid_grazia.svg);
	
}

.contFooter{
	width: 100%;
}

.topFooter{
	width: 100%;
	height: max(3.9vw, 50px);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left top;
	background-image: url(../img_static/html/fid_logo_bianco.svg);
	margin-bottom: max(6.25vw, 80px);
}

.midFooter{
	width: 100%;
	margin-bottom: max(6.25vw, 80px);
}

.colSxFooter{
	float: left;
	margin-right: 0%;
	width: 50%;
	margin-bottom: 10px;
	padding: 0px 20px 0px 0px;
}

.colDxFooter{
	float: left;
	width: 100%;
	margin-top: 30px;
}

.titColFooter{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: max(1.57vw, 20px);
	width: 100%;
}

.tesColFooter{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

.contSubColFooter,
.colSxFooter ul{
	display: block;
	position: relative;
	float: left;
	clear: both;
}

.colSxFooter ul li,
.subColDxFooter p{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: max(0.78vw, 10px);
}

.subColDxFooter{
	margin-right: 0px;
}

.subColDxFooter:nth-child(1){
	margin-right: max(3.13vw, 40px);
}

.colOrari{
	width: 100%;
	margin-top: max(0.78vw, 10px);
	padding-top: max(1.56vw, 20px);
	border-top: 1px solid;
	clear: both;
}

.colOrari .tesColFooter{
	font-size: 13px;
}

.bottomFooter{
	width: 100%;
	border-top: 1px solid;
	padding-top: max(3.9vw, 50px);
}

.bottomFooter span{
	margin-right: 0px;
	display: block;
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 6px;
}

.bottomFooter span:last-child{
	margin-right: 0px;
}

.spanPco{
	cursor: auto;
}

.tesColFooter.c_t_bianco a:hover,
.colSxFooter a:hover,
.bottomFooter span a:hover,
.spanPco:hover{
	opacity: 1 !important;
}

}

/* PULSANTI */

.p_16_azzurro{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	color: rgba(255,255,255,1);
	background-color: rgba(3,155,220,1);
	border: 1px solid rgba(3,155,220,1);
	padding: 10px 25px;
	border-radius: 20px;
	font-family: 'Roboto Flex', sans-serif; font-weight: 700; font-display: swap;
	font-size: 16px;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	cursor: pointer;
}

.p_16_azzurro:hover{
	color: rgba(73,79,87,1);
	background-color: rgba(255,255,255,1);
}

.p_16_bia_trasp{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,0);
	padding: 10px 25px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,1);
	font-family: 'Roboto Flex', sans-serif; font-weight: 700; font-display: swap;
	font-size: 18px;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	cursor: pointer;
}

.p_16_bia_trasp:hover{
	color: rgba(73,79,87,1);
	background-color: rgba(255,255,255,1);
}

.p_16_grigio{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	color: rgba(255,255,255,1);
	background-color: rgba(73,79,87,1);
	padding: 10px 25px;
	border-radius: 20px;
	border: 1px solid rgba(73,79,87,1);
	font-family: 'Roboto Flex', sans-serif; font-weight: 700; font-display: swap;
	font-size: 18px;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	cursor: pointer;
}

.p_16_grigio:hover{
	color: rgba(73,79,87,1);
	background-color: rgba(255,255,255,1);
}

@media (max-width: 667px) {

	.p_16_azzurro,
.p_16_bia_trasp,
.p_16_grigio{
	font-size: 15px;
	line-height: 1.4;
	border-radius: 40px;
}
	
	.p_16_azzurro:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(3,155,220,1);
	border: 1px solid rgba(3,155,220,1);
}

	.p_16_bia_trasp:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,0);
}
	
	.p_16_grigio:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(73,79,87,1);
}
	
}






/*****************/
/* BLOCCHI       */
/*****************/

/* BLOCCO SLIDE */

.b_sl{
	width: 100%;
	height: max(31.25vw, 400px);
}

.b_sl::after {
	content: "";
	display: block;
	position: absolute;
	width: 125px;
	height: 50px;
	right: 8%;
	bottom: -25px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right center;
	background-image: url(../img_static/html/fid_grazia.svg);
}

.ciBsl,
.overlayBsl,
.graziaBsl{
	position: absolute;
	width: 100%;
	height: 100%;
}

.ciBsl img{
	object-position: right center;
}

.graziaBsl{
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: right bottom;
	background-image: url(../img_static/html/fid_sf_slider.svg);
}

.conttespaysh{
	position: absolute;
	width: 84%;
	z-index: 101;
	left: 8%;
	bottom: 50%;
	transform: translateY(50%);
}

.titContPay {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titContPay::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.tesContPay{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.aContPay{
	margin-top: max(2.34vw, 30px);
}

@media (max-width: 667px) {
	
	.b_sl{
		width: 100%;
		height: max(31.25vw, 400px);
	}
	
	.b_sl::after {
		content: "";
		display: block;
		position: absolute;
		width: 125px;
		height: 50px;
		right: 8%;
		bottom: -25px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: right center;
		background-image: url(../img_static/html/fid_grazia.svg);
	}
	
	.ciBsl,
	.overlayBsl,
	.graziaBsl{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.ciBsl img{
		object-position: right center;
	}
	
	.graziaBsl{
		background-repeat: no-repeat;
		background-size: auto 90%;
		background-position: right bottom;
		background-image: url(../img_static/html/fid_sf_slider.svg);
	}
	
	.conttespaysh{
		position: absolute;
		width: 90%;
		z-index: 101;
		left: 5%;
		bottom: 50%;
		transform: translateY(50%);
	}
	
	.titContPay {
		display: block;
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
		padding-bottom: max(1.56vw, 20px);
		margin-bottom: max(2.34vw, 30px);
	}
	
	.titContPay::after {
		content: "";
		display: block;
		position: absolute;
		width: 80px;
		height: 4px;
		border-radius: 0px;
		background-color: rgba(1,222,240,1);
		left: 0;
		bottom: -2px;
	}
	
	.tesContPay{
		display: block;
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
	}
	
	.aContPay{
		margin-top: max(2.34vw, 30px);
	}
	
}

/* BLOCCO TESTO btSfAzz btCi*/

.b_t{
	width: 100%;
	padding-left: 16%;
	padding-right: 16%;
}

.colImgBt{
	display: none;
}

.colImgBt img{
	display: block;
	width: 100%;
	position: relative;
	float: left;
}

.colTestBt{
	width: 100%;
}

.titBt {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBt::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.stitBt{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	margin-top: max(0.78vw, 10px);
	margin-bottom: max(0.78vw, 10px);
}

.tesBt{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.colTestBt ul{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: max(0.78vw, 10px);
}

.colTestBt li{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding-left: 30px;
	line-height: 1.5
}

.colTestBt li:before{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(1,222,240,1);
	top:10px;
	left: 11px;
}

.aBt{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}

.b_t.btCi{
	width: 100%;
	padding-left: 8%;
	padding-right: 8%;
}

.b_t.btCi .colImgBt{
	display: block;
	width: 26.34vw;
	float: right;
}

.b_t.btCi .colTestBt{
	display: block;
	width: 53.83vw;
}

.b_t.btSfAzz{
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
	background-color: rgba(243,248,253,1);
}

.b_t.btSfAzzSc{
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
	background-color: rgba(193,220,244,1);
}

.b_t.btSfAzzSc .titBt::after {
	background-color: rgba(73,79,87,1);
}

.b_t.btMlDx .colImgBt{
	display: block;
	width: 32vw;
	float: left;
}

.b_t.btMlDx .colTestBt{
	display: block;
	width: 32vw;
	float: right;
}

.b_t.btMlSx .colImgBt{
	display: block;
	width: 32vw;
	float: right;
}

.b_t.btMlSx .colTestBt{
	display: block;
	width: 32vw;
	float: left;
}

.btPri{
	padding-left: 8%;
	padding-right: 8%;
}

.btPri p a{
	display: inline-block;
	margin-left: 10px;
	padding: 0px 20px;
	border-radius: 20px;
	color: rgba(255,255,255,1);
	background-color: rgba(3,155,220,1);
	font-weight: 700;
}

.btPri p a:hover{
	opacity: .5;
}

@media (max-width: 667px) {
	
	.b_t{
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
}

.colImgBt{
	display: none;
}

.colImgBt img{
	display: block;
	width: 100%;
	position: relative;
	float: left;
}

.colTestBt{
	width: 100%;
}

.titBt {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBt::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.stitBt{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	margin-top: max(0.78vw, 10px);
	margin-bottom: max(0.78vw, 10px);
}

.tesBt{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.colTestBt ul{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: max(0.78vw, 10px);
}

.colTestBt li{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding-left: 30px;
	line-height: 1.5
}

.colTestBt li:before{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(1,222,240,1);
	top:10px;
	left: 11px;
}

.aBt{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}

.b_t.btCi{
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
}

.b_t.btCi .colImgBt{
	display: block;
	width: 60%;
	float: left;
	margin-bottom: 30px;
}

.b_t.btCi .colTestBt{
	display: block;
	width: 100%;
}

.b_t.btSfAzz{
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
	background-color: rgba(243,248,253,1);
}

.b_t.btSfAzzSc{
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
	background-color: rgba(193,220,244,1);
}

.b_t.btSfAzzSc .titBt::after {
	background-color: rgba(73,79,87,1);
}

.b_t.btMlDx .colImgBt{
	display: block;
	width: 60%;
	float: left;
	margin-bottom: 30px;
}

.b_t.btMlDx .colTestBt{
	display: block;
	width: 100%;
	float: right;
}

.b_t.btMlSx .colImgBt{
	display: block;
	width: 60%;
	float: left;
	margin-bottom: 30px;
}

.b_t.btMlSx .colTestBt{
	display: block;
	width: 100%;
	float: left;
}

.btPri{
	padding-left: 10%;
	padding-right: 10%;
}

.btPri p a{
	display: inline-block;
	margin-left: 10px;
	padding: 0px 20px;
	border-radius: 20px;
	color: rgba(255,255,255,1);
	background-color: rgba(3,155,220,1);
	font-weight: 700;
}

.btPri p a:hover{
	opacity: 1;
}
	
}

/* BLOCCO CALL TO ACTION */

.b_cta{
	width: 100%;
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
}

.overlayBcta{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.colTestBcta{
	padding-left: 16%;
	padding-right: 16%;
}

.titBcta {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBcta::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.tesBcta{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.aBcta{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}

@media (max-width: 667px) {
	
	.b_cta{
	width: 100%;
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
}

.overlayBcta{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.colTestBcta{
	padding-left: 10%;
	padding-right: 10%;
}

.titBcta {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBcta::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.tesBcta{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.aBcta{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}
	
}

/* BLOCCO PLUS DUE COLONNE */

.b_pdc{
	width: 100%;
}

.colBpdc{
	width: 48%;
	padding-top: max(3.91vw, 50px);
	padding-bottom: max(4.69vw, 60px);
	padding-right: max(4.69vw, 60px);
	padding-left: 8%;
}

.colBpdc:nth-child(2){
	padding-left: max(4.69vw, 60px);
	padding-right: 8%;
	float: right;
}

.titBpdc {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBpdc::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(73,79,87,1);
	left: 0;
	bottom: -2px;
}

.tesBpdc{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.aBpdc{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}

@media (max-width: 667px) {
	
	.b_pdc{
	width: 100%;
}

.colBpdc{
	width: 100%;
	padding-top: max(3.91vw, 50px);
	padding-bottom: max(4.69vw, 60px);
	padding-right: 10%;
	padding-left: 10%;
}

.colBpdc:nth-child(2){
	padding-left: 10%;
	padding-right: 10%;
	float: right;
	margin-top: 20px;
}

.titBpdc {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBpdc::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(73,79,87,1);
	left: 0;
	bottom: -2px;
}

.tesBpdc{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

.aBpdc{
	margin-top: max(2.34vw, 30px);
	margin-right: 30px;
}
	
}

/* BLOCCO FAQ */

.b_fq{
	width: 100%;
	padding: 0px 8%;
}

.contBfq{
	width: 100%;
	margin-bottom: -40px;
}

.itemBfq{
	width: 100%;
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.titBfq{
	display: block;
	position: relative;
	float: left;
	width: calc( 100% - 100px );
}

.tesBfq{
	display: none;
	position: relative;
	float: left;
	width: calc( 100% - 100px );
	margin-top: 30px;
	opacity: 0;
}

.itemBfqaperto .tesBfq{
	display: block;
	opacity: 1;
}

.apriBfq{
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	top:40px;
	right: 40px;
	cursor: pointer;
}

.spanApriBfq{
	display: block;
	position: absolute;
	width: 4px;
	height: 16px;
	top:12px;
	left: 18px;
}

.itemBfqChiuso #spanApriBfqUno{
	transform: rotate(0deg);
	opacity: 1;
}

.itemBfqChiuso #spanApriBfqDue{
	transform: rotate(90deg);
	opacity: 1;
}

.itemBfqAperto #spanApriBfqUno{
	transform: rotate(90deg);
	opacity: 1;
}

.itemBfqAperto #spanApriBfqDue{
	transform: rotate(90deg);
	opacity: 0;
	height: 0px;
}

@media (max-width: 667px) {
	
	.b_fq{
	width: 100%;
	padding: 0px 5%;
}

.contBfq{
	width: 100%;
	margin-bottom: -40px;
}

.itemBfq{
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 40px;
}

.titBfq{
	display: block;
	position: relative;
	float: left;
	width: calc( 100% - 60px );
	font-size: 21px;
}

.tesBfq{
	display: none;
	position: relative;
	float: left;
	width: calc( 100% - 0px );
	margin-top: 30px;
	opacity: 0;
}

.itemBfqaperto .tesBfq{
	display: block;
	opacity: 1;
}

.apriBfq{
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	top:20px;
	right: 20px;
	cursor: pointer;
}

.spanApriBfq{
	display: block;
	position: absolute;
	width: 4px;
	height: 16px;
	top:12px;
	left: 18px;
}

.itemBfqChiuso #spanApriBfqUno{
	transform: rotate(0deg);
	opacity: 1;
}

.itemBfqChiuso #spanApriBfqDue{
	transform: rotate(90deg);
	opacity: 1;
}

.itemBfqAperto #spanApriBfqUno{
	transform: rotate(90deg);
	opacity: 1;
}

.itemBfqAperto #spanApriBfqDue{
	transform: rotate(90deg);
	opacity: 0;
	height: 0px;
}
	
}

/* BLOCCO OPZIONI CONTATTO */

.b_oc{
	width: 100%;
	padding: 0px 8%;
}

.itemBoc{
	width: calc( ( 100% - 100.1px ) / 3 );
	margin-right: 50px;
}

.itemBoc:nth-child(3){
	margin-right: 0px;
}

.ciBoc{
	width: 100%;
	height: max(5.5vw, 70px);
	margin-bottom: 40px;
}

.sepBoc{
	width: 100%;
	height: 4px;
	margin-bottom: 20px;
}

.titBoc{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 6px;
}

.tesBoc{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

@media (max-width: 667px) {
	
	.b_oc{
	width: 100%;
	padding: 0px 8%;
}

.itemBoc{
	width: 60%;
	margin-right: 0px;
	margin-left: 20%;
	margin-bottom: 60px;
}

.itemBoc:nth-child(3){
	margin-right: 0px;
}

.ciBoc{
	width: 100%;
	height: max(5.5vw, 70px);
	margin-bottom: 20px;
}

.sepBoc{
	width: 100%;
	height: 4px;
	margin-bottom: 20px;
}

.titBoc{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 6px;
}

.tesBoc{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
	
}

/* BLOCCO FORM */

.b_fo{
	width: 100%;
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
}

.overlayBfo{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.titBfo {
	display: block;
	width: 64%;
	margin-left: 16%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBfo::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.contForm{
	width: 64%;
	margin-left: 16%;
}

.contForm form{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.contForm .rigaform{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.contForm .rigaformum{
	display: block;
	position: relative;
	float: right;
	width: calc( ( 100% - 30.1px ) / 2 );
	margin-left: 30px;
	margin-top: 20px;
	min-height: 50px;
}

.contForm .rigaformum:nth-Child(2n+2){
	margin-left: 0px;
}

.contForm .rigaut{
	display: block;
	position: relative;
	float: left;
	width: calc( ( 100% - 60.1px ) / 3 );
	margin-right: 30px;
}

.contForm .rigaut:nth-Child(3n+3){
	margin-right: 0px;
}

.contForm .labform{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}

.contForm .inputform{
	display: block;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: none;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
}

.contForm .textareaform{
	display: block;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 150px;
	border: 0px;
	outline: 0px;
	padding-top: 10px;
	text-decoration: none;
	resize: none;
	box-sizing: border-box;
	line-height: 1.5;
}

.contForm .checkprivacy{
	display: block;
	position: relative;
	float: right;
	width: calc( 100% - 20px );
	padding-right: 50px;
	text-align: right;
	box-sizing: border-box;
}

.contForm .checkprivacy a{
	text-decoration: underline;
	font-weight: 700;
}

.contForm .checkprivacy a:hover{
	/*color: rgba(255,255,255,.5);*/
}

.contForm .spuntacheck{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	height: 40px;
	width: 40px;
	background-size: 40px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/fid_sf_chack.svg);
	cursor: pointer;
}

.contForm .invioform{
	outline: 0px;
	text-decoration: none;
	float: right;
	clear: both;
}

.contForm #rispostaform{
	position: absolute;
	width: 100%;
	padding: 10px 20px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #da8d09;
	color: #da8d09;
	display: none;
}

.contForm .rigarisposta {
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

@media (max-width: 667px) {
	
	.b_fo{
	width: 100%;
	padding-top: max(4.69vw, 60px);
	padding-bottom: max(4.69vw, 60px);
}

.overlayBfo{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.titBfo {
	display: block;
	width: 80%;
	margin-left: 10%;
	position: relative;
	float: left;
	text-align: left;
	padding-bottom: max(1.56vw, 20px);
	margin-bottom: max(2.34vw, 30px);
}

.titBfo::after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 4px;
	border-radius: 0px;
	background-color: rgba(1,222,240,1);
	left: 0;
	bottom: -2px;
}

.contForm{
	width: 80%;
	margin-left: 10%;
}

.contForm form{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.contForm .rigaform{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.contForm .rigaformum{
	display: block;
	position: relative;
	float: right;
	width: 100%;
	margin-left: 0px;
	margin-top: 20px;
	min-height: 50px;
}

.contForm .rigaformum:nth-Child(2n+2){
	margin-left: 0px;
}

.contForm .rigaut{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-right: 0px;
}

.contForm .rigaut:nth-Child(3n+3){
	margin-right: 0px;
}

.contForm .labform{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}

.contForm .inputform{
	display: block;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: none;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
}

.contForm .textareaform{
	display: block;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 150px;
	border: 0px;
	outline: 0px;
	padding-top: 10px;
	text-decoration: none;
	resize: none;
	box-sizing: border-box;
	line-height: 1.5;
}

.contForm .checkprivacy{
	display: block;
	position: relative;
	float: right;
	width: calc( 100% - 0px );
	padding-right: 50px;
	text-align: right;
	box-sizing: border-box;
}

.contForm .checkprivacy a{
	text-decoration: underline;
	font-weight: 700;
}

.contForm .checkprivacy a:hover{
	/*color: rgba(255,255,255,.5);*/
}

.contForm .spuntacheck{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	height: 40px;
	width: 40px;
	background-size: 40px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/fid_sf_chack.svg);
	cursor: pointer;
}

.contForm .invioform{
	outline: 0px;
	text-decoration: none;
	float: right;
	clear: both;
}

.contForm #rispostaform{
	position: relative;
	width: 100%;
	padding: 10px 20px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #da8d09;
	color: #da8d09;
	display: none;
	box-sizing: border-box;
}

 .contForm .rigaformum.rigarisposta {
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	margin-top: 0px;
    min-height: 0px;
}
	
}

/* BLOCCO DATI CONTATTI */

.b_dc{
	padding: max(4.69vw, 60px);
	margin-left: 50%;
	transform: translateX(-50%);
	border-radius: 20px;
}

.ciBdc{
	height: max(7.81vw, 100px);
	width: 100%;
	margin-bottom: max(4.69vw, 60px);
}

.contBdc{
	width:max(39vw, 500px);
}

.colBdc{
	width: 50%;
	padding-right: max(3.13vw, 40px);
}

.colBdc:nth-child(1){
	border-right: 1px solid;
	text-align: right;
}

.colBdc:nth-child(2){
	padding-right: 0px;
	padding-left: max(3.13vw, 40px);
}

.titBdc{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

@media (max-width: 667px) {
	
	.b_dc{
	padding: 30px;
	margin-left: 10%;
	width: 80%;
	transform: none;
	border-radius: 10px;
}

.ciBdc{
	height: max(7.81vw, 100px);
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
}

.contBdc{
	width:100%;
}

.colBdc{
	width: 100%;
	padding-right: 0px;
}

.colBdc:nth-child(1){
	border-right: none;
	border-bottom: 1px solid;
	text-align: right;
	text-align: center;
	padding-bottom: 20px;
}

.colBdc:nth-child(2){
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}

.titBdc{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.colBdc .tt21{
	font-size: 18px !important;
}
	
}

/* PAGINA PRIVACY POLICY */

.h2Bt{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 30px;
}

.tesBtx{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.tabBt{
	width: 100%;
	margin: 20px 0px;
	font-size: 12px;
	line-height: 1.3;
	float: left;
	background-color: rgba(73,79,87,.05);
}

.tabBt, .tabBt th, .tabBt td {
  border: 1px solid rgba(73,79,87,.2);
  border-collapse: collapse;
}

.tabBt td{
	padding: 20px;
	text-align: left;
}

.tabBt strong{
	font-weight: 700;
}

@media (max-width: 667px) {
	
	.h2Bt{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 30px;
}

.tesBtx{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.tabBt{
	width: 100%;
	margin: 20px 0px;
	font-size: 10px;
	line-height: 1.3;
	float: left;
	background-color: rgba(73,79,87,0);
}

.tabBt, .tabBt th, .tabBt td {
  border: 1px solid rgba(73,79,87,.2);
  border-collapse: collapse;
}

.tabBt{
	border: none;
}

.tabBt td{
	padding: 6px;
	text-align: left;
}

.tabBt tr{
	margin-bottom: 10px;
	background-color: rgba(73,79,87,.05);
}

.tabBt strong{
	font-weight: 700;
}

.tabBt thead {
    display: none;
  } 
.tabBt td {
    display: flex;
  }
  
.tabBt td::before {
    content: attr(label);
    font-weight: bold;
    width: 90px;
    min-width: 90px;
    box-sizing: border-box;
    padding-right: 10px;
}
  
.tabBt tbody,
.tabBt tbody tr {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
  
}





/******************/
/* COOKIE CONSENT */
/******************/

/* css generale */

.termsfeed-com---pc-dialog .cc-cp-foot-byline{
	opacity: 0 !important;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.termsfeed-com---pc-dialog .cc-cp-foot-byline a{
	display: none !important;
}

/* css specifico per sito */

.termsfeed-com---palette-light.termsfeed-com---nb {
	background-color: rgba(243,248,253,1) !important;
	color: rgba(73,79,87,1) !important;
}

.termsfeed-com---nb-simple {
	max-width: 100% !important;
	width: 50% !important;
	right: 25% !important;
	bottom: 50% !important;
	transform: translateY(50%);
	border-radius: 10px;
	border: 1px solid rgba(73,79,87,1);
}

.termsfeed-com---palette-light .cc-nb-changep {
	background-color: rgba(255,255,255,1);
	color: rgba(73,79,87,1);
}

.termsfeed-com---nb .cc-nb-main-container{
	padding: 30px 5% !important;
}

.cc-nb-title{
	font-family: 'Roboto Flex', sans-serif !important; font-display: swap !important;
	font-size: 18px !important;
	color: rgba(73,79,87,1) !important;
}

.cc-nb-text-container{
	width: 100%;
}

.cc-nb-text{
	font-family: 'Roboto Flex', sans-serif !important; font-display: swap !important;
	font-size: 14px !important;
	color: rgba(73,79,87,1) !important;
	width: 100%;
	clear: both;
}

.cc-nb-reject,
.cc-nb-okagree,
.cc-cp-foot-save{
	background: rgba(73,79,87,1) !important;
	border-radius: 20px !important;
}

.cc-nb-changep{
	/*background: rgba(0,71,187,.2) !important;*/
	border-radius: 20px !important;
	border: 1px solid rgba(73,79,87,1) !important;
	color: rgba(73,79,87,1) !important;
}

.cc-nb-reject:hover,
.cc-nb-okagree:hover,
.cc-cp-foot-save:hover,
.cc-nb-changep:hover{
	opacity: .5;
}

#open_preferences_center{
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

#open_preferences_center:hover{
	opacity: .5 !important;
}

.termsfeed-com---palette-light .cc-pc-head-lang select {
	padding: 5px 15px;
}

@media (max-width: 667px) {
	/* css generale */

.termsfeed-com---pc-dialog .cc-cp-foot-byline{
	opacity: 0 !important;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.termsfeed-com---pc-dialog .cc-cp-foot-byline a{
	display: none !important;
}

/* css specifico per sito */

.termsfeed-com---palette-light.termsfeed-com---nb {
	background-color: rgba(243,248,253,1) !important;
	color: rgba(73,79,87,1) !important;
}

.termsfeed-com---nb-simple {
	max-width: 100% !important;
	width: 90% !important;
	right: 5% !important;
	bottom: 20px;
	transform:none;
	border-radius: 10px;
	border: 1px solid rgba(73,79,87,1);
}

.termsfeed-com---palette-light .cc-nb-changep {
	background-color: rgba(255,255,255,1);
	color: rgba(73,79,87,1);
}

.termsfeed-com---nb .cc-nb-main-container{
	padding: 30px 5% !important;
}

.cc-nb-title{
	font-family: 'Roboto Flex', sans-serif !important; font-display: swap !important;
	font-size: 18px !important;
	color: rgba(73,79,87,1) !important;
}

.cc-nb-text-container{
	width: 100%;
}

.cc-nb-text{
	font-family: 'Roboto Flex', sans-serif !important; font-display: swap !important;
	font-size: 14px !important;
	color: rgba(73,79,87,1) !important;
	width: 100%;
	clear: both;
}

.cc-nb-reject,
.cc-nb-okagree,
.cc-cp-foot-save{
	background: rgba(73,79,87,1) !important;
	border-radius: 20px !important;
}

.cc-nb-changep{
	/*background: rgba(0,71,187,.2) !important;*/
	border-radius: 20px !important;
	border: 1px solid rgba(73,79,87,1) !important;
	color: rgba(73,79,87,1) !important;
}

.cc-nb-reject:hover,
.cc-nb-okagree:hover,
.cc-cp-foot-save:hover,
.cc-nb-changep:hover{
	opacity: .5;
}

#open_preferences_center{
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

#open_preferences_center:hover{
	opacity: .5 !important;
}

}