@charset "utf-8";

:root {
    --c1: #fff;
    --c2: #000;
	--c3: #020818;
    --c4: #e9936e;
    --c5: #004860;
    --c6: #c09e74;
	--c7: #e6e6e6;
	--c8: #505865;
	--c9: #184a60;
	--c10: #143f55;
	--c11:#cdd1d2;
	--c12:#193543;
	--c13:#006e92;
	--c14:#b9a96a;
	--w1:400;
	--w2:700;
	--w3:300;
	--f1: "Inter", sans-serif;
	--f2: 'Engraved',sans-serif;
} 

html {width: 100%;height: 100%;display: table;}body {width: 100%;display: block;}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;}a, a:visited, a:hover {text-decoration: none;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}.container{padding-right: 15px;padding-left:15px;margin-right: auto;margin-left: auto;position: relative;}.no-template main>.container-fluid {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;position: relative;}@media (min-width: 768px) {.container,.no-template main>.container-fluid {width: 100%;}}@media (min-width: 992px) {.container,.no-template main>.container-fluid {width: 100%;}}@media (min-width: 1200px) {.container,.no-template main>.container-fluid {width: 100%;}}@media (min-width: 1400px) {.container,.no-template main>.container-fluid {width: 100%; padding-left: 0;padding-right: 0}}.container-fluid,.no-template main>.container-fluid {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;position: relative;}.row [class*="col-"] {position: relative;min-height: 1px;padding-right: 0px;padding-left: 0px;}.row [class^="col-xs-"] {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%;}.col-xs-offset-12 {margin-left: 100%;}.col-xs-offset-11 {margin-left: 91.66666667%;}.col-xs-offset-10 {margin-left: 83.33333333%;}.col-xs-offset-9 {margin-left: 75%;}.col-xs-offset-8 {margin-left: 66.66666667%;}.col-xs-offset-7 {margin-left: 58.33333333%;}.col-xs-offset-6 {margin-left: 50%;}.col-xs-offset-5 {margin-left: 41.66666667%;}.col-xs-offset-4 {margin-left: 33.33333333%;}.col-xs-offset-3 {margin-left: 25%;}.col-xs-offset-2 {margin-left: 16.66666667%;}.col-xs-offset-1 {margin-left: 8.33333333%;}.col-xs-offset-0 {margin-left: 0;}@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 {widtnh: 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: 21px;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;}}
/***FONT***/


/*******/
.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: 48px;}
html{background:var(--c7);}
body,html{height: 100%;}
body {font-family: var(--f1);color:var(--c3);font-weight:var(--w3);  -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; max-width: 2000px; margin: auto; background: var(--c1);font-size: 18px; line-height: 24px;overflow-x: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html {overflow-x: hidden;} 
main{display: block;min-height:600px;padding:0;position: relative;z-index:2;}
mark,mark.title{background:transparent; padding:0;	font-size:20px;	line-height:26px;text-transform:none;font-weight:var(--w3);display: block}
img {border-style: none;max-width:100%;height:auto;}
iframe{margin-top: 20px; width:100%;margin-bottom: 20px}
b, strong{font-weight:var(--w2);}
h1,h1.title{color:var(--c2);font-weight: var(--w1);font-size: 34px; line-height: 40px;display: block}
.title,h2{color:var(--c3);font-weight: var(--w2);font-size: 31px; line-height: 36px;display: block}
.abstract{ font-size:22px;line-height: 30px; display:block;color: var(--c3);font-weight: var(--w2)}
.theme{font-size:24px;line-height: 30px}
p{margin-top: 15px;margin-bottom: 15px;}
main a,main a:visited,main a:hover{color:var(--c4);text-decoration: none}
main a:hover{color:var(--c2)}
main .back-radial a:hover{color:var(--c1);opacity: 0.8}

/* .main-menu .selected, .nav .selected >a, .nav .selected >a:visited, .nav .selected >a:hover, .nav .selected> a:visited:hover {color: var(--c4)} */
.column-menu{display: none}

/*personalizzazioni*/

.big,.big .title{font-size:140%!important;line-height:normal}
.big .title{font-weight: var(--w3); margin-top: 0!important;padding-top: 0}
.big header{padding-top: 0}
.uppercase{text-transform: uppercase}
.no-mt p,.no-mt{margin-top: 0!important}
.no-mb p,.no-mb{margin-bottom: 0!important}
.no-mtb p,.no-mtb{margin-top: 0!important;margin-bottom: 0!important}
.no-pt{padding-top: 0!important}
.no-pb{padding-bottom: 0!important}
.no-ptb{padding-top: 0!important;padding-bottom: 0!important}
.small{font-size:80%!important;}
.colore,.colore .title,.c4{color:var(--c4)!important;}
.c6 {color: var(--c6)!important}
.back-c1{background: var(--c1)!important;padding-bottom: 0.1px}
.back-c12{background: var(--c12)!important;color:var(--c1);padding-bottom: 0.1px}
.back-c12 .title,.back-radial .title,.back-radial .content{color: var(--c1)!important}
.back-c11{background: var(--c11)!important;}
.back-c11 .title span{color: var(--c9)!important}	
.back-radial{background: radial-gradient(circle at bottom left,var(--c3) 0%,var(--c3) 10%, var(--c5) 100%);padding-bottom: 0.1px}
.back-c3{background: var(--c3)!important;color:var(--c1);padding-bottom: 0.1px}
.back-c3 .title{color: var(--c1)!important}
.back-c3 ul li:before,.back-c12 ul li:before,.back-radial ul li:before{border-top: 2px solid var(--c1);  border-right: 2px solid var(--c1);}
.back-c7{background: var(--c7)!important;padding-bottom: 0.1px}
.colore .title{-webkit-text-fill-color:transparent!important}
.txtcenter,.txtcenter p, .txtcenter .title, .linea, .linea p, .linea .title{text-align: center!important}
.txtright,.txtright p{text-align: right!important}
.txtleft,.txtleft p{text-align: left!important}
.acapo{display: block!important}
#search, .js-table-responsive, .home .tag-set {display: none}
.nospazio {padding: 0!important}
.spaziosotto, .linea  {padding-bottom: 30px}
.timelinewrap {margin-bottom: 30px}
.spaziosopra, .linea  {padding-top: 30px}
.back-radial .download .file span,.back-c3 .download .file span{color:var(--c1)}
.back-radial .download .file:hover span,.back-c3 .download .file:hover span{color:var(--c6)}
.back-radial .title span{color:var(--c6)!important}
.separap .block .wrap-content p{margin-bottom: 20px;}
.mt{margin-top: 20px;}
.mb{margin-bottom: 20px;}
.mtb{margin-top: 20px;margin-bottom: 20px;}
span.mt,span.mb,span.mtb{display: block}

.paddingt{padding-top: 20px !important;}
.paddingb{padding-bottom: 20px !important;}
.paddingtb{padding-top: 20px;padding-bottom: 20px !important;}
.f2 {font-family: var(--f2)}

.nosticky .page .media img {position: inherit}
.linea::before {display: block;content: "";height: 2px;width: 50%;background-color: var(--c3);margin: 20px auto;}
.linea::after {display: block;content: "";height: 2px;width: 50%;background-color: var(--c3);margin: 30px auto;}
.title span{color:var(--c4)}
.title span.acapo{display: block;color: inherit}
.title strong{color: var(--c4);font-weight: var(--w3)}

.btn,.btn:visited,.btn:hover,.next {font-family:var(--f1);padding: 8px 15px;	font-size: 14px;line-height: 20px;color: var(--c1); font-weight: var(--w3); position: relative;z-index: 0;cursor: pointer; overflow: hidden; transition: 0.7s;border-radius: 0px;display: inline-flex;column-gap: 8px;border:1px solid var(--c6);text-transform: uppercase;margin-bottom: 10px;display: inline-block!important}
.btn.tc3{color: var(--c3);}
.btn.c3{border:1px solid var(--c3);color: var(--c3);}
.btn.c9{border:1px solid var(--c9);color: var(--c9);}
.btn.c1{border:1px solid var(--c1);color: var(--c1);}
.next{border:1px solid var(--c3);color: var(--c3);background: transparent;width: 120px;text-align: center;display: inline-block;margin-top: 20px}
.btn::before,.next:before {content: "";	position: absolute;	top: 0;	left: 0;	width: 0%;	height: 100%;transition: width 0.3s ease;	z-index: -1;background: var(--c6);}
.btn.c3::before{background: var(--c3); color:var(--c1)}
.btn.c9::before{background: var(--c9); color:var(--c1)}
.btn.c1::before{background: var(--c1); color:var(--c3)}
.next::before{background: var(--c3);}
.btn:hover::before,.next:hover::before{	width: 100%;}
.btn.c3:hover,.btn.tc3:hover{color:var(--c1)!important}
.btn.c9:hover{color:var(--c1)!important}
.btn.c1:hover{color:var(--c3)!important}
.next:hover{color:var(--c1)!important}
ul + p > .btn:first-child {	margin-top: 25px;}

.flex{display: flex;flex-wrap: wrap;}
/***summary***/
details summary {position: relative; padding: 8px 8px 5px 45px;  font-weight: var(--w1); font-size:20px;line-height: 24px; cursor: pointer; list-style: none;}
/* rimuove la freccia standard */
details p{padding-left: 45px;font-size: 18px; line-height: 22px;margin: 5px 0;color:var(--c5)}
details summary::-webkit-details-marker {display: none;}
details summary::marker {content: "";}
/* simbolo + */
details summary::after {content: "+";position: absolute;left: 15px; top: 50%;  transform: translateY(-50%); font-size: 24px; font-weight: 400;}
/* quando è aperto diventa − */
details[open] summary::after {content: "−";}

@media (min-width: 600px) {
.paddingt{padding-top: 40px !important;}
.paddingb{padding-bottom: 40px !important;}
.paddingtb{padding-top: 40px;padding-bottom: 40px !important;}
.mt{margin-top: 30px;}
.mb{margin-bottom: 30px;}
.mtb{margin-top: 30px;margin-bottom: 50px;}	
.pt-c2{padding-top: 45px;display: block}
}
@media (min-width: 768px) {
.paddingt{padding-top: 50px !important;}
.paddingb{padding-bottom: 50px !important;}
.paddingtb{padding-top: 50px;padding-bottom: 50px !important;}
.big,.big .title{font-size:154%!important;line-height:normal}
}
@media (min-width: 992px) {
.paddingt{padding-top: 60px !important;}
.paddingb{padding-bottom: 60px !important;}
.paddingtb{padding-top: 60px;padding-bottom: 60px !important;}	
.big,.big .title{font-size:164%!important;line-height:normal}
ul + p > .btn:first-child {	margin-top: 55px;}

}
@media (min-width: 1200px) {
.paddingt{padding-top: 70px !important;}
.paddingb{padding-bottom: 70px !important;}
.paddingtb{padding-top: 70px;padding-bottom: 70px !important;}
.mb{margin-bottom: 50px;}
.mt{margin-top: 50px;}		
.mtb{margin-top: 50px;margin-bottom: 50px;}		
}
.paddingtb .paddingtb{padding-top: 0px !important;padding-bottom: 0px !important;}
/**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;}
.home form input,.home form textarea {color: var(--c3);	opacity: 1;	-webkit-text-fill-color: var(--c3);}
.home form input::placeholder,.home form textarea::placeholder {color: var(--c3) !important;opacity: 1 !important;	-webkit-text-fill-color: var(--c3) !important;}
.input-error input[type="date"],.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: 400;}
.required label:after{content:"*"; display: inline-block; padding-left: 5px ;font-weight:600}
.input-field{margin-bottom: 8px;}
.input-field input[type="date"],.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,.wrap-filter select{font-size:18px; color:var(--c3);width:100%;padding:6px 8px;border-radius: 0px;border-bottom: 1px solid var(--c3);background:rgba(205,209,210,0.4);font-family:var(--f1);font-weight: 400;min-height:40px; ax-width:none;margin-bottom:10px;}
.input-field select{padding-top:9px;}
#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: 1px}
.check-block label{font-family: var(--f1);font-size:18px;padding-left: 30px;display: inline-block;font-weight:400}
.check-block label a,.check-block label a:visited{color:var(--c5);}
.privacy .check-block{display: flex;margin-top: 20px;}
.privacy .check-block label{margin-bottom: 0;padding-left: 15px}
.privacy input[type="checkbox"]{position: relative}
.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:70px;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;}
/**table**/
.plain-table,table,th,td{position: relative;text-align: left}
.plain-table{margin-bottom: 30px;}
.plain-table table{border:1px solid var(--c8)}
th,td{font-size:16px;line-height: 20px;}
th{font-weight: 600}
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;}
.vertical-table-files th,.vertical-table-files td{padding:6px 10px;}

section.page >.first,.detail .page .block header,section.page >section:not(.back),article.page,section.archive,nav.page-menu,.not-found section.page, .mappasito .site-map,.contatti section.page>.first{ margin-right: auto;margin-left: auto}
/***header***/
#header .logo {position: relative;z-index: 2;}
#header .logo.addBg{background: var(--c9);}
#header .content-nav {background: var(--c10);position:absolute;top:0px;left: 0;padding-top: 85px;width: 100%;z-index: 1;display: none;max-height: 100vh;	overflow-y: auto;	overflow-x: hidden;	-webkit-overflow-scrolling: touch;}
#header .btnav{color:var(--c1);margin-top: 0px;font-size: 14px; line-height: 16px; font-weight: var(--w1);text-transform: uppercase;cursor: pointer}
.channel-menu .nav{list-style-type: none;}
.channel-menu {align-self: center}
.channel-menu li:before{display: none}
.channel-menu li{line-height: 16px;padding-left: 0}
.channel-menu li a,.channel-menu li a:visited,.channel-menu li a:hover{color:var(--c1);font-size: 14px; line-height: 16px; font-weight: var(--w1);text-transform: uppercase;cursor: pointer}
.channel-menu li a:hover{opacity: 0.8}
#header { position: relative;z-index:10;}
#header .logobig, #header .sticky .logobig{width:auto ;margin-top: 12px;margin-bottom: 12px; min-height: 40px; max-height: 40px;transition: max-height .45s ease}
#header .flex{column-gap: 20px}
.channel-menu .selected{display: none}
/* Pulsante MENU */
/* Il menu interno parte invisibile */
.content-nav #menu {opacity: 0;	transform: translateY(-10px);	transition: opacity .20s ease .20s, transform .20s ease .20s;}

/* Quando il contenitore è aperto il menu appare quasi subito */
.content-nav.active #menu {	opacity: 1;	transform: translateY(0);}
#header .btnav {display: flex;	align-items: center;gap: 10px;	cursor: pointer;}
#header .btnav:hover{opacity: 0.8}
#header .btnav .responsive-nav {width: 28px;height: 24px;position: relative;}
/* righine orizzontali */
#header .btnav .responsive-nav span:nth-child(1),
#header .btnav .responsive-nav span:nth-child(2) {position: absolute;left: 4px;width: 20px;	height: 2px;background: var(--c1);}
#header .btnav .responsive-nav span:nth-child(1) {top: 8px;}
#header .btnav .responsive-nav span:nth-child(2) {top: 13px;}
/* freccia */
#header .btnav .responsive-nav span:nth-child(3),
#header .btnav .responsive-nav:after {content: "";	position: absolute;	top: 22px;	width: 12px;	height: 2px;	background: var(--c1);}
#header .btnav .responsive-nav span:nth-child(3) {left: 4px;	transform: rotate(45deg);}
#header .btnav .responsive-nav:after {	right: 4px;	transform: rotate(-45deg);}
/* menu aperto: freccia verso l'alto */
#header .btnav.open .responsive-nav span:nth-child(3) {	transform: rotate(-45deg);}
#header .btnav.open .responsive-nav:after {	transform: rotate(45deg);}
/**banner*/
body.isSticky .banner {padding-top: 78px;}
.banner {position: relative}
.banner .container {position: absolute;bottom: 5%;width: auto;right: 5%;left: auto;max-width: 310px;padding: 5px 25px 0;	background: rgba(26, 45, 54, 0.6);backdrop-filter: blur(2px); overflow: visible}
.banner .xperience .container {max-width: 342px;background: rgba(127,140,142,0.6);backdrop-filter: blur(2px); overflow: visible}
.banner .xperience .bwrap{padding-top: 40px;background: url("../img/experience.svg") no-repeat left top;background-size: auto 35px}

.banner .btitle,.banner .btitle a,.banner .btitle a:visited,.banner .btitle a:hover{color:var(--c7);font-family: var(--f2);font-size: 30px; line-height: 34px;}
.banner .babstract{display: block;font-size: 14px; line-height: 20px; text-transform: uppercase;color:var(--c7);margin-top:10px;margin-bottom:25px;font-weight: var(--w1)}
.banner .btitle span{display: block}
.bimage img {display: block;width: 100%;height: auto;min-height: 350px;   object-fit: cover; object-position: center center;}
/* Riga verticale bianca esterna, aderente al bordo sinistro */
.banner .container::before {content: "";position: absolute;	left: 0px;  top: 0;bottom: 0;width: 1px;height: 98%;	background: rgba(230,230,230,0.7);}

/* Punta della freccia verso il basso, esterna e centrata sulla riga */
.banner .container::after {content: "";	position: absolute;	left: -4px;  bottom: -6px; width: 12px;height: 12px;	border-right: 1px solid var(--c7);border-bottom: 1px solid var(--c7);	transform: rotate(45deg);}

@media (min-width: 500px) {
	.bimage img {min-height: 0;	width: 100%;	height: auto;object-fit: contain;}
}
/**banner*/

.main-menu li{padding: 0px}
.flag {position: absolute;	top: 20px;	right: 10px;}
.flag:hover{opacity: 0.8}
/***nav***/

/**breadcrumbs**/
.breadcrumbs{background: var(--c7)}
.breadcrumbs .path-menu{padding: 10px 15px;}
.breadcrumbs ol {display: flex;justify-content: flex-end;column-gap: 5px; list-style: none}
.breadcrumbs ol a,.breadcrumbs ol a:visited{color: var(--c3);position: relative;display: inline-flex;
align-items: center;	gap: 3px;	text-decoration: none;}
.breadcrumbs ol li,.breadcrumbs ol a:hover{font-weight: 400; font-size:13px; line-height: 15px;text-transform: uppercase;}
.breadcrumbs ol li,.breadcrumbs ol a:hover{color:var(--c9)}
.breadcrumbs ol li a::after {content: "";	width: 7px;	height: 7px;border-top: 2px solid var(--c3);
border-right: 2px solid var(--c3);	transform: rotate(45deg);	transition:	border-color .25s ease,transform .25s ease;}
.breadcrumbs ol li a:hover::after {	border-color: var(--c9);	transform: translateX(2px) rotate(45deg);}

/*** pagine ***/
.generic .page .title,.detail .page .title {color: var(--c3); font-family: var(--f2)}
.generic .site-map a,.generic .site-map a:visited,.not-found ul a,.not-found ul a:visited{color:var(--c5)}
.generic .site-map a:hover,.not-found ul a:hover{color:var(--c4)}
.generic main,.not-found main{padding: 20px}
.not-found header h1{font-family: var(--f2)}
.detail .banner-t,.toggle-filters,.listing time,.archive-items-count{display: none}
.detail .page .block header{text-align: center}
.detail .page .block header{display: flex;flex-wrap: wrap}
.detail .page .block header .date{order:3;display: block;width: 100%;font-size: 18px;line-height: 24px; text-transform: uppercase;color:var(--c5);margin-top: 10px;}
.detail .page .block .abstract{text-align: center; max-width:1150px; margin:8px auto 10px; font-weight: var(--w3);font-size: 18px; line-height: 22px;display: block; }
.detail .page .block header .wrap-tag{order:-1;display: block;width: 100%; text-align: center;margin-bottom: 15px;}
.detail .page .block header .wrap-tag a,.listing article .wrap-tag span{font-size: 14px; line-height: 16px; font-weight:var(--w1); text-transform: uppercase}
.detail .page .block .media{text-align: center}
.detail article.page .content {padding: 20px;margin-left: auto;margin-right: auto;max-width: 970px}
.listing .items-archive{padding: 20px;}
.listing  article{margin-bottom: 50px;max-width: 445px}
.listing  article p{margin-bottom: 0}
.listing  article img{padding-bottom: 15px;}
.listing  article .media{border-bottom: 4px solid var(--c5)}
.listing  article .wrap-tag{padding-top: 20px;display: block}
.listing  article .title{display: inline-block;font-weight: var(--w3);text-transform: uppercase;font-size: 20px;line-height: 24px;padding-bottom: 15px; margin-top: 20px; margin-bottom: 0px;position: relative}
.listing  article .title a,.listing  article .title a:visited{color:var(--c3)}
.listing  article .title a:hover{color:var(--c5)}
.listing  article .title:after{content: "";width: 120px; height: 1px; background:var(--c6); display: block;position: absolute;bottom:0;left:0}
#breadcrumbs .nav .last{display: inline-block;	max-width: 30ch;overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}
.page .block header .wrap-tag a:after,.listing .archive .wrap-tag span:after{content:"|"; display: inline-block;padding-left: 5px;padding-right: 5px; color:var(--c6)}
.page .block header .wrap-tag a:last-of-type:after,.listing .archive .wrap-tag span:last-of-type:after{display: none}
.page .block header .wrap-tag a,.page .block header .wrap-tag a:visited,.listing .archive .wrap-tag span{color:var(--c3)}
.page .block header .wrap-tag a:hover{color:var(--c5)}

section.page >.first,.detail .page .block header,.listing .head {background: var(--c7);padding:20px 15px }
.generic section.page >.first,.contatti section.page >.first {background: var(--c1); }
section.page >.first .title,.detail .page .block header .title,.listing .head .title{display: block; color: var(--c3); font-family: var(--f2);font-size: 28px; line-height: 32px;text-align: center}
section.page >.first .theme{text-align: center;display: block}
section.page >.first.left .title,section.page >.first.right .title{text-align: left}
section.page section .block .wrap-content{padding-left: 15px; padding-right: 15px}
section.page .video .block .wrap-content{padding-left: 0px; padding-right: 0px}
section.page .box-image .media{ text-align: center}	

.page .big.mt{display: block}
.main-menu ul li::before,ul.add-link li::before{display: none}
ul li.nolist{padding-left: 0;padding-bottom: 8px}
ul li.nolist:before{display: none}
ul {list-style: none;	padding-left: 0;}
ul li {position: relative;padding-left: 22px;}
ul.spazia li{margin-top: 10px; margin-bottom: 10px}
ul li::before {content: "";position: absolute;	left: 0;top: 10px;width: 8px;height: 8px;border-top: 2px solid var(--c9);	border-right: 2px solid var(--c9);	transform: translateY(0%) rotate(45deg);}
.back .wrap-content{padding-bottom: 10px;}
section.page .video .block .wrap-content{padding-bottom: 0}
.land section.page >.first.solotesto .big {opacity: 1;	transform: translateY(0);}
.land .solotesto .abstract{font-weight: var(--w1)}

.solotesto ul{text-align: left;display: inline-block}
.solotesto{text-align: center;padding-top: 20px; padding-bottom: 20px}
.solotesto .title{font-family: var(--f2)}
.solotesto .title span,.back-c7 .title span{color: var(--c9)}
.wrap-col.wrap-dx-sn .col-container section{background: rgba(255,255,255,0.4)!important;padding: 30px 20px!important}
.wrap-dx-sn .col-container{margin-top: 0}
.wrap-dx-sn .col-container > section:first-of-type{padding-bottom: 20px!important}
.page .solotesto header,.page .solotesto .wrap-content  {padding-left: 15px;padding-right: 15px;}
.wrap-dx-sn .col-container .title{font-family: var(--f2)}

.f2 .abstract{font-family: var(--f1); font-weight: var(--w3);display: block;padding-top: 10px;font-size: 18px; line-height: 24px;}
.video .wrap-content{padding-left: 15px;padding-right: 15px;text-align: center}
.video .media {width: 100%;	max-width: 870px;	margin: 0 auto;}
.video .media iframe,.video .media .external-blocker {padding-top:1px; margin-top: 0; margin-bottom: 0px;padding-bottom: 1px; display: block;	width: 100%;	aspect-ratio: 16 / 9;	height: auto;	border: 0;}
.video .media .external-blocker{margin-top: 10px; margin-bottom: 10px}
/**template**/


/**home**/
.home .group .block{position: relative}
/*.home .g1{margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px}*/
.home .g1 {padding-top: 20px; padding-bottom: 20px;background: var(--c7)}
.home .g1 .first img{width:200px}
.home .g1 .first .media{text-align: center}
.home .g1 .first .title{font-family: var(--f2);font-size: 28px; line-height: 32px;margin-top: 10px; margin-bottom: 15px;padding-left: 15px; padding-right: 15px}
.home .g1 .block .title a,.home .g1 .block .title a:visited{color: var(--c3);display: inline-block;	transition:	color .35s ease,transform .35s ease;}
.home .g1 .block .title a:hover{color: var(--c6);transform: translateY(-3px);}
.home .g1 .first .title{display: block;text-align: center;}
.home .g1 .first .title span{color:var(--c9);}
.home .g1 .block:not(.first) .title{font-size: 23px;line-height: 26px; font-weight: var(--w3);text-transform: uppercase}
.home .g1 .block:not(.first){display: flex; width: 300px;height: 300px;border:1px solid var(--c6);border-radius: 100%;margin-left: auto;margin-right: auto;position: relative;	box-sizing: border-box;	margin-bottom: 80px;padding:35px;}
.home .g1 .block:not(.first) header{align-self: center;text-align: center;width: 100%}
.home .g1 .first{position: relative;	padding-bottom: 30px;margin-bottom: 30px}
/* Freccia */
.home .g1 .first:after{	content: "";	position: absolute;	left: 50%;	bottom: 8px;	width: 16px;	height: 16px;	border-right: 2px solid var(--c6);	border-bottom: 2px solid var(--c6);	transform: translateX(-50%) rotate(45deg);	animation: arrowMove 1.8s ease-in-out infinite;
	opacity: .9;}
/* Linea verticale tra cerchio 1 e cerchio 2 */
.home .g1 .g1-2:before,.home .g1 .g1-3:before {content: "";	position: absolute;	left: 50%;	top: 100%;	width: 1px;	height: 80px;	background: var(--c6);	transform: translateX(-50%);}
/* Pallini*/
.home .g1 .g1-2:after,.home .g1 .g1-3:after {	content: "";position: absolute;	left: 50%;	top: 100%;	width: 9px;	height: 9px;	border-radius: 50%;	background: var(--c6);	transform: translate(-50%, -50%);}
.home .g1 .g1-2:after {	opacity: 1;	z-index: 3;	animation: none;}
.home .g1 .g1-3:after {	opacity: 0;	z-index: 3;}

/* primo tratto: da cerchio 1 a cerchio 2 */
.home .g1 .g1c.line-active .g1-2:after {animation: dotMoveVerticalFirst 1.2s ease forwards;}
/* secondo tratto: da cerchio 2 a cerchio 3 */
.home .g1 .g1c.line-active .g1-3:after {animation: dotMoveVerticalSecond 1.2s ease forwards;	animation-delay: 2.5s;}
/* + sul bordo a circa 210° */
.home .g1 .block:not(.first) header:after{content:"";position:absolute;	left:7%;top:77%;z-index: 4;	width:30px;	height:30px;
background:	linear-gradient(var(--c6),var(--c6)) center/1px 24px no-repeat,	linear-gradient(var(--c6),var(--c6)) center/24px 1px no-repeat;}
.home .g1 .block:not(.first) header:before{	content:"";	position:absolute;	left:7%;	top:77%;	width:32px;	height:32px;	border-radius:30px;	z-index:2;	background-color: var(--c7);}
/* pallino iniziale sul bordo basso del primo cerchio */

/* Animazione */
@keyframes arrowMove{
	0%{	transform: translateX(-50%) translateY(0) rotate(45deg);opacity: .3;}
	50%{transform: translateX(-50%) translateY(6px) rotate(45deg);	opacity: 1;	}
	100%{transform: translateX(-50%) translateY(0) rotate(45deg);opacity: .3;}
}
@keyframes dotMoveVerticalFirst {
	0% {top: 100%;	opacity: 1;	}
	99% {top: calc(100% + 80px);opacity: 1;	}
	100% {top: calc(100% + 80px);opacity: 0;}
}

@keyframes dotMoveVerticalSecond {
	0% {top: 100%;opacity: 0;}
	1% {opacity: 1;}
	100% {top: calc(100% + 80px);opacity: 1;}
}





@media (min-width: 320px) {
	
	.wrap-col.back{padding-top: 1px;padding-bottom: 20px}
	
}

@media (min-width: 320px)and (max-width:767px) {
	#header .fix{background: linear-gradient(to bottom, rgba(2,8,24,0.8),rgba(0,72,96,0.8));}
	.content-nav ul{max-width: 360px;  margin-left: auto;}
	.left.box-image .content{padding-bottom: 20px;}

}
@media (min-width: 320px)and (max-width:499px) {
	.channel-menu li a {display: inline-block;  width: 3.3ch;  overflow: hidden;  white-space: nowrap;   }

}
@media (min-width: 320px)and (max-width:991px) {
	section.page .box-image .media{padding-top: 20px;padding-bottom: 20px;}	
	section.page .box-image.back .media{padding-top: 0px;}	
	section.page .box-image{margin-bottom: 30px}
	section.page .box-image.back{margin-bottom: 0px;padding-bottom: 20px}
}
@media (min-width: 600px)and (max-width:991px) {
	section.page .box-image .media{max-width: 50%;margin-left: auto;margin-right: auto}	
}
@media (min-width: 375px) {
	.logo .flex	>a{min-width:calc(100% - 200px)}
	#header .logobig, #header .sticky .logobig {margin-top: 15px;	margin-bottom: 15px;min-height: 48px;max-height: 48px;}
}
@media (min-width: 500px) {


}

@media (min-width: 600px) {
	#header .logobig {  height: 65px;	max-height: 65px}
	.banner .container {max-width: 350px;}
	body.isSticky .banner {padding-top: 95px;}
	.banner .babstract {font-size: 16px;line-height: 22px;}
	.banner .btitle,.banner .btitle a, .banner .btitle a:visited, .banner .btitle a:hover {	font-size: 40px;	line-height: 36px;}
	.banner .xperience .container {max-width: 440px;}
	.banner .xperience .bwrap{padding-top: 50px;background: url("../img/experience.svg") no-repeat left top;background-size: auto 45px}
	#menu{margin-top: 0}
	section.page >.first,.detail .page .block header,.listing .head {padding-top:40px;padding-bottom: 40px }
	section.page >.first .title,.detail .page .block header .title,.listing .head .title{font-size: 30px; line-height: 34px}
	.page .video .title {font-size: 44px;	line-height: 48px;}
	.detail .page .block .media{margin-top: 20px;}
	.detail .page .block header .date{font-size: 20px; line-height: 24px;}
	.listing .items-archive{display: flex; column-gap: 20px;flex-wrap: wrap}
	.listing .items-archive article{width:calc(50% - 10px)}
	.wrap-col.back{padding-bottom: 40px}
	/**homepage***/

	
}
	

@media (min-width: 768px) {
	.no-template main > .container-fluid,.container-fluid, .no-template main > .container-fluid{padding-right: 0px;  padding-left: 0px;}
	
	.breadcrumbs .path-menu,section.page >.first,.detail .page .block header,.fix .container,section.page section .block .wrap-content,.wrap-col .col-container,.listing .items-archive  {padding-right: 25px;  padding-left: 25px;}
	.contatti 	#header .fix{background: linear-gradient(to bottom, rgba(2,8,24,0.8),rgba(0,72,96,0.8));}
	/*.contatti .breadcrumbs{padding-top: 90px}*/
	.banner .container{background: transparent}
	#header{position: absolute;width: 100%}
	#header .content-nav{padding-top: 110px}
	body.isSticky .banner {padding-top: 0px;}
	.generic #header .fix,.land #header .fix,.not-found #header .fix,.detail #header .fix {background: linear-gradient(to bottom, rgba(2,8,24,0.8),rgba(0,72,96,0.8));padding-bottom: 20px}
	.generic #header,.land #header,.not-found #header,.detail #header{position: relative}
	#header .flex {flex-direction: row;justify-content: space-between}
	#header .logobig, #header .sticky .logobig{margin-bottom: 10px}
	h1, h1.title, .title, h2,section.page >.first .title,.detail .page .block header .title,.listing .head .title {font-size: 42px;	line-height: 48px;}
	.page .video .title {font-size: 54px;	line-height: 58px;}
	.page .solotesto header,.page .solotesto .wrap-content  {padding-left: 25px;padding-right: 25px;}
	details summary {font-size:22px;line-height: 28px;}

	section.page .left .wrap-content,section.page .right .wrap-content,.solotesto{padding-top: 30px; padding-bottom: 40px}
	.f2 .abstract{padding-top: 20px;}
	.video .media .external-blocker{margin-bottom: 20px}
	.page .video {padding-bottom: 30px;}
	.detail .page .block .abstract{font-size: 20px; line-height: 24px;display: block; }
	.listing .items-archive {padding-top: 40px}
	.wrap-col.back{padding-bottom: 50px}

	.home .g1 {margin-left: -25px;	margin-right: -25px;padding-left: 25px;	padding-right: 25px;}
	.home .g1 {padding-top: 60px;	padding-bottom: 80px;}
	.home .g1{background: url("../img/background/backg1.svg") no-repeat right -15%	bottom calc(-6vh)	var(--c7);	background-size: auto 85%;}
	.home .g1 .first img {width: 250px;}
	.home .g1 .first .title {font-size: 32px;	line-height: 36px;	}
	.home .g1 .g1c{	display:flex;	flex-wrap:wrap;	justify-content:center;	column-gap:60px;row-gap:20px;padding-bottom: 0px}
	.home .g1 .first{width:100%;margin-bottom:0px;	}
	.home .g1 .block:not(.first){margin-left:0;	margin-right:0;	margin-bottom:0;	}
	/* linee orizzontali */
	.home .g1 .g1-2:before,	.home .g1 .g1-3:before{	left:100%;	top:50%;width:60px;	height:1px;	transform:translateY(-50%);	}
	/* posizione iniziale pallino */
	.home .g1 .g1-2:after,	.home .g1 .g1-3:after{left:100%;top:50%;transform:translate(-50%,-50%);	}
	/* animazione primo tratto */
	.home .g1 .g1c.line-active .g1-2:after{	animation:dotMoveHorizontalFirst 1.2s linear forwards;}
	/* animazione secondo tratto */
	.home .g1 .g1c.line-active .g1-3:after{	animation:dotMoveHorizontalSecond 1.2s linear forwards;	animation-delay:3.5s;	}
	@keyframes dotMoveHorizontalFirst{
		0%{left:100%;opacity:1;}
		99%{left:calc(100% + 60px);	opacity:1;}
		100%{left:calc(100% + 60px);opacity:0;		}
	}
	@keyframes dotMoveHorizontalSecond{
		0%{	left:100%;	opacity:0;}
		1%{	opacity:1;}
		100%{left:calc(100% + 60px);opacity:1;	}
	}
}
@media (min-width: 768px) and (hover: hover), (min-width: 1025px) {
  /* Si applica a dispositivi con una larghezza minima di 768 pixel e supporto all'evento hover, nonché a dispositivi con una larghezza minima di 1025 pixel, indipendentemente dal supporto all'evento hover.*/


}
@media (min-width: 768px)and (max-width:991px) { 
	.home .g1 .block:not(.first) { width: 195px;  height: 195px; padding:25px }	
	.home .g1 .block:not(.first) .title {font-size: 21px;	line-height: 23px;}
	/* linee orizzontali */

}

@media (min-width: 992px) {
	body {font-size: 20px; line-height: 24px;}
	.generic main, .not-found main {padding: 30px 25px;}
	#header .logobig {height: 80px;	max-height: 80px;}
	/*.contatti .breadcrumbs{padding-top: 105px}*/

	.banner .container {max-width: 475px; padding: 0 0 0 35px}
	.banner .xperience .container{background: transparent}
	.banner .xperience .container {	max-width: 520px;}
	.banner .xperience .bwrap {	padding-top: 80px;	background-size: auto 75px;}
	.banner .babstract {font-size: 18px;	line-height: 24px; margin-top: 25px;  margin-bottom: 55px;}
	.banner .btitle,.banner .btitle a, .banner .btitle a:visited, .banner .btitle a:hover {font-size: 48px;	line-height: 48px;}
	.banner .container {bottom: 50%;	transform: translateY(52%);}
	section.page >.first,.contatti   section.page > .first,.detail .page .block header{padding-top:60px }
	h1, h1.title, .title, h2,section.page >.first .title,.listing .head .title {font-size: 46px;	line-height: 52px;}
	.listing .head {padding-bottom: 60px; padding-top: 60px}
	section.page .left .block .wrap-content{padding-left: 0px; padding-right: 25px}
	section.page .right .block .wrap-content{padding-left: 25px; padding-right: 0px}
	section.page .left .block,section.page .right .block {display: flex;flex-wrap: wrap;column-gap: 30px; align-items:stretch;justify-content: center}
	section.page .left .media-wrap,section.page .right .media-wrap {width: calc(45% - 30px);align-self: center}
	section.page .left .wrap-content, section.page .right .wrap-content {width: 55%}
	section.page .right .wrap-content{order:-1}
	section.page .back .media-wrap{position: relative;overflow: hidden}
	section.page .back .media-wrap img{position: absolute;height: 100%; width: auto;max-width: none}
	section.page .left .media-wrap img,section.page .right .media-wrap img{position: static}
	section.page .back.left .media-wrap img{right: -10%}
	section.page .back.right .media-wrap img{left: -10%}
	section.page .box-image .media-wrap img{position: static;max-width: 100%}
	section.page .box-image .media-wrap{align-self: center}
	.box-image{padding-top: 30px; padding-bottom: 30px}
	.wrap-col.back{padding-bottom: 60px}
	.wrap-col.wrap-dx-sn .col-container{display: flex; column-gap: 6%;}
	.wrap-col .col-container section{width: 47%;}
	section.page .minh .block, section.page .minh .block .media {min-height: 400px;align-items: center}
	.solotesto{padding-top: 60px; padding-bottom: 70px}
	.f2 .abstract{font-size: 20px; line-height: 24px; padding-top: 30px}
	.video .media .external-blocker{margin-top: 40px}
	.detail .page .block .media{margin-top: 50px;}
	.detail article.page .content{padding-top: 30px;padding-bottom: 70px}
	.detail .page .block header .date{font-size: 22px; line-height: 26px;margin-top: 15px;}
	.detail .page .block header .wrap-tag{margin-bottom: 25px;}
	.detail .page .block .abstract{font-size: 22px; line-height: 26px;display: block; }
	.listing .items-archive article{width:calc(33.333333% - 13.3333px)}
	.listing .items-archive {padding-top: 70px;}
	.page .video {padding-bottom: 50px;}
	.home .g1 .block:not(.first) { width: 265px;  height: 265px; padding:25px }	
	.home .g1 .first img {width: 300px;}
	.home .g1 .first .title {font-size: 40px;	line-height: 44px;	}
	

}


@media (min-width: 1200px) {
	.banner .btitle,.banner .btitle a, .banner .btitle a:visited, .banner .btitle a:hover {font-size: 60px;	line-height: 60px;}
	.banner .xperience .container {	max-width: 620px;}
	.banner .babstract {margin-top: 30px;  margin-bottom: 20%;max-width: 470px}	
	#header .content-nav{padding-top: 130px}
	#fix .container{max-width: 1400px;}
	.page .video .title {font-size: 70px;	line-height: 76px;}
	section.page >.first,.detail .page .block header {padding-top:80px;}
	section.page >.first .title,.detail .page .block header .title,.listing .head .title{font-size: 46px; line-height: 50px}
	.listing .head {padding-bottom: 90px; padding-top: 80px}
	section.page .left .media-wrap,section.page .right .media-wrap {width: calc(54% - 30px)}
	section.page .left .wrap-content, section.page .right .wrap-content {width: 46%}
	section.page .back.left .media-wrap img{right: -5%}
	section.page .back.right .media-wrap img{left: -5%}
	section.page .minh.right .media-wrap img{left:-15%}
	section.page .left .wrap-content,section.page .right .wrap-content {padding-top: 70px;padding-bottom: 70px;}
	.box-image{padding-top: 50px; padding-bottom: 50px}
	.page .video {padding-bottom: 0px;}
	.detail .page .block header .title{max-width: 1160px;margin-left: auto;margin-right: auto;}
	.detail article.page .content{padding-bottom: 80px}
	.detail .page .block .media {margin-top: 70px;}
	.listing .items-archive {padding-top: 100px;}
	.wrap-col.back{padding-bottom: 70px}
	.home .g1 {padding-top: 80px;	padding-bottom: 100px;	}
	.home .g1 .block:not(.first) { width: 300px;  height: 300px; padding:35px }	
	.home .g1 .g1c {column-gap: 120px;}
	.home .g1 .g1-2:before,	.home .g1 .g1-3:before{width:120px;}
	
	@keyframes dotMoveHorizontalFirst{
		0%{left:100%;opacity:1;}
		99%{left:calc(100% + 120px);	opacity:1;}
		100%{left:calc(100% + 120px);opacity:0;		}
	}
	@keyframes dotMoveHorizontalSecond{
		0%{	left:100%;	opacity:0;}
		1%{	opacity:1;}
		100%{left:calc(100% + 120px);opacity:1;	}
	}

}
@media (min-width: 1400px){
	.banner .container {right: calc((100vw - 1350px) / 2);}
	.home .block,.breadcrumbs .path-menu,.page .col-container,.page .block-p .block,.video video,.generic main, .not-found main,  .listing .items-archive {max-width: 1390px;margin-left: auto;margin-right: auto;width:100%;padding-left: 5px; padding-right: 5px;}
	.page .left.box-image .block,.page .right.box-image .block{max-width:1390px; margin-left: auto;margin-right: auto}
	.page .left.box-image .block .wrap-content {padding-right: 20px;}
	section.page .right.box-image .block .wrap-content{padding-left: 20px}
	.listing .items-archive{padding-left: 5px;padding-right: 5px}
	
	section.page >.first,.detail .page .block header {padding-top:100px;padding-left: 15px; padding-right: 15px; }
	section.page >.first .title,.detail .page .block header .title,.listing .head .title{font-size: 50px; line-height: 54px}
	section.page .left .wrap-content,section.page .right .wrap-content {padding-top: 50px;padding-bottom: 50px;}
	section.page .left.box-image .wrap-content, section.page .right.box-image .wrap-content { padding-top: 70px;    padding-bottom: 70px;  }
	section.page .right .block .wrap-content,section.page .left .block .wrap-content{width: 50%}
	section.page .left .media-wrap, section.page .right .media-wrap {width: calc(100% - (50% + 30px));}
	section.page .right .block .wrap-content{padding-left: calc((100vw - 1365px) / 2);align-self: center}
	section.page .left .block .wrap-content{padding-right: calc((100vw - 1365px) / 2);align-self: center}
	section.page .right .media-wrap img{margin-left: auto;margin-right: 0}
	section.page .right .media{text-align: right}
	section.page .minh.right .media-wrap img{left:-25%}
	.box-image{padding-top: 80px; padding-bottom: 80px}
	.solotesto{padding-top: 80px; padding-bottom: 90px}	
	.f2 .abstract{padding-top: 40px}

	.home .g1 {padding-top: 130px;	padding-bottom: 150px;	}
	.home .g1 .g1c {column-gap: 150px;max-width: 1390px;margin-left: auto;margin-right: auto;width:100%;}
	.home .g1 .g1-2:before,	.home .g1 .g1-3:before{width:150px;}
	

	@keyframes dotMoveHorizontalFirst{
		0%{left:100%;opacity:1;}
		99%{left:calc(100% + 150px);	opacity:1;}
		100%{left:calc(100% + 150px);opacity:0;		}
	}
	@keyframes dotMoveHorizontalSecond{
		0%{	left:100%;	opacity:0;}
		1%{	opacity:1;}
		100%{left:calc(100% + 150px);opacity:1;	}
	}

}
@media (min-width: 1600px){
	section.page .minh.right .media-wrap img{left:auto;right: -10%}
	.box-image{padding-top: 100px; padding-bottom: 100px}
	.home .g1 .block:not(.first) header.g1-4h::before {background-color: #f0f0f0;}

}

@media (min-width: 1800px){
	section.page .back.left .media-wrap img{left: 0;right: auto}
	section.page .back.right .media-wrap img{left: auto;right: 0}
	section.page .minh.right .media-wrap img{left:auto;right: 0}
	.home .g1{background: url("../img/background/backg1.svg") no-repeat right -8%	bottom calc(-9vh)	var(--c7);	background-size: auto 100%;}
}