/* HOME */
.ellipsi{display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;  white-space: normal;  box-orient: vertical;-webkit-line-clamp: 4;}
:root{--ellipsi1:1; --ellipsi2:2; --ellipsi3:3; --ellipsi4:4;}
.imgC {position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.Home {line-height:1.15;-webkit-text-size-adjust:100%;box-sizing: border-box}	
.section {margin:40px 0}
.Shead {padding: 0 0 8px 5px; border-bottom: 1px solid #83b217;  display: block; margin: 0;}
.Shead , .Shead a {font-size: 20px; font-weight: 700; color: #000}

article:after{clear: both; display: block; content: " "}

.sectionSide { margin-left:20px; max-width:300px; min-width:300px }
	
.sectionWrap > article {  width: 100%; position:relative;border-bottom: 1px solid #e6e5e5;padding: 16px 0 0 0;   margin: 25px 1% 3% 1%; flex: 0 0 31%;}
.sectionWrap >article img {object-fit: cover; width: 100%; overflow: hidden; border: 1px solid #f2f2f2;
    padding: 1px;}
.sectionWrap > article h2 {padding: 0px 6px; margin: 12px 0;font-weight: normal!important}
.sectionWrap > article a {font-size: 17px; line-height: 24px; color:#3a3a3a;font-weight: normal!important}
.sectionWrap > article:hover{ border-color: #d1e73f;}	
.sectionWrap > article .imgC  img, .TopNews .imgC  img { position:  absolute;top: 0;left: 0;bottom: 0; right: 0; text-align: center; width: 100%; height: 100%; object-fit: cover;    box-sizing: border-box;}
		
.TagSez {position: absolute;top: 8px;right: 2px; background-color: #83b218; font-size: 11px!important; padding: 4px!important;line-height: normal!important; letter-spacing: 1px; color: #ffffff!important;z-index: 3}
.sectionWrap > article:hover > .TagSez {background-color: #000 !important; border-bottom: 2px solid #83b217;}
	.TagSez:hover{ text-decoration:none;}

.sectionContent{display: flex;align-items: flex-start;}
.sectionMain { width: 100%; margin-bottom: 30px}		
.sectionWrap {display: flex;justify-content: space-between; flex-wrap: wrap;}	
.sectionWrapFull { width:100%!important;}
	.sectionWrapFull > article {flex: 0 0 23%;}

.articleOR { flex-direction: column}
	.articleOR article { padding: 10px 0!important; margin: 0!important}
	.articleOR article a { font-size:15px}
	.articleOR article h2 {-webkit-line-clamp: var(--ellipsi3)}
	.articleOR .imgC {width: 35%!important; padding-top: 22.25%!important; float: left; margin-right: 8px}	
	.articleOR .TagSez { font-size:10px!important; position: relative!important;top:0!important; right: 0!important}
@media screen and (min-width: 320px)  and (max-width: 879px) 
{ 
	.articleOR article a { font-size:17px!important}
}
	/**/
@media screen and (min-width: 1080px) 
{
	.sectionWrap {display:flex; justify-content: space-between; }
	
}
@media screen and (max-width: 980px) 
{
	.section {margin:50px 8px}
}

@media screen and (min-width: 320px)  and (max-width: 768px) 
{ 
	.section {margin:50px 8px}
	.ellipsi {-webkit-line-clamp: var(--ellipsi3)!important}
	.sectionWrap > article .TagSez {}
	.sectionWrap > article { flex: 100%!important; max-width: calc(100% - 2%); padding: 25px 0 14px 0!important; margin: 0 }
	.sectionWrap > article .imgC {width: 37%!important; padding-top: 21.25%!important; float: left; margin-right: 10px}
}
@media screen and (min-width: 320px)  and (max-width: 880px) 
{
	.sectionSide { margin:0px!important; max-width:100%;width:100%;}
	.sectionContent{display: block;}
	.sectionContent > div { margin: 0 0 40px 0}
	.sectionMain  {width: 100%!important}
	.sectionSide > div {margin-bottom: 50px}
}	
/**/
/* SECTION 3col */	
.sectionContent3 {display: flex;}
.sectionContent3 .sectionSide{margin-left:0; max-width:300px}
.sectionContent3 .IntervisteBox1 {margin: 0 20px}
[data-col='3'] .ellipsi {-webkit-line-clamp: var(--ellipsi2)!important}

.sectionContent3 {flex-wrap: wrap;align-items: flex-start;}	
[data-col="3"] >div, [data-col="1"] >div {  margin-bottom: 30px}	

@media screen and (max-width: 1539px) 
{ 
	.ArtSocial article:nth-last-child(4), .ArtEv article:nth-last-child(4) {display: none}
}	
	
@media screen and (min-width: 1150px) 
{ 
	.sectionContent3 {flex-wrap: nowrap;}
}
@media screen and (min-width: 800px)  and (max-width: 1150px) 
{ 
	.sectionContent3 { justify-content: space-between;}
	[data-col="1"] { flex-direction: column;}
	.sectionContent3 .sectionSide{margin:0!important; display: flex;}
	.sectionContent3 > .HomeInterviste {margin:0}
	.sectionContent3 > [data-col="1"], .sectionContent3 > .HomeInterviste {flex:0 0 48%;max-width: 100%!important;}
	[data-col="3"] >div {    flex: 0 0 48%; margin: 30px 0}
	[data-col="3"] {max-width: 100%!important;justify-content: space-between;}
}	
@media screen and (max-width: 799px) 
{ 
	.sectionContent3 {flex-direction: column;}
	.HomeInterviste{margin:0!important}
	.sectionContent3 .sectionSide{max-width:100%; display: block;}
	[data-col="3"] >div, [data-col="1"] >div {    flex: 0 0 48%; margin: 50px 0}
}
/*******************/
/* TOP NEWS*/
.TopNews {align-items: center;}
.TopNews > article {position: relative;}
.TopNews > article { flex: 0 0 56%; margin-right: 40px}
.TopNews > article img {object-fit: cover; width: 100%; overflow: hidden;border: 1px solid #e7e7e7;}
.TopNews > article .topOverlay{position: absolute; box-sizing: border-box; bottom: 0; padding: 18px;  width: 100%;
height: auto; display: flex; flex-direction: column;  justify-content: flex-end;  background: #353535eb!important;}
.TopNews > article h2{color: #fff;}
.TopNews .ellipsi {-webkit-line-clamp: var(--ellipsi2)}
.TopNews > article h2 a{font-size: 1.2em;color: #fff; line-height: 1.4em; font-weight: bold;}
.TopNews > article .TagSez {top:-17px; left: 0; width: fit-content;}
@media screen and (min-width: 320px)  and (max-width: 1023px) 
{ 
	.TopNews > article .topOverlay{position: relative; }
	
	
}
@media screen and (min-width: 320px)  and (max-width: 879px) 
{ 
	
	.TopNews .ellipsi {-webkit-line-clamp: var(--ellipsi4)}
	.TopNews > article .topOverlay{position: relative;background: unset!important;}
	.TopNews > article { margin-right: 0px; margin-bottom: 30px}
	.TopNews > article h2 a {color:#3a3a3a;font-size: 1.1em;}
}
/**/
/* BOX TESTO*/
.textBox2 h2 { margin:0 0 20px 0;font-weight: bold;}
.textBox2 h2 a, .textBox2 h2{ font-size: 20px; color: #000}
.textBox2Content{ border-width: 8px 1px 1px 1px !important;border-color: #000000 !important;
border-style: solid !important;margin-bottom: 30px !important; padding: 20px 20px 8px 20px!important;}
.textBox2Content article {padding: 0px 0 10px 0;
margin: 0 0 10px 0; border-bottom: 1px dotted #000}
.textBox2Content article ul {padding: 0 0 6px 0;}
.textBox2Content article ul a {color:#666666; font-size: 11px}
.textBox2Content article h3 {-webkit-line-clamp: var(--ellipsi3)!important}
.textBox2Content article h3 a {font-size: 14px !important; line-height: 1.5 !important; font-weight: 700; color: #000 }
/********/	
/* MARTECH*/
@media screen and (min-width: 320px) and (max-width: 880px) {
		 .sectionContent.martech { display: flex; flex-direction: column-reverse;}
	}
/**/
/*BRAND*/
.brand {flex-direction: row-reverse;}
	.brand .sectionSide{ margin-left:0; margin-right: 20px}
	@media screen and (min-width: 320px) and (max-width: 880px) {
		.brand {display: flex; flex-direction: column;}
		.brand .sectionSide{ margin:0px}
	}
/**/
/* BLOG */
.Hblog { margin:0px 0 40px 0}
.Hblog article { padding:15px 5px; border-bottom: 1px solid #e6e5e5;}
.Hblog article img { float: left; margin: 3px 12px 0 0; border-radius: 50%; object-fit: cover; width: 21%; height: 21%;filter: grayscale(100%); overflow:hidden}					
.Hblog > div {background-color:#d1e73f24!important}
.Hblog div{overflow:hidden;}	
.Hblog article div > a { font-size:11px; padding:0px 0 2px 0; font-weight:bold; color:#83b217; display: block}
.Hblog article h2 { line-height:20px;  padding-top:6px; -webkit-line-clamp: var(--ellipsi2)}
.Hblog article h2 a { font-size:16px; color:#3a3a3a;}
.Hblog article:hover {border-color:#d1e73f;background-color: #d1e73f2b!important;}

@media screen and (min-width: 880px) and (max-width: 1000px) {
	.Hblog article h2 {-webkit-line-clamp: var(--ellipsi2)}
	}
@media screen and (min-width: 320px) and (max-width: 879px) {
	.Hblog article h2 {-webkit-line-clamp: var(--ellipsi3)}
	}
/**/
/* EVNETI */
.Heventi { margin:0px 0 20px 0; width: 100%}
.Heventi article { border-bottom: 1px solid #eeeded;  padding: 16px 0;}
.Heventi 	.evListData { width: 81px; background-color: #d1e73f; float: left; margin-right: 10px;  overflow: hidden;}
.Heventi article > div i {	font-style: normal; text-align: center; color: #000; display: block;  font-size: 11px;  padding: 4px;  letter-spacing: 0.9px;}
.Heventi article > div b {	background-color: #fff;  color: #3a3a3a; text-align: center;  margin: 1px;  padding: 6px; display: block; font-size: 18px;}
.Heventi article span {font-size: 13px; color: #9e9e9e; font-style: italic;}
.Heventi article:after{ display: block; clear: both; content: " "}
.Heventi article h2 {line-height: 25px; padding: 5px 0; -webkit-line-clamp: var(--ellipsi2)}
.Heventi article h2 a { font-size: 16px; color: #3a3a3a; font-weight: bold;}
.Heventi article em {color: #d11010;font-size: 12px; font-style: normal!important;}
	.evListData.Eoff i {color: #fff;}
	.evListData.Eoff { background-color: #e91013;}
/**/
/* FORMAZIONE */
.formazione {}
.formazioneHead { display: block; padding: 6px;width: max-content; background-color: #000}
.formazioneHead a {font-size: 16px;font-weight: 700; color:#fff}
.formazione .sectionSide {margin: 0 20px 0 0}
.formazione .sectionSide  > div {margin: 0 0 30px 0}
.formazione .sectionContent {background-color: #f9fce4; padding:20px 8px 1px 8px;}

@media screen and (min-width: 320px) and (max-width: 880px) 
{
	.formazione .sectionContent{ display: flex; flex-direction: column-reverse}
}	

/* LIBRO EVIDENZA CON FOTO */
.Libro {margin:40px 0 0 0 }
.Libro > div { display: flex;justify-content: space-between;}	
.Libro article  {position:relative; width: 100%; max-width: 100%; box-shadow:none; border-bottom: 1px solid #ccc!important; padding: 15px 0; flex:0 0 48%}
.Libro article	.TagSez {position: relative; top:0; font-size:9px!important } 
.Libro article:hover {border-color: #d1e73f!important;}
.Libro article strong { padding-left:6px;color: #d11010;}
.Libro article p {font-size: 13px; font-style: italic; padding:10px 0 0 0; color: #4d4d4d;}
.Libro article img{ width: 110px; height: 160px; float: left;margin-right: 14px; object-fit: cover}
.Libro article h3 {display: block; height: auto!important; padding-top: 5px}
.Libro article h3 a { margin-bottom: 8px;  font-size: 16px; font-weight: bold;    line-height: 20px; color:#000}


@media screen and (min-width: 881px) and (max-width: 1023px) {
	.Libro article p {display: none}
	}
@media screen and (min-width: 320px) and (max-width: 700px) {
	.Libro > div {flex-direction: column;}
	}	
.Corso { margin-top:0px}		   
.CorsoEV1 { margin-top: 10px}
.CorsoEV1 article {box-sizing:border-box; box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1); margin:5px; position:relative; padding:0;border:none!important; display: flex; flex-direction: column; background: #fff;}
.CorsoEV1 article .imgC > img {border:none; border-bottom: 8px solid #3a3a3a; padding: 0px}
.CorsoEV1 article:hover .imgC >img {border-color: #d1e73f;}
   .Coff:hover .imgC >img{border-color:#e91013!important;}
.CorsoEV1 article strong {display: inline-block; padding:10px; color: #83b217;font-size: 16px; text-transform: uppercase}
.CorsoEV1 article strong > span { padding-left: 0px;color: #e91013;   font-size: 12px;    font-weight: normal;}
.CorsoEV1 article h3 {    margin: 0 10px 20px 10px;  line-height: 21px;  font-size: 15px;-webkit-line-clamp: var(--ellipsi3)}		  
.CorsoEV1 article > div:nth-child(2) { display: flex; flex-flow: column; flex:1}
.CorsoEV1 .CBoxfotter {display: flex;justify-content: space-between; align-items: center; padding: 8px 10px; width: 100%;  box-sizing: border-box; margin-top: auto}
.CorsoEV1 .Clogo { font-size:11px}
.CorsoEV1 .Clogo,.ClogoImg {margin: 0 10px;}
.CorsoEV1 .ClogoImg {width: 80px; height: auto!important; border:0}
.CorsoEV1 .CECta{ background: #d1e73f; padding: 4px 5px; font-size: 14px; font-weight: bold;line-height: normal; color: #000}
.Coff .CECta { background:#e91013!important; color:#fff }		   
@media screen and (min-width: 650px)  {
   .CorsoEV1 .sectionWrap {flex-wrap: nowrap; }
   .CorsoEV1 .sectionWrap article {padding:0!important}
   .CorsoEV1 article .imgC {width: 100%!important; padding-top: 56.25%!important;}
}
@media screen and (min-width: 300px) and (max-width: 649px) {
   .CorsoEV1 .sectionWrap {flex-wrap: wrap}
	.CorsoEV1 article {display: block; padding: 0!important; margin-bottom: 25px;}
   .CorsoEV1 article strong {padding:8px 0;} 
	.CorsoEV1 .CBoxfotter {justify-content: flex-end; position: static}
   .CorsoEV1 article > div:nth-child(2) { display: block}
}
/**/
/* NEWSLETTER*/
newsletterBox2{ border: 1px solid #c1c1c0; background: #e7f29b; padding: 10px 20px; display: grid; column-gap: 20px; position: relative }.newsletterBox2 i { padding-right:5px}.telegram {background: #30a3e6!important;} .newsletterBox2 p {margin: 0; font-size:0.9rem;line-height: 1.2rem; color:#3a3a3a} .newsletterBox2 strong { display: block;font-size: 1.3rem;color: #000; padding-bottom:10px} .newsletterBox2 div > a { display: block;text-decoration: none; text-align: center; padding: 9px 0; border-radius: 4px;font-size: 0.9rem; font-weight: bold;letter-spacing: 0.4px; margin: 10px 0px; background:#ff9800; color: #fff} .newsletterBox2 button { position: absolute; right: 0px;  width: 22px; height: 20px; line-height: 20px;  text-align: center; vertical-align: middle;  padding: 0; margin: 0; border: 0; background: #575756;color: #fff; display:none} @media screen  and (min-width: 320px) and (max-width: 480px)  { .newsletterBox2{margin: 40px 8px;} .newsletterBox2 .nlbtn {  display:grid; column-gap: 15px;grid-template-columns:1fr 1fr }  .newsletterBox2 p {margin:8px 0} } @media screen  and (min-width: 481px) and (max-width: 600px)  { .newsletterBox2{margin: 40px 8px;} .newsletterBox2 {grid-template-columns: 67% 28%;}  .Nloverlay {grid-template-columns: unset!important;}.Nloverlay .nlbtn { display:grid; column-gap: 15px;grid-template-columns:1fr 1fr } }  @media screen  and (min-width: 601px){ .newsletterBox2 {grid-template-columns: 73% 24%;margin: 40px 0px;}  .Nloverlay {grid-template-columns: unset!important;} .Nloverlay .nlbtn { display:grid; column-gap: 15px;grid-template-columns:1fr 1fr } } .Nloverlay {margin: 0!important; position:fixed!important; top:0; z-index: 1000000;box-sizing: border-box; width:100%}.Nloverlay p{ display: none; }.Nloverlay button { display:block!important}.NldeskSide .nlbtn {  display:grid; column-gap: 15px;grid-template-columns:1fr 1fr } .NldeskSide {grid-template-columns: unset!important; padding:10px} .NldeskSide p { margin:10px 0!important;} .Nldesk{font-family: "Merriweather Sans", sans-serif;}
.newsletterBox2 { border: 1px solid #c1c1c0; background: #e7f29b; padding: 10px 20px;  display: grid;  column-gap: 20px;position: relative;}