@charset "utf-8";

:root {
    --c1: #fff;  
    --c2: #000;
    --c3: #231f20;/**colore testo**/
    --c4: #E30613;/**rosso**/
    --c5: #a7a9ac;/**grigio scuro*/
    --c6: #e7e8e9;/**grigio chiaro*/
	--c7: #1a7abf;/*blu link*/
	--c8: #c2c3c3;/*bordi*/
	--c9: #f68f93;/*bordi*/
    --f1: "Open Sans", sans-serif;
	--w1:400;
	--w2:600;
 }
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,.no-template main>.container-fluid {padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;position: relative;}@media (min-width: 768px) {.container,.no-template main>.container-fluid {width: 740px;}}@media (min-width: 992px) {.container,.no-template main>.container-fluid {width: 960px;}}@media (min-width: 1200px) {.container,.no-template main>.container-fluid {width: 1160px;}}@media (min-width: 1400px) {.container,.no-template main>.container-fluid {width: 1360px;}}.container-fluid,.no-template main>.container-fluid,.container, .no-template main > .container-fluid {padding-right: 15px;padding-left: 15px;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: 20px;padding-left: 20px;}.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 {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: 21px;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;}main 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: 7px 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: 45px;}
body,html{height: 100%;}
body {background:var(--c1);  font-family: var(--f1);color:var(--c3);font-weight:var(--w1);  -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 ;font-size: 19px; line-height: 28px}
.div100vh {min-height: 100vh;height: auto;}
.flexVertical {	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.block{display:block;position: relative}
html {overflow-x: hidden;}
main{display: block;min-height:600px;padding:0;position: relative;z-index:2;padding-top: 0px}
.home main{padding-top: 0}
/*body>header{position: absolute;z-index:10;width:100%}
*/
body>header .top-1{padding-left: 0px}
header .content-nav {right: 0px;	}
mark,mark.title{background:transparent; padding:0;	font-size:24px;	line-height:28px;text-transform:none;font-weight:600;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,.title,h2{color:var(--c3);font-family: var(--f1);font-weight: var(--w2)}
h1,h1.title,.list .back h2{font-size:26px; line-height: 34px}
.title,h2{font-size:22px; line-height: 34px;}
.abstract{font-weight:var(--w1);display:block;}
.theme{color:var(--c5);font-size:18px;line-height: 28px;margin-top: 15px;display: block}
p{text-align: left;margin-top: 15px;margin-bottom: 15px;}
main a,main a:visited{color:var(--c5); text-decoration: none}
main a:hover{color:var(--c4); text-decoration: none}
main .title a,main .title a:visited,main .title a:hover{color:var(--c3); text-decoration: none}
/*html.home body>header{background: transparent}*/
html body>header{background: var(--c4)}
/*.homepage #topB{margin-bottom:80px;}/*pari all'alltezza del menù*/
.slider{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);opacity:0;overflow:hidden;top:80px/**come l'altezza menù*/}
.controls{display: none}
.homepage .control{font-size:30px;line-height: 40px;color:var(--c1);width:40px;height: 40px;display:inline-block;text-align: center}
/**menu*/

#menu li a,#menu li a:visited, #menu li a:hover{ position: relative; font-size:18px;line-height: 28px; text-decoration: none;background: none;cursor:pointer}

#breadcrumbs{display:block;position: relative;z-index:3;text-align: left;margin-top: 10px}
#breadcrumbs{display: none}

.path-menu .nav li.first{display: none}
.path-menu .nav li{list-style-type: none;display: inline-block; font-size: 14px; line-height: 16px;font-weight:300;color:var(--c2);text-transform: lowercase}
.path-menu .nav li a,.path-menu .nav li a:visited,.path-menu .nav li a:hover{font-size: 14px;background: none; line-height: 16px;text-decoration:none; 
color:var(--c2); padding:10px 5px; }
.path-menu .nav li a:hover{color:var(--c3)}
.path-menu .nav li a::after{content: ">";font-weight: 600}
.path-menu .nav li a span{display: inline-block;padding-right: 5px}
main ul{list-style-type: none;}
.container-fluid{padding-left:0;padding-right: 0}
.container-fluid > .row { margin-left: 0;  margin-right: 0;}
.camo-column.row, .model .container .row{margin-left:0;margin-right: 0}
.allclick * {cursor: pointer!important;}
/*personalizzazioni*/

.big{font-size:135%;line-height: 120%}
.small{font-size:80%;}
.txtcenter,.txtcenter p{text-align: center}
.txtright,.txtright p{text-align: right}
.db{display: block!important}
.pb{padding-bottom: 30px!important;}
.pt{padding-top: 30px!important;}
.pbt{padding-bottom: 30px!important;padding-top: 30px!important;}
.mb{margin-bottom: 30px!important;}
.mt{margin-top: 30px!important;}
.mbt{margin-bottom: 30px!important;margin-top: 30px!important;}
.nopb{padding-bottom: 0px!important;}
.nopt{padding-top: 0px!important;}
.nopbt{padding-bottom: 0px!important;padding-top: 0px!important;}
.bordbt-div{border-top:1px solid var(--c6);border-bottom:1px solid var(--c6)}
ul.frros li{padding-left: 30px;min-height: 16px;position: relative;margin-bottom: 10px;}
ul.frros li:before{content: "";width: 30px; height: 20px; line-height: 20px;display: block;position: absolute;top:6px;left: 0;background: url("../img/angle-right.svg") no-repeat center left;background-size: 28px}

.c4 {color:var(--c4)!important}
.back-c5{background:var(--c5)}
.back-c6{background:var(--c6)}
.back-c4{background:var(--c4)}
.acapo{display: block}
.w1{font-weight: var(--w1)!important}
.w2{font-weight: var(--w2)!important}
.tit1{font-size: 26px;line-height: 34px; font-weight: var(--w2)}
.tit2{font-size: 22px;line-height: 28px; font-weight: var(--w2)}
.tit3{font-size: 24px;line-height: 30px; font-weight: var(--w2)}

@media (min-width: 768px) {
	.pb{padding-bottom: 50px!important;}
	.pt{padding-top: 50px!important;}
	.pbt{padding-bottom: 50px!important;padding-top: 50px!important;}
	.mb{margin-bottom: 50px!important;}
	.mt{margin-top: 50px!important;}
	.mbt{margin-bottom: 50px!important;margin-top: 50px!important;}
	.tit2{font-size: 20px;line-height: 28px;ont-weight: var(--w2)}
}
/**template**/

/***/
.no-template section.page{padding-top:30px;padding-bottom: 30px;}
div[id^="map_"] {width: 100%;height: 400px;	display: block;	margin-bottom: 20px;}
/***form***/
section.module form{margin-top: 40px;}
input::-webkit-input-placeholder {opacity:1 !important;}
input:-moz-placeholder { /* Firefox 18- */opacity:1 !important;}
input::-moz-placeholder {  /* Firefox 19+ */	opacity:1 !important;}
input:-ms-input-placeholder {  opacity:1 !important;}
::placeholder{ color: inherit; opacity: 1;}
/* Safari / Chrome */
::-webkit-input-placeholder{ color: inherit; opacity: 1;}
/* Firefox */
::-moz-placeholder{ color: inherit;  opacity: 1;}
/* Edge legacy */
:-ms-input-placeholder{color: inherit;  opacity: 1;}
.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;}
main label {display: none; font-weight: 300;}
.required label:after{}
.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{font-size:19px;line-height: 28px;font-family: var(--f1); width:100%;padding:6px 18px;border-radius: 20px;border: 1px solid var(--c6);font-weight: var(--w1);max-width:none;margin-bottom:20px;background: var(--c1);color:#868686;}
.input-field.long{width: 100%;min-width: 100%}
.input-field select{  appearance: none;  -webkit-appearance: none;  -moz-appearance: none;background-image: 
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23868686' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat;  background-position: right 1rem center;  background-size: 10px 6px;cursor: pointer;background-position: right 25px center;
}

.check-block label a,.check-block label a:visited{color: var(--c4)}
.check-block label a:hover{color:var(--c3)}

.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;}
main input[type="checkbox"]{position: absolute;}
.check-block label{font-family: var(--f1);font-size:19px;padding-left: 28px;display: inline-block;font-weight:400;margin-bottom: 0}
.check-block label a,.check-block label a:visited{text-decoration: none}
form {display: flex;flex-direction: column;}
form .input-checkbox {/*justify-content: center;*/display: flex;}
form textarea {resize: vertical;}

.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: 700}
.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,.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(--c7)}
tr.even{background: var(--c1)}
td,th{padding:6px 4px;}
.vertical-table-files th,.vertical-table-files td{padding:6px 10px;}

article.page,section.archive,nav.page-menu,.not-found section.page, .mappasito .site-map,.sponsorPage section.page, .dettsp section.page{ margin-right: auto;margin-left: auto}

/***header***/
.fixed-menu .logo{display: block;}
.logo a {display: inline-block;text-align: left}
.top{background:transparent;padding: 20px 0px 15px; transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
/*.home .top{padding: 30px 0px;}
.home .top{background: transparent}
*/.home .fixed-top .top {background:var(--c6);}
.fixed-top .top{padding: 10px 0;}
.ico {display: inline-block;width: 30px;height: auto;}
.info {position: absolute;font-size: 18px;line-height: 20px; transition: all 1s cubic-bezier(0, 0, 0.2, 1);right:80px; top:0px}
.fixed-top .info{top:10px;}
.info ul{list-style-type: none;display: flex; column-gap: 20px}
.info ul li{position: relative}
.info .last-info:before{content:"";display: inline-block;position: absolute;left:-10px;width: 1px; height: 24px; background: var(--c3)}
.info > .mail {margin-left: 10px;}
.info .text {display: none}
#header a, #header a:visited {color: var(--c3)}
#header a:hover{color:var(--c4)}
.content-nav { position: absolute; width: 80px; z-index: 300;right: 0px;top:0}
.logobig {transition: all 1s cubic-bezier(0, 0, 0.2, 1);}

.fr1 .add-menu{display: none}
/***nav***/
.main-menu li {list-style-type: none; transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
.main-menu a {padding: 5px; display: block}
.main-menu li {color: white}
.main-menu .selected, .nav .selected >a, .nav .selected> a:visited, .nav .selected> a:hover, .nav .selected >a:visited:hover {color: var(--c3)}
.main-menu a:visited, .nav a,.add-menu a,.add-menu a:visited {color: var(--c1)}
.main-menu ul.nav li a:visited:hover, .nav a:hover,.add-menu a:hover {color: var(--c3)}
.main-menu li {list-style-type: none;}
.tmenu{display: none}
#menu ul.nav .nav1209{margin-top: 20px}
#menu ul.nav .nav1209 a,#menu ul.nav .nav1209 a:visited,.btn,a.btn,a.btn:visited,button.next{font-family:var(--f1);text-align: center; min-width:140px;background: var(--c2);color:var(--c1);font-size:20px; line-height: 28px;padding: 10px 30px;border-radius:30px;display: inline-block;	transition: background-color 0.3s ease, color 0.3s ease;}
#menu ul.nav .nav1209 a:hover{background: var(--c6);color:var(--c3);cursor: pointer}
.btn:hover,a.btn:hover,button.next:hover,#menu.open ul.nav .nav1209 a:hover{color:var(--c1);background: var(--c4);cursor: pointer}
.btn,button.next{margin-top: 20px}

section.archive .head,.archive-description .abstract,.content-archive .abstract{padding-left: 20px;padding-right: 20px;}
.archive-description{margin-top: 30px;}
.archive-description .abstract{color: var(--c2);font-weight: 300}
.content-archive .abstract{margin-bottom: 30px}

/* pagina listing*/
.listing .intro-archive{display: none}
.listing .content-archive article p{padding-left: 5px; padding-right: 5px; margin-top: 0}
.listing .content-archive article .title{padding-left: 5px; padding-right: 5px;margin-top: 10px}
.listing .content-archive article .content{padding-bottom: 10px;}
.listing .content-archive article:hover .title a{color: var(--c3)}
.listing section.archive>.head .title{text-align: center}
.listing .content-archive {padding-left: 20px;	padding-right: 20px;}
.listing .content-archive .items-archive{width:100%;display: flex; column-gap: 10px; flex-wrap: wrap;justify-content: flex-start;}
.listing .content-archive article{width: calc(50% - 5px);margin-left: 0;margin-right: 0}

/*pagina dettaglio*/
.museo article.page .media-wrap{display: none}
article.page >div.first{padding: 0 20px 30px}
article.page h1.title{margin-bottom: 10px}
article.page .abstract{color:var(--c9);font-size: 22px;line-height: 24px;display: block;padding-bottom: 10px}
article.page .attributo{color:var(--c3);font-size: 18px;line-height: 24px;display: block;padding-bottom: 10px}
article.page .abstract:before,article.page .attributo:before,article.page .content:before{display: inline-block;width: 130px;color:var(--c3);font-weight: var(--w2)}
article.page .abstract:before{content: "Inviato da:"}
article.page .canno:before{content: "Anno:"}
article.page .cmater:before{content: "Materiale:"}
article.page .content:before{content: "La tua storia:"}
.detail .content> p:first-of-type {margin-top: 0;}
.detail .gallery .title{display: none}
.detail .first .block {padding-bottom: 20px}
.detail .gallery .object-item{margin-bottom: 20px;display: block}
.detail .gallery .object-item:nth-of-type(n+5) {display: none;}
.detail .gallery .object-item a{display: block}
/*default*/
.default .page .first .block{display: flex;flex-direction: column-reverse}
.default .page .first .block .media-wrap{margin-top:30px;}

/*home**/
.homepage .group{overflow: hidden}
.homepage .group .block{padding-left: 20px; padding-right: 20px}
.homepage .group .goto{background: transparent}
.home .group img,.page img{border-radius: 20px;}
.home .g1 img {width: 100%; height: 550px;  object-fit: cover; object-position: center;}
.home .g1 .media{  position: relative;  min-height: 550px; max-width: 1370px;  overflow: hidden; }
.home .group .media{ /* “buca” il padding laterale del .block*/   margin-left: -10px;  margin-right: -10px;}
.home .g1 {margin-top:10px;margin-bottom: 50px}
.home .g2 .block{margin-bottom: 30px;}
.g2 .block .btn{margin-top:15px;}
.home .g2 .block{margin-bottom: 40px;display: flex;flex-direction: column}
.home .g2 header{order: -1;padding-bottom: 15px;}
.home .g2 .abstract{padding-top: 20px}

.top .row>div{padding-left: 20px;padding-right: 20px}
.group .btn{margin-top: 25px}

section.module,.list .page section>.block,.list .page .first>.block,.default .page section>.block,.default .page .first>.block,.dett .page section>.block,.dett .page .first>.block,section.page section>.block,section.page .first>.block,.column-1 .site-map,.page .block-gallery>.block{padding-left: 20px;padding-right: 20px;max-width: 1360px; margin-left: auto;margin-right: auto}
.contduecol>.block{padding: 20px 20px 0;}

.list .page section>.block,.page .first>.block,.default .page section>.block,.default .page .first>.block,.not-found section.page .block,.column-1 .site-map{padding-top: 1px; padding-bottom: 1px;margin-top: 30px; margin-bottom: 30px;}
.list section.back,.default section.back{padding-top: 1px; padding-bottom: 1px;margin-bottom: 50px}
.list .block h2{padding-top: 30px}
.list .back h2{padding-top: 0}
.list .abstract{font-size: 24px; line-height: 36px;display: block;padding-top: 15px}
.l3 strong{display: block}
.l3 .tit2{margin-bottom: 20px}

.dett .gallery-carousel,.block-gallery .gallery-carousel {width: calc(100vw - 40px);max-width: 100%;	overflow: hidden;padding-bottom: 20px;position: relative}
.dett .gallery-carousel img,.block-gallery .gallery-carousel img { max-width: 320px;height: auto}

.dett .gallery-carousel >div ,.dett .gallery-carousel .slick-slide,.block-gallery .gallery-carousel >div,.block-gallery .gallery-carousel .slick-slide{width:330px!important}
.dett .gallery>div,.block-gallery .gallery>div{max-height: 400px}
.dett .gallery .slick-dots li.slick-active button,.block-gallery .gallery .slick-dots li.slick-active button{  background-color: var(--c7); /* colore attivo */}
.dett .gallery .slick-slide .media,.block-gallery .gallery .slick-slide .media{margin-left: 5px; margin-right: 5px}
.slick-arrow { position: absolute;  bottom: 45%;    z-index: 10;  width: 40px;  height: 40px;
  cursor: pointer;  line-height: 40px;  text-align: center;  background: none;  background: var(--c1);  border-radius: 100%;  padding: 0;  display: flex;  align-items: center;  justify-content: center;}
.slick-arrow{opacity: 0.6;}
.slick-arrow:hover{background: var(--c4)}
.slick-arrow svg path{stroke:var(--c4)}
.slick-arrow:hover svg path{stroke:var(--c1)}
.slick-next{right:18px}
.slick-prev{ left: 7px;right: auto;}
.dett .first .gallery,.block-gallery .gallery { opacity: 0;  transform: translateY(20px);  transition: opacity 0.6s ease, transform 0.6s ease;}
.dett .first .gallery.is-visible,.block-gallery .gallery.is-visible { opacity: 1;  transform: translateY(0);}
.bordt .content,.bread-link .content{padding-top: 30px; padding-bottom: 30px; border-top:1px solid var(--c6);}
.default .page section > .block .wrap-content p:last-of-type { margin-bottom: 0;}
.dett section.page section.bordbt{margin-top: 50px}
.dett .bordt header{ padding-top: 0px; border-top:1px solid var(--c6)}
.dett section.page section{margin-top: 30px; margin-bottom: 30px}
.dett section.page section .gallery,.block-gallery section.page section .gallery{margin-left: 20px; margin-right: 20px; padding-bottom: 0px}
.dett section.page section .title{display: block;margin-top: 30px; margin-bottom: 30px;}
.dett section.page section .gallery-carousel,section.page section.block-gallery .gallery-carousel {width: calc(100vw - 40px);}
section.page section .module .js-form > .title{display: block;margin-top: 30px; margin-bottom: 30px;font-weight: var(--w1)}


.contatti .js-form>.title{display: none}
main .site-map li a,main .site-map li a:visited {color:var(--c3)}
main .site-map li a:hover {color:var(--c4)}
main .site-map li{margin-left: 15px; list-style: circle}

@media (min-width: 320px) {
	 .homepage #topB{height:280px;}
	.top-1 .logo img{max-width: 240px; height: auto}
	main >.container-fluid{z-index:1}
    .wrap-archive{padding-top:30px; padding-bottom: 40px;}
    .page .first header{margin-bottom:20px;}
   
	.responsive-nav {background: transparent;width: 30px;padding: 0px 2px 4px;margin-left: 0;float: none;color: var(--c3);font-size: 30px;display: block;position: absolute;top:0;left: auto;right:20px;z-index: 350;cursor:pointer;transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
    .responsive-nav span, .responsive-nav::after, .responsive-nav::before {background: var(--c1);display: block;	border: 1px solid var(--c1);	height: 3px;margin: 6px auto;width: 100%;transition: all .2s ease-in-out;content: '';border-radius:50px;}
	.responsive-nav:hover span,.responsive-nav:hover::after, .responsive-nav:hover::before{backface-visibility: var(--c1);border: 1px solid var(--c1)}
	
    .content-archive{padding-top: 20px}
    .content-archive article{max-width: 480px; margin: 0px auto 40px;}
    article time{padding:5px 0px;font-size:17px; line-height: 20px; display: block; text-transform:uppercase; color:var(--c6)}
	.content-archive article time{padding:10px 20px;}
    article.page .title,article.page .abstract,article.page p{padding:0;}
    .content-archive article .title{color:var(--c2);font-weight:400;}

}
@media (min-width: 320px)and (max-width:767px) {
	.l3 li{display: block;margin-bottom: 15px;}
	.home .g1 {margin-top: 0px;}
}
@media (min-width: 320px)and (max-width:599px) {
	.home .g1{margin-bottom: 0}
	.home .g2{margin-top: 50px}
	.home .g1{ position: relative;  height: calc(100vh - 94px);  overflow: hidden;background: var(--c5)}
	.home .g1 video {position: absolute; top: 0; left: 50%;  min-height: calc(100vh - 94px);  width: auto;  transform: translateX(-50%); }


}
@media (min-width: 320px)and (max-width:991px) {
	.content-menu .main-menu {width: calc(100% - 40px);	top: 0;	bottom: 0;	-webkit-backface-visibility: hidden;box-sizing: content-box;-webkit-overflow-scrolling: touch;overflow-y: auto;background: rgba(232,232,233,0.97);	padding-top: 30px;	padding-left: 20px;	padding-right: 20px; position: fixed;right: -100%;	z-index: 0;	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);	opacity: 0;	-webkit-transition: 1s ease;-moz-transition: 1s ease;-o-transition: 1s ease;	transition: 1s ease;}
	.camo-bmark .content-menu .main-menu{padding-top: 75px}
	#menu.open li a,#menu.open li a:visited,#menu.open li a:hover,.open .add-menu a,.open .add-menu a:visited  {color:var(--c3);}
	#menu.open li a:hover,.open .add-menu a:hover {color:var(--c4)}
	.block-gallery .gallery{margin-top: 20px; margin-bottom: 40px}
}



@media (min-width: 420px) {
	.top-1 .logo img {max-width: 250px;}

	body>header,.content-nav,.homepage .slider, .slider .cycle-slide{top:0}
	.content-nav{margin-top: 5px}
	.dett .gallery-carousel img, .dett .object-item,.block-gallery .gallery-carousel img, .block-gallery .object-item{ max-width: 330px;height: auto;margin-right: 10px}
	.dett .gallery-carousel >div,.dett .gallery-carousel .slick-slide,.block-gallery .gallery-carousel >div,.block-gallery .gallery-carousel .slick-slide{width:340px!important}
	.slick-next{right:8px}

}
@media (min-width: 500px) {
	
}
@media (min-width: 600px) {
	.top-1 .logo img {max-width: 300px; width:300px;}
	/*main{padding-top: 109px}*/
	/*.home .top{padding-top: 50px}*/

	.content-archive{display: flex;flex-wrap:wrap;justify-content: space-between}
	.content-archive article{width:48%}
	ul.product-gallery {width: 90%;}
	.detail .product-gallery-wrap li{margin-right: 1%;min-width:19%;overflow: hidden}
	.listing .content-archive .items-archive{column-gap: 20px;}
	.listing .content-archive article{width: calc(50% - 10px)}
	.home .g1 video {position: absolute;right: 0;top: 0;min-width: 100%;min-height: 100%;width: 100%;z-index: -1;}
	.home .g1 {height: 40.25vw;max-height: 551px}

}
@media (min-width: 768px) {
	body{font-size: 17px;line-height: 28px}
	.top .row > div {padding-left: 15px;padding-right: 15px;}
	.responsive-nav{right: 15px}
	.home .g1c,.home .g2c,section.module,.list .page section>.block,.list .page .first>.block,.default .page section>.block,.default .page .first>.block,.not-found section.page,.dett .page section>.block,.dett .page .first>.block,.dett .page section > .download,.column-1 .site-map,.page .block-gallery>.block{width:750px; margin-left: auto;margin-right: auto}
	.title,h2{font-size:20px; line-height: 28px;}
	.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,.check-block label{font-size:17px;line-height: 28px;}
	#menu ul.nav .nav1209 a, #menu ul.nav .nav1209 a:visited, .btn{font-size: 18px;line-height: 28px}
	.top-1 .logo img {max-width: 260px; width:260px;}
	/*.home .top-1 .logo img {max-width: 400px; width:400px;}*/
	/*.home .top{padding-top: 70px}*/
 	#menu li a,#menu li a:visited, #menu li a:hover,.add-menu a,.add-menu a:visited{ font-size:17px;line-height: 28px; }
	#menu ul.nav .nav1209 a{font-size:18px; line-height: 28px;}

	.not-found section.page, .mappasito .site-map,.archive-description .abstract{width: 750px;margin-left:auto;margin-right: auto}
	.no-template section.page{padding-top:50px;padding-bottom: 50px;}

	.listing .attributi {display: block;padding: 5px 15px 25px;}
	.listing .content-archive article{width: calc(33.33333% - 13.33333px)}
	.home .g1 video{border-radius:20px;}
	.g2c{display: flex;flex-direction: row;column-gap: 20px}
	.homepage .group .block.g2-2{padding-left: 0;padding-right: 0}
	.g2c .block{  display:flex;  flex-direction:column;}
	.home .g2 .text {display: flex;flex-direction: column;flex-grow: 1; }
	.g2c .text p:last-child{  margin-top:auto;}
	.l3 ul{display: flex;column-gap:48px;margin-bottom: 20px;flex-wrap: wrap}
	.l3 ul li{min-width:calc(33.3333% - 33px)}
	.dett section.page section.bordbt .title {margin-top: 50px;}
	.dett section.page section.bordbt .gallery{padding-bottom: 50px}
	.dett section.page section {margin-top: 50px;	margin-bottom: 50px;}
	.dett section.page .first section.gallery{margin-bottom: 0}
}

@media (min-width: 768px)and (max-width:991px) {   

}

@media (min-width: 992px) {
	.home .g1c,.home .g2c,section.module,.list .page section>.block,.list .page .first>.block,.default .page section>.block,.default .page .first>.block,.not-found section.page,.dett .page section>.block,.dett .page .first>.block,.dett .page section>.download,.column-1 .site-map,.page .block-gallery>.block{width:970px;}
	.list .page section > .block, .list .page .first > .block, .default .page section > .block, .default .page .first > .block,.not-found section.page .block,.column-1 .site-map {margin-top: 50px;	margin-bottom: 50px;}
	.dett .page .first>.block{margin-top: 50px;}
	.home #menu ul.nav .nav1209 a:hover{color:var(--c3);background: var(--c6);cursor: pointer}
	.home .fixed-menu #menu ul.nav .nav1209 a:hover{color:var(--c3);background: var(--c6);cursor: pointer}
	/*.home .main-menu ul.nav li a:hover {color: var(--c4);}*/
	.home .fixed-menu #menu ul.nav li a:hover {color: var(--c3);}
	.main-menu .nav .first{display: none}
	.add-menu{display: none!important}
	#menu{position: absolute;right:0;top:15px}
	body.fixed-menu #menu{top:0px}
	.main-menu ul.nav{display: flex;align-items: center;column-gap: 20px;padding-right: 10px}
	.main-menu ul.nav li a,.main-menu ul.nav li a:visited{color:var(--c1)}
	.main-menu ul.nav::before,.main-menu ul.nav::after{ content: none !important;}
	#menu ul.nav .nav1209{margin-top: 0}
	.content-nav{display: none}
	.listing .content-archive,article.page,.not-found section.page, .mappasito .site-map,.archive-description .abstract{max-width: 1070px;margin-left:auto;margin-right: auto}


  	.wrap-archive {padding-top: 50px;padding-bottom: 100px;}
	.camo-bmark .open .main-menu{padding-top: 150px}
	.logobig {display: inline-block;}
	.logo2 {left: 40px;top:16px}
	.info {right: 170px;	top: 15px;}
	.responsive-nav {right: 40px;width:46px}
	.tmenu{display: block; position: absolute;right:95px;margin-top:40px;font-size: 18px;  line-height: 20px;transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
	.info {right: 170px; top:15px}
	.responsive-nav { margin-top: 35px }
	.fixed-top .info {top: 12px}
	.fixed-top .tmenu {margin-top:27px;}
	.fixed-top .responsive-nav { margin-top: 22px }
	.fixed-top .top {padding: 10px 0px;}
	.fixed-top .logo2 {top: 10px;}
	.content-archive {display: flex;flex-wrap: wrap;justify-content: space-between}
	article.page > div.first,.listing .content-archive {padding-left: 40px; padding-right: 40px;}
	.detail .wrap-archive {display: flex;flex-wrap: wrap;position: relative}
	.detail .wrap-archive .title {padding: 20px 0 10px}
	.left .block,.right .block{display: flex;column-gap:40px}
	.left .block>div,.right .block>div{width: calc(50% - 20px)}
	.right .block{flex-direction: row-reverse}
	.list section.back, .default section.back {	margin-top: 70px;margin-bottom: 70px}
	
	.default .page .first .block{display: flex;flex-direction: row-reverse;column-gap: 40px}
	.default .page .first .block .wrap-content{width: 290px;padding-top: 20px}
	.default .page .first .block .media-wrap{width: calc(100% - 330px);margin-top: 0}
	.default .page section > .block{padding-left: 350px}
	.default .page section.duecol > .block{padding-left: 20px}
	.default .page section.block-gallery > .block{padding-left: 0px}
	
	.dett .first .wrap-content,.block-gallery .wrap-content {display: flex;flex-wrap: wrap;column-gap: 0px;height: auto;max-width:950px;overflow: hidden}
	.dett .first .wrap-content .content,.block-gallery .wrap-content .content{width:310px; padding-top: 20px}
	.block-gallery .wrap-content .content{padding-left: 20px}
	.dett .first .wrap-content .gallery,.block-gallery .wrap-content .gallery{margin-left:40px;width: calc(100% - 350px);padding-left: 0;padding-right: 0;margin-bottom: 0}
	.dett .first .gallery,.block-gallery .gallery{display: flex}
	.dett section.page .first section.gallery{margin-top: 0}
	.dett section.page section .block{padding-left: 370px}
	.dett section.page section.bordt .gallery {width: calc(100% - 412px);margin-left:auto	}
	.block-gallery{margin-bottom: 80px}
	.block-gallery.tright .wrap-content{flex-direction: row-reverse}
	.block-gallery.tright .wrap-content .gallery{margin-left:20px;margin-right: 20px }
	

}
@media (min-width: 1025px) {
	.homepage .controls{display: block; position: absolute;width:100%;bottom:100px}
	.homepage .control{position:absolute;font-size:30px;line-height: 60px;color:var(--c1);width:60px;height: 60px;display:inline-block;text-align: center;bottom:50px;}
	#next{right:20px}
	#prev{left:20px}
}

@media (min-width: 1200px) {
	.home .g1c,.home .g2c,section.module,.list .page section>.block,.list .page .first>.block,.default .page section>.block,.default .page .first>.block,.not-found section.page,.dett .page section>.block,.dett .page .first>.block,.dett .page section>.download,.column-1 .site-map,.page .block-gallery>.block{width:1170px;}
	#menu ul.nav .nav1209 a, #menu ul.nav .nav1209 a:visited, .btn {padding: 12px 40px;	border-radius: 30px;}
   	article.page,.not-found section.page, .mappasito .site-map,.archive-description .abstract,	.listing .content-archive{max-width: 1390px; margin-left: auto;margin-right: auto}
	.top .container-fluid,.content-nav{max-width: 1390px; margin-left: auto;margin-right: auto}
	.info{right:190px;top:15px;font-size:20px}
	.responsive-nav {margin-top: 55px; width: 60px}
	.responsive-nav span, .responsive-nav::after, .responsive-nav::before {	margin: 9px auto;}
	.responsive-nav::before{margin-top: 2px}
	.tmenu {margin-top:60px; font-size: 20px;right: 110px}	
	.logobig {display: inline-block;}
	/*.homepage #topB{height:690px}*/

	article.page .abstract::before, article.page .attributo::before, article.page .content::before {width: 140px;}
	article.page .content::before{position: absolute;left:0}
	article.page .content{position: relative;padding-left: 140px;}
	article.page h1{font-size: 50px;line-height: 56px;}
	
	.listing .content-archive article{width: calc(25% - 15px)}
	.list section.page .first .block,.list .back .block{display: flex;column-gap: 40px;}
	.list section.page .first header,.list section.page .first .wrap-content,.list .back .block header,.list .back .block .wrap-content{min-width: calc(50% - 20px)}
	.list section.page .first .wrap-content .btn,.list .back .block .btn{position: absolute;bottom:0;left:20px}
	.list section.page .first header,.list .back .block header{padding-bottom: 50px;margin-bottom: 20px}
	.list section.page .first .wrap-content,.list .back .block .wrap-content{padding-top: 35px;}
	.dett .first .wrap-content,.block-gallery .wrap-content{max-width: 1160px;}
	.top-1 .logo img {max-width: 300px;	width: 300px;}
}
@media (min-width: 1400px) {
	.home .g1c,.home .g2c,section.module,.list .page section>.block,.list .page .first>.block,.default .page section>.block,.default .page .first>.block,.not-found section.page,.dett .page section>.block,.dett .page .first>.block,.dett .page section>.download,.column-1 .site-map{width:1360px;}
	.default .page .block-gallery>.block{width:1320px;}
	.top .row > div { padding-left: 0px;  padding-right: 0px;}
	body>header .top>.container{padding-left: 35px; padding-right: 35px}
	.responsive-nav{right:0}
	.logo2 {left: 0px;top: 16px;}
	.home .g1 .media{margin-left: 0;margin-right: 0}
	.default .page .first .block{display: flex;flex-direction: row-reverse;column-gap: 70px;justify-content: flex-end}
	.default .page .first .block .media-wrap{width: calc(100% - 360px);margin-top: 0}
	.default .page section > .block{padding-left: 380px}
	.dett .first .wrap-content,.block-gallery .wrap-content,.page .block-gallery > .block {max-width: 1340px;width:auto}
	.dett section.page section.bordt .gallery {width: 1360px;margin-left:auto;margin-right: auto;padding-right: 20px	}
	.dett section.page section.bordt .gallery .object-content {width: 970px;margin-left:auto	}
	.dett .first .wrap-content .gallery,.block-gallery .wrap-content .gallery {margin-left: 0px;	width: calc(100% - 360px);}
	.dett .first .wrap-content .content,.block-gallery .wrap-content .content  {width: 310px; padding-right: 20px;margin-right: 50px}
	.default .page section.block-gallery > .block {padding-right: 0px;}
	.block-gallery .wrap-content .content{padding-left: 0px}
	.block-gallery.tright .wrap-content .content{margin-right: 0px;padding-right: 0 }
	.block-gallery.tright .wrap-content .gallery {margin-left: 0px;	margin-right: 50px;	}

}
@media (min-width: 1450px) {
	.listing .content-archive, article.page > div.first{padding-left: 0;padding-right: 0}

}
@media (min-width: 1800px) {
}



