* {
  -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, 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:focus, textarea:focus, select:focus{
	outline: none;
}

input::-moz-focus-inner { 
  border: 0; 
}
a {outline:none; word-wrap:break-word;}
a:hover, a:active, a:focus {outline:none;}
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;} */

/* blurry images chrome edge */
img {image-rendering: -webkit-optimize-contrast;}
/* image map safari ? */
area {outline:none !important;}



/*
@font-face {
    font-family: 'clear_sans_lightregular';
    src: url('font/clearsans-light-webfont.woff2') format('woff2'),
         url('font/clearsans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'clear_sans_thinregular';
    src: url('font/clearsans-thin-webfont.woff2') format('woff2'),
         url('font/clearsans-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
*/

@font-face {
    font-family: 'clear_sansregular';
    src: url('font/clearsans-regular-webfont.woff2') format('woff2'),
         url('font/clearsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'clear_sansitalic';
    src: url('font/clearsans-italic-webfont.woff2') format('woff2'),
         url('font/clearsans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'clear_sans_mediumregular';
    src: url('font/clearsans-medium-webfont.woff2') format('woff2'),
         url('font/clearsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/*
@font-face {
    font-family: 'clear_sans_mediumitalic';
    src: url('font/clearsans-mediumitalic-webfont.woff2') format('woff2'),
         url('font/clearsans-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
*/
@font-face {
    font-family: 'clear_sansbold';
    src: url('font/clearsans-bold-webfont.woff2') format('woff2'),
         url('font/clearsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'clear_sansbold_italic';
    src: url('font/clearsans-bolditalic-webfont.woff2') format('woff2'),
         url('font/clearsans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}





@font-face {
    font-family: 'Lora_medium';
    src: url('font/Lora-Medium.woff2') format('woff2'),
        url('font/Lora-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


strong, b {font-family:'clear_sans_mediumregular'; font-weight:normal;}
em, i {font-family:'clear_sansitalic'; font-style:normal;}
strong i, strong em, i strong, em strong, b i, b em, i b, em b {font-family: 'clear_sans_mediumitalic'; font-weight:normal;}





body {
	background:#fff/* url(immagini/sfondo.gif) repeat 0 0*/;
	margin:0;
	padding:0;
	font-family: 'clear_sansregular', Arial, verdana; 
	font-size: 17px;
	line-height:26px;
	color: #555;
	text-align: center;
	height:100%; /* no se counter o rsplugin o backstretch, tolto in temp_down jq, oppure togliere html da overflow hidden*/
}

html{
	height:100%;
}

body{overflow-x:hidden !important;}

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

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


/* *** LINK *** */

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

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

a.noUnderB:link, a.noUnderB:visited {color: #555; text-decoration: none;}
a.noUnderB:hover {color: #555; 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: #999; text-decoration: none;}
*/

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

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

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





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

.carat1s {font-size: 0.9em;} 
.carat1 {font-size: 1em;}
.carat1b {font-size: 1.1em; line-height: 1.3;} 
.carat1bb {font-size: 1.2em; line-height: 1.3;} 
.carat1x {font-size: 1.3em; line-height: 1.3;} 
.carat1xl {font-size: 1.4em; line-height: 1.3;} 

.medium {font-family: 'clear_sans_mediumregular' !important;;}

.greyDark {color:#555 !important;}
.white {color:#fff !important;} .white a{color:#fff !important;}
.black {color:#222 !important;}
.colore {color:#133056 !important;}

.sfGrey {background:#eee;}



/* (= stile-private solo colori) */
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1.7em; line-height:1.4em; color:#133056; font-weight:normal; font-family:'Lora_medium'; text-align:inherit; text-align: left;} 
.tit1 {margin:0; font-size:1.7em; line-height:1.4em; color:#133056; font-family:'Lora_medium'; display:block; text-align:inherit; text-align: left;}
.tit2 {margin:0; font-size:1.55em; line-height:1.35em; color:#133056; font-family:'Lora_medium'; display:block; text-align:inherit; text-align: left;}
.tit3 {margin:0; font-size:1.45em; line-height:1.35em; color:#133056; font-family:'Lora_medium'; display:block; text-align:inherit; text-align: left;}
.tit4 {margin:0; font-size:1.3em; line-height:1.3em; color:#133056; font-family:'Lora_medium'; display:block; text-align:inherit; text-align: left;}
.tit5 {margin:0; font-size:1.2em; line-height:1.3em; color:#133056; font-family:'Lora_medium'; display:block; text-align:inherit; text-align: left;}
/* centrare tit senza parent center 
	position: relative;
	left: 50%; 
    transform: translateX(-50%);
*/	
.line_h_n {line-height:inherit;}
.line_h_s {line-height: 1.2;}
.line_h_xl {line-height: 1.5 ;}
.line_h_l {line-height: 1.8;}
.line_h_x {line-height: 2.2;}
.line_h_xl {line-height: 2.6;}

.titseo h1, .titseo h2 {font-size:1.2em !important; line-height:1.3em !important;}

.center p, .center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center .tit1, .center .tit2, .center .tit3, .center .tit4, .center .tit4, .center .tit5, .center em {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, [style="text-align: center;"] .tit5 {text-align: center !important;}

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

.white .colore {color:#fff !important;}

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



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

.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: left;}
.titLineCont.cx {text-align: center;}
.titLineCont p, .titLineCont ul, .titLineCont ul li {text-align: left;}
.titLineCont.cx p, .titLineCont.cx ul, .titLineCont.cx ul li {text-align: center;}

.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: 0;
    border-bottom: 1px solid #ddd;
}
.titLineCont.cx h1:before,.titLineCont.cx h2:before,.titLineCont.cx h3:before,.titLineCont.cx h4:before,.titLineCont.cx h5:before,.titLineCont.cx h6:before,.titLineCont.cx .tit1:before,.titLineCont.cx .tit2:before,.titLineCont.cx .tit3:before {
	left: 50%;
	-ms-transform: translate(-50%,0);	
	-webkit-transform: translate(-50%,0); 
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
@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 {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 {border-bottom: 1px solid #222 !important;}



/* toggle */
.titPush {cursor:pointer;}
.titPush i.fa-caret-down{margin-left:8px; font-size:17px;}
.titPush p{font-family: 'clear_sansbold'; font-size:1.1em; line-height:1.25em; position: relative; display: inline-block; padding-right:20px;} 
.titPush p:hover {opacity:.7;}
.titPush p i{position: absolute; right:0; top:50%; transform: translate(0,-50%);} 
.titPush p i.fa-caret-up{margin-top:3px;}
.titPush_panel{margin-top:15px;}



/* puls link == stile-private */
.button-link:link, .button-link:visited {
	display:inline-block;
	padding: 10px 15px;
	margin-top:10px;
	background: transparent;
	border:2px solid #133056;
	color: #133056;
	font-family: 'clear_sans_mediumregular';
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-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: #133056;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}


.button-link.button-small:link, .button-link.button-small:visited {
	padding: 8px 15px !important;
	font-size: 0.9em !important;
}


.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 a.button-link:hover {
	color:#000 !important;
	background:#fff !important;
}


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


.button-link-wa:link, .button-link-wa:visited {
	display:inline-block;
	position: relative;
	padding: 9px 20px 9px 45px;
	margin-top:7px;
	background: #00a884;
	border:0;
	color: #fff;
	font-family: 'clear_sans_mediumregular';
	text-decoration:none;
	border-radius: 35px;
	transition-duration: 0.2s;
}
.button-link-wa:hover, .button-link-wa:active, .white a.button-link-wa:hover {
	background: #00ca9f;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}
.button-link-wa:after{
	position: absolute; 
	z-index: 2;
	top: 48%;
	left: 15px; 
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-family: 'Font Awesome 6 Brands';
	content: "\f232";
	font-size:23px;
	color:#fff;
}



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





/* *** HR *** */

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




/* *** VARI *** */

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


.bordo {
	border:1px solid #ddd;
}
	
.bordoPad {
	padding:35px;
	border:1px solid #ddd;
}
@media(max-width: 991px) 
{
	.bordoPad {
		padding:25px;
	}
}

.bordoShadow {
	padding:0;
	box-shadow: 0 0 7px rgba(0,0,0,0.16);
}

.w100 {width:100%;}
.mw100 {max-width:100%;}
	

/* registra */
.control-label {padding-top:10px;}
@media (max-width: 991px) 
{
	.control-label {padding:0;}
}


/* input file */

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


/* input */

.captcha_box{font-size:0.9em; width:75px; height:40px; line-height:50px; text-transform:uppercase; text-indent:5px !important; letter-spacing: -0.01em;}

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

.txt.txt_one_row {
	border: 1px solid #000 !important;
	border-width:0 0 1px 0 !important;
	text-indent:0 !important;
	background: rgba(255,255,255,0) !important; 
}

.white .txt {border-color:#fff !important;}

textarea {
	-webkit-appearance: none;
	font-size:1em;
	line-height: 1em;
	font-family: 'clear_sansregular',Arial;
}
textarea.txt{
	padding:9px;
}
textarea.txt.txt_one_row{
	padding:0 0 5px 0 !important;
	height:32px;
	line-height: 1.5em !important;
	vertical-align: baseline !important;
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
	textarea.txt.txt_one_row{
		padding:8px 0 5px 8px !important;
		height:38px;
		line-height: 1.5em !important;
	}
}

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

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


/* select (se formattato togliere sopra) */

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



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


/* cerca */

/* se autocomplete

#cerca i{font-size:20px; color:#000;}

#panelCerca{ 
	border-bottom:1px dotted #000;
	white-space: nowrap;
	transition: all 0.5s;
}

#panelCerca input[type="text"]{ 
	background:rgba(255,255,255,0);
	color:#000;
	font-size: 1em;
	line-height:1em;
	border:0;
	width:200px;
	outline: 0;
	text-indent:0 !important;
}

#panelCerca button{
	font-size: 18px;
	color:#000;
	background:rgba(0,0,0,0);
	border:0;
	cursor: pointer;
}
#panelCerca *::-webkit-input-placeholder {
    color: #666; 
	opacity: 1 !important;
	text-align: left !important;
}
#panelCerca *:-moz-placeholder {
    color: #666; 
	opacity: 1 !important; 
	text-align: left !important;
}
#panelCerca *::-moz-placeholder {
    color: #666; 
	opacity: 1 !important;
	text-align: left !important;
}
#panelCerca *:-ms-input-placeholder {
    color: #666; 
	opacity: 1 !important;
	line-height:1 !important; 
	text-align: left !important;
}

#display_chiudi {
	position:absolute; 
	top:74px; 
	right:2px; 
	font-size:18px;
	cursor:pointer;
	display: none;
}

#display {
	display: none;
	background: #fff;
	border:1px solid #ddd;
	padding:10px 15px;
	position:absolute;
	top:104px;
	right:0;
	z-index:99999;
	width:380px;
	max-height:400px;
	overflow-y:auto;
}

#display table td:nth-child(odd) { padding-right:6px; vertical-align: top;}
#display table td:nth-child(even) { font-size: 0.9em; line-height: 1.1; vertical-align: top;}

#display ul {
	list-style: none;
	margin:0;
	padding:0;
}

#display ul li {
	display: block;
	padding: 8px 0;
	margin:0;
	cursor:pointer;
	text-align: left;
}

@media(max-width: 1279px) 
{
	#display_chiudi {top:70px;}
	#display {
		top:100px; 
	}
}
@media(max-width: 991px) 
{
	#display_chiudi {top:80px; right:-20px}
	#display {
		width:280px;
		max-height:350px;
		top:80px; 
	}
}
*/



/* box normale */
/*
#cerca i{font-size:20px; color:#222;}
#contCerca{ 
	border:1px solid #ddd;
	white-space: nowrap;
	transition: all 0.5s;
}
#contCerca input[type="text"]{ 
	background:rgba(255,255,255,0);
	color:#555;
	font-size: 1.2em;
	line-height:1.2em;
	border:0;
	width:200px;
	outline: 0;
}
#contCerca button{
	font-size: 18px;
	color:#555;
	background:rgba(0,0,0,0);
	border:0;
	cursor: pointer;
}
*/


/* lente con pannello cerca */

#cerca i{font-size:20px; color:#00a1de;}
#cerca{
	position:absolute; 
	right: 80px;
	top: 50%;
	margin-top:0;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#panelCerca{ 
	display:none; 
	position:absolute; 
	top:70px;
	right:-20px; 
	z-index:9999;
	white-space: nowrap;
	transition: all 0.5s;
}
.panelScroll{
	background:#fff !important;
}
#panelInt {
	padding:20px;
}
#panelCerca input[type="text"]{ 
	background:rgba(255,255,255,0);
	color:#002768;
	font-size: 1.3em;
	line-height:1.3em;
	border:1px solid #ddd;
	border-width:0 0 1px 0;
	width:400px;
	outline: 0;
}
#panelCerca button{
	font-size: 18px;
	color:#002768;
	background:rgba(0,0,0,0);
	border:0;
	cursor: pointer;
}
#panelChiudi{
	float:right; 
	margin:-20px 0 0 0;
	cursor:pointer;
	color:#002768;
	font-size:20px;
}




/* old box normale

#motore{
	position:absolute; 
	z-index:9999;
	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;
}

form#cerca input[type=text] {
  width: 80%;
  height:40px;
  line-height:42px;
  padding: 0 10px;
  font-size: 17px;
  color:#555;
  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: #999; 
	opacity: 1 !important;
	text-align: left !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #999; 
	opacity: 1 !important; 
	text-align: left !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #999; 
	opacity: 1 !important;
	text-align: left !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999; 
	opacity: 1 !important;
	line-height:1 !important;
	text-align: left !important;
}

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

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


form {margin: 0;}

p {margin: 0; padding: 0;}

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


/* tab x contatti */

table.tabnobord td, table.tabnobord th {border: 0; border-collapse: collapse;}
table.tabnobord td { padding: 0 10px 8px 0; vertical-align: top;}

/* + 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.tab, table.tab thead, table.tab tbody, table.tab th, table.tab td, table.tab tr {
		display: block;
	}
	table.tab thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.tab td {
		position: relative;
		padding-left: 50% !important;
		border-bottom: 0 !important;
	}
	table.tab td:before {
		position: absolute;
		left: 6px;
		content: attr(data-th);
		font-weight: bold;
	}
	table.tab 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;}
}

.center table {margin:0 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 { margin: -15px 0 -15px 30px; padding:0; }
ul li { margin: 15px 0 15px 0; padding:0; color: #555; list-style: none; }
ul li::before {
  color: #133056;  
  font-family: 'Font Awesome 6 Free';
  font-weight:900; 
  content: '\f00c';
  font-size: 1em; 
  display: inline-block;
  margin-left: -28px; 
  width: 28px; 
}


.white ul li { color: #e2e2da; }
.white ul li::before {
  color: #e2e2da; 
}







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:50%; top:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);	transform: translate(-50%,-50%); text-align: center; padding:10px 15px; background: rgba(255,255,255,0.7); color:#222; font-family: 'Poppins_semibold'; font-size: 1.1em; width:75%;}

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

#menu_sidebar a[href="javascript:void(0)"], #menu_sidebar a[href="#"] {cursor:default !important;}
nav #menu a[href="javascript:void(0)"], nav #menu a[href="#"] {cursor:default !important;}

nav a .arrow_menu .fa-chevron-down{font-size: 10px; vertical-align:text-top; margin:3px 0 0 5px;}

nav {
	height:46px; 
	margin:0 auto;
	text-align:center;
	/*display: inline-block; se menu tutto gestibile */
}

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

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

nav ul li::before {display:none;}


nav ul li a, nav ul li a:link, nav ul li a:visited {
	display: block;
	position: relative;
	color: #e2e2da; 
	height:46px;
	line-height:46px;
	font-size: 16px; 
	letter-spacing: 0.01em;
	text-transform:uppercase;
	text-decoration: none; 
	margin:0 20px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}



nav ul li a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 6px;
  left: 0;
  background-color: #dbdbcd;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
nav ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
nav ul li a.navattivo::after, nav ul li a.navattivo:hover::after {
  transform: scaleX(1);
}


nav ul li li a::after, nav ul li li a:hover::after, nav ul li li a.navattivo::after, nav ul li li a.navattivo:hover::after {
  display:none;
}




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


nav ul li:first-child {

}

nav ul li:last-child a {
	margin-right:0;
}



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

nav ul ul{
	margin: 0; 
	padding:0 0 0 0 !important;
	list-style: none; 
	position: absolute; 
	top: 46px; 
	left: -999999px; 
	text-align:left;
	z-index:9999;
	width:auto;
	background:#204473;
	font-size:0;
	
	/****** ATT: colore sfondo sempre presente se no su chrome alcune versioni si vedono righe tra voci menu *****/
	/*background:transparent url(immagini/cms/sub_top.png) no-repeat 15px 9px;*/
}

nav ul li{ position: relative;}
nav ul li li{ float: none;  margin:0; width:100%; background:#204473; } /* display:block; (se margine tra <li> e se width 100%) */
nav ul li:hover ul{ left: 0; height:auto; }

/* se vogliamo mantenere effetto hover anche se siamo sopra submenu */
/*nav ul li:hover { background: #ddd !important;}  */

nav ul ul.subMenu li a, nav ul ul.subMenu li a:link, nav ul ul.subMenu li a:visited 
{
	display: block; 
	width:100%;
	font-size: 15px; 
	color:#fff;
	background:#204473;
	margin:0;
	line-height:1;
	height:auto;
	padding:0 20px 15px 20px;
	text-decoration: none;
	text-align:left;
	white-space:nowrap;
}
nav ul ul.subMenu li a:hover {
	display: block; 
	color:#ddd;
	border-bottom:0;
	text-decoration: none;
	text-align:left;
}

nav ul ul.subMenu li:first-child a { padding-top:20px; }
nav ul ul.subMenu li:last-child a { padding-bottom:20px; }







/* MENU MOB LATERALE */

#menuHamb {display:none; width:40px;}
/*
#menuHamb:after {
	content:'MENU';
	position: absolute;
	top:0;
	left:-64px;
	color: #703030;
	font-size: 17px;
}
@media(max-width: 991px) {#menuHamb:after {display: none;}}
*/
#menu_sidebar {
  height: 100%;
  min-width:300px;
  max-width: 100%;
  position: fixed;
  z-index: 999999999; 
  top: 0; 
  right: -500px;
  background-color: #133056; 
  box-shadow: 0px 0px 12px rgba(0,0,0,0.15);
  overflow-x: hidden; 
  padding-top: 35px; 
  transition: 1.1s;
}

#menu_sidebar.menu_sidebar_vis {right:0px;}

#menu_sidebar ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	height:auto;
	float: none; 
}

#menu_sidebar ul li {
	float: none;
	margin: 0;
	text-align:left;
}

/* se 2 liv */

#menu_sidebar ul ul {
	padding:0;
	margin:0;
}
#menu_sidebar ul ul li {
	padding-left:25px;
}

#menu_sidebar a {
  position: relative;
  padding: 8px 30px;
  text-decoration: none;
  font-size: 17px;
  text-transform: uppercase;
  color: #dbdbcd;
  display: inline-block;
  transition: 0.3s;
}

#menu_sidebar ul ul li a {
	padding-top:5px;
	padding-bottom:5px;
}

#menu_sidebar ul ul {display:none;} /* se vogliamo nascondere submenu e aprire al click */
/* oppure */
/* #menu_sidebar .subMenu{display:none;} */ /* se vogliamo nascondere submenu e aprire al click, js: $('#menu_sidebar').on('click','a',function() { */

#menu_sidebar a[href="javascript:void(0)"], #menu_sidebar a[href="#"] {cursor:pointer !important;}

#menu_sidebar .arrow_menu{display: none;} /* togliamo freccia in menu orizzontale */
#menu_sidebar a.menu_sub_open:before{
	position: absolute; 
	z-index: 2;
	top: 9px;
	right: 14px; 
	font-family: 'Font Awesome 6 Free'; /* Font Awesome 6 Brands */
	content: "\f107";
	font-weight:900; 
	font-size:12px;
	color:#dbdbcd;
}

#menu_sidebar a:hover {
  color: #fff;
}


/* hamburgher */

#menuHamb input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

#menuHamb label {
    cursor: pointer;
    display: block;
    font-family: 'clear_sans_mediumregular';
	font-size: 1em;
    padding: 0;
}

#menu-icon,
#menu-icon:before,
#menu-icon:after {
    background: #dbdbcd;
	width:32px;
    border-radius: 4px;
    height: 3px;
    transition: all 0.2s ease-in-out;
}

#menu-icon:before,
#menu-icon:after {
    content: '';
    right: 0;
    position: absolute;
	width:40px;
}

#menu-icon:before {top: -9px;}
#menu-icon:after {bottom: -10px;}

#menu-icon {
    display: inline-block;
    margin: 0;
	/*width: 30px;*/
    max-width: 100%;
    position: absolute;
	right:0;
	top:9px;
}

#menuHamb {
    position: absolute;
	right:0;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 999999999;
}

/* Close Icon */
#menuHamb input[type=checkbox]:checked + label #menu-icon {
    background: transparent;
}

#menuHamb input[type=checkbox]:checked + label #menu-icon:before {
    top: 0;
    transform: rotate(-45deg);
}

#menuHamb input[type=checkbox]:checked + label #menu-icon:after {
    bottom: 0;
    transform: rotate(45deg);
}

/* two lines 

#menu-icon:before,
#menu-icon:after {
    background: #049751;
    border-radius: 4px;
	width: 100%;
    height: 4px;
    transition: all 0.2s ease-in-out;
    content: '';
    right: 0;
    position: absolute;
}
#menu-icon:before {top: -8px; width:45px;}
#menu-icon:after {bottom: -8px; width:35px;}

#menu-icon {
    width: 100%;
    position: absolute;
	right:0;
	top:9px;
	background:transparent;
}
#menuHamb {
    position: absolute;
	right:0;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 999999999;
}
#menuHamb input[type=checkbox]:checked + label #menu-icon:before {
    top: 0;
    transform: rotate(-45deg);
}
#menuHamb input[type=checkbox]:checked + label #menu-icon:after {
	width:45px;
    bottom: 0;
    transform: rotate(45deg);
}

*/

#close_sidebar{
	color:#dbdbcd;
	opacity:.65;
    position: absolute;
	right:22px;
	top: -20px;
	font-size: 30px;
	z-index: 999;
	cursor:pointer;
}






/* VIDEO */

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







/* solo x video mp4 */

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

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

.video_sc_intero {position:absolute; bottom:10px; right:10px; color:#fff; cursor:pointer}


.width_window {
	position:absolute;
	z-index:9;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);	
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.video_txt{
	/*max-width:1400px;
	width: 94%;*/
	width:100%;
	font-size: 1.5em;
	line-height: 1.8;
	position:absolute;
	z-index:9;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);	
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media(max-width: 991px) 
{
	.video_txt{font-size: 1em; line-height: 1.3;}
}
/*
@media(max-width: 1279px) 
{
	.video_txt{
		width:900px;
		max-width: 90%;/
	}
}
@media(max-width: 991px) 
{
	.video_txt{
		width:768px;
		max-width:90%;
	}
}
@media(max-width: 768px) 
{
	.video_txt{
		width:calc(100% - 60px);
		max-width: 100%;
	}
}
*/
.video_opacity:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	pointer-events: none;    
	background: rgba(0, 0, 0, 0.5);
}

.playpause{
	position:absolute;
	z-index:5;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);	
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background:rgba(0,0,0,.3);
	padding:0;
	border-radius:100%;
	cursor:pointer;
}
.playpause i{
	font-size:5.5em;
	color:#fff;
	opacity:0.8;
}
@media(max-width: 991px) 
{
	.playpause i{font-size:3.5em;}
}







/* GOOGLE MAPS */

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

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






/* *** IMPAGINAZIONE *** */


#social a{
	display:inline-block;
	margin:0 14px 0 0;
}

#social i{
	font-size:18px;
}


#lingue_mobile{
	display:none;
	position: absolute;
	margin-top:-6px;
	right: 65px;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#lingue_mobile img{width:20px;}

#lingue_menu a{
	display: inline-block;
}
#lingue_menu img{
	width:20px;
	line-height:inherit!important;
	vertical-align: middle;
	margin:-2px 0 0 18px;
}
#lingue_menu a:link, #lingue_menu a:visited{
	color:#fff;
	margin:0;
}
#lingue_menu a:hover{
	color:#fac3ff;
	cursor:pointer;
}
#lingue_menu a::after, #lingue_menu a:hover::after, #lingue_menu a.navattivo::after, #lingue_menu a.navattivo:hover::after {
  display:none;
}


header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#133056;
	/*box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);*/
	/*border-bottom:1px solid #ddd;*/
	z-index:9999; /* + alto iubenda resta sotto */
	transition: all 0.2s;
}
	
#headerInt{
	width:1400px;
	max-width: 90%;
	height:100px;
	margin:0 auto;
	position:relative;
	transition: all 0.2s;
}

#headerStickyCont {height:100px;}

#telefono{
	display:none; 
}

#menuTop {
	height:46px;
	position:absolute;
	z-index:9;
	right: 0;
	top: 50%;
	-ms-transform: translate(0,-50%);	
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

#menuTop_slick {
	width:100%;
}

#logo img{
	width:100%;
}

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

.container100{
	width:100%; /*calc(100% - 100px);*/
	margin:0 auto;
	text-align:left;
	position:relative;
}

.container, .containerNews, .container100 .container{ 
	width:1400px;
	max-width: 90%;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.container .container:not(.parallax .container) {width:100%; max-width: 100%;}

.template{
	padding:45px 0 0 0;
	text-align:justify;
}
.noTemplate {margin:-45px 0 0 0;}
/*.noHeader {margin:-45px 0 0 0;} // se slide fisso in home: = template oppure = noTemplate */

.templateHome{
	padding:70px 0 0 0;
	text-align:justify;
}
.templateHome .noHeader {margin:-70px 0 0 0;}

.colFoot_b {border-left:1px solid rgba(255,255,255,0.25); padding-left:40px;}

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

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

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

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



/* centrare vertical middle */
.vmiddle {	/* align middle txt img, entrambi dentro div class vmiddle */
    display:flex; align-items:center; justify-content:left; 
}
.vmiddle div.vmiddle_int{flex-shrink: 1; flex-grow: 1}



/* centrare vertical vedi inc.slide_usa_img_mult_vert */
.vertical_align_flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
@media(max-width: 991px) 
{
	.vertical_align_flex {
		display: block;
	}
}






/* 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:9px 28px;
	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;}





/* login */

#login i{font-size:20px; color:#00a1de;}
#login{
	position:absolute; 
	right: 40px;
	top: 50%;
	margin-top:0;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}








/* carrello */

#cart_header{
	position: absolute;
	z-index:99;
	right:0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}

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

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


#pulsCart{
	text-align:center; 
	color:#fff; 
	background:#00a1de; 
	border:0; 
	cursor:pointer; 
	margin:0; 
	padding:0 20px; 
	font-size:0.95em; 
	font-family: 'clear_sansbold'; 
	height:48px !important; 
	line-height:48px !important;  
}

#pulsCart:hover{
	background:#2cc1f9; 
}

.txt_qty {
	text-align:right; 
	width:35px; 
	height:46px !important; 
	line-height:46px !important;
	padding:0 8px;
	background: #fff; 
	border: 1px solid #00a1de;
	border-right:0;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}


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










/* scroll top */

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



/* 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:9999; 
}
#sfondoAttesa {
	display:none;
	background:#fff;
	width:100%;
	height:100%;
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	top:0;
	left:0;
	z-index:9998; 
}




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

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

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


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

.zoomOverlay {
	width: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 */
.txtprod {margin-top:22px;}
.txtprod_sm {margin-top:5px;}
.txtprod_pr {margin-top:5px;}
.adatta img, .txtprod, .adattaIT img, .txtprod {visibility:hidden;}
.adattaGal img {visibility:hidden;}
.adatta {min-height:90px; position: relative;}
.adattax {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%);
}


/* desc alt o commento foto inc.contenuti */
.comm_foto {position:absolute; z-index:3; bottom:0; left:0; background:rgba(0,0,0,.5); width:100%; padding:12px 10px; text-align:center; color:#fff;}
/*.comm_foto {text-align:center; margin-top:12px;} */


/* correlati */

#correlati_cont {margin:0 -20px;}
.correlati_block {display:inline-block; vertical-align: top; width:calc(25% - 46px); margin:0 20px 40px 20px;}
.correlati_block .backCover {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
@media(max-width: 991px) 
{
	#correlati_cont {margin:0 -15px;}
	.correlati_block {width:calc(33.3333333% - 36px); margin:0 15px 30px 15px;}
}
@media(max-width: 768px) 
{
	.correlati_block {width:calc(50% - 36px);}
}




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



/* impg quadri */
.relative {position:relative;}
.base {width:100%; visibility: hidden;}	
.boxInt {
	width:100%;
	padding:40px 60px;
	position:absolute; 
	left: 0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
	font-size:1.1em;
}


/* impag quadri box sopra foto 50px */
/*
.relative {position:relative;}
.base {width:100%; visibility: hidden;}	

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

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

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


/* impg quadri (variante no cx e no full)*/
/*
.relative {position:relative;}
.base {width:100%; visibility: hidden;}	
.boxInt {
	width:100%;
	padding:40px 0;
	position:absolute; 
	left: 0;
	top: 48%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);	
}
.boxInt.padLeft {padding-left:50px;}
.boxInt.padRight {padding-right:50px;}

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

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





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


.item_div {
  position: relative;  
  overflow: hidden;
  width: 100%;
}
.item_div div {
  width: 100%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_div:hover div {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}






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




/* privacy */

.iubeOk {margin:-50px -30px -30px -30px;}
.iubeNo {margin:-30px -30px -30px -30px;}
.closeIub {width:48px; margin:8px 10px 8px 8px; text-align:right; position:fixed; top:0; right:0; z-index:9999;}
@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 *** */


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

/* se tagliamo (vecchio sistema) */
.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 !important; padding:0 !important; overflow: hidden !important;}

.bx-wrapper .bx-prev {left: 10px; z-index: 99 !important;}
.bx-wrapper .bx-next {right: 10px; z-index: 99 !important;}
/*.bx-pager {display:none;}*/
/*.bx-wrapper .bx-pager {
	bottom: -50px !important;
}*/

.txt_bx_slide {padding:20px 90px; display: block;}
@media(max-width: 768px) 
{
	.txt_bx_slide {padding:20px 0;}
}

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

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

/* personalizzati in scheda */
#slider-next, #slider-prev {
	position:absolute;
	z-index:99 !important;
	top:50%;
	right:0;
	width:50px; /* se no magnify non va in parte centrale */
	height:50px; /* se no magnify non va in parte centrale */
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#slider-prev {
	left:0;
}

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

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 -12px;
	padding:0;
}

ul.thumbs_bx li {
    width: calc((100% - 72px) / 6); /* 72 = 12*6 */
    display: inline-block;
    vertical-align: top;
	list-style-type: none;
	margin:12px 0 0 12px;
	padding:0;
	
}

ul.thumbs_bx li.thumb_active div{border:3px solid red}

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

@media(max-width: 1279px) 
{
	.bxpagerthumb {
		height: 60px;
	}
}

@media(max-width: 991px) 
{
	.bxpagerthumb {
		height: 50px;
	}
}



/* correlati */

#correlati_cont {vertical-align:top; margin:0 -20px;}
.correlato {display:inline-block; width:calc(20% - 42px); margin:0 20px 40px 20px; vertical-align:top;}
.correlato .backCover {width:100%; height:140px;}
@media(max-width: 1279px)
{
	#correlati_cont {margin:0 -15px;}
	.correlato {width:calc(25% - 32px); margin:0 15px 30px 15px;}
	.correlato .backCover {height:120px;}
}
@media(max-width: 991px)
{
	#correlati_cont {margin:0 -15px;}
	.correlato {width:calc(50% - 32px); margin:0 15px 30px 15px;}
	.correlato .backCover {height:170px;}
}
@media(max-width: 640px)
{
	#correlati_cont {margin:0;}
	.correlato {width:100%; max-width: 330px; margin:0 0 30px 0;}
	.correlato .backCover {height:170px;}
}






/* masonry*/

.grid {margin:0 -20px;}
.grid-sizer,.grid-item { width: calc(33.333333% - 40px); margin:0 20px 40px 20px; text-align: left;} 

.grid-sizer.grid3,.grid-item.grid3 { width: calc(33.333333% - 40px);}
.grid-sizer.grid4,.grid-item.grid4 { width: calc(25% - 40px);}

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

@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.grid_mob3,.grid-item.grid_mob3 { width: calc(33.333333% - 30px) !important;}
	.grid-sizer.grid_mob2,.grid-item.grid_mob2 { width: calc(50% - 30px) !important;}
	.grid-sizer.grid_mob1,.grid-item.grid_mob1 { width: calc(100% - 30px) !important;}
}

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

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




/* gallery */

.gallery_container a img:hover, .gallery_container a .backCover:hover {opacity: .77;}




/* box */

/* effetto hover box */
.box_img { overflow:hidden; position:relative; transition: all 0.35s;}
.box_img.box_no_back {background: transparent !important;}
.box_img > div{transition: all 0.35s;}
/*
classe che usiamo solo per effetti hover sfondo txt: .box_txt_hover
.alt_box:hover .box_txt_hover{background: #0b7174; }
*/
a .box_img:hover {background:#333;}
a .box_img:hover > div.hov_effect{opacity: 0.8; transform: scale(1.1);} /*  -webkit-filter:blur(3px); */
a .box_img:hover > .hov_effect img{} /* opacity: 0.8; */
a .box_img:hover::after {
	font: normal normal normal 45px/1 'Font Awesome 6 Free'; /* Font Awesome 6 Brands */
	font-weight:900;
	content: '\f054'; /* f105 */
	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%);
	z-index: 2; 
	color:#fff;
}

.box_img.box_tondo { /*background:transparent;*/ border-radius: 100%; margin:0 auto; }
.box_img.box_tondo .panel_middle{border-radius:0;}
.box_img.box_tondo div{ border-radius: 100%; }
a .box_img.box_tondo .hov_effect:hover > div{opacity: 0.8; transform: scale(1.1); -webkit-filter:blur(0); }

.box_img .box_txt_panel {width:100%; padding:25px; background:rgba(0,0,0,0.5); position: absolute; bottom:-100%; z-index:2; transition: all 0.3s;}
.box_img .box_txt_panel .box_tit_panel {padding:0 0 25px 0;}
@media(max-width: 991px) 
{
	.box_img .box_txt_panel .box_tit_panel {padding:0 0 18px 0;}
}

.panel_middle {
	width: 90%;
	position: absolute; 
	z-index:3; left:50%; top:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform: translate(-50%,-50%);
}

.over_opacity {
	width: 100%;
	height: 100%;
	position: absolute; 
	left: 0; 
	top: 0;
	z-index:2;
}

.box_img .box_txt_panel.box_black_opacity, .over_opacity.box_black_opacity, .panel_middle.box_black_opacity {background:rgba(0,0,0,0.35);}
.box_img .box_txt_panel.box_black_opacity1, .over_opacity.box_black_opacity1, .panel_middle.box_black_opacity1 {background:rgba(0,0,0,0.55);}
.box_img .box_txt_panel.box_black_opacity2, .over_opacity.box_black_opacity2, .panel_middle.box_black_opacity2 {background:rgba(0,0,0,0.70);}
.box_img .box_txt_panel.box_black_opacity3, .over_opacity.box_black_opacity3, .panel_middle.box_black_opacity3 {background:rgba(0,0,0,0.85);}

.box_img .box_txt_panel.box_white_opacity, .over_opacity.box_white_opacity, .panel_middle.box_white_opacity {background:rgba(255,255,255,0.35);}
.box_img .box_txt_panel.box_white_opacity1, .over_opacity.box_white_opacity1, .panel_middle.box_white_opacity1 {background:rgba(255,255,255,0.55);}
.box_img .box_txt_panel.box_white_opacity2, .over_opacity.box_white_opacity2, .panel_middle.box_white_opacity2 {background:rgba(255,255,255,0.70);}
.box_img .box_txt_panel.box_white_opacity3, .over_opacity.box_white_opacity3, .panel_middle.box_white_opacity3 {background:rgba(255,255,255,0.85);}

a .box_img .box_txt_panel:not(.no_hover_txt_pan):hover {bottom:0 !important;}
a .box_img.box_no_hover.box_no_scale .hov_effect{opacity: 1; transform: scale(1); -webkit-filter:blur(0); } 
a .box_img.box_no_hover:hover::after {display: none;}

.alt_img { background-repeat: no-repeat; background-position: center center; background-size: cover; height:260px; } /* se img scontornate: contain */
@media(max-width: 1279px) 
{
	.alt_img { height:190px; }
}
@media(max-width: 991px) 
{
	.alt_img { height:170px;}
	.box_img { max-width:991px; margin:0 auto;}
}

[data-height-d] { height: attr(data-height-d px); }
@media(max-width: 991px) 
{
[data-height-m] { height: attr(data-height-m px); }
}

/*.a_hover_box:hover > .box_img{opacity: 0.75; transform: scale(1.1);}*/

/* bordo interno (frame) box */
/*
.box_din_h {
    position: relative;
}

.box_din_h:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}
*/



/* pannello */

#pann_elem{margin:0 auto;}

.pann100 {width:100%;}
.pann90 {width:90%;}
.pann80 {width:80%;}
.pann70 {width:70%;}
.pann60 {width:60%;}
.pann50 {width:50%;}
@media (max-width: 991px) {
    .pann90,.pann80,.pann70,.pann60,.pann50 {width:90%;}
}


/* txt box absolute */

.box_txt_center { width:80%; position:absolute; z-index:3; left:50%; top:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);	transform: translate(-50%,-50%);}
.box_txt_top_left { position:absolute; z-index:3; left:30px; top:30px; }
.box_txt_top_right { position:absolute; z-index:3; right:30px; top:30px; }
.box_txt_bot_left { position:absolute; z-index:3; left:30px; bottom:30px; }
.box_txt_bot_right { position:absolute; z-index:3; right:30px; bottom:30px; }
.box_txt_top_right p, .box_txt_top_right .tit1, .box_txt_top_right .tit2, .box_txt_top_right .tit3, .box_txt_top_right .tit4, .box_txt_top_right .tit5, .box_txt_bot_right p, .box_txt_bot_right .tit1, .box_txt_bot_right .tit2, .box_txt_bot_right .tit3, .box_txt_bot_right .tit4, .box_txt_bot_right .tit5{text-align: right;}

.box_txt_center .box_tit_panel, .box_txt_top_left .box_tit_panel,  .box_txt_top_right .box_tit_panel,  .box_txt_bot_left .box_tit_panel,  .box_txt_bot_right .box_tit_panel {padding:0 0 9px 0;}
@media(max-width: 991px) 
{
	.box_txt_center .box_tit_panel, .box_txt_top_left .box_tit_panel,  .box_txt_top_right .box_tit_panel,  .box_txt_bot_left .box_tit_panel,  .box_txt_bot_right .box_tit_panel {padding:0 0 7px 0;}
}



/* prx */

.parallaxInt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.parallaxInt.noflex {
  display:block !important;
}

.prx_black_opacity::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.35);
}
.prx_black_opacity1::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.55);
}
.prx_black_opacity2::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.70);
}
.prx_black_opacity3::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.85);
}

.prx_white_opacity::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.35);
}
.prx_white_opacity1::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.55);
}
.prx_white_opacity2::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.70);
}
.prx_white_opacity3::before {
	width: 150%; /* in mob img sfondo più larga screen e before non copre tutto altrimenti */
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.85);
}

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

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

@media (max-width: 991px) {
    .parallax {
        background-attachment: scroll;
    }
}



/* accordion */

.padd_accord {padding:20px 25px !important;}




/* rsplugin */

/*
.tp-caption .rs_panel{
	background: rgba(17, 25, 75, .85);
	color:#fff;
	font-size: 17px;
	line-height: 22px;
	text-align: left;
}
.tp-caption .rs_panel .rs_padd{
	padding:40px 45px 45px 45px;
}
.tp-caption .rs_panel .rs_separa {padding-top:20px; margin-top:20px; border-top:1px solid rgba(255,255,255,.3); width:100%;}

@media (max-width: 1279px) 
{
	.tp-caption .rs_panel{
		font-size: 16px;
		line-height: 21px;
	}
	.tp-caption .rs_panel .rs_padd{
		padding:35px 40px 40px 40px;
	}
}

@media (max-width: 991px) 
{
	.tp-caption .rs_panel{
		font-size: 14px;
		line-height: 18px;
	}
	.tp-caption .rs_panel .rs_padd{
		padding:30px 30px 30px 30px;
	}
}

@media (max-width: 768px) 
{
	.tp-caption .rs_panel{
		font-size: 14px;
		line-height: 17px;
	}
	.tp-caption .rs_panel .rs_padd{
		padding:20px 20px 20px 20px;
	}
}
*/


.tp-caption .tp-caption-cont {margin-top:40px;}
.tp-caption .tp-caption-tit {font-size: 47px; line-height: 1.3;}
.tp-caption .tp-caption-txt {font-size: 35px; line-height: 1.3;}
@media (max-width: 1279px) 
{
	.tp-caption .tp-caption-tit {font-size: 49px;}
	.tp-caption .tp-caption-txt {font-size: 37px;}
}

@media (max-width: 991px) 
{
	.tp-caption .tp-caption-cont {margin-top:-40px;}
	.tp-caption .tp-caption-tit {font-size: 52px;}
	.tp-caption .tp-caption-txt {font-size: 38px;}
}



/* black opacity anche su kenburns */
.rev_slider.rs_black_opacity .slotholder img {
  filter: brightness(85%);
}
.rev_slider.rs_black_opacity1 .slotholder img {
  filter: brightness(65%);
}
.rev_slider.rs_black_opacity2 .slotholder img {
  filter: brightness(45%);
}
.rev_slider.rs_black_opacity3 .slotholder img {
  filter: brightness(25%);
}



.rev_slider.rs_black_opacity .slotholder:after, .rsTxt_black_opacity {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.25);
}
.rev_slider.rs_black_opacity1 .slotholder:after, .rsTxt_black_opacity1 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.45);
}
.rev_slider.rs_black_opacity2 .slotholder:after, .rsTxt_black_opacity2 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.65);
}
.rev_slider.rs_black_opacity3 .slotholder:after, .rsTxt_black_opacity3 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.85);
}

.rev_slider.rs_white_opacity .slotholder:after, .rsTxt_white_opacity {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.25);
}
.rev_slider.rs_white_opacity1 .slotholder:after, .rsTxt_white_opacity1 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.45);
}
.rev_slider.rs_white_opacity2 .slotholder:after, .rsTxt_white_opacity2 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.65);
}
.rev_slider.rs_white_opacity3 .slotholder:after, .rsTxt_white_opacity3 {
	width: 100%;
	height: 100%;
	content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.85);
}


.page-scroll {
	position:absolute;
	bottom:15px;
	left:50%;
	margin:0 0 0 -28px;
	z-index:9999;
}

.btn-circle i{
	color: #fff; 
	font-size: 55px; 
	margin-top:3px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
	
	animation: MoveUpDown 1s linear infinite;
}

@keyframes MoveUpDown {
  0%, 100% {
    margin-top:1px;
  }
  50% {
    margin-top:9px;
  }
}


.btn-circle, .btn-circle:link, .btn-circle:visited  {
    width: 65px;
    height: 65px;
	border:0px solid rgba(255,255,255,.5);
	display:block;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	text-align:center;
}

/*
.btn-circle:hover > i  {
    margin-top:9px;
}
*/


/* se altra freccia animata 

.scroll__wrap {
  width: 50px;
  height: 50px;
  opacity: .6;
  border: 2px solid #fff;
  border-radius: 25px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 5px;
  padding-right: 19px;
  transition: opacity .5s;
  display: flex;
  position: relative;
  bottom: auto;
  overflow: hidden;
}

.scroll__wrap:hover {
  opacity: 1;
}

.line_left {
  width: 15px;
  height: 2px;
  background-color: #fff;
  display: none;
  position: absolute;
  bottom: 4px;
  left: auto;
  right: 15px;
  transform: rotate(45deg);
}

.line_right {
  width: 15px;
  height: 2px;
  background-color: #fff;
  display: none;
  position: absolute;
  bottom: 4px;
  left: 15px;
  right: auto;
  transform: rotate(-45deg);
}

.line {
  width: 2px;
  height: 50px;
  background-color: #fff;
  display: none;
  position: relative;
  bottom: auto;
  left: 0;
}


.arrow{
    position: static;
    margin-top: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -9px; 
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
*/

.tit1_rs {font-size:40px !important; line-height:45px !important;}
.tit2_rs {font-size:26px !important; line-height:31px !important;}
.tit1_rs1 {font-size:43px !important; line-height:48px !important;}
.tit2_rs1 {font-size:29px !important; line-height:34px !important;}
.tit1_rs2 {font-size:46px !important; line-height:51px !important;}
.tit2_rs2 {font-size:32px !important; line-height:37px !important;}
.tit1_rs3 {font-size:50px !important; line-height:55px !important;}
.tit2_rs3 {font-size:35px !important; line-height:40px !important;}
@media(max-width: 1279px) 
{
	.tit1_rs {font-size:35px !important; line-height:40px !important;}
	.tit2_rs {font-size:22px !important; line-height:27px !important;}
	.tit1_rs1 {font-size:38px !important; line-height:43px !important;}
	.tit2_rs1 {font-size:25px !important; line-height:30px !important;}
	.tit1_rs2 {font-size:41px !important; line-height:46px !important;}
	.tit2_rs2 {font-size:28px !important; line-height:33px !important;}
	.tit1_rs3 {font-size:45px !important; line-height:50px !important;}
	.tit2_rs3 {font-size:31px !important; line-height:36px !important;}
}
@media(max-width: 768px) 
{
	.tit1_rs {font-size:30px !important; line-height:35px !important;}
	.tit2_rs {font-size:20px !important; line-height:25px !important;}
	.tit1_rs1 {font-size:33px !important; line-height:38px !important;}
	.tit2_rs1 {font-size:23px !important; line-height:28px !important;}
	.tit1_rs2 {font-size:36px !important; line-height:41px !important;}
	.tit2_rs2 {font-size:26px !important; line-height:31px !important;}
	.tit1_rs3 {font-size:39px !important; line-height:44px !important;}
	.tit2_rs3 {font-size:28px !important; line-height:33px !important;}
}

.txtSlide{
	font-size: 1.6em;
	width:1400px;
	max-width: 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%);
	z-index: 9999;
	opacity:0;
}

@media(max-width: 1279px) 
{
	.txtSlide{
		font-size: 1.5em;
		width:900px;
	}
}

@media(max-width: 991px) 
{
	.txtSlide{
		font-size: 1.4em;
		width:768px;
		/*text-align: center;*/
	}
	/*.txtSlide h1, .txtSlide h2, .txtSlide h3, .txtSlide .tit1, .txtSlide .tit2, .txtSlide .tit3, .txtSlide .tit4 {text-align: center;} */
}



/* x slide fisso */

#txtSlideRS{
	font-size: 1.5em;
	width:74%;
	text-align: center;
	position: absolute;
	z-index: 999;
	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;
	
}
#txtSlideRS.rsTxtSx{text-align:left;}
#txtSlideRS.rsTxtDx{text-align:right;}

#txtSlideRS_opacity{
	z-index: 998;
	opacity:0;
}

@media(max-width: 1279px) 
{
	#txtSlideRS{
		font-size: 1.3em;
		width:85%;
	}
}

@media(max-width: 991px) 
{
	#txtSlideRS{
		font-size: 1.2em;
		width:90%;
	}
}






/* slickcarousel */

.carousel_hide {visibility: hidden;}
.slick_contain{margin:0 -25px;}
.slick-slide {margin: 0 25px;}
.slick-list {margin: 0 -25px;}
/* se carusel da inc.slide...
.sliderSlick .divslide{text-align:center;}
.sliderSlick .divslide img{margin:0 auto; width:100%;}*/ 
.slick-prev {left:-25px !important; margin-top:-18px;}
.slick-next {right:-25px !important; margin-top:-18px;}
/*.slick-next{ width: 80px !important; height: 80px !important;}
.white .slick-prev, .white .slick-next {filter: contrast(0) brightness(2);}*/
.carousel_txt{padding-top:22px;}
.carousel_img{overflow:hidden;}

/* se dots
.slickcarousel {padding-bottom:30px !important;}
.slick-dots li button::before {font-size:13px; color:#488574;}
.slick-dots li.slick-active button::before {color:#488574;}
*/
@media(max-width: 1279px) 
{
	.slick-prev {left:-35px !important;}
	.slick-next {right:-35px !important;}
}
@media(max-width: 991px) 
{
	.slick_contain {padding:0 30px;}
}


/* popup up gallery */

.popup_gallery {
	display: none;
	position: fixed; 
	top: 50%; 
	left: 50%; 
	-ms-transform: translate(-50%,-50%);	
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 99999999;
	width: 1000px; 
	max-width:90%;
	max-height:80%;
	overflow-y: auto;
	margin-top:-30px;
	padding: 35px;
	background: #fff; 
	cursor:default;
}
.popup_gallery_close {
	display: none;
	position: fixed; 
	width:34px;
	top: 30px; 
	right: 30px;
	z-index: 99999999;
	cursor: pointer;
}
@media(max-width: 991px)
{
	.popup_gallery {
		margin-top:0;
		max-height: calc(100% - 160px);
		padding: 25px;
	}
	.popup_gallery_close {
		width:24px;
	}
}
.popup_gallery_overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999998;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1) !important;
}


/* gallery senza magini x txt */
.gall_txt_over{
	background:rgba(255,255,255,.7);
	position: absolute;
	bottom:0;
	left:0;
	z-index: 3;
	padding:10px;
	width:100%;
}



/* txt sopra gallery slide */

.txtSlideGallery{
	font-size: 1.5em;
	width:100%;
	text-align: center;
	max-width: 90%;
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
}
.txtSlideGallery.galTxtSx{text-align:left;}
.txtSlideGallery.galTxtDx{text-align:right;}

.txtSlideGallery_opacity{
	z-index: 998;
}

@media(max-width: 1279px) 
{
	.txtSlideGallery{
		font-size: 1.4em;
		width:900px;
	}
}

@media(max-width: 991px) 
{
	.txtSlideGallery{
		font-size: 1.25em;
		width:768px;
	}
}




/* briciole */

#breadcrumbs {
	font-size: 0.9em;
	margin-top:-12px;
	letter-spacing: -0.01em;
}
#breadcrumbs a:link, #breadcrumbs a:visited {color: #555; text-decoration: none;}
#breadcrumbs a:hover {color: #555; text-decoration: none;}



/* news */

.news-item {  }
.separa_news {margin-top:30px; padding-top:30px; border-top:1px solid #ddd;}


.backCover {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.backContain {background-repeat: no-repeat; background-position: center center; background-size: contain;}

/* usiamo in box */
.backContain_left, .backContain_left_cxmob  {background-position: left center;}
.backContain_dx {background-position: right center;}
.backContain_dx_sx_mob {background-position: right center;}
.backContain_dx_cx_mob {background-position: right center;}
@media(max-width: 991px) 
{
	.separa_news {margin-top:40px; padding-top:0; border-top:0;}
	
	.backContain_left_cxmob, .backContain_dx_cx_mob  {background-position: center center;}
	.backContain_dx_sx_mob {background-position: left center;}
	.backContain_cx_sx_mob {background-position: left center;}
}

















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

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


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

	ul { margin: -12px 0 -12px 30px;}
	ul li { margin: 12px 0 12px 0; }



	/* MENU DESK */

	nav ul li a, nav ul li a:link, nav ul li a:visited {
		font-size: 15px;
		margin:0 15px;
	}

	nav ul li.cont_menu a {
		padding:0 12px;
		margin:0 15px;
	}

	nav ul li:last-child a {
		margin-right:0px;
	}
	
	
	/* sub */
	nav ul ul{
		/*top: 36px; */
	}

	nav ul ul:before{
		top: 2px; 
		left: 25px; 
	}
	
	nav ul li:hover ul{ left: auto; height:auto; }

	nav ul ul.subMenu li a, nav ul ul.subMenu li a:link, nav ul ul.subMenu li a:active, nav ul ul.subMenu li a:visited 
	{
		font-size: 14px;
		padding:0 15px;
	}

	nav ul ul.subMenu li:first-child a { padding-top:15px; }
	nav ul ul.subMenu li:last-child a { padding-bottom:15px; }


	
	
	/* *** IMPAGINAZIONE *** */

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

	#headerStickyCont {height:90px;}

	#menuTop {
		right:0;
	}
	
	#menuTop_int {
		width:900px;
	}

	#logo{ 
		width:260px; 
	}

	.container, .containerNews, .container100 .container{ /* , .sfondo_container .container_mob */
		width:900px;
	}

	.template{
		padding:40px 0 0 0;
	}
	.noTemplate {margin:-40px 0 0 0;}
	/* .noHeader {margin:-40px 0 0 0;} */ 
	
	.templateHome{
		padding:60px 0 0 0;
	}
	.templateHome .noHeader {margin:-60px 0 0 0;}
	
	#footerInt{
	  width:900px;
	}

}






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


	body { 
		font-size:16px;
		line-height:25px;
		-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 MOB */
	
	nav {
		display:none;
	}

	
	
	/* *** IMPAGINAZIONE *** */


	#lingue_menu {display:none;}
	
	#lingue_mobile{
		display:block;
	}
	
	#headerInt{
		width:768px;
		margin:0 auto;
		height:80px;
	}

	#headerStickyCont {height:80px;}

	#lingue img{
		width:20px;
	}

	#social i{
		font-size:17px;
	}

	#logo{
		width:230px;
	}


	.container100 div[class^="padd_lat_"], .container100 div[class*="padd_lat_"] {padding-left:0 !important; padding-right:0 !important;}
	.container100.padd, .container100 .padd {padding:0 !important;}
	.container, .containerNews, .container100.no_container100_mob, .container100 .no_container100_mob, .container100 .container{ /* , .container100 */
		width:768px;
		max-width:90%;
		margin:0 auto;
	}
	.parallaxInt .container{
		width:100%;
		max-width:100%;
	}


	.template{ padding:35px 0 0 0; }
	.noTemplate {margin:-35px 0 0 0;}
	/* .noHeader_nomob {margin:-35px 0 0 0 !important;}
	.noHeader {margin:-35px 0 0 0;} */  
	
	.templateHome{ padding:40px 0 0 0; }
	.templateHome .noHeader {margin:-40px 0 0 0;}
			
	.colFoot_b {border-left:0; padding-left:0;}

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


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


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


	#whatsapp_chat {
		position: fixed;
		bottom:10px;
		right:15px;
		z-index: 9999;
	}

/* full width + tel 

#contact_mobile {position: fixed; bottom:0; width:100%; z-index: 99999; background: red}
#contact_mobile table {width:100%;}
#contact_mobile table tr td {width:50%; vertical-align: middle; text-align: center;}

#contact_mobile table tr td a{display:block; width:100%; height:100%; padding:12px 5px;}

#contact_mobile i{font-size: 30px; color:#fff;}
#contact_mobile i.fa-whatsapp{font-size: 40px;}

#contact_mobile table tr td:nth-child(odd) {
    background:#bf5c26;
}
#contact_mobile table tr td:nth-child(even) {
    background:#00ac3f;
}

<div id="contact_mobile">
<table>
<tr>
<td>
<?php if ($telefonoAdmin != "") { echo "<a href=\"tel:".preg_replace_callback("/([^0-9+]*)/",function($matches){foreach($matches as $match){return "";}}, $telefonoAdmin)."\" class=\"noUnder\"><i class=\"fa-solid fa-phone\"></i></a>"; } ?>
</td>
<td>
<?php if ($cellulareAdmin != "") { echo "<a href=\"https://api.whatsapp.com/send?phone=".preg_replace_callback("/([^0-9]*)/",function($matches){foreach($matches as $match){return "";}}, $cellulareAdmin)."&text=".urlencode("Vorrei ricevere ulteriori informazioni sulla referenza: ".$riferimento)."\" target=\"_blank\"><i class=\"fa-brands fa-whatsapp\"></i></a>"; } ?>
</td>
</tr>
</table>
</div>

*/



	/* carrello */
	
	#cerca{
		position:absolute; 
		right: 140px;
	}

	#login{
		right: 95px;
	}

	#cart_header{
		right:50px;
	}


	
}





@media(max-width: 767px) 
{
	
	#lingue_mobile{
		right: 60px;
	}
	#lingue_mobile img{width:18px;}

	#headerTopInt{
		width:calc(100% - 60px);
		max-width: 100%;
		margin:0 30px;
	}

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

	#logo{
		max-width:59%;
	}
	


	.container, .containerNews, .container100.no_container100_mob, .container100 .no_container100_mob, .container100 .container{ /* , .container100 */
		width:calc(100% - 60px);
		max-width: 100%;
		margin:0 30px;
		padding: 0;
	}
	.parallaxInt .container{
		width:100%;
		max-width:100%;
		margin:0;
	}


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


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





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

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

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

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

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

	.cxtab {text-align:center;}
	.sxtab {text-align:left;}
	.dxtab {text-align:right;}

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

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


	
	
	
/* *** ------ COLS ------ *** */

.row_cols {
	margin:0 -30px;
	/* x centrare box */
	text-align: center; /*left*/
	display:flex;
	justify-content:center; /*flex-start*/
	flex-wrap: wrap
	/* --- */
}
.row_cols.row_cols_left {justify-content:flex-start !important;}
.pad_cols {padding:0 30px; text-align: left;}
.row_cols.row_cols_0 {margin:0 !important;}
.row_cols.row_cols_0 .pad_cols {padding:0 !important;}
.cols-12 {
	float:none;
	width: 100%;
}
.cols-9 {
	float:left;
	width: 75%;
}
.cols-8 {
	float:left;
	width: 66.66666666666%;
}
.cols-6 {
	float:left;
	width: 50%;
}
.cols-4 {
	float:left;
	width: 33.33333333333%;
}
.cols-3 {
	float:left;
	width: 25%;
}

.break_flex{
	flex-basis: 100%;
	height: 0;
}
	
@media (max-width: 1279px)   
{
	.row_cols {
		margin:0 -20px;
	}
	/* su tab a file di 2 */
	/*
	.cols-3 { 
		width: 50%;
	}
	.row_cols .cols-3:first-child, .row_cols .cols-3:nth-of-type(2) { margin-bottom:40px;}
	*/
	.pad_cols {padding:0 20px;}
}
@media (max-width: 991px)   
{
	.row_cols {
		margin:0;
		
		display: block;
	}
	.row_cols .cols-3:first-child, .row_cols .cols-3:nth-of-type(2) { margin-bottom:0;}
	.cols-9, .cols-8, .cols-6, .cols-4, .cols-3 {
		float:none;
		width: 100%;
	}
	.pad_cols {padding:0;}
}





/* *** ------ 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 */
.gallPadd {padding:0 50px;}

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

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



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

.padd_all_s {padding:20px;}
.padd_all_m {padding:30px;}
.padd_all {padding:40px;}
.padd {padding:0 40px;}
.padd_m {padding:0 30px;} /* se sfondo con colore o bordo no 100% */
.padd_s {padding:0 20px;}


.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: 20px !important;
    padding-right: 20px !important;
}
.no-padding .row { 
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.row .no-padding [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.xs-padding [class*="col-"], .row .xs-padding [class*="col-"] { /* abbinare a row */
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.xs-padding, .row .xs-padding {
	margin-left: -5px !important;
	margin-right: -5px !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: 40px !important;
    padding-right: 40px !important;
}
.xl-padding {
    margin-left: -40px !important;
    margin-right: -40px !important;
}

/* se row dentro row xl-padding / row half-padding / row xs-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;
}
.xl-padding .row.xs-padding [class*="col-"] {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

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


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

/* mobile e tablet (# desktop) */
.margintop-xs { margin-top:5px; }
.marginbot-xs { margin-bottom:5px; }
.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:60px; }
.marginbot-xl { margin-bottom:60px; }

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

.alt-xs{ height:5px; }
.alt-s{ height:10px; }
.alt-m{ height:20px; } /* diverso in .tiny x titoli */
.alt-l{ height:35px; }
.alt-xl{ height:55px; }





/* ------ 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: 20px;
  padding-left: 20px;
}




/* ------ 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:10px; }
	.marginbot-mob-s { margin-bottom:10px; }
	.margintop-mob-m { margin-top:20px; }
	.marginbot-mob-m { margin-bottom:20px; }
	.margintop-mob-l { margin-top:40px; }
	.marginbot-mob-l { margin-bottom:40px; }
	.margintop-xl { margin-top:60px; }
	.marginbot-xl { margin-bottom:60px; }

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

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

	.padd {padding:0 30px;}
	.padd_m {padding:0 25px;}
	.padd_s {padding:0 15px;}
	
	.row.no-padding .padd{padding:0;} /* se impaginazione qudri su mobile no padding */
}







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

	[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: 30px;
		padding-left: 30px;
	}

	.row {
		margin-right: -30px;
		margin-left: -30px;
	}
	
	.padd_all_s {padding:30px;}
	.padd_all_m {padding:40px;}
	.padd_all {padding:60px;}
	.padd {padding:0 60px;}
	.padd_m {padding:0 40px;}
	.padd_s {padding:0 30px;}

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

	.row .no-padding [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

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

	/* se row dentro row xl-padding / row half-padding / row xs-padding se row non serve */
	.xl-padding .row [class*="col-"] {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.xl-padding .row.half-padding [class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.xl-padding .row.xs-padding [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !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: 30px;
		padding-left: 30px;
	}

	.margintop-xs { margin-top:8px; }
	.marginbot-xs { margin-bottom:8px; }
	.margintop-s { margin-top:15px; }
	.marginbot-s { margin-bottom:15px; }
	.margintop-m { margin-top:30px; }
	.marginbot-m { margin-bottom:30px; }
	.margintop-l { margin-top:60px; }
	.marginbot-l { margin-bottom:60px; }
	.margintop-xl { margin-top:80px; }
	.marginbot-xl { margin-bottom:80px; }

	.noMarginTop-xs { margin-top:-8px; }
	.noMarginTop-s { margin-top:-15px; }
	.noMarginTop-m { margin-top:-30px; }
	.noMarginTop-l { margin-top:-60px; }
	.noMarginTop-xl { margin-top:-80px; }

	.alt-xs{ height:8px; }
	.alt-s{ height:15px; }
	.alt-m{ height:30px; } /* diverso in .tiny x titoli */
	.alt-l{ height:55px; }
	.alt-xl{ height:75px; }

    .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: 20px;
    padding-left: 20px;
}

.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: 30px;
    	padding-left: 30px;
    }
}






/* 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:40px !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;
}

.tiny .alt-m{ height:15px; }
@media (min-width: 1279px)
{
	.tiny .alt-m{ height:20px; }
}

@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;
	}
	
	.tiny .dx {text-align: left;}
}

/* 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 {
	width: 100%; /* vw */
	position: relative;
	z-index: 0;
	left: 50%;
	right: 50%;
	margin-left: -50%; /* vw */
	margin-right: -50%; /* vw */
}
/*
@media(max-width: 991px) 
{
	.sfondo_container {
		width: 100%;
		left: 0;
		right: 0;
		margin-left: 0;
		margin-right: 0;
	}
}
*/

.padd_top_neg_20 {margin-top:-20px;}
.padd_top_neg_40 {margin-top:-40px;}
.padd_top_neg_60 {margin-top:-60px;}
.padd_top_neg_80 {margin-top:-80px;}
.padd_top_neg_100 {margin-top:-100px;}
.padd_top_neg_120 {margin-top:-120px;}
.padd_top_neg_140 {margin-top:-140px;}
.padd_top_neg_160 {margin-top:-160px;}
.padd_top_neg_180 {margin-top:-180px;}
.padd_top_neg_200 {margin-top:-200px;}
.padd_top_neg_220 {margin-top:-220px;}
.padd_top_neg_240 {margin-top:-240px;}
.padd_top_neg_260 {margin-top:-260px;}
.padd_top_neg_280 {margin-top:-280px;}
.padd_top_neg_300 {margin-top:-300px;}

.padd_top_10 {padding-top:10px;}
.padd_top_15 {padding-top:15px;}
.padd_top_20 {padding-top:20px;}
.padd_top_30 {padding-top:30px;}
.padd_top_40 {padding-top:40px;}
.padd_top_50 {padding-top:50px;}
.padd_top_60 {padding-top:60px;}
.padd_top_80 {padding-top:80px;}
.padd_top_100 {padding-top:100px;}
.padd_top_120 {padding-top:120px;}
.padd_top_140 {padding-top:140px;}
.padd_top_160 {padding-top:160px;}
.padd_top_180 {padding-top:180px;}
.padd_top_200 {padding-top:200px;}
.padd_top_220 {padding-top:220px;}
.padd_top_240 {padding-top:240px;}
.padd_top_260 {padding-top:260px;}
.padd_top_280 {padding-top:280px;}
.padd_top_300 {padding-top:300px;}

.padd_bot_10 {padding-bottom:10px;}
.padd_bot_15 {padding-bottom:15px;}
.padd_bot_20 {padding-bottom:20px;}
.padd_bot_30 {padding-bottom:30px;}
.padd_bot_40 {padding-bottom:40px;}
.padd_bot_50 {padding-bottom:50px;}
.padd_bot_60 {padding-bottom:60px;}
.padd_bot_80 {padding-bottom:80px;}
.padd_bot_100 {padding-bottom:100px;}
.padd_bot_120 {padding-bottom:120px;}
.padd_bot_140 {padding-bottom:140px;}
.padd_bot_160 {padding-bottom:160px;}
.padd_bot_180 {padding-bottom:180px;}
.padd_bot_200 {padding-bottom:200px;}
.padd_bot_220 {padding-bottom:220px;}
.padd_bot_240 {padding-bottom:240px;}
.padd_bot_260 {padding-bottom:260px;}
.padd_bot_280 {padding-bottom:280px;}
.padd_bot_300 {padding-bottom:300px;}

.padd_lat_10 {padding-left:10px; padding-right:10px;}
.padd_lat_15 {padding-left:15px; padding-right:15px;}
.padd_lat_20 {padding-left:20px; padding-right:20px;}
.padd_lat_30 {padding-left:30px; padding-right:30px;}
.padd_lat_40 {padding-left:40px; padding-right:40px;}
.padd_lat_50 {padding-left:50px; padding-right:50px;}
.padd_lat_60 {padding-left:60px; padding-right:60px;}
.padd_lat_80 {padding-left:80px; padding-right:80px;}
.padd_lat_100 {padding-left:100px; padding-right:100px;}
.padd_lat_120 {padding-left:120px; padding-right:120px;}
.padd_lat_140 {padding-left:140px; padding-right:140px;}
.padd_lat_160 {padding-left:160px; padding-right:160px;}
.padd_lat_180 {padding-left:180px; padding-right:180px;}
.padd_lat_200 {padding-left:200px; padding-right:200px;}


.padd_left_10 {padding-left:10px;}
.padd_left_20 {padding-left:20px;}
.padd_left_30 {padding-left:30px;}
.padd_left_40 {padding-left:40px;}
.padd_left_50 {padding-left:50px;}
.padd_left_60 {padding-left:60px;}
.padd_left_80 {padding-left:80px;}
.padd_left_100 {padding-left:100px;}
.padd_left_120 {padding-left:120px;}
.padd_left_140 {padding-left:140px;}
.padd_left_160 {padding-left:160px;}
.padd_left_180 {padding-left:180px;}
.padd_left_200 {padding-left:200px;}

.padd_right_10 {padding-right:10px;}
.padd_right_20 {padding-right:20px;}
.padd_right_30 {padding-right:30px;}
.padd_right_40 {padding-right:40px;}
.padd_right_50 {padding-right:50px;}
.padd_right_60 {padding-right:60px;}
.padd_right_80 {padding-right:80px;}
.padd_right_100 {padding-right:100px;}
.padd_right_120 {padding-right:120px;}
.padd_right_140 {padding-right:140px;}
.padd_right_160 {padding-right:160px;}
.padd_right_180 {padding-right:180px;}
.padd_right_200 {padding-right:200px;}



/* in pannelli usiamo padd_all aggiungiamo 60px a tutti */

.marg_left_neg_50 {margin-left:-110px; width:calc(100% + 110px);}
.marg_left_neg_100 {margin-left:-160px; width:calc(100% + 160px);}
.marg_left_neg_150 {margin-left:-210px; width:calc(100% + 210px);}
.marg_left_neg_200 {margin-left:-260px; width:calc(100% + 260px);}
.marg_left_neg_250 {margin-left:-310px; width:calc(100% + 310px);}
.marg_left_neg_300 {margin-left:-360px; width:calc(100% + 360px);}

.marg_left_50 {margin-left:50px;}
.marg_left_100 {margin-left:100px;}
.marg_left_150 {margin-left:150px;}
.marg_left_200 {margin-left:200px;}
.marg_left_250 {margin-left:250px;}
.marg_left_300 {margin-left:300px;}

.marg_right_neg_50 {margin-right:0; width:calc(100% + 110px);}
.marg_right_neg_100 {margin-right:0; width:calc(100% + 160px);}
.marg_right_neg_150 {margin-left:0; width:calc(100% + 210px);}
.marg_right_neg_200 {margin-right:0; width:calc(100% + 260px);}
.marg_right_neg_250 {margin-right:0; width:calc(100% + 310px);}
.marg_right_neg_300 {margin-right:0; width:calc(100% + 360px);}

.marg_right_50 {margin-right:50px;}
.marg_right_100 {margin-right:100px;}
.marg_right_150 {margin-right:150px;}
.marg_right_200 {margin-right:200px;}
.marg_right_250 {margin-right:250px;}
.marg_right_300 {margin-right:300px;}

.padd_txt_sx {padding-left: 40px;}
.padd_txt_dx {padding-right: 40px;}
.padd_txt_top_bot {padding-top: 40px; padding-bottom: 40px;}



@media(max-width: 1280px) 
{

	/* in pannelli usiamo padd_all aggiungiamo 40px a tutti */

	.marg_left_neg_50 {margin-left:-90px; width:calc(100% + 90px);}
	.marg_left_neg_100 {margin-left:-140px; width:calc(100% + 140px);}
	.marg_left_neg_150 {margin-left:-190px; width:calc(100% + 190px);}
	.marg_left_neg_200 {margin-left:-240px; width:calc(100% + 240px);}
	.marg_left_neg_250 {margin-left:-290px; width:calc(100% + 290px);}
	.marg_left_neg_300 {margin-left:-340px; width:calc(100% + 340px);}

	.marg_right_neg_50 {margin-right:0; width:calc(100% + 90px);}
	.marg_right_neg_100 {margin-right:0; width:calc(100% + 140px);}
	.marg_right_neg_150 {margin-left:0; width:calc(100% + 190px);}
	.marg_right_neg_200 {margin-right:0; width:calc(100% + 240px);}
	.marg_right_neg_250 {margin-right:0; width:calc(100% + 290px);}
	.marg_right_neg_300 {margin-right:0; width:calc(100% + 340px);}

}


@media(max-width: 991px) 
{
	.padd_top_10 {padding-top:8px;}
	.padd_top_15 {padding-top:12px;}
	.padd_top_20 {padding-top:16px;}
	.padd_top_30 {padding-top:25px;}
	.padd_top_40 {padding-top:35px;}
	.padd_top_50 {padding-top:40px;}
	.padd_top_60 {padding-top:45px;}
	.padd_top_80 {padding-top:50px;}
	.padd_top_100 {padding-top:60px;}
	.padd_top_120 {padding-top:70px;}
	.padd_top_140 {padding-top:80px;}
	.padd_top_160 {padding-top:90px;}
	.padd_top_180 {padding-top:100px;}
	.padd_top_200 {padding-top:110px;}

	.padd_bot_10 {padding-bottom:8px;}
	.padd_bot_15 {padding-bottom:12px;}
	.padd_bot_20 {padding-bottom:16px;}
	.padd_bot_30 {padding-bottom:25px;}
	.padd_bot_40 {padding-bottom:35px;}
	.padd_bot_50 {padding-bottom:40px;}
	.padd_bot_60 {padding-bottom:45px;}
	.padd_bot_80 {padding-bottom:50px;}
	.padd_bot_100 {padding-bottom:60px;}
	.padd_bot_120 {padding-bottom:70px;}
	.padd_bot_140 {padding-bottom:80px;}
	.padd_bot_160 {padding-bottom:90px;}
	.padd_bot_180 {padding-bottom:100px;}
	.padd_bot_200 {padding-bottom:110px;}
	
	.padd_lat_10 {padding-left:8px; padding-right:8px;}
	.padd_lat_15 {padding-left:12px; padding-right:12px;}
	.padd_lat_20 {padding-left:16px; padding-right:16px;}
	.padd_lat_30 {padding-left:25px; padding-right:25px;}
	.padd_lat_40 {padding-left:35px; padding-right:35px;}
	.padd_lat_50 {padding-left:40px; padding-right:40px;}
	.padd_lat_60 {padding-left:45px; padding-right:45px;}
	.padd_lat_80 {padding-left:50px; padding-right:50px;}
	.padd_lat_100 {padding-left:60px; padding-right:60px;}
	.padd_lat_120 {padding-left:70px; padding-right:70px;}
	.padd_lat_140 {padding-left:80px; padding-right:80px;}
	.padd_lat_160 {padding-left:90px; padding-right:90px;}
	.padd_lat_180 {padding-left:100px; padding-right:100px;}
	.padd_lat_200 {padding-left:110px; padding-right:110px;}	

	.padd_left_40,.padd_left_50,.padd_left_60,.padd_left_80,.padd_left_100,.padd_left_120,.padd_left_140,.padd_left_160,.padd_left_180,.padd_left_200 {padding-left:0;}
	.padd_right_40,.padd_right_50,.padd_right_60,.padd_right_80,.padd_right_100,.padd_right_120,.padd_right_140,.padd_right_160,.padd_right_180,.padd_right_200 {padding-right:0;}
	.marg_left_neg_50,.marg_left_neg_100,.marg_left_neg_150,.marg_left_neg_200,.marg_left_neg_250,.marg_left_neg_300,.marg_left_50,.marg_left_100,.marg_left_150,.marg_left_200,.marg_left_250,.marg_left_300 {margin-left:0; width:100%;}
	.marg_right_neg_50,.marg_right_neg_100,.marg_right_neg_150,.marg_right_neg_200,.marg_right_neg_250,.marg_right_neg_300,.marg_right_50,.marg_right_100,.marg_right_150,.marg_right_200,.marg_right_250,.marg_right_300 {margin-right:0; width:100%;}
	
	.padd_txt_mob {padding: 0 30px 30px 30px;}
}

.marginbot0 {margin-bottom:0 !important;}
.margintop0 {margin-top:0 !important;}
.marginleft0 {margin-left:0 !important;}
.marginright0 {margin-right:0 !important;}
.paddingbot0 {padding-bottom:0 !important;}
.paddingtop0 {padding-top:0 !important;}
.paddingleft0 {padding-left:0 !important;}
.paddingright0 {padding-right:0 !important;}

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



/* ---------------- 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;
	}
	
	.img_full_width.no_over_width {
	  width: 100vw !important;
	  margin-left: -50vw !important;
	  margin-right: -50vw !important;
	}
}

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

	.img_full_width.no_over_width {
	  width: 100vw !important;
	  margin-left: -50vw !important;
	  margin-right: -50vw !important;
	}
}

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

	.img_full_width.no_over_width {
	  width: 100vw !important;
	  margin-left: -50vw !important;
	  margin-right: -50vw !important;
	}
}

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




/* cms live */

.live_add {position:fixed; top:0; right:0; z-index:999999999999999999; background:#fefdc1; padding:15px 20px;}
.live_modifica {position:absolute; top:0; left:-120px; z-index:99999; background:#fefdc1; padding:9px 15px; text-align:left;}
.live_sposta {position:absolute; top:0; right:-93px; z-index:99999; background:#fefdc1; padding:9px 15px;}
.live_modifica.live_full {left:-60px;}
.live_sposta.live_full {right:-60px;}
.live_modifica.live_100 {left:0px;}
.live_sposta.live_100 {right:0px;}
@media (max-width: 1279px)
{
	.live_modifica {left:0px;}
	.live_sposta {right:0px;}
	.live_modifica.live_full {left:-40px;}
	.live_sposta.live_full {right:-40px;}
}
@media (max-width: 991px)
{
	.live_modifica.live_full {left:-30px;}
	.live_sposta.live_full {right:-30px;}
}






/*

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


---> bagliore button o box

	box-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

.icon-2x-circle {
    text-align: center;
    padding: 28px 0 0 0;
    width: 120px;
    height: 120px;
	font-size:50px;
    display: inline-block;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
	background:transparent;
	color:#0b244a;
	border:4px solid #e84d0e;
}

--- oppure ---

.icon-2x-circle i{ 
	font-size:24px;
	color:#349200;
	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%);
}
.icon-2x-circle {
	position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
	background:transparent;
	border:1px solid #349200;
}

<div class="icon-2x-circle"><i class="fas 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: 'Font Awesome 6 Free';
  font-weight:900; ---> piena, se togliamo vuota
  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 (sx)

h1 {
	font-family: sans-serif;
	text-align: left;
	margin-left:150px !important;
	display: inline-block;
	background:#fff;
	padding:0 30px !important;
}
h1:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #CD5C5C;
	left: 0;
	top: 50%;
	position: absolute;
	z-index: -1;
}
	  
	  
---> titolo con linea (cx)

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

<style>

.titLine{
     overflow: hidden;
     text-align: center;
 }
.titLine > span{
    position: relative;
    display: inline-block;
}
.titLine > span:before, .titLine > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 30px;
    margin: 0 20px;
}
.titLine > span:before{
    right: 100%;
}
.titLine > span:after{
    left: 100%;
}

---> sottolineato testi

text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 2px;
text-decoration-color: red;


---> 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 dietro 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="fas 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

.tooltip {
	display: none; 
	width:70%; 
	max-width:500px; 
	text-align: left;
	position: absolute; 
	padding: 10px;
	color: #444; 
	background-color: #fff; 
	border: 1px solid #ddd; 
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.18); 
	border-radius: 3px;
}

$(function() {
	$('a.tooltipx').hover(function(e){ 
		var titleText = $(this).attr('title');
		$(this).data('tiptext', titleText).removeAttr('title');
		$('<p class="tooltip"></p>').text(titleText).appendTo('body').css('top', (e.pageY - 10) + 'px').css('left', (e.pageX + 20) + 'px').fadeIn('slow');
	}, function(){ 
		$(this).attr('title', $(this).data('tiptext'));
		$('.tooltip').remove();
	}).mousemove(function(e){ 
		$('.tooltip').css('top', (e.pageY - 10) + 'px').css('left', (e.pageX + 20) + 'px');
	});
});

<a href="javascript:void(0)" class="tooltipx" title="xxx">X</a>



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


---> obliquo header non rectangular + flex vertical align middle

.section_top{
	position: relative;
	width:100%;
	height:600px;
	background:#016ec3;
	display: flex;
	align-items: center;
	justify-content: left;
}
.section_top:before{
	content: '';
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:200px;
	background:#fff;
	clip-path:polygon(100% 0,0 100%,100% 100%); 
	... oppure polygon(100% 50%,0 100%,100% 100%); 50% dimezza altezza bianco a dx 
}
<div class="section_top">
	<div class="content_top">
	xxxxxxxxxx
	</div>
</div>


---> type=number

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #5d1265;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background:#5d1265;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 10px;
  height: 2px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  max-width: 40px;
  padding: 5px;
  border: solid #ddd;
  border-width: 0 0;
  font-size: 17px;
  height: 30px;
  color:#5d1265;
  font-family: 'Dosis_semibold';
  text-align: center;
}
					<div class="number-input">
						<button onclick="this.parentNode.querySelector('input[type=number]').stepDown()" ></button>
						<input class="quantity" name="num" value="".$val_num.""".$min_val." size="2" type="number">
						<button onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></button>
					</div>
					

---> ancore anchor spostare se header fixed

.tiny a:not([href]) {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}


---> link su SVG

.svg_link {
  position: relative;
  display: inline-block; 
}
a.svg_link:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}


---> blur sfocare video

video {
  -webkit-filter: blur(8px);
}


---> header stondato

.round_section:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:0 0 50% 50%/0 0 100% 100%;
	transform:scaleX(1.4);	
}
  
.round_section
{
	position:relative;
	width:100%;
	height:420px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
  
@media(max-width: 991px) 
{
	.round_section:before
	{
		transform:scaleX(2);	
	}
	.round_section
	{
		height:380px;
	}
}

<div class="round_section">...</div>


---> attributi selector

[target] 	Selects all elements with a target attribute
[attribute=value] 	[target="_blank"] 	Selects all elements with target="_blank"
[attribute~=value] 	[title~="flower"] 	Selects all elements with a title attribute containing the word "flower"
[attribute|=value] 	[lang|="en"] 	Selects all elements with a lang attribute value starting with "en"
[attribute^=value] 	a[href^="https"] 	Selects every <a> element whose href attribute value begins with "https"
[attribute$=value] 	a[href$=".pdf"] 	Selects every <a> element whose href attribute value ends with ".pdf"
[attribute*=value] 	a[href*="w3schools"] 	Selects every <a> element whose href attribute value contains the substring "w3schools"



---> Audio

audio {
    filter: invert(99%) sepia(1%) saturate(23%) hue-rotate(11deg) brightness(116%) contrast(87%);
    width: 250px;
	max-width: 100%;
    height: 36px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}


---> Line gradient

primo: bot to top, secondo: top to bot
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 94%), linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0) 35%);


---> clip path
https://wave.novoselski.net/


*/