@import "reset.css";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');


.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}


.roboto-serif {
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "GRAD" 0;
}

@font-face {
  font-family: 'day';
  src:  url('https://up.day.it/updayte/d26830f26d6c76d042565df3d9aeb1dc/font/day.eot?');
  src:  url('https://up.day.it/updayte/d26830f26d6c76d042565df3d9aeb1dc/font/day.eot?#iefix') format('embedded-opentype'),
    url('https://up.day.it/updayte/d26830f26d6c76d042565df3d9aeb1dc/font/day.ttf?') format('truetype'),
    url('https://up.day.it/updayte/d26830f26d6c76d042565df3d9aeb1dc/font/day.woff?') format('woff'),
    url('https://up.day.it/updayte/d26830f26d6c76d042565df3d9aeb1dc/font/day.svg?#day') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico_"], [class*=" ico_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'day' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
 /* line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico_download:before {
  content: "\e900";
}
.ico_play:before {
  content: "\e903";
}
.ico_arrow-right:before {
  content: "\e902";
}
.ico_arrow-up:before {
  content: "\e901";
}
.ico_arrow-down2:before {
  content: "\ea3e";
}
.ico_arrow-left2:before {
  content: "\ea40";
}

/* COLORI */
:root {
	--colore_viola: #7D2B8E;
	--colore_antracite: #2c2c2c;
	--colore_arancio: #f58f00;
	--colore_bianco: #FEFEFE;
	--colore_grigio: #4d5a61;
	--colore_grigio_chiaro: #F1F1F1;
	--font_family: "Roboto Flex", sans-serif;
	--max_outer: 1400px;
	--max_inner: 1140px;
	--max_testo: 760px;
}
.bg_viola{	
  background-color: var(--colore_viola);
}
.bg_antracite{	
  background-color: var(--colore_antracite);
}
.bg_arancio{	
  background-color: var(--colore_arancio);
}
.bg_bianco{	
  background-color: var(--colore_bianco);
}
.bg_grigio{
	background-color: var(--colore_grigio);
}
.bg_grigio_chiaro{
	background-color: var(--colore_grigio_chiaro);
}
.colore_viola{	
  color: var(--colore_viola);
}
.colore_antracite{	
  color: var(--colore_antracite);
}
.colore_arancio{	
  color: var(--colore_arancio);
}
.colore_bianco{	
  color: var(--colore_bianco);
}
.colore_grigio{
	color: var(--colore_grigio);
}
.colore_grigio_chiaro{
	color: var(--colore_grigio_chiaro);
}
/* //COLORI */

ol, ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--font_family);
	font-weight: 300;
}
b, strong{
	font-weight: 700;
}
i, em{
	font-style: italic;
}

html,
body{
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
}
body{
	background-color: #ffffff;
	font-family: var(--font_family);
	font-weight: 300;
	color: var(--colore_grigio);
}
img{
	display: block;
}
input,
textarea,
button{
 -webkit-appearance: none;
-moz-appearance: none !important;
}
input[type=checkbox]{
  -moz-appearance:checkbox !important;
  -webkit-appearance:checkbox !important;
}
input[type=radio]{
  -moz-appearance:radio !important;
  -webkit-appearance:radio !important;
}
::-webkit-datetime-edit-fields-wrapper {
}
::-webkit-datetime-edit-text {
}
::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-year-field {
}
::-webkit-inner-spin-button {
    display: none;
}
::-webkit-calendar-picker-indicator:hover {
    background:none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1 */
color: #dcdcdc;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #dcdcdc;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #dcdcdc;
}
/*input:focus, textarea:focus, select:focus{
    border-color: #F0832F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(240, 131, 47, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(240, 131, 47, 0.6);
}*/
button:focus{
    display: none;
}
input[type="date"]:not(.has-value):before{
  /*color: lightgray;*/
  content: attr(placeholder);
}
input[type=number]::-webkit-inner-spin-button {
  opacity: 1 !important;
	display: block !important;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
	text-decoration:none;
	font-weight: 500;
}
a.link_testo,
a.link_testo:hover,
a.link_testo:focus,
a.link_testo:active,
a.link_testo:visited {
	font-family: var(--font_family);
    color: var(--colore_viola);
	text-decoration:underline;
	font-weight: 500;
}
a.link_testo:hover{
    color: var(--colore_arancio);
}

/* GO TO TOP MOBILE */
.go-to-top {
  position: fixed;
  z-index: 100;
  bottom: 91px;
  right: 0;
  text-align: center;
width: 65px;
        height: 65px;
        line-height: 68px;
        font-size: 33px;
      bottom: 63px;
  visibility: hidden;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: var(--colore_viola);
	color: var(--colore_bianco) !important;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
}
  .go-to-top.visible {
    visibility: visible;
   -webkit-transform: translate(-39px, 0);
        -moz-transform: translate(-39px, 0);
        -ms-transform: translate(-39px, 0);
        -o-transform: translate(-39px, 0);
        transform: translate(-39px, 0);
}
.go-to-top.visible:hover{
  background: var(--colore_bianco);
	color: var(--colore_viola) !important;
}
/* //GO TO TOP MOBILE */

#container{
	height:100%;
}

/* CLASSI COMUNI MOBILE */
.cursor_link{
	cursor: pointer;
}
.hide{
	display: none;
}
.skip_link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: var(--colore_arancio);
  color: var(--colore_antracite) !important;
  opacity: 0;
}
.skip_link:focus {
  left: 1%;
  top: 1%;
  opacity: 1;
}
.outer_content{
	max-width: var(--max_outer);
	margin:  auto;
	position: relative;
}
.inner_content{
	max-width: var(--max_inner);
	margin:  auto;
	position: relative;
}
.testo_content{
	max-width: var(--max_testo);
	margin:  auto;
	position: relative;
}
.img_resize{
	width: 100%;
	 height: auto;
}
.img_resize img,
.img_resize video{
	width: 100%;
	 height: auto;
}
video{
	width: 100%;
	height: auto;
}
::cue{
	color:var(--colore_bianco);
	font-family: var(--font_family);
	font-weight: 700;
   background:none;
	text-shadow: 2px 3px 3px #000000;
	padding-bottom: 50px;
	font-size:1.125em;
	line-height: 4em;
}
.bottone{
	width:auto;
	margin:0.5em auto;
	text-align:center;
	border:none;
	cursor:pointer;
	height:auto;
	color: var(--colore_bianco);
	background-color: var(--colore_viola);
	font-family: var(--font_family);
	font-size:1.25rem;
	line-height:2rem;
	padding: 0.3em 1.5em;
	border-radius:0.5em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	display: inline-block;
}
.bottone:focus,
.bottone:active,
.bottone:visited{
	color: var(--colore_bianco);
	background-color: var(--colore_viola);
}
.bottone:hover{
	color: var(--colore_viola);
	background-color: var(--colore_bianco);
}
.bottone_negativo{
	color: var(--colore_viola);
	background-color: var(--colore_bianco);
}
.bottone_negativo:focus,
.bottone_negativo:active,
.bottone_negativo:visited{
	color: var(--colore_viola);
	background-color: var(--colore_bianco);
}
.bottone_negativo:hover{
	color: var(--colore_bianco);
	background-color: var(--colore_viola);
}
.bottone_su_bianco:hover{
	color: var(--colore_viola);
	background-color: var(--colore_arancio);
}
.centrato{
	text-align: center !important;
}
.giustificato{
	text-align: justify !important;
}
.destra{
	text-align: right !important;
}
.sinistra{
	text-align: left !important;
}
.spacing{	
	padding: 1em !important;
}
.margine{	
	margin:2em auto !important;
}
.margine_bottom{	
	margin-bottom:2em !important;
}
.margine_top{
	margin-top:2em !important;
}
.colonne{
	margin: 1em auto;
}
.ombra_box{
	box-shadow: 3px 3px 17px -3px #000;
}
.flexible{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
    flex-direction: column;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
	row-gap: 2em;
}
.box_obliquo{
	border-radius: 35px;
    clip-path: polygon(0% 0%, 60% 0%, 100% 30%, 100% 100%, 40% 100%, 0% 70%);
    padding: 5%;
	margin: 3em auto;
	overflow: hidden;
}
.testo_box_obliquo{
	position: relative;
}
.wrapper .testo_box_obliquo:before{
	content: '';
	position: relative;
	display: inline-block;
	float: right;
    width: 40%;
    min-height: 200px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    shape-outside: polygon(0 0, 100% 100%, 100% 0);
}
.wrapper {
	display: flex;
	width: 100%;
}
.wrapper .float {
    float: left;
    height: 100%;
    display: flex;
    align-items: flex-end;
    shape-outside:polygon(0 0, 0 0, 0 70%, 100% 100%, 0 100%);
	content: '';
    width: 40%;
    margin-bottom: 1px;
}
.autori{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: baseline;
    align-items: baseline;
}
.autore{
	text-align: center;
	font-family: var(--font_family);
	line-height:1.5em;
	margin:0 0.5em;
}
.ico_autore{
	text-align: center;
	margin: 0.5em auto;
}
.ico_autore img{
	width: 100%;
	border-radius: 50%;
	border: 3px solid var(--colore_arancio)
}
.tit{
	font-family: var(--font_family);
	font-size:2.175rem;
	line-height:1.25em;
	font-weight: 700;
}
.titolino{
	font-family: var(--font_family);
	font-size:1.25rem;
	line-height:1.25em;
}
.tit_evidenziato{
	font-family: var(--font_family);
	font-size: 1.125rem;
	line-height: 1.5em !important;
	font-weight: 700;
	line-height: normal;
	padding:0.5em 0em;
}
.tit_evidenziato mark{
	padding: 0.055em 0;
	word-spacing: 0.1em;
	white-space:pre-wrap;
}
.tit_evidenziato mark:before,
.tit_evidenziato mark:after{
	content: ' ';
	display: inline-block;
	word-spacing:0.1em;
}
.paragrafo{
	padding: 0 1em;
}
.paragrafo h2,
.paragrafo h3,
.paragrafo h4{
	font-family: var(--font_family);
	line-height:1.25em;
	font-weight: 700;
}
.paragrafo h4{;
	font-weight: 500;
}
.tit_cap,
.paragrafo h2{
	font-size:1.563rem;
}
.paragrafo h3{
	font-size:1.350rem;
}
.paragrafo h4{
	font-size:1.050rem !important;
}
.testo,
.paragrafo p{
	font-size: 1rem;
	line-height:1.5em;
	margin-bottom: 1em;
}
.paragrafo p{
	text-align: justify;
	text-align-last: left;
}
.lista_numerata{
	margin: 0.3em;
}
.lista_numerata li{
	list-style:decimal;
	margin-bottom: 1em;
    margin-left: 1.5em;
}
.lista_puntata{
	margin: 0.3em;
}
.lista_puntata li{
	list-style: none !important;
	margin-bottom: 1em;
	margin-left: 0.5em;
}
.lista_puntata li:before{   
	display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--colore_arancio);
   -moz- border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5em;
}
.lista_puntata li p{
	display: inline !important;
}
.primo_piano > *{
	padding:2em 1em 1em;
}
/* //CLASSI COMUNI MOBILE */

/* HEADER MOBILE */
#header{
	position: fixed;
	width: 100%;
	z-index: 1;
}
#logo{
	max-width: 110px;
	position: relative;
}
/* //HEADER MOBILE */

/* MENU MOBILE */
.menu_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0.5em;
	position: relative;
}
#menu_toggle {
  display: none;
}
.menu_button_container {
  display: flex;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu {
  position: absolute;
  top: 0;
  margin-top: 65px;
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
	z-index: 1;
}
.menu > li {
	text-align: center;
  margin: 0;
  padding: 0.5em 0;
  background-color: var(--colore_viola);
  margin: 0 1rem;
}
.menu > li > a,
.menu > li > a:hover {
  font-size: 1.125rem;
  display: block;
  padding: 0.5em 2em;
  color: var(--colore_bianco);
}
.menu > li > a:hover {
  color: var(--colore_viola);
	background-color: var(--colore_bianco);
}
.menu > li > a{
	display: none;
}
.menu_button,
.menu_button::before,
.menu_button::after {
  display: block;
  background-color: var(--colore_bianco);
  position: relative;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
	font-size: 0;
}
.menu_button::before {
  content: '';
  margin-top: -8px;
}
.menu_button::after {
  content: '';
  margin-top: 12px;
}
.menu_button:hover,
.menu_button:hover::before,
.menu_button:hover::after  {
	background-color: var(--colore_arancio);
}
#menu_toggle:checked + .menu_button_container .menu_button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}
#menu_toggle:checked + .menu_button_container .menu_button {
  background: rgba(255, 255, 255, 0);
}
#menu_toggle:checked + .menu_button_container .menu_button::after {
  margin-top: -3px;
  transform: rotate(-405deg);
}
#menu_toggle ~ .menu li {
  height:0;
  margin: 0;
  padding: 0;
  border: 0;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu_toggle:checked ~ .menu li {
  height: auto;
  padding: 0.5em;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu_toggle:checked ~ .menu li:not(:last-child) {
  border-bottom: 1px solid var(--colore_bianco);
}
#menu_toggle:checked ~ .menu li a {
  display: block;
}

.menu_interno{	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
}
.menu_interno > li > a,
.menu_interno > li > a:hover {
  font-size: 1rem;
  display: block;
  padding: 1em 1.5em;
  color: var(--colore_bianco);
	text-align: center;
}
.menu_interno > li > a:hover {
  background-color: var(--colore_viola);
}
.menu_interno > li:not(:last-child){
	border-right: 1px solid var(--colore_bianco);
}
.testata{
	position: relative;
	background:no-repeat center scroll;
	background-size:cover ;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	min-height: 100px;
}
.logo_progetto{
	position: relative;
    padding: 3%;
}
/* //MENU MOBILE */

#contenuto{	
	padding-top: 65px;
}

/* SLIDE  MOBILE */
.slide{
	position: relative;
	background:no-repeat left center scroll;
	background-size:cover ;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	/*background: rgb(0,0,0,.5);*/
}
.overlay_antracite{
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
.overlay_arancio{
	box-shadow: inset 0 0 0 2000px rgba(245, 143, 0, 0.5);
}
.testo_slide{
	padding: 5.5% 1em;
}
/* //SLIDE  MOBILE */

/* BOX ARROTONDATO */
.box_arrotondato{
	margin: 1rem;
	padding: 0.5em;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  -ms-border-radius: 10px;
	  -o-border-radius: 10px;
	  border-radius:10px;
	position: relative;
}
.box_arrotondato figure{
	position: relative;
	margin-bottom: 0.5em;
}
.box_arrotondato figure .tit_evidenziato{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.box_arrotondato .ico_video:before{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-family: 'day';
    content: "\e903";
    font-size: 70px;
    color: var(--colore_bianco);
    opacity: 0.8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.testo_box > *{
	font-weight: 300;
	line-height: 1.3em;
	padding: 0.5em;
}
.testo_box > h4{
	font-weight: 700;
}
/* BOX ARROTONDATO */

/* CAROSELLO MOBILE */
.carosello a > *:last-child,
.carosello_int a > *:last-child{
	vertical-align: bottom;
}
.carosello .box_arrotondato:hover,
.carosello_int .box_arrotondato:hover{
	  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.60);
 	 -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.60);
 	 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.60);
	padding:0.7em;
}
.btn_container{
	align-self: center;
	text-align: center;
	cursor: pointer;
}
.btn-tondo.ico_arrow-right,
.btn-tondo_bianco.ico_arrow-right{
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	width: 3rem;
	height: 3rem;
	font-size: 2.25rem;
	line-height: 3rem;
	padding: 0.3em;
	display: inline-block;
	margin-bottom: 0.5em;
}
.btn-tondo.ico_arrow-right{
	background-color: var(--colore_viola);
	color: var(--colore_bianco);
}
.btn-tondo.ico_arrow-right:hover{
	background-color: var(--colore_bianco);
	color: var(--colore_viola);
}
.btn-tondo_bianco.ico_arrow-right{
	background-color: var(--colore_bianco);
	color: var(--colore_viola);
}
.btn-tondo_bianco.ico_arrow-right:hover{
	background-color: var(--colore_viola);
	color: var(--colore_bianco);
}
/* //CAROSELLO MOBILE */

/* ARTICOLO MOBILE */
.pag_articolo .menu_articoli{
	display: none;
}
.pag_articolo .autore{
	font-size: .85rem;
}
.pag_articolo .ico_autore{
	width: 40px;
}
.nav_articoli .box_nav_articoli a:hover{
	background-color: var(--colore_grigio_chiaro);
}
/* //ARTICOLO CONTENT MOBILE */

/* PROGETTO MOBILE */
.lista_autori .ico_autore{
	width: 130px;
}
.lista_autori .autore:nth-child(odd){
	background-color: var(--colore_grigio_chiaro);
}
/* //PROGETTO MOBILE */

/* FOOTER MOBILE */
#footer{
	color: var(--colore_grigio);
	padding: 0.5em 0;
}
#footer p{
	font-size: 0.875rem;
	line-height: 1.125rem;
}
#footer p:not(:last-of-type){
	margin-bottom: 1em;
}
/* //FOOTER MOBILE */


@media screen and (min-width: 701px) { /****************************************** visualizzazione TABLET ******************************************/
	
	/* GO TO TOP TABLET */
	.go-to-top {
	  width: 65px;
	  height: 65px;
	 line-height: 68px;
      font-size: 33px;
	  -webkit-border-radius: 20px
	  -moz-border-radius: 20px
	  -ms-border-radius: 20px
	  -o-border-radius: 20px
	  border-radius:20px
	}
	  .go-to-top.visible {
		visibility: visible;
		-webkit-transform: translate(-90px, 0);
		-moz-transform: translate(-90px, 0);
		-ms-transform: translate(-90px, 0);
		-o-transform: translate(-90px, 0);
		transform: translate(-90px, 0); 
	}
	/* //GO TO TOP TABLET */
	
	/* CLASSI COMUNI TABLET */
	.bottone{
		font-size:1.35rem;
	}
	.tit{
		font-size:2.525rem;
	}
	.titolino{
		font-size:1.313rem;
	}
	.tit_cap,
	.paragrafo h2{
		font-size:1.75rem;
	}
	.paragrafo h3{
		font-size:1.55rem;
	}
	.sottotit,
	.paragrafo h4{
		font-size:1.25rem !important;
		font-style: italic;
	}
	.testo,
	.paragrafo p{
		font-size: 1.063rem;
	}
	.primo_piano > * >*{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	/*.primo_piano > * > figure{
		max-width: 40%;
	}*/
	.primo_piano > section > div >*{
		flex: 30%;
	}
	.primo_piano > *:nth-child(odd) > * > *:first-child{
		margin-right: 5em;
	}
	.primo_piano > *:nth-child(even) > * > *:last-child{
		order: -1;
		margin-right: 5em;
	}
	.testata{
		min-height: 150px;
	}
	/* //CLASSI COMUNI TABLET */
	
	/* MENU TABLET */
	.menu_button_container {
		display: none;
	}
	#menu{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-items: center;
		align-items: center;
	}
	.menu{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-items: center;
		align-items: center;
		width: auto;
		margin-top: 0;
		position: relative;
	  }	
	#menu_toggle ~ .menu li {
 	 height: auto;
		background-color: transparent;
	}	
	.menu > li > a{
		display: block;
	}
	.menu > li > a:hover{
		border-bottom: 3px solid var(--colore_senape);
	}
	#menu_toggle:checked ~ .menu li:not(:last-child) {
	  border-bottom: none;
	}	

	.menu_interno > li > a,
	.menu_interno > li > a:hover {
	  font-size: 1.225rem;
	  padding: 1em 2em;
	}

	/* //MENU TABLET */
	
	/* SLIDE  TABLET */
	.slide{
		background:no-repeat center scroll;
	}
	/* //SLIDE  TABLET */
	
	/* CAROSELLO TABLET */

	/* //CAROSELLO TABLET */

	/* ARTICOLO TABLET */	
	.pag_articolo .paragrafo{
		width: 65%;
	}
	.pag_articolo .menu_articoli{
		display: inline-block;
		width: 25%;
	}
	.pag_articolo .nav_articoli{
		display: block;
		overflow: auto;
		max-height: 500px;
	}
	.nav_articoli .box_nav_articoli{
		border-bottom: 1px solid var(--colore_grigio_chiaro);
		padding-bottom: 0.5em;
	}
	.nav_articoli .box_nav_articoli a{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		margin: 1em 0;
	}
	.nav_articoli .box_nav_articoli a *:not(h4){
		font-size: 95%;
	}
	.pag_articolo .autore{
		font-size: 1rem;
	}
	/* //ARTICOLO CONTENT TABLET */

	/* PROGETTO TABLET */
	.lista_autori .autore{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-items: center;
		align-items: center;
	}
	.lista_autori .autore .paragrafo{
		width: 75%;
	}
	.lista_autori .ico_autore{
		width: 150px;
	}
	.lista_autori .autore .paragrafo{
		text-align: justify;
	}
	/* //PROGETTO TABLET */
	
	/* FOOTER TABLET */
	#footer p{
		font-size: 0.95rem;
	}
	/* //FOOTER TABLET */
}

@media screen and (min-width: 901px) { /****************************************** visualizzazione DESKTOP ******************************************/
	
	/* CLASSI COMUNI DESKTOP */.flexible{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		 column-gap: 2%;
	}
	.col_3 > *{
		width: 27%;
	}
	.col_4 > *{
		width: 25%;
	}
	.tit{
		font-size:3.125rem;
	}
	.titolino{
		font-size:1.438rem;
	}
	.tit_cap,
	.paragrafo h2{
		font-size:2.25rem;
	}
	.paragrafo h3{
		font-size:1.75rem;
	}
	.sottotit,
	.paragrafo h4{
		font-size:1.45rem !important;
	}
	.testo,
	.paragrafo p{
		font-size: 1.125rem;
	}
	.lista_ico h3{
		font-size:1.438rem;
	}
	.testata{
		min-height: 200px;
	}
	/* //CLASSI COMUNI DESKTOP */
	
	/* SLIDE  DESKTOP */
	.slide{
		background:no-repeat 80% center scroll;
	}
	.testo_slide{
		width: 35%;
		margin: 0 3%;
	}
	/* //SLIDE  DESKTOP */
	
	/* CAROSELLO DESKTOP */	
	.carosello {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.carosello > *:last-child{
		width: 15%;
	}
	.carosello li:not(:last-child){
    	display: -webkit-flex;
		display: flex;
	}
	.carosello li a,
	.carosello_int li a{
        display: -webkit-flex;
		display: flex;
        -webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
       -webkit-align-items: center;
		align-items: center;
	}
	/* CAROSELLO DESKTOP */

	/* PROGETTO DESKTOP */
	.lista_autori .ico_autore{
		width: 200px;
	}
	/* //PROGETTO DESKTOP */
	
}

@media screen and (min-width: 1100px) { /****************************************** visualizzazione DESKTOP landscape 1100 ******************************************/
	.box_arrotondato figure .tit_evidenziato{
		width: 45%;
	}
	.wrapper .testo_box_obliquo:before{
		clip-path: polygon(0 0, 100% 60%, 100% 0);
		shape-outside: polygon(0 0, 100% 60%, 100% 0);
	}	
}


@media screen and (min-width: 1400px) { /****************************************** visualizzazione DESKTOP landscape 1400 ******************************************/	

	/* PROGETTO DESKTOP */
	.lista_autori .ico_autore{
		width: 250px;
	}
	/* //PROGETTO DESKTOP */
}

@media screen and (min-width: 1600px) { /****************************************** visualizzazione DESKTOP landscape 1600  ******************************************/
	.slide{
		background:no-repeat 90% center scroll;
	}	
	.testo_slide{
		width: 45%;
		margin: 0 3%;
	}
}

@media screen and (min-width: 1800px) { /****************************************** visualizzazione DESKTOP landscape 1800  ******************************************/
	.slide{
		background:no-repeat right center scroll;
	}	
}