/* @override 
	http://127.0.0.1/SitiPicov/Italiani/www.italianisrl.com/_templates/italiani_template/css/elf_layout.css */


/* CHILDS WIDTHS */
[class*="elf-childs-width-"] > * {
	box-sizing: border-box; /* comune a tutti -> la width comprende contenuto padding e border -> padding e border diventano interni */
}
.elf-childs-width-1-1 > * {
	width: 100%;
}
.elf-childs-width-1-2 > * {
	width: 50%;
}
.elf-childs-width-1-3 > * {
	width: 33.333%;
}
.elf-childs-width-1-4 > * {
	width: 25%;
}
.elf-childs-width-1-5 > * {
	width: 20%;
}
.elf-childs-width-1-6 > * {
	width: 16.667%;
}
.elf-childs-width-1-12 > * {
	width: 8.333%;
}
.elf-childs-width-1-20 > * {
	width: 5%;
}
/* WIDTHS */
/* devo metterle dopo le elf-childs-width in modo che le possano sovrascrivere */
.elf-width-1-1 {
	width: 100%;
}

.elf-width-1-2 {
	width: 50%;
}
.elf-width-2-2 {
	width: 100%;
}

.elf-width-1-3 {
	width: 33.333%;
}
.elf-width-2-3 {
	width: 66.667%;
}
.elf-width-3-3 {
	width: 100%;
}

.elf-width-1-4 {
	width: 25%;
}
.elf-width-2-4 {
	width: 50%;
}
.elf-width-3-4 {
	width: 75%;
}
.elf-width-4-4 {
	width: 100%;
}

.elf-width-1-5 {
	width: 20%;
}
.elf-width-2-5 {
	width: 40%;
}
.elf-width-3-5 {
	width: 60%;
}
.elf-width-4-5 {
	width: 80%;
}
.elf-width-5-5 {
	width: 100%;
}

.elf-width-1-6 {
	width: 16.667%;
}
.elf-width-2-6 {
	width: 33.333%;
}
.elf-width-3-6 {
	width: 50%;
}
.elf-width-4-6 {
	width: 66.667%;
}
.elf-width-5-6 {
	width: 83.333%;
}
.elf-width-6-6 {
	width: 100%;
}

.elf-width-1-12 {
	width: 8.333%;
}
.elf-width-2-12 {
	width: 16.667%;
}
.elf-width-3-12 {
	width: 25%;
}
.elf-width-4-12 {
	width: 33.333%;
}
.elf-width-5-12 {
	width: 41.667%;
}
.elf-width-6-12 {
	width: 50%;
}
.elf-width-7-12 {
	width: 58.333%;
}
.elf-width-8-12 {
	width: 66.667%;
}
.elf-width-9-12 {
	width: 75%;
}
.elf-width-10-12 {
	width: 83.333%;
}
.elf-width-11-12 {
	width: 91.667%;
}
.elf-width-12-12 {
	width: 100%;
}

.elf-width-1-20 {
	width: 5%;
}
.elf-width-2-20 {
	width: 10%;
}
.elf-width-3-20 {
	width: 15%;
}
.elf-width-4-20 {
	width: 20%;
}
.elf-width-5-20 {
	width: 25%;
}
.elf-width-6-20 {
	width: 30%;
}
.elf-width-7-20 {
	width: 35%;
}
.elf-width-8-20 {
	width: 40%;
}
.elf-width-9-20 {
	width: 45%;
}
.elf-width-10-20 {
	width: 50%;
}
.elf-width-11-20 {
	width: 55%;
}
.elf-width-12-20 {
	width: 60%;
}
.elf-width-13-20 {
	width: 65%;
}
.elf-width-14-20 {
	width: 70%;
}
.elf-width-15-20 {
	width: 75%;
}
.elf-width-16-20 {
	width: 80%;
}
.elf-width-17-20 {
	width: 85%;
}
.elf-width-18-20 {
	width: 90%;
}
.elf-width-19-20 {
	width: 95%;
}
.elf-width-20-20 {
	width: 100%;
}

/* GRID */
.elf-grid {
	box-sizing: border-box; /* serve se metto padding o border*/
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* responsive image inside grid */
.elf-grid img {
	width: 100%;
	height: auto;
	display: block;
}

.elf-grid-items > * {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/* PROBLEMA: i newline eventuali (potrei eliminarli) nell'HTML causano spazio extra fra gli elementi inline-box -> li elimino oppure devo impostare il font-size=0 nel container */
.elf-grid-items {
	font-size: 0;
}
.elf-grid-items > * {
	font-size: 16px; /* restore default */
}

/* se c'è il gutter devo impostare l'oveflow hidden per nascondele lo spazio aggiunto che consente di mantenere fisso il calcolo della larghezze */
.elf-grid[class*='elf-grid-gutter-'] {
	overflow: hidden; /* altrimenti causa l'igombro che determina lo scroll orizzontale* ->  se faccio così però il clipping vale pet tutti gli elementi contenuti */
}

/* debug color hints */
.elf-debug.elf-grid {
	background-color: silver;	
}
.elf-debug.elf-grid > .elf-grid-items > * {
	text-align: left;
	vertical-align: middle;
}
.elf-debug.elf-grid .elf-grid-items > * > * {
	background-color: teal;
}
.elf-debug.elf-grid[class*='elf-grid-gutter-'] {
	background-color: aqua;	
}
.elf-debug .elf-grid-items > *:nth-child(2n+1) {
	background-color: red;
}
.elf-debug .elf-grid-items > *:nth-child(2n) {
	background-color: yellow;
}
.elf-debug .elf-grid-items > *:first-child {
	background-color: blue;
}
.elf-debug .elf-grid-items > *:last-child {
	background-color: fuchsia;
}

	
/* GRID GUTTERS BORDER */
/* gutter esterni -> uso il padding in modo da mantenere lo sfondo eventuale della grid evitando anche di non ridefinire gli stili della parte interna che rimangono immutati -> GREAT!!! */
.elf-grid.elf-grid-gutter-top-4xs {
	padding-top: 1px;
}
.elf-grid.elf-grid-gutter-bottom-4xs {
	padding-bottom: 1px;
}
.elf-grid.elf-grid-gutter-left-4xs {
	padding-left: 1px;
}
.elf-grid.elf-grid-gutter-right-4xs {
	padding-right: 1px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xs > .elf-grid-items {
	margin-right: -1px;
}
.elf-grid-gutter-y-4xs > .elf-grid-items {
	margin-bottom: -1px;
}

/* grid childs */
.elf-grid-gutter-x-4xs > *  > * {
	padding-right: 1px;
}
.elf-grid-gutter-y-4xs > * > * {
	/* padding-bottom: 1px; */
	margin-bottom: 1px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xs {
	padding-top: 3px;
}
.elf-grid.elf-grid-gutter-bottom-3xs {
	padding-bottom: 3px;
}
.elf-grid.elf-grid-gutter-left-3xs {
	padding-left: 3px;
}
.elf-grid.elf-grid-gutter-right-3xs {
	padding-right: 3px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xs > .elf-grid-items {
	margin-right: -3px;
}
.elf-grid-gutter-y-3xs > .elf-grid-items {
	margin-bottom: -3px;
}

/* grid childs */
.elf-grid-gutter-x-3xs > *  > * {
	padding-right: 3px;
}
.elf-grid-gutter-y-3xs > * > * {
	/* padding-bottom: 3px; */
	margin-bottom: 3px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xs {
	padding-top: 5px;
}
.elf-grid.elf-grid-gutter-bottom-2xs {
	padding-bottom: 5px;
}
.elf-grid.elf-grid-gutter-left-2xs {
	padding-left: 5px;
}
.elf-grid.elf-grid-gutter-right-2xs {
	padding-right: 5px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xs > .elf-grid-items {
	margin-right: -5px;
}
.elf-grid-gutter-y-2xs > .elf-grid-items {
	margin-bottom: -5px;
}

/* grid childs */
.elf-grid-gutter-x-2xs > *  > * {
	padding-right: 5px;
}
.elf-grid-gutter-y-2xs > * > * {
	/* padding-bottom: 5px; */
	margin-bottom: 5px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xs {
	padding-top: 10px;
}
.elf-grid.elf-grid-gutter-bottom-xs {
	padding-bottom: 10px;
}
.elf-grid.elf-grid-gutter-left-xs {
	padding-left: 10px;
}
.elf-grid.elf-grid-gutter-right-xs {
	padding-right: 10px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xs > .elf-grid-items {
	margin-right: -10px;
}
.elf-grid-gutter-y-xs > .elf-grid-items {
	margin-bottom: -10px;
}

/* grid childs */
.elf-grid-gutter-x-xs > *  > * {
	padding-right: 10px;
}
.elf-grid-gutter-y-xs > * > * {
	/* padding-bottom: 10px; */
	margin-bottom: 10px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-s {
	padding-top: 15px;
}
.elf-grid.elf-grid-gutter-bottom-s {
	padding-bottom: 15px;
}
.elf-grid.elf-grid-gutter-left-s {
	padding-left: 15px;
}
.elf-grid.elf-grid-gutter-right-s {
	padding-right: 15px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-s > .elf-grid-items {
	margin-right: -15px;
}
.elf-grid-gutter-y-s > .elf-grid-items {
	margin-bottom: -15px;
}

/* grid childs */
.elf-grid-gutter-x-s > *  > * {
	padding-right: 15px;
}
.elf-grid-gutter-y-s > * > * {
	/* padding-bottom: 15px; */
	margin-bottom: 15px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-default {
	padding-top: 20px;
}
.elf-grid.elf-grid-gutter-bottom-default {
	padding-bottom: 20px;
}
.elf-grid.elf-grid-gutter-left-default {
	padding-left: 20px;
}
.elf-grid.elf-grid-gutter-right-default {
	padding-right: 20px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-default > .elf-grid-items {
	margin-right: -20px;
}
.elf-grid-gutter-y-default > .elf-grid-items {
	margin-bottom: -20px;
}

/* grid childs */
.elf-grid-gutter-x-default > *  > * {
	padding-right: 20px;
}
.elf-grid-gutter-y-default > * > * {
	/* padding-bottom: 20px; */
	margin-bottom: 20px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-l {
	padding-top: 25px;
}
.elf-grid.elf-grid-gutter-bottom-l {
	padding-bottom: 25px;
}
.elf-grid.elf-grid-gutter-left-l {
	padding-left: 25px;
}
.elf-grid.elf-grid-gutter-right-l {
	padding-right: 25px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-l > .elf-grid-items {
	margin-right: -25px;
}
.elf-grid-gutter-y-l > .elf-grid-items {
	margin-bottom: -25px;
}

/* grid childs */
.elf-grid-gutter-x-l > *  > * {
	padding-right: 25px;
}
.elf-grid-gutter-y-l > * > * {
	/* padding-bottom: 25px; */
	margin-bottom: 25px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xl {
	padding-top: 30px;
}
.elf-grid.elf-grid-gutter-bottom-xl {
	padding-bottom: 30px;
}
.elf-grid.elf-grid-gutter-left-xl {
	padding-left: 30px;
}
.elf-grid.elf-grid-gutter-right-xl {
	padding-right: 30px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xl > .elf-grid-items {
	margin-right: -30px;
}
.elf-grid-gutter-y-xl > .elf-grid-items {
	margin-bottom: -30px;
}

/* grid childs */
.elf-grid-gutter-x-xl > *  > * {
	padding-right: 30px;
}
.elf-grid-gutter-y-xl > * > * {
	/* padding-bottom: 30px; */
	margin-bottom: 30px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xl {
	padding-top: 40px;
}
.elf-grid.elf-grid-gutter-bottom-2xl {
	padding-bottom: 40px;
}
.elf-grid.elf-grid-gutter-left-2xl {
	padding-left: 40px;
}
.elf-grid.elf-grid-gutter-right-2xl {
	padding-right: 40px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xl > .elf-grid-items {
	margin-right: -40px;
}
.elf-grid-gutter-y-2xl > .elf-grid-items {
	margin-bottom: -40px;
}

/* grid childs */
.elf-grid-gutter-x-2xl > *  > * {
	padding-right: 40px;
}
.elf-grid-gutter-y-2xl > * > * {
	/* padding-bottom: 40px; */
	margin-bottom: 40px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xl {
	padding-top: 50px;
}
.elf-grid.elf-grid-gutter-bottom-3xl {
	padding-bottom: 50px;
}
.elf-grid.elf-grid-gutter-left-3xl {
	padding-left: 50px;
}
.elf-grid.elf-grid-gutter-right-3xl {
	padding-right: 50px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xl > .elf-grid-items {
	margin-right: -50px;
}
.elf-grid-gutter-y-3xl > .elf-grid-items {
	margin-bottom: -50px;
}

/* grid childs */
.elf-grid-gutter-x-3xl > *  > * {
	padding-right: 50px;
}
.elf-grid-gutter-y-3xl > * > * {
	/* padding-bottom: 50px; */
	margin-bottom: 50px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-4xl {
	padding-top: 75px;
}
.elf-grid.elf-grid-gutter-bottom-4xl {
	padding-bottom: 75px;
}
.elf-grid.elf-grid-gutter-left-4xl {
	padding-left: 75px;
}
.elf-grid.elf-grid-gutter-right-4xl {
	padding-right: 75px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xl > .elf-grid-items {
	margin-right: -75px;
}
.elf-grid-gutter-y-4xl > .elf-grid-items {
	margin-bottom: -75px;
}

/* grid childs */
.elf-grid-gutter-x-4xl > *  > * {
	padding-right: 75px;
}
.elf-grid-gutter-y-4xl > * > * {
	/* padding-bottom: 75px; */
	margin-bottom: 75px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-5xl {
	padding-top: 100px;
}
.elf-grid.elf-grid-gutter-bottom-5xl {
	padding-bottom: 100px;
}
.elf-grid.elf-grid-gutter-left-5xl {
	padding-left: 100px;
}
.elf-grid.elf-grid-gutter-right-5xl {
	padding-right: 100px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-5xl > .elf-grid-items {
	margin-right: -100px;
}
.elf-grid-gutter-y-5xl > .elf-grid-items {
	margin-bottom: -100px;
}

/* grid childs */
.elf-grid-gutter-x-5xl > *  > * {
	padding-right: 100px;
}
.elf-grid-gutter-y-5xl > * > * {
	/* padding-bottom: 100px; */
	margin-bottom: 100px; /* così se imposto l'altezza diventa uguale per tutti */
}


@media (min-width: 480px) {
/* CHILDS WIDTHS */
[class*="elf-childs-width-"] > * {
	box-sizing: border-box; /* comune a tutti -> la width comprende contenuto padding e border -> padding e border diventano interni */
}
.elf-childs-width-1-1\@s > * {
	width: 100%;
}
.elf-childs-width-1-2\@s > * {
	width: 50%;
}
.elf-childs-width-1-3\@s > * {
	width: 33.333%;
}
.elf-childs-width-1-4\@s > * {
	width: 25%;
}
.elf-childs-width-1-5\@s > * {
	width: 20%;
}
.elf-childs-width-1-6\@s > * {
	width: 16.667%;
}
.elf-childs-width-1-12\@s > * {
	width: 8.333%;
}
.elf-childs-width-1-20\@s > * {
	width: 5%;
}
/* WIDTHS */
/* devo metterle dopo le elf-childs-width in modo che le possano sovrascrivere */
.elf-width-1-1\@s {
	width: 100%;
}

.elf-width-1-2\@s {
	width: 50%;
}
.elf-width-2-2\@s {
	width: 100%;
}

.elf-width-1-3\@s {
	width: 33.333%;
}
.elf-width-2-3\@s {
	width: 66.667%;
}
.elf-width-3-3\@s {
	width: 100%;
}

.elf-width-1-4\@s {
	width: 25%;
}
.elf-width-2-4\@s {
	width: 50%;
}
.elf-width-3-4\@s {
	width: 75%;
}
.elf-width-4-4\@s {
	width: 100%;
}

.elf-width-1-5\@s {
	width: 20%;
}
.elf-width-2-5\@s {
	width: 40%;
}
.elf-width-3-5\@s {
	width: 60%;
}
.elf-width-4-5\@s {
	width: 80%;
}
.elf-width-5-5\@s {
	width: 100%;
}

.elf-width-1-6\@s {
	width: 16.667%;
}
.elf-width-2-6\@s {
	width: 33.333%;
}
.elf-width-3-6\@s {
	width: 50%;
}
.elf-width-4-6\@s {
	width: 66.667%;
}
.elf-width-5-6\@s {
	width: 83.333%;
}
.elf-width-6-6\@s {
	width: 100%;
}

.elf-width-1-12\@s {
	width: 8.333%;
}
.elf-width-2-12\@s {
	width: 16.667%;
}
.elf-width-3-12\@s {
	width: 25%;
}
.elf-width-4-12\@s {
	width: 33.333%;
}
.elf-width-5-12\@s {
	width: 41.667%;
}
.elf-width-6-12\@s {
	width: 50%;
}
.elf-width-7-12\@s {
	width: 58.333%;
}
.elf-width-8-12\@s {
	width: 66.667%;
}
.elf-width-9-12\@s {
	width: 75%;
}
.elf-width-10-12\@s {
	width: 83.333%;
}
.elf-width-11-12\@s {
	width: 91.667%;
}
.elf-width-12-12\@s {
	width: 100%;
}

.elf-width-1-20\@s {
	width: 5%;
}
.elf-width-2-20\@s {
	width: 10%;
}
.elf-width-3-20\@s {
	width: 15%;
}
.elf-width-4-20\@s {
	width: 20%;
}
.elf-width-5-20\@s {
	width: 25%;
}
.elf-width-6-20\@s {
	width: 30%;
}
.elf-width-7-20\@s {
	width: 35%;
}
.elf-width-8-20\@s {
	width: 40%;
}
.elf-width-9-20\@s {
	width: 45%;
}
.elf-width-10-20\@s {
	width: 50%;
}
.elf-width-11-20\@s {
	width: 55%;
}
.elf-width-12-20\@s {
	width: 60%;
}
.elf-width-13-20\@s {
	width: 65%;
}
.elf-width-14-20\@s {
	width: 70%;
}
.elf-width-15-20\@s {
	width: 75%;
}
.elf-width-16-20\@s {
	width: 80%;
}
.elf-width-17-20\@s {
	width: 85%;
}
.elf-width-18-20\@s {
	width: 90%;
}
.elf-width-19-20\@s {
	width: 95%;
}
.elf-width-20-20\@s {
	width: 100%;
}

	
/* GRID GUTTERS BORDER */
/* gutter esterni -> uso il padding in modo da mantenere lo sfondo eventuale della grid evitando anche di non ridefinire gli stili della parte interna che rimangono immutati -> GREAT!!! */
.elf-grid.elf-grid-gutter-top-4xs\@s {
	padding-top: 1px;
}
.elf-grid.elf-grid-gutter-bottom-4xs\@s {
	padding-bottom: 1px;
}
.elf-grid.elf-grid-gutter-left-4xs\@s {
	padding-left: 1px;
}
.elf-grid.elf-grid-gutter-right-4xs\@s {
	padding-right: 1px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xs\@s > .elf-grid-items {
	margin-right: -1px;
}
.elf-grid-gutter-y-4xs\@s > .elf-grid-items {
	margin-bottom: -1px;
}

/* grid childs */
.elf-grid-gutter-x-4xs\@s > *  > * {
	padding-right: 1px;
}
.elf-grid-gutter-y-4xs\@s > * > * {
	/* padding-bottom: 1px; */
	margin-bottom: 1px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xs\@s {
	padding-top: 3px;
}
.elf-grid.elf-grid-gutter-bottom-3xs\@s {
	padding-bottom: 3px;
}
.elf-grid.elf-grid-gutter-left-3xs\@s {
	padding-left: 3px;
}
.elf-grid.elf-grid-gutter-right-3xs\@s {
	padding-right: 3px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xs\@s > .elf-grid-items {
	margin-right: -3px;
}
.elf-grid-gutter-y-3xs\@s > .elf-grid-items {
	margin-bottom: -3px;
}

/* grid childs */
.elf-grid-gutter-x-3xs\@s > *  > * {
	padding-right: 3px;
}
.elf-grid-gutter-y-3xs\@s > * > * {
	/* padding-bottom: 3px; */
	margin-bottom: 3px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xs\@s {
	padding-top: 5px;
}
.elf-grid.elf-grid-gutter-bottom-2xs\@s {
	padding-bottom: 5px;
}
.elf-grid.elf-grid-gutter-left-2xs\@s {
	padding-left: 5px;
}
.elf-grid.elf-grid-gutter-right-2xs\@s {
	padding-right: 5px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xs\@s > .elf-grid-items {
	margin-right: -5px;
}
.elf-grid-gutter-y-2xs\@s > .elf-grid-items {
	margin-bottom: -5px;
}

/* grid childs */
.elf-grid-gutter-x-2xs\@s > *  > * {
	padding-right: 5px;
}
.elf-grid-gutter-y-2xs\@s > * > * {
	/* padding-bottom: 5px; */
	margin-bottom: 5px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xs\@s {
	padding-top: 10px;
}
.elf-grid.elf-grid-gutter-bottom-xs\@s {
	padding-bottom: 10px;
}
.elf-grid.elf-grid-gutter-left-xs\@s {
	padding-left: 10px;
}
.elf-grid.elf-grid-gutter-right-xs\@s {
	padding-right: 10px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xs\@s > .elf-grid-items {
	margin-right: -10px;
}
.elf-grid-gutter-y-xs\@s > .elf-grid-items {
	margin-bottom: -10px;
}

/* grid childs */
.elf-grid-gutter-x-xs\@s > *  > * {
	padding-right: 10px;
}
.elf-grid-gutter-y-xs\@s > * > * {
	/* padding-bottom: 10px; */
	margin-bottom: 10px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-s\@s {
	padding-top: 15px;
}
.elf-grid.elf-grid-gutter-bottom-s\@s {
	padding-bottom: 15px;
}
.elf-grid.elf-grid-gutter-left-s\@s {
	padding-left: 15px;
}
.elf-grid.elf-grid-gutter-right-s\@s {
	padding-right: 15px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-s\@s > .elf-grid-items {
	margin-right: -15px;
}
.elf-grid-gutter-y-s\@s > .elf-grid-items {
	margin-bottom: -15px;
}

/* grid childs */
.elf-grid-gutter-x-s\@s > *  > * {
	padding-right: 15px;
}
.elf-grid-gutter-y-s\@s > * > * {
	/* padding-bottom: 15px; */
	margin-bottom: 15px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-default\@s {
	padding-top: 20px;
}
.elf-grid.elf-grid-gutter-bottom-default\@s {
	padding-bottom: 20px;
}
.elf-grid.elf-grid-gutter-left-default\@s {
	padding-left: 20px;
}
.elf-grid.elf-grid-gutter-right-default\@s {
	padding-right: 20px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-default\@s > .elf-grid-items {
	margin-right: -20px;
}
.elf-grid-gutter-y-default\@s > .elf-grid-items {
	margin-bottom: -20px;
}

/* grid childs */
.elf-grid-gutter-x-default\@s > *  > * {
	padding-right: 20px;
}
.elf-grid-gutter-y-default\@s > * > * {
	/* padding-bottom: 20px; */
	margin-bottom: 20px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-l\@s {
	padding-top: 25px;
}
.elf-grid.elf-grid-gutter-bottom-l\@s {
	padding-bottom: 25px;
}
.elf-grid.elf-grid-gutter-left-l\@s {
	padding-left: 25px;
}
.elf-grid.elf-grid-gutter-right-l\@s {
	padding-right: 25px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-l\@s > .elf-grid-items {
	margin-right: -25px;
}
.elf-grid-gutter-y-l\@s > .elf-grid-items {
	margin-bottom: -25px;
}

/* grid childs */
.elf-grid-gutter-x-l\@s > *  > * {
	padding-right: 25px;
}
.elf-grid-gutter-y-l\@s > * > * {
	/* padding-bottom: 25px; */
	margin-bottom: 25px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xl\@s {
	padding-top: 30px;
}
.elf-grid.elf-grid-gutter-bottom-xl\@s {
	padding-bottom: 30px;
}
.elf-grid.elf-grid-gutter-left-xl\@s {
	padding-left: 30px;
}
.elf-grid.elf-grid-gutter-right-xl\@s {
	padding-right: 30px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xl\@s > .elf-grid-items {
	margin-right: -30px;
}
.elf-grid-gutter-y-xl\@s > .elf-grid-items {
	margin-bottom: -30px;
}

/* grid childs */
.elf-grid-gutter-x-xl\@s > *  > * {
	padding-right: 30px;
}
.elf-grid-gutter-y-xl\@s > * > * {
	/* padding-bottom: 30px; */
	margin-bottom: 30px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xl\@s {
	padding-top: 40px;
}
.elf-grid.elf-grid-gutter-bottom-2xl\@s {
	padding-bottom: 40px;
}
.elf-grid.elf-grid-gutter-left-2xl\@s {
	padding-left: 40px;
}
.elf-grid.elf-grid-gutter-right-2xl\@s {
	padding-right: 40px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xl\@s > .elf-grid-items {
	margin-right: -40px;
}
.elf-grid-gutter-y-2xl\@s > .elf-grid-items {
	margin-bottom: -40px;
}

/* grid childs */
.elf-grid-gutter-x-2xl\@s > *  > * {
	padding-right: 40px;
}
.elf-grid-gutter-y-2xl\@s > * > * {
	/* padding-bottom: 40px; */
	margin-bottom: 40px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xl\@s {
	padding-top: 50px;
}
.elf-grid.elf-grid-gutter-bottom-3xl\@s {
	padding-bottom: 50px;
}
.elf-grid.elf-grid-gutter-left-3xl\@s {
	padding-left: 50px;
}
.elf-grid.elf-grid-gutter-right-3xl\@s {
	padding-right: 50px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xl\@s > .elf-grid-items {
	margin-right: -50px;
}
.elf-grid-gutter-y-3xl\@s > .elf-grid-items {
	margin-bottom: -50px;
}

/* grid childs */
.elf-grid-gutter-x-3xl\@s > *  > * {
	padding-right: 50px;
}
.elf-grid-gutter-y-3xl\@s > * > * {
	/* padding-bottom: 50px; */
	margin-bottom: 50px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-4xl\@s {
	padding-top: 75px;
}
.elf-grid.elf-grid-gutter-bottom-4xl\@s {
	padding-bottom: 75px;
}
.elf-grid.elf-grid-gutter-left-4xl\@s {
	padding-left: 75px;
}
.elf-grid.elf-grid-gutter-right-4xl\@s {
	padding-right: 75px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xl\@s > .elf-grid-items {
	margin-right: -75px;
}
.elf-grid-gutter-y-4xl\@s > .elf-grid-items {
	margin-bottom: -75px;
}

/* grid childs */
.elf-grid-gutter-x-4xl\@s > *  > * {
	padding-right: 75px;
}
.elf-grid-gutter-y-4xl\@s > * > * {
	/* padding-bottom: 75px; */
	margin-bottom: 75px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-5xl\@s {
	padding-top: 100px;
}
.elf-grid.elf-grid-gutter-bottom-5xl\@s {
	padding-bottom: 100px;
}
.elf-grid.elf-grid-gutter-left-5xl\@s {
	padding-left: 100px;
}
.elf-grid.elf-grid-gutter-right-5xl\@s {
	padding-right: 100px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-5xl\@s > .elf-grid-items {
	margin-right: -100px;
}
.elf-grid-gutter-y-5xl\@s > .elf-grid-items {
	margin-bottom: -100px;
}

/* grid childs */
.elf-grid-gutter-x-5xl\@s > *  > * {
	padding-right: 100px;
}
.elf-grid-gutter-y-5xl\@s > * > * {
	/* padding-bottom: 100px; */
	margin-bottom: 100px; /* così se imposto l'altezza diventa uguale per tutti */
}


}

@media (min-width: 960px) {
/* CHILDS WIDTHS */
[class*="elf-childs-width-"] > * {
	box-sizing: border-box; /* comune a tutti -> la width comprende contenuto padding e border -> padding e border diventano interni */
}
.elf-childs-width-1-1\@m > * {
	width: 100%;
}
.elf-childs-width-1-2\@m > * {
	width: 50%;
}
.elf-childs-width-1-3\@m > * {
	width: 33.333%;
}
.elf-childs-width-1-4\@m > * {
	width: 25%;
}
.elf-childs-width-1-5\@m > * {
	width: 20%;
}
.elf-childs-width-1-6\@m > * {
	width: 16.667%;
}
.elf-childs-width-1-12\@m > * {
	width: 8.333%;
}
.elf-childs-width-1-20\@m > * {
	width: 5%;
}
/* WIDTHS */
/* devo metterle dopo le elf-childs-width in modo che le possano sovrascrivere */
.elf-width-1-1\@m {
	width: 100%;
}

.elf-width-1-2\@m {
	width: 50%;
}
.elf-width-2-2\@m {
	width: 100%;
}

.elf-width-1-3\@m {
	width: 33.333%;
}
.elf-width-2-3\@m {
	width: 66.667%;
}
.elf-width-3-3\@m {
	width: 100%;
}

.elf-width-1-4\@m {
	width: 25%;
}
.elf-width-2-4\@m {
	width: 50%;
}
.elf-width-3-4\@m {
	width: 75%;
}
.elf-width-4-4\@m {
	width: 100%;
}

.elf-width-1-5\@m {
	width: 20%;
}
.elf-width-2-5\@m {
	width: 40%;
}
.elf-width-3-5\@m {
	width: 60%;
}
.elf-width-4-5\@m {
	width: 80%;
}
.elf-width-5-5\@m {
	width: 100%;
}

.elf-width-1-6\@m {
	width: 16.667%;
}
.elf-width-2-6\@m {
	width: 33.333%;
}
.elf-width-3-6\@m {
	width: 50%;
}
.elf-width-4-6\@m {
	width: 66.667%;
}
.elf-width-5-6\@m {
	width: 83.333%;
}
.elf-width-6-6\@m {
	width: 100%;
}

.elf-width-1-12\@m {
	width: 8.333%;
}
.elf-width-2-12\@m {
	width: 16.667%;
}
.elf-width-3-12\@m {
	width: 25%;
}
.elf-width-4-12\@m {
	width: 33.333%;
}
.elf-width-5-12\@m {
	width: 41.667%;
}
.elf-width-6-12\@m {
	width: 50%;
}
.elf-width-7-12\@m {
	width: 58.333%;
}
.elf-width-8-12\@m {
	width: 66.667%;
}
.elf-width-9-12\@m {
	width: 75%;
}
.elf-width-10-12\@m {
	width: 83.333%;
}
.elf-width-11-12\@m {
	width: 91.667%;
}
.elf-width-12-12\@m {
	width: 100%;
}

.elf-width-1-20\@m {
	width: 5%;
}
.elf-width-2-20\@m {
	width: 10%;
}
.elf-width-3-20\@m {
	width: 15%;
}
.elf-width-4-20\@m {
	width: 20%;
}
.elf-width-5-20\@m {
	width: 25%;
}
.elf-width-6-20\@m {
	width: 30%;
}
.elf-width-7-20\@m {
	width: 35%;
}
.elf-width-8-20\@m {
	width: 40%;
}
.elf-width-9-20\@m {
	width: 45%;
}
.elf-width-10-20\@m {
	width: 50%;
}
.elf-width-11-20\@m {
	width: 55%;
}
.elf-width-12-20\@m {
	width: 60%;
}
.elf-width-13-20\@m {
	width: 65%;
}
.elf-width-14-20\@m {
	width: 70%;
}
.elf-width-15-20\@m {
	width: 75%;
}
.elf-width-16-20\@m {
	width: 80%;
}
.elf-width-17-20\@m {
	width: 85%;
}
.elf-width-18-20\@m {
	width: 90%;
}
.elf-width-19-20\@m {
	width: 95%;
}
.elf-width-20-20\@m {
	width: 100%;
}

	
/* GRID GUTTERS BORDER */
/* gutter esterni -> uso il padding in modo da mantenere lo sfondo eventuale della grid evitando anche di non ridefinire gli stili della parte interna che rimangono immutati -> GREAT!!! */
.elf-grid.elf-grid-gutter-top-4xs\@m {
	padding-top: 1px;
}
.elf-grid.elf-grid-gutter-bottom-4xs\@m {
	padding-bottom: 1px;
}
.elf-grid.elf-grid-gutter-left-4xs\@m {
	padding-left: 1px;
}
.elf-grid.elf-grid-gutter-right-4xs\@m {
	padding-right: 1px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xs\@m > .elf-grid-items {
	margin-right: -1px;
}
.elf-grid-gutter-y-4xs\@m > .elf-grid-items {
	margin-bottom: -1px;
}

/* grid childs */
.elf-grid-gutter-x-4xs\@m > *  > * {
	padding-right: 1px;
}
.elf-grid-gutter-y-4xs\@m > * > * {
	/* padding-bottom: 1px; */
	margin-bottom: 1px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xs\@m {
	padding-top: 3px;
}
.elf-grid.elf-grid-gutter-bottom-3xs\@m {
	padding-bottom: 3px;
}
.elf-grid.elf-grid-gutter-left-3xs\@m {
	padding-left: 3px;
}
.elf-grid.elf-grid-gutter-right-3xs\@m {
	padding-right: 3px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xs\@m > .elf-grid-items {
	margin-right: -3px;
}
.elf-grid-gutter-y-3xs\@m > .elf-grid-items {
	margin-bottom: -3px;
}

/* grid childs */
.elf-grid-gutter-x-3xs\@m > *  > * {
	padding-right: 3px;
}
.elf-grid-gutter-y-3xs\@m > * > * {
	/* padding-bottom: 3px; */
	margin-bottom: 3px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xs\@m {
	padding-top: 5px;
}
.elf-grid.elf-grid-gutter-bottom-2xs\@m {
	padding-bottom: 5px;
}
.elf-grid.elf-grid-gutter-left-2xs\@m {
	padding-left: 5px;
}
.elf-grid.elf-grid-gutter-right-2xs\@m {
	padding-right: 5px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xs\@m > .elf-grid-items {
	margin-right: -5px;
}
.elf-grid-gutter-y-2xs\@m > .elf-grid-items {
	margin-bottom: -5px;
}

/* grid childs */
.elf-grid-gutter-x-2xs\@m > *  > * {
	padding-right: 5px;
}
.elf-grid-gutter-y-2xs\@m > * > * {
	/* padding-bottom: 5px; */
	margin-bottom: 5px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xs\@m {
	padding-top: 10px;
}
.elf-grid.elf-grid-gutter-bottom-xs\@m {
	padding-bottom: 10px;
}
.elf-grid.elf-grid-gutter-left-xs\@m {
	padding-left: 10px;
}
.elf-grid.elf-grid-gutter-right-xs\@m {
	padding-right: 10px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xs\@m > .elf-grid-items {
	margin-right: -10px;
}
.elf-grid-gutter-y-xs\@m > .elf-grid-items {
	margin-bottom: -10px;
}

/* grid childs */
.elf-grid-gutter-x-xs\@m > *  > * {
	padding-right: 10px;
}
.elf-grid-gutter-y-xs\@m > * > * {
	/* padding-bottom: 10px; */
	margin-bottom: 10px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-s\@m {
	padding-top: 15px;
}
.elf-grid.elf-grid-gutter-bottom-s\@m {
	padding-bottom: 15px;
}
.elf-grid.elf-grid-gutter-left-s\@m {
	padding-left: 15px;
}
.elf-grid.elf-grid-gutter-right-s\@m {
	padding-right: 15px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-s\@m > .elf-grid-items {
	margin-right: -15px;
}
.elf-grid-gutter-y-s\@m > .elf-grid-items {
	margin-bottom: -15px;
}

/* grid childs */
.elf-grid-gutter-x-s\@m > *  > * {
	padding-right: 15px;
}
.elf-grid-gutter-y-s\@m > * > * {
	/* padding-bottom: 15px; */
	margin-bottom: 15px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-default\@m {
	padding-top: 20px;
}
.elf-grid.elf-grid-gutter-bottom-default\@m {
	padding-bottom: 20px;
}
.elf-grid.elf-grid-gutter-left-default\@m {
	padding-left: 20px;
}
.elf-grid.elf-grid-gutter-right-default\@m {
	padding-right: 20px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-default\@m > .elf-grid-items {
	margin-right: -20px;
}
.elf-grid-gutter-y-default\@m > .elf-grid-items {
	margin-bottom: -20px;
}

/* grid childs */
.elf-grid-gutter-x-default\@m > *  > * {
	padding-right: 20px;
}
.elf-grid-gutter-y-default\@m > * > * {
	/* padding-bottom: 20px; */
	margin-bottom: 20px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-l\@m {
	padding-top: 25px;
}
.elf-grid.elf-grid-gutter-bottom-l\@m {
	padding-bottom: 25px;
}
.elf-grid.elf-grid-gutter-left-l\@m {
	padding-left: 25px;
}
.elf-grid.elf-grid-gutter-right-l\@m {
	padding-right: 25px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-l\@m > .elf-grid-items {
	margin-right: -25px;
}
.elf-grid-gutter-y-l\@m > .elf-grid-items {
	margin-bottom: -25px;
}

/* grid childs */
.elf-grid-gutter-x-l\@m > *  > * {
	padding-right: 25px;
}
.elf-grid-gutter-y-l\@m > * > * {
	/* padding-bottom: 25px; */
	margin-bottom: 25px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xl\@m {
	padding-top: 30px;
}
.elf-grid.elf-grid-gutter-bottom-xl\@m {
	padding-bottom: 30px;
}
.elf-grid.elf-grid-gutter-left-xl\@m {
	padding-left: 30px;
}
.elf-grid.elf-grid-gutter-right-xl\@m {
	padding-right: 30px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xl\@m > .elf-grid-items {
	margin-right: -30px;
}
.elf-grid-gutter-y-xl\@m > .elf-grid-items {
	margin-bottom: -30px;
}

/* grid childs */
.elf-grid-gutter-x-xl\@m > *  > * {
	padding-right: 30px;
}
.elf-grid-gutter-y-xl\@m > * > * {
	/* padding-bottom: 30px; */
	margin-bottom: 30px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xl\@m {
	padding-top: 40px;
}
.elf-grid.elf-grid-gutter-bottom-2xl\@m {
	padding-bottom: 40px;
}
.elf-grid.elf-grid-gutter-left-2xl\@m {
	padding-left: 40px;
}
.elf-grid.elf-grid-gutter-right-2xl\@m {
	padding-right: 40px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xl\@m > .elf-grid-items {
	margin-right: -40px;
}
.elf-grid-gutter-y-2xl\@m > .elf-grid-items {
	margin-bottom: -40px;
}

/* grid childs */
.elf-grid-gutter-x-2xl\@m > *  > * {
	padding-right: 40px;
}
.elf-grid-gutter-y-2xl\@m > * > * {
	/* padding-bottom: 40px; */
	margin-bottom: 40px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xl\@m {
	padding-top: 50px;
}
.elf-grid.elf-grid-gutter-bottom-3xl\@m {
	padding-bottom: 50px;
}
.elf-grid.elf-grid-gutter-left-3xl\@m {
	padding-left: 50px;
}
.elf-grid.elf-grid-gutter-right-3xl\@m {
	padding-right: 50px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xl\@m > .elf-grid-items {
	margin-right: -50px;
}
.elf-grid-gutter-y-3xl\@m > .elf-grid-items {
	margin-bottom: -50px;
}

/* grid childs */
.elf-grid-gutter-x-3xl\@m > *  > * {
	padding-right: 50px;
}
.elf-grid-gutter-y-3xl\@m > * > * {
	/* padding-bottom: 50px; */
	margin-bottom: 50px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-4xl\@m {
	padding-top: 75px;
}
.elf-grid.elf-grid-gutter-bottom-4xl\@m {
	padding-bottom: 75px;
}
.elf-grid.elf-grid-gutter-left-4xl\@m {
	padding-left: 75px;
}
.elf-grid.elf-grid-gutter-right-4xl\@m {
	padding-right: 75px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xl\@m > .elf-grid-items {
	margin-right: -75px;
}
.elf-grid-gutter-y-4xl\@m > .elf-grid-items {
	margin-bottom: -75px;
}

/* grid childs */
.elf-grid-gutter-x-4xl\@m > *  > * {
	padding-right: 75px;
}
.elf-grid-gutter-y-4xl\@m > * > * {
	/* padding-bottom: 75px; */
	margin-bottom: 75px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-5xl\@m {
	padding-top: 100px;
}
.elf-grid.elf-grid-gutter-bottom-5xl\@m {
	padding-bottom: 100px;
}
.elf-grid.elf-grid-gutter-left-5xl\@m {
	padding-left: 100px;
}
.elf-grid.elf-grid-gutter-right-5xl\@m {
	padding-right: 100px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-5xl\@m > .elf-grid-items {
	margin-right: -100px;
}
.elf-grid-gutter-y-5xl\@m > .elf-grid-items {
	margin-bottom: -100px;
}

/* grid childs */
.elf-grid-gutter-x-5xl\@m > *  > * {
	padding-right: 100px;
}
.elf-grid-gutter-y-5xl\@m > * > * {
	/* padding-bottom: 100px; */
	margin-bottom: 100px; /* così se imposto l'altezza diventa uguale per tutti */
}


}

@media (min-width: 1280px) {
/* CHILDS WIDTHS */
[class*="elf-childs-width-"] > * {
	box-sizing: border-box; /* comune a tutti -> la width comprende contenuto padding e border -> padding e border diventano interni */
}
.elf-childs-width-1-1\@l > * {
	width: 100%;
}
.elf-childs-width-1-2\@l > * {
	width: 50%;
}
.elf-childs-width-1-3\@l > * {
	width: 33.333%;
}
.elf-childs-width-1-4\@l > * {
	width: 25%;
}
.elf-childs-width-1-5\@l > * {
	width: 20%;
}
.elf-childs-width-1-6\@l > * {
	width: 16.667%;
}
.elf-childs-width-1-12\@l > * {
	width: 8.333%;
}
.elf-childs-width-1-20\@l > * {
	width: 5%;
}
/* WIDTHS */
/* devo metterle dopo le elf-childs-width in modo che le possano sovrascrivere */
.elf-width-1-1\@l {
	width: 100%;
}

.elf-width-1-2\@l {
	width: 50%;
}
.elf-width-2-2\@l {
	width: 100%;
}

.elf-width-1-3\@l {
	width: 33.333%;
}
.elf-width-2-3\@l {
	width: 66.667%;
}
.elf-width-3-3\@l {
	width: 100%;
}

.elf-width-1-4\@l {
	width: 25%;
}
.elf-width-2-4\@l {
	width: 50%;
}
.elf-width-3-4\@l {
	width: 75%;
}
.elf-width-4-4\@l {
	width: 100%;
}

.elf-width-1-5\@l {
	width: 20%;
}
.elf-width-2-5\@l {
	width: 40%;
}
.elf-width-3-5\@l {
	width: 60%;
}
.elf-width-4-5\@l {
	width: 80%;
}
.elf-width-5-5\@l {
	width: 100%;
}

.elf-width-1-6\@l {
	width: 16.667%;
}
.elf-width-2-6\@l {
	width: 33.333%;
}
.elf-width-3-6\@l {
	width: 50%;
}
.elf-width-4-6\@l {
	width: 66.667%;
}
.elf-width-5-6\@l {
	width: 83.333%;
}
.elf-width-6-6\@l {
	width: 100%;
}

.elf-width-1-12\@l {
	width: 8.333%;
}
.elf-width-2-12\@l {
	width: 16.667%;
}
.elf-width-3-12\@l {
	width: 25%;
}
.elf-width-4-12\@l {
	width: 33.333%;
}
.elf-width-5-12\@l {
	width: 41.667%;
}
.elf-width-6-12\@l {
	width: 50%;
}
.elf-width-7-12\@l {
	width: 58.333%;
}
.elf-width-8-12\@l {
	width: 66.667%;
}
.elf-width-9-12\@l {
	width: 75%;
}
.elf-width-10-12\@l {
	width: 83.333%;
}
.elf-width-11-12\@l {
	width: 91.667%;
}
.elf-width-12-12\@l {
	width: 100%;
}

.elf-width-1-20\@l {
	width: 5%;
}
.elf-width-2-20\@l {
	width: 10%;
}
.elf-width-3-20\@l {
	width: 15%;
}
.elf-width-4-20\@l {
	width: 20%;
}
.elf-width-5-20\@l {
	width: 25%;
}
.elf-width-6-20\@l {
	width: 30%;
}
.elf-width-7-20\@l {
	width: 35%;
}
.elf-width-8-20\@l {
	width: 40%;
}
.elf-width-9-20\@l {
	width: 45%;
}
.elf-width-10-20\@l {
	width: 50%;
}
.elf-width-11-20\@l {
	width: 55%;
}
.elf-width-12-20\@l {
	width: 60%;
}
.elf-width-13-20\@l {
	width: 65%;
}
.elf-width-14-20\@l {
	width: 70%;
}
.elf-width-15-20\@l {
	width: 75%;
}
.elf-width-16-20\@l {
	width: 80%;
}
.elf-width-17-20\@l {
	width: 85%;
}
.elf-width-18-20\@l {
	width: 90%;
}
.elf-width-19-20\@l {
	width: 95%;
}
.elf-width-20-20\@l {
	width: 100%;
}

	
/* GRID GUTTERS BORDER */
/* gutter esterni -> uso il padding in modo da mantenere lo sfondo eventuale della grid evitando anche di non ridefinire gli stili della parte interna che rimangono immutati -> GREAT!!! */
.elf-grid.elf-grid-gutter-top-4xs\@l {
	padding-top: 1px;
}
.elf-grid.elf-grid-gutter-bottom-4xs\@l {
	padding-bottom: 1px;
}
.elf-grid.elf-grid-gutter-left-4xs\@l {
	padding-left: 1px;
}
.elf-grid.elf-grid-gutter-right-4xs\@l {
	padding-right: 1px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xs\@l > .elf-grid-items {
	margin-right: -1px;
}
.elf-grid-gutter-y-4xs\@l > .elf-grid-items {
	margin-bottom: -1px;
}

/* grid childs */
.elf-grid-gutter-x-4xs\@l > *  > * {
	padding-right: 1px;
}
.elf-grid-gutter-y-4xs\@l > * > * {
	/* padding-bottom: 1px; */
	margin-bottom: 1px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xs\@l {
	padding-top: 3px;
}
.elf-grid.elf-grid-gutter-bottom-3xs\@l {
	padding-bottom: 3px;
}
.elf-grid.elf-grid-gutter-left-3xs\@l {
	padding-left: 3px;
}
.elf-grid.elf-grid-gutter-right-3xs\@l {
	padding-right: 3px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xs\@l > .elf-grid-items {
	margin-right: -3px;
}
.elf-grid-gutter-y-3xs\@l > .elf-grid-items {
	margin-bottom: -3px;
}

/* grid childs */
.elf-grid-gutter-x-3xs\@l > *  > * {
	padding-right: 3px;
}
.elf-grid-gutter-y-3xs\@l > * > * {
	/* padding-bottom: 3px; */
	margin-bottom: 3px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xs\@l {
	padding-top: 5px;
}
.elf-grid.elf-grid-gutter-bottom-2xs\@l {
	padding-bottom: 5px;
}
.elf-grid.elf-grid-gutter-left-2xs\@l {
	padding-left: 5px;
}
.elf-grid.elf-grid-gutter-right-2xs\@l {
	padding-right: 5px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xs\@l > .elf-grid-items {
	margin-right: -5px;
}
.elf-grid-gutter-y-2xs\@l > .elf-grid-items {
	margin-bottom: -5px;
}

/* grid childs */
.elf-grid-gutter-x-2xs\@l > *  > * {
	padding-right: 5px;
}
.elf-grid-gutter-y-2xs\@l > * > * {
	/* padding-bottom: 5px; */
	margin-bottom: 5px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xs\@l {
	padding-top: 10px;
}
.elf-grid.elf-grid-gutter-bottom-xs\@l {
	padding-bottom: 10px;
}
.elf-grid.elf-grid-gutter-left-xs\@l {
	padding-left: 10px;
}
.elf-grid.elf-grid-gutter-right-xs\@l {
	padding-right: 10px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xs\@l > .elf-grid-items {
	margin-right: -10px;
}
.elf-grid-gutter-y-xs\@l > .elf-grid-items {
	margin-bottom: -10px;
}

/* grid childs */
.elf-grid-gutter-x-xs\@l > *  > * {
	padding-right: 10px;
}
.elf-grid-gutter-y-xs\@l > * > * {
	/* padding-bottom: 10px; */
	margin-bottom: 10px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-s\@l {
	padding-top: 15px;
}
.elf-grid.elf-grid-gutter-bottom-s\@l {
	padding-bottom: 15px;
}
.elf-grid.elf-grid-gutter-left-s\@l {
	padding-left: 15px;
}
.elf-grid.elf-grid-gutter-right-s\@l {
	padding-right: 15px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-s\@l > .elf-grid-items {
	margin-right: -15px;
}
.elf-grid-gutter-y-s\@l > .elf-grid-items {
	margin-bottom: -15px;
}

/* grid childs */
.elf-grid-gutter-x-s\@l > *  > * {
	padding-right: 15px;
}
.elf-grid-gutter-y-s\@l > * > * {
	/* padding-bottom: 15px; */
	margin-bottom: 15px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-default\@l {
	padding-top: 20px;
}
.elf-grid.elf-grid-gutter-bottom-default\@l {
	padding-bottom: 20px;
}
.elf-grid.elf-grid-gutter-left-default\@l {
	padding-left: 20px;
}
.elf-grid.elf-grid-gutter-right-default\@l {
	padding-right: 20px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-default\@l > .elf-grid-items {
	margin-right: -20px;
}
.elf-grid-gutter-y-default\@l > .elf-grid-items {
	margin-bottom: -20px;
}

/* grid childs */
.elf-grid-gutter-x-default\@l > *  > * {
	padding-right: 20px;
}
.elf-grid-gutter-y-default\@l > * > * {
	/* padding-bottom: 20px; */
	margin-bottom: 20px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-l\@l {
	padding-top: 25px;
}
.elf-grid.elf-grid-gutter-bottom-l\@l {
	padding-bottom: 25px;
}
.elf-grid.elf-grid-gutter-left-l\@l {
	padding-left: 25px;
}
.elf-grid.elf-grid-gutter-right-l\@l {
	padding-right: 25px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-l\@l > .elf-grid-items {
	margin-right: -25px;
}
.elf-grid-gutter-y-l\@l > .elf-grid-items {
	margin-bottom: -25px;
}

/* grid childs */
.elf-grid-gutter-x-l\@l > *  > * {
	padding-right: 25px;
}
.elf-grid-gutter-y-l\@l > * > * {
	/* padding-bottom: 25px; */
	margin-bottom: 25px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xl\@l {
	padding-top: 30px;
}
.elf-grid.elf-grid-gutter-bottom-xl\@l {
	padding-bottom: 30px;
}
.elf-grid.elf-grid-gutter-left-xl\@l {
	padding-left: 30px;
}
.elf-grid.elf-grid-gutter-right-xl\@l {
	padding-right: 30px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xl\@l > .elf-grid-items {
	margin-right: -30px;
}
.elf-grid-gutter-y-xl\@l > .elf-grid-items {
	margin-bottom: -30px;
}

/* grid childs */
.elf-grid-gutter-x-xl\@l > *  > * {
	padding-right: 30px;
}
.elf-grid-gutter-y-xl\@l > * > * {
	/* padding-bottom: 30px; */
	margin-bottom: 30px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xl\@l {
	padding-top: 40px;
}
.elf-grid.elf-grid-gutter-bottom-2xl\@l {
	padding-bottom: 40px;
}
.elf-grid.elf-grid-gutter-left-2xl\@l {
	padding-left: 40px;
}
.elf-grid.elf-grid-gutter-right-2xl\@l {
	padding-right: 40px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xl\@l > .elf-grid-items {
	margin-right: -40px;
}
.elf-grid-gutter-y-2xl\@l > .elf-grid-items {
	margin-bottom: -40px;
}

/* grid childs */
.elf-grid-gutter-x-2xl\@l > *  > * {
	padding-right: 40px;
}
.elf-grid-gutter-y-2xl\@l > * > * {
	/* padding-bottom: 40px; */
	margin-bottom: 40px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xl\@l {
	padding-top: 50px;
}
.elf-grid.elf-grid-gutter-bottom-3xl\@l {
	padding-bottom: 50px;
}
.elf-grid.elf-grid-gutter-left-3xl\@l {
	padding-left: 50px;
}
.elf-grid.elf-grid-gutter-right-3xl\@l {
	padding-right: 50px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xl\@l > .elf-grid-items {
	margin-right: -50px;
}
.elf-grid-gutter-y-3xl\@l > .elf-grid-items {
	margin-bottom: -50px;
}

/* grid childs */
.elf-grid-gutter-x-3xl\@l > *  > * {
	padding-right: 50px;
}
.elf-grid-gutter-y-3xl\@l > * > * {
	/* padding-bottom: 50px; */
	margin-bottom: 50px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-4xl\@l {
	padding-top: 75px;
}
.elf-grid.elf-grid-gutter-bottom-4xl\@l {
	padding-bottom: 75px;
}
.elf-grid.elf-grid-gutter-left-4xl\@l {
	padding-left: 75px;
}
.elf-grid.elf-grid-gutter-right-4xl\@l {
	padding-right: 75px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xl\@l > .elf-grid-items {
	margin-right: -75px;
}
.elf-grid-gutter-y-4xl\@l > .elf-grid-items {
	margin-bottom: -75px;
}

/* grid childs */
.elf-grid-gutter-x-4xl\@l > *  > * {
	padding-right: 75px;
}
.elf-grid-gutter-y-4xl\@l > * > * {
	/* padding-bottom: 75px; */
	margin-bottom: 75px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-5xl\@l {
	padding-top: 100px;
}
.elf-grid.elf-grid-gutter-bottom-5xl\@l {
	padding-bottom: 100px;
}
.elf-grid.elf-grid-gutter-left-5xl\@l {
	padding-left: 100px;
}
.elf-grid.elf-grid-gutter-right-5xl\@l {
	padding-right: 100px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-5xl\@l > .elf-grid-items {
	margin-right: -100px;
}
.elf-grid-gutter-y-5xl\@l > .elf-grid-items {
	margin-bottom: -100px;
}

/* grid childs */
.elf-grid-gutter-x-5xl\@l > *  > * {
	padding-right: 100px;
}
.elf-grid-gutter-y-5xl\@l > * > * {
	/* padding-bottom: 100px; */
	margin-bottom: 100px; /* così se imposto l'altezza diventa uguale per tutti */
}


}

@media (min-width: 1600px) {
/* CHILDS WIDTHS */
[class*="elf-childs-width-"] > * {
	box-sizing: border-box; /* comune a tutti -> la width comprende contenuto padding e border -> padding e border diventano interni */
}
.elf-childs-width-1-1\@xl > * {
	width: 100%;
}
.elf-childs-width-1-2\@xl > * {
	width: 50%;
}
.elf-childs-width-1-3\@xl > * {
	width: 33.333%;
}
.elf-childs-width-1-4\@xl > * {
	width: 25%;
}
.elf-childs-width-1-5\@xl > * {
	width: 20%;
}
.elf-childs-width-1-6\@xl > * {
	width: 16.667%;
}
.elf-childs-width-1-12\@xl > * {
	width: 8.333%;
}
.elf-childs-width-1-20\@xl > * {
	width: 5%;
}
/* WIDTHS */
/* devo metterle dopo le elf-childs-width in modo che le possano sovrascrivere */
.elf-width-1-1\@xl {
	width: 100%;
}

.elf-width-1-2\@xl {
	width: 50%;
}
.elf-width-2-2\@xl {
	width: 100%;
}

.elf-width-1-3\@xl {
	width: 33.333%;
}
.elf-width-2-3\@xl {
	width: 66.667%;
}
.elf-width-3-3\@xl {
	width: 100%;
}

.elf-width-1-4\@xl {
	width: 25%;
}
.elf-width-2-4\@xl {
	width: 50%;
}
.elf-width-3-4\@xl {
	width: 75%;
}
.elf-width-4-4\@xl {
	width: 100%;
}

.elf-width-1-5\@xl {
	width: 20%;
}
.elf-width-2-5\@xl {
	width: 40%;
}
.elf-width-3-5\@xl {
	width: 60%;
}
.elf-width-4-5\@xl {
	width: 80%;
}
.elf-width-5-5\@xl {
	width: 100%;
}

.elf-width-1-6\@xl {
	width: 16.667%;
}
.elf-width-2-6\@xl {
	width: 33.333%;
}
.elf-width-3-6\@xl {
	width: 50%;
}
.elf-width-4-6\@xl {
	width: 66.667%;
}
.elf-width-5-6\@xl {
	width: 83.333%;
}
.elf-width-6-6\@xl {
	width: 100%;
}

.elf-width-1-12\@xl {
	width: 8.333%;
}
.elf-width-2-12\@xl {
	width: 16.667%;
}
.elf-width-3-12\@xl {
	width: 25%;
}
.elf-width-4-12\@xl {
	width: 33.333%;
}
.elf-width-5-12\@xl {
	width: 41.667%;
}
.elf-width-6-12\@xl {
	width: 50%;
}
.elf-width-7-12\@xl {
	width: 58.333%;
}
.elf-width-8-12\@xl {
	width: 66.667%;
}
.elf-width-9-12\@xl {
	width: 75%;
}
.elf-width-10-12\@xl {
	width: 83.333%;
}
.elf-width-11-12\@xl {
	width: 91.667%;
}
.elf-width-12-12\@xl {
	width: 100%;
}

.elf-width-1-20\@xl {
	width: 5%;
}
.elf-width-2-20\@xl {
	width: 10%;
}
.elf-width-3-20\@xl {
	width: 15%;
}
.elf-width-4-20\@xl {
	width: 20%;
}
.elf-width-5-20\@xl {
	width: 25%;
}
.elf-width-6-20\@xl {
	width: 30%;
}
.elf-width-7-20\@xl {
	width: 35%;
}
.elf-width-8-20\@xl {
	width: 40%;
}
.elf-width-9-20\@xl {
	width: 45%;
}
.elf-width-10-20\@xl {
	width: 50%;
}
.elf-width-11-20\@xl {
	width: 55%;
}
.elf-width-12-20\@xl {
	width: 60%;
}
.elf-width-13-20\@xl {
	width: 65%;
}
.elf-width-14-20\@xl {
	width: 70%;
}
.elf-width-15-20\@xl {
	width: 75%;
}
.elf-width-16-20\@xl {
	width: 80%;
}
.elf-width-17-20\@xl {
	width: 85%;
}
.elf-width-18-20\@xl {
	width: 90%;
}
.elf-width-19-20\@xl {
	width: 95%;
}
.elf-width-20-20\@xl {
	width: 100%;
}

	
/* GRID GUTTERS BORDER */
/* gutter esterni -> uso il padding in modo da mantenere lo sfondo eventuale della grid evitando anche di non ridefinire gli stili della parte interna che rimangono immutati -> GREAT!!! */
.elf-grid.elf-grid-gutter-top-4xs\@xl {
	padding-top: 1px;
}
.elf-grid.elf-grid-gutter-bottom-4xs\@xl {
	padding-bottom: 1px;
}
.elf-grid.elf-grid-gutter-left-4xs\@xl {
	padding-left: 1px;
}
.elf-grid.elf-grid-gutter-right-4xs\@xl {
	padding-right: 1px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xs\@xl > .elf-grid-items {
	margin-right: -1px;
}
.elf-grid-gutter-y-4xs\@xl > .elf-grid-items {
	margin-bottom: -1px;
}

/* grid childs */
.elf-grid-gutter-x-4xs\@xl > *  > * {
	padding-right: 1px;
}
.elf-grid-gutter-y-4xs\@xl > * > * {
	/* padding-bottom: 1px; */
	margin-bottom: 1px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xs\@xl {
	padding-top: 3px;
}
.elf-grid.elf-grid-gutter-bottom-3xs\@xl {
	padding-bottom: 3px;
}
.elf-grid.elf-grid-gutter-left-3xs\@xl {
	padding-left: 3px;
}
.elf-grid.elf-grid-gutter-right-3xs\@xl {
	padding-right: 3px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xs\@xl > .elf-grid-items {
	margin-right: -3px;
}
.elf-grid-gutter-y-3xs\@xl > .elf-grid-items {
	margin-bottom: -3px;
}

/* grid childs */
.elf-grid-gutter-x-3xs\@xl > *  > * {
	padding-right: 3px;
}
.elf-grid-gutter-y-3xs\@xl > * > * {
	/* padding-bottom: 3px; */
	margin-bottom: 3px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xs\@xl {
	padding-top: 5px;
}
.elf-grid.elf-grid-gutter-bottom-2xs\@xl {
	padding-bottom: 5px;
}
.elf-grid.elf-grid-gutter-left-2xs\@xl {
	padding-left: 5px;
}
.elf-grid.elf-grid-gutter-right-2xs\@xl {
	padding-right: 5px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xs\@xl > .elf-grid-items {
	margin-right: -5px;
}
.elf-grid-gutter-y-2xs\@xl > .elf-grid-items {
	margin-bottom: -5px;
}

/* grid childs */
.elf-grid-gutter-x-2xs\@xl > *  > * {
	padding-right: 5px;
}
.elf-grid-gutter-y-2xs\@xl > * > * {
	/* padding-bottom: 5px; */
	margin-bottom: 5px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xs\@xl {
	padding-top: 10px;
}
.elf-grid.elf-grid-gutter-bottom-xs\@xl {
	padding-bottom: 10px;
}
.elf-grid.elf-grid-gutter-left-xs\@xl {
	padding-left: 10px;
}
.elf-grid.elf-grid-gutter-right-xs\@xl {
	padding-right: 10px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xs\@xl > .elf-grid-items {
	margin-right: -10px;
}
.elf-grid-gutter-y-xs\@xl > .elf-grid-items {
	margin-bottom: -10px;
}

/* grid childs */
.elf-grid-gutter-x-xs\@xl > *  > * {
	padding-right: 10px;
}
.elf-grid-gutter-y-xs\@xl > * > * {
	/* padding-bottom: 10px; */
	margin-bottom: 10px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-s\@xl {
	padding-top: 15px;
}
.elf-grid.elf-grid-gutter-bottom-s\@xl {
	padding-bottom: 15px;
}
.elf-grid.elf-grid-gutter-left-s\@xl {
	padding-left: 15px;
}
.elf-grid.elf-grid-gutter-right-s\@xl {
	padding-right: 15px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-s\@xl > .elf-grid-items {
	margin-right: -15px;
}
.elf-grid-gutter-y-s\@xl > .elf-grid-items {
	margin-bottom: -15px;
}

/* grid childs */
.elf-grid-gutter-x-s\@xl > *  > * {
	padding-right: 15px;
}
.elf-grid-gutter-y-s\@xl > * > * {
	/* padding-bottom: 15px; */
	margin-bottom: 15px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-default\@xl {
	padding-top: 20px;
}
.elf-grid.elf-grid-gutter-bottom-default\@xl {
	padding-bottom: 20px;
}
.elf-grid.elf-grid-gutter-left-default\@xl {
	padding-left: 20px;
}
.elf-grid.elf-grid-gutter-right-default\@xl {
	padding-right: 20px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-default\@xl > .elf-grid-items {
	margin-right: -20px;
}
.elf-grid-gutter-y-default\@xl > .elf-grid-items {
	margin-bottom: -20px;
}

/* grid childs */
.elf-grid-gutter-x-default\@xl > *  > * {
	padding-right: 20px;
}
.elf-grid-gutter-y-default\@xl > * > * {
	/* padding-bottom: 20px; */
	margin-bottom: 20px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-l\@xl {
	padding-top: 25px;
}
.elf-grid.elf-grid-gutter-bottom-l\@xl {
	padding-bottom: 25px;
}
.elf-grid.elf-grid-gutter-left-l\@xl {
	padding-left: 25px;
}
.elf-grid.elf-grid-gutter-right-l\@xl {
	padding-right: 25px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-l\@xl > .elf-grid-items {
	margin-right: -25px;
}
.elf-grid-gutter-y-l\@xl > .elf-grid-items {
	margin-bottom: -25px;
}

/* grid childs */
.elf-grid-gutter-x-l\@xl > *  > * {
	padding-right: 25px;
}
.elf-grid-gutter-y-l\@xl > * > * {
	/* padding-bottom: 25px; */
	margin-bottom: 25px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-xl\@xl {
	padding-top: 30px;
}
.elf-grid.elf-grid-gutter-bottom-xl\@xl {
	padding-bottom: 30px;
}
.elf-grid.elf-grid-gutter-left-xl\@xl {
	padding-left: 30px;
}
.elf-grid.elf-grid-gutter-right-xl\@xl {
	padding-right: 30px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-xl\@xl > .elf-grid-items {
	margin-right: -30px;
}
.elf-grid-gutter-y-xl\@xl > .elf-grid-items {
	margin-bottom: -30px;
}

/* grid childs */
.elf-grid-gutter-x-xl\@xl > *  > * {
	padding-right: 30px;
}
.elf-grid-gutter-y-xl\@xl > * > * {
	/* padding-bottom: 30px; */
	margin-bottom: 30px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-2xl\@xl {
	padding-top: 40px;
}
.elf-grid.elf-grid-gutter-bottom-2xl\@xl {
	padding-bottom: 40px;
}
.elf-grid.elf-grid-gutter-left-2xl\@xl {
	padding-left: 40px;
}
.elf-grid.elf-grid-gutter-right-2xl\@xl {
	padding-right: 40px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-2xl\@xl > .elf-grid-items {
	margin-right: -40px;
}
.elf-grid-gutter-y-2xl\@xl > .elf-grid-items {
	margin-bottom: -40px;
}

/* grid childs */
.elf-grid-gutter-x-2xl\@xl > *  > * {
	padding-right: 40px;
}
.elf-grid-gutter-y-2xl\@xl > * > * {
	/* padding-bottom: 40px; */
	margin-bottom: 40px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-3xl\@xl {
	padding-top: 50px;
}
.elf-grid.elf-grid-gutter-bottom-3xl\@xl {
	padding-bottom: 50px;
}
.elf-grid.elf-grid-gutter-left-3xl\@xl {
	padding-left: 50px;
}
.elf-grid.elf-grid-gutter-right-3xl\@xl {
	padding-right: 50px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-3xl\@xl > .elf-grid-items {
	margin-right: -50px;
}
.elf-grid-gutter-y-3xl\@xl > .elf-grid-items {
	margin-bottom: -50px;
}

/* grid childs */
.elf-grid-gutter-x-3xl\@xl > *  > * {
	padding-right: 50px;
}
.elf-grid-gutter-y-3xl\@xl > * > * {
	/* padding-bottom: 50px; */
	margin-bottom: 50px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-4xl\@xl {
	padding-top: 75px;
}
.elf-grid.elf-grid-gutter-bottom-4xl\@xl {
	padding-bottom: 75px;
}
.elf-grid.elf-grid-gutter-left-4xl\@xl {
	padding-left: 75px;
}
.elf-grid.elf-grid-gutter-right-4xl\@xl {
	padding-right: 75px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-4xl\@xl > .elf-grid-items {
	margin-right: -75px;
}
.elf-grid-gutter-y-4xl\@xl > .elf-grid-items {
	margin-bottom: -75px;
}

/* grid childs */
.elf-grid-gutter-x-4xl\@xl > *  > * {
	padding-right: 75px;
}
.elf-grid-gutter-y-4xl\@xl > * > * {
	/* padding-bottom: 75px; */
	margin-bottom: 75px; /* così se imposto l'altezza diventa uguale per tutti */
}

.elf-grid.elf-grid-gutter-top-5xl\@xl {
	padding-top: 100px;
}
.elf-grid.elf-grid-gutter-bottom-5xl\@xl {
	padding-bottom: 100px;
}
.elf-grid.elf-grid-gutter-left-5xl\@xl {
	padding-left: 100px;
}
.elf-grid.elf-grid-gutter-right-5xl\@xl {
	padding-right: 100px;
}
	
/* GRID GUTTERS INSIDE */
/* grid-items container */
.elf-grid-gutter-x-5xl\@xl > .elf-grid-items {
	margin-right: -100px;
}
.elf-grid-gutter-y-5xl\@xl > .elf-grid-items {
	margin-bottom: -100px;
}

/* grid childs */
.elf-grid-gutter-x-5xl\@xl > *  > * {
	padding-right: 100px;
}
.elf-grid-gutter-y-5xl\@xl > * > * {
	/* padding-bottom: 100px; */
	margin-bottom: 100px; /* così se imposto l'altezza diventa uguale per tutti */
}


}