* {
  -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-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-display: swap;
}

@font-face {
	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-display: swap;
}

/*
@font-face {
	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-display: swap;
}

@font-face {
	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-display: swap;
}
*/

@font-face {
	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-display: swap;
}
/*
@font-face {
	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-display: swap;
}
*/

@font-face {
	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-display: swap;
}
/*
@font-face {
	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;
	font-display: swap;
}
*/
/*
@font-face {
    font-family: 'Kaoly_Demo';
    src: url('font/KaolyDemo-Regular.woff2') format('woff2'),
        url('font/KaolyDemo-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
*/



strong, b {font-family:'Avenir_heavy'; font-weight:normal;}
em, i {font-family:'Avenir_lightOblique'; 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_light', Arial, verdana; 
	font-size: 17px;
	line-height:24px;
	color: #444;
	text-align: center;
	height: 100%;
	overflow-x:hidden !important;
}

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

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


/* *** LINK *** */

a:link, a:visited {color: #444; text-decoration: underline;}
a:hover {color: #888; text-decoration: underline;}

a.noUnder:link, a.noUnder:visited {color: #444; 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: #888; text-decoration: none;}

a.noUnderB:link, a.noUnderB:visited {color: #444; text-decoration: none;}
a.noUnderB:hover {color: #888; 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$='.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: #888; text-decoration: none;}

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

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

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





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

.carat1s {font-size: 0.9em;} 
.carat1 {font-size: 1em;}
.carat1b {font-size: 1.133em; line-height: 1.3;} 
.carat1bb {font-size: 1.2em; line-height: 1.3;}  
.carat1x {font-size: 1.267em; line-height: 1.3;} 
.carat1xx {font-size: 1.6em; line-height: 1.3;} 


.greyDark {color:#444 !important;}
.white {color:#fff !important;}
.black {color:#222 !important;}
.blu {color:#000 !important;}

/*.kaoly {font-family: 'Kaoly_Demo';}*/

.sfGrey {background:#eee;}
.sfGreyPadd {background:#eee; padding:30px;}


h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1.6em; line-height:1.3em; color:#3a2921; font-weight:normal; font-family:'Avenir_heavy'; text-align:inherit; text-align: left;} 
.tit1, .tit1 em {margin:0; font-size:1.6em; line-height:1.3em; color:#3a2921; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit2, .tit2 em {margin:0; font-size:1.4em; line-height:1.25em; color:#444; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit3, .tit3 em {margin:0; font-size:1.3em; line-height:1.25em; color:#444; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}
.tit4, .tit4 em {margin:0; font-size:1.2em; line-height:1.2em; color:#444; font-family:'Avenir_heavy'; display:block; text-align:inherit; text-align: left;}


.center p, .center .tit_xl, .center .tit_l, .center .tit_m, .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 .tit_xl, .white .tit_l, .white .tit_m, .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;}



/* 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 #3a2921;
}
.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 #3a2921;
}
@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 20px;
	background: transparent;
	border:3px solid #3a2921;
	color: #3a2921;
	font-family: 'Avenir_heavy';
	text-decoration:none;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	-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: #3a2921;
	color:#fff;
	border:3px solid #3a2921;
	text-decoration: none;
	cursor:pointer;
}

.button-link.button-small:link, .button-link.button-small:visited {
	padding: 7px 15px;
	border:1px solid #000;
	color: #000;
	font-size: 1em;
}
.button-link.button-small:hover, .button-link.button-small:active, .white a.button-link.button-small:hover {
	background: #000;
	color:#fff;
	border:1px solid #000;
}

.white .button-link:link, .white .button-link:visited {
	color:#fff !important;
	border:2px solid #fff !important;
	background:rgba(255,255,255,0) !important;
}
.white .button-link:hover, .white .button-link:active, .white .white a.button-link:hover {
	border:2px solid #bbb !important;
}





/* puls form */

.button-submit {
	padding: 10px 20px;
	background: #21a4da;
	border:2px solid #21a4da;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	font-family: 'Avenir_medium';
	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: transparent;
	color:#21a4da;
	text-decoration: none;
	cursor:pointer;
}





/* *** HR *** */

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




/* *** VARI *** */

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


.bordo {
	border:1px solid #eee;
}
	
.bordoPad {
	padding:20px;
	border:1px solid #ddd;
}
	
.w100 {width:100%;}

	

/* registra */

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


/* input file */

input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 4px 12px;
    cursor: pointer;
}


/* input */

.txt {
	background: #eee; 
	border: 1px solid #eee;
	/*
	-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;
}

.txtDiv {
	background: #eee; 
	border: 1px solid #eee;
	padding:10px;
}

textarea {-webkit-appearance: none;}

input[type="text"], input[type="password"], select {
	font-size:1em;
	line-height: 1em;
	font-family: 'Avenir_light',Arial;
	text-indent:9px;
	height:40px;
	line-height:100%;
	color:#444;
	-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 #eee;
	background: #eee url(immagini/cms/down-arrow.png) no-repeat right center; 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	appearance: none;
	text-overflow: ""; 
	font-size:1em;
	color:#444;
	/*
	letter-spacing:-0.01em;
	color:#444;
	*/
	/*
	-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:#444;}


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

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


/* cerca */

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

form#cerca input[type=text] {
  width: 80%;
  height:40px;
  line-height:42px;
  padding: 0 10px;
  font-size: 17px;
  color:#444;
  border: 1px solid #ddd;
  background: #fff;
  outline: none;
  float: left;
}
form#cerca button {
  float: left;
  width: 20%;
  height:40px;
  line-height:42px;
  padding: 0 10px;
  background: #000;
  color: #fff;
  font-size: 18px;
  border: 0;
  cursor: pointer;
}
form#cerca button:hover {
  background: #333;
}

form#cerca::after {
  content: "";
  clear: both;
  display: table;
}


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

.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: #888 !important;
}


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

/* tab resp th + data-label, (2 col), vedi js in temp_down */
/*
@media (max-width: 991px) 
{
	table, thead, tbody, th, td, tr {
		display: block;
	}
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td {
		position: relative;
		padding-left: 50% !important;
		border-bottom: 0 !important;
	}
	td:before {
		position: absolute;
		left: 6px;
		content: attr(data-th);
		font-weight: bold;
	}
	tr {
		padding-top:30px;
		border-bottom:1px solid #ddd;
	}
}
*/

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



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 V 3 livelli */

nav ul,
nav ul li,
nav ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align:left;
}
nav ul {
  position: relative;
  z-index: 500;
  float: left;
}
nav ul li {
  float: left;
  min-height: 0.05em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
}
nav ul li.hover,
nav ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}
nav ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 520;
  width: 100%;
}
nav ul ul li { float: none; }
nav ul ul ul {
  top: 0;
  right: 0;
}
nav ul li:hover > ul { visibility: visible; }
nav ul ul {
  top: -2px;
  left: 99%;
}
nav ul li { float: none; }
nav ul ul { margin-top: 0.05em; }


/* formattazione */

nav {
  width: 100%;
  background: #3a2921;
  zoom: 1;
}

nav:before {
  content: '';
  display: block;
}

nav:after {
  content: '';
  display: table;
  clear: both;
}

nav a, nav a:link, nav a:visited {
  display: block;
  padding: 5px 0;
  color: #fcf0c5;
  font-size:18px; 
  line-height: 22px;
  font-family: 'Avenir_heavy';
  text-decoration: none;
  /*text-transform: uppercase;*/
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

nav > ul { width: 100%; }

nav ul ul { width: 100%; width:auto; background:#3a2921;}
nav ul ul li a{ white-space: nowrap; background:#3a2921; padding-left:12px !important; padding-right:12px !important; padding-bottom:4px !important; display: block !important;}

nav ul ul li a{border:0 !important;}
nav ul ul li:last-child a{padding-bottom:8px !important;}


nav > ul > li {     
	display: block; 
    float: left; 
    clear: left; 
	width:100%;
	border-bottom:0px solid #e1b9a7;
}

nav ul li:first-child a{border-top:0px solid #e1b9a7;}

nav ul li a:hover, nav ul ul li a:hover { color:#ec612b; }


nav > ul > li a.navattivo { 
	position: relative;
	display:block;
	color:#fd804f;
}


nav > ul > li a.navattivo:hover {
    color: #fd804f;
	padding-left:0;
	cursor:default;
}

nav li { position: relative; }









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

#main_container {width: 1600px; max-width: 90%; margin:0 auto; position:relative;}

header {
    height: 100%;
	width:290px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
	background-color: #3a2921;
}

#header_fixed {
	position:fixed;
    height: 100%;
	width:100%;
}

#header_fixed .alt-l{
	/*height:25px !important;*/
}

#main {
    z-index: 1;
	width:calc(100% - 290px);
	margin-left:290px;
    text-align:left;
    height:100%;
}

#logo img{
	width:100%;
}

#logo{
	width:180px;
	max-width:100%;
	margin:0;
}

.template{
	padding:50px 30px;
}
.noTemplate {margin:-50px 0 0 0;}

.template_main{
	padding:50px;
}

.social {text-align: left; font-size:15px; border-top:1px solid #fcf0c5; }
.social i {font-size: 17px; margin:0 10px 0 0; color:#fcf0c5;}

.social a:link, .social a:visited {color:#fcf0c5; font-family: 'Avenir_heavy'; text-decoration: none;}
.social a:hover {color: #fd804f; text-decoration: none;}


#lingue {text-align: left; padding:18px 0 0 0;}
#lingue a:link, #lingue a:visited {color: #000; text-decoration: none; font-size: 0.9em;}
#lingue a:hover {color: #444; text-decoration: none;}
#lingue a.attivo {font-family: 'Avenir_heavy';}

#telefono{
	display:none; 
}

footer .social i{color:#fff;}

footer{
	width:100%;
	height:220px;
	border-top:0px solid #000;
	background:#8aafac; /* 259a7d */
	color:#fff;
	position:relative;
	text-align: center;
	clear: both;
	font-size:1em;
	overflow: hidden;
}
#footerInt{
	width:1400px;
	max-width: 90%;
	margin:0 auto;
	padding:40px 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 {text-decoration: none; font-size:1em; color:#fff;}
footer a:hover, footer a.noUnder:hover {text-decoration: underline; color:#ddd;}

#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:6px;
	right:15px;
	font-family:Arial; 
	color:#eee; 
	font-size:12px;
	white-space:nowrap;
	line-height:1.3;
}
#nd a:link, #nd a:visited {font-family:Arial; color:#eee; font-size:12px; 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;}







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




/* MOTORE */

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

#motore form {
  display:flex;
  flex-direction:row;
  border:1px solid #ddd;
}

#motore input {
  flex-grow:2;
  border:none;
}

#motore input:focus {
  outline: none;
}

#motore button {
  border:0;
  background:#ddd;
  color:#222;
  padding:0 15px;
  cursor:pointer;
  font-size: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;}






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




/* 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:#000;
	font-family: 'Avenir_medium';
}

.box {
	position:relative;
	color:#444; /* 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:64px;
	height:64px;
	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/cms/plus.png) no-repeat center center;	
}

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







/* 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; }
.nowrap_inline { white-space:nowrap; display:inline-block; margin:0 15px 15px 0;}




/* 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 li img {height:110px;}

ul.thumbs_bx {
	font-size:0px;
	margin:0 0 0 -15px;
	padding:0;
}

ul.thumbs_bx li {
    display: inline-block;
    vertical-align: top;
	list-style-type: none;
	margin:0 0 15px 15px;
	padding:0;
}

@media(max-width: 991px)
{
	ul.thumbs_bx li img {height:90px;}
	
	ul.thumbs_bx {
		margin:0 0 0 -12px;
	}

	ul.thumbs_bx li {
		margin:0 0 12px 12px;
	}
}

/* se img back cover

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

ul.thumbs_bx li {
    width: 18%;
    display: inline-block;
    vertical-align: top;
	list-style-type: none;
	margin:2% 0 0 2%;
	padding:0;
}

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

*/



/* masonry*/

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

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



/* box home */

.alt_img { background-repeat: no-repeat; background-position: center center; background-size: cover; height:260px; }
@media(max-width: 1279px) 
{
	.alt_img { height:180px; }
}
@media(max-width: 991px) 
{
	.alt_img { height:220px; max-width:500px; margin:0 auto;}
}






/* portf  */

.imgoverlay {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 300px;
}
	
.imgoverlay img {
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
	width:100%;
}
.overlayinfo img {
	width:auto;
}

.imgoverlay:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1);
}

.imgoverlay .overlayPort {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
	
.imgoverlay:hover .overlayPort {
	opacity: 1;
}
	
.imgoverlay .overlaycolor {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.6;
}
	
.imgoverlay .overlayinfo {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-20px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
	
.imgoverlay:hover .overlayinfo {
	top: 50%;
}	

#portfolio_row {margin:0 -10px;}
.colp1_4 {float:left; width: 25%; position: relative; padding: 0 15px 30px 15px;}
@media (max-width:1500px) {.colp1_4 {width: 33.3333333333%;}}
@media (max-width:1279px) {.colp1_4 {width: 25%;}}
@media (max-width:991px) {.colp1_4 {width: 33.3333333333%;}}
@media (max-width:768px) {#portfolio_row {margin:0 -12px;} .colp1_4 {width: 50%; padding: 0 10px 20px 10px;}}






/* *** home *** */


.tar_1999 {position: absolute; top:-4px; right:6px; width:135px; height:135px;}


/* box */

.grigio_back {background: #eee;}
.blu_back {background: #21a4da;}
.blu_back .boxInt_nd, .blu_back .boxInt_nd_s{color:#fff !important;}

.box_nd {width:100%; height:420px; overflow: hidden;}
.box_nd_s {width:100%; height:350px; overflow: hidden;}
.autoheight {height:auto !important;}
.boxInt_nd {padding:70px 55px; vertical-align:middle;}
.boxInt_nd_s {padding:70px 35px; vertical-align:middle;}
.boxInt_nd_xs {padding:55px 50px;}
.disp_flex {display: flex; align-items: center; justify-content: center;}


/* virgolette */

.quotes:before {
  content: "\201C";
  font-family:Georgia;
  display: inline;
  height: 0;
  line-height: 0;
  position: absolute;
  top: 85px;
  left: 45px;
  color: #fff;
  font-size: 9em;
}
/*
.quotes::after {
  content: "\201D";
  font-family:Georgia;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
  font-size: 5em;
}
*/
.cites{
  margin:20px 0 0 0;
  text-align: right;
  font-size: 0.9em;
  font-style: italic;
}
.cites:before {
    content: "\2014 \2009";
}

/* box portf */

.portfolioBord {padding:45px; background:#eee;}


/* slide */

.slide-window {
	max-width:500px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin:-30px auto 0 auto;
}
.slide-holder {
	margin-left: 0;
	transition: margin-left 1s;
}
.slide {
	height: 180px;
	max-width:500px;
	margin-bottom:50px;
	float: left;
}

.slide-nav {
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0;
	bottom: 60px;
	text-align: center;
	z-index: 100;
}
.slide-nav-bt {
	width: 12px;
	height: 12px;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	margin:0 4px;
	cursor: pointer;
}
.active {
	background-color: #21a4da;
}


/* animazione birds home */
/*
.bird {
    background-image: url('immagini/bird-cells.svg');
    background-size: auto 100%;
	opacity:0.9;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -20.5s;
    animation-delay: -0.5s;
}
.bird--two {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.bird--three {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.bird--four {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.bird-container {
    position: absolute;
	z-index: 2;
	bottom: 22px;
    left: -9.5vw;

    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@media(max-width: 991px) 
{
	.bird-container {
		bottom: 17px;
	}
}
.bird-container--one {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.bird-container--two {
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.bird-container--three {
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.bird-container--four {
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

 @-webkit-keyframes fly-cycle {
	100% {
	 background-position: -900px 0;
	}
}

@keyframes fly-cycle {
	 100% {
	 background-position: -900px 0;
	}
}

@-webkit-keyframes fly-right-one {
	 0% {
	 left: -10%;
	 -webkit-transform: scale(0.5);
	 transform: scale(0.5);
	}
	 10% {
	 left: 10%;
	 -webkit-transform: translateY(2vh) scale(0.5);
	 transform: translateY(2vh) scale(0.5);
	}
	 20% {
	 left: 30%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 30% {
	 left: 50%;
	 -webkit-transform: translateY(4vh) scale(0.5);
	 transform: translateY(4vh) scale(0.5);
	}
	 40% {
	 left: 70%;
	 -webkit-transform: translateY(2vh) scale(0.5);
	 transform: translateY(2vh) scale(0.5);
	}
	 50% {
	 left: 90%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 60% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 100% {
	 left: 110%;
	 opacity: 1;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
}

@keyframes fly-right-one {
	 0% {
	 left: -10%;
	 -webkit-transform: scale(0.5);
	 transform: scale(0.5);
	}
	 10% {
	 left: 10%;
	 -webkit-transform: translateY(2vh) scale(0.5);
	 transform: translateY(2vh) scale(0.5);
	}
	 20% {
	 left: 30%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 30% {
	 left: 50%;

	 -webkit-transform: translateY(4vh) scale(0.5);
	 transform: translateY(4vh) scale(0.5);
	}
	 40% {
	 left: 70%;
	 -webkit-transform: translateY(2vh) scale(0.5);
	 transform: translateY(2vh) scale(0.5);
	}
	 50% {
	 left: 90%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 60% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 100% {
	 left: 110%;
	 opacity: 1;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
}

@-webkit-keyframes fly-right-two {
	 0% {
	 left: -10%;
	 opacity: 1;
	 -webkit-transform: translateY(-2vh) scale(0.5);
	 transform: translateY(-2vh) scale(0.5);
	}
	 10% {
	 left: 10%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 20% {
	 left: 30%;
	 -webkit-transform: translateY(-4vh) scale(0.5);
	 transform: translateY(-4vh) scale(0.5);
	}
	 30% {
	 left: 50%;
	 -webkit-transform: translateY(1vh) scale(0.5);
	 transform: translateY(1vh) scale(0.5);
	}
	 40% {
	 left: 70%;
	 -webkit-transform: translateY(-2.5vh) scale(0.5);
	 transform: translateY(-2.5vh) scale(0.5);
	}
	 50% {
	 left: 90%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 51% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 100% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
}

@keyframes fly-right-two {
	 0% {
	 left: -10%;
	 opacity: 1;
	 -webkit-transform: translateY(-2vh) scale(0.5);
	 transform: translateY(-2vh) scale(0.5);
	}
	 10% {
	 left: 10%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 20% {
	 left: 30%;
	 -webkit-transform: translateY(-4vh) scale(0.5);
	 transform: translateY(-4vh) scale(0.5);
	}
	 30% {
	 left: 50%;
	 -webkit-transform: translateY(1vh) scale(0.5);
	 transform: translateY(1vh) scale(0.5);
	}
	 40% {
	 left: 70%;
	 -webkit-transform: translateY(-2.5vh) scale(0.5);
	 transform: translateY(-2.5vh) scale(0.5);
	}
	 50% {
	 left: 90%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 51% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
	 100% {
	 left: 110%;
	 -webkit-transform: translateY(0vh) scale(0.5);
	 transform: translateY(0vh) scale(0.5);
	}
}
*/

/*
#grass {height:80px; width:100%; position: absolute; left:0; bottom:0; background:url('immagini/grass.png') no-repeat 0 bottom;}
*/
#grass {height:18px; width:100%; position: absolute; left:0; bottom:0; background:#21a4da;}

/* counter */

#counter .tit_l {margin-bottom:-5px;}


/* linea sx animata */

.line_before h2, .line_before h3, .line_before h4, .line_before h5 {position:relative; padding-left:45px;}
.line_before h2:before, .line_before h3:before, .line_before h4:before, .line_before h5:before {content:''; position: absolute; left:0; bottom:9px; background: #000; height:2px; width:30px; animation: animate 2s linear infinite;}
@keyframes animate {
	0% {width:10px;}
	50% {width:30px;}
	100% {width:10px;}
}
.white .line_before h2:before, .white .line_before h3:before, .white .line_before h4:before, .white .line_before h5:before {background: #fff;}


/* linea sx e dx animata */

.line_center {position:relative; margin:0 auto; height;2px; width:50%; margin:0 auto;}
.line_center:before {content:''; position: absolute; left:0; top:0; background: #000; height:2px; width:100%; animation: animate2 10s linear infinite;}
@keyframes animate2 {
	0% {width:30%; left:35%;}
	50% {width:100%; left:0;}
	100% {width:30%; left:35%;}
}





#next_ev{
	background:#8aafac; /* 259a7d */
	padding:5px 15px;
}

#next_ev .button-link:link, #next_ev .button-link:visited {
	padding: 6px 18px;
	margin:14px 0;
	color:#fff !important;
	border:2px solid #fff !important;
	background:rgba(255,255,255,0) !important;
}
#next_ev .button-link:hover, #next_ev .button-link:active {
	border:2px solid #bbb !important;
}

@media (max-width:768px) {
	#next_ev span {display: block; margin:0 0 6px 0;}
}








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


	body { 
		font-size:16px;
		line-height:22px;
		-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);}

	
	
	/* MENU ORIZZ */
	#slicknav_btn_pos{
		display:block; 
		z-index: 9;
	
	} 


	.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:0 0 0 10%;
		float: left;													/* ---> se pulsante allineato dx metter right */
		padding: 0;
		line-height: 1.2em;
	} 	
	.slicknav_icon-bar {												/* colore linee puls */
	  background-color:#fcf0c5;
	  width:25px !important;
	  height: 3px !important;
	}
	
	.slicknav_icon-bar { margin-top: 7px !important; }
	.slicknav_icon-bar:first-child { margin-top: 0 !important; }
					
	.slicknav_nav li {													/* border + background menu */
		border-top:0px solid #ddd;
		background:#3a2921;												/* alt righe dalla seconda (prima con padding .slicknav_btn) */
	}
	/*.slicknav_nav li ul li,*/ .slicknav_nav li ul li ul li {				/* se background rgba trasp non sovappone */
		background:rgba(0, 0, 0, 0);
	}
	
	.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: #fcf0c5;
    	font-family: 'Avenir_medium';
		text-align: left;
		font-size:16px;
		line-height: 23px;
		padding:6px 0 6px 5%;	/* !important */					/* altezza righe e marg sx */
		width:100%;
		/*max-width:90%;*/
		margin:0 auto;
	}
	
	.slicknav_menu li:first-child a {padding-top:15px;}
	.slicknav_menu li:last-child a {padding-bottom:20px;}
	
	/*.slicknav_menu li:nth-last-child(2) a {padding-bottom:25px;}*/ /* ultimo è telefono che nascondiamo */

	/* 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:100%;
		/*max-width:90%;*/
		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:100%;
		/*max-width:90%;*/
		margin:0 auto;
		padding:6px 0px 6px calc(5% + 20px) !important;									/* padding left submenu 1 liv */
		line-height: 1 !important;
	}
	.slicknav_nav li ul li:last-child a{padding-bottom:12px !important;} 
	
	.slicknav_nav li ul li ul li a {
		padding-left:calc(5% + 40px); 									/* padding left submenu 2 liv */
	}
	.slicknav_nav li ul li ul li ul li a {
		padding-left:60px;									/* padding left submenu 3 liv */
	}
	.slicknav_menu li li, .slicknav_menu li li a {			/* elimino margine dopo i submenu */
    	margin-bottom:-1px;
	}


	/* cross hamb */

	.slicknav_icon span{transition: all 0.4s;}

	.slicknav_icon span.cross_menu
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-7px, -7px);
	}
	.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(0px, 0px);
	}

	
	nav {
		display:none;
	}



	.tit_xl {font-size:2.8em; line-height:1.4em;}
	.tit_l {font-size:2.2em; line-height:1.3em;}
	.tit_m {font-size:1.65em; line-height:1.2em;}

	h1,h2,h3,h4,h5,h6 {font-size:1.45em; line-height:1.2em;} 
	.tit1, .tit1 em {font-size:1.45em; line-height:1.2em;} 
	.tit2, .tit2 em {font-size:1.35em; line-height:1.2em;} 
	.tit3, .tit3 em {font-size:1.3em; line-height:1.2em;} 
	.tit4, .tit4 em {font-size:1.2em; line-height:1.2em;} 


	
	
	/* *** IMPAGINAZIONE *** */

	#main_container {width: 100%; max-width: 100%;}

	header, #header_fixed {
		height:auto !important;
	}
	
	header {
		position:fixed;
		width:100%;
		top:0; 
		left:0;
		border-right:0;
		border-bottom:0px solid #ddd;
		z-index: 9999999;
		height:90px !important;
	}

	#header_fixed {
		position:relative;
		/* width:90%; in js */
		margin:0 5%;
		width:90%;
		height:90px !important;
	}

	#lingue {padding:0; position: absolute; top:63px; left:0;}

	#telefono{
		display:block;
		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%);
	}
	
	#telefono i{font-size: 30px; color:#fcf0c5; margin-top:3px;}
	
	#telefono table td {vertical-align: middle; padding:0 0 0 30px;}
	

	#main {
		margin:0;
		width:100%;
		height:auto;
	}
	
	#logo {
		width:100px !important;
		margin:0;
		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%);
	}

	
	.social i {font-size: 17px; margin:0 10px 0 0; }

	.template{ padding:0 0 0 0; }
	.template_main{ padding:35px; }
	

	#header_fixed .template {padding:0 0 0 0;}
	#header_fixed {
		padding-bottom:0;
	}


	footer{
		height:auto;
	}
	#footerInt{
		padding:30px 0;	
	}
	
	.nowrap_mob { white-space:nowrap; }



	.tar_1999 {top:-3px; right:5px; width:90px; height:90px;}


	.box_nd {height:420px;}
	.box_nd_s {height:300px;}
	
	.boxInt_nd {padding:40px 30px;}
	.boxInt_nd_s {padding:40px 30px;}
	.boxInt_nd_xs {padding:40px 30px;}
	
	
}





@media(max-width: 991px) 
{

	.tit_xl {font-size:2.5em; line-height:1.3em;}
	.tit_l {font-size:2em; line-height:1.2em;}
	.tit_m {font-size:1.5em; line-height:1.2em;}
	
	#header_fixed .alt-l {height:25px !important;}
	#header_fixed {
		padding-bottom:0;
	}
	
	.box_nd {height:470px;}
	.box_nd_s {height:300px;}
	

	#whatsapp_chat {
		position: fixed;
		bottom:22px;
		right:15px;
		z-index: 9999999;
	}

}





@media(max-width: 768px) 
{

	.tit_xl {font-size:2.2em; line-height:1.3em;}
	.tit_l {font-size:1.8em; line-height:1.2em;}
	.tit_m {font-size:1.5em; line-height:1.2em;}
	
	#header_fixed .alt-l {height:20px !important;}
	#header_fixed {
		padding-bottom:0;
	}
	
	.box_nd {height:auto;}
	.box_nd_s {height:auto;}
	
	.disp_flex {display: block;}
	
	
	.slideInt_nd_s {padding:40px 0 !important;}
	
	.slide-window {
		max-width:500px;
		margin:0 auto;

	}
	.slide {
		height: 235px;
		max-width:500px;
		margin-bottom:0;
	}

	.slide-nav {
		bottom: 20px;
	}
	
	
	.quotes {padding-top:45px;}

	.quotes:before {
	  top: 75px;
	  left: 35px;
	  font-size: 7em;
	}


}



@media(max-width: 500px) 
{
	.slide {
		height: 200px;
	}

	.slide-nav {
		bottom: 20px;
	}

}






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

.just {text-align:justify;}
.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;
}
.row .row [class*="col-"], .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-"], .row .half-padding [class*="col-"] { /* abbinare a row */
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.half-padding, .row .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; }
.margintop-xl { margin-top:50px; }
.marginbot-xl { margin-bottom:50px; }

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

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




/* ------ 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; }
	.margintop-xl { margin-top:50px; }
	.marginbot-xl { margin-bottom:50px; }

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

	.row .row [class*="col-"], .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-"], .row .half-padding [class*="col-"] { /* abbinare a row */
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.half-padding, .row .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; }
	.margintop-xl { margin-top:70px; }
	.marginbot-xl { margin-bottom:70px; }
	
	.noMarginTop-l { margin-top:-40px; }
	
	
	.alt-xs{ height:5px; }
	.alt-s{ height:10px; }
	.alt-m{ height:20px; }
	.alt-l{ height:40px; }
	.alt-xl{ height:70px; }


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

.center p[style="text-align: left;"] {text-align: left !important;}

.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 {
	clear: left;
}	
/*
.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.sfondo_top_0 {
  padding-top:0;
  margin-top:-20px;
}
	
.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;
	}
	.sfondo_container.sfondo_top_0 {
	  margin-top:-15px;
	}

}

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



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



*/