@charset "utf-8";

:root {
    --c1: #fff;
    --c2: #000;
    --c3: #98999b;
    --c4: #43b02a;/**cont Cep*/
    --c5: #e87722;/**cont Bilancio*/
    --c6: #213666;/**sof Babylon*/
    --c7: #2b70b7;/* pat Mob/Immob*/
    --c8: #00c2de;/* Patrimonio utenze*/
    --c9: #c5299b;/* pat Locazioni*/
    --c10: #f4f5f5;
	--c11: #ed9c34;/*arancio default*/
	--c12:#545859;
	--c13:#8c5027;/* pat Geo Analytics*/
	--c14:#e2e2e2;/* testi su sfondo c15*/
	--c15:#101921;
	--c16:#98c21e; /*servizi complementari*/
    --c17: #fdc62c;/* Magazzino*/
	--a2:#fffef6;
    --f1: 'Montserrat', sans-serif;
    --f2: 'OpenDyslexic';
} 

a:active, a:hover {outline: 0;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}img {vertical-align: middle;}hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}@media (min-width: 768px) {.container,.no-template main>.container-fluid,.default main>.container-fluid {width: 750px;}}@media (min-width: 992px) {.container,.no-template main>.container-fluid,.default main>.container-fluid {width: 970px;}}@media (min-width: 1200px) {.container,.no-template main>.container-fluid,.default main>.container-fluid {width: 1170px;}}.container{padding-right: 25px;padding-left: 25px;}.container-fluid,.no-template main>.container-fluid,.default main>.container-fluid {padding-right: 0px;padding-left: 0px;}.container, .container-fluid,.no-template main>.container-fluid,.default main>.container-fluid {margin-right: auto;margin-left: auto;position: relative;}.row {margin-right: -15px;margin-left: -15px;}.row [class^="col-"] {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.row [class*="col-sm"] {float: left;}.col-xs-12 {width: 100%;}.col-xs-11 {width: 91.66666667%;}.col-xs-10 {width: 83.33333333%;}.col-xs-9 {width: 75%;}.col-xs-8 {width: 66.66666667%;}.col-xs-7 {width: 58.33333333%;}.col-xs-6 {width: 50%;}.col-xs-5 {width: 41.66666667%;}.col-xs-4 {width: 33.33333333%;}.col-xs-3 {width: 25%;}.col-xs-2 {width: 16.66666667%;}.col-xs-1 {width: 8.33333333%;}@media (min-width: 768px) {.row [class*="col-sm"]{float: left;}.col-sm-12 {width: 100%;}.col-sm-11 {width: 91.66666667%;}.col-sm-10 {width: 83.33333333%;}.col-sm-9 {width: 75%;}.col-sm-8 {width: 66.66666667%;}.col-sm-7 {width: 58.33333333%;}.col-sm-6 {width: 50%;}.col-sm-5 {width: 41.66666667%;}.col-sm-4 {width: 33.33333333%;}.col-sm-3 {width: 25%;}.col-sm-2 {width: 16.66666667%;}.col-sm-1 {width: 8.33333333%;}.col-sm-offset-12 {margin-left: 100%;}.col-sm-offset-11 {margin-left: 91.66666667%;}.col-sm-offset-10 {margin-left: 83.33333333%;}.col-sm-offset-9 {margin-left: 75%;}.col-sm-offset-8 {margin-left: 66.66666667%;}.col-sm-offset-7 {margin-left: 58.33333333%;}.col-sm-offset-6 {margin-left: 50%;}.col-sm-offset-5 {margin-left: 41.66666667%;}.col-sm-offset-4 {margin-left: 33.33333333%;}.col-sm-offset-3 {margin-left: 25%;}.col-sm-offset-2 {margin-left: 16.66666667%;}.col-sm-offset-1 {margin-left: 8.33333333%;}.col-sm-offset-0 {margin-left: 0;}}@media (min-width: 992px) {.row [class*="col-md"] {float: left;}.col-md-12 {width: 100%;}.col-md-11 {width: 91.66666667%;}.col-md-10 {width: 83.33333333%;}.col-md-9 {width: 75%;}.col-md-8 {width: 66.66666667%;}.col-md-7 {width: 58.33333333%;}.col-md-6 {width: 50%;}.col-md-5 {width: 41.66666667%;}.col-md-4 {width: 33.33333333%;}.col-md-3 {width: 25%;}.col-md-2 {width: 16.66666667%;}.col-md-1 {width: 8.33333333%;}.col-md-offset-12 {margin-left: 100%;}.col-md-offset-11 {margin-left: 91.66666667%;}.col-md-offset-10 {margin-left: 83.33333333%;}.col-md-offset-9 {margin-left: 75%;}.col-md-offset-8 {margin-left: 66.66666667%;}.col-md-offset-7 {margin-left: 58.33333333%;}.col-md-offset-6 {margin-left: 50%;}.col-md-offset-5 {margin-left: 41.66666667%;}.col-md-offset-4 {margin-left: 33.33333333%;}.col-md-offset-3 {margin-left: 25%;}.col-md-offset-2 {margin-left: 16.66666667%;}.col-md-offset-1 {margin-left: 8.33333333%;}.col-md-offset-0 {margin-left: 0;}}@media (min-width: 1200px) {.row [class*="col-lg"] {float: left;}.col-lg-12 {width: 100%;}.col-lg-11 {width: 91.66666667%;}.col-lg-10 {width: 83.33333333%;}.col-lg-9 {width: 75%;}.col-lg-8 {width: 66.66666667%;}.col-lg-7 {width: 58.33333333%;}.col-lg-6 {width: 50%;}.col-lg-5 {width: 41.66666667%;}.col-lg-4 {width: 33.33333333%;}.col-lg-3 {width: 25%;}.col-lg-2 {width: 16.66666667%;}.col-lg-1 {width: 8.33333333%;}.col-lg-offset-12 {margin-left: 100%;}.col-lg-offset-11 {margin-left: 91.66666667%;}.col-lg-offset-10 {margin-left: 83.33333333%;}.col-lg-offset-9 {margin-left: 75%;}.col-lg-offset-8 {margin-left: 66.66666667%;}.col-lg-offset-7 {margin-left: 58.33333333%;}.col-lg-offset-6 {margin-left: 50%;}.col-lg-offset-5 {margin-left: 41.66666667%;}.col-lg-offset-4 {margin-left: 33.33333333%;}.col-lg-offset-3 {margin-left: 25%;}.col-lg-offset-2 {margin-left: 16.66666667%;}.col-lg-offset-1 {margin-left: 8.33333333%;}.col-lg-offset-0 {margin-left: 0;}}fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}legend {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 1.2em;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;}label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 600;}input[type="search"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;appearance: none;}input[type="checkbox"], input[type="radio"] {margin: 4px 0 0;line-height: normal;}input[type="file"] {display: block;}input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}.checkbox, .radio {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}.checkbox label, .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}.fade {opacity: 0;-webkit-transition: opacity 0.15s linear;-o-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}.fade.in {opacity: 1;}.clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {display: table;content: " ";}.clearfix:after, .container-fluid:after, .container:after, .nav:after, .row:after {clear: both;}@-ms-viewport {width: device-width;}@media (max-width: 767px) {.hidden-xs {display: none !important;}}@media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}}@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}}@media (min-width: 1200px) {.hidden-lg {display: none !important;}}

.clear{clear:both!important;width:100%!important;float:none!important;background:none!important;padding:0!important;height:0!important;min-height:0!important;line-height:0!important;margin:0!important;border:0!important}
*{border: 0; padding: 0; margin: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%;}
.camo-bmark body {margin-top: 45px;}
body,html{height: 100%;scroll-behavior: smooth;}
body {background:#fff; font-family: var(--f1);color:var(--c2);font-weight:300;  -moz-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s; -ms-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s; -o-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s;  transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s;position: relative; font-size:110%;line-height:130%; }
.block{display:block;position: relative}
body > header{position: relative; width: 100%;z-index:10;opacity: 1;-webkit-transition: 1s ease;-moz-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;}
#intestazione{position: relative; z-index:2;min-height:110px}
html {overflow-x: hidden;height:100%;min-height: 100%;display: table;width: 100%;}
main{display: block;min-height:400px;padding:0;margin-top:120px;position: relative;z-index:2}
mark,mark.title{background:transparent; color:var(--c3); padding:0;	text-transform:none;font-weight:800;display: block}
img {border-style: none;max-width:100%;height:auto;}
iframe,	div.external-blocker{margin-top: 20px; width:100%;margin-bottom: 20px}
b, strong{font-weight:600;}
h1,h1.title{color:var(--c3);font-weight:800; font-size:1.8em;line-height: 1.2em;display: block;margin-bottom: 10px;position: relative}
.title,h2{color:var(--c2);font-weight:800;line-height:1em;font-size:1.2em}
.abstract{display:block;}
.theme{font-family:var(--f1);}
.column-1{position: relative;overflow: hidden}
p{text-align: left;margin-top: 15px;margin-bottom: 15px;}
main a,main a:visited{color:var(--c11); text-decoration: none}
main a:hover{color:var(--c3); text-decoration: none}
main .title a,main .title a:visited,main .title a:hover{color:var(--c2)}
/**intestazione*/
#intestazione:before{display:block;content:"";background: url("../img/background/curva_top.svg") no-repeat center top; position: absolute;z-index:0;width:100%;height:100%;background-size: 560px 105px;}
.i-lm{display: flex;justify-content:space-between;padding-top: 10px;}
.lfix{opacity: 0;-webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;position: absolute;}
.i-mb{display: flex}
.channel-menu {margin-left: 20px;text-transform: uppercase;padding-top: 11px}
.channel-menu ul{list-style-type: none;}
.channel-menu ul .selected{display: none}
.channel-menu ul a,.channel-menu ul a:visited,.channel-menu ul a:hover{color:var(--c2);text-decoration: none;font-weight: 600}
.channel-menu ul a:hover{color:var(--c5);}
/**menu*/
.main-menu {width: 100vw;top: 110px;bottom: 0;-webkit-backface-visibility: hidden;box-sizing: content-box;-webkit-overflow-scrolling: touch;
overflow-y: auto;background: var(--c10);padding-top: 20px;	padding-left: 80px;	position: fixed;right: -100%;z-index: 0;filter: alpha(opacity=0);opacity: 0;-webkit-transition: 1s ease;-moz-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;}
.responsive-nav{cursor: pointer;padding-top: 4px;margin-left:20px;}
.responsive-nav span{margin: 10px auto;}
.responsive-nav span, .responsive-nav::after, .responsive-nav::before {width:60px;	background: var(--c2);	display: block;	border: 1px solid var(--c2);height: 3px;transition: all .2s ease-in-out;content: '';cursor:pointer;}
main ul{list-style-type: none;}
main ul li{padding-left:25px;position: relative;margin-bottom:8px;}
main ul li::before {display: block;content: "";width:12px;height: 12px;position: absolute; background-size: cover;left:7px;top:5px;}
main ol li{margin-left: 35px;} 
main ul ol li{margin-left: 0px;} 
ol{counter-reset: item;list-style-type: none;}
ol>li {counter-increment: list;position: relative;margin-bottom:8px;}
ol>li:before {content: counter(list) ".";font-weight:600;font-size:0.9em;position: absolute;left: -2.5em;width: 2em;text-align: right;}
ol.abc{counter-reset: alpha;}
.abc>li{counter-increment: alpha;}
.abc>li:before{content: counter(alpha, lower-alpha) ".";}
.skiplink {
	position: absolute;
	top: -32768px;
	left: -32768px;
	background-color: #000000;
	color: #FFFFFF !important;
	text-align: center;
	text-decoration: none !important;
	padding: 10px;
	display: none;
}
.skiplink:focus {
	display: block;
	left: 250px;
	top:5px;
	width: auto;
	height: auto;
	overflow: auto;
	margin: 0 15px;
	padding: 5px 10px;
	outline: 2px solid #fff;
	background: #000;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	z-index: 999;
}
#breadcrumbs{display:none;}
#breadcrumbs{position: relative;z-index:11}

.path-menu{position: absolute; transform-origin: top right;  right:0;  top:-130px;  transform: rotate(90deg) translateX(100%);}
.path-menu .nav li.first{display: none}
.path-menu .nav li{list-style-type: none;display: inline-block; font-size: 0.8em; line-height: 1.2em;font-weight:300;color:var(--c11)}
.path-menu .nav li a,.path-menu .nav li a:visited,.path-menu .nav li a:hover{text-decoration:none; color:var(--c2); padding:0px 25px 0 0 ; position: relative}
.path-menu .nav li a:hover{color:var(--c11)}
.path-menu .nav li a::after{display: block;content: "";width:15px;height: 15px;background: var(--c2);border-radius: 100%;position: absolute;right:5px;top:0}
.path-menu ol li::before{content:""}

/*personalizzazioni*/
.fbig{font-size:1.6em !important;}
.fsmall{font-size:1.2em!important;}
.bggrey,.bgg{background: var(--c10)}
.c4.dettaglio h2,.c4 .tcolor{color:var(--c4)}
.c4 .page h1::before{background: var(--c4)}
.c5.dettaglio h2,.c5 .tcolor{color:var(--c5)}
.c5 .page h1::before{background: var(--c5)}
.c6.dettaglio h2{color:var(--c6)}
.c6 .page h1::before,.c6 .model h1:before{background: var(--c6)}
.c7.dettaglio h2,.c7 .tcolor{color:var(--c7)}
.c7 .page h1::before{background: var(--c7)}
.c8.dettaglio h2{color:var(--c8)}
.c8 .page h1::before{background: var(--c8)}
.c9.dettaglio h2,.c9 .tcolor{color:var(--c9)}
.c9 .page h1::before{background: var(--c9)}
.c13.dettaglio h2,.c13 .tcolor{color:var(--c13)}
.c13 .page h1::before{background: var(--c13)}
.c16.dettaglio h2,.c13 .tcolor{color:var(--c16)}
.c16 .page h1::before{background: var(--c16)}
.c17.dettaglio h2,.c17 .tcolor{color:var(--c17)}
.c17 .page h1::before{background: var(--c17)}

.c4 main a, .c4 main a:visited{color:var(--c4); text-decoration: none}
.c5 main a, .c5 main a:visited{color:var(--c5); text-decoration: none}
.c6 main a, .c6 main a:visited{color:var(--c6); text-decoration: none}
.c7 main a, .c7 main a:visited{color:var(--c7); text-decoration: none}
.c8 main a, .c8 main a:visited{color:var(--c8); text-decoration: none}
.c9 main a, .c9 main a:visited{color:var(--c9); text-decoration: none}
.c13 main a, .c13 main a:visited{color:var(--c13); text-decoration: none}
.c16 main a, .c16 main a:visited{color:var(--c16); text-decoration: none}
.c17 main a, .c17 main a:visited{color:var(--c17); text-decoration: none}
.c4 main a:hover, .c5 main a:hover, .c6 main a:hover, .c7 main a:hover,.c8 main a:hover,.c9 main a:hover,.c13 main a:hover,.c16 main a:hover,.c17 main a:hover{color:var(--c12)}

.big,.g5-1h .title{font-size:130%;line-height:normal}
.com2 .big,.cosa .big{font-size:105%;line-height:normal }
strong.big{font-weight:800;display: block;margin-bottom: 15px}

.small{font-size:80%;}
.acapo{display: block !important}
.txtcenter,.txtcenter p{text-align: center;display: block}
.txtright,.txtright p{text-align: right}



.button a,.button a:visited,.button a:hover,a.button,a.button:visited,a.button:hover,.button,.next{white-space: nowrap;vertical-align: middle;	-ms-touch-action: manipulation;	touch-action: manipulation; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	text-decoration: none;color:var(--c1);border:0px solid var(--c2);cursor:pointer;font-size:0.9em;line-height:0.8em;padding:14px 15px; border-radius: 30px; text-transform: uppercase;text-align: center;position: relative;z-index:0}
.button,.next{display: inline-block;clear:both; background: var(--c2); position: relative;z-index: 20;min-width:130px;text-align:center; color:var(--c1);font-family: var(--f1)}
.button.reverse{background: var(--c11);}
.g5c a.button,.recensioni a.button{border:2px solid var(--c2);}
.g5c a.button:hover,.recensioni a.button:hover{border:2px solid var(--c2);color:var(--c2) }

.button::after,.next:after{position: absolute;bottom: 0;left: 50%;right: 0%;	margin: 0;	width: 0%;	content: '.';color: transparent;background: var(--c11);height: 100%;z-index: -1;transition: all .5s;border-radius: 30px;}
.button.reverse::after{background: var(--c2)}
.button:hover:after,.next:hover:after{width: 100%;left:0}
.button:hover,.next:hover, .button:hover a,main a.button:hover{color:var(--c1)}
/**template**/

/***/

div[id^="map_"] {width: 100%;height: 400px;	display: block;	margin-bottom: 20px;}
/***form***/

input[type="search"]::-webkit-input-placeholder {opacity:1 !important;}
input[type="search"]:-moz-placeholder { /* Firefox 18- */opacity:1 !important;}
input[type="search"]::-moz-placeholder {  /* Firefox 19+ */	opacity:1 !important;}
input[type="search"]:-ms-input-placeholder {  opacity:1 !important;}
.input-error input[type="date"],.input-error input[type="tel"],.input-error input[type="password"],.input-error input[type="search"],.input-error input[type="text"],.input-error input[type="email"],.input-error input[type="number"],.input-error textarea, .input-error select{border:1px solid red;}
label {font-weight: 300;}
.contatti .page>.first{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
.contatti .first .block{margin-bottom:30px;}
.contatti .module{background: var(--c10);padding: 30px 20px;border-radius: 50px;opacity:0}
.contatti .module.request-sent{opacity: 1;transition: 2s all ease;}
.module .title{margin-bottom: 10px;margin-left:3%;display: block;color:var(--c2);font-weight:800!important;line-height:1em!important;font-size:1.2em!important}
.required label:after{content:"*"; color:var(--c11); display: inline-block; padding-left: 5px ;font-weight:600}
.input-field input[type="date"],.input-field input[type="tel"],.input-field input[type="password"],.input-field input[type="search"],.input-field input[type="text"],.input-field input[type="email"],.input-field input[type="number"],.input-field input[type="file"],.input-field textarea, .input-field select,.paragraf-policy{font-size:0.9em; color:var(--c3);width:100%;padding:6px 12px;border:1px solid #ccc;background:var(--c1);font-weight: 300;min-height:44px; max-width:none;margin-bottom:5px;}
textarea{font-family:var(--f1)}
.input-error input[type="date"],.input-error input[type="tel"],.input-error input[type="password"],.input-error input[type="search"],.input-error input[type="text"],.input-error input[type="email"],.input-error input[type="number"],.input-error input[type="file"],.input-error textarea, .input-error select{border: 1px solid var(--c11)}
.input-field select{padding-top:9px;}
input:focus-visible,textarea:focus-visible {
  outline: 1px solid var(--c3);
}
input[type="search"]:focus-visible {
  border: 1px solid var(--c3);
  outline:0;
}
#request-info .input-field input[type="text"], #request-info .input-field input[type="email"], #request-info .input-field textarea{background:#fff;}
input[type="checkbox"]{position: absolute;margin-top: 6px}
.check-block label{padding-left: 30px; display: inline-block;font-weight:300}
.check-block label a,.check-block label a:visited{color:var(--c3);text-decoration: underline}
.check-block label a:hover{color:var(--c11)!important}
.paragraf-policy{background:#fff;margin-top:8px;margin-bottom:10px;font-size:14px;line-height:18px;padding:5px 15px;height:90px;overflow:auto;border:1px solid #ccc;width:100%;}
.input-field textarea{height:90px;overflow:auto;}
.input-radio>label{font-weight: 600}
.radio-block label{padding-left: 8px;display: inline-block;font-weight:400}
.paragraf-policy .title{font-size:16px;line-height:18px;}
.paragraf-policy p{padding-bottom:0!important;margin:4px 0;}
.input-field{width:96%;margin-top: 10px;}
.input-field.textarea{width:96%}
.input-field.input-checkbox{width:96%}
.form-buttons{width:96%;}
.contatti .form-buttons .next{width:95%;margin-left:5%;}
.contatti .check-block label{font-size:0.9em;line-height: 1.2em;margin-bottom: 10px}
/**table**/
.plain-table,.vertical-table,.vertical-table-files,section.module{margin-bottom: 30px;}
.plain-table,table,th,td{position: relative;text-align: left}
th.center,td.center{text-align: center}
th.right,td.right{text-align: right}
tr.odd{background: var(--c10)}
tr.even{background: var(--c1)}
td,th{padding:6px 4px;}
th{font-weight:600}
.vertical-table-files th,.vertical-table-files td{padding:6px 10px;}

form,.gallery ul{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
footer form{justify-content: flex-start}
.col2 .content{display: flex; flex-wrap: wrap; justify-content:space-between;}
.page-menu{display: none}
.content-archive,.servizi .page-menu{display: flex;justify-content:space-evenly;flex-wrap:wrap}
.page-menu{padding:40px 20px 20px;}
.page-menu>div{position: relative; width:90%;margin-bottom: 50px; padding:30px 20px 30px; border:1px solid var(--c10);border-radius: 70px; text-align: center;-webkit-box-shadow: 0px 0px 17px 0px rgba(152,153,155,0.2); box-shadow: 0px 0px 17px 0px rgba(152,153,155,0.2);  -webkit-transition: 1s ease-out;  -moz-transition: 1s ease-out;  -o-transition: 1s ease-out;  transition:all 1s ease-out;background: var(--c1)}
.page-menu .title{font-size: 1.4em;line-height: 1.2em;padding-top: 10px;display: block}
.page-menu .title span{display: block;color:var(--c2)!important}
.page-menu > div:after{display: block;content: "";width: 30px;height: 30px;border-radius: 100%;background: var(--c11);position: absolute;bottom:70%;left:-20px;transition: all 1s ease-out;}
.page-menu > div:nth-of-type(2):after{bottom:20%;left:auto;right:-20px;}
.page-menu > div:nth-of-type(3):after{bottom:75%;left:auto;right:-20px}
.page-menu > div.c4:after{background: var(--c4)}
.page-menu > div.c5:after{background: var(--c5)}
.page-menu > div.c6:after{background: var(--c7)}
.page-menu > div.c8:after{background: var(--c8)}
.page-menu > div.c7:after{background: var(--c7)}
.page-menu > div.c9:after{background: var(--c9)}
.page-menu > div.c13:after{background: var(--c13)}
.page-menu > div.c16:after{background: var(--c16)}
.page-menu > div.c17:after{background: var(--c17)}
.page-menu > div:hover{background: var(--c10);}

.page-menu > div:hover:after{transform:translateY(450%)}
.page-menu > div:nth-of-type(2):hover:after{transform:translateY(-450%)}
.page-menu .abstract{display: block; margin-top: 10px; }
.page-menu img{max-width: 125px;}



article.page,section.archive,nav.page-menu,.not-found section.page,.no-template section.page,.no-template section.archive, .mappasito .site-map,.servizi section.page,.scheda section.page>.first,.formazione section.page>.first, .chi section.page>.first, .dettaglio section.page>.first, section.download, section.download, .scheda section.page>section.bg >.block,.group>div,.b24-form{ margin-right: auto;margin-left: auto}
.contatti section.page>.first,.scheda section.page>.first{padding-right: 25px;}
section.page>section >.block,section.download>div{padding-left: 30px;padding-right: 30px;}
section.page>section >.block,section.download>div{padding-left: 30px;padding-right: 30px;}
.dettaglio #c1>div{padding-left: 30px;}
.dettaglio .tre{padding-left: 30px;padding-right:30px }
/**archivio e ricerca**/
.archive .theme{font-weight:600;display: block;padding-bottom:5px;color:var(--c11)}
.archive article .content{display: grid; grid-template-areas:"art-t art-t" "art-m art-h";  justify-content: start;}
article .content .media img{width: 200px;height: auto}
article .content .media{grid-area: art-m;padding-right: 10px;padding-bottom: 10px;max-width:200px}
article .theme{grid-area: art-t}
article header{grid-area: art-h}
article {min-height:170px;padding-bottom: 20px;width:100%}
section.archive article:after{content: "";width:170px;height: 3px; background: var(--c10);display: block}
/*Pagina Servizi elenco*/
.servizi section.page > .first { width: 100%;  margin: auto}
section.page,section.archive,.model #c1{padding-top: 20px;}
.page h1:before,.model h1:before,.archive h1:before,.software #c5 .title:before,.software #c5 .title:after{display: block;content:"";width:18px;height: 18px;border-radius: 100%;position: absolute;top:12px;}
.page h1:before,.archive h1:before{background: var(--c11);left:-25px;}
.model h1:before,.software #c5 .title:before,.software #c5 .title:after{left: 0}
.model h1,.software #c5 .title{padding-left: 25px;}
/**servizi complementari**/
.compt2{text-align: center}
.com2 p{margin-bottom: 0}
.com2 .big{font-size:110%;}
.com2{width:270px; margin:0 auto 25px; border-radius:80px; border:1px solid var(--c16); padding: 15px 20px; text-align: center;  -webkit-box-shadow: 0px 0px 10px 5px #f4f5f5; box-shadow: 0px 0px 10px 5px #f4f5f5; overflow: hidden;position: relative}

.com2 .cont p{text-align: center}
.com2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
border-radius:80px;	
  background: linear-gradient(90deg, var(--c16) 0%, var(--c1) 80%);
  transform: scaleX(0); /* Nascondi il gradiente inizialmente */
  transform-origin: left;
  transition: transform 0.3s ease; /* Transizione fluida */
  z-index: -1; /* Posiziona dietro il testo */
}
.com2:hover::before {
  transform: scaleX(1); /* Espandi il gradiente sull'hover */
}
.com2:hover a{opacity:1}
.com2 .big{margin-bottom:5px;}
.com2 .cont p{margin-top:0px;}
.servizi-compl .first .abstract{margin-bottom: 30px;}
.servizi-compl .tre{margin-top: 40px;}
.servizi-compl .blk{padding-top:50px;padding-bottom:30px}
.servizi-compl .blk .title{margin-bottom: 10px;}
.formazione .bg,.chi .bg{margin-top: 40px;padding-top: 40px;padding-bottom: 40px;}
.formazione .bg .abstract{text-align: center;padding-bottom: 20px;}
.media>a{display:block}
/**pagina contatti*/
.contatti section.page {display: flex;flex-wrap: wrap;justify-content: space-evenly;padding-bottom:40px;}
.contatti section.page>.first {width:100%;}
.contatti section.page>section p{text-align: center}
.contatti section.page>section .title{margin-top: 10px;margin-bottom: 5px;display: block;font-size:1.3em}
.dettaglio .d1 .abstract{margin-bottom: 20px;}
.dettaglio .d1 .abstract{margin-bottom: 30px;}
.dettaglio .d1 img{max-width: 270px}
.dettaglio .d1 .image{display: block; width:100%;text-align: center;margin-bottom: 40px;}
.dettaglio .due{position: relative;padding-bottom:50px;}
.dettaglio .due:before{content:"";width:100%;height: 100%;position: absolute;border-radius:89% 39% 10% 10% / 36% 37% 0% 0%;z-index:-1  }
.bg-icon{padding-top: 10px;}
.bg-icon .image{display: block;text-align: center}
.bg-icon img{display: block;max-width: 270px;margin:auto}
.c4 .dettaglio .due:before{background: var(--c4)}
.c5 .dettaglio .due:before{background: var(--c5)}
.c7 .dettaglio .due:before{background: var(--c7)}
.c9 .dettaglio .due:before{background: var(--c9)}
.c13 .dettaglio .due:before{background: var(--c13)}


/***homepage**/
.venere{display: none}
.homepage body {
    height: 100%;
	width:100%;
	background: linear-gradient(to bottom, var(--c15) 90%, var(--c1) 60%);
	background-repeat:  no-repeat; background-size: 100% 43%;
}
.homepage .openMenu #header{background: var(--c10)}
/*.homepage .venere:hover:before{filter: hue-rotate(3rad);}*/
.homepage .overlay-active .g1,.homepage .openMenu .g1{background: var(--c15)}
.g1{background:url(../img/background/boccioni-home.svg) var(--c15) center -58px no-repeat;background-size:85%}
.g1c .block{padding-left:10px;}
.group{position: relative;z-index: 1;}

.g1-1h .title:before{top:14px}
.g1c{display: flex;justify-content: flex-end;padding-right: 2%}
.g1c .block{width:100%;position: relative;right:0;padding-top: 8%;padding-bottom: 2%;}

/*
.group  header{grid-area: h;}
.group .abstract{grid-area: a;}
.group .media{grid-area: m;}
.group .text{grid-area: tx;z-index:3}
.group .theme{grid-area: th;}
.g1-1{display: grid;}*/

/******************************/
/***template***/
/**youtube***/
div.external-blocker{border:1px solid var(--c3);background: var(--c10);padding:30px;text-align: center}
div.external-blocker .txt-item{margin: 15px auto}

@media (min-width: 320px) {
	.openMenu #intestazione::before{background: var(--c10)}
	.i-contb span{display: none}
	.i-contb .button,.i-contb .button:hover{min-width: auto;height: auto;padding:10px;border-radius:100%}
	.i-contb i {background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23ed9329' class='st0' d='M485.7 85.3H26.3C11.8 85.3 0 97.1 0 111.6v288.8c0 14.4 11.8 26.3 26.3 26.3h459.5c14.4 0 26.3-11.8 26.3-26.3V111.6c-.1-14.5-11.9-26.3-26.4-26.3zm-9.8 19.7L271.1 258.6c-3.7 2.8-9.3 4.6-15.1 4.5-5.8 0-11.4-1.7-15.1-4.5L36.1 105h439.8zM366.5 268.8l111.6 137.8.4.4h-445c.1-.1.3-.2.4-.4l111.6-137.8c3.4-4.2 2.8-10.4-1.5-13.9-4.2-3.4-10.4-2.8-13.8 1.5L19.7 392.9V117.3l209.4 157c7.9 5.9 17.4 8.4 26.9 8.5 9.5 0 19-2.6 26.9-8.5l209.4-157v275.5L381.8 256.4c-3.4-4.2-9.6-4.9-13.8-1.5-4.3 3.4-4.9 9.6-1.5 13.9z'/%3E%3C/svg%3E");background-size: cover;width: 25px;height: 25px;display: inline-block;}
	.i-contb .button:hover i{background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23ffffff' class='st0' d='M485.7 85.3H26.3C11.8 85.3 0 97.1 0 111.6v288.8c0 14.4 11.8 26.3 26.3 26.3h459.5c14.4 0 26.3-11.8 26.3-26.3V111.6c-.1-14.5-11.9-26.3-26.4-26.3zm-9.8 19.7L271.1 258.6c-3.7 2.8-9.3 4.6-15.1 4.5-5.8 0-11.4-1.7-15.1-4.5L36.1 105h439.8zM366.5 268.8l111.6 137.8.4.4h-445c.1-.1.3-.2.4-.4l111.6-137.8c3.4-4.2 2.8-10.4-1.5-13.9-4.2-3.4-10.4-2.8-13.8 1.5L19.7 392.9V117.3l209.4 157c7.9 5.9 17.4 8.4 26.9 8.5 9.5 0 19-2.6 26.9-8.5l209.4-157v275.5L381.8 256.4c-3.4-4.2-9.6-4.9-13.8-1.5-4.3 3.4-4.9 9.6-1.5 13.9z'/%3E%3C/svg%3E")}
	.page .first .block,.no-template section.archive>.head{padding-left:30px;width:100%}
	.contatti section.page>section{width:80%;text-align: center}
	.scheda .page >.first {padding-bottom: 30px;}
	.sof4 .image,.softd .image{display: block;max-width: 200px;padding-top:20px; padding-bottom: 10px}
	.g1{padding-bottom: 30px}
	.g1-1h .title{color:var(--c14);font-size:1.8em;line-height: 1.1em; position: relative;padding-right: 0}
	.g1c .block {padding-top: 360px;color:var(--c14)}
	.flextext.bgs{margin-top:30px; margin-bottom: 30px; padding:20px 1% 30px;background:url("../img/background/bg_babylon_grande.svg") no-repeat center;background-size:95% 100%; }
	section.page>.first,.dettaglio #c1,section.archive{padding-left: 30px;padding-right:30px }
	.no-template section.page>.first{padding-left: 0; padding-right: 0;margin-bottom: 30px;}
	.no-template section.download{padding: 0}
	.no-template section.page>section .block{margin-bottom: 30px;}
	.chi .first iframe{position: absolute;width: 100%; left:0%;height:170px}
	.chi div.external-blocker{margin-top:-5px;position: absolute;width: 100%; left:0%;height:220px;overflow-y: auto; padding:10px 20px;font-size: 16px;line-height: 20px;}
	.chi div.external-blocker .button{font-size: 13px;}
	.chi .first{padding-bottom: 190px;}
}
@media (min-width: 360px) {
	.chi .first iframe{height:210px}
	.chi div.external-blocker{min-height: 220px}
	.chi .first{padding-bottom: 220px;}
}
@media (min-width: 500px) {
	.g1{background-size:330px 475px}
	.chi .first iframe{height:270px}
	.chi div.external-blocker{margin-top:0;min-height: 270px}	
	.chi .first{padding-bottom: 280px;}
	main{margin-top:105px}
}
@media (min-width: 320px)and (max-width:767px) {
	.logo img{height:60px;width: auto}
	#intestazione{position: fixed;width:100%}
	.responsive-nav{padding-top:10px}
	.software #c2 .image{display: block; margin:auto;width:90%;max-width:450px}
	.soft2 .image{display: block; width:80%;margin:auto;max-width: 270px}
	.homepage .block{padding-left: 20px;padding-right: 15px;}
	.flexblock .media,.flextext .media{width:90%;max-width:500px;margin: auto}

}


@media (min-width: 320px)and (max-width:991px) {  
	.contatti .first .block{width:100%;}

}
@media (min-width: 600px) {
	.homepage .venere:before{content:"";width:420px;height:420px;background-position: left;top:150px}
	.homepage .g1{background-position:-20px 10px}
	.big,.g5-1h .title,.recensioni .big{font-size:180%;line-height:normal}
	.com2 .big,.cosa .big{font-size:120%;line-height:normal }
	.servizi section.page > .first { width: 96%;}
	.i-contb .button,.i-contb .button:hover{min-width: 130px;padding:14px 15px; border-radius: 30px;}
	.i-contb span{display: block}
	.i-contb i{display: none}
	section.page,section.archive{padding-top: 55px;}
	#intestazione{min-height: 160px;}	
	#intestazione:before{background-size: 850px 155px;}	
	.page-menu>div{width:44%;margin-bottom: 40px; }
	.contatti .module{padding: 50px 30px;opacity:0}
	.contatti .module.request-sent{opacity: 1}
	.input-field{width:46%;}
	.input-select,.input-file{width:96%;}
	.input-field.input-checkbox{width:60%}
	.form-buttons{width:36%;margin-top:10px}	
	.contatti .check-block label{margin-bottom:0;}
	.comp2{display: flex;flex-wrap: wrap;justify-content:space-evenly}
	.com2{width:260px;}
	.software .uno {padding-top: 35px;}
	.contatti section.page>.first,.scheda section.page>.first{padding-right: 40px;}
	.g1c {min-height: 500px;}	
	.g1c .block{padding-left:250px;padding-top: 8%;padding-bottom:50px}
	.g1-1h .title{font-size:2em;line-height: 1.1em;}
	.flextext.bgs{margin-top:30px; margin-bottom: 30px; padding:30px 5% 40px;}
	section.page>.first,.dettaglio #c1,section.archive{padding-left: 30px;padding-right:45px }
	.chi .first iframe{position: static; height:320px}
	.chi div.external-blocker{position: static;min-height: 270px}	
	.chi .first{padding-bottom: 0px;}


}
@media (min-width: 700px){.g1c .block{padding-left: 300px}}
@media (min-width: 768px) {
	.homepage .g1 {background-position: -50px -30px;background-size: 400px 576px;}
	#breadcrumbs{display: block}
	.path-menu{top:-80px;}
	main{padding:0}
	.i-mb{padding-top: 15px;}
	.channel-menu {margin-left: 50px;}
	.responsive-nav{cursor: pointer;padding-top: 4px;margin-left:50px;}
	.responsive-nav span{margin: 14px auto;}
	.responsive-nav span, .responsive-nav::after, .responsive-nav::before {width:95px;}
	.button{min-width:190px;}
	.button a,.button a:visited,.button a:hover,a.button,a.button:visited,a.button:hover,.button{padding:14px 20px;font-size:0.9em;line-height:0.9em; }
	#intestazione .button{padding:16px 40px}
	#intestazione{min-height: 200px;}
	#intestazione:before{background-size: 1151px 200px;}
	.camo-column.row, .model .container .row{margin-left:0;margin-right: 0}

	article.page,section.archive ,nav.page-menu,.not-found section.page,.no-template section.page,.no-template section.archive, .mappasito .site-map,.servizi section.page,.scheda section.page>.first,.formazione section.page>.first, .chi section.page>.first, section.download, .scheda section.page>section.bg >.block, .group>div,.b24-form{width: 750px;}
	.servizi section.page >.first, .chi section.page > .first .block, .formazione section.page > .first .block{width:66%;margin: auto;padding-left: 0px;padding-right: 0px;}
	.page-menu > div:after{width: 30px;height: 30px;}
	.contatti section.page{padding-bottom:60px;}
	.scheda .page >.first {padding-bottom: 70px;}
	.soft1{display: grid;  grid-template-areas:"s1-img . s1-tit" "s1-img . s1-txt";grid-template-columns: 40% 3% 57%;}
	.sof1-1{  grid-area: s1-tit;}
	.sof1-2{  grid-area: s1-img; padding-top: 20px}
	.sof1-3{  grid-area: s1-txt;padding-left:30px;}
	.com2{width:31%; margin-bottom: 25px; border-radius:80px; border:1px solid var(--c16); padding: 15px 20px 0px; text-align: center; transition: 2s all ease; -webkit-box-shadow: 0px 0px 10px 5px #f4f5f5; box-shadow: 0px 0px 10px 5px #f4f5f5;align-content: center}
	.com2 .cont a{display: inline-block;width:15px;height: 20px;background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M374.6 310.6l-160 160C208.4 476.9 200.2 480 192 480s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 370.8V64c0-17.69 14.33-31.1 31.1-31.1S224 46.31 224 64v306.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0S387.1 298.1 374.6 310.6z'/%3E%3C/svg%3E") no-repeat center;opacity: 0;transition: 2s all ease; }
	.com2:hover a{opacity: 1}
	.servizi-compl .first .abstract {margin-bottom: 50px;}
	.testa{display: grid;grid-template-areas:"d2 . d1" "d2 . d3";grid-template-columns: 55% 25px 320px;}
	.d1{  grid-area: d1;}
	.d2{  grid-area: d2}
	.d3{  grid-area: d3;}
	.homepage .venere:before{content:"";width:56%;height:800px;top:150px;margin: auto;left:-1%;background-size: contain;-webkit-transition : -webkit-filter 500ms linear}
	.g1c .block{width:52%;padding-top: 3%;padding-bottom: 90px;padding-left:0}
	.g1c{min-height: 550px}
	.group.g2{padding-top:120px;}
	.flexblock .block{display: flex;justify-content: space-between}
	.flexblockrev .block{flex-direction:row-reverse;}	
	.flexblock .media{width:35%;align-self:center}
	.flexblock .content{max-width: 60%;align-self:center;}
	.flextext .media{max-width:350px;margin: 0 0 0 auto;}
	.flextext.bgs{margin-top:50px; margin-bottom: 50px; padding:50px 60px 60px;}
	.chi .first iframe{height:250px}
	.chi div.external-blocker{min-height: 270px}	

}

@media (min-width: 768px)and (max-width:991px) {   
	.software #c5 >div{padding-left: 50px}

}

@media (min-width: 992px) {
	.button a, .button a:visited, .button a:hover, a.button, a.button:visited, a.button:hover, .button{font-size:0.9em;line-height: 0.9em}
	h1,h1.title{font-size:2em;line-height: 1.1em;margin-bottom:20px;}	
    article.page,section.archive ,nav.page-menu,.not-found section.page,.no-template section.page,.no-template section.archive, .mappasito .site-map,.servizi section.page,.scheda section.page>.first,.formazione section.page>.first, .chi section.page>.first, section.download, .scheda section.page>section.bg >.block, .group>div,.b24-form{width: 970px;}
	.servizi section.page > .first, .chi section.page > .first .block, .formazione section.page > .first .block {width: 75%}	
	section.page,section.archive{padding-top: 55px;}
	.page-menu{padding-bottom: 60px;padding-top: 90px}
	.page-menu .title{padding-top: 20px}
	.page-menu > div:after{width: 36px;height: 36px;}
	.contatti .first .block{width: 46%!important}
	.contatti .module{width:48%;padding: 40px 20px;}
	.contatti .check-block label{font-size:0.8em;line-height: 1.1em;}
	.module .title{margin-bottom: 20px;}
	.testa{display: grid;grid-template-areas:"d2 . d1" "d2 . d3";grid-template-columns: 55% 25px 410px;}
	.scheda .page ul{margin-top:30px; margin-bottom: 30px;}
	.software .uno {padding-top: 0px;}
	#c1.sof1-1{ padding-top: 50px}
	.soft1{grid-template-columns: 55% 3% 42%;}	
	.sof1-2{padding-top: 50px}
	.com2{padding-top: 25px;}
	.com2 .big{min-height:49px;}
	.g1c{min-height: 700px}
	.g1c .block{width:42%;}
	.homepage .g1 {background-position: -30px -80px;    background-size: 700px 1000px;}
	.g1-1h .title:before{top:22px}
	.g1-1h .title{font-size:3em;padding-right: 31%}
	.g1-1h .title:before{top:32px}
	.g1c{padding-right: 4%;}
	.g1c .block{width:40%;padding-top: 5%;padding-bottom: 10%;}
	.homepage .venere:before{height:1000px;}
	.flexblockrev .content{padding-right: 8%}
	.flextext.bgs{padding:50px 80px 60px;}
	.chi .first iframe{height:380px}
	.chi div.external-blocker{min-height: 380px;margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding:30px 30px;font-size:110%;line-height: 120%}
	.chi .txt-item,.chi .button-item{display: flex;flex-wrap: wrap;justify-content: center; align-items: center; vertical-align: middle;margin: auto;height: 40px;}
	.chi div.external-blocker .button{font-size:80%;}
}

@media (min-width: 1200px) {
	.homepage body {background-repeat:  no-repeat; background-size: 100% 50%;}	
	.g1c {padding-right: 10%;}
	section.page,section.archive{padding-top: 75px;}
	.i-lm{padding-top: 50px;}
    article.page,section.archive ,nav.page-menu,.not-found section.page,.no-template section.page,.no-template section.archive, .mappasito .site-map,.servizi section.page,.scheda section.page>.first,.formazione section.page>.first, .chi section.page>.first, section.download, .scheda section.page>section.bg >.block, .group>div,.b24-form{width: 1170px;}
	#intestazione{min-height: 280px;}
	#intestazione:before{background-size: 1465px 280px;}
	.page-menu>div{padding:60px 10px 40px;width:26%;}
	.contatti .module{padding: 50px 30px!important;}
	.contatti section.page{padding-bottom: 120px;}
	.com2{padding: 25px 30px 15px;}
	.com2 .cont a{width:20px;height: 25px;}
	.dettaglio .d1,.dettaglio .d3{max-width: 470px;}
	.bg-icon .image{max-width:600px;  margin-right: 0;  margin-left: auto;}
	.testa {grid-template-columns: 55% 25px 42%;}
	.g1-1h .title{max-width:400px;}
	.g1c{min-height: 900px}
	.homepage .g1 {background-position: -80px -150px;	background-size: 870px 1250px;}
	.flextext .content{display: flex;justify-content: space-between}
	.flextext p{width:46%}
	.flextext .media{width:35%;margin: -60px 0 0 auto;}
	.chi .first iframe{height:470px}
	.chi div.external-blocker{padding:10% 40px;min-height: 480px}	

}
@media (min-width: 1400px) {
	.g1c {	min-height: 930px;	}
}
@media (min-width: 1600px) {
	.g1{background:none}
	.g1 >.g1c {	width:1400px; min-height: 930px;	background: url(../img/background/boccioni-home.svg) var(--c15) -70px -80px no-repeat;
	background-size: 800px;padding-right:200px}
}
@media (min-width: 1800px) {
	.g1 >.g1c {	min-height: 960px;background-size:780px 1100px}
	
}

