/* @override 
	http://127.0.0.1/Sites/www.homeinitaly.com/_engine/_libs/ELF/css/ELF_CSS_Base.css
	http://127.0.0.1/SitiPicov/ELF_Devel/Sites/www.homeinitaly.com/_engine/_libs/ELF/css/ELF_CSS_Base.css
	http://127.0.0.1/Sites/_engine/_libs/ELF/css/ELF_CSS_Base.css
*/

/* CRITERIO: tutti gli stili prevedono la presenza della classe elf (inline o in cascata) altrimenti non altero lo stile di default */

.elf{
}

/* @group Base fonts families */

.elf .elf-font-main,
.elf.elf-font-main {
	font-family: Verdana, Geneva, sans-serif;
}

.elf .elf-font-alt,
.elf.elf-font-alt {
	font-family: Arial, Helvetica, sans-serif;
}

.elf .elf-font-labels,
.elf.elf-font-labels {
	font-family: Impact, Charcoal, sans-serif;
}

/* @end */

/* @group Text styles */

.elf .elf-text-bold,
.elf.elf-text-bold,
.elf b,
.elf strong,
b.elf,
strong.elf {
	font-weight: bold;
}

.elf .elf-text-italic,
.elf.elf-text-italic,
.elf i,
.elf em,
i.elf,
em.elf {
	font-style: italic;	
}
.elf .elf-text-underline,
.elf.elf-text-underline,
.elf ins,
ins.elf {
	text-decoration: underline;
}
.elf .elf-text-deleted,
.elf.elf-text-deleted,
.elf del,
del.elf {
    text-decoration: line-through;
}
.elf .elf-text-overline,
.elf.elf-text-overline {
    text-decoration: overline;
}
.elf .elf-text-highlighted,
.elf.elf-text-highlighted,
.elf mark
mark.elf {
	background-color: yellow;
}
.elf .elf-text-small,
.elf.elf-text-small,
.elf small,
small.elf {
	font-size: .83em;
}
.elf .elf-text-subscript,
.elf.elf-text-subscript,
.elf sub,
sub.elf {
	font-size: .83em;
	vertical-align: sub; 
}
.elf .elf-text-superscript,
.elf.elf-text-superscript,
.elf sup,
sup.elf {
	font-size: .83em;
	vertical-align: super; 	
}
.elf .elf-text-uppercase,
.elf.elf-text-uppercase {
	text-transform: uppercase;	
}

.elf .elf-text-capitalize,
.elf.elf-text-capitalize {
	text-transform: capitalize;
}
.elf .elf-text-lowercase,
.elf.elf-text-lowercase {
	text-transform: lowercase;
}
.elf .elf-text-small-caps,
.elf.elf-text-small-caps {
	font-variant: small-caps;
}

/* overriding reset class (last item)*/
.elf .elf-text-normal,
.elf.elf-text-normal {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
}

/* @end */


/* @group Text colors */

.elf .elf-text-color-primary,
.elf.elf-text-color-primary {
	color: #1e87f0;
}
.elf .elf-text-color-muted,
.elf.elf-text-color-muted {
	color: #ddd;
}

.elf .elf-text-color-success,
.elf.elf-text-color-success {
	color: #05b50f;
}
.elf .elf-text-color-warning,
.elf.elf-text-color-warning {
	color: #faa05a;
}
.elf .elf-text-color-danger,
.elf.elf-text-color-danger {
	color: #f05050;
}

.elf .elf-text-color-accent,
.elf.elf-text-color-accent {
	color: #09f;
}

.elf .elf-text-color-accent-alt,
.elf.elf-text-color-accent-alt {
	color: #107cc4;
}

.elf .elf-text-color-light,
.elf.elf-text-color-light {
	color: #ccc;
}

.elf .elf-text-color-dark,
.elf.elf-text-color-dark {
	color: #222;
}

.elf .elf-text-color-black,
.elf.elf-text-color-black,
.elf .elf-text-color-grey-0,
.elf.elf-text-color-grey-0 {
	color: #000;
}
.elf .elf-text-color-grey-10,
.elf.elf-text-color-grey-10 {
	color: #1a1a1a;
}
.elf .elf-text-color-grey-dark,
.elf.elf-text-color-grey-dark {
	color: #2b2b2b; /* 17% */
}
.elf .elf-text-color-grey-20,
.elf.elf-text-color-grey-20 {
	color: #333;
}
.elf .elf-text-color-grey-30,
.elf.elf-text-color-grey-30 {
	color: #4d4d4d;
}
.elf .elf-text-color-grey-40,
.elf.elf-text-color-grey-40 {
	color: #666;
}
.elf .elf-text-color-grey,
.elf.elf-text-color-grey,
.elf .elf-text-color-grey-50,
.elf.elf-text-color-grey-50 {
	color: #808080;
}
.elf .elf-text-color-grey-60,
.elf.elf-text-color-grey-60 {
	color: #999;
}
.elf .elf-text-color-grey-70,
.elf.elf-text-color-grey-70 {
	color: #b3b3b3;
}
.elf .elf-text-color-grey-80,
.elf.elf-text-color-grey-80 {
	color: #ccc;
}
.elf .elf-text-color-grey-light,
.elf.elf-text-color-grey-light {
	color: #d3d3d3; /* 83% */
}
.elf .elf-text-color-grey-90,
.elf.elf-text-color-grey-90 {
	color: #e5e5e5;
}
.elf .elf-text-color-white,
.elf.elf-text-color-white,
.elf .elf-text-color-grey-100,
.elf.elf-text-color-grey-100  {
	color: #fff;
}

/* @end */


/* @end */

/* @group Headers relative sizes */

.elf h1,
h1.elf {
	font-size: 2em; /* match 32px */
}

.elf h2,
h2.elf {
	font-size: 1.5em; /* match 24px */
}

.elf h3,
h3.elf {
	font-size: 1.25em; /* match 20px */
}

.elf h4,
h4.elf {
	font-size: 1.0em; /* match 16px (BASE) */
}

.elf h5,
h5.elf {
	font-size: 0.875em; /* match 14px */
}

.elf h6,
h6.elf {
	font-size: 0.75em; /* match 12px */
}

.elf hr,
hr.elf {
	height: 1px;
	border:none;
	background-color:#ccc;
}


/* @end */

/* @group Headers fixed sizes */

.elf .elf-text-size-fixed h1,
.elf.elf-text-size-fixed h1,
.elf h1.elf-text-size-fixed,
h1.elf.elf-text-size-fixed
{
	font-size: 32px;
}
.elf .elf-text-size-fixed h2,
.elf.elf-text-size-fixed h2,
.elf h2.elf-text-size-fixed,
h2.elf.elf-text-size-fixed {
	font-size: 24px;
}
.elf .elf-text-size-fixed h3,
.elf.elf-text-size-fixed h3,
.elf h3.elf-text-size-fixed,
h3.elf.elf-text-size-fixed {
	font-size: 20px;
}
.elf .elf-text-size-fixed h4,
.elf.elf-text-size-fixed h4,
.elf h4.elf-text-size-fixed,
h4.elf.elf-text-size-fixed {
	font-size: 16px;
}
.elf .elf-text-size-fixed h5,
.elf.elf-text-size-fixed h5,
.elf h5.elf-text-size-fixed,
h5.elf.elf-text-size-fixed {
	font-size: 14px;
}
.elf .elf-text-size-fixed h6,
.elf.elf-text-size-fixed h6,
.elf h6.elf-text-size-fixed,
h6.elf.elf-text-size-fixed {
	font-size: 12px;
}

/* @end */


/* @group Text relative font sizes */

.elf .elf-text-size-8xl,
.elf.elf-text-size-8xl {
	font-size: 6em; /* match 96px */
}
.elf .elf-text-size-7xl,
.elf.elf-text-size-7xl {
	font-size: 5em; /* match 80px */
}
.elf .elf-text-size-6xl,
.elf.elf-text-size-6xl {
	font-size: 4em; /* match 64px */
}
.elf .elf-text-size-5xl,
.elf.elf-text-size-5xl {
	font-size: 3em; /* match 48px */
}
.elf .elf-text-size-4xl,
.elf.elf-text-size-4xl {
	font-size: 2.5em; /* match 40px */
}
.elf .elf-text-size-3xl,
.elf.elf-text-size-3xl {
	font-size: 2em; /* match 32px */
}
.elf .elf-text-size-2xl,
.elf.elf-text-size-2xl {
	font-size: 1.5em; /* match 24px */
}
.elf .elf-text-size-xl,
.elf.elf-text-size-xl {
	font-size: 1.25em; /* match 20px */
}
.elf .elf-text-size-l,
.elf.elf-text-size-l {
	font-size: 1.125em; /* match 18px */   
}
.elf .elf-text-size-normal,
.elf.elf-text-size-normal {
	font-size: 1.0em; /* match 16px (BASE) */
}
.elf .elf-text-size-s,
.elf.elf-text-size-s {
	font-size: 0.9375em; /* match 15px */
}
.elf .elf-text-size-xs,
.elf.elf-text-size-xs {
	font-size: 0.875em; /* match 14px */
}
.elf .elf-text-size-2xs,
.elf.elf-text-size-2xs {
	font-size: 0.8125em; /* match 13px */
}
.elf .elf-text-size-3xs,
.elf.elf-text-size-3xs {
	font-size: 0.75em; /* match 12px */
}
.elf .elf-text-size-4xs,
.elf.elf-text-size-4xs {
	font-size: 0.6875em; /* match 11px */
}
.elf .elf-text-size-5xs,
.elf.elf-text-size-5xs {
	font-size: 0.625em; /* match 10px */
}
.elf .elf-text-size-6xs,
.elf.elf-text-size-6xs {
	font-size: 0.5625em; /* match 9px */
}
.elf .elf-text-size-7xs,
.elf.elf-text-size-7xs {
	font-size: 0.5em; /* match 8px */
}
.elf .elf-text-size-8xs,
.elf.elf-text-size-8xs {
	font-size: 0.4375em; /* match 7px */
}

.elf .elf-text-size-0,
.elf.elf-text-size-0 {
	font-size: 0;
	line-height: 0;
}

/* @end */


/* @group Text fixed font sizes */

.elf .elf-text-size-fixed .elf-text-size-8xl,
.elf .elf-text-size-fixed.elf-text-size-8xl,
.elf.elf-text-size-fixed .elf-text-size-8xl,
.elf.elf-text-size-fixed.elf-text-size-8xl {
	font-size: 96px;
}
.elf .elf-text-size-fixed .elf-text-size-7xl,
.elf .elf-text-size-fixed.elf-text-size-7xl,
.elf.elf-text-size-fixed .elf-text-size-7xl,
.elf.elf-text-size-fixed.elf-text-size-7xl {
	font-size: 80px;
}
.elf .elf-text-size-fixed .elf-text-size-6xl,
.elf .elf-text-size-fixed.elf-text-size-6xl,
.elf.elf-text-size-fixed .elf-text-size-6xl,
.elf.elf-text-size-fixed.elf-text-size-6xl {
	font-size: 64px;
}
.elf .elf-text-size-fixed .elf-text-size-5xl,
.elf .elf-text-size-fixed.elf-text-size-5xl,
.elf.elf-text-size-fixed .elf-text-size-5xl,
.elf.elf-text-size-fixed.elf-text-size-5xl {
	font-size: 48px;
}
.elf .elf-text-size-fixed .elf-text-size-4xl,
.elf .elf-text-size-fixed.elf-text-size-4xl,
.elf.elf-text-size-fixed .elf-text-size-4xl,
.elf.elf-text-size-fixed.elf-text-size-4xl {
	font-size: 40px;
}
.elf .elf-text-size-fixed .elf-text-size-3xl,
.elf .elf-text-size-fixed.elf-text-size-3xl,
.elf.elf-text-size-fixed .elf-text-size-3xl,
.elf.elf-text-size-fixed.elf-text-size-3xl {
	font-size: 32px;
}
.elf .elf-text-size-fixed .elf-text-size-2xl,
.elf .elf-text-size-fixed.elf-text-size-2xl,
.elf.elf-text-size-fixed .elf-text-size-2xl,
.elf.elf-text-size-fixed.elf-text-size-2xl {
	font-size: 24px;
}
.elf .elf-text-size-fixed .elf-text-size-xl,
.elf .elf-text-size-fixed.elf-text-size-xl,
.elf.elf-text-size-fixed .elf-text-size-xl,
.elf.elf-text-size-fixed.elf-text-size-xl {
	font-size: 20px;
}
.elf .elf-text-size-fixed .elf-text-size-l,
.elf .elf-text-size-fixed.elf-text-size-l,
.elf.elf-text-size-fixed .elf-text-size-l,
.elf.elf-text-size-fixed.elf-text-size-l {
	font-size: 18px;
}
.elf .elf-text-size-fixed .elf-text-size-normal,
.elf .elf-text-size-fixed.elf-text-size-normal,
.elf.elf-text-size-fixed .elf-text-size-normal,
.elf.elf-text-size-fixed.elf-text-size-normal {
	font-size: 16px;
}
.elf .elf-text-size-fixed .elf-text-size-s,
.elf .elf-text-size-fixed.elf-text-size-s,
.elf.elf-text-size-fixed .elf-text-size-s,
.elf.elf-text-size-fixed.elf-text-size-s {
	font-size: 15px;
}
.elf .elf-text-size-fixed .elf-text-size-xs,
.elf .elf-text-size-fixed.elf-text-size-xs,
.elf.elf-text-size-fixed .elf-text-size-xs,
.elf.elf-text-size-fixed.elf-text-size-xs {
	font-size: 14px;
}
.elf .elf-text-size-fixed .elf-text-size-2xs,
.elf .elf-text-size-fixed.elf-text-size-2xs,
.elf.elf-text-size-fixed .elf-text-size-2xs,
.elf.elf-text-size-fixed.elf-text-size-2xs {
	font-size: 13px;
}
.elf .elf-text-size-fixed .elf-text-size-3xs,
.elf .elf-text-size-fixed.elf-text-size-3xs,
.elf.elf-text-size-fixed .elf-text-size-3xs,
.elf.elf-text-size-fixed.elf-text-size-3xs {
	font-size: 12px;
}
.elf .elf-text-size-fixed .elf-text-size-4xs,
.elf .elf-text-size-fixed.elf-text-size-4xs,
.elf.elf-text-size-fixed .elf-text-size-4xs,
.elf.elf-text-size-fixed.elf-text-size-4xs {
	font-size: 11px;
}
.elf .elf-text-size-fixed .elf-text-size-5xs,
.elf .elf-text-size-fixed.elf-text-size-5xs,
.elf.elf-text-size-fixed .elf-text-size-5xs,
.elf.elf-text-size-fixed.elf-text-size-5xs {
	font-size: 10px;
}
.elf .elf-text-size-fixed .elf-text-size-6xs,
.elf .elf-text-size-fixed.elf-text-size-6xs,
.elf.elf-text-size-fixed .elf-text-size-6xs,
.elf.elf-text-size-fixed.elf-text-size-6xs {
	font-size: 9px;
}
.elf .elf-text-size-fixed .elf-text-size-7xs,
.elf .elf-text-size-fixed.elf-text-size-7xs,
.elf.elf-text-size-fixed .elf-text-size-7xs,
.elf.elf-text-size-fixed.elf-text-size-7xs {
	font-size: 8px;
}
.elf .elf-text-size-fixed .elf-text-size-8xs,
.elf .elf-text-size-fixed.elf-text-size-8xs,
.elf.elf-text-size-fixed .elf-text-size-8xs,
.elf.elf-text-size-fixed.elf-text-size-8xs {
	font-size: 7px;
}

/* @end */


/* @group Text line heights */

.elf .elf-text-line-height-8xl,
.elf.elf-text-line-height-8xl {
	line-height: 3em;
}
.elf .elf-text-line-height-7xl,
.elf.elf-text-line-height-7xl {
	line-height: 2.5em;
}
.elf .elf-text-line-height-6xl,
.elf.elf-text-line-height-6xl {
	line-height: 2em;
}
.elf .elf-text-line-height-5xl,
.elf.elf-text-line-height-5xl {
	line-height: 1.75em;
}
.elf .elf-text-line-height-4xl,
.elf.elf-text-line-height-4xl {
	line-height: 1.6em;
}
.elf .elf-text-line-height-3xl,
.elf.elf-text-line-height-3xl {
	line-height: 1.5em;
}
.elf .elf-text-line-height-2xl,
.elf.elf-text-line-height-2xl {
	line-height: 1.4em;
}
.elf .elf-text-line-height-xl,
.elf.elf-text-line-height-xl {
	line-height: 1.3em;
}
.elf .elf-text-line-height-l,
.elf.elf-text-line-height-l {
	line-height: 1.25em;	
}
.elf .elf-text-line-height-normal,
.elf.elf-text-line-height-normal {
	line-height: normal;  /* 1.15em; */
}
.elf .elf-text-line-height-s,
.elf.elf-text-line-height-s {
	line-height: 1.1em;
}
.elf .elf-text-line-height-xs,
.elf.elf-text-line-height-xs {
	line-height: 1.0em;
}
.elf .elf-text-line-height-2xs,
.elf.elf-text-line-height-2xs {
	line-height: 0.9em;
}
.elf .elf-text-line-height-0,
.elf.elf-text-line-height-0 {
	line-height: 0;
}

/* @end */



/* @group Text scale */

.elf .elf-text-scale-double,
.elf.elf-text-scale-double,
.elf .elf-text-scale-200,
.elf.elf-text-scale-200 {
	font-size: 200%;	
}
.elf .elf-text-scale-150,
.elf.elf-text-scale-150 {
	font-size: 150%;	
}
.elf .elf-text-scale-125,
.elf.elf-text-scale-125 {
	font-size: 125%;	
}
.elf .elf-text-scale-90,
.elf.elf-text-scale-90 {
	font-size: 90%;	
}
.elf .elf-text-scale-75,
.elf.elf-text-scale-75 {
	font-size: 75%;	
}
.elf .elf-text-scale-half,
.elf.elf-text-scale-half,
.elf .elf-text-scale-50,
.elf.elf-text-scale-50 {
	font-size: 50%;	
}
.elf .elf-text-scale-0,
.elf.elf-text-scale-0 {
	font-size: 0;
	line-height: 0;	
}



/* @end */


/* @group Text horizontal spacing */
.elf .elf-text-letter-spacing-normal,
.elf.elf-text-letter-spacing-normal {
	letter-spacing: normal;
}
.elf .elf-text-letter-spacing-1px,
.elf.elf-text-letter-spacing-1px {
	letter-spacing: 1px;
}
.elf .elf-text-letter-spacing-2px,
.elf.elf-text-letter-spacing-2px {
	letter-spacing: 2px;
}
.elf .elf-text-letter-spacing-3px,
.elf.elf-text-letter-spacing-3px {
	letter-spacing: 3px;
}
.elf .elf-text-letter-spacing-4px,
.elf.elf-text-letter-spacing-4px {
	letter-spacing: 4px;
}
.elf .elf-text-letter-spacing-5px,
.elf.elf-text-letter-spacing-5px {
	letter-spacing: 5px;
}

/* @end */


/* @group Text vertical spacer */
.elf .elf-spacer-2xs,
.elf.elf-spacer-2xs {
	display: block;
	padding: 2px 0 0 0;
}
.elf .elf-spacer-xs,
.elf.elf-spacer-xs {
	display: block;
	padding: 5px 0 0 0;
}
.elf .elf-spacer-s,
.elf.elf-spacer-s {
	display: block;
	padding: 10px 0 0 0;
}
.elf .elf-spacer-normal,
.elf.elf-spacer-normal,
.elf .elf-spacer,
.elf.elf-spacer {
	display: block;
	padding: 15px 0 0 0;
}
.elf .elf-spacer-l,
.elf.elf-spacer-l {
	display: block;
	padding: 20px 0 0 0;
}
.elf .elf-spacer-xl,
.elf.elf-spacer-xl {
	display: block;
	padding: 25px 0 0 0;
}
.elf .elf-spacer-2xl,
.elf.elf-spacer-2xl {
	display: block;
	padding: 30px 0 0 0;
}

/* @end */


.elf .elf-text-word-break-all,
.elf.elf-text-word-break-all {
	overflow-wrap: break-word;
	word-break: break-word; /* ok safari*/
	
}


/* @group Text effects */
.elf .elf-text-shadow-none,
.elf.elf-text-shadow-none {
	text-shadow: none;
}
.elf .elf-text-shadow-mini,
.elf.elf-text-shadow-mini {
	text-shadow: 0 2px 3px #000;
}	
	
.elf .elf-text-shadow-soft,
.elf.elf-text-shadow-soft {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.3);
}

.elf .elf-text-shadow-hard,
.elf.elf-text-shadow-hard {
	text-shadow: 0px 5px 0px rgba(0,0,0,0.3);
}

.elf .elf-text-shadow-heavy,
.elf.elf-text-shadow-heavy {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
     		 	0px 8px 13px rgba(0,0,0,0.1),
	 		 	0px 18px 23px rgba(0,0,0,0.1);	
}

.elf .elf-text-shadow-3d-small,
.elf.elf-text-shadow-3d-small {
	text-shadow: 0 1px 0 #888, 
       			0 2px 0 #666,
	   			0 3px 0 #444;
}	   		

.elf .elf-text-shadow-3d-large,
.elf.elf-text-shadow-3d-large {
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.elf .elf-text-shadow-inset,
.elf.elf-text-shadow-inset {
	background-color: #333;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.elf .elf-text-shadow-emboss,
.elf.elf-text-shadow-emboss {
	color: rgba(0,0,0,0.6);
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 0px -5px 35px rgba(255,255,255,0.3);
}

.elf .elf-text-shadow-glow,
.elf.elf-text-shadow-glow {
	text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.elf .elf-text-shadow-double,
.elf.elf-text-shadow-double {
	text-shadow: 0px 3px 0px #ccc,
				 0px 6px 0px rgba(0,0,0,0.3);
}


.elf .elf-text-shadow-triple,
.elf.elf-text-shadow-triple {
	text-shadow: 0px 4px 0px #ccc,
                 0px 9px 0px #999,
                 0px 14px 0px #777;
}




/* @end */



/* @group List */
.elf ul.elf-list,
ul.elf.elf-list {
	list-style: none;
}
/* Nested lists */
.elf ul.elf-list ul,
ul.elf.elf-list ul {
  padding-left: 20px;
  list-style: none;
}
.elf-list-bullet > li {
  position: relative;
  padding-left: calc(1.0em + 10px);
}
.elf-list-bullet > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.4em;
  height: 1.4em;
  /* la parte SVG è URL encoded -> serve -> verificare compatibilità cross browser */
  /*
  	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="6" height="6" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><circle fill="#ccc" cx="3" cy="3" r="3" /></svg>');
background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23ccc%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E");
   */
/* versione ottimizzata da https://yoksel.github.io/url-encoder/ */
background-image: url("data:image/svg+xml;utf8,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ccc' cx='3' cy='3' r='3' /%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: 50% 55%;
  background-size: 24%;
}
.elf ul.elf-list-bullet ul,
ul.elf.elf-list-bullet ul {
	padding-left: 0;	
}

/* Reduce size of bullet and li indent for small list*/
.elf-list-bullet.elf-list-bullet-small > li {
	padding-left: calc(1.0em + 8px);
}
.elf-list-bullet.elf-list-bullet-small > li:before {
	background-size: 20%;
}

.elf-list-bullet.elf-list-bullet-medium > li {
	padding-left: calc(1.0em + 10px);
}
.elf-list-bullet.elf-list-bullet-medium > li:before {
	background-size: 22%;
}


/* @end */

/* @group Links */

.elf a,
a.elf {
	color: #0f6ecd;
	text-decoration: none;
}
.elf a:hover,
a:hover.elf, 
.elf a:focus,
a:focus.elf 
{
	color:#333;
	text-decoration: underline;
}
.elf a.elf-disabled,
a.elf.elf-disabled {
	color: #999;
	text-decoration: none;
	pointer-events: none; /* Ereditato da tutti i successivi stili su a con .elf-disabled */
  	cursor: default;  /* Ereditato da tutti i successivi stili su a  con .elf-disabled */
}


/* styled text link */
.elf a.elf-link-text,
a.elf.elf-link-text {
  position: relative;
  color: #0f6ecd;
}
.elf a.elf-link-text::before,
a.elf.elf-link-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  transition: right 0.2s ease-out;
}
.elf a.elf-link-text:hover,
a.elf.elf-link-text:hover,
.elf a.elf-link-text:focus,
a.elf.elf-link-text:focus {
	color: #333;
}
.elf a.elf-link-text:hover::before,
a.elf.elf-link-text:hover::before,
.elf a.elf-link-text:focus::before,
a.elf.elf-link-text:focus::before {
  right: 0;
}
.elf a.elf-link-text.elf-disabled,
a.elf.elf-link-text.elf-disabled {
 	color: #999;
	text-decoration: none;
}
.elf a.elf-link-text.elf-disabled::before,
a.elf.elf-link-text.elf-disabled::before {
  display: none;
}


/* styled default button link */
 .elf a.elf-link-button,
a.elf.elf-link-button {
 	text-decoration: none;
 	color: #0f6ecd;
 	background-color: #fff;
 	border: 1px solid #0f6ecd;
 	padding: 5px 12px;
}
.elf a.elf-link-button.elf-active,
a.elf.elf-link-button.elf-active,
.elf a.elf-link-button:hover,
a.elf.elf-link-button:hover,
.elf a.elf-link-button:focus,
a.elf.elf-link.button:focus {
  background-color: #0b5daf;
  text-decoration: none;
  color: #fff;
}
.elf a.elf-link-button.elf-disabled,
a.elf.elf-link-button.elf-disabled {
	color: #aaa;
	text-decoration: none;
	border-color: #aaa;
	background-color: #fafafa;
}

/* styled primary button link */
 .elf a.elf-link-button-primary,
a.elf.elf-link-button-primary {
 	text-decoration: none;
 	color: #fff;
 	background-color: #0f6ecd;
 	border: 1px solid #0f6ecd;
 	padding: 5px 12px;
}
.elf a.elf-link-button-primary.elf-active,
a.elf.elf-link-button-primary.elf-active,
.elf a.elf-link-button-primary:hover,
a.elf.elf-link-button-primary:hover,
.elf a.elf-link-button-primary:focus,
a.elf.elf-link.button-primary:focus {
  background-color: #0b5daf;
  text-decoration: none;
}
.elf a.elf-link-button-primary.elf-disabled,
a.elf.elf-link-button-primary.elf-disabled {
	color: #999;
	text-decoration: none;
	border-color: #999;
	background-color: #0d60ac;
 }

/* @end */


/* styled secondary button link */
 .elf a.elf-link-button-secondary,
a.elf.elf-link-button-secondary {
 	text-decoration: none;
 	color: #333;
 	background-color: #ddd;
 	border: 1px solid #999;
 	padding: 5px 12px;
}
.elf a.elf-link-button-secondary.elf-active,
a.elf.elf-link-button-secondary.elf-active,
.elf a.elf-link-button-secondary:hover,
a.elf.elf-link-button-secondary:hover,
.elf a.elf-link-button-secondary:focus,
a.elf.elf-link.button-secondary:focus {
  background-color: #aaa;
  text-decoration: none;
}
.elf a.elf-link-button-secondary.elf-disabled,
a.elf.elf-link-button-secondary.elf-disabled {
  color: #999;
  text-decoration: none;
  background-color: #d4d4d4;
  border-color: #cdcdcd;
}

/* @end */




/* @group Tables */


/* INTERFERISCE CON GLI STILI UIKIT */
.elf table,
table.elf {

}
.elf table th,
table.elf th {
	font1: inherit;
	font-weight1: bold;
	border1: 1px solid #ccc;
	background-color1: #ddd;
}
.elf table td,
table.elf td {
	font1: inherit;
	padding1: 4px;
	border1: 1px solid #ccc;
}

/* @end */


/* @group Images */

.elf .elf-img-responsive-width,
.elf.elf-img-responsive-width {
	width: 100%;
	height: auto;
}
/* DA RIVEDERE */
.elf .elf-img-responsive-heightOFF,
.elf.elf-img-responsive-heightOFF {
	width: auto;
	height: 100%;
}



.elf img.elf-img-default,
.elf img.elf-img-sx-up, 
.elf img.elf-img-sx,
.elf img.elf-img-sx-down,
.elf img.elf-img-dx-up,
.elf img.elf-img-dx,
.elf img.elf-img-dx-down,
img.elf.elf-img-default,
img.elf.elf-img-sx-up, 
img.elf.elf-img-sx,
img.elf.elf-img-sx-down,
img.elf.elf-img-dx-up,
img.elf.elf-img-dx,
img.elf.elf-img-dx-down
{
	border:  0;
	padding: 0px;
	margin: 12px;
}

.elf img.elf-img-sx-up,
img.elf.elf-img-sx-up
{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}
.elf img.elf-img-sx,
img.elf.elf-img-sx
{
	margin-left: 0px;
	float: left;
}
.elf img.elf-img-sx-down,
img.elf.elf-img-sx-down
{
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
}
.elf img.elf-img-dx-up,
img.elf.elf-img-dx-up
{
	margin-right: 0px;
	margin-top: 0px;
	float: right;
}
.elf img.elf-img-dx,
img.elf.elf-img-dx
{
	margin-right: 0px;
	float: right;
}
.elf img.elf-img-dx-down,
img.elf.elf-img-dx-down
{
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}


/* SOSTITUIBILE CON elf-overlay ?? */

.elf img.elf-img-sx-up-abs,
img.elf.elf-img-sx-up-abs {
	position: absolute;
	top: 0;
	left: 0;
}
.elf img.elf-img-sx-abs,
img.elf.elf-img-sx-abs {
	position: absolute;
	left: 0;
}
.elf img.elf-img-sx-down-abs,
img.elf.elf-img-sx-down-abs {
	position: absolute;
	bottom: 0;
	left: 0;
}
.elf img.elf-img-dx-up-abs,
img.elf.elf-img-dx-up-abs {
	position: absolute;
	top: 0;
	right: 0;
}
.elf img.elf-img-dx-abs,
img.elf.elf-img-dx-abs {
	position: absolute;
	right: 0;
}
.elf img.elf-img-dx-down-abs,
img.elf.elf-img-dx-down-abs {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* @end */


/* @group Text column */

/* INUTILI -> ELIMINARE */

.elf .elf-textcolumn-full,
.elf.elf-textcolumn-full {
	padding-top: 8px;
	margin-right: 20px;
	margin-left: 20px;	
}
.elf .elf-textcolumn-sx,
.elf.elf-textcolumn-sx {
	padding-top: 8px;
	margin-right: 210px;
	margin-left: 20px;	
}
.elf .elf-textcolumn-dx,
.elf.elf-textcolumn-dx {
	padding-top: 8px;
	margin-right: 20px;
	margin-left: 180px;
}
.elf .elf-textcolumn-cx,
.elf.elf-textcolumn-cx {
	padding-top: 8px;
	margin-right: 180px;
	margin-left: 180px;
}

/* @end */




/* @end */

/* @group Global Text Alignment */

.elf .elf-text-align-center, 
.elf.elf-text-align-center {
	text-align: center
}
.elf .elf-text-align-left,
.elf.elf-text-align-left {
	text-align: left
}
.elf .elf-text-align-right,
.elf.elf-text-align-right {
	text-align: right
}
.elf .elf-text-align-justify,
.elf.elf-text-align-justify {
	text-align: justify
}

/* @end */


/* @group Block Alignment */

.elf .elf-align-center,
.elf.elf-align-center {
	margin-left: auto;
	margin-right: auto
}
.elf .elf-align-left,
.elf.elf-align-left {
	margin-left: 0;
	margin-right: auto
}
.elf .elf-align-right,
.elf.elf-align-right {
	margin-left: auto;
	margin-right: 0
}

/* @end */


/* @group Global Indentation */

.elf .elf-indent-firstline,
.elf.elf-indent-firstline {
	text-indent: 16px
}
.elf .elf-indent-all,
.elf.elf-indent-all {
	padding-left: 20px
}
.elf .elf-indent-bullet,
.elf.elf-indent-bullet {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
	background-image-off: url('../img/punto_elenco.gif');
	background-repeat: no-repeat;
}

/* @end */

/* @group Global floating clear */

.elf .elf-clear-both,
.elf.elf-clear-both {
	clear: both;
}
.elf .elf-clear-left,
.elf.elf-clear-left {
	clear: left;
}
.elf .elf-clear-right,
.elf.elf-clear-right {
	clear: right;
}
.elf .elf-clear-fix,
.elf.elf-clear-fix {
	clear: both;
	 display: block;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}

/* @end */


/* @group Display */

.elf .elf-display-none,
.elf.elf-display-none {
	display: none;
}
.elf .elf-display-block,
.elf.elf-display-block {
	display: block;
}
.elf .elf-display-inline,
.elf.elf-display-inline {
	display: inline;
}
.elf .elf-display-inline-block,
.elf.elf-display-inline-block {
	display: inline-block;
}
.elf .elf-display-flex,
.elf.elf-display-flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* @end */



.elf elf-visible,
.elf.elf-visible {
	visibility: visible;
}
.elf elf-invisible,
.elf.elf-invisible {
	visibility: hidden;
}

/* device dependant visibility

Server side html added classes:
- elf-desktop
- elf-mobile:
	- elf-tablet
	- elf-phone
*/
.elf-mobile .elf-mobile-visible,
.elf-phone .elf-mobile-visible,
.elf-tablet .elf-mobile-visible {
	visibility: visible;
}
.elf-desktop .elf-mobile-visible {
	visibility: hidden;
}

.elf-phone .elf-phone-visible {
	visibility: visible;
}
.elf-tablet .elf-phone-visible,
.elf-mobile .elf-phone-visible,
.elf-desktop .elf-phone-visible {
	visibility: hidden;
}

.elf-tablet .elf-tablet-visible {
	visibility: visible;
}
.elf-phone .elf-tablet-visible,
.elf-mobile .elf-tablet-visible,
.elf-desktop .elf-tablet-visible {
	visibility: hidden;
}

.elf-desktop .elf-desktop-visible {
	visibility: visible;
}
.elf-mobile .elf-desktop-visible,
.elf-phone .elf-desktop-visible,
.elf-tablet .elf-desktop-visible {
	visibility: hidden;
}

/* Potrei unificarli unendo tutti gli hidden e tutti i visible TODO */

.elf-mobile .elf-mobile-invisible,
.elf-phone .elf-mobile-invisible,
.elf-tablet .elf-mobile-invisible {
	visibility: hidden;
}
.elf-desktop .elf-mobile-invisible {
	visibility: visible;
}

.elf-phone .elf-phone-invisible {
	visibility: hidden;
}
.elf-tablet .elf-phone-invisible,
.elf-mobile .elf-phone-invisible,
.elf-desktop .elf-phone-invisible {
	visibility: visible;
}

.elf-tablet .elf-tablet-invisible {
	visibility: hidden;
}
.elf-phone .elf-tablet-invisible,
.elf-mobile .elf-tablet-invisible,
.elf-desktop .elf-tablet-invisible {
	visibility: visible;
}

.elf-desktop .elf-desktop-invisible {
	visibility: hidden;
}
.elf-mobile .elf-desktop-invisible,
.elf-phone .elf-desktop-invisible,
.elf-tablet .elf-desktop-invisible {
	visibility: visible;
}



/* @group Basic layouts  */

/* image-overlay-cover with arbitrary content */
/*
- IE9 content position compatible
- IE9+/Edge cover not compatible (but acceptable fallback setting proper min/max height)
- IE9+/Edge full support with available polyfill
- support for min/max-height to img tag
*/
.elf-image-overlay-cover {
	position: relative;
	overflow: hidden;
}

.elf-image-overlay-cover > img,
.elf-image-overlay-cover > picture img,
.elf-image-overlay-cover > video {
	width: 100%;
	height: auto; /* BUG -> dovrei mettere 100%*/
	/*min-height: 240px;*/
	/*max-height: 360px;*/
	object-fit: cover; /* NO IE11 */
	/* bfred-it/object-fit-images polyfill */
	font-family: 'object-fit: cover;';
}

.elf-image-overlay-cover > div {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
/* @end */







/* TO DO*/
.elf .elf-quoted-text,
.elf.elf-quoted-text {
	color: #27577a;
	font-size: 12px;
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 28px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.elf .elf-quoted-text p,
.elf.elf-quoted-text p {
	position: relative;
	display: block;
	line-height: 20px;
}
.elf .elf-quoted-text p span.elf-quote-start,
.elf.elf-quoted-text p span.elf-quote-start {
	display: block;
	width: 26px;
	height: 26px;
	background-off: url('../img/quote_start.gif');
	position: absolute;
	left: -32px;
	top: -14px;
}
.elf .elf-quoted-text p span.elf-quote-end,
.elf.elf-quoted-text p span.elf-quote-end {
	display: block;
	width: 26px;
	height: 26px;
	background-off: url('../img/quote_end.gif');
	position: absolute;
	right: -32px;
	bottom: -8px;
}



.elf .elf-overlay,
.elf.elf-overlay {
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	z-index: 998;
	height:  100%;
}

.elf .elf-overlay-message-box,
.elf.elf-overlay-message-box {
	position: fixed;
	left: 0;
	right: 0;
	width: 70%;
	max-width: 480px;
	padding: 24px;
	margin: 15% auto;
	border: 1px #ccc solid;
	background-color: #fff;
	z-index: 999;
	text-align: center;
}