* {
  -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:top;}
/* table td {padding-bottom:4px;} */



@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'open_sansitalic';
    src: url('font/opensans-italic-webfont.woff2') format('woff2'),
         url('font/opensans-italic-webfont.woff') format('woff'),
         url('font/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('font/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('font/opensans-semibolditalic-webfont.woff') format('woff'),
         url('font/opensans-semibolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.woff2') format('woff2'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('font/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('font/opensans-lightitalic-webfont.woff') format('woff'),
         url('font/opensans-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




strong, b {font-family:'open_sanssemibold'; font-weight:normal;}
em, i {font-family:'open_sanslight_italic'; font-style:normal;}
strong i, strong em, i strong, em strong, b i, b em, i b, em b {font-family: 'open_sanssemibold_italic'; font-weight:normal;}



body {
	background:#fff/* url(immagini/sfondo.gif) repeat 0 0*/;
	margin:0;
	padding:0;
	font-family: 'open_sanslight', Arial, verdana; 
	font-size: 16px;
	line-height:23px;
	color: #555;
	text-align: center;
	height: 100%;
}

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



/* *** LINK *** */

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

a.noUnder:link, a.noUnder:visited {color: #006699; 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:16px;} .login a i {font-size:19px;}

a[href$='.pdf']:link, a[href$='.doc']:link, a[href$='.xls']:link, a[href$='.zip']:link, a[href$='.rar']:link, a[href$='.pdf']:visited, a[href$='.doc']:visited, a[href$='.xls']:visited, a[href$='.zip']:visited, a[href$='.rar']:visited {color: #006699; text-decoration: none;}
a[href$='.pdf']:hover, a[href$='.doc']:hover, a[href$='.xls']: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: #006699; 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: #006699; 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.125em; line-height: 1.2;} /* 1.125 */
.carat1bb {font-size: 1.188em; line-height: 1.2;}  /* 1.188 */
.carat1x {font-size: 1.25em; line-height: 1.2;} /* 1.250 */

.white {color: #fff !important;}

.blu {color: #006699 !important;}
.black {color: #555 !important;}


/* titoli == stile-private */
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1.7em; line-height:1.3em; color:#22277c; font-weight:normal; font-family:'open_sansregular'; text-align:inherit; text-align: left;} 
.tit1, .tit1 strong, .tit1 em {margin:0; font-size:1.7em; line-height:1.3em; color:#22277c; font-family:'open_sansregular'; display:block; text-align:inherit; text-align: left;}
.tit2, .tit2 strong, .tit2 em {margin:0; font-size:1.55em; line-height:1.2em; color:#22277c; font-family:'open_sansregular'; display:block; text-align:inherit; text-align: left;}
.tit3, .tit3 strong, .tit3 em {margin:0; font-size:1.333em; line-height:1.2em; color:#22277c; font-family:'open_sansregular'; display:block; text-align:inherit; text-align: left;}
.tit4, .tit4 strong, .tit4 em {margin:0; font-size:1.333em; line-height:1.1em; color:#555; font-family:'open_sansregular'; display:block; text-align:inherit; text-align: left;}

.center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center .tit1, .center .tit2, .center .tit3, .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;}


/* 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 #ddd;
}
.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;}


/* gest */
.titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6 {
    display: inline-block;
    padding-bottom: 20px;
	margin-bottom:0;
    position: relative;
}
.titLineCont h1:before,.titLineCont h2:before,.titLineCont h3:before,.titLineCont h4:before,.titLineCont h5:before,.titLineCont h6:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #ddd;
}
@media (max-width: 1279px) 
{
	.titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6 {
		padding-bottom: 15px;
	}	
}

.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;}


/* 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: 6px 15px;
	font-family: 'open_sanssemibold';
	background: #f1f1f1;
	border: solid 1px #e1e1e1;
	text-decoration:none;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	/*user-select:none;*/
}
.button-link:hover, .button-link:active {
	background: #e1e1e1;
	color:#222;
	border: solid 1px #e1e1e1;
	text-decoration: none;
	cursor:pointer;
}


/* puls form */

.button-submit {
	padding: 10px 20px;
	background: #f1f1f1;
	border: solid 1px #e1e1e1;
	color: #555;
	font-size: 1.2em;
	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;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	/*user-select:none;*/
}
.button-submit:hover {
	background: #e1e1e1;
	border: solid 1px #e1e1e1;
	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;}

	


/* 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;
}

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

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: 'open_sanslight',Arial;
}
textarea.txt{
	padding:6px;
}

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


/* placeholder */

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



/* cerca */

.tfmotore{
	height:30px;
	margin:10px 0 0 0;
}
.tftextinput4{
	width:280px;
	background:#f9f9f9;
	color:#666;
	margin: 0 -1px 0 0;
	padding: 0 4px;
	height:30px !important;
	line-height:100% !important;
	border:1px solid #c3c3c3; 
	border-right:0px;
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	vertical-align:top;
}
.tfbutton4 {
	margin: 0;
	padding: 0;
	width:30px;
	height:30px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c3c3c3; 
	border-left:0px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	background: #f9f9f9 url('immagini/cms/lente.png') no-repeat center center;
	vertical-align:top;
}
/* Fixes submit button height problem in Firefox */
.tfbutton4::-moz-focus-inner {
	border: 0;
}

form {margin: 0;}

p {margin: 0; padding: 0;}

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


/* + jQuery 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: 991px) 
{
  table.tab th { display: none; }
  table.tab tr {
    display: block;
    position: relative;
	padding-bottom:10px;
    }
  table.tab tr:first-of-type { border-top: 1px solid #ddd; }
  table.tab td { display: table-row; border:0; }
  table.tab td:before {
    content: attr(data-label);
    display: table-cell;
    font-weight: bold;
    padding: 10px 10px 0 0;
    text-align: right; }
  table.tab  td:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #ddd; }
}



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;}








/* MENU ORIZZ */

nav {
	height:38px; 
	margin:0 0 0 auto;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	height:38px;
	float: right; 
}

nav ul li {
	float: left;
	margin: 0;
	text-align:center;
}

nav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	height:38px;
	line-height:38px;
	font-size: 1em; 
	font-family: 'open_sanssemibold';
	text-decoration: none;
}


/* normal */

nav ul li a, nav ul li a:link, nav ul li a:visited {
	color:#fff;
	text-transform:uppercase;
	text-decoration: none; 
	margin:0 15px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}


/* hover */

nav ul li a:hover {
	color:#bbbffe;
}


/* primo e ultimo el */

nav ul li:first-child {

}
nav ul li:last-child {
	border-right:0px;
}
nav ul li:last-child a {
	margin-right:0px;
}
nav ul li a[href="javascript:void(0)"]:hover {
	text-decoration: none;
}

/* attivo */

nav ul li a.navattivo {
	color:#bbbffe;
	cursor:default;
}



/* -------------- sub ---------------- */

nav ul ul{
	margin: 0; 
	padding:15px 0 0 0 !important;
	list-style: none; 
	position: absolute; 
	top: 38px; 
	left: -999999px; 
	text-align:left;
	z-index:99999999;
	width:auto;
	background:transparent url(immagini/cms/xxxsub_top.png) no-repeat 15px 9px;
}
nav ul li{ position: relative;}
nav ul li li{ float: none;  margin:0;} /* display:block; (se width 100%) */
nav ul li:hover ul{ left: 0px; height:auto; }

nav ul ul.subMenu li a, nav ul ul.subMenu li a:link, nav ul ul.subMenu li a:visited 
{
	display: block; 
	width:100%;
	background:#22277c;	
	text-indent:15px;
	margin:0;
	line-height:1;
	height:auto;
	border:1px solid #22277c; border-width:0 1px 0 1px;
	padding:0 20px 10px 0;
	text-decoration: none;
	text-align:left;
	white-space:nowrap;
}
nav ul ul.subMenu li a:hover {
	display: block; 
	color:#bbbffe;
	border-bottom:0;
	text-decoration: none;
	text-align:left;
}

nav ul ul.subMenu li:first-child a { padding-top:15px; border-top:1px solid #22277c; }
nav ul ul.subMenu li:last-child a { padding-bottom:15px; border-bottom:1px solid #22277c; }














/* 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%;
}





/* 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 *** */

#headerTop{
	width:100%;
	height:36px;
	background: #22277c;
	transition: all 0.2s;
}
.headerTopScroll {margin-top:-36px;}

#headerTopInt{
	width:1220px;
	height:100%;
	line-height:40px;
	vertical-align: middle;
	margin:0 auto;
	text-align:left;
}

#headerTopInt .socialIcons i{
	font-size:15px;
	margin-top:-1px;
	color:#fff;
}

#headerTopInt .lingue img{
	width:16px;
	vertical-align: middle; 
	margin-top:-2px;
}

#headerTopInt a:link, #headerTopInt a:visited{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-family: 'open_sanssemibold';
}

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


header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#22277c;
	z-index:99999999;
	transition: all 0.2s;
}
	
#headerInt{
	width:1220px;
	height:85px;
	margin:0 auto;
	position:relative;
	transition: all 0.2s;
}

#menuTop {
	height:38px;
	position:absolute;
	z-index:9999999;
	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%;
}

.slicknav_menu {display:none;} 

#logo img{
	width:100%;
}

#logo{
	width:258px;
	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;
}

.container{
	width:1220px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.template{
	padding:165px 0 0 0;
	text-align:justify;
}

.templateHome{
	padding:80px 0 !important;
}

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

footer{
	width:100%;
	height:250px;
	background:#22277c;
	color:#ddd;
	position:relative;
	text-align: center;
	clear: both;
	font-size:0.9em;
}
#footerInt{
	width:1220px;
	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: #ddd; text-decoration: none; font-size:1em;}
footer a:hover, footer a.noUnder:hover {color: #fff; 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:2px;
	right:8px;
	text-align:center;
	width:100px;
	font-family:Arial, Verdana; 
	color:#bbb; 
	font-size:10px;
	white-space:nowrap;
	line-height:1.1;
	letter-spacing:-0.04em;
}
#nd a:link, #nd a:visited {font-family:Arial, Verdana; color:#bbb; font-size:10px; text-decoration:none;}
#nd a:hover {text-decoration:none;}
#nd a#nd2:link, #nd a#nd2:visited, div a#nd2:hover {font-size:9px; letter-spacing:0.02em;}




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





/* COOKIES */

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

#barra_cookies .bcrel {
	position:relative;
}

#barra_cookies #bcint {
	padding:24px 12px;
	line-height:1.3em;
	text-align:center;
	max-width:1200px;
	margin:0 auto;
}

#barra_cookies a {
	color:#eee;
	text-decoration:underline;
}

#barra_cookies a.btn-cook{
	position:absolute;
	top:3px;
	right:7px;
	color:#eee;
	font-size:0.9em;
	text-decoration:none;
}




/* 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'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_doc.png) no-repeat 0 center;}
a[href$='.xls'] {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;}
*/




/* carrello */

#carrello a {font-size:18px; color:#eeee61; text-decoration:none;}
#carrello a:hover {color:#fefe9d;}
#carrello i {position:relative;}
#carrello div { 
	position:absolute; 
	top:-3px; 
	right:-11px; 
	width:18px;
	height:18px; 
	line-height:18px;
	padding:0px;
	text-align:center;
	font-size:10px;
	font-family: 'open_sanssemibold';
	color:#fff;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #ec0b0b;			
}

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



/* qty */

.txt_qty {
	text-align:right; 
	width:35px; 
	padding:0 5px;
	background: #fff; 
	border: 1px solid #d3d3d3;
	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;
	right: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; 
}



/* scheda */

.crop {overflow:hidden;}

/* hover schede */

.box {
	position:relative;
	/*visibility:hidden;*/
}

.box a {
	text-decoration:none;
	color:#555;
}

.zoomOverlay {
	width:64px;
	height:64px;
	position:absolute;
	top:0; 
	left:50%;
	margin-left:-32px;
	display:none;
	background: transparent url(immagini/cms/plus.png) no-repeat center center;	
}

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

/* adatta foto */

.adatta, .adattaGal { overflow:hidden; } /* nocut togliere .adatta, */
.adatta img, .adattax img {width:100%; margin:0 auto;} /* anche no adattate */
.adatta img, .txtprod {visibility:hidden;}
.adatta {height:90px;}



/* 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 80px;
	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%);	
	font-size:1.1em;
}



/* impg quadri (variante no cx e no full)*/
/*
.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);
}



/* bxslider */

#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;}
}




/* 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;}}




.iconHome i{color:#22277c;}
.bordo {
	border:1px solid #ddd;
	padding:25px;
}



/* rs */

.home-slider-container {
	width:100%;
	position:relative;
	padding:0;
}

.home-slider-container ul {
	margin-top: 0;
	margin-left: 0;
	list-style: none;
	visibility:hidden;
}

.home-slider-container ul li {
	line-height: 0;
	margin-top: 0;
}


.page-scroll {
	position:absolute;
	bottom:30px;
	left:50%;
	margin:0 0 0 -35px;
	z-index:999;
}

.btn-circle, .btn-circle:link, .btn-circle:visited  {
    width: 50px;
    height: 50px;
	display:block;
    padding: 5px;
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 35px;
    color: #fff;
    background:rgba(0,0,0,0.1);
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	text-align:center;
	box-shadow: 0 0 2px rgba(0,0,0,0.15);
}

.btn-circle:hover,
.btn-circle:focus {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;	
}




/* parallax */

#cont_prx1{
	height: 400px;
	position: relative;
	background: url("immagini/prx.jpg");
}
@media(max-width: 1279px) 
{
	#cont_prx1{
		height: 300px;
	}
}
@media(max-width: 768px) 
{
	#cont_prx1{
		height: 190px;
	}
}
.txtprx-container{
	display: table;
	width: 100%;
}
.txtprx{
	display: table-cell;
	vertical-align: middle;
}








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

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


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


	/* MENU ORIZZ */

	nav ul li a, nav ul li a:link, nav ul li a:visited {
		margin:0 12px;
	}
	
	nav ul li:last-child a {
		margin-right:0px;
	}

	/* sub */
	nav ul ul{
		/*top: 36px; */
	}

	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 
	{
		padding:0 12px;
	}
	nav ul ul.subMenu li a:hover {
		padding:0 12px;
	}

	
	
	/* *** IMPAGINAZIONE *** */
	
	#headerTopInt{
		width:900px;
	}

	#headerInt{
		width:900px;
		height:58px;
	}

	#logo{
		width:150px;
	}

	.container{
	  width:900px;
	}

	.template{
		padding:132px 0 0 0;
	}
	.templateHome{
		padding:70px 0;
	}
	
	#footerInt{
	  width:900px;
	}
	
	
	/* cerca (se no ipad orizz errore) */
	
	.tftextinput4{
		width:230px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-appearance: none;
	}

	.tfbutton4 {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-appearance: none;
	}
	
}






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


/* ************** gallery affiancare 2 a 2

	.gall:nth-child(odd) {width:46%; float:left; margin:0 0 25px 0;}
	.gall:nth-child(even) {width:46%; float:right; margin:0 0 25px 0;}
	
************** */


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


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


	/* 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);}

	
	
	/* MENU ORIZZ + MOTORE */
	#slicknav_btn_pos{position:absolute; top:42px; right:10%;} /* 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 {display:block; /*margin-top:65px;*/}			/* visualizziamo + 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_menu .slicknav_icon-bar {								/* colore linee puls */
	  background-color:#fff;
	  /*width:32px !important;
	  height: 3px !important;*/
	}
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { /*margin-top: 5px !important;*/ }
					
	.slicknav_nav li {												/* border + background menu */
		border-top:1px solid #474b9a;
		 background:#22277c;										/* alt righe dalla seconda (prima con padding .slicknav_btn) */
	}
	.slicknav_nav li:last-child {border-bottom:0px solid #474b9a;}
	/*#menuTop_slick {border-bottom:1px solid #ddd;}*/

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

	.slicknav_nav li ul li {										/* righe menu tendina (sposto rispetto a main menu) */
		border-top:1px solid #474b9a;
		border-bottom:0;
	}		
	.slicknav_menu li a {											/* righe puls menu */
    	color: #fff;
    	font-family: 'open_sanssemibold';
		font-size:14px;
		padding:12px 0 12px 10% !important;							/* altezza righe e marg sx */
	}
	/*.slicknav_menu  .slicknav_menutxt { line-height: 1.188em; }*/	/* altezza righe */
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {	
		padding-left: 0 !important;					/* margine sx voci cliccabili che aprono submenu */
	}
	.slicknav_nav li ul li a, .slicknav_nav .slicknav_parent-link a {
		padding-left:calc(10% + 20px) !important;						/* padding left submenu 1 liv */
	}
	.slicknav_nav li ul li ul li a {
		padding-left:calc(10% + 40px) !important;						/* padding left submenu 2 liv */
	}
	.slicknav_nav li ul li ul li ul li a {
		padding-left:calc(10% + 60px) !important;						/* padding left submenu 3 liv */
	}
	.slicknav_menu li li, .slicknav_menu li li a {			/* elimino margine dopo i submenu */
    	margin-bottom:-1px;
	}
	

	nav, #motore {
		display:none;
	}


	#headerTop{
		height:30px;
	}
	.headerTopScroll {margin-top:0;}
	
	#headerTopInt{
		width:80%;
		margin:0 10%;
		line-height:30px;
	}
	
	#headerTopInt i{
		font-size:15px;
	}
	
	#headerInt{
		width:100%;	
		height:70px;
	}

	#logo{
		width:180px;
		left:10%;
	}

	.container{
	  width:80%;
	  margin:0 10%;
	}
		
	.template{ padding:135px 0 0 0; }
	.templateHome{ padding:40px 0 !important; }
			
	footer{
	  width:100%;
	  font-size:0.857em;
	  height:auto;
	}
	
	footer a.noUnder { font-size:0.857em; }
	
	#footerInt{
		position:relative;
		width:80%;
		top:0;
		left:0;
		margin:0 10%;
		padding:35px 0;
	}
	
	#kwords {position:relative; width:80%; margin:0 10%; padding-bottom:45px; text-align: left; min-height:auto;}

	#nd{
		bottom:4px;
		right:2px;
	}
	#nd{ font-size:0.857em; }
	#nd a:link, #nd a:visited {font-size:0.857em;}
	#nd a:hover {font-size:0.857em;}
	#nd a#nd2:link, #nd a#nd2:visited, div a#nd2:hover {font-size:0.8em;}



	/* cerca */
	
	.tftextinput4{
		width:180px;
	}
	
	
	/* --- bxslider --- */
	
	#carousel {min-height:100px;}
	
	#slideMob {display:block;}
	#slideDesk {display:none;}


	/* impg quadri */
	.base {display:none;}	
	.boxInt {
		position:relative;
		width:80%;
		margin:0 10%; 
		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) 
{
	#slicknav_btn_pos{right:5%;}
	.slicknav_btn {
		margin:7px 0 7px 5%;
	} 	
	.slicknav_menu li a {
		padding:12px 0 12px 5% !important;
	}

	/* submenu */
	.slicknav_nav li ul li a, .slicknav_nav .slicknav_parent-link a {
		padding-left:calc(5% + 20px) !important;						/* padding left submenu 1 liv */
	}
	.slicknav_nav li ul li ul li a {
		padding-left:calc(5% + 40px) !important;						/* padding left submenu 2 liv */
	}
	.slicknav_nav li ul li ul li ul li a {
		padding-left:calc(5% + 60px) !important;						/* padding left submenu 3 liv */
	}

	/* se lingue in menu mob */
	/*
	.slicknav_menu li.lang_mob {
		padding-left:5%;
	}
	*/	

	#headerTopInt{
		width:90%;
		margin:0 5%;
	}

	#logo{
		left: 5%;
		max-width:60%;
	}
	
	#lingue{ 
		right:calc(5% + 44px);
	}

	#social{
		right:5%;
	}
	
	.container{
		width:90%;
		margin:0 5%;
	}

	#footerInt{
		width:90%;
		margin:0 5%;
	}
	
	#kwords {width:90%; margin:0 5%;}


	/* impg quadri */
	.boxInt {
		width:90%;
		margin:0 5%;
		padding:30px 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;}
.nomob {}
.chiudi.nomob {}

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

@media(max-width: 1279px) 
{
	.nodesk {display:inline-block;}
	.notab {display:none;}
	.notab.nomob, .nomob.notab{display:none;}
	.nomob {}
	.chiudi.nomob {}

	.cxtab {text-align:center;}
	.sxtab {text-align:left;}
	.dxtab {text-align:right;}
}
/* 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;}
}
	
	
	
	
	
	



/* *** ------ 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-

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




.container_row {
	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; }

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

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



/* ------ 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) 
{

	/* + margine */

	.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; }
	
	.noMarginTop-l { margin-top:-40px; }
	
	.alt-xs{ height:5px; }
	.alt-s{ height:10px; }
	.alt-m{ height:20px; }
	.alt-l{ height:40px; }
	.alt-xl{ height:50px; }


    .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 */

/* prima era clear: left; */

/* (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 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 20px 0 0;
}
.tiny img[align="right"],
.tiny img[style*="float: right"],
.tiny img[style*="float:right"]{
    margin: 0 0 0 20px;
}

@media (max-width: 991px)
{

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

	.tiny img[align="left"],
	.tiny img[style*="float: left"],
	.tiny img[style*="float:left"]{
		margin: 0 0 20px 0;
		width:100% !important;
	}
	.tiny img[align="right"],
	.tiny img[style*="float: right"],
	.tiny img[style*="float:right"]{
		margin: 0 0 20px 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;
}

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





/*

---> 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
	
	box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);

	---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')

.fa-ul { list-style:none; margin:-10px 0;}
.fa-ul li { margin:10px 0; }
.fa-ul li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 10px 0 -27px;
}

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

.tiny ul li {
  color: #444; 
  list-style: none; 
}

 .tiny ul li::before {
  color: #c4203b;  
  content: "\25AA"; 
  font-size: 1em; 
  padding-right: 1.1225em; 
  position: relative;
  top: 0em; 
}

 
---> 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;
}


---> 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) { }

*/