/* LAYOUT FOOTER.CSS*/

.container {
	margin: 0 auto;
	max-width: 88.607%;
	overflow: hidden;
	position: relative;
}

.row {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-size: 100% 100px;
	height: auto;
}
/* Reusable column setup */
.col {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

*[class*='hd_span_'],
*[class*='ultra_span_'] {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

.full-width.bottom-navigation {
	background-color: #F5F5F5;
}

.home .horizontal-list {
	padding-bottom: 5em !important;
}



    /* PHONE 4 Column Grid 0px - 767px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    19.75%
    Span 2:    46.5%
    Span 3:    73.25%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0) and (max-width: 650px) {
	.container {
		margin: 0 auto;
		width: 90%;
		max-width: 90%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 7%;
		padding: 0 0%;
	}
	/*
	.row .col:first-child {
		margin-left:0;
	}
*/
/*
	.NEWfooter .tube .phone_span_1,
	.phone_span_1 {	width:19.75%;	}

	.NEWfooter .tube .phone_span_2,
	.phone_span_2 {	width:46.5%;	}

	.NEWfooter .tube .phone_span_3,
	.phone_span_3 {	width:73.25%;	}
*/

	.phone_span_1 {
		width: 19.75%;
	}

	.phone_span_2 {
		width: 46.5%;
	}

	.phone_span_3 {
		width: 73.25%;
	}

	.tube,
	.phone_span_4 {
		margin-left: 0;
		width: 100%;
	}

	.NEWfooter .tube,
	.NEWfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	.phone_offset_0 {
		margin-left: 7%!important;
	}

	.phone_offset_1 {
		margin-left: 19.75%!important;
	}

	.phone_offset_2 {
		margin-left: 46.5%!important;
	}

	.phone_offset_3 {
		margin-left: 73.25%!important;
	}

	/* *** */
	.site-navigation .top span {
		display: none;
	}

	.contact-page .phone_offset_1 {
		margin-left: 33.75%!important;
	}
			
			/* NB L'ALLINEAMENTO NON E' PERFETTO PERCHE gli span_ si prendono ancora il margin vecchio e non quello da 4 colonne che dovrebbe essere di 7% */
			/* RIGA 255 di layout.css */	

	.offset2 {
		margin-left: 0!important;
	}

	/* --- */;
}


    /* TABLET 8 Column Grid 768px - 1023px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    9.4375%
    Span 2:    22.375%
    Span 3:    35.3125%
    Span 4:    48.25%
    Span 5:    61.1875%
    Span 6:    74.125%
    Span 7:    87.0625%
    Span 8:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width: 1000px) {
	.col {
		margin-left: 3.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.tablet_span_1 {
		width: 9.4375%;
	}

	.tablet_span_2 {
		width: 22.375%;
	}

	.tablet_span_3 {
		width: 35.3125%;
	}

	.tablet_span_4 {
		width: 48.25%;
	}

	.tablet_span_5 {
		width: 61.1875%;
	}

	.tablet_span_6 {
		width: 74.125%;
	}

	.tablet_span_7 {
		width: 87.0625%;
	}

	.tube,
	.tablet_span_8 {
		margin-left: 0;
		width: 100%;
	}
	/* MARGINI CORRETTI */
	.tablet_offset_1 {
		margin-left: 12.9375%!important;
	}

	.tablet_offset_2 {
		margin-left: 25.875%!important;
	}

	.tablet_offset_3 {
		margin-left: 38.8125%!important;
	}

	.tablet_offset_4 {
		margin-left: 51.75%!important;
	}

	.tablet_offset_5 {
		margin-left: 64.6875%!important;
	}

	.tablet_offset_6 {
		margin-left: 77.625%!important;
	}

	.tablet_offset_7 {
		margin-left: 90.5625%!important;
	}

	.NEWfooter .tube,
	.NEWfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	/* Flowing spans */

		.tube .row .tablet_span_4:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	.tube .tablet_offset_2.tablet_span_2 {
		margin-left: 25.875%!important;
 /* span2 + col margin */
		clear: left;
	}
	/* ABOUT page / staff */
	.tube .row .tablet_span_4:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
	/* EXPERIENCES page / numbers */
	.experiences .tube.row .tablet_span_4:nth-child(2n+1) {
/*		background-color: cyan; */
		clear: left;
		margin-left: 0;
	}

	/* FOOTER */

	.NEWfooter .row.tube .tablet_span_4:nth-child(3n+0) {
		clear: left;
		margin-left: 0;
	}

	/* ------------- */

			/* NB L'ALLINEAMENTO NON E' PERFETTO PERCHE gli span_ si prendono ancora il margin vecchio e non quello da quello vecchio e non quello che dovrebbe essere di 3.5%) */
			/* RIGA 529 di layout.css */
			
	.contact-page .tablet_offset2 {
		margin-left: 29.375%!important;
	}

	.offset2 {
		margin-left: 0!important;
	};
}


/*
 *
 * DESKTOP + HD
 * 1024px - 1279px
 * 1280px - 1599px
 */ 
@media screen and (min-width: 1001px) and (max-width: 1599px) {
	.tube {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.NEWfooter .tube .hd_span_1,
	.hd_span_1 {
		width: 3.90625%;
	}

	.NEWfooter .tube .hd_span_2,
	.hd_span_2 {
		width: 10.3125%;
	}

	.NEWfooter .tube .hd_span_3,
	.hd_span_3 {
		width: 16.71875%;
	}

	.NEWfooter .tube .hd_span_4,
	.hd_span_4 {
		width: 23.125%;
	}

	.NEWfooter .tube .hd_span_5,
	.hd_span_5 {
		width: 29.53125%;
	}

	.NEWfooter .tube .hd_span_6,
	.hd_span_6 {
		width: 35.9375%;
	}

	.NEWfooter .tube .hd_span_7,
	.hd_span_7 {
		width: 42.34375%;
	}

	.NEWfooter .tube .hd_span_8,
	.hd_span_8 {
		width: 48.75%;
	}

	.NEWfooter .tube .hd_span_9,
	.hd_span_9 {
		width: 55.15625%;
	}

	.NEWfooter .tube .hd_span_10,
	.hd_span_10 {
		width: 61.5625%;
	}

	.NEWfooter .tube .hd_span_11,
	.hd_span_11 {
		width: 67.96875%;
	}

	.NEWfooter .tube .hd_span_12,
	.hd_span_12, .tube {
		width: 74.375%;
	}
	
	#subfooter .tube {
		width: 100%;
	}

	.NEWfooter .tube .hd_span_13,
	.hd_span_13 {
		width: 80.78125%;
	}

	.NEWfooter .tube .hd_span_14,
	.hd_span_14 {
		width: 87.1875%;
	}

	.NEWfooter .tube .hd_span_15,
	.hd_span_15 {
		width: 93.59375%;
	}

	.NEWfooter .tube .hd_span_16,
	.hd_span_16 {
		width: 100%;
		margin-left: 0;
	}

	.tube,
				.gap {
		margin-left: 19.21875%!important;
	}

	.NEWfooter .tube,
       	#subfooter .tube,
				.NEWfooter .gap,
       	#subfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	.tube .hd_span_1 {
		width: 6.04166666667%;
	}

	.tube .hd_span_2 {
		width: 14.5833333333%;
	}

	.tube .hd_span_3 {
		width: 23.125%;
	}

	.tube .hd_span_4 {
		width: 31.6666666667%;
	}

	.tube .hd_span_5 {
		width: 40.2083333333%;
	}

	.tube .hd_span_6 {
		width: 48.75%;
	}

	.tube .hd_span_7 {
		width: 57.2916666667%;
	}

	.tube .hd_span_8 {
		width: 65.8333333333%;
	}

	.tube .hd_span_9 {
		width: 74.375%;
	}

	.tube .hd_span_10 {
		width: 82.9166666667%;
	}

	.tube .hd_span_11 {
		width: 91.4583333333%;
	}

	.tube .hd_span_12 {
		margin-left: 0;
		width: 100%;
	}

	.tube .hd_offset_1 {
		margin-left: 6.04166666667%!important;
	}

	.tube .hd_offset_2 {
		margin-left: 14.5833333333%!important;
	}

	.tube .hd_offset_3 {
		margin-left: 23.125%!important;
	}

	.tube .hd_offset_4 {
		margin-left: 31.6666666667%!important;
	}

	.tube .hd_offset_5 {
		margin-left: 40.2083333333%!important;
	}

	.tube .hd_offset_6 {
		margin-left: 48.75%!important;
	}

	.tube .hd_offset_7 {
		margin-left: 57.2916666667%!important;
	}

	.tube .hd_offset_8 {
		margin-left: 65.8333333333%!important;
	}

	.tube .hd_offset_9 {
		margin-left: 74.375%!important;
	}

	.tube .hd_offset_10 {
		margin-left: 82.9166666667%!important;
	}

	.tube .hd_offset_11 {
		margin-left: 91.4583333333%!important;
	}

	/* Flowing spans */

	.tube .row .hd_span_6:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / staff */
	#numbers.tube .row .ultra_span_3:nth-child(4n+1) {  /* TOFIX must be hd_span */
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .hd_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .hd_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}
	#more-clients .tube .row .hd_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	#value-list #numbers.tube .row .ultra_span_3:nth-child(4n+1) { /* TOFIX must be hd_span */
/*		background-color: purple; */
		margin-left: 0;
		clear: none;
	}

	#value-list .tube .row .ultra_offset_3.ultra_span_3 { /* TOFIX must be hd_span */
/*		background-color: red; */
		margin-left: 25.625%!important;
		clear: left !important;
	}

/*
	.row .hd_span_4:nth-child(5n+0) {
		background-color: green;
		clear:left;
		margin-left:0;
	}
*/
	/* Specific Overrides */
	.contact-page .offset_3 {
		margin-left: 21.71875%!important;
	};
}
/* --- end of HD */

/*
 * ULTRA
 * 1600 - infinity
 */ 
@media screen and (min-width: 1600px) {
	.tube {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.ultra_span_1 {
		width: 3.90625%;
	}

	.ultra_span_2 {
		width: 10.3125%;
	}

	.ultra_span_3 {
		width: 16.71875%;
	}

	.ultra_span_4 {
		width: 23.125%;
	}

	.ultra_span_5 {
		width: 29.53125%;
	}

	.ultra_span_6 {
		width: 35.9375%;
	}

	.ultra_span_7 {
		width: 42.34375%;
	}

	.ultra_span_8 {
		width: 48.75%;
	}

	.ultra_span_9 {
		width: 55.15625%;
	}

	.ultra_span_10 {
		width: 61.5625%;
	}

	.ultra_span_11 {
		width: 67.96875%;
	}

	.ultra_span_12, .tube {
		width: 74.375%;
	}

	.ultra_span_13 {
		width: 80.78125%;
	}

	.ultra_span_14 {
		width: 87.1875%;
	}

	.ultra_span_15 {
		width: 93.59375%;
	}

	.ultra_span_16 {
		width: 100%;
		margin-left: 0;
	}

	.tube,
				.gap {
		margin-left: 12.8125%;
	}

	.tube .ultra_span_1 {
		width: 6.04166666667%;
	}

	.tube .ultra_span_2 {
		width: 14.5833333333%;
	}

	.tube .ultra_span_3 {
		width: 23.125%;
	}

	.tube .ultra_span_4 {
		width: 31.6666666667%;
	}

	.tube .ultra_span_5 {
		width: 40.2083333333%;
	}

	.tube .ultra_span_6 {
		width: 48.75%;
	}

	.tube .ultra_span_7 {
		width: 57.2916666667%;
	}

	.tube .ultra_span_8 {
		width: 65.8333333333%;
	}

	.tube .ultra_span_9 {
		width: 74.375%;
	}

	.tube .ultra_span_10 {
		width: 82.9166666667%;
	}

	.tube .ultra_span_11 {
		width: 91.4583333333%;
	}

	.tube .ultra_span_12 {
		margin-left: 0;
		width: 100%;
	}

	.tube .ultra_offset_1 {
		margin-left: 6.04166666667%!important;
	}

	.tube .ultra_offset_2 {
		margin-left: 14.5833333333%!important;
	}

	.tube .ultra_offset_3 {
		margin-left: 23.125%!important;
	}

	.tube .ultra_offset_4 {
		margin-left: 31.6666666667%!important;
	}

	.tube .ultra_offset_5 {
		margin-left: 40.2083333333%!important;
	}

	.tube .ultra_offset_6 {
		margin-left: 48.75%!important;
	}

	.tube .ultra_offset_7 {
		margin-left: 57.2916666667%!important;
	}

	.tube .ultra_offset_8 {
		margin-left: 65.8333333333%!important;
	}

	.tube .ultra_offset_9 {
		margin-left: 74.375%!important;
	}

	.tube .ultra_offset_10 {
		margin-left: 82.9166666667%!important;
	}

	.tube .ultra_offset_11 {
		margin-left: 91.4583333333%!important;
	}

	/* Flowing spans */

	/* ABOUT page / staff */

	#numbers.tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .row .ultra_span_6:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .ultra_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}
	#more-clients .tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .ultra_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	#value-list #numbers.tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: purple; */
		margin-left: 0;
		clear: none;
	}

	#value-list .tube .row .ultra_offset_3.ultra_span_3 {
/*		background-color: red; */
		margin-left: 25.625%!important;
		clear: left !important;
	}

	/* Specific Overrides */
	.contact-page .offset_3 {
		margin-left: 21.71875%!important;
	};
}
/* --- end of ULTRA */