/* === CALIBRI === */

			@font-face {
			  font-family: 'Calibri';
			  src: url('../fonts/CALIBRI.woff') format('woff');
			  font-weight: 400;
			  font-style: normal;
			}

			@font-face {
			  font-family: 'Calibri';
			  src: url('../fonts/CALIBRIB.woff') format('woff');
			  font-weight: 700;
			  font-style: normal;
			}

			@font-face {
			  font-family: 'Calibri';
			  src: url('../fonts/CALIBRIL.woff') format('woff');
			  font-weight: 300;
			  font-style: normal;
			}

			@font-face {
			  font-family: 'Calibri';
			  src: url('../fonts/CALIBRII.woff') format('woff');
			  font-weight: 400;
			  font-style: italic;
			}

			@font-face {
			  font-family: 'Calibri';
			  src: url('../fonts/CALIBRIZ.woff') format('woff');
			  font-weight: 700;
			  font-style: italic;
			}


			/* === HELVETICA CONDENSED LIGHT === */

			@font-face {
			  font-family: 'Helvetica Condensed';
			  src: url('../fonts/HELVETICA-CONDENSED-LIGHT-LI.woff') format('woff');
			  font-weight: 300;
			  font-style: normal;
			}

			@font-face {
			  font-family: 'Helvetica Condensed';
			  src: url('../fonts/HELVETICA-CONDENSEDLIGHT-OBLIQUE.woff') format('woff');
			  font-weight: 300;
			  font-style: italic;
			}


			/* === HELVETICA NEUE LT PRO MDCN === */

			@font-face {
			  font-family: 'Helvetica Neue LT Pro';
			  src: url('../fonts/HELVETICANEUELTPRO-MDCN.woff') format('woff');
			  font-weight: 400;
			  font-style: normal;
			}
			
			body {
			  font-family: 'Helvetica Neue LT Pro', sans-serif;
			  font-weight: 400;				
			  
			}
			h1 {
				font-family: 'Calibri', sans-serif;	
				color:#354787;
				font-weight:600;
				font-size:3.75rem;				
			}
			
		
			.login-container {
				width: 100%;
				max-width: 400px;
				overflow: hidden;
				position: relative;
			}

			.form-wrapper {
			  display: flex;
			  width: 300%;
			  transition: transform 0.5s ease;
			  background: #354787;
			}

			.form-box {
			  width: 33.3333%;
			  padding: 2rem;
			}

			.form-box input {
				margin-bottom: 1rem;
			}

			.link-action {
				color: #ccc;
				font-size: 0.9rem;
			}

			.link-action a {
				color: white;
				font-weight: bold;
				text-decoration: none;
			}

			.link-action a:hover {
				text-decoration: underline;
			}

			.centered {
				text-align: center;
				margin-top: 1rem;
			}
			
			.btn-orange {
				background:#de5c31;
				border-color:#de5c31;
				color:#fff;
			}
			h2 {
				font-size:2.25rem;
			}
			h3 {
				font-size:1.75rem;
			}
			.t1 {
				font-size:2.5rem;
				top: 20px;
				left: 20px;
			}

			.t2 {
				bottom: 40px;
				left: 20px;
				font-size:3.5rem;
			}

			.t3 {
				top: 25px;
				left: 40px;
			}

			.t4 {
				bottom: 20px;
				right: 30px;
			}

			.text-blue {
				color: #354787;
			}

			.section-1 {
				background: linear-gradient(to right, white 50%, #354787 50%);
			}

			.section-3 {
				background: linear-gradient(to right, #f15a23 50%, white 50%);
			}

			.section-2-mobile {
				background: #354787;
			}

			.section-3-mobile {
				background: #f15a23;
			}
			
			@media (max-width:767px)
			{
				h1 {
					font-size:2.5rem;
				}
				.t1 {
					font-size:1.5rem;
				}				
				.t2 {
					font-size:2rem;
					bottom:10px;
				}
				.t3 {
					font-size:2rem;
				}
			}
			
			.titlebar {
				background-color:#de5c31;
			}
			
			.panels a {
				text-decoration:none;
				color:#354787;
			}
			.panels a:hover {
				text-decoration:underline;
				
			}			
			.content-panel.open {
				display:block;
			}
			.content-panel {
				display:none;
			}			
			.contenuto_testo h2 {
				color:#de5c31;
			}