@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?fc6df3');
  src:  url('fonts/icomoon.eot?fc6df3#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?fc6df3') format('truetype'),
    url('fonts/icomoon.woff?fc6df3') format('woff'),
    url('fonts/icomoon.svg?fc6df3#icomoon') 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: 'icomoon' !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_calendar:before {
  content: "\e902";
}
.ico_map:before {
  content: "\e901";
}
.ico_arrow-up:before {
  content: "\e900";
}
.ico_checkmark:before {
  content: "\e903";
}
.ico_zoom-in:before {
  content: "\e904";
}
.ico_clipboard:before {
  content: "\e905";
}

:root {
	--colore_blu: #003366;
}
.bg_blu{	
  background-image: var(--colore_blu);
}
.colore_blu{	
  color: var(--colore_blu);
}

#loghi {
	margin: 0 auto;
    max-width: 280px;
}

/* CLASSI COMUNI MOBILE */
.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: flex-start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}	
.box_arrotondato{
	position: relative;
	padding: 2em;
	border-radius: 1rem;
}	
.divisorio:after{
	content: '';
	display: block;
	width: 50%;
	border-top: 1px solid var(--colore_grigio);
	margin: 1em 0;
}
[class^="ico_"]:before,
 [class*=" ico_"]:before{
	font-size: 150%;
}
.box_arrotondato.freccia:before{
	    content: '';
		display: block;
		font-size: 0px;
		line-height: 0%;
		width: 0px;
		border-top: 20px solid var(--colore_grigio_chiaro);
		border-left: 25px solid var(--colore_arancio);
		border-bottom: 20px solid var(--colore_grigio_chiaro);
		position: absolute;
		left: 0;
		top: 1.95rem;
}
.scaletta{
	padding: 1em;
	text-align: left;
}
.scaletta > li{
	margin-bottom: 1em;
	padding: 0.3em 0.3em 1em 0.3em;	
	border-bottom: 1px solid var(--colore_grigio);
}
.scaletta > li:first-of-type{
	margin-top: 1em;
	padding:1em 0.3em 1em 0.3em;	
	border-top: 1px solid var(--colore_grigio);
}
.scaletta > time{
	font-weight: var(--font_bold);
}
/* //CLASSI COMUNI MOBILE */

/* SLIDE MOBILE */
#slide{
	position: relative;
}
#slide{
	background:url("img/header.jpg") no-repeat top center  scroll;
	background-size:130%;
}
#slide hgroup{
	position: relative;
	text-align: center;
	padding-top: 20%;
	padding-bottom: 1em;
	color: var(--colore_blu);
	font-size: 1.3rem;
	line-height: 1.5em;
}
#slide hgroup h1{
	font-weight: 400;
}
/* //SLIDE MOBILE */

/* FORM  MOBILE*/
#section_form{
	margin: 1em auto;
}
#form_dati{
	margin: 0.5em auto;
}
#form_dati .ul_campi{
	margin: 0 auto;
}
#form_dati .ul_campi > li{
	margin:auto auto 1em;	
}
#form_dati input[type="text"],
#form_dati input[type="password"],
#form_dati input[type="email"],
#form_dati input[type="number"],
#form_dati input[type="tel"],
#form_dati input[type="date"],
#form_dati textarea,
#form_dati select{
  box-sizing: border-box;
  border: 1px solid #cccccc;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  outline: none;
	width:100%;
	margin: 0.1em auto;
	padding:0.3em 0.5em;
  -webkit-transition: 0.1s;
  transition: 0.1s;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	font-family:var(--font_family);
	font-size:1.5rem;
	background: var(--colore_bianco)
}
#form_dati label{
}
#form_dati input[type='checkbox'],
#form_dati input[type='radio']{
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	margin:0.5em 0.5em;
	cursor:pointer;
}
fieldset{
	text-align: center;
	border:0;
	margin-bottom: 1.5em;
}
/* //FORM  MOBILE */

#typ .ico_checkmark{
	font-size: 2rem;
}

@media screen and (min-width: 701px) { /****************************************** visualizzazione TABLET ******************************************/
		
	/* CLASSI COMUNI TABLET */
	.flexible{
		-webkit-flex-direction: row;
		flex-direction: row;
	}	
	.col_2 > *{
		width: 45%;
	}	
	.scaletta > li{
		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: stretch;
		align-items: stretch;
	}
	.scaletta > li > time{
		width: 25%;
	}
	.scaletta > li > *:last-child{
		width: 100%;
	}
	/* //CLASSI COMUNI TABLET */
	
	/* SLIDE TABLET */
	#slide{
		background-size:200%;
	}
	#slide hgroup{;
		font-size: 1.5rem;
		padding-top: 30%;
	}
	/* //SLIDE TABLET */
	
	/* FORM TABLET */	
	.campo_lungo{
		width: 100% !important;
	}
	/* //FORM TABLET */

	/* FOOTER TABLET */
	/* //FOOTER TABLET */
}

@media screen and (min-width: 901px) { /****************************************** visualizzazione DESKTOP ******************************************/
	
	/* CLASSI COMUNI DESKTOP */
	/* //CLASSI COMUNI DESKTOP */
	
	/* SLIDE DESKTOP */
	#slide hgroup{;
		font-size: 2rem;
		padding-top: 30%;
	}
	/* //SLIDE DESKTOP */
	
	/* FORM DESKTOP */
	#form_dati{
	}
	#form_dati input[type="text"],
	#form_dati input[type="email"],
	#form_dati input[type="number"],
	#form_dati input[type="tel"],
	#form_dati input[type="date"],
	#form_dati textarea,
	#form_dati select{
		font-size:1rem;
	}
	/* //FORM DESKTOP */
}

@media screen and (min-width: 1200px) { /****************************************** visualizzazione DESKTOP landscape ******************************************/
	
	/* CLASSI COMUNI DESKTOP */
	/* //CLASSI COMUNI DESKTOP */
	
	/* SLIDE DESKTOP */
	#slide{
		background-size:150%;
	}
	#slide hgroup{;
		font-size: 2.3rem;
		padding-top: 23%;
	}
	/* SLIDE DESKTOP */
}

@media screen and (min-width: 1400px) { /****************************************** visualizzazione DESKTOP landscape big ******************************************/
	
	/* CLASSI COMUNI DESKTOP */
	/* //CLASSI COMUNI DESKTOP */
	
	/* SLIDE DESKTOP */
	#slide{
		background-size:130%;
	}
	#slide hgroup{;
		font-size: 2.5rem;
		padding-top: 20%;
	}
	/* //SLIDE DESKTOP */
}