* {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      box-sizing: border-box;
}

dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;
}

input::-moz-focus-inner { 
  border: 0; 
}
a {outline:0; word-wrap:break-word;}
a:hover, a:active, a:focus {outline:0;}
img {border: 0; vertical-align:bottom;}
table {margin:0; padding:0; border:0; border-collapse:collapse;}
table td {vertical-align:middle;}
/* table td {padding-bottom:4px;} */





/*
@font-face {
	font-display: fallback;
	font-family: 'Avenir_light';
	src: url('font/AvenirLTStd-Light.woff2') format('woff2'),
		url('font/AvenirLTStd-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'Avenir_lightOblique';
	src: url('font/AvenirLTStd-LightOblique.woff2') format('woff2'),
		url('font/AvenirLTStd-LightOblique.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
*/


@font-face {
	font-display: fallback;
	font-family: 'Avenir_roman';
	src: url('font/AvenirLTStd-Roman.woff2') format('woff2'),
		url('font/AvenirLTStd-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'Avenir_romanOblique';
	src: url('font/AvenirLTStd-Oblique.woff2') format('woff2'),
		url('font/AvenirLTStd-Oblique.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}


@font-face {
	font-display: fallback;
	font-family: 'Avenir_medium';
	src: url('font/AvenirLTStd-Medium.woff2') format('woff2'),
		url('font/AvenirLTStd-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
/*
@font-face {
	font-display: fallback;
	font-family: 'Avenir_mediumOblique';
	src: url('font/AvenirLTStd-MediumOblique.woff2') format('woff2'),
		url('font/AvenirLTStd-MediumOblique.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}
*/

@font-face {
	font-display: fallback;
	font-family: 'Avenir_heavy';
	src: url('font/AvenirLTStd-Heavy.woff2') format('woff2'),
		url('font/AvenirLTStd-Heavy.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'Avenir_heavyOblique';
	src: url('font/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
		url('font/AvenirLTStd-HeavyOblique.woff') format('woff');
	font-weight: 900;
	font-style: italic;
}



strong, b {font-family:'Avenir_heavy'; font-weight:normal;}
em, i {font-family:'Avenir_romanOblique'; font-style:normal;}
strong i, strong em, i strong, em strong, b i, b em, i b, em b {font-family: 'Avenir_heavyOblique'; font-weight:normal;}



body {
	background:#fff/* url(immagini/sfondo.gif) repeat 0 0*/;
	margin:0;
	padding:0;
	font-family: 'Avenir_roman', Arial, verdana; 
	font-size: 18px;
	line-height:24px;
	color: #555;
	text-align: center;
	height: 100%;
	overflow-x:hidden !important;
}

html{
	height:100%;
}
#wrapper{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -280px; 
	overflow-x:hidden !important;
}
.pushfooter{
	height:280px; 
}

.overflow_hidden {overflow:hidden;}
.overflow_auto {overflow:auto;}


/* *** LINK *** */

a:link, a:visited {color: #555; text-decoration: underline;}
a:hover {color: #999; text-decoration: underline;}

a.noUnder:link, a.noUnder:visited {color: #555; text-decoration: none;}
a.noUnder:hover, a.noUnder h1:hover, a.noUnder h2:hover, a.noUnder h3:hover, a.noUnder h4:hover, a.noUnder h5:hover, a.noUnder h6:hover {color: #999; text-decoration: none;}

a.noUnderB:link, a.noUnderB:visited {color: #555; text-decoration: none;}
a.noUnderB:hover {color: #999; text-decoration: none;}

.login a.noUnder {font-size:17px;} .login a i {font-size:19px;}

a[href$='.pdf']:link, a[href$='.doc']:link, a[href$='.docx']:link, a[href$='.xls']:link, a[href$='.xlsx']:link, a[href$='.zip']:link, a[href$='.rar']:link, a[href$='.pdf']:visited, a[href$='.doc']:visited, a[href$='.docx']:visited, a[href$='.xls']:visited a[href$='.xlsx']:visited, a[href$='.zip']:visited, a[href$='.rar']:visited {color: #006699; text-decoration: none;}
a[href$='.pdf']:hover, a[href$='.doc']:hover, a[href$='.docx']:hover, a[href$='.xls']:hover, a[href$='.xlsx']:hover, a[href$='.zip']:hover, a[href$='.rar']:hover {color: #999; text-decoration: none;}

a.impag:link, a.impag:visited {color: #555; text-decoration: none;}
a.impag:hover {color: #999; text-decoration: none;}

/* puls back di schede */
a.back:link, a.back:visited {color: #555; font-size: 1.133em; text-decoration: none;}
a.back:hover {color: #999; text-decoration: none;}

/* puls gruppi di schede */
a.elenco:link, a.elenco:visited {color: #555; font-size: 1.133em; text-decoration: none;}
a.elenco:hover {color: #999; text-decoration: none;}





/* *** TXT SITO *** */

.carat1s {font-size: 0.867em;} /* 16 > 0.875 */
.carat1 {font-size: 1em;}
.carat1b {font-size: 1.133em; line-height: 1.2;} /* 1.125 */
.carat1bb {font-size: 1.2em; line-height: 1.2;}  /* 1.188 */
.carat1x {font-size: 1.267em; line-height: 1.2;} /* 1.250 */
.carat1xx {font-size: 1.4em; line-height: 1.2;}

.greyDark {color:#555 !important;}
.white {color:#fff !important;}
.black {color:#222 !important;}
.blu {color:#092390 !important;}

.sfGrey {background:#eee;}



/* (= stile-private solo colori) */
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1.7em; line-height:1.35em; color:#092390; font-weight:normal; font-family:'Avenir_heavy'; text-align:inherit; text-align: left;} 
.tit1, .tit1 em {margin:0; font-size:1.7em; line-height:1.35em; color:#092390; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit2, .tit2 em {margin:0; font-size:1.55em; line-height:1.2em; color:#092390; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit3, .tit3 em {margin:0; font-size:1.4em; line-height:1.2em; color:#092390; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit4, .tit4 em {margin:0; font-size:1.25em; line-height:1.2em; color:#092390; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}

.center p, .center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center .tit1, .center .tit2, .center .tit3, .center .tit4 {text-align: center !important;}
[style="text-align: center;"] h1, [style="text-align: center;"] h2, [style="text-align: center;"] h3, [style="text-align: center;"] h4, [style="text-align: center;"] h5, [style="text-align: center;"] h6, [style="text-align: center;"] .tit1, [style="text-align: center;"] .tit2, [style="text-align: center;"] .tit3, [style="text-align: center;"] .tit4 {text-align: center !important;}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white .tit1, .white .tit2, .white .tit3, .white .tit4 {color: #fff !important;}
.white a:link, .white a:visited, .white a.noUnder:link, .white a.noUnder:visited {color: #fff !important;}
.white a:hover, .white a.noUnder:hover {color: #ccc !important;}

.black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black .tit1, .black .tit2, .black .tit3, .black .tit4 {color: #222 !important;}
.black a:link, .black a:visited, .black a.noUnder:link, .black a.noUnder:visited {color: #222 !important;}
.black a:hover, .black a.noUnder:hover {color: #444 !important;}


/* mascellani */

h1, h2, h3, h4, h5, h6 {
    display: inline-block;
    padding-bottom: 28px;
	margin-bottom:10px;
    position: relative;
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #092390;
}

@media (max-width: 1279px) 
{
	h1, h2, h3, h4, h5, h6 {

	}
}



/* norm */
.titLine h1,.titLine h2,.titLine h3,.titLine .tit1,.titLine .tit2,.titLine .tit3 {
    display: inline-block;
    padding-bottom: 30px;
	margin-bottom:30px;
    position: relative;
}
.titLine h1:before,.titLine h2:before,.titLine h3:before,.titLine .tit1:before,.titLine .tit2:before,.titLine .tit3:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #092390;
}
.white .titLine h1:before, .white .titLine h2:before, .white .titLine h3:before, .white .titLine h4:before, .white .titLine h5:before, .white .titLine .tit1:before, .white .titLine .tit2:before, .white .titLine .tit3:before, .white .titLine .tit4:before {border-bottom: 1px solid #fff !important;}

.black .titLine h1:before, .black .titLine h2:before, .black .titLine h3:before, .black .titLine h4:before, .black .titLine h5:before, .black .titLine .tit1:before, .black .titLine .tit2:before, .black .titLine .tit3:before, .black .titLine .tit4:before {border-bottom: 1px solid #222 !important;}


/* gest */

.titLineCont {text-align: center;}
.titLineCont p, .titLineCont ul, .titLineCont ul li {text-align: left;}

.titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6,.titLineCont .tit1,.titLineCont .tit2,.titLineCont .tit3 {
    display: inline-block;
    padding-bottom: 32px;
	margin-bottom:14px;
    position: relative;
}
.titLineCont h1:before,.titLineCont h2:before,.titLineCont h3:before,.titLineCont h4:before,.titLineCont h5:before,.titLineCont h6:before,.titLineCont .tit1:before,.titLineCont .tit2:before,.titLineCont .tit3:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #092390;
}
@media (max-width: 1279px) 
{
	.titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6,.titLineCont .tit1,.titLineCont .tit2,.titLineCont .tit3 {
    	padding-bottom: 25px;
		margin-bottom:12px;
	}	
}

.white .titLineCont h1:before, .white .titLineCont h2:before, .white .titLineCont h3:before, .white .titLineCont h4:before, .white .titLineCont h5:before, .white .titLineCont .tit1:before, .white .titLineCont .tit2:before, .white .titLineCont .tit3:before, .white .titLineCont .tit4:before {border-bottom: 1px solid #fff !important;}

.black .titLineCont h1:before, .black .titLineCont h2:before, .black .titLineCont h3:before, .black .titLineCont h4:before, .black .titLineCont h5:before, .black .titLineCont .tit1:before, .black .titLineCont .tit2:before, .black .titLineCont .tit3:before, .black .titLineCont .tit4:before {border-bottom: 1px solid #222 !important;}



/* toggle */
.titPush {cursor:pointer;}
.titPush h1, .titPush h2, .titPush h3, .titPush h4, .titPush h5, .titPush h6{font-size:1.467em; line-height:1.3em;} /* tit2 */
.titPush h1:hover, .titPush h2:hover, .titPush h3:hover, .titPush h4:hover, .titPush h5:hover, .titPush h6:hover {color:#bbb;}



/* puls link == stile-private */
.button-link:link, .button-link:visited {
	display:inline-block;
	padding: 10px 15px;
	border:3px solid #092390;
	color: #092390;
	font-family: 'Avenir_heavy';
	text-decoration:none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	/*user-select:none;*/
}
.button-link:hover, .button-link:active, .white a.button-link:hover {
	background: #092390;
	border:3px solid #092390;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}

.white .button-link:link, .white .button-link:visited {
	color:#fff !important;
	padding: 15px 20px !important;
	border:3px solid #fff !important;
}
.white .button-link:hover, .white .button-link:active, .white .white a.button-link:hover {
	background: #fff !important;
	color:#283277 !important;
}


/* puls form */

.button-submit {
	padding: 10px 20px;
	background: #fff;
	border:2px solid #092390;
	color: #092390;
	font-family: 'Avenir_heavy';
	text-transform: uppercase;
	font-size: 1.1em;
	text-decoration:none;
	/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	/*user-select:none;*/
}
.button-submit:hover {
	background: #092390;
	border:2px solid #092390;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}





/* *** HR *** */

hr {height: 1px; border-width: 0px; background-color: transparent; border-bottom: 1px #999 dashed;}




/* *** VARI *** */

.no {color: #cc4443;}
.ok {color: #339900;}


.bordo {
	border:1px solid #ddd;
}
	
.bordoPad {
	padding:30px;
	border:1px solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,0.12);
}
	
.w100 {width:100%;}

	

/* registra */

.control-label {padding-top:4px;}



/* input */

.txt {
	background: #fff; 
	border: 1px solid #d6d6d6;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

textarea {-webkit-appearance: none;}

input[type="text"], input[type="password"], select {
	font-size:1em;
	line-height: 1em;
	font-family: 'Avenir_roman',Arial;
	text-indent:9px;
	height:40px;
	line-height:100%;
	color:#555;
	-webkit-appearance: none;
}

select {
	/* width:98%; */ /* bug missin border-right ffox */
	height:40px;
	line-height:40px;
	text-indent:0 !important;
	/* se testo troppo lungo (non va sotto freccia) */
    padding:0 30px 0 9px !important;
    -webkit-padding-end: 30px !important;
}


/* select (se formattato togliere sopra) */

.select select {
	padding: 0 40px 0 9px;
	/*border: 0 !important;*/
	border:1px solid #d3d3d3; 
	background: #fff url(immagini/cms/down-arrow.png) no-repeat right center; 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	appearance: none;
	text-overflow: ""; 
	font-size:1em;
	/*
	letter-spacing:-0.01em;
	color:#555;
	*/
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/
	/*box-shadow: inset 0 0 5px rgba(000,000,000, 0.4);*/
	cursor:pointer;
}
.select select:focus, select:focus {
	outline:none;
}
/* IE 10+ */
.select select::-ms-expand {
    display: none;
}
/* IE 11+ */
.select select::-ms-value {background: none; color:#555;}


textarea {
	font-size:1em;
	line-height: 1em;
	font-family: 'Avenir_roman',Arial;
}
textarea.txt{
	padding:9px;
}

.calendario {
	background-image:url(immagini/cms/calendarPrenota.png); 
	background-position:right center; 
	background-repeat:no-repeat; 
	cursor:pointer;
}


/* placeholder */

*::-webkit-input-placeholder {
    color: #999; 
	opacity: 1 !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #999; 
	opacity: 1 !important; 
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #999; 
	opacity: 1 !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999; 
	opacity: 1 !important;
	line-height:1 !important; 
}

.white *::-webkit-input-placeholder {
    color: #fff; 
	opacity: 1 !important;
}
.white *:-moz-placeholder {
    /* FF 4-18 */
    color: #fff; 
	opacity: 1 !important; 
}
.white *::-moz-placeholder {
    /* FF 19+ */
    color: #fff; 
	opacity: 1 !important;
}
.white *:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff; 
	opacity: 1 !important;
	line-height:1 !important; 
}

/* placeholder x select vedi js temp_down addClass */
.place_holder {
    color: #999 !important;
}


form {margin: 0;}

p {margin: 0; padding: 0;}

blockquote  {margin-bottom: 0; margin-top: 0;}


/* + jQuery temp_down */
/* se con th x titoli togliere commenti qui e in js temp_down */
table.tab td, table.tab th {border: 1px solid #ddd; border-collapse: collapse;}
table.tab td { padding: 6px 9px; vertical-align: middle;}
/*table.tab th { padding: 9px; vertical-align: middle; background:#98c10f; color:#fff; font-size:1.1em;}*/

@media screen and (max-width: 767px) 
{
/*
  table.tab th { display: none; }
  table.tab tr {
    display: block;
    position: relative;
	padding:15px 0;
    }
  table.tab tr:first-of-type { border-top: 1px solid #ddd; }
  table.tab td { display: table-row; border:0; padding:0;}

  table.tab  td:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #ddd; }
*/
}

/* solo se no mobile tab con + di 2 colonne, scroll in orizz (vedi temp_down js) */
@media(max-width: 991px) 
{
	table.tabNoMob {margin:0 auto;}
	table.tabNoMob td {border: 1px solid #ddd; border-collapse: collapse;}
	table.tabNoMob tr:first-of-type td {vertical-align: top;}
	table.tabNoMob td { padding: 6px 9px; vertical-align: middle;}
	
	.tabNoMob_o {width:100%; overflow-x: auto;}
}




/* tabella mascellani usata in tecnologia */

.white table.tab td {border:0px solid #425abe;}


.white table.tab th { display: none; }
.white table.tab tr {
    display: block;
    position: relative;
	padding:15px 0;
    }
.white table.tab tr:first-of-type { border-top: 1px solid #425abe; }


.white table.tab td:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #425abe; }

	
	
	
	
	
	

ul {margin: -7px 0 -7px 18px; padding:0; list-style-type: square;}
ol {margin: -7px 0 -7px 25px; padding:0;}
li {margin: 7px 0 7px 0; padding:0; }

ul.ulpadtop {padding-top:5px;}
ol.ulpadtop {padding-top:5px;}

/* lista inline */
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom:10px;
}    

img {border:0;}

.divCont {position:absolute; left:0; top:50%;}
.divRel {position:relative; overflow:hidden;}
.sfTrasp {background: transparent url(immagini/cms/sfTrasp.png) repeat 0 0; height:25px; position:absolute; z-index:9; left:0; overflow:hidden;}
.caratCommFoto {color:#000; line-height:25px; white-space:nowrap; text-align:center;}
.caratCommFoto2 {color:#0d710d; text-align:center; padding:5px 0 0 0; line-height:1;}


.slicknav_menu, #slicknav_menuTop, #slicknav_btn_pos {display:none;} 

.noPadTop {padding-top:0 !important;}
.noPadBot {padding-bottom:0 !important;}







/* MENU ORIZZ */

nav {
	height:32px; 
	margin:0 auto;
	text-align:center;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	height:32px;
	font-size:0;
}

nav ul li {
	display:inline-block;
	margin: 0;
	text-align:center;
}

/* normal */

nav ul li a, nav ul li a:link, nav ul li a:visited {
	display: block;
	color: #222; 
	height:32px;
	line-height:32px;
	font-size: 14px; 
	font-family: 'Avenir_heavy';
	text-transform:uppercase;
	text-decoration: none; 
	margin:0 17px;
	border-bottom:2px solid rgba(255,255,255,0);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

/* hover */

nav ul li a:hover {
	border-bottom:2px solid #222;
}


/* primo e ultimo el */

nav ul li:first-child {

}

nav ul li:last-child {

}

/* attivo */

nav ul li a.navattivo {
	border-bottom:2px solid #222;
	cursor:default;
}




/* -------------- submenu ---------------- */

nav ul ul{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 32px; 
	left: -999999px;  
	text-align:left;
	z-index:999999;
	padding-top:0px;
	border-left:0;
	background: #fff;
}
nav ul li{ position: relative; }
nav ul li li{ float: none; border-right:0; width:100%;}
nav ul li:hover ul{ left: auto; height:auto; }

nav ul ul.subMenu li a, nav ul ul.subMenu li a:link, nav ul ul.subMenu li a:active, nav ul ul.subMenu li a:visited 
{
	display: block; 
	font-size: 14px; 
	text-transform:uppercase;
	line-height:1;
	width:100%;
	height:auto;
	color:#222; 
	background: #fff;
	border-bottom:0;
	margin:0;
	padding:10px 17px;
	white-space:nowrap;
	text-decoration: none;
	text-align:left;
}
nav ul ul.subMenu li a:hover {
	display: block; 
	border-bottom:0;
	text-decoration: none;
	color:#666;
}

nav ul ul li:first-child {
	padding-top:20px;
}

nav ul ul li:last-child {
	padding-bottom:10px;
}



@media(max-width: 1430px) 
{

	nav ul li a, nav ul li a:link, nav ul li a:visited {
		margin:0 14px;
	}

	nav ul ul.subMenu li a, nav ul ul.subMenu li a:link, nav ul ul.subMenu li a:active, nav ul ul.subMenu li a:visited 
	{
		padding:10px 14px;
	}

	nav ul li:first-child {
		display:none;
	}
}



/* VIDEO */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0; height: 0;  /* overflow: hidden; padding-top: 30px */
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* solo x video mp4 */
/*
.videoContainer video{
  width: 101%    !important;
  height: auto   !important;
  margin:0 0 -4px -0.5%;
}

.videoContainer{
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
	background:#fff;
}
.videoLoading{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff url(js/video/preload.gif) no-repeat center center;
	z-index:4;
}
.initVideo{
	width:90px;
	height:90px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	overflow:hidden;
	background:url(js/video/playstop.png) no-repeat 0 0;
	cursor:pointer;
	z-index:999999999;
}
*/



/* GOOGLE MAPS */

.googlemap_wrap  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.googlemap_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}






/* *** IMPAGINAZIONE *** */

#social i{
	font-size:19px;
	line-height:inherit!important;
	vertical-align: middle;
	margin:-2px 10px 0 0;
}

#social a:link, #social a:visited{
	color:#fff;
}

#social a:hover{
	color:#ddd;
}

/*
a[href*="linkedin"] .icon-2x-circle {
  padding: 7px 0 0 0 !important;
}
*/


header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:99999999;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	transition: all 0.2s;
}
	
#headerInt{
	width:1400px;
	max-width: 90%;
	height:80px;
	margin:0 auto;
	position:relative;
	transition: all 0.2s;
}


#cerca i{font-size:18px; color:#fff;}
#cerca{
	position:absolute; 
	right: 0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index:999999999;
}
#panelCerca{ 
	display:none; 
	position:absolute; 
	top:140px;
	right:0; 
	z-index:999999999;
	background:rgba(0, 0, 0, 0.7);
	white-space: nowrap;
	transition: all 0.2s;
}
.panelScroll {top:100px !important;}

#panelInt {
	padding:20px;
}
#panelCerca input[type="text"]{ 
	background:rgba(0,0,0,0);
	color:#fff;
	font-size: 1.3em;
	line-height:1.3em;
	border:1px solid #fff;
	border-width:0 0 1px 0;
	width:400px;
	outline: 0;
}
#panelCerca button{
	font-size: 18px;
	color:#fff;
	background:rgba(0,0,0,0);
	border:0;
	cursor: pointer;
}
#panelChiudi{
	float:right; 
	margin:0px 85px 0 0;
	cursor:pointer;
}
#panelChiudi i{
	color:#fff;
}



#menuTop {
	height:32px;
	position:absolute;
	z-index:9999999;
	/*right: 54px;*/right:0;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

#menuTop_slick {
	width:100%;
}

#logo img{
	width:100%;
}

#logo{
	width:320px;
	position:absolute; 
	left: 0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	transition: all 0.2s;
}

#lingue{
	position:absolute; 
	right: 0;
	top: calc(50% - 4px);
	text-align:right;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.container{
	width:1400px;
	max-width: 90%;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.template{
	padding:135px 0 0 0;
	text-align:justify;
}
.noTemplate {margin:-55px 0 0 0;}

.templateHome{
	padding:60px 0;
	text-align:justify;
}

#motore{
	position:absolute; 
	z-index:9999999;
	top:8px; 
	left:20px;
}

.colFoot_b {border-left:1px solid #555; padding-left:40px;}

footer{
	width:100%;
	height:280px;
	background:#222;
	color:#fff;
	position:relative;
	text-align: center;
	clear: both;
	font-size:1em;
	overflow-x: hidden;
}
#footerInt{
	width:1400px;
	max-width: 90%;
	margin:0 auto;
	padding:45px 0 0 0;
	text-align:left;		
}
#footerInt.center{
	text-align:center !important;
}
footer a:link, footer a:visited, footer a.noUnder:link, footer a.noUnder:visited {color: #fff; text-decoration: none; font-size:1em;}
footer a:hover, footer a.noUnder:hover {color: #ccc; text-decoration: underline;}

#kwords {font-size: 0.8em; position:absolute; bottom:0; width:100%; min-height: 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#nd{
	position:absolute;
	z-index:2;
	bottom:14px;
	right:14px;
	font-family:Arial; 
	color:#fff; 
	font-size:13px;
	white-space:nowrap;
	line-height:1.3;
}
#nd a:link, #nd a:visited {font-family:Arial; color:#fff; font-size:13px; text-decoration:none;}
#nd a:hover {text-decoration:none;}
#nd a#nd2:link, #nd a#nd2:visited, #nd a#nd2:hover, #nd a#nd2 em {font-family:Arial; font-size:13px;}

@media(max-width: 991px) 
{
	#nd {width:100%; text-align:center;}
}


.vmiddle {	/* align middle txt img, entrambi dentro div class vmiddle */
    display:flex; align-items:center; justify-content:left; /* height:200px;*/
}
.vmiddle img {margin-right:20px;}




/* COOKIES */

#barra_cookies {
	display:none;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background: #000;
	color:#eee;
	font-size:0.9em;
	z-index:9999;
}

#barra_cookies .bcrel {
	position:relative;
}

#barra_cookies #bcint {
	padding:30px 15px;
	line-height:1.5em;
	text-align:center;
	max-width:1400px;
	margin:0 auto;
}
#barra_cookies a.btn-accetta{
	font-size:1.2em;
	text-decoration:none !important;
	display:inline-block;
	margin:15px auto 0 auto;
	background: #0073ce;
	color:#fff;
	padding:8px 20px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#barra_cookies a {
	color:#eee;
	text-decoration:underline;
}

#barra_cookies a.btn-cook{
	position:absolute;
	top:5px;
	right:8px;
	color:#eee;
	font-size:1.3em;
	text-decoration:none !important;
}





/* CONTATTI */

#mailLoading {display:none;}
#mailResult {display:none;}





/* CHIUDI */

.chiudi{
	clear: both;
	font-size: 1px;
	height:0px;
}




/* ICONE */

a[href$='.pdf'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_pdf.png) no-repeat 0 center;}
a[href$='.doc'], a[href$='.docx'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_doc.png) no-repeat 0 center;}
a[href$='.xls'], a[href$='.xlsx'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_xls.png) no-repeat 0 center;}
a[href$='.zip'], a[href$='.rar'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_archive.png) no-repeat 0 center;}
/*
a[href ^="mailto:"] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_mailto.png) no-repeat 0 center;}
a[href$='.exe'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_exe.png) no-repeat 0 center;}
*/
.noIco {padding: 0 !important; background: none !important;}





/* carrello */

#carrello {display: inline;}
#carrello i {position:relative;}
#carrello div { 
	position:absolute; 
	top:-9px; 
	right:-11px; 
	width:22px;
	height:22px; 
	line-height:22px;
	padding:0px;
	text-align:center;
	font-size:13px;
	font-family: 'Avenir_medium';
	color:#fff;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #000;	
}

#carrello a:link, #carrello a:visited, #carrello a:hover {text-decoration:none;} /* mob */


#pulsCart{
	text-align:center; 
	color:#fff; 
	background:#092390; 
	border:0; 
	cursor:pointer; 
	margin:0; 
	padding:0 20px; 
	font-size:0.95em; 
	font-family: 'Avenir_heavy'; 
	height:42px; 
	line-height:42px; 
}

#pulsCart:hover{
	background:#1b71a0; 
}


.button-cart {
	padding: 13px 20px;
	background: #fff;
	border:1px solid #092390;
	color: #092390;
	font-size: 1.1em;
	text-decoration:none;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	/*user-select:none;*/
}
.button-cart:hover {
	background: #092390;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}


.txt_qty {
	text-align:right; 
	width:35px; 
	height:42px; 
	line-height:42px;
	padding:0 8px;
	background: #fff; 
	border: 1px solid #9e3223;
	border-right:0;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}






/* scroll top */

.scrollup{
	width:40px;
	height:40px;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity:0.3;
	position:fixed;
	bottom:30px;
	left:30px;
	display:none;
	background: url('immagini/cms/icon_top.png') no-repeat;
	-webkit-backface-visibility: hidden;
	z-index:99999999999999;
}



/* attesa */

.popAttesa {
	display:none;
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	top:50%; 
	left:50%; 
	margin:-34px 0 0 -34px;	
	background:#eee;
	padding:10px;
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index:999999999; 
}
#sfondoAttesa {
	display:none;
	background:#fff;
	width:100%;
	height:100%;
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	top:0;
	left:0;
	z-index:999999998; 
}




/* hover schede */

.overTxt {
	position: absolute;
	bottom:0; left:0;
	width:100%;
	padding:18px 20px;
	background: rgba(255,255,255,.8);
	z-index: 99;
	text-align: center;
	font-size: 1.3em;
	color:#092390;
	font-family: 'Avenir_medium';
}

.box {
	position:relative;
	color:#555; /* no hover link */
}

/* zoom rollover
.box2 {
	position:relative;
	background:#fff;
	padding:20px 20px 35px 20px;
	overflow: hidden;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.box2:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
*/


.box a, .box2 a {
	text-decoration:none;
}

.zoomOverlay {
	width:75px;
	height:69px;
	position:absolute; 
	left:50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:0;
	display:none;
	background: transparent url(immagini/mascellani-torneria.png) no-repeat center center;	
	background-size: cover;
}

/* 90 x 83 */

@media(max-width: 1279px) 
{
	.zoomOverlay {
		width:80px;
		height:74px;
	}
}

@media(max-width: 991px) 
{
	.zoomOverlay {
		width:70px;
		height:64px;
	}
}




.preloadSchede {position:absolute; top:30px; left:50%; margin-left:-15px; z-index: 2;}

/* adatta foto */
.adatta, .adattaGal, .adattaIT { overflow:hidden; } /* nocut togliere .adatta, */
.adatta img, .adattaGal img, .adattax img {width:100%; margin:0 auto;} /* anche no adattate */
.adatta img, .txtprod, .adattaIT img, .txtprod {visibility:hidden;}
.adattaGal img {visibility:hidden;}
.adatta {min-height:90px; position: relative;}
.load_g {
	position:absolute; 
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);	
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}




/* preload */
/*
#preloader {
    background: #fff;
	width: 100%;
    height: 100%;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999999999997;
}
#load {
	width: 64px;
    height: 64px;
    left: 50%;
	top: 50%; 
	padding:0;	
    margin: -32px 0 0 -32px;
    position: fixed;
	background:transparent;
	z-index: 9999999999998;
}
*/



/* impg quadri */


.relative {position:relative;}
.base {width:100%; visibility: hidden;}	
.boxInt {
	width:100%;
	padding:40px 0;
	position:absolute; 
	left: 0;
	top: 48%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}
.boxInt.padLeft {padding-left:50px;}
.boxInt.padRight {padding-right:50px;}

@media(max-width: 1279px) 
{
	.boxInt.padLeft {padding-left:30px;}
	.boxInt.padRight {padding-right:30px;}
	.boxInt {
		top: 50%;
	}
}

@media(max-width: 991px) 
{
	.boxInt {
		position:relative;
		top: 0;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0); 
		-moz-transform: translate(0,0);
		transform: translate(0,0);	
	}
	.boxInt.padLeft,.boxInt.padRight {padding-left:0;}
	.base {display:none;}	
}






/* zoom */
.item {
  position: relative;  
  border: 1px solid #ddd;
  overflow: hidden;
  width: 100%;
}
.item img {
  width: 100%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}






/* nowrap */
.nowrap { white-space:nowrap; }




/* privacy */

.iubeOk {margin:-50px -30px -30px -30px;}
.iubeNo {margin:-30px -30px -30px -30px;}
.closeIub {width:48px; margin:8px 10px 8px 8px; text-align:right; position:fixed; top:0; right:0; z-index:99999999999;}
@media (max-width:980px){.iubeNo {margin:-15px -5px -5px -5px;}}
@media (max-width:480px){.iubeOk{margin:-55px -20px -20px -20px}.closeIub{width:32px; margin:0;}}




/* *** BX Slider *** */

.xcrop {overflow:hidden; position: relative;}

.crop {overflow:hidden; position: relative;}
.crop img {
	position: absolute; 
	width:100%; 
	left:0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.bordoScheda { /* solo per scheda */
	padding:15px;
	border:1px solid #ddd;
}	

ul.bxslide, ul.bxslide li {margin:0 auto;}
.bx-wrapper {margin:0 auto;}

.bx-wrapper .bx-prev {left: 10px;}
.bx-wrapper .bx-next {right: 10px;}
/*.bx-pager {display:none;}*/

#carousel, .carousel_gall {position:relative; min-height:100px;}

#bxpre, .bxpre {
	position:absolute;
	top:10px;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0); 
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

/* via pallini pager in mobile */
@media(max-width: 991px) 
{
	.bx-wrapper .bx-pager {display:none !important;}
	.bx-wrapper {margin:0 !important;}
}

ul.bxslide li img {box-shadow: #000 0em 0em 0em;}


/* thumbs cliccabili sotto slide */

ul.thumbs_bx {
	font-size:0px;
	letter-spacing:-4px;
	margin:0 0 0 -2%;
	padding:0;
}

ul.thumbs_bx li {
    width: 18%;
	/*min-width:150px;*/
    display: inline-block;
    vertical-align: top;
	list-style-type: none;
	letter-spacing:0px;
	margin:2% 0 0 2%;
	padding:0;
}

.bxpagerthumb {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media only screen and (max-width: 640px), @media only screen and (max-device-width: 640px) 
{
	ul.thumbs_bx {
		margin:0 0 0 -2%;
	}

	ul.thumbs_bx li {
		width: 18%;
		margin:0 0 2% 2%;
	}
}



/* masonry*/

.grid {margin:0 -30px;}
.grid-sizer,.grid-item { width: calc(33.333% - 60px); margin:0 30px 60px 30px; text-align: center;} 

@media screen and (max-width: 1279px) {
	.grid {margin:0 -25px;}
	.grid-sizer,.grid-item { width: calc(50% - 50px); margin:0 25px 50px 25px; } 
}

@media screen and (max-width: 991px) {
	.grid {margin:0 -15px;}
	.grid-sizer,.grid-item { width: calc(100% - 30px); margin:0 15px 30px 15px; } 
}

.grid-sizer {height:0; margin-bottom:0;}

.ajax-load {text-align: center; padding:30px 0; display: none;}






/* rsplugin */

.tp-bannertimer {display:none !important;}
/*
.rev_slider .slotholder:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;    
	background: rgba(0, 0, 0, 0.4);
}
*/
.txtRs_cont {
	width:1400px;
	max-width:90%;
	position: absolute; 
	bottom:0; 
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0); 
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 99;
}

.txtRs {
	background:#092390;
	/* background:rgba(9,35,144,.7);*/
	width:400px;
	padding:60px 40px;
	margin-bottom:-40px; 
	text-align: left;
	font-size: 1.2em;
	line-height: 1.3;
}

@media(max-width: 1279px) 
{

	.txtRs_cont {
		width:900px;
	}

	.txtRs {
		width:300px;
		padding:40px 30px;
		font-size: 1.1em;
		line-height: 1.3;
	}
}

@media(max-width: 991px) 
{
	.txtRs_cont {
		width:768px;
		max-width: 90%;
	}

	.txtRs {
		width:250px;
		padding:30px 20px;
		font-size: 1em;
		line-height: 1.2;
		margin-bottom:-20px; 
	}
}

@media(max-width: 600px) 
{

	.txtRs {
		padding:22px 18px;
		margin-bottom:-20px; 
	}
}



/* impaginazione quadri */

/* impg quadri */
.relative {position:relative;}
.base {width:100%; visibility: hidden;}	

.boxIntSx, .boxIntDx {color:#555 !important;}

.boxIntSx h1, .boxIntSx h2, .boxIntSx h3, .boxIntSx h4, .boxIntSx h5, .boxIntSx h6, .boxIntSx .tit1, .boxIntSx .tit2, .boxIntSx .tit3, .boxIntSx .tit4 { text-align: left;}
.boxIntSx {
	text-align: left;
	background: #fff;
	width:90%;
	padding:50px;
	position:absolute; 
	left:calc(10% + 80px);
	top: 50%;
	z-index: 999;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}

.boxIntDx h1, .boxIntDx h2, .boxIntDx h3, .boxIntDx h4, .boxIntDx h5, .boxIntDx h6, .boxIntDx .tit1, .boxIntDx .tit2, .boxIntDx .tit3, .boxIntDx .tit4 { text-align: left;}
.boxIntDx {
	text-align: left;
	background: #fff;
	width:90%;
	padding:50px;
	position:absolute; 
	right:calc(10% + 80px);
	top: 50%;
	z-index: 999;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}

@media(max-width: 991px) 
{
	.base {display:none;}	
	
	.boxIntSx h1, .boxIntSx h2, .boxIntSx h3, .boxIntSx h4, .boxIntSx h5, .boxIntSx h6, .boxIntSx .tit1, .boxIntSx .tit2, .boxIntSx .tit3, .boxIntSx .tit4, .boxIntDx h1, .boxIntDx h2, .boxIntDx h3, .boxIntDx h4, .boxIntDx h5, .boxIntDx h6, .boxIntDx .tit1, .boxIntDx .tit2, .boxIntDx .tit3, .boxIntDx .tit4 { text-align: center;}
	
	.boxIntDx,.boxIntSx {
		text-align: center;
		position:relative;
		width:100%;
		margin:0; 
		padding:30px;
		left:0;
		top:0;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0); 
		-moz-transform: translate(0,0);
		transform: translate(0,0);		
	}
}




/* prx */


.parallaxInt::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	pointer-events: none;    
	background: rgba(0, 0, 0, 0.55);
}

.over-x {overflow-x:hidden;}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
}

.parallaxInt {
	padding:180px 0;
	position: relative;
	z-index: 1;
	width:100%;
	text-align: center;
}

.parallaxInt2 {
	width:1400px;
	max-width: 90%;
	margin:0 auto;
}


@media (max-width: 1279px) {
	.parallaxInt {
		padding:120px 0;
		width:900;
	}
}

@media (max-width: 991px) {
    .parallax {
        background-attachment: scroll;
    }
    .parallaxInt {
        padding:45px 0;
		width:90%;
    }
}





/* share */

ul.share-buttons{
  list-style: none;
  padding: 0;
  margin:0 0 0 -10px;
}
ul.share-buttons li{
  display: inline;
  margin:0;
  padding:0 10px;
}
ul.share-buttons i{
  font-size: 24px;
  color:#092390;
}








/* tablet orizz */
@media(max-width: 1279px) 
{

	body { 
		font-size:16px;
		line-height:21px;
	}


	ul {margin: -5px 0 -5px 18px;}
	ol {margin: -5px 0 -5px 25px;}
	li {margin: 5px 0 5px 0;}





	/* MENU ORIZZ + MOTORE */
	#slicknav_btn_pos{
		display:block; 
		position:absolute; 
		right: 0;
		top: 50%;
		margin-top:-5px;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%); 
		-moz-transform: translate(0,-50%);
		transform: translate(0,-50%);		
	} /* se pos button diversa da menu, es: position:absolute; top:30px; right:10%; / se non cambia mettere top -Xpx / in .js inserito nuovo div id slicknav_btn_pos */
	

	.slicknav_menu, #slicknav_menuTop, #slicknav_btn_pos {display:block;} /* .slicknav_menu margin-top:65px; margine top tendina */
	.slicknav_btn {														/* sfondo puls e margine puls (altezza barra) */
		background-color:transparent; 
		margin:7px 0 7px 10%;
		float: left;													/* ---> se pulsante allineato dx metter right */
		padding: 7px 0;
		line-height: 1.2em;
	} 	
	.slicknav_icon-bar {												/* colore linee puls */
	  background-color:#222;
	  width:24px !important;
	  height: 3px !important;
	}
	.slicknav_icon-bar { margin-top: 5px !important; }
					
	.slicknav_nav li {													/* border + background menu */
											/* alt righe dalla seconda (prima con padding .slicknav_btn) */
	}
	.slicknav_nav li ul li ul li {				/* se background rgba trasp non sovappone */
		background:rgba(0, 0, 0, 0.7);
	}
	
	.slicknav_nav li:last-child {border-bottom:0px solid #ddd;}
	/*#menuTop_slick {border-bottom:1px solid #ddd;}*/

	.slicknav_nav li ul li:last-child {border-bottom:0px solid #ddd;} 	/* submenu */

	.slicknav_nav li ul li {											/* righe menu tendina (sposto rispetto a main menu) */
		border-top:0px solid #ddd;	
		border-bottom:0;
	}		
	.slicknav_menu li a {												/* righe puls menu */
    	color: #222;
    	font-family: 'Avenir_heavy';
		font-size:14px;
		text-transform: uppercase;
		padding:10px 0 10px 0;	/* !important */					/* altezza righe e marg sx */
		width:900px;
		margin:0 auto;
	}
	.slicknav_menu li:last-child a {padding-bottom:24px;}

	/* old .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a */
	.slicknav_nav .slicknav_parent a.slicknav_item{					/* voci cliccabili che aprono submenu */
		width:900px;
		margin:0 auto;								
	}
	 
	.slicknav_nav .slicknav_item {										/* voci cliccabili che aprono submenu altezza */
		line-height: 1 !important;
	}
	.slicknav_nav li ul li a {   /* , .slicknav_nav .slicknav_parent-link a */
		width:900px;
		margin:0 auto;
		padding-left:30px;									/* padding left submenu 1 liv */
	}
	.slicknav_nav li ul li ul li a {
		padding-left:60px; 									/* padding left submenu 2 liv */
	}
	.slicknav_nav li ul li ul li ul li a {
		padding-left:90px;									/* padding left submenu 3 liv */
	}
	.slicknav_menu li li, .slicknav_menu li li a {			/* elimino margine dopo i submenu */
    	margin-bottom:-1px;
	}



/* cross hamburgher */

	.slicknav_icon span{transition: all 0.4s;}

	.slicknav_icon span.cross_menu
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-6px, -4px);
	}
	.slicknav_icon span.cross_menu:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	.slicknav_icon span.cross_menu:nth-last-child(2)
	{
	  transform: rotate(-45deg) translate(-2px, -1px);
	}
	
	

	nav, #motore {
		display:none;
	}






	
	
	/* *** IMPAGINAZIONE *** */

	#social i{
		font-size:18px;
	}
	
	#headerInt{
		width:900px;
		height:65px;
	}

	/* trova */
	
	#cerca i{font-size:16px;}
	#cerca{
		right: 0;
	}
	#panelCerca{ 
		top:123px;
	}
	.panelScroll {top:85px !important;}
	
	#panelInt {
		padding:15px;
	}
	#panelCerca input[type="text"]{ 
		font-size: 1.3em;
		line-height:1.3em;
		width:350px;
	}
	#panelCerca button{
		font-size: 17px;
	}
	#panelChiudi{
		margin:0 75px 0 0;
	}
	
	#menuTop {
		/*right:40px;*/right:0;
		height:85px;
	}
	
	#menuTop_int {
		width:900px;
	}

	#logo{ 
		width:270px; 
	}

	#lingue{
		top: 50%;
		right:50px;
	}

	.container{
	  width:900px;
	}

	.template{
		padding:110px 0 0 0;
	}
	.noTemplate {margin:-45px 0 0 0;}
	
	.templateHome{
		padding:50px 0;
	}
	
	#footerInt{
	  width:900px;
	}

}






/* mob + tablet vert */
/* 768 */
@media(max-width: 991px) 
{


	body { 
		font-size:14px;
		line-height:18px;
		-webkit-text-size-adjust:none;
	}
	* { -webkit-touch-callout:none; }	


	#wrapper{
		margin:0; 
	}
	.pushfooter{
		height:auto; 
	}


	input, button, textarea, select {-webkit-appearance: none; border-radius: 0;}	
	input[type=checkbox],input[type=radio] {-webkit-appearance:checkbox;}
	

	/* shadowbox */
	#sb-info-inner{font-size:1.214em;}
	#sb-info,#sb-info-inner{height:40px;line-height:40px;}
	#sb-nav{float:right;height:40px;padding:10px 0 0 0;width:45%;}
	#sb-nav a{display:block;float:right;height:30px;width:30px; margin-left:30px; cursor:pointer; background-repeat:no-repeat;}
	#sb-nav-close{background-image:url(js/shadowbox/close2.png);}
	#sb-nav-next{background-image:url(js/shadowbox/next2.png);}
	#sb-nav-previous{background-image:url(js/shadowbox/previous2.png);}
	#sb-nav-play{background-image:url(js/shadowbox/play2.png);}
	#sb-nav-pause{background-image:url(js/shadowbox/pause2.png);}

	
		
	.slicknav_menu li a {												/* righe puls menu */
		width:768px;
		max-width: 90%;
	}

	.slicknav_nav .slicknav_parent a.slicknav_item{					/* voci cliccabili che aprono submenu */
		width:768px;
		max-width: 90%;						
	}
	
	.slicknav_nav li ul li a {   /* , .slicknav_nav .slicknav_parent-link a */
		width:768px;
		max-width: 90%;								/* padding left submenu 1 liv */
	}


		
	
	/* *** IMPAGINAZIONE *** */

	#social i{
		font-size:17px;
		margin:0 10px 0 0;
	}
	
	#headerInt{
		width:768px;
		max-width:90%;
		margin:0 auto;
		height:65px;
	}

	/* trova */
	
	#cerca i{font-size:16px;}
	#cerca{
		right: 60px;
	}
	#panelCerca{ 
		top:126px;
		width: 100%;
		background: #0096a4;
	}
	.panelScroll {top:126px !important;}
	
	#panelInt {
		padding:10px;
	}
	#panelCerca input[type="text"]{ 
		font-size: 1.3em;
		line-height:1.3em;
		width:900px;
		max-width: calc(100% - 80px);
	}
	#panelCerca button{
		font-size: 17px;
	}
	#panelChiudi{
		margin:2px 90px 0 0;
	}
	
	#logo{
		width:260px;
	}

	#lingue{ 
		right:54px;
	}

	.container{
		width:768px;
		max-width:90%;
		margin:0 auto;
	}
		
	.template{ padding:105px 0 0 0; }
	.noTemplate {margin:-40px 0 0 0;}
	
	.templateHome{ padding:40px 0; }
			
	.colFoot_b {border-left:0; padding-left:0;}

	footer{
	  width:100%;
	  height:auto;
	}
	
	#footerInt{
		position:relative;
		width:768px;
		max-width:90%;
		margin:0 auto;
		top:0;
		left:0;
		padding:35px 0 45px 0;
	}
	
	#kwords {position:relative; width:90%; margin:0 auto; padding-bottom:45px; text-align: left; min-height:auto;}


	
	/* --- bxslider --- */
	
	#carousel, .carousel_gall {min-height:100px;}
	
	#slideMob {display:block;}
	#slideDesk {display:none;}


	/* impg quadri */
	.base {display:none;}	
	.boxInt {
		position:relative;
		width:768px;
		margin:0 auto;
		padding:35px 0;
		left:0;
		top:0;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0); 
		-moz-transform: translate(0,0);
		transform: translate(0,0);		
	}
	
	/* nowrap mob */
	.nowrap_mob { white-space:nowrap; }
		
}





@media(max-width: 767px) 
{
	


	#headerInt{
		width:calc(100% - 60px);
		margin:0 30px;
	}
	
	#telefono{ 
		right: 50px;
	}

	#logo{
		max-width:65%;
	}
	
	#lingue{ 
		right:44px;
	}

	.container{
		width:calc(100% - 60px);
		margin:0 30px;
	}

	#footerInt{
		width:90%;
		margin:0 5%;
	}
	
	#kwords { width:calc(100% - 60px);	margin:0 30px;}


	/* impg quadri */
	.boxInt {
		width:calc(100% - 60px);
		margin:0 30px;
		padding:50px 0;
	}
	
}





/* --- media queries vis-nasc --- */

.center {text-align:center;}
.sx {text-align:left;}
.dx {text-align:right;}

.nodesk {display:none;}
.notab {}
.nodesk.notab, .notab.nodesk  {display:none;}

.cxdesk {text-align:center;}
.sxdesk {text-align:left;}
.dxdesk {text-align:right;}

.padd {padding:40px;}
.paddL {padding:0 40px;}
	
@media(max-width: 1279px) 
{
	.nodesk {display:inline-block;}
	.notab {display:none;}
	.notab.nomob, .nomob.notab{display:none;}

	.cxtab {text-align:center;}
	.sxtab {text-align:left;}
	.dxtab {text-align:right;}
	
	.padd {padding:35px;}
	.paddL {padding:0 35px;}
}
/* 768 */
@media (max-width: 991px)   
{
	.nodesk {display:inline-block;}
	.notab {display:inline-block;}
	.nodesk.notab, .notab.nodesk {display:inline-block;}
	.nomob {display:none;}
	.chiudi.nomob {display:none;}
	
	.cxdesk {text-align:justify;}
	.sxdesk {text-align:justify;}
	.dxdesk {text-align:justify;}	
	
	.cxmob {text-align:center;}
	.sxmob {text-align:left;}
	.dxmob {text-align:right;}	
	
	.cxmob h1, .cxmob h2, .cxmob h3, .cxmob h4, .cxmob h5, .cxmob .tit1, .cxmob .tit2, .cxmob .tit3, .cxmob .tit4 {text-align: center !important;}
	
	.padd {padding:30px;}
	.paddL {padding:0;}
}
	
@media (max-width: 768px)   
{
	.cxmobxs {text-align:center;}
	.sxmobxs {text-align:left;}
	.dxmobxs {text-align:right;}	

	.nomobxs {display:none;}
	.chiudi.nomobxs {display:none;}
	
	.cxmobxs h1, .cxmobxs h2, .cxmobxs h3, .cxmobxs h4, .cxmobxs h5, .cxmobxs .tit1, .cxmobxs .tit2, .cxmobxs .tit3, .cxmobxs .tit4 {text-align: center !important;}
}	


	
	
	
	



/* *** ------ BOOTSTRAP ------ *** */




/* ****************************

per colonne SM abilitare in bootstrap 768 (o altro) -sm e cambiare da 991 a 768 (o altro) margintop-mob ecc...
abilitare in fondo @media (min-width: 768px) and (max-width: 991px) ... sm-

*************************** */


/* gallery (video e youtube) full da cms */
.fullGall {padding:0;} /* 40px min-width 1279 */

@media (max-width: 991px)   
{
	.fullGall {padding:0;}
}

@media (max-width: 767px)   
{
	.fullGall {padding:0;}
}


.container_row { 			/* usare prima di row (interno) se annidiamo */
	padding-right: 15px;
	padding-left: 15px;
}
	
.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.no-padding [class*="col-"] { /* abbinare a row */
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-padding { 
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.no-padding .row [class*="col-"] { /* abbinare a row */
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.no-padding .row { 
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.half-padding [class*="col-"] { /* abbinare a row */
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.half-padding {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.xl-padding [class*="col-"] { /* abbinare a row */
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.xl-padding {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

/* se row dentro row xl-padding o row half-padding, se row non serve */
.xl-padding .row [class*="col-"] {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.xl-padding .row.half-padding [class*="col-"] {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.center-col {
	float:none; 
	margin:0 auto;
}


/* ----- margini ------ */

/* mobile e tablet (# desktop) */
.margintop-s { margin-top:7px; }
.marginbot-s { margin-bottom:7px; }
.margintop-m { margin-top:15px; }
.marginbot-m { margin-bottom:15px; }
.margintop-l { margin-top:30px; }
.marginbot-l { margin-bottom:30px; }

.noMarginTop-l { margin-top:-30px; }

.alt-xs{ height:3px; }
.alt-s{ height:7px; }
.alt-m{ height:15px; }
.alt-l{ height:30px; }
.alt-xl{ height:45px; }




/* ------ all ------ */

/* point5 only static */

.col-xs-1, .col-xs-1point5,  .col-sm-1,  .col-sm-1point5,  .col-md-1,  .col-md-1point5,  .col-lg-1,  .col-lg-1point5,  .col-xs-2,  .col-xs-2point5,  .col-sm-2,  .col-sm-2point5,  .col-md-2,  .col-md-2point5,  .col-lg-2,  .col-lg-2point5,  .col-xs-3,  .col-xs-3point5,  .col-sm-3,  .col-sm-3point5,  .col-md-3,  .col-md-3point5,  .col-lg-3,  .col-lg-3point5,  .col-xs-4,  .col-xs-4point5,  .col-sm-4,  .col-sm-4point5,  .col-md-4,  .col-md-4point5,  .col-lg-4,  .col-lg-4point5,  .col-xs-5,  .col-xs-5point5,  .col-sm-5,  .col-sm-5point5,  .col-md-5,  .col-md-5point5,  .col-lg-5,  .col-lg-5point5,  .col-xs-6,  .col-xs-6point5,  .col-sm-6,  .col-sm-6point5,  .col-md-6,  .col-md-6point5,  .col-lg-6,  .col-lg-6point5,  .col-xs-7,  .col-xs-7point5,  .col-sm-7,  .col-sm-7point5,  .col-md-7,  .col-md-7point5,  .col-lg-7,  .col-lg-7point5,  .col-xs-8,  .col-xs-8point5,  .col-sm-8,  .col-sm-8point5,  .col-md-8,  .col-md-8point5,  .col-lg-8,  .col-lg-8point5,  .col-xs-9,  .col-xs-9point5,  .col-sm-9,  .col-sm-9point5,  .col-md-9,  .col-md-9point5,  .col-lg-9,  .col-lg-9point5,  .col-xs-10,  .col-xs-10point5,  .col-sm-10,  .col-sm-10point5,  .col-md-10,  .col-md-10point5,  .col-lg-10,  .col-lg-10point5,  .col-xs-11,  .col-xs-11point5,  .col-sm-11,  .col-sm-11point5,.col-md-11, .col-md-11point5,  .col-lg-11,  .col-lg-11point5,  .col-xs-12,  .col-xs-point5,  .col-sm-12,  .col-sm-point5,  .col-md-12,  .col-md-point5,  .col-lg-12,  .col-lg-point5{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}




/* ------ XS ------ */

.col-xs-1,.col-xs-1point5, .col-xs-2,.col-xs-2point5, .col-xs-3,.col-xs-3point5, .col-xs-4, .col-xs-4point5,.col-xs-5,.col-xs-5point5, .col-xs-6,.col-xs-6point5, .col-xs-7,.col-xs-7point5, .col-xs-8,.col-xs-8point5, .col-xs-9,.col-xs-9point5, .col-xs-10,.col-xs-10point5, .col-xs-11,.col-xs-11point5, .col-xs-12 ,.col-xs-point5{
  float: left;
}
.col-xs-12 {width: 100%;}
.col-xs-point5 {width: 4.16666667%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-11point5{width: 95.83333334%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-10point5{width: 87.5%;}
.col-xs-9 {width: 75%;}
.col-xs-9point5{width: 79.16666667%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-8point5{width: 70.83333334%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-7point5{width: 62.5%;}
.col-xs-6 {width: 50%;}
.col-xs-6point5{width: 54.16666667%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-5point5{width: 45.83333334%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-4point5{width: 37.5%;}
.col-xs-3 {width: 25%;}
.col-xs-3point5{width: 29.16666667%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-2point5{width: 20.83333334%;}
.col-xs-1 {width: 8.33333333%;}
.col-xs-1point5{width: 12.5%;}
.col-xs-pull-12 {right: 100%;}
.col-xs-pull-point5 {right: 4.16666667%;}
.col-xs-pull-11 {right: 91.66666667%;}
.col-xs-pull-11point5{right: 95.83333334%;}
.col-xs-pull-10 {right: 83.33333333%;}
.col-xs-pull-10point5{right: 87.5%;}
.col-xs-pull-9 {right: 75%;}
.col-xs-pull-9point5{right: 79.16666667%;}
.col-xs-pull-8 {right: 66.66666667%;}
.col-xs-pull-8point5{right: 70.83333334%;}
.col-xs-pull-7 {right: 58.33333333%;}
.col-xs-pull-7point5{right: 62.5%;}
.col-xs-pull-6 {right: 50%;}
.col-xs-pull-6point5{right: 54.16666667%;}
.col-xs-pull-5 {right: 41.66666667%;}
.col-xs-pull-5point5{right: 45.83333334%;}
.col-xs-pull-4 {right: 33.33333333%;}
.col-xs-pull-4point5{right: 37.5%;}
.col-xs-pull-3 {right: 25%;}
.col-xs-pull-3point5{right: 29.16666667%;}
.col-xs-pull-2 {right: 16.66666667%;}
.col-xs-pull-2point5{right: 20.83333334%;}
.col-xs-pull-1 {right: 8.33333333%;}
.col-xs-pull-1point5{right: 12.5%;}
.col-xs-pull-0 {right: auto;}
.col-xs-pull-0 {right: auto;}
.col-xs-push-12 {left: 100%;}
.col-xs-push-point5 {left: 4.16666667%;}
.col-xs-push-11 {left: 91.66666667%;}
.col-xs-push-11point5{left: 95.83333334%;}
.col-xs-push-10 {left: 83.33333333%;}
.col-xs-push-10point5{left: 87.5%;}
.col-xs-push-9 {left: 75%;}
.col-xs-push-9point5{left: 79.16666667%;}
.col-xs-push-8 {left: 66.66666667%;}
.col-xs-push-8point5{left: 70.83333334%;}
.col-xs-push-7 {left: 58.33333333%;}
.col-xs-push-7point5{left: 62.5%;}
.col-xs-push-6 {left: 50%;}
.col-xs-push-6point5{left: 54.16666667%;}
.col-xs-push-5 {left: 41.66666667%;}
.col-xs-push-5point5{left: 45.83333334%;}
.col-xs-push-4 {left: 33.33333333%;}
.col-xs-push-4point5{left: 37.5%;}
.col-xs-push-3 {left: 25%;}
.col-xs-push-3point5{left: 29.16666667%;}
.col-xs-push-2 {left: 16.66666667%;}
.col-xs-push-2point5{left: 20.83333334%;}
.col-xs-push-1 {left: 8.33333333%;}
.col-xs-push-1point5{left: 12.5%;}
.col-xs-push-0 {left: auto;}
.col-xs-offset-point5 {margin-left: 4.16666667%;}
.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-11point5{margin-left: 95.83333334%;}
.col-xs-offset-11 {margin-left: 91.66666667%;}
.col-xs-offset-10point5{margin-left: 87.5%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-xs-offset-9point5{margin-left: 79.16666667%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-8point5{margin-left: 70.83333334%;}
.col-xs-offset-8 {margin-left: 66.66666667%;}
.col-xs-offset-7point5{margin-left: 62.5%;}
.col-xs-offset-7 {margin-left: 58.33333333%;}
.col-xs-offset-6point5{margin-left: 54.16666667%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-5point5{margin-left: 45.83333334%;}
.col-xs-offset-5 {margin-left: 41.66666667%;}
.col-xs-offset-4point5{margin-left: 37.5%;}
.col-xs-offset-4 {margin-left: 33.33333333%;}
.col-xs-offset-3point5{margin-left: 29.16666667%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-2point5{margin-left: 20.83333334%;}
.col-xs-offset-2 {margin-left: 16.66666667%;}
.col-xs-offset-1point5{margin-left: 12.5%;}
.col-xs-offset-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0;}



/* 768 */
@media (max-width: 991px)  
{
/*
  [class*="col-"]{
      margin-bottom: 20px;
  }
*/

	.margintop-mob-s { margin-top:7px; }
	.marginbot-mob-s { margin-bottom:7px; }
	.margintop-mob-m { margin-top:15px; }
	.marginbot-mob-m { margin-bottom:15px; }
	.margintop-mob-l { margin-top:30px; }
	.marginbot-mob-l { margin-bottom:30px; }
	
	.noMarginTop-l { margin-top:-30px; }

	.section .margintop-mob-s:nth-of-type(1), .section .margintop-mob-m:nth-of-type(1), .section .margintop-mob-l:nth-of-type(1) {margin-top:0;}

}







/* ------ SM ------ */
/*
@media (min-width: 768px) 
{
*/

/* prima (992px) == md per tiny bootstrap, ora 769 e se usiamo classe sm */
@media (min-width: 769px) 
{

/*
  [class*="col-"]{
      margin-bottom: 20px;
  }
*/
/*
	.margintop-bug { margin-top:0; }	

	.alt-xs{ height:3px; }
	.alt-s{ height:7px; }
	.alt-m{ height:15px; }
	.alt-l{ height:30px; }
	.alt-xl{ height:40px; }
*/

	[class*="col-sm"].margintop-mob-s, [class*="col-sm"].margintop-mob-m, [class*="col-sm"].margintop-mob-l, [class*="col-sm"].marginbot-mob-s, [class*="col-sm"].marginbot-mob-m, [class*="col-sm"].marginbot-mob-l {margin:0;}

	.col-sm-1, .col-sm-1point5,.col-sm-2,.col-sm-2point5, .col-sm-3, .col-sm-3point5,.col-sm-4, .col-sm-4point5,.col-sm-5,col-sm-5point5, .col-sm-6, .col-sm-6point5,.col-sm-7,.col-sm-7point5, .col-sm-8,.col-sm-8point5, .col-sm-9,.col-sm-9point5, .col-sm-10, .col-sm-10point5,.col-sm-10point5, .col-sm-11,.col-sm-11point5, .col-sm-12,.col-sm-point5 {  float: left; }
	
	.col-sm-12 {width: 100%;}
	.col-sm-point5 {width: 4.16666667%;}
	.col-sm-11 {width: 91.66666667%;}
	.col-sm-11point5{width: 95.83333334%;}
	.col-sm-10 {width: 83.33333333%;}
	.col-sm-10point5{width: 87.5%;}
	.col-sm-9 {width: 75%;}
	.col-sm-9point5{width: 79.16666667%;}
	.col-sm-8 {width: 66.66666667%;}
	.col-sm-8point5{width: 70.83333334%;}
	.col-sm-7 {width: 58.33333333%;}
	.col-sm-7point5{width: 62.5%;}
	.col-sm-6 {width: 50%;}
	.col-sm-6point5{width: 54.16666667%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-5point5{width: 45.83333334%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-4point5{width: 37.5%;}
	.col-sm-3 {width: 25%;}
	.col-sm-3point5{width: 29.16666667%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-2point5{width: 20.83333334%;}
	.col-sm-1 {width: 8.33333333%;}
	.col-sm-1point5{width: 12.5%;}
	.col-sm-pull-12 {right: 100%;}
	.col-sm-pull-point5 {right: 4.16666667%;}
	.col-sm-pull-11 {right: 91.66666667%;}
	.col-sm-pull-11point5{right: 95.83333334%;}
	.col-sm-pull-10 {right: 83.33333333%;}
	.col-sm-pull-10point5{right: 87.5%;}
	.col-sm-pull-9 {right: 75%;}
	.col-sm-pull-9point5{right: 79.16666667%;}
	.col-sm-pull-8 {right: 66.66666667%;}
	.col-sm-pull-8point5{right: 70.83333334%;}
	.col-sm-pull-7 {right: 58.33333333%;}
	.col-sm-pull-7point5{right: 62.5%;}
	.col-sm-pull-6 {right: 50%;}
	.col-sm-pull-6point5{right: 54.16666667%;}
	.col-sm-pull-5 {right: 41.66666667%;}
	.col-sm-pull-5point5{right: 45.83333334%;}
	.col-sm-pull-4 {right: 33.33333333%;}
	.col-sm-pull-4point5{right: 37.5%;}
	.col-sm-pull-3 {right: 25%;}
	.col-sm-pull-3point5{right: 29.16666667%;}
	.col-sm-pull-2 {right: 16.66666667%;}
	.col-sm-pull-2point5{right: 20.83333334%;}
	.col-sm-pull-1 {right: 8.33333333%;}
	.col-sm-pull-1point5{right: 12.5%;}
	.col-sm-pull-0 {right: auto;}
	.col-sm-push-point5 {left: 4.16666667%;}
	.col-sm-push-12 {left: 100%;}
	.col-sm-push-11point5{left: 95.83333334%;}
	.col-sm-push-11 {left: 91.66666667%;}
	.col-sm-push-10point5{left: 87.5%;}
	.col-sm-push-10 {left: 83.33333333%;}
	.col-sm-push-9point5{left: 79.16666667%;}
	.col-sm-push-9 {left: 75%;}
	.col-sm-push-8point5{left: 70.83333334%;}
	.col-sm-push-8 {left: 66.66666667%;}
	.col-sm-push-7point5{left: 62.5%;}
	.col-sm-push-7 {left: 58.33333333%;}
	.col-sm-push-6point5{left: 54.16666667%;}
	.col-sm-push-6 {left: 50%;}
	.col-sm-push-5point5{left: 45.83333334%;}
	.col-sm-push-5 {left: 41.66666667%;}
	.col-sm-push-4point5{left: 37.5%;}
	.col-sm-push-4 {left: 33.33333333%;}
	.col-sm-push-3point5{left: 29.16666667%;}
	.col-sm-push-3 {left: 25%;}
	.col-sm-push-2point5{left: 20.83333334%;}
	.col-sm-push-2 {left: 16.66666667%;}
	.col-sm-push-1point5{left: 12.5%;}
	.col-sm-push-1 {left: 8.33333333%;}
	.col-sm-offset-point5 {margin-left: 4.16666667%;}
	.col-sm-push-0 {left: auto;}
	.col-sm-offset-11point5{margin-left: 95.83333334%;}
	.col-sm-offset-12 {margin-left: 100%;}
	.col-sm-offset-10point5{margin-left: 87.5%;}
	.col-sm-offset-11 {margin-left: 91.66666667%;}
	.col-sm-offset-9point5{margin-left: 79.16666667%;}
	.col-sm-offset-10 {margin-left: 83.33333333%;}
	.col-sm-offset-8point5{margin-left: 70.83333334%;}
	.col-sm-offset-9 {margin-left: 75%;}
	.col-sm-offset-7point5{margin-left: 62.5%;}
	.col-sm-offset-8 {margin-left: 66.66666667%;}
	.col-sm-offset-6point5{margin-left: 54.16666667%;}
	.col-sm-offset-7 {margin-left: 58.33333333%;}
	.col-sm-offset-5point5{margin-left: 45.83333334%;}
	.col-sm-offset-6 {margin-left: 50%;}
	.col-sm-offset-4point5{margin-left: 37.5%;}
	.col-sm-offset-5 {margin-left: 41.66666667%;}
	.col-sm-offset-3point5{margin-left: 29.16666667%;}
	.col-sm-offset-4 {margin-left: 33.33333333%;}
	.col-sm-offset-2point5{margin-left: 20.83333334%;}
	.col-sm-offset-3 {margin-left: 25%;}
	.col-sm-offset-1point5{margin-left: 12.5%;}
	.col-sm-offset-2 {margin-left: 16.66666667%;}
	.col-sm-offset-1 {margin-left: 8.33333333%;}
	.col-sm-offset-0 {margin-left: 0;}

}



/* ------ MD ------ */
@media (min-width: 992px) 
{

	.col-md-1,.col-md-1point5, .col-md-2,.col-md-2point5, .col-md-3,.col-md-3point5, .col-md-4,.col-md-4point5, .col-md-5,.col-md-5point5, .col-md-6,.col-md-6point5, .col-md-7,.col-md-7point5, .col-md-8,.col-md-8point5, .col-md-9,.col-md-9point5, .col-md-10,.col-md-10point5, .col-md-11,.col-md-11point5, .col-md-12,.col-md-point5 { float: left; }
  
	.col-md-12 {width: 100%;}
	.col-md-point5 {width: 4.16666667%;}
	.col-md-11 {width: 91.66666667%;}
	.col-md-11point5{width: 95.83333334%;}
	.col-md-10 {width: 83.33333333%;}
	.col-md-10point5{width: 87.5%;}
	.col-md-9 {width: 75%;}
	.col-md-9point5{width: 79.16666667%;}
	.col-md-8 {width: 66.66666667%;}
	.col-md-8point5{width: 70.83333334%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-7point5{width: 62.5%;}
	.col-md-6 {width: 50%;}
	.col-md-6point5{width: 54.16666667%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-5point5{width: 45.83333334%;}
	.col-md-4 {width: 33.33333333%;}
	.col-md-4point5{width: 37.5%;}
	.col-md-3 {width: 25%;}
	.col-md-3point5{width: 29.16666667%;}
	.col-md-2 {width: 16.66666667%;}
	.col-md-2point5{width: 20.83333334%;}
	.col-md-1 {width: 8.33333333%;}
	.col-md-1point5{width: 12.5%;}
	.col-md-pull-12 {right: 100%;}
	.col-md-pull-point5 {right: 4.16666667%;}
	.col-md-pull-11 {right: 91.66666667%;}
	.col-md-pull-11point5{right: 95.83333334%;}
	.col-md-pull-10 {right: 83.33333333%;}
	.col-md-pull-10point5{right: 87.5%;}
	.col-md-pull-9 {right: 75%;}
	.col-md-pull-9point5{right: 79.16666667%;}
	.col-md-pull-8 {right: 66.66666667%;}
	.col-md-pull-8point5{right: 70.83333334%;}
	.col-md-pull-7 {right: 58.33333333%;}
	.col-md-pull-7point5{right: 62.5%;}
	.col-md-pull-6 {right: 50%;}
	.col-md-pull-6point5{right: 54.16666667%;}
	.col-md-pull-5 {right: 41.66666667%;}
	.col-md-pull-5point5{right: 45.83333334%;}
	.col-md-pull-4 {right: 33.33333333%;}
	.col-md-pull-4point5{right: 37.5%;}
	.col-md-pull-3 {right: 25%;}
	.col-md-pull-3point5{right: 29.16666667%;}
	.col-md-pull-2 {right: 16.66666667%;}
	.col-md-pull-2point5{right: 20.83333334%;}
	.col-md-pull-1 {right: 8.33333333%;}
	.col-md-pull-1point5{right: 12.5%;}
	.col-md-pull-0 {right: auto  }
	.col-md-pull-0 {right: auto;}
	.col-md-push-12 {left: 100%;}
	.col-md-push-point5 {left: 4.16666667%;}
	.col-md-push-11 {left: 91.66666667%;}
	.col-md-push-11point5{left: 95.83333334%;}
	.col-md-push-10 {left: 83.33333333%;}
	.col-md-push-10point5{left: 87.5%;}
	.col-md-push-9 {left: 75%;}
	.col-md-push-9point5{left: 79.16666667%;}
	.col-md-push-8 {left: 66.66666667%;}
	.col-md-push-8point5{left: 70.83333334%;}
	.col-md-push-7 {left: 58.33333333%;}
	.col-md-push-7point5{left: 62.5%;}
	.col-md-push-6 {left: 50%;}
	.col-md-push-6point5{left: 54.16666667%;}
	.col-md-push-5 {left: 41.66666667%;}
	.col-md-push-5point5{left: 45.83333334%;}
	.col-md-push-4 {left: 33.33333333%;}
	.col-md-push-4point5{left: 37.5%;}
	.col-md-push-3 {left: 25%;}
	.col-md-push-3point5{left: 29.16666667%;}
	.col-md-push-2 {left: 16.66666667%;}
	.col-md-push-2point5{left: 20.83333334%;}
	.col-md-push-1 {left: 8.33333333%;}
	.col-md-push-1point5{left: 12.5%;}
	.col-md-push-0 {left: auto  }
	.col-md-offset-point5 {margin-left: 4.16666667%;}
	.col-md-offset-12 {margin-left: 100%;}
	.col-md-offset-11point5{margin-left: 95.83333334%;}
	.col-md-offset-11 {margin-left: 91.66666667%;}
	.col-md-offset-10point5{margin-left: 87.5%;}
	.col-md-offset-10 {margin-left: 83.33333333%;}
	.col-md-offset-9point5{margin-left: 79.16666667%;}
	.col-md-offset-9 {margin-left: 75%;}
	.col-md-offset-8point5{margin-left: 70.83333334%;}
	.col-md-offset-8 {margin-left: 66.66666667%;}
	.col-md-offset-7point5{margin-left: 62.5%;}
	.col-md-offset-7 {margin-left: 58.33333333%;}
	.col-md-offset-6point5{margin-left: 54.16666667%;}
	.col-md-offset-6 {margin-left: 50%;}
	.col-md-offset-5point5{margin-left: 45.83333334%;}
	.col-md-offset-5 {margin-left: 41.66666667%;}
	.col-md-offset-4point5{margin-left: 37.5%;}
	.col-md-offset-4 {margin-left: 33.33333333%;}
	.col-md-offset-3point5{margin-left: 29.16666667%;}
	.col-md-offset-3 {margin-left: 25%;}
	.col-md-offset-2point5{margin-left: 20.83333334%;}
	.col-md-offset-2 {margin-left: 16.66666667%;}
	.col-md-offset-1point5{margin-left: 12.5%;}
	.col-md-offset-1 {margin-left: 8.33333333%;}
	.col-md-offset-0 {margin-left: 0;}

}


/* ------ LG ------ */
@media (min-width: 1279px) 
{

	.container_row {
		padding-right: 20px;
		padding-left: 20px;
	}

	.row {
		margin-right: -20px;
		margin-left: -20px;
	}

	.no-padding .row [class*="col-"] { /* abbinare a row */
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.no-padding .row { 
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	
	.half-padding [class*="col-"] { /* abbinare a row */
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.half-padding {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	
	.xl-padding [class*="col-"] { /* abbinare a row */
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	.xl-padding {
		margin-left: -35px !important;
		margin-right: -35px !important;
	}

	/* se row dentro row xl-padding o row half-padding, se row non serve */
	.xl-padding .row [class*="col-"] {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.xl-padding .row.half-padding [class*="col-"] {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.col-xs-1, .col-xs-1point5,  .col-sm-1,  .col-sm-1point5,  .col-md-1,  .col-md-1point5,  .col-lg-1,  .col-lg-1point5,  .col-xs-2,  .col-xs-2point5,  .col-sm-2,  .col-sm-2point5,  .col-md-2,  .col-md-2point5,  .col-lg-2,  .col-lg-2point5,  .col-xs-3,  .col-xs-3point5,  .col-sm-3,  .col-sm-3point5,  .col-md-3,  .col-md-3point5,  .col-lg-3,  .col-lg-3point5,  .col-xs-4,  .col-xs-4point5,  .col-sm-4,  .col-sm-4point5,  .col-md-4,  .col-md-4point5,  .col-lg-4,  .col-lg-4point5,  .col-xs-5,  .col-xs-5point5,  .col-sm-5,  .col-sm-5point5,  .col-md-5,  .col-md-5point5,  .col-lg-5,  .col-lg-5point5,  .col-xs-6,  .col-xs-6point5,  .col-sm-6,  .col-sm-6point5,  .col-md-6,  .col-md-6point5,  .col-lg-6,  .col-lg-6point5,  .col-xs-7,  .col-xs-7point5,  .col-sm-7,  .col-sm-7point5,  .col-md-7,  .col-md-7point5,  .col-lg-7,  .col-lg-7point5,  .col-xs-8,  .col-xs-8point5,  .col-sm-8,  .col-sm-8point5,  .col-md-8,  .col-md-8point5,  .col-lg-8,  .col-lg-8point5,  .col-xs-9,  .col-xs-9point5,  .col-sm-9,  .col-sm-9point5,  .col-md-9,  .col-md-9point5,  .col-lg-9,  .col-lg-9point5,  .col-xs-10,  .col-xs-10point5,  .col-sm-10,  .col-sm-10point5,  .col-md-10,  .col-md-10point5,  .col-lg-10,  .col-lg-10point5,  .col-xs-11,  .col-xs-11point5,  .col-sm-11,  .col-sm-11point5,.col-md-11, .col-md-11point5,  .col-lg-11,  .col-lg-11point5,  .col-xs-12,  .col-xs-point5,  .col-sm-12,  .col-sm-point5,  .col-md-12,  .col-md-point5,  .col-lg-12,  .col-lg-point5{
		padding-right: 20px;
		padding-left: 20px;
	}

	.margintop-s { margin-top:10px; }
	.marginbot-s { margin-bottom:10px; }
	.margintop-m { margin-top:20px; }
	.marginbot-m { margin-bottom:20px; }
	.margintop-l { margin-top:40px; }
	.marginbot-l { margin-bottom:40px; }
	
	.noMarginTop-l { margin-top:-40px; }
	
	
	.alt-xs{ height:5px; }
	.alt-s{ height:10px; }
	.alt-m{ height:20px; }
	.alt-l{ height:40px; }
	.alt-xl{ height:60px; }


    .col-lg-1,.col-lg-1point5, .col-lg-2,.col-lg-2point5, .col-lg-3,.col-lg-3point5, .col-lg-4,.col-lg-4point5, .col-lg-5,.col-lg-5point5, .col-lg-6,.col-lg-6point5, .col-lg-7,.col-lg-7point5, .col-lg-8,.col-lg-8point5, .col-lg-9,.col-lg-9point5, .col-lg-10,.col-lg-10point5, .col-lg-11,.col-lg-11point5, .col-lg-12,.col-lg-point5 { float: left; }
	.col-lg-12 {width: 100%;}
	.col-lg-point5 {width: 4.16666667%;}
	.col-lg-11 {width: 91.66666667%;}
	.col-lg-11point5{width: 95.83333334%;}
	.col-lg-10 {width: 83.33333333%;}
	.col-lg-10point5{width: 87.5%;}
	.col-lg-9 {width: 75% }
	.col-lg-9point5{width: 79.16666667%;}
	.col-lg-8 {width: 66.66666667% }
	.col-lg-8point5{width: 70.83333334%;}
	.col-lg-7 {width: 58.33333333%;}
	.col-lg-7point5{width: 62.5%;}
	.col-lg-6 {width: 50%;}
	.col-lg-6point5{width: 54.16666667%;}
	.col-lg-5 {width: 41.66666667%;}
	.col-lg-5point5{width: 45.83333334%;}
	.col-lg-4 {width: 33.33333333% }
	.col-lg-4point5{width: 37.5%;}
	.col-lg-3 {width: 25%;}
	.col-lg-3point5{width: 29.16666667%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-2point5{width: 20.83333334%;}
	.col-lg-1 {width: 8.33333333%;}
	.col-lg-1point5{width: 12.5%;}
	.col-lg-pull-12 {right: 100%;}
	.col-lg-pull-point5 {right: 4.16666667%;}
	.col-lg-pull-11 {right: 91.66666667% }
	.col-lg-pull-11point5{right: 95.83333334%;}
	.col-lg-pull-10 {right: 83.33333333%;}
	.col-lg-pull-10point5{right: 87.5%;}
	.col-lg-pull-9 {right: 75%;}
	.col-lg-pull-9point5{right: 79.16666667%;}
	.col-lg-pull-8 {right: 66.66666667% }
	.col-lg-pull-8point5{right: 70.83333334%;}
	.col-lg-pull-7 {right: 58.33333333% }
	.col-lg-pull-7point5{right: 62.5%;}
	.col-lg-pull-6 {right: 50% }
	.col-lg-pull-6point5{right: 54.16666667%;}
	.col-lg-pull-5 {right: 41.66666667%;}
	.col-lg-pull-5point5{right: 45.83333334%;}
	.col-lg-pull-4 {right: 33.33333333%;}
	.col-lg-pull-4point5{right: 37.5%;}
	.col-lg-pull-3 {right: 25%;}
	.col-lg-pull-3point5{right: 29.16666667%;}
	.col-lg-pull-2 {right: 16.66666667%;}
	.col-lg-pull-2point5{right: 20.83333334%;}
	.col-lg-pull-1 {right: 8.33333333%;}
	.col-lg-pull-1point5{right: 12.5%;}
	.col-lg-pull-0 {right: auto  }
	.col-lg-push-point5 {left: 4.16666667%;}
	.col-lg-push-12 {left: 100% }
	.col-lg-push-11point5{left: 95.83333334%;}
	.col-lg-push-11 {left: 91.66666667%;}
	.col-lg-push-10point5{left: 87.5%;}
	.col-lg-push-10 {left: 83.33333333%;}
	.col-lg-push-9point5{left: 79.16666667%;}
	.col-lg-push-9 {left: 75%;}
	.col-lg-push-8point5{left: 70.83333334%;}
	.col-lg-push-8 {left: 66.66666667%;}
	.col-lg-push-7point5{left: 62.5%;}
	.col-lg-push-7 {left: 58.33333333%;}
	.col-lg-push-6point5{left: 54.16666667%;}
	.col-lg-push-6 {left: 50% }
	.col-lg-push-5point5{left: 45.83333334%;}
	.col-lg-push-5 {left: 41.66666667%;}
	.col-lg-push-4point5{left: 37.5%;}
	.col-lg-push-4 {left: 33.33333333%;}
	.col-lg-push-3point5{left: 29.16666667%;}
	.col-lg-push-3 {left: 25% }
	.col-lg-push-2point5{left: 20.83333334%;}
	.col-lg-push-2 {left: 16.66666667%;}
	.col-lg-push-1point5{left: 12.5%;}
	.col-lg-push-1 {left: 8.33333333%;}
	.col-lg-offset-point5 {margin-left: 4.16666667%;}
	.col-lg-push-0 {left: auto  }
	.col-lg-offset-11point5{margin-left: 95.83333334%;}
	.col-lg-offset-12 {margin-left: 100%;}
	.col-lg-offset-10point5{margin-left: 87.5%;}
	.col-lg-offset-11 {margin-left: 91.66666667%;}
	.col-lg-offset-9point5{margin-left: 79.16666667%;}
	.col-lg-offset-10 {margin-left: 83.33333333% }
	.col-lg-offset-8point5{margin-left: 70.83333334%;}
	.col-lg-offset-9 {margin-left: 75%;}
	.col-lg-offset-7point5{margin-left: 62.5%;}
	.col-lg-offset-8 {margin-left: 66.66666667%;}
	.col-lg-offset-6point5{margin-left: 54.16666667%;}
	.col-lg-offset-7 {margin-left: 58.33333333%;}
	.col-lg-offset-5point5{margin-left: 45.83333334%;}
	.col-lg-offset-6 {margin-left: 50%;}
	.col-lg-offset-4point5{margin-left: 37.5%;}
	.col-lg-offset-5 {margin-left: 41.66666667%;}
	.col-lg-offset-3point5{margin-left: 29.16666667%;}
	.col-lg-offset-4 {margin-left: 33.33333333%;}
	.col-lg-offset-2point5{margin-left: 20.83333334%;}
	.col-lg-offset-3 {margin-left: 25%;}
	.col-lg-offset-1point5{margin-left: 12.5%;}
	.col-lg-offset-2 {margin-left: 16.66666667%;}
	.col-lg-offset-1 {margin-left: 8.33333333%;}
	.col-lg-offset-0 {margin-left: 0;}

}




/* divide 5 columns */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 769px) 
{
    .col-sm-5ths {
        width: 20%;
        float: left;
    }	
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1279px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    	padding-right: 20px;
    	padding-left: 20px;
    }
}






/* bug col- a capo ok */

/* usare div prima di row o assieme a row (se dopo altri annidati con row se no prima)*/

/* (SE USIAMO 'SM' QUI 768) */
@media (max-width: 991px)
{
	.bootclear > .col-xs-2:nth-child(6n+1) {
		clear: left;
	}	
	.bootclear > .col-xs-3:nth-child(4n+1) {
		clear: left;
	}	
	.bootclear > .col-xs-4:nth-child(3n+1) {
		clear: left;
	}
	.bootclear > .col-xs-6:nth-child(2n+1) {
		clear: left;
	}
	.bootclear > .col-xs-12 {
		clear: left;
	}

	/* solo per slideGallery (1 img) via pad prima img */
	
	.galx .margintop-l:nth-of-type(1) {margin-top:0 !important;}
	
	/* ******************** */
	
}

/* (se sm abilitare) */
@media (min-width: 769px) and (max-width: 991px)
{

	/* ??? se usiamo sm x es. solo in home non cambiare min-width usiamo questo 
	.bootclear > .col-xs-2:nth-child(6n+1) {
		clear:left;
	}	
	.bootclear > .col-xs-3:nth-child(4n+1) {
		clear:left;
	}	
	.bootclear > .col-xs-4:nth-child(3n+1) {
		clear:left;
	}
	.bootclear > .col-xs-6:nth-child(2n+1) {
		clear:left;
	}
	.bootclear > .col-xs-12 {
		clear:left;
	}
	 *********************** */	
	
	.bootclear > .col-sm-2:nth-child(6n+1) {
		clear: left;
	}	
	.bootclear > .col-sm-3:nth-child(4n+1) {
		clear: left;
	}	
	.bootclear > .col-sm-4:nth-child(3n+1) {
		clear: left;
	}
	.bootclear > .col-sm-6:nth-child(2n+1) {
		clear: left;
	}
	.bootclear > .col-sm-12 {
		clear: left;
	}
	
	/* solo per slideGallery (2 img) no pad prime 2 */
	
	.galx > .margintop-mob-l {margin-top:30px !important;} /* rimetto pad tolto sopra in sm- */
	.galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2) {margin-top:0 !important;}
	
	/* ******************** */
}


@media (min-width: 992px) and (max-width: 1278px)
{
	.bootclear > .col-md-2:nth-child(6n+1) {
		clear: left;
	}	
	.bootclear > .col-md-3:nth-child(4n+1) {
		clear: left;
	}	
	.bootclear > .col-md-4:nth-child(3n+1) {
		clear: left;
	}
	.bootclear > .col-md-6:nth-child(2n+1) {
		clear: left;
	}
	.bootclear > .col-md-12 {
		clear: left;
	}

	/* solo per slideGallery (3 img) no pad prime 3 */
	
	.galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2), .galx > .margintop-l:nth-of-type(3) {margin-top:0 !important;}
	
	/* ******************** */
	
}

@media (min-width: 1279px) 
{	
	.bootclear > .col-lg-2:nth-child(6n+1) {
		clear: left;
	}	
	.bootclear > .col-lg-3:nth-child(4n+1) {
		clear: left;
	}	
	.bootclear > .col-lg-4:nth-child(3n+1) {
		clear: left;
	}
	.bootclear > .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
	.bootclear > .col-lg-12 {
		clear: left;
	}

	/* solo per slideGallery (4 img) no pad prime 4 */
	
	.galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2), .galx > .margintop-l:nth-of-type(3), .galx > .margintop-l:nth-of-type(4) {margin-top:0 !important;}
	
	/* ******************** */

}






/* --------------------- TINY --------------------- */

/* img resp editor */

.tiny {}
.center .tiny {text-align: center;}

.tiny img {max-width:100% !important; height:auto !important;}
.tiny .row + p {clear:both;} 

.tiny img[align="left"],
.tiny img[style*="float: left"],
.tiny img[style*="float:left"]{
    margin: 0 30px 0 0;
}
.tiny img[align="right"],
.tiny img[style*="float: right"],
.tiny img[style*="float:right"]{
    margin: 0 0 0 30px;
}

@media (max-width: 991px)
{

	.tiny .row + p {clear:both; height:0;} 
	
	/* cols tiny */
	.tiny .row [class*="col-"]{
		margin-bottom: 30px;			/* no margin tra col in mobile */
	}

	.tiny img[align="left"],
	.tiny img[style*="float: left"],
	.tiny img[style*="float:left"]{
		margin: 0;
		width:100% !important;
	}
	.tiny img[align="right"],
	.tiny img[style*="float: right"],
	.tiny img[style*="float:right"]{
		margin: 0;
		width:100% !important;
	}
}

/* cols tiny */
	
.tiny .row > .col-lg-2:nth-child(6n+1), .tiny .row > .col-md-2:nth-child(6n+1), .tiny .row > .col-sm-2:nth-child(6n+1), .tiny .row > .col-xs-2:nth-child(6n+1) {
	clear: left;
}	
.tiny .row > .col-lg-3:nth-child(4n+1), .tiny .row > .col-md-3:nth-child(4n+1), .tiny .row > .col-sm-3:nth-child(4n+1), .tiny .row > .col-xs-3:nth-child(4n+1) {
	clear: left;
}	
.tiny .row > .col-lg-4:nth-child(3n+1), .tiny .row > .col-md-4:nth-child(3n+1), .tiny .row > .col-sm-4:nth-child(3n+1), .tiny .row > .col-xs-4:nth-child(3n+1) {
	clear: left;
}
.tiny .row > .col-lg-6:nth-child(2n+1), .tiny .row > .col-md-6:nth-child(2n+1), .tiny .row > .col-sm-6:nth-child(2n+1), .tiny .row > .col-xs-6:nth-child(2n+1) {
	clear: left;
}
.tiny .row > .col-lg-12, .tiny .row > .col-md-12, .tiny .row > .col-sm-12, .tiny .row > .col-xs-12 {
	clear: left;
}

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



/* -------------- sfondi contenuti -------------- */

.sfondo_container {
  position: relative;
  z-index: 0;
  margin: 0 -600rem;
  padding: 60px 600rem;
}
.sfondo_container:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 598.5rem;
  right: 598.5rem;
}

@media (max-width: 1279px)
{
	.sfondo_container {
	  padding: 45px 600rem;
	}
}

@media (max-width: 991px)
{
	.sfondo_container {
	  padding: 35px 600rem;
	}
}

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



/* ---------------- img full width -------------- */

.img_full_width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media (max-width: 1279px)
{
	.img_full_width {
	  width: 120vw;
	  left: 50%;
	  right: 50%;
	  margin-left: -60vw;
	  margin-right: -60vw;
	}
}

@media (max-width: 991px)
{
	.img_full_width {
	  width: 150vw;
	  left: 50%;
	  right: 50%;
	  margin-left: -75vw;
	  margin-right: -75vw;
	}
}

@media (max-width: 600px)
{
	.img_full_width {
	  width: 200vw;
	  left: 50%;
	  right: 50%;
	  margin-left: -100vw;
	  margin-right: -100vw;
	}
}

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




/*

---> trasp crossbr

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;	
	
	--- oppure ---
	
	rgba(255, 255, 255, 0.8);
	
	

---> calc

	calc(-50% + 9px)
	
	---> x compatibilita' su safari (mac, pc non va mai) usare questo:	
	-webkit-calc(5% + 40px); 
	right:-moz-calc(5% + 40px); 
	right:calc(5% + 40px);


---> translate(x, y)

	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	

---> ombre txt
	
	text-shadow: 5px 5px 5px rgba(150, 150, 150, 0.8);   ----> oriz vert radius


---> bagliore txt (fondo nero)

	text-shadow: 0 0 10px #fff;


---> ombre

	box-shadow: 10px 10px 5px rgba(0,0,0,0.75);
	
	---> solo sotto (stondato)
	
	box-shadow: 0 12px 12px -12px rgba(0,0,0,0.2);
	
	---> solo sotto (lineare)
	
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);

	---old crossbr

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); ----> oriz vert blur radius 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);


---> radius

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

---> radius angolo per angolo
	
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	

---> img tonde (<img no width 100% />)

.image-cropper {
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.image-cropper img {
    width: auto;
	min-width:120px;
    height: 100%;
	position:absolute; 
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
}


---> img tonde  (anche se no quadrate)

.round {
	border-radius: 50%;
	overflow: hidden;
	width: 170px;
	height: 170px;
	margin:0 auto;
}
.round img {
	display: block;
	min-width: 100%;
	min-height: 100%;
}


---> awesome inside circle

i {
    width: 30px;
    height: 30px;
}

.icon-2x-circle {
    text-align: center;
    padding: 15px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
	background:#169282;
	color:#fff;
}

oppure solo:

.icon-2x-circle {
    text-align: center;
    padding: 10px 0 0 0;
    width: 44px;
    height: 44px;
    display: inline-block;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
	background:transparent;
	color:#349200;
	border:1px solid #349200;
}

<div class="icon-2x-circle"><i class="fa fa-tags fa-2x"></i></div>


---> list awesome (x ico: vedi: http://astronautweb.co/snippet/font-awesome/ oppure in DOC 'awesome list css')

.faul ul { margin: -7px 0 -7px 30px; padding:0; }
.faul ul li { color: #555; list-style: none; }
.faul ul li::before {
  color: #0184df;  
  font-family: 'FontAwesome';
  content: '\f00c';
  font-size: 1em; 
  display: inline-block;
  margin-left: -28px; 
  width: 28px; 
}

fa-chevron-right "\f054"
fa-plus "\f067"
fa-minus "\f068"
fa-caret-right "\f0da"
fa-angle-right "\f105"
 
 
---> liste colorate

$(function() 
{
	jQuery('li').wrapInner('<span class="li_content" />'); 
});

ul {margin: -7px 0 -7px 18px; padding:0; list-style-type: square;}
li {margin: 7px 0 7px 0; padding:0; color: #c4203b;}
li span.li_content {color:#444;}

 
---> gradient sfondo

#wrapper {
	background: #EFEFF0;
	background: -moz-linear-gradient(top, #EFEFF0 0%, #fff 80%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #EFEFF0), color-stop(80%, #fff));
	background: -webkit-linear-gradient(top, #EFEFF0 0%, #fff 80%);
	background: -o-linear-gradient(top, #EFEFF0 0%, #fff 80%);
	background: -ms-linear-gradient(top, #EFEFF0 0%, #fff 80%);
	background: linear-gradient(to bottom, #EFEFF0 0%, #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFF0', endColorstr='#fff', GradientType=0 );
}

---> txt centrato vert

display:flex; align-items:center; justify-content:left;


---> img vertical align middle

.divContImg {
	height: 90px;
}
.divContImg img {
    vertical-align: middle;
	height:100%;
	margin:0 12px 0 0;
}

<div class="divContImg"><img src="immagini/aaa.jpg" alt="" />testo</div>


---> center absolute

	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;


---> contenitore centrato con dentro float left/right ecc..

width:-moz-fit-content; width:-webkit-fit-content; width:fit-content; margin:0 auto;


---> align bottom inside <li>

nav ul li a {
	vertical-align:bottom;
	display: table-cell;
}


---> tagliare riga di testo

overflow:hidden; text-overflow:ellipsis; white-space:nowrap;


---> column right top page on mobile

<div class="row">
    <div class="col-sm-4 col-sm-push-8">A</div>
    <div class="col-sm-8 col-sm-pull-4">B</div>
</div>


---> titolo con linea

<div class="container"><div class="titLine">Title</div></div>

.titLine {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}

.titLine:before,
.titLine:after {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
} 

.titLine:before {
  right: 100%;
}

.titLine:after {
  left: 100%;
}

.container {
  overflow: hidden;
  text-align: center;
}


---> titolo sottolineato solo a meta'

h1,h2,h3,h4,h5,h6 {
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}
h1:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid red;
}


---> titolo sottolineato a metà

h1 {
    display: inline-block;
    padding-bottom: 30px;
	margin-bottom:30px;
    position: relative;
}
h1:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #111;
}

<h1>Titolo</h1>
<div class="chiudi"></div>


---> sottolineato 

strike-underline  {
    position: relative;
    white-space: nowrap;
}

strike-underline:after {
    border-bottom: 2px solid #fff;
    position: absolute;
    content: "";
    right: 0;
    bottom:0;
    left: 0;
}


---> titolo con riga dietrto a tutta pagina

<h2 class="title__divider ">
<span>NEWS</span>
</h2>

.title__divider {
    text-align: center;
    color: #6cb175 ;
    display: table;
    white-space: nowrap;
}
.title__divider span {
    display: inline-block;
    padding: 10px 12px;
    margin: 0 12px;
    border: 0px solid #6cb175; / * bordo intorn oa titolo * /
    position: relative;
    z-index: 11;
}
.title__divider:before, .title__divider:after {
    content: ' ';
    display: table-cell;
    width: 50%;
    background: -webkit-linear-gradient(#6cb175, #6cb175) repeat-x left center;
    background: linear-gradient(#6cb175, #6cb175) repeat-x left center;
    background-size: 1px 1px;
}


---> Dividers (tipo hr con simbolo) 

.g-hr {
	position: relative;
	font-size: 0;
	text-align: center;
	height: 24px;
	margin: 2% 0;
	width: 100%;
	padding: 2px 0;
	overflow: hidden;
	clear: both;
}
.g-hr-h:before,
.g-hr-h:after {
	display: inline-block;
	content: "";
	height: 1px;
	width: 50%;
	margin-top: 12px;
	vertical-align: top;
	position: relative;
	background-color: #ddd;
}
.g-hr-h:before {
	left: -10px;
	margin-left: -50%;
}
.g-hr-h:after {
	left: 10px;
	margin-right: -50%;
}
.g-hr-h i {
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	vertical-align: top;
	text-align: center;
	color: #ddd;
}
.g-hr-h {font-size:24px; color: #ddd;}

.g-hr.size_small {
	margin: 1% 0;
}

.g-hr.size_big {
	margin: 3% 0;
}

.g-hr.type_short {
	width: 15%;
	min-width:150px;
	margin-left: auto;
	margin-right: auto;
}

.g-hr.type_simple .g-hr-h:before {
	left: 0;
	margin-left: 0;
	width: 100%;
}
.g-hr.type_simple .g-hr-h:after,
.g-hr.type_simple .g-hr-h i {
	display: none;
}

<div class="g-hr type_big"><span class="g-hr-h">&diams;<!-- <i class="fa fa-heart"></i> --></span></div>


---> line through centered

.strike-center {
    position: relative;
    white-space: nowrap;
}

.strike-center:after {
    border-top: 1px solid #000;
    position: absolute;
    content: "";
    right: 0;
    top:50%;
    left: 0;
}


---> line through a croce

.cross {
    position: relative;
    display: inline-block;
}
.cross::before, .cross::after {
    content: '';
    width: 80%;
    position: absolute;
    right: 10%;
    top: 50%;
}
.cross::before {
    border-bottom: 2px solid #000;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.cross::after {
    border-bottom: 2px solid #000;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}



---> pari dispari

.tabHome {width:100%;}
.tabHome tr:nth-child(even) {
    background-color: #eee;
}
.tabHome tr td:nth-child(odd) {
    width:30%;
}
.tabHome tr td:nth-child(even) {
    width:70%;
}


---> spostare colonne da dx a sx e viceversa

<div class="col-lg-6 col-md-6 col-sm-6 col-lg-push-6 col-md-push-6 col-sm-push-6"></div>
<div class="col-lg-6 col-md-6 col-sm-6 col-lg-pull-6 col-md-pull-6 col-sm-pull-6"></div>



---> blocchi con img e txt centrato vert

.boxTxt{
	position:absolute;
	left: 0;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}

.boxImgBack {
	display:block; width:100%; height:auto; visibility:hidden;	
}

<div class="row no-padding">

    <div class="col-lg-6 col-md-6 col-sm-6">
        <img src="immagini/aaa.jpg" alt="" style="width:100%;" />
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6" style="position:relative;">

		<img src="immagini/aaa.jpg" alt="" />
        
		<div class="boxTxt">
xxx
		</div>    
    </div>
    
    <div class="chiudi"></div>
</div>



---> altro footer bottom

<div id="wrapper">
	<header> ... </header>	
	<div id="container"> ... </div>	
	<div id="footer"> ... </div>
</div>

#wrapper{
	min-height:100%;
	position:relative;
}
.container{
	padding-bottom:200px;
}
footer{
	width:100%;
	height:200px;
	position:absolute;
	bottom:0;
	left:0;
}



---> Tooltip

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 250px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}


------ triangolo ------

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

<div data-tooltip="testo tooltip">xxx</div>


---> over img zoom

.item {
  position: relative;  
  border: 0px solid #333;
  overflow: hidden;
  width: 100%;
}
.item img {
  width: 100%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

<div class="item"><img src=""></div>



---> overflow auto su IOS (scrollbar)

::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


---> testo firefox visualizzato male (solo alcuni font)

text-shadow: 0 0 0;


---> solo smartphone landscape
@media (max-width: 768px) and (orientation : landscape) {
	.xxx {display:none;}
}


---> orientation

@media (max-width: 768px) and (orientation : portrait) { }

@media (max-width: 768px) and (orientation : landscape) { }



---> obliquo sparatore non  rectangular

<div class="separator-margin"></div>
<div class="separator-oblique"></div>

.separator-margin {height:135px;}
.separator-oblique{
  height: 100px;
  margin-top:-100px;
  background-image: linear-gradient(to bottom left, transparent, transparent 50%, #000 50%, #000);



*/