/*
	font-family: 'Anton', sans-serif;
	font-family: 'Rethink Sans', sans-serif;
*/
 
 html {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  background-color: #DCF1F1;
  image-rendering: auto;
  background-image: url('images/fullpageback.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
body::-webkit-scrollbar {
  width: 1rem;
  background-color: #36393C;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: none
}
body::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  border-radius: .5rem
}
a:link {
	  text-decoration: none;
}

a:visited {
	  text-decoration: none;
}

a:hover {
	  text-decoration: none;
}

a:active {
	  text-decoration: none;
}
.zoomandalpha{
	opacity: 0;
	transform: scale(1.05);
}
.in-view {
	opacity: 1;
}
.no-view {
	opacity: 0;
}


.nomobile {
	visibility: visible;
}
.nodesktop {
	visibility: hidden;
	display: none;
}
.container{
	position: relative;
	/* overflow: hidden; */
	/* border: 1px solid rgba(255, 0, 0, 0.131); */
}
.containericons{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.maincol{
	position: relative;
	width: 70%;
	height: auto;
	margin: 0 auto;
	max-width: 1060px;
	/* border: 1px solid rgb(138, 84, 84); */
}

.mainpartners{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.mainpartners img{
	width: 100%;
	height: auto;
	padding: 10vh 0 0 0;
}

.mainlogo{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.mainlogo img{
	width: 100%;
	height: auto;
	padding: 0 0 10vh 0;
}
.mainlogopixels{
	position: absolute;
	left: -14%;
	top: 0.1%;
	width: 112%;
	height: 100%;
	background-image: url('images/mainlogopixels.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	/* border: 1px solid red; */
}
.maintitle{
	position: relative;
	width: 90%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(16px, 3.8vw, 58px);
	color: #0F2C94;
	line-height: 110%;
}
.ctascroll{
	font-family: 'Anton', sans-serif;
	font-size: clamp(16px, 2.8vw, 40px);
	display: inline-block;
	background-color: #004CD3;
	margin-top: 0.4em;
	padding: 0.2em 0.8em;
	color: #ffffff;
}
.introtext {
	text-align: left;
	column-count: 2;
	column-fill: balance; /* Distribuisce il contenuto equamente tra le colonne */
	break-inside: avoid-column;
	column-gap: 2%;
	padding: 2em 0 3em 0;
	
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(18px, 1.4vw, 22px);
	color: #0F2C94;
	font-weight: 600;
	line-height: 150%;
	orphans: 0; /* Minimo due righe prima di una colonna interrotta */
	widows: 0;  /* Minimo due righe alla fine della colonna */
}

.introtext li{
	-webkit-column-break-inside: avoid;
	  page-break-inside: avoid;
		   break-inside: avoid;
		   list-style-type: none;  
}
.introtext strong {
	font-weight: 600;
	display: inline;
	padding: .03em 0;
	background: rgba(249, 217, 108, 0);
	/* box-shadow: .2em 0 0 #F9DA6D, -.2em 0 0 #F9DA6D; */
	padding: 0 0.2em;
	/* opacity: 0; */
}
.diplomatialtop{
	position: relative;
	width: 100%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(60px, 5vw, 100px);
	color: #0F2C94;
	line-height: 110%;
}
.diplomatialtopsub{
	position: relative;
	width: 60%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(45px, 3vw, 55px);
	color: #004CD3;
	line-height: 110%;
	padding-top: 0.4em;
}
.blueline{
	position: relative;
	width: 100%;
	height: auto;
}
.blueline img{
	width: 100%;
	height: auto;
	padding: 1vh 0 2vh 0;
}

.diplomatialtopgraphtitle{
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(0.8em, 1vw, 25px);
	font-weight: 600;
	margin-bottom: 2em;
}
.diplomatialtopgraphlegend{
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(0.8em, 1vw, 25px);
	font-weight: 400;
	margin-top: 2em;
	display: flex;
	align-items:center;
}
.bluerect {
	width: 1.5em;
	height: 1em;
	font-size: 20px;
	color: #fff;
	line-height: 100px;
	background: #049BFD;
	margin-right: 10px;
	display: inline-block;
}


.spacerend{
	position: relative;
	width: 100%;
	height: 5vh;
}
.chartsettoriarytitle{
	position: relative;
	width: 70%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(45px, 3.5vw, 60px);
	color: #0F2C94;
	line-height: 110%;
	padding-top: 2em;
	margin-bottom: 1em;
}
.secondarytitle{
	position: relative;
	width: 80%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(35px, 3.5vw, 60px);
	color: #0F2C94;
	line-height: 110%;
	padding-top: 2em;
	margin-bottom: 1em;
}
.secondarytitle strong{
	color: #FF4069;
}
.secondarytitle2{
	position: relative;
	width: 80%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(45px, 3.5vw, 60px);
	color: #0F2C94;
	line-height: 110%;
	padding-top: 1em;
	margin-bottom: 1em;
}
.secondarytitle2 strong{
	color: #FF4069;
}


.bar{
	position: relative;
	margin-top: 0.2em;
	background-color: #FF4069;
	box-sizing: border-box;
}
.barcont{
	position: relative;
	width: 100%;
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 1.5vw, 35px);
	color: #fff;
	font-weight: 400;
	
	display: flex;
	align-items:center;
	
	flex-wrap: wrap;
	padding: 0.4em 1em;
	box-sizing: border-box;
}
.barcont img{
	width: 2em;
	margin-right: 1em;
}
.chartsettori{
	width: 2em;
	margin-right: 0.5em;
}
.barnum{
	text-align: right;
	font-size: clamp(20px, 4vw, 30px);
}
.list-item {
	flex: 1 1 auto;
}
.barline{
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background-color: #049BFE;
}
.checifacciocoldiplomadi{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.checifacciocoldiplomadi img{
	width: 100%;
	height: auto;
	padding: 10vh 0 5vh 0;
}
.containerscheda{
	position: relative;
	width: 100%;
	height: auto;
	left: -5%;
	background-color: #FFF9F8;
	min-height: 20vh;
	border-radius: 5px;
	padding: 5%;
	
	box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.15);
}
.containerschedatag{
	position: relative;
	width: 20%;
	height: 12px;
	background-color: #F3DDE1;
	border-radius: 10px;
	margin: 0 auto;
	box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.089);
}
.diplomatitolo{
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #EAE8E7;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0.5em;
	
	display: flex;
	align-items:center;
	justify-content: center;
	
	flex-wrap: wrap;
	padding: 0.4em 1em;
	box-sizing: border-box;
	
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 2.3vw, 40px);
	color: #383838;
	font-weight: 400;
	line-height: 130%;
}
.diplomatitolo img{
	width: 2em;
	margin-right: 1em;
}
.diplomatitolo strong{
	color: #FF6384;
	font-weight: 400;
	font-size: 0.9em;
}
.btndiplomasele{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF9F8;
	border: 3px solid #383838;
	border-radius: 5px;
	margin-top: 0em;
	margin-bottom: 1em;
	

	padding: 0.8em 1em;
	box-sizing: border-box;
	
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 2.2vw, 40px);
	color: #383838;
	font-weight: 400;
	line-height: 130%;
	text-align: left;
	
	cursor: pointer;
	transition: all .2s ease-out;
}
.btndiplomasele:hover{
	background-color: #FF4069;
	color: #ffffff;
	transform: scale(1.02);
}

.displomaselelist{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF9F8;
	border: 1px solid rgba(56, 56, 56, 0.492);
	border-radius: 5px;
	margin-top: 0em;
	margin-bottom: 0.4em;
	

	padding: 0.5em 1em;
	box-sizing: border-box;
	
	font-family: 'Anton', sans-serif;
	font-size: clamp(18px, 1.6vw, 40px);
	color: #383838;
	font-weight: 400;
	line-height: 130%;
	text-align: left;
	
	cursor: pointer;
	transition: all .2s ease-out;
}
.displomaselelist:hover{
	background-color: #FF4069;
	color: #ffffff;
	transform: scale(1.04);
}
.contlist{
	position: relative;
	padding: 8vh 3em 25vh 3em;
	box-sizing: border-box;
}
.chiudilista{
	position: absolute;
	top: 0;
	left: 50%;
	width: 25%;
	height: auto;
	
	background-color: #FF4069;
	border-radius: 0 0 10px 10px;
	margin-top: 0em;
	margin-bottom: 0.4em;
	
	
	padding: 0.4em 1em;
	box-sizing: border-box;
	
	font-family: 'Anton', sans-serif;
	font-size: clamp(18px, 1.6vw, 40px);
	color: #ffffff;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
	
	cursor: pointer;
	
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	
	box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
	
	transition: all .2s ease-out;
}
.chiudilista:hover{
	top: -4px;
}
.blackover{
	position: fixed;
	left: 0%;
	top: 0;
	width: 100%;
	height: 0%;
	background-color: rgba(0, 0, 0, 0.75);
}
.content{
	position: fixed;
	left: 50%;
	top: 0;
	width: 60%;
	height: 0%;
	background-color: #e6e6e6;
	/* padding: 1em 4em; */
	
	overflow: scroll;
	overflow-x: hidden;
	
	-webkit-overflow-scrolling: touch;
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	/* -webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); */
	/* display: none; */
	box-sizing: border-box;
}
.content::-webkit-scrollbar {
  width: 16px;
  background-color: #a3a3a3;
}
.content::-webkit-scrollbar-track {
  -webkit-box-shadow: none
}
.content::-webkit-scrollbar-thumb {
  background-color: #FF4069;
  border-radius: .5rem
}
.btnselection{
	position: absolute;
	right: 2%;
	top: 0;
	width: 4%;
	height: 100%;
	background-image: url('images/selection.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.contcolsdiploma{
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #EAE8E7;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0.5em;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0em;
	box-sizing: border-box;
	
	/* padding: 2em 2em; */
	/* line-height: 130%; */
}
.contregionitotale{
	position: relative;
	width: 100%;
	height: auto;
	/* border: 1px solid #EAE8E7; */
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0.5em;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0em;
	box-sizing: border-box;
	
	/* padding: 2em 2em; */
	/* line-height: 130%; */
}
.italiaregioni{
	position: relative;
}
.italiaregioni_inside{
	position: sticky;
	  position: -webkit-sticky;
	top: 0.5vh;
}
.mapgradnum{
	position: relative;
	width: 90%;
	margin-left: 10%;
	height: auto;
	/* border: 1px solid #EAE8E7; */
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0.5em;
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 0em;
	box-sizing: border-box;
	
	font-family: 'Rethink Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: rgb(86, 86, 86);
	/* padding: 2em 2em; */
	/* line-height: 130%; */
}
.perc2{
	text-align: center;
}
.perc3{
	text-align: right;
}
#diplomatitleicon{
	filter: invert(1);
}
.colsx{
	/* border: 1px solid #EAE8E7; */
	padding: 2em 4em 2em 4em;
}
.coldx{
	/* border: 1px solid #EAE8E7; */
	background-color: #FFFFFF;
	box-shadow: -4px 0px 0px 0px rgba(0,0,0,0.01);
	-webkit-box-shadow: -4px 0px 0px 0px rgba(0,0,0,0.01);
	-moz-box-shadow: -4px 0px 0px 0px rgba(0,0,0,0.01);
	padding: 6em 2em 2em 3em;
}
.colseparatorline{
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #D8D8D8;
	margin: 2em 0;
}
.percrichiesta {
	text-align: left;
	color:#FF6384;
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 10vw, 145px);
	display: block;
	line-height: 100%;
	margin: 0.2em 0 0 0;
}
.diplomatirichiesti {
	text-align: left;
	color:#505050;
	font-family: 'Anton', sans-serif;
	font-size: clamp(18px, 1.6vw, 28px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
	display: flex;
	align-items:center;
}

.diplomatirichiesti img{
	width: 1.5em;
	margin-right: 0.5em;
}
.dovesiassume {
	text-align: left;
	color:#505050;
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 2.5vw, 40px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
	display: flex;
	align-items:center;
	line-height: 110%;
	margin-bottom: 0.5em;
}
.gradmap{
	position: relative;
	width: 90%;
	margin-left: 10%;
	margin: 0 auto;
}
.gradmap img{
	width: 100%;
}
.contclassifica{
	margin-top: 2em;
}


.classifica {
	text-align: left;
	color: #505050;
	background-color: #fff;
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(14px, 1.2vw, 18px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
	display: flex;
	align-items: center;
	border: 1px solid #D8D8D8;
	padding: 0.5em 0.5em;
	border-radius: 5px;
	margin-top: 0.5em;
	gap: 0.2em;
	cursor: pointer;
}

.classifica strong{
	font-family: 'Anton', sans-serif;
	margin-left: 0.3em;
	margin-right: 0.5em;
	font-size: 2em;
	color: #DE844B;
	border-right: 1px solid rgba(127, 127, 127, 0.3);
	padding-right: 0.5em;
}
.classifica img{
	width: 1.5em;
	margin-right: 0.5em;
	margin-left: auto;
	cursor: pointer;
}
.introvabile {
	text-align: left;
	color: #505050;
	background-color: #fff;
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(12px, 1vw, 15px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:center;
	border: 1px solid #D8D8D8;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px;
	margin-top: 0.5em;
	
	cursor: pointer;
}
.introvabile strong{
	font-family: 'Anton', sans-serif;
	margin-left: 0.3em;
	margin-right: 0.5em;
	font-size: 2em;
	color: #DE844B;
	border-right: 1px solid rgba(127, 127, 127, 0.3);
	padding-right: 0.5em;
}
.introvabile img{
	width: 2.5em;
	/* margin-left: 0.5em; */
	margin-right: 0em;
	margin-left: auto;
}
.contintrovabili{
	margin-top: 2em;
}
.child{
  flex: 0 1 10%;
  /* border: 1px dashed green; */
}
.child.second{
  flex: 1;
  padding-left: 1em;
  display: flex;
  align-items: center;
}
.child.second img{
  width: 28px;
  cursor: pointer;
}
.child.last{
  flex-basis: 100%;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid rgba(127, 127, 127, 0.2);
  font-size: clamp(12px, 1vw, 15px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.1em;
  box-sizing: border-box;
  align-items: center;
  
}
.retiniziale{
	text-align: right;
	font-size: clamp(12px, 1.2vw, 20px);
	font-weight: 500;
	font-family: 'Anton', sans-serif;
}
.retlorda {
	text-align: left;
	color: #FF6384;
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 1.9vw, 32px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
}
.minmax{
	position: relative;
	width: 100%;
	height: auto;
	/* border: 1px solid #EAE8E7; */
	border-radius: 5px;
	margin: 0 auto;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.1em;
	box-sizing: border-box;
	
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 2vw, 35px);
	color: #383838;
	font-weight: 400;
	line-height: 130%;
	margin-top: 0.3em;
}
.minima{
	padding: 0.4em 0.8em;
	background-color: #4BBFC0;
	color: #fff;
	border-radius: 5px 0 0 5px;
}
.massima{
	padding: 0.4em 0.8em;
	background-color: #3964FF;
	color: #fff;
	border-radius: 0 5px 5px 0;
}
.fonteinps{
	font-family: 'Rethink Sans', sans-serif;
	height: auto;
	font-size: clamp(10px, 0.9vw, 12px);
	display: inline-block;
	background-color: #FF6384;
	padding: 0em 2em;
	color: #ffffff;
	font-weight: 600;
	line-height: 250%;
	border-radius: 5px;
	margin-top: 1em;
}
.percrichiesti {
	text-align: left;
	color:#FF6384;
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 10vw, 170px);
	display: block;
	line-height: 100%;
}
.exclamationmark {
	text-align: left;
	color: rgba(255, 99, 132, 0);
	font-family: 'Anton', sans-serif;
	font-size: clamp(20px, 13vw, 230px);
	display: block;
	line-height: 100%;
	padding-right: 0.05em;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.541);
	font-family: 'Anton', sans-serif;
}
#btndownloadpub{
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.btnall{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.difficoltarepe {
	text-align: left;
	color:#383838;
	font-family: 'Anton', sans-serif;
	font-size: clamp(15px, 1.9vw, 24px);
	display: block;
	text-align: left;
	font-weight: 500;
	margin: 0;
}
.contperc{
	position: relative;
	width: 100%;
	font-family: 'Anton', sans-serif;
	color: #fff;
	font-weight: 400;
	
	display: flex;
	align-items:center;
	
	flex-wrap: wrap;
	padding: 0;
	box-sizing: border-box;
}
.contperc img{
	width: 2.5em;
	margin-right: 0.5em;
}
.checifacciosub{
	text-align: left;
	padding: 0em 0 1em 0;
	
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(1em, 1.7vw, 30px);
	color: #0F2C94;
	font-weight: 700;
	line-height: 150%;
}
.roadmapsub{
	text-align: left;
	padding: 0em 0 2em 0;
	
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(1em, 2.5vw, 40px);
	color: #0F2C94;
	font-weight: 700;
	line-height: 150%;
}
.roadmapsub strong {
	font-weight: 600;
	display: inline;
	padding: .03em 0;
	background: #F9DA6D;
	box-shadow: .2em 0 0 #F9DA6D, -.2em 0 0 #F9DA6D;
}
.contedizioni{
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #EAE8E7;
	margin: 0 auto;
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 1em;
	box-sizing: border-box;
	
	box-sizing: border-box;
	
	/* line-height: 130%; */
}
.edizione{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	
	border-radius: 5px;
	padding: 1em 1em;
	box-sizing: border-box;
}
.edizionetitolo{
	font-family: 'Anton', sans-serif;
	font-size: clamp(22px, 1.4vw, 30px);
	text-transform: uppercase;
	padding: 0 10px;
}
.edizione img{
	width: 100%;
	margin-top: 0.5em;
	border-radius: 5px;
	border: 1px solid rgba(127, 127, 127, 0.102);
}
.edizionedesc{
	position: relative;
	height: auto;
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(15px, 1.1vw, 16px);
	font-weight: 500;
	margin-top: 0.4em;
	padding: 0 10px;
}
.scopri{
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(16px, 1.3vw, 20px);
	background-color: #3964FF;
	font-weight: 500;
	margin-top: 1em;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	padding: 0.6em 0em;
}
.maincolfooter{
	position: relative;
	width: 70%;
	height: auto;
	margin: 0 auto;
	max-width: 1060px;
	/* border: 1px solid rgb(138, 84, 84); */
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-column-gap: 0.1em;
	box-sizing: border-box;
	align-items: center;
}
.footericons{
	text-align: right;
}
.footer{
	background-color: #0F2C94;
	width: 100%;
	padding: 1.5em 0;
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(11px, 0.6vw, 20px);
	color: #fff;
}
.maincolfooter a{
	background-color: #FF6384;
	padding: 0.2em 0.5em;
	color: #ffffff;
	border-radius: 3px;
	margin-right: 0.4em;
	font-weight: 700;
}
.maincolfooter a:visited{
	color: #ffffff;
}
.smile{
	position: absolute;
	left: 0;
	top: 10%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(-110%, 0%);
	transform: translate(-110%, 0%);
	
	pointer-events: none;
}

.document{
	position: absolute;
	left: 0;
	top: 30%;	
	width: 16vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
	
	pointer-events: none;
}
.windows{
	position: absolute;
	left: 0;
	top: 50%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
	
	pointer-events: none;
}
.pin{
	position: absolute;
	left: 0;
	top: 75%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
	
	pointer-events: none;
}
.iconlens{
	position: absolute;
	right: 0;
	top: 20%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(40%, 0%);
	transform: translate(40%, 0%);
	
	pointer-events: none;
}
.mail{
	position: absolute;
	right: 0;
	top: 40%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(40%, 0%);
	transform: translate(40%, 0%);
	
	pointer-events: none;
}
.screen{
	position: absolute;
	right: 0;
	top: 60%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(40%, 0%);
	transform: translate(40%, 0%);
	
	pointer-events: none;
}
.star{
	position: absolute;
	right: 0;
	top: 90%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(40%, 0%);
	transform: translate(40%, 0%);
	
	pointer-events: none;
}
.mac{
	position: absolute;
	left: 0;
	top: 100%;	
	width: 20vw;
	cursor: pointer;
	border-radius: 5px;
	
	-ms-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
	
	pointer-events: none;
}
.btncookie{
	width: 100%;
	background-color: #FEDF00;
	display: inline-block;
	padding: 0.5em 0em;
	border-radius: 5px;
	color: #000569;
	font-weight: 700;
	text-align: center;
	box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px px 0px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.18);
	margin-top: 0.5em;
	cursor: pointer;
	border: 1px solid rgba(40, 40, 40, 0.148);
}
.cookieoverlay{
	position: fixed;
	width: 11%;
	height: auto;
	left: 1%;
	bottom: 2%;
	background-color: rgba(235, 235, 235, 0.98);

	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(11px, 0.8vw, 12px);
	font-weight: 600;
	
	line-height: 120%;
	color: #222;
	padding: 1em 0.8em;
	border-radius: 10px;
	box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
	-webkit-box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
	-moz-box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
	border: 3px solid #fff;
	overflow: hidden;
	text-align: center;
	min-width: 115px;
	max-width: 120px;
}
.cookies{
	padding: 3em 0;
	font-weight: 400;
	font-size: 0.8em;
	line-height: 130%;
}
.cookies a{
	color: #FEDF00;
	text-decoration: none;
}
.cookies a:hover{
	color: #B19FDA;
	text-decoration: none;
}
.basemenu{
	position: fixed;
	left: 50%;
	bottom: 20px;
	/* width: 30vh; */
	height: auto;
	padding: 0.6em 0.5em;
	border-radius: 5px;
	background-color: #3964ff;
	background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(57, 100, 255)), to(rgb(255, 99, 132)));
	background-image: -webkit-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	background-image: -moz-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	background-image: -o-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	background-image: -ms-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	background-image: linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));

	background: transparent linear-gradient(66deg, #3964FF 0%, #FF6384 47%, #3964FF 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000007C;
	opacity: 1;
	
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	
	display: flex;
	align-items:center;
}
.basemenu img{
	height: 22px;
	margin: 0 0.5em;
}
.vocemenu{
	font-family: 'Anton', sans-serif;
	font-size: clamp(14px, 1vw, 18px);
	padding: 0.4em 1.2em;
	color: #fff;
	background: #00000040 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	align-items: center;
	margin: 0 0.2em;
	cursor: pointer;
	transition: all .1s ease-out;
	white-space: nowrap;
	font-weight: 400;
}
.vocemenu:hover{
	opacity: 0.8;
}

#chefacciodopoildiploma{
	margin-bottom: 0; font-size: clamp(45px, 6vw, 100px);
}

#subservizi{
	width: 90%; margin-bottom: 0; font-size: clamp(32px, 1.5vw, 100px); line-height: 150%;
}






.contpubblicazione{
	position: relative;
	width: 100%;
	height: auto;
	color: #fff;
	font-weight: 400;
	display: flex;
	align-items:center;
	box-sizing: border-box;
	background: transparent linear-gradient(180deg, #2A5FD3 40%, #FF6384 150%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 5px 0px #00000017;
	border-radius: 0px 0px 10px 10px;
	opacity: 1;
	padding: 2em 2em;
}
.pubtext{
	width: 100%;
	padding: 0 2em;
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(20px, 2vw, 35px);
	font-weight: 700;
}
.pubtext h6{
	font-weight: 400;
	padding: 0;
	margin: 0.5em 0;
}
.pubtext h6 strong{
	color: #E3ED70;
	font-weight: 600;
}
.pubblicazione_preview img{
	width: 200px;
	padding: 0em 3em;
	border-right: 5px solid rgba(0, 0, 0, 0.269);
}
.btnpubblicazione{
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(16px, 1.3vw, 20px);
	background-color: #ffffff;
	font-weight: 500;
	margin-top: 1em;
	color: #FF6384;
	text-align: center;
	border-radius: 5px;
	padding: 0.5em 1em;
	display: inline-block;
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	display: inline-flex;
	align-items:center;
}
.btnpubblicazione img{
	margin-right: 0.5em;
}
.coverall{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.40);
}
.contdescdiplomioverlay{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 25%;
	height: auto;
	background-color: #FFFFFF;
	
	font-family: 'Rethink Sans', sans-serif;
	font-size: clamp(16px, 1vw, 20px);
	font-weight: 500;
	color: #464646;
	padding: 3em;
	border-radius: 20px;
	line-height: 150%;
	
	transform: translate(-50%, -50%);
	
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.titolodipdesc{
	font-size: 1.3em;
}
.closepink{
	position: absolute;
	right: 14px;
	top: 15px;
	width: 8%;
	height: 10%;
	background-image: url('images/closepink.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}







@media (max-width: 1000px) {
	.maincol{
		position: relative;
		width: 85%;
		height: auto;
		margin: 0 auto;
		max-width: 1060px;
		/* border: 1px solid rgb(138, 84, 84); */
	}
	.nodesktop {
		visibility: visible;
		display: block;
	}
	.nomobile {
		visibility: hidden;
		display: none;
	}
	.introtext{
		text-align: left;
		column-count: 1;
		break-inside: avoid-column;
		column-gap: 2%;
		padding: 2em 0 3em 0;
		
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2.8em;
		color: #0F2C94;
		font-weight: 600;
		line-height: 140%;
	}
	.contregionitotale{
		position: relative;
		width: 100%;
		height: auto;
		/* border: 1px solid #EAE8E7; */
		border-radius: 5px;
		margin: 0 auto;
		margin-top: 0.5em;
		
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0em;
		box-sizing: border-box;
		
		/* padding: 2em 2em; */
		/* line-height: 130%; */
	}
	.maintitle{
		position: relative;
		width: 90%;
		font-family: 'Anton', sans-serif;
		font-size: 4.5em;
		color: #0F2C94;
		line-height: 110%;
		margin-bottom: 0.5em;
	}
	.ctascroll{
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		display: inline-block;
		background-color: #004CD3;
		margin-top: 0.4em;
		padding: 0.2em 0.8em;
		color: #ffffff;
	}
	.mainpartners{
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.mainpartners img{
		width: 100%;
		height: auto;
		padding: 2vh 0 2vh 0;
	}
	.mainlogo{
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.mainlogo img{
		width: 100%;
		height: auto;
		padding: 0 0 2vh 0;
	}
	.diplomatialtop{
		position: relative;
		width: 100%;
		font-family: 'Anton', sans-serif;
		font-size: 6em;
		color: #0F2C94;
		line-height: 110%;
	}
	.diplomatialtopsub{
		position: relative;
		width: 100%;
		font-family: 'Anton', sans-serif;
		font-size: 4em;
		color: #004CD3;
		line-height: 110%;
		padding-top: 0.4em;
	}
	.secondarytitle{
		position: relative;
		width: 100%;
		font-family: 'Anton', sans-serif;
		font-size: 4.8em;
		color: #0F2C94;
		line-height: 110%;
		padding-top: 2em;
		margin-bottom: 1em;
	}
	.secondarytitle strong{
		color: #FF4069;
		font-weight: 400;
	}
	.secondarytitle2{
		position: relative;
		width: 100%;
		font-family: 'Anton', sans-serif;
		font-size: 4.8em;
		color: #0F2C94;
		line-height: 110%;
		padding-top: 1em;
		margin-bottom: 1em;
	}
	.secondarytitle2 strong{
		color: #FF4069;
		font-weight: 400;
	}
	.bar{
		position: relative;
		margin-top: 0.2em;
		background-color: #FF4069;
		box-sizing: border-box;
		width: 116%;
		left: -8%;
	}
	.barcont{
		position: relative;
		width: 100%;
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		color: #fff;
		font-weight: 400;
	
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 0em;
		grid-template-columns: fit-content(10%) fit-content(70%) 1fr;
		align-items:left;
		
		box-sizing: border-box;
		padding: 0.4em 0.5em;
		box-sizing: border-box;
		
		min-height: 4em;
	}
	.barcont span:nth-child(2){
		padding-right: 0.3em
	  }
	.barcont span{
		padding-right: 0em;
	}
	.barcont img{
		width: 2em;
		margin-right: 0.8em;
		/* display: none; */
	}
	.chartsettori{
		width: 2em;
		margin-right: 0.5em;
	}
	.barnum{
		text-align: right;
		font-size: 1.5em;
	}
	.list-item {
		/* flex: none; */
	}
	.container{
		overflow: hidden;
	}
	.containerscheda{
		position: relative;
		width: 100%;
		height: auto;
		left: -5%;
		background-color: #FFF9F8;
		min-height: 20vh;
		border-radius: 5px;
		padding: 5%;
		
		box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.15);
	}
	.contcolsdiploma{
		position: relative;
		width: 100%;
		height: auto;
		border: 1px solid #EAE8E7;
		border-radius: 5px;
		margin: 0 auto;
		margin-top: 0.5em;
		
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0em;
		box-sizing: border-box;
		
		/* padding: 2em 2em; */
		/* line-height: 130%; */
	}
	.checifacciosub{
		text-align: left;
		padding: 0em 0 1em 0;
		
		font-family: 'Rethink Sans', sans-serif;
		font-size: 3.3em;
		color: #0F2C94;
		font-weight: 700;
		line-height: 130%;
	}
	#chefacciodopoildiploma{
		width: 100%;
		margin-bottom: 0; font-size: 7em!important;
	}
	#bluelinemobile{
		width: 100%!important;
	}
	.roadmapsub{
		text-align: left;
		padding: 0em 0 2em 0;
		
		font-family: 'Rethink Sans', sans-serif;
		font-size: 3.5em;
		color: #0F2C94;
		font-weight: 700;
		line-height: 150%;
	}
	.roadmapsub strong {
		font-weight: 600;
		display: inline;
		padding: .03em 0;
		background: #F9DA6D;
		box-shadow: .2em 0 0 #F9DA6D, -.2em 0 0 #F9DA6D;
	}
	#subservizi{
		width: 90%; margin-bottom: 0; font-size: 3.5em; line-height: 150%;
	}
	.contedizioni{
		position: relative;
		width: 100%;
		height: auto;
		border: 1px solid #EAE8E7;
		margin: 0 auto;
		
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 1em;
		grid-row-gap: 3em;
		box-sizing: border-box;
		
		box-sizing: border-box;
		
		/* line-height: 130%; */
	}
	.edizione{
		position: relative;
		width: 100%;
		height: auto;
		background-color: #fff;
		margin: 0 auto;
		
		border-radius: 5px;
		padding: 2em 4em;
		box-sizing: border-box;
	}
	.edizionetitolo{
		font-family: 'Anton', sans-serif;
		font-size: 6em;
		text-transform: uppercase;
		padding: 0 10px;
	}
	.edizione img{
		width: 100%;
		margin-top: 1em;
		border-radius: 5px;
		border: 1px solid rgba(127, 127, 127, 0.102);
	}
	.edizionedesc{
		position: relative;
		height: auto;
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2.5em;
		font-weight: 500;
		margin-top: 0.4em;
		padding: 0 10px;
	}
	.btndiplomasele{
		position: relative;
		width: 100%;
		height: auto;
		background-color: #FFF9F8;
		border: 3px solid #383838;
		border-radius: 15px;
		margin-top: 0em;
		margin-bottom: 1em;
		
	
		padding: 0.8em 1em;
		box-sizing: border-box;
		
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		color: #383838;
		font-weight: 400;
		line-height: 130%;
		text-align: left;
		cursor: pointer;
		transition: all .2s ease-out;
	}
	.btnselection{
		position: absolute;
		right: 0.6em;
		top: 0;
		width: 6%;
		height: 100%;
		background-image: url('images/selection.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.diplomatitolo{
		position: relative;
		width: 100%;
		height: auto;
		border: 1px solid #EAE8E7;
		border-radius: 5px;
		margin: 0 auto;
		margin-top: 0.5em;
		
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 0em;
		grid-template-columns: fit-content(10%) 1fr;
		align-items:left;
		
		flex-wrap: wrap;
		padding: 0.4em 1em;
		box-sizing: border-box;
		
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		color: #383838;
		font-weight: 400;
		line-height: 130%;
		display: none;
	}
	.diplomatitolo img{
		width: 2em;
		margin-right: 1em;
	}
	.diplomatitolo strong{
		color: #FF6384;
		font-weight: 400;
		font-size: 0.9em;
	}
	.percrichiesta {
		text-align: left;
		color:#FF6384;
		font-family: 'Anton', sans-serif;
		font-size: 14em;
		display: block;
		line-height: 100%;
		margin: 0.2em 0 0 0;
		text-align: center;
	}
	.diplomatirichiesti {
		width: 100%;
		text-align: center;
		color:#505050;
		font-family: 'Anton', sans-serif;
		font-size: 3.2em;
		display: block;
		text-align: center;
		font-weight: 500;
		margin: 0;
		line-height: 120%;
	}
	
	.diplomatirichiesti img{
		width: 1.5em;
		margin-right: 0.5em;
		display: none;
	}
	.colsx{
		/* border: 1px solid #EAE8E7; */
		padding: 2em 2em 2em 2em;
		box-sizing: border-box;
	}
	.retlorda {
		text-align: left;
		color: #FF6384;
		font-family: 'Anton', sans-serif;
		font-size: 3.5em;
		display: block;
		text-align: center;
		font-weight: 500;
		margin: 0;
	}
	.minmax{
		position: relative;
		width: 100%;
		height: auto;
		/* border: 1px solid #EAE8E7; */
		border-radius: 5px;
		margin: 0 auto;
		
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 0.1em;
		box-sizing: border-box;
		
		font-family: 'Anton', sans-serif;
		font-size: 3.5em;
		color: #383838;
		font-weight: 400;
		line-height: 130%;
		margin-top: 0.3em;
	}
	.minima{
		padding: 0.4em 0.8em;
		background-color: #4BBFC0;
		color: #fff;
		border-radius: 5px 0 0 5px;
	}
	.massima{
		padding: 0.4em 0.8em;
		background-color: #3964FF;
		color: #fff;
		border-radius: 0 5px 5px 0;
	}
	.exclamationmark {
		text-align: left;
		color: rgba(255, 99, 132, 0);
		font-family: 'Anton', sans-serif;
		font-size: 26em;
		display: block;
		line-height: 100%;
		padding-right: 0.05em;
		-webkit-text-stroke-width: 3px;
		-webkit-text-stroke-color: rgba(0, 0, 0, 0.541);
		font-family: 'Anton', sans-serif;
	}
	.percrichiesti {
		text-align: center;
		color:#FF6384;
		font-family: 'Anton', sans-serif;
		font-size: 18em;
		display: block;
		line-height: 100%;
	}
	.difficoltarepe {
		text-align: left;
		color:#383838;
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		display: block;
		text-align: left;
		font-weight: 500;
		margin: 0;
	}
	.classifica {
		text-align: left;
		color: #505050;
		background-color: #fff;
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2.6em;
		display: block;
		text-align: left;
		font-weight: 500;
		margin: 0;
		display: flex;
		align-items:center;
		border: 1px solid #D8D8D8;
		padding: 0.5em 0.5em;
		border-radius: 5px;
		margin-top: 0.5em;
		box-sizing: border-box;
	}
	.classifica strong{
		font-family: 'Anton', sans-serif;
		margin-left: 0.3em;
		margin-right: 0.5em;
		font-size: 2em;
		color: #DE844B;
		border-right: 1px solid rgba(127, 127, 127, 0.3);
		padding-right: 0.5em;
		font-weight: 400;
	}
	.dovesiassume {
		text-align: center;
		color:#505050;
		font-family: 'Anton', sans-serif;
		font-size: 3.8em;
		display: block;
		text-align: center;
		font-weight: 500;
		margin: 0;
		display: block;
		align-items:center;
		line-height: 110%;
		margin-bottom: 1em;
	}
	.dovesiassume br {
		display: none;
	  content: "";
	}
	
	.dovesiassume br:after {
	  content: " ";
	}
	.mapgradnum{
		position: relative;
		width: 90%;
		margin-left: 10%;
		height: auto;
		/* border: 1px solid #EAE8E7; */
		border-radius: 5px;
		margin: 0 auto;
		margin-top: 0.5em;
		
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 0em;
		box-sizing: border-box;
		
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2.5em;
		font-weight: 500;
		color: rgb(86, 86, 86);
		/* padding: 2em 2em; */
		/* line-height: 130%; */
	}
	.introvabile {
		text-align: left;
		color: #505050;
		background-color: #fff;
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2.5em;
		display: block;
		text-align: left;
		font-weight: 500;
		margin: 0;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items:center;
		border: 1px solid #D8D8D8;
		padding: 0.5em 1em 0.5em 1em;
		border-radius: 5px;
		margin-top: 0.5em;
	}
	.introvabile strong{
		font-family: 'Anton', sans-serif;
		margin-left: 0.3em;
		margin-right: 0.5em;
		font-size: 2em;
		color: #DE844B;
		border-right: 1px solid rgba(127, 127, 127, 0.3);
		padding-right: 0.5em;
	}
	.child.second img{
	  width: 50px;
	  cursor: pointer;
	}
	.introvabile img{
		width: 1em;
		/* margin-left: 0.5em; */
		margin-right: 0em;
	}
	.contintrovabili{
		margin-top: 2em;
	}
	.child{
	  flex: 0 1 10%;
	  /* border: 1px dashed green; */
	}
	.child.second{
	  flex: 1;
	  padding-left: 0.5em;
	}
	.child.last{
	  flex-basis: 100%;
	  margin-top: 0.5em;
	  padding-top: 0.5em;
	  border-top: 1px solid rgba(127, 127, 127, 0.2);
	  font-size: 0.6em;
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-column-gap: 0.1em;
	  box-sizing: border-box;
	  align-items: center;
	}
	.retiniziale{
		text-align: right;
		font-size: 1.6em;
		font-weight: 500;
		font-family: 'Anton', sans-serif;
	}
	.fonteinps{
		font-family: 'Rethink Sans', sans-serif;
		width: 100%;
		height: auto;
		font-size: 1.8em;
		display: inline-block;
		background-color: #FF6384;
		padding: 0.5em 0.5em;
		color: #ffffff;
		font-weight: 600;
		line-height: 120%;
		border-radius: 5px;
		margin-top: 1em;
		box-sizing: border-box;
		text-align: center;
	}
	.scopri{
		font-family: 'Rethink Sans', sans-serif;
		font-size: 3em;
		background-color: #3964FF;
		font-weight: 500;
		margin-top: 1em;
		color: #ffffff;
		text-align: center;
		border-radius: 15px;
		padding: 0.6em 0em;
	}
	.btncookie{
		width: 100%;
		background-color: #FEDF00;
		display: inline-block;
		padding: 0.5em 0em;
		border-radius: 5px;
		color: #000569;
		font-weight: 700;
		text-align: center;
		box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.18);
		-webkit-box-shadow: 0px px 0px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.18);
		margin-top: 0.5em;
		cursor: pointer;
		border: 1px solid rgba(40, 40, 40, 0.148);
	}
	.cookieoverlay{
		position: fixed;
		width: 90%;
		height: auto;
		left: 5%;
		bottom: 2%;
		background-color: rgba(235, 235, 235, 0.98);
	
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2em;
		font-weight: 600;
		
		line-height: 120%;
		color: #222;
		padding: 1em 0.8em;
		border-radius: 10px;
		box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
		-webkit-box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
		-moz-box-shadow: -1px 10px 26px 2px rgba(0,0,0,0.45);
		border: 3px solid #fff;
		overflow: hidden;
		text-align: center;
		min-width: 115px;
		max-width: 12000px;
		box-sizing: border-box;
	}
	.cookies{
		padding: 3em 0;
		font-weight: 400;
		font-size: 0.8em;
		line-height: 130%;
	}
	.cookies a{
		color: #FEDF00;
		text-decoration: none;
	}
	.cookies a:hover{
		color: #B19FDA;
		text-decoration: none;
	}
	
	.maincolfooter{
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto;
		max-width: 1060px;
		/* border: 1px solid rgb(138, 84, 84); */
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0.1em;
		box-sizing: border-box;
		align-items: center;
	}
	.footericons img{
		width: 100%;
		height: auto!important;
		text-align: right;
		margin-top: 1em;
	}
	.footer{
		background-color: #0F2C94;
		width: 100%;
		padding: 1.5em 0;
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2em;
		color: #fff;
	}
	.maincolfooter a{
		background-color: #FF6384;
		padding: 0.2em 0.5em;
		color: #ffffff;
		border-radius: 15px;
		margin-right: 0.4em;
		font-weight: 700;
	}
	.maincolfooter a:visited{
		color: #ffffff;
	}
	.diplomatialtopgraphlegend{
		font-family: 'Rethink Sans', sans-serif;
		font-size: 1.8em;
		font-weight: 400;
		margin-top: 2em;
		display: flex;
		align-items:center;
	}
	.content{
		position: fixed;
		left: 50%;
		top: 0;
		width: 100%;
		height: 0%;
		background-color: #e6e6e6;
		/* padding: 1em 4em; */
		
		overflow: scroll;
		overflow-x: hidden;
		
		-webkit-overflow-scrolling: touch;
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		/* -webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); */
		/* display: none; */
		box-sizing: border-box;
	}
	.chiudilista{
		position: absolute;
		top: 0;
		left: 50%;
		width: auto;
		height: auto;
		
		background-color: #FF4069;
		border-radius: 0 0 10px 10px;
		margin-top: 0em;
		margin-bottom: 0.4em;
		
		
		padding: 0.4em 1em;
		box-sizing: border-box;
		
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		color: #ffffff;
		font-weight: 400;
		line-height: 130%;
		text-align: center;
		
		cursor: pointer;
		
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		
		box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
		-webkit-box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
		-moz-box-shadow: 1px 10px 5px 0px rgba(0,0,0,0.08);
		
		transition: all .2s ease-out;
	}
	.displomaselelist{
		position: relative;
		width: 100%;
		height: auto;
		background-color: #FFF9F8;
		border: 1px solid rgba(56, 56, 56, 0.492);
		border-radius: 5px;
		margin-top: 0em;
		margin-bottom: 0.4em;
		
	
		padding: 0.5em 1em;
		box-sizing: border-box;
		
		font-family: 'Anton', sans-serif;
		font-size: 2.5em;
		color: #383838;
		font-weight: 400;
		line-height: 130%;
		text-align: left;
		
		cursor: pointer;
		transition: all .2s ease-out;
	}
	.basemenu{
		position: fixed;
		left: 50%;
		bottom: 0;
		/* width: 30vh; */
		height: auto;
		padding: 0.6em 0.5em;
		border-radius: 15px 15px 0 0;
		background-color: #3964ff;
		background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(57, 100, 255)), to(rgb(255, 99, 132)));
		background-image: -webkit-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -moz-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -o-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -ms-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	
		background: transparent linear-gradient(66deg, #3964FF 0%, #FF6384 47%, #3964FF 100%) 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 6px #0000007C;
		opacity: 1;
		
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		
		display: inline-block;
		align-items:center;
		box-sizing: border-box;
	}
	.vocemenu{
		font-family: 'Anton', sans-serif;
		font-size: 3em;
		padding: 0.4em 1.2em;
		color: #fff;
		background: #00000040 0% 0% no-repeat padding-box;
		border-radius: 5px;
		opacity: 1;
		align-items: center;
		margin: 0.2em 0.2em;
		cursor: pointer;
		transition: all .1s ease-out;
		white-space: nowrap;
		font-weight: 400;
		text-align: center;
	}
	.aprimenu{
		position: fixed;
		left: 50%;
		bottom: 0;
		width: 15vh;
		height: 90px;
		padding: 0.6em 0.5em;
		border-radius: 15px 15px 0 0;
		background-color: #3964ff;
		/* background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(57, 100, 255)), to(rgb(255, 99, 132)));
		background-image: -webkit-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -moz-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -o-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: -ms-linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
		background-image: linear-gradient(left bottom, rgb(57, 100, 255), rgb(255, 99, 132));
	
		background: transparent linear-gradient(66deg, #3964FF 0%, #FF6384 47%, #3964FF 100%) 0% 0% no-repeat padding-box; */
		/* box-shadow: 0px -3px 20px #00000030; */
		opacity: 1;
		
		background-image: url('images/menuiconmobile.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 24%;
		
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		
		display: inline-block;
		align-items:center;
		
		cursor: pointer;
	}
	
	
	.contpubblicazione{
		position: relative;
		width: 100%;
		height: auto;
		color: #fff;
		font-weight: 400;
		display: block;
		align-items:center;
		box-sizing: border-box;
		background: transparent linear-gradient(180deg, #2A5FD3 40%, #FF6384 150%) 0% 0% no-repeat padding-box;
		box-shadow: 0px 5px 0px #00000017;
		border-radius: 0px 0px 15px 15px;
		opacity: 1;
		padding: 2em 3em;
		box-sizing: border-box;
	}
	.pubtext{
		width: 100%;
		padding: 0;
		font-family: 'Rethink Sans', sans-serif;
		font-size: 4em;
		font-weight: 700;
		margin: 0.5em 0;
		line-height: 110%;
	}
	.pubtext h6{
		font-weight: 400;
		padding: 0;
		margin: 0.5em 0;
		line-height: 130%;

	}
	.pubtext h6 strong{
		color: #E3ED70;
		font-weight: 600;
	}
	.pubblicazione_preview img{
		width: 100%;
		padding: 0;
		border-right: 0px solid rgba(0, 0, 0, 0.269);
	}
	.btnpubblicazione{
		font-family: 'Rethink Sans', sans-serif;
		font-size: 0.6em;
		background-color: #ffffff;
		font-weight: 500;
		margin-top: 1em;
		color: #FF6384;
		text-align: center;
		border-radius: 5px;
		padding: 0.5em 1em;
		display: inline-block;
		font-family: 'Anton', sans-serif;
		text-transform: uppercase;
		display: flex;
		align-items:center;
	}
	.btnpubblicazione img{
		width: 1.5em;
		margin-right: 0.5em;
	}
	.contdescdiplomioverlay{
		position: fixed;
		left: 50%;
		top: 50%;
		width: 90%;
		height: auto;
		background-color: #FFFFFF;
		
		font-family: 'Rethink Sans', sans-serif;
		font-size: 2em;
		font-weight: 500;
		color: #464646;
		padding: 3em;
		border-radius: 20px;
		line-height: 150%;
		
		transform: translate(-50%, -50%);
		
		box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
		box-sizing: border-box;
	}
}