@charset "UTF-8";
/* CSS Document */

html, body {
	max-width: 100%;
	overflow-x: hidden;
	text-align: center;
}
.brochure {
	width: 100%;
	font-weight: 600;
	text-align: center;
	/* padding-top: 150px; */
	padding-top: 180px;
}
.brochure h1 {
	font-size: 18px;
	color: #CCC;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
}

.frame-dark {
	background: #315aba;
	background: linear-gradient(90deg, rgba(0,95,105,1) 0%, rgba(0,134,149,1) 35%, rgba(0,148,165,1) 100%);
	width: 100%;
	margin: 0;
	padding: 6%;
	color: #FFF;
	height:85vh;
	vertical-align: center;
	display: table;
}
.frame-light {
	background-color: #61a0d7;
	width: 100%;
	margin: 0;
	padding: 6%;
	color: #0094a5;
	height:85vh;
	display: table;
}
.inner-frame {
	display: table-cell;
	vertical-align: middle;
}
.brochure-logo {
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.brochure p {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
.frame-light h2 {
	font-size: 3em;
	color: #0094a5;
	border-radius: 5px;
	padding: 10px 25px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: -2px;
	line-height: 1.3em;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;

}
.frame-dark h2 {
	font-size: 3em;
	color: #FFF;
	border-radius: 5px;
	padding: 10px 25px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: -2px;
	line-height: 1.3em;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;

}
.frame-dark h2 a:link {
	color: #FFF;
}
.frame-dark h2 a:visited {
	color: #FFF;
}
.frame-dark h2 a:hover {
	color: #FFF;
	text-decoration: underline;
}
.frame-dark h2 a:active {
	color: #FFF;
	text-decoration: underline;
}
.frame-light h3 {
	font-size: 2em;
	color: #0094a5;
	border-radius: 5px;
	padding: 10px 25px;
	display: initial;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: -1px;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
.frame-dark h3 {
	font-size: 2em;
	color: #FFF;
	border-radius: 5px;
	padding: 10px 25px;
	display: initial;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: -1px;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
.frame-dark p {
	border-left: 6px solid #41a4b7;
	text-align: left;
	padding-left: 30px;
}
.frame-light p {
	border-left: 6px solid #b7d3d9;
	text-align: left;
	padding-left: 30px;
}
.payoff {
	border: 0;
	padding: 0;
	text-align: center!important;
	background-color: transparent;
	font-size: 20px;
}
.testo {
	font-size: 20px!important;
}
.correlati {
    margin-top: 100px!important;
}
.percorsi {
	position: absolute;
	top: 80px;
}
.spacer {
	width: 100%;
	display: block;
	height: 30px;
	clear: both;
}
a.call {
	padding: 16px 30px;
	background-color: #0094a5;
	border: 6px solid #FFF;
	border-radius: 12px;
	font-size: 30px;
	color: #FFF;
	margin: 30px;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
}
a:link.call {
	padding: 16px 30px;
	background-color: #0094a5;
	border: 6px solid #FFF;
	border-radius: 12px;
	color: #FFF;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
}
a:visited.call {
	padding: 16px 30px;
	background-color: #0094a5;
	border: 6px solid #FFF;
	border-radius: 12px;
	color: #FFF;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
}
a:hover.call {
	padding: 16px 30px;
	background-color: #FFF;
	border: 6px solid #0094a5;
	border-radius: 12px;
	color: #0094a5;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
}
a:active.call {
	padding: 16px 30px;
	background-color: #FFF;
	border: 6px solid #0194a6;
	border-radius: 12px;
	color: #0094a5;
	font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
}
.imgmedium {
	width: 100%;
	max-width: 400px!important;
	height: auto;
}
.imgmedium2 {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.imgbig {
    max-height: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.imgbig2 {
	max-width: 65%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.inner-frame .funzionalita-box {
	background-color: #FFF;
}
/*.site {
	max-width: 100%!important; */
}
nav {
	max-width: 100%!important;
	position: initial!important;
}
ul {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 25px!important;
	width: 25%;
	margin-bottom: 20px;
}
li {
	margin-bottom: 10px;
}
#gerp-head {
	padding-bottom: 0!important;
}

.scopri {
	font-size: 18px;
	margin-top: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.frame-dark .scopri a:link,a:visited {
	color: #FFF;
}
.frame-dark .scopri a:hover,a:active {
	color: #62e6f5;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}
.frame-light .settore-box2 p {
	border-left: none!important;
	padding-left: 0!important;
	font-weight: normal!important;
}
.frame-light .block4 {
	background-color: transparent!important;
	padding: 0!important;
	margin: 0!important;
}
.frame-light .settore-box2 {
	background-color: #FFF;
	min-height: 380px;
}
.frame-light .settore-box2 a:link {
	color: #0094a5;

}
.frame-light .settore-box2 a:visited {
	color: #0094a5;

}
.frame-light .settore-box2 a:hover {
	color: #b7d3d9;

}
.frame-light .settore-box2 a:actives {
	color: #b7d3d9;

}
.frame-light a {
	color: #0094a5;
	text-decoration: underline;
}
.head-funzionalita {
    width: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	/* display: inline-block;
	vertical-align: middle; */
}
.icona-funzionalita {
	width: 120px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
	height: auto;
	filter:  saturate(0%)  brightness(300%) contrast(100%);
	display: inline-block;
}
.titolo-funzionalita {
    font-family: 'barlowmedium', Arial, Helvetica, sans-serif;
    font-size: 50px!important;
    border: 0!important;
    margin-left: 20px;
    padding-top: 20px;
	display: inline-block;
}
.brochure .fixheight p {
	border-left: none!important;
	padding-left: 0!important;
	width: 100%!important;
}
.brochure .fixheight div {
	min-height: 170px!important;
}
.brochure .numeri {
	margin: 0!important;
}
.brochure .titolodash {
	font-size: 30px;
	font-weight: bold;
	margin-top: -10px!important;
	margin-bottom: 20px;
	color: #98bec5;
}
@media (max-width: 1080px) {
    .footer-left p {
        font-size: 13px!important;
    }
    .head-funzionalita {
        width: 80%!important;
    }
    .icona-funzionalita {
        width: 80px!important;
    }
    .titolo-funzionalita {
        font-size: 30px!important;
    }

	.inner-frame h2 {
		font-size: 1.5em!important;
	}
	.inner-frame h3 {
		font-size: 1.5em!important;
	}
	.imgmedium {
		max-width: 90%!important;
	}
	.imgmedium2 {
		max-width: 90%!important;
	}
	.pulsante {
		font-size: 30px!important;
	}
	.frame-light {
		height: 60vh!important;
	}
	.frame-dark {
		height: 60vh!important;
	}
	.brochure {
		padding-top: 40px!important;
	}
	img {
		max-width: 100%;
	}
	.testo {
		font-size: 20px!important;
	}
	.payoff {
		font-size: 24px!important;
	}
	p {
		font-size: 24px!important;
	}
	.scopri {
		font-size: 24px!important;
	}
}
@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}

}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}

}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}





/* NUOVA SLIDE 2024 */

.imgbig {
	max-height: 300px;
	
}



.frame-visual {
	width: 100%;
	height: auto;
	text-align: right;
	margin-top: -400px;
}
.frame-visual img {
	height: 400px;
	width: auto;
}


.frame-1 {
	margin-top: 30px;
	width: 70%;
	padding: 4%;
	margin-bottom: 100px;
}
.frame-1 h1 {
	font-size: 24px!important;
	color: #FFF!important;
	text-transform: uppercase;
	margin-left: 0;
	padding-left: 0!important;
	display: flex;
}
.frame-1 h2 {
	font-size: 45px;
	display: flex;
	margin-bottom: 40px;
}
.frame-1 h3 {
	font-size: 20px;
	display: flex;
}
.frame-dark2 {
	background: rgb(0,95,105);
	background: linear-gradient(90deg, rgba(0,95,105,1) 0%, rgba(0,134,149,1) 35%, rgba(0,148,165,1) 100%);
	width: 100%;
	margin: 0;
	color: #FFF;
	text-align: left;
	display: table;
}
.frame-dark2 .icona-cornice {
	height: 300px;
	float: left;
	margin-right: 60px;
	display: flex;
}
.frame-dark2 .icona-funzionalita {
	width: 70px;
	height: auto;

}
.frame-riquadro {
	background-color: transparent;
	border: 6px solid #b7d3d9;
	border-radius: 20px;
	padding: 5% 20%;
	text-align: left;
}
.frame-riquadro h2 {
	font-size: 30px!important;
	line-height: 40px!important;
	padding: 0!important;
}
.frame-riquadro p {
	border: 0!important;
	padding: 0!important;
	font-size: 20px!important;
	line-height: 30px!important;
	width: 100%!important;
}
.frame-icone {
	margin-top: 100px;
	margin-bottom: 100px;
}
.frame-icone strong {
	font-size: 22px!important;
	color: #666;
}
.frame-icone p {
	font-size: 16px!important;
	color: #666;
}
.frame-icone img {
	display: block;
	float: none!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.icona-riquadro {
	float: left;
	margin-right: 30px;
	width: 120px;
	height: auto;
}
.frame-programma {
	text-align: left; important;
}
.frame-programma h2 {
	font-size: 34px!important;
	margin-top: 0!important;
	margin-bottom: 14px!important;
	padding-top: 0!important;
}
.frame-programma ul {
	margin-left: 40px;
	padding: 0!important;
}
.frame-programma li {
	margin-bottom: 20px;
	color: #666;
}
.frame-programma img {
	width: 100%;
	height: auto;
}
.frame-duefoto {
	background-color: #ecf7f9;
	box-sizing: border-box;
	padding-bottom: 30px;
	text-align: left!important;
	min-height: 500px;
}
.frame-duefoto img {
	width: 100%;
	height: auto;
	margin-bottom: 30px!important;
}
.frame-duefoto p {
	color: #666;
	border: 0!important;
	margin: 0!important;
	font-size: 18px!important;
	width: 100%!important;
	padding-top: 30px;
	padding-left: 0!important;
}
.frame-duefoto strong {
	font-size: 24px!important;
	color: #0094a6!important;
}
.frame-duefoto-testo {
	padding-left: 30px;
	padding-right: 30px;
}
.frame-trusted p {
	margin: 0!important;
	font-size: 16px!important;
	width: 100%!important;
	text-align: left;
	padding-bottom: 12px;
}
.spiegazione {
	width: 100%!important;
	display: block;
}
.spiegazione a:link {
	border-bottom: 2px solid #41a4b7;
}
.spiegazione a:visited {
	border-bottom: 2px solid #41a4b7;
}
.spiegazione a:hover {
	border-bottom: 2px solid #41a4b7;
	color: #41a4b7;
}
.spiegazione a:active {
	border-bottom: 2px solid #41a4b7;
}
@media (max-width: 1080px) {
	.frame-visual {
		display: none;
	}

	.frame-1 {
		margin-top: 30px;
		width: 100%!important;
		padding: 4%;
		margin-bottom: 40px;
	}
	.frame-1 h1 {
		font-size: 20px!important;
		color: #FFF!important;
		text-transform: uppercase;
		margin-left: 0;
		padding-left: 0!important;
		display: flex;
	}
	.frame-1 h2 {
		font-size: 35px;
		margin-bottom: 20px;
	}
	.frame-1 h3 {
		font-size: 16px!important;
		line-height: auto;
	}
	.frame-programma img {
		margin-bottom: 30px;
	}
	.frame-1 h3 {
		font-size: 24px !important;
	}
	.frame-icone strong {
		font-size: 24px !important;
	}
	.frame-icone p {
		font-size: 22px !important;
	}
	.frame-programma li {
		font-size: 22px !important;
	}
	.frame-duefoto p {
		font-size: 24px !important;
	}
	.brochure h1 {
		font-size: 30px!important;
		padding-top: 60px;
	}
	.block4 div {
		padding-left: 24px;
		padding-right: 24px;
	}
	.percorsi {
		top: 110px;
		color: #65cfe3!important;
	}
	.percorsi a {
		color: #65cfe3!important;
	}
	.logo {
		width: 150px!important;
		display: inline-block!important;
		margin-bottom: 30px;
		height: auto!important;
		text-align: center!important;
		margin-top: 20px;
	}
	footer p {
		font-size: 14px!important;
	}
}

.logo {
	width: 13%;
	display: inline-block!important;
	margin-bottom: 30px;
	height: auto!important;
	text-align: center!important;
}
.call {
	margin-top: -20px;
	font-size: 24px!important;
}
footer {
	position: fixed;
	width: 100%;
	background-color: #000;
	opacity: 30%;
	bottom: 0;
	z-index: 40;
	color: #FFF;
	font-style: italic;
	font-size: 12px;
}