@charset "utf-8";

:root {
    --c1: #fff;
    --c2: #000;
    --c3: #4b4948;
    --c4: #948b84;
    --c5: #bfb9b5;
    --c6: #d8d4d1;
    --c7: #d7d3cd;
    --c8: #efedeb;
    --f1: 'Poppins', sans-serif;
    --f2: 'Gloock', serif;;
}
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;
}

.container,.no-template main>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
@media (min-width: 768px) {
    .container,.no-template main>.container-fluid {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container,.no-template main>.container-fluid {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container,.no-template main>.container-fluid {
        width: 1170px;
    }
}
.container-fluid,.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: 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: 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;
    }
}


.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:#fff;    font-family: var(--f1);color:var(--c3);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; }
.div100vh {min-height: 100vh;height: auto;}
.block{display:block;position: relative}
body > header{position: absolute; width: 100%;z-index:10;top:0px}
#intestazione{position: relative; z-index:2;}
html {overflow-x: hidden;}
main{display: block;min-height:400px;padding:0;position: relative;z-index:2}
mark,mark.title{font-family: var(--f2);background:transparent; color:var(--c3); padding:0;	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:400;}
h1,h1.title,.title,h2{font-family: var(--f2);color:var(--c3)}
.abstract{font-family: var(--f1);color:var(--c3);display:block;}
.theme{font-family:var(--f1); color:var(--c3)}
p{text-align: left;margin-top: 15px;margin-bottom: 15px;}
main a,main a:visited{color:var(--c4); text-decoration: none}
main a:hover{color:var(--c5); text-decoration: none}
main .title a,main .title a:visited,main .title a:hover{color:var(--c3)}

body #intestazione:before{content:""; background-color:var(--c3);}
/*background: linear-gradient(90deg, rgba(202, 87, 149) 50%, rgba(171, 95,151,1) 40%, rgba(119, 108, 159,1) 50%, rgba(82, 117,156,1) 60%, rgba(32, 130, 159,1) 80%);display: block}*/
.txtlogo{text-transform: uppercase;font-weight:400;display: block;color:var(--c4)}
.fixed-top .txtlogo{font-size:11px; line-height: 13px;}
.logo a,.logo a:visited,.logo a:hover{text-align:center;display: block;color:var(--c4);text-decoration: none}
#intestazione{background:var(--c8); color:var(--c3);font-weight:200}
#intestazione a,#intestazione a:visited,#intestazione a:hover{color:var(--c3);}
#intestazione .recapiti a:hover{color:var(--c5)}
#intestazione a svg path,#intestazione a:visited svg path {fill: var(--c3);}
#intestazione a:hover svg path {fill: var(--c5);}
.logosmall{display:none}
.banner-t,.banner-t li{position: absolute;width: 100%; height: 100%;}
.banner-t>li img{width: 100%;display: none} 


/**menu*/
#top{padding-top: 5px; padding-bottom: 30px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.9107843821122199) 0%, rgba(0,0,0,0) 100%);}
#top.fixed-top{padding-top: 5px; padding-bottom: 10px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.9107843821122199) 50%, rgba(0,0,0,0) 100%);} 
/*#topB:after{content: ""; position: absolute; bottom: -20px;	background: url("../img/background/brush.svg") no-repeat bottom; background-size: 105% 50px;height: 40px;width: 100%;left: -2%;}*/
.homepage #topB:after{background: none}
#menu li {list-style-type: none}
#menu li a,#menu li a:visited, #menu li a:hover{position: relative; font-size:16px;line-height: 20px; display: inline-block; color:var(--c1);text-transform:uppercase;font-weight:400; text-decoration: none;background: none;cursor:pointer; }

#breadcrumbs{display:block;}
.homepage #breadcrumbs{display: none}

.path-menu .nav{text-align: center}
.path-menu .nav li.first,.path-menu .level1{display: none}
.path-menu .nav li{list-style-type: none;display: inline-block; font-size: 18px; line-height: 24px;font-weight:300;color:var(--c3)}
.path-menu .nav li a,.path-menu .nav li a:visited,.path-menu .nav li a:hover{font-size: 18px;background: none; line-height: 24px;text-decoration:none; 
color:var(--c3); padding:10px 5px; }
.path-menu .nav li a:hover{color:var(--c5)}
.path-menu .nav li a::after{content: "/"}
.path-menu .nav li a span{display: inline-block;padding-right: 5px}
.path-menu .nav li.last{padding-top: 10px;padding-bottom: 10px;font-weight:400;color:var(--c5)}
main ul{list-style-type: none;}
main ul li{padding-left:25px;position: relative;margin-bottom:8px;}
main ul li::before {content: url("/cm-files/skin/22/img/background/list.svg");width: 15px;position: absolute;	left: 2px;top: 2px;display: block;}
.container-fluid{padding-left:0;padding-right: 0}
.camo-column.row, .model .container .row{margin-left:0;margin-right: 0}

/*personalizzazioni*/

.big{font-size:135%;line-height:105%}
.small{font-size:80%;}
.f2{font-family: var(--f2) !important;font-weight:600}
.acapo{display: block !important}
.brown{color:var(--c5) !important} 
.black{color:var(--c2) !important} 
.txtcenter,.txtcenter p{text-align: center;display: block}
.txtright,.txtright p{text-align: right}
.divider{display: block; margin: 5px auto;background: url("../img/background/divider.svg") no-repeat center top; background-size: 260px auto;height: 20px }


.button a,.button a:visited,.button a:hover,main a.button,main a.button:visited,main a.button:hover,.button,.button2 a,.button2 a:visited,.button2 a:hover,.button2,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(--c3);border:1px solid var(--c3);cursor:pointer;font-weight:300;font-size:18px;line-height:22px;padding:10px 15px 12px;font-family:var(--f1);text-align: center;}
.button,.button2,button.next{display: inline-block;clear:both; margin-top:5px; margin-bottom: 15px;border:1px solid var(--c3);background: var(--c1); position: relative;z-index: 20;min-width:200px;text-align:center; }
.button2 a,.button2 a:visited,.button2 a:hover,.button2,button.next{;border:1px solid var(--c3);color:var(--c1);background:var(--c3)}
.button::after,.button2::after,button.next::after {position: absolute;bottom: 0;left: 50%;right: 0%;	margin: 0;	width: 0%;	content: '.';color: transparent;background: var(--c3);height: 100%;z-index: -1;transition: all .5s;}
.button2::after,button.next:after{color: transparent;background: var(--c5);}
.button:hover:after,.button2:hover:after,button.next:hover:after {width: 100%;left:0}
.button:hover, .button:hover a,main a.button:hover{color:var(--c1);border:1px solid var(--c3);}
.button2:focus,.button2:hover,.button2:hover a,button.next:hover{color:var(--c1);text-decoration: none}
/**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="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;display: none}
.required label:after{content:"*"; color:var(--c5); display: inline-block; padding-left: 5px ;font-weight:600}
.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:20px; color:var(--c3);width:100%;padding:6px 12px;border:1px solid var(--c7);background:var(--c1);font-family:var(--f1);font-weight: 300;min-height:56px; max-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;}
.request-sent p{text-align: center; padding: 20px;}
input[type="checkbox"]{position: absolute;margin-top: 6px}
.check-block label{font-family: var(--f1);font-size:18px;padding-left: 20px;display: inline-block;font-weight:300}
.check-block label a,.check-block label a:visited{color:var(--c4)!important}
.check-block label a:hover{color:var(--c3)!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;}
.fieldconfirm {display:none;}

/**table**/
.plain-table,.vertical-table,.vertical-table-files,section.module{margin-bottom: 30px;}
.homepage table{background:var(--c1)}
.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;}

.contatti .first.col{box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);}
.contatti form{padding:30px 10px 10px;background-size: 50% }
.contatti .first.col header {margin-bottom: 0px;padding:20px 10px;background: var(--c3);}
.contatti .first .abstract{display: block;text-align: center;color:var(--c1)}
.contatti .js-form .title{margin-bottom: 35px;padding:0px 10px 60px;background: var(--c3);color:var(--c1);position: relative}
.contatti .js-form .title:after{content:"";background: url("../img/background/bg-angle.svg");width:156px;height: 26px;position: absolute;bottom:0;left: 50%;
margin-left: -78px;}

.contatti .form-buttons{display: block;text-align: center;width:100%}
.cont-info .title{font-size:30px;line-height: 34px;}
.contatti section.page{display: flex;  flex-flow: row wrap;}
.contatti .title{display: block; text-align: center}
.contatti iframe{height:300px;}
.ic a,.ic a:visited{opacity: 0.8}
.ic a:hover{opacity: 1}
.ic a,.ic a:visited,.ic a:hover{color:var(--c3);font-weight:300}
.ic span{width: 40px; height: 40px; display: inline-block;background-repeat: no-repeat}
.ic-mail{background: url("../img/background/mail.svg")}
.ic-tel{background: url("../img/background/tel.svg")}
.peventi .column-1{display: flex;flex-direction: column-reverse}
article.page,section.archive,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.peventi:not(.servizi) section.page{ margin-right: auto;margin-left: auto}
.peventi section.page{width:100%}
.content-archive,.page-menu{display: flex;justify-content:flex-start;gap:15px;flex-wrap:wrap}
.page .first .title{text-align: center}
form,.gallery ul{display:flex;flex-wrap: wrap;justify-content:flex-start;}
.col2 .content{display: flex; flex-wrap: wrap; justify-content:space-between;}
.page-menu{padding-bottom: 30px}
.page-menu>div{text-align: center;box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);}
.peventi .page-menu>div{text-align: center;box-shadow:none;}
.page-menu>div .abstract{font-size: 16px;line-height: 22px;}
/**dettaglio eventi*/
.eventi article.page .first .block{display: flex;}

/***zoom image**/
html.camo-bmark #zoom{top:48px}
html.camo-bmark #zoom button{top:58px}
#zoom { position: fixed;inset: 0px; overflow: scroll; height:100%;  background-color: rgb(0, 0, 0,0.7); z-index:1000;display:none;   padding-top:40px;  padding-left:15px; padding-right: 15px;}
#zoom button {position: fixed; top:10px;right: 25px; font-size:40px;line-height: 44px;    background:transparent;   color:#fff;cursor:pointer}    
#zoom img {width: auto; max-width: 100%;height: auto; margin:40px auto;display: block;}
.overlay-active{width:100% !important;height:auto!important;overflow:hidden;position:fixed;}
.overlay-active #zoom {display:block;}
/***zoom image*/

/***homepage**/
.group{position: relative}
/*.g1::before {background: url("../img/onde2.svg")no-repeat;position: absolute;left: -10px;z-index: 3;content: "";background-size: 110% 100%;
width: 105%;}*/
.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;}
.group .title{margin-bottom: 10px;}
.g1-1{display: grid;}
.g1 p,.g1-h1{text-align: center}
/******************************/
/***template***/
.blockImg .image{display: block}
.model>div{position: relative}
.model .blockImg.fadein {right: 0;}
.model-chi #c1 .title{color:var(--c4);text-align: center}
.model-chi .due,.model-chi .quattro{background:var(--c8);}
.model-chi .due p,.model-chi .quattro p{text-align: center;font-size: 120%;line-height: 155%}
/*.model-chi .due:after,.model-chi .due:before{display: block;content:"";width:100%;height: 20px;background: url("../img/background/c7divider.svg") center no-repeat}*/
.model-chi #c3{padding: 20px 60px;}
.model-chi #c5 .title{font-family: var(--f1);font-weight: 200}
.model-chi .button{margin-top: 30px;}
.eventi .content-wrap header{display: flex;flex-direction: column-reverse}

@media (min-width: 320px) {
    body{font-size:16px;line-height: 24px;}
    body #intestazione:before{height: 8px;}    
	.logosmall{max-height: 70px;width: auto}
    #intestazione{min-height:80px;}	
    .input-field{margin:0 0 15px;min-width:100%;}
    mark,mark.title{font-size:28px;	line-height:32px;}
    article.page,nav.page-menu,.container,.not-found section.page, section.archive,.mappasito .site-map,.no-template main>.container-fluid,.g1 .block,.peventi section.page,.pwedding section.page{padding-left:20px;padding-right: 20px;}
    article.page,section.page, section.archive{padding-top:10px; padding-bottom: 20px;}
    .page .first header{margin-bottom:20px;}
    .hidden-xs.fromleft, .hidden-xs.fromright{display: none!important}
    h1,h1.title{font-size:28px;line-height: 34px;font-weight: 400;}
	.model-chi #c1 .title{font-size:26px;line-height: 34px;margin-top:15px;}
	.model-chi #c2.blockImg .image{text-align: center}
    .abstract{font-size:22px;line-height: 26px;display: block;margin-bottom:8px;}
    .title{font-size:28px;line-height: 34px;font-weight: 400;display: block; margin-bottom: 15px;}
    .group .g1c .g1-1t, .g1-1a{display:none}
   .responsive-nav {background: transparent;width: 40px;padding: 10px 2px 2px;margin-left: 0;float: none;color: var(--c1);font-size: 30px;display: block;cursor: pointer;position: fixed;top:6px;margin-top: 2px;left: auto;right:20px;z-index: 350;}
    .camo-bmark .responsive-nav{top:52px}
    .responsive-nav span, .responsive-nav::after, .responsive-nav::before {background: var(--c3);display: block;	border: 1px solid var(--c3);	height: 5px;margin: 4px auto;width: 100%;transition: all .2s ease-in-out;content: '';}
    .content-archive,.page-menu{padding-top: 20px}
    .content-archive article{border:1px solid var(--c5); border-top:0; min-width:300px;max-width: 300px;  margin-left:auto;margin-right: auto;padding-bottom: 20px}
    .page-menu>div{min-width:100%;max-width: 300px;  margin-left:auto;margin-right: auto;overflow:hidden;position: relative}
	.page-menu>div img{transition: all 1s ease-out;width: 100%}
	.page-menu>div:hover img{filter: sepia(100%);-webkit-filter: sepia(100%); -moz-filter: sepia(100%);-ms-filter: sepia(100%); -o-filter: sepia(100%); }
    .content-archive article .title,.page-menu .title{font-weight:400;font-size: 18px;line-height:24px;}
    .page-menu .title{position: absolute; bottom:0;margin: 0;padding-bottom:10px;padding-top:10px;width:100%;color:var(--c3);font-family: var(--f1);}
	.peventi .page-menu .title{position: relative;margin: 10px 0 0;transition: all .2s ease-in-out;}
	.peventi .page-menu>div:hover .title{background: var(--c5)}
	.page-menu .title a,.page-menu .title a:visited,.page-menu .title a:hover{color:var(--c3)}
    article time{font-size:17px; line-height: 20px; display: block;font-family: var(--f1); color:var(--c4);}
	.blog article time{display: none}
	.blog img{padding-bottom: 16px;}
    .homepage article time,section.archive article time{ padding: 20px 20px 8px;}
    article .title,article .abstract,article p{padding:0 20px;display: block}
    article.page .title,article.page .abstract,article.page p{padding:0;}
    /*article .title{font-weight:500;font-size: 20px;line-height:24px;text-transform: uppercase}*/
    article .title:hover a{color:var(--c5)}
    article .content div:not(.media){display: none}
    .txtsocial,.recapiti span{display: none}
     #intestazione .recapiti a{display: inline-block}    
    .g1::before {bottom: -10px;height: 120px;}
    .col2 .content p{width:100%}
	
	.model-chi .quattro{text-align: center}
	.model-chi .uno .blockImg{margin-bottom: 0px;}
	.model-chi #c3 {padding: 10px;}
	.eventi article.page .first .block	{flex-direction: column-reverse}
	.eventi .content-wrap .title{text-align: left}
	.eventi .content-wrap{margin-bottom: 10px;}
	.eventi article.page .first .title{margin-bottom: 5px;}	
	.servizi section.page section{position: relative}
	.servizi section.page section::after{position: absolute;bottom:-20px;left: 0;display: block;content: "";width: 100%;
	height: 20px;background: url("../img/background/c7divider.svg") center no-repeat;}
	.servizi section.page section .title{margin-bottom: 10px;}
	.servizi section.page section .content{padding:5px 20px;}
	.contatti p{text-align: center}
	h1 em{display: block;font-size: 80%;opacity: 0.8}

}
@media (min-width: 320px)and (max-width:767px) {
    .homepage #topB {height: 250px;}
    #top.fixed-top{padding: 0}
   .txtlogo{font-size:11px; line-height: 13px;}
    #intestazione .recapiti{margin-top: 10px}
    #intestazione{position:fixed;width:100%;z-index:10;top:0}
    .camo-bmark #intestazione{top:45px}
    .camo-bmark #topB {	margin-top: 125px;}
    #intestazione .container{padding-top: 6px;padding-bottom: 6px;}
    #menu ul.nav>li> a{padding:10px 25px;}
    #menu li.selected, #menu li:hover{background: rgba(255,255,255,.2)}
    .logosmall{display:block;margin:auto}
    .logobig{display:none}
    .txtsocial,.recapiti span{display: none}
     #intestazione.fixed-top .recapiti a{display: inline-block}    
    .camo-bmark .top{top:45px;}
    .responsive-nav{display: block}
    #camo-edit .surname,#camo-edit .company{display:none}
     .main-menu {left:-100%}
    .col-xxr{padding-right:0 !important;max-width:90px;z-index:2}
    .col-xxl{padding-right:90px !important;padding-left:90px !important;position: absolute!important;left:0px;width:100%;z-index: 1}
    .g1 .block{display: grid;grid-template-areas: "h" "a" "tx" "m";}
    .g1 header,.g1 .media,.g1 >div{max-width: 600px;margin:auto;text-align: center }
}


@media (min-width: 370px) and (max-width:499px)  {
    .content-archive article,.page-menu>div{min-width:330px;max-width:330px}
}
@media (min-width: 420px) {
	.model-chi #c1 {padding: 30px 20px}
}
@media (min-width: 500px) {
    .content-archive article,.page-menu>div{margin-left:0;margin-right:0}
}
@media (min-width: 600px) {
    body #intestazione:before{height: 15px;}
	.logosmall{max-height: 90px;width: auto}
	.fixed-top .logosmall {max-height: 70px;	width: auto;}
    #intestazione{min-height:110px;}		
    .homepage #topB {height: 400px;}
    .g1::before {bottom: 30px;height: 220px;}
    .textarea,.input-checkbox{min-width:100%}
    .input-field{margin:0 1% 15px 1%;min-width:48%;max-width:48%}
    .textarea, .input-checkbox {min-width: 98%;max-width:98%}
    .page-menu>div{min-width:48%;}    
	.model-chi #c3 {padding: 10px 20px;}
	.eventi article.page .first .block	{flex-direction: row;margin-top:20px}
	.eventi .first .block>div{width:50%}
	.eventi article.page .first .block .clear{display:none}
	.eventi .content-wrap{padding-left: 20px;} 

}
@media (min-width: 768px) {
    article.page,section.archive ,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.peventi:not(.servizi) section.page{width: 750px;}
    .homepage #topB {height: 550px;}
   .txtlogo{font-size:18px; line-height: 20px;}
    .top{background: rgb(29,36,58);background: linear-gradient(180deg, rgba(29,36,58,0.9107843821122199) 0%, rgba(29,36,58,0) 100%);padding-top:5px;padding-bottom: 50px }
    #intestazione .social,.recapiti{margin-top: 25px;}
    #intestazione .container{padding: 15px}
    #intestazione .social{text-align: right}
    .recapiti a{display: block}
    ul.nav{display: flex;justify-content: center}
    #menu ul.nav>li> a{padding:18px 18px 28px 18px;}
    #menu li a,#menu li a:visited, #menu li a:hover{color: var(--c1);}
    #menu li.selected a,#menu li.selected a:visited,#menu li a:hover{color: var(--c5);}    
    mark,mark.title{font-size:34px;	line-height:36px;}
    h1,h1.title{font-size:36px;line-height: 40px;}
    .abstract{font-size:24px;line-height: 28px;margin-bottom:16px;}
    .title{font-size:36px;line-height: 40px;text-align: center;}    
    .responsive-nav{display:none}
    .g1 .block{text-align: center;display: grid;grid-template-areas: "m ." "m h" "m a" "m tx" "m ."; grid-template-columns: 40% auto; align-content: center; column-gap: 30px; align-items: center;grid-template-rows: 1fr min-content min-content min-content 1fr;}
    .col2 .content p{width:48%}
    .page-menu>div{min-width:300px;}    
	
	/*#c4 .cont{display: flex;gap:30px;}*/
	.model-chi #c1 .title {font-size: 30px;	line-height: 40px;}
	.model-chi #c1 {padding-bottom: 10px;max-width: 48%;}
	.model-chi #c2.blockImg{position: absolute;top:0;max-width: 45%}
}
@media (min-width: 768px) and (max-width:991px)  {
    .content-archive article,.page-menu>div{min-width:345px;max-width:345px}
	.contatti iframe{height:400px;}

}
@media (min-width: 320px)and (max-width:991px) {   
    .ic{display: flex;line-height: 40px; justify-content: center;font-size: 16px}
    .cont-info{padding-top: 40px; width: 100%}
    .social a{display: inline-block}
    .social a svg{width:28px;margin-left: 10px}
    .recapiti a svg {width: 28px;height: 28px;margin-right: 10px;}
    .recapiti a svg.tmail {margin-right: 0px;}
  /***home*/
    .g1 .block{padding-top:20px; padding-bottom: 35px;}
	/**template**/
	.model-chi .uno{min-height:500px;overflow: hidden;margin-bottom: 0px; }
	.model-chi .due{text-align: center;padding: 50px 0; margin-bottom: 0px;}
	.model-chi .due{padding-top:20px;padding-bottom: 20px;}
	.model-chi .tre,.model-chi .quattro{padding-top:40px;padding-bottom: 40px;}
}

@media (min-width: 992px) {
    article.page,section.archive ,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.peventi:not(.servizi) section.page{width: 970px;}
    .txtsocial{display: block;width:100%;margin-bottom: 5px;}
    .recapiti span{display: inline-block}
    #intestazione.fixed-top .recapiti a{display: inline-block}    
    .social a svg{width:22px;margin-left: 7px}
    .social .s-yt svg{width:28px;}
    .recapiti a svg {width: 22px;height: 28px;margin-right: 5px;}
    #intestazione .recapiti a{text-decoration:none;font-weight: 200;display:flex;flex-wrap: wrap;margin-bottom: 5px;min-width:34px}
    #intestazione .social{text-align: right;justify-content: flex-end; display:flex;flex-wrap: wrap;}
    .social a{align-self:center}
    .contatti section.page{justify-content:space-between; gap:4%;margin-top: 40px;}
    .contatti .col{flex: 1 46%;}
    .cont-info .big{padding:25px 30px 10px;}
    .cont-info ul{padding-left: 30px;}
    .ic{display: flex;line-height: 40px; font-size: 20px;justify-content: center;}
  /***home*/
    .g1 .block{padding-top:35px; padding-bottom: 60px;}
    .g1 .abstract,.g1 header,.g1 .tx{padding-left: 30px;padding-right: 30px;}
    .g1::before {bottom: 20px;height: 320px;}
	.model-chi #c2.blockImg {max-width: 413px;}
	.model-chi #c1 .title{color:var(--c4);text-align: center;padding-top: 100px;padding-bottom: 50px;font-size: 38px;
	line-height: 48px;}
	.model-chi .uno{min-height:600px;overflow: hidden;margin-bottom: 0px; }
	.model-chi #c1 {max-width: 58%;}
	.model-chi .due{text-align: center;padding: 50px 0; margin-bottom: 30px;}
	.model-chi .quattro{text-align: center;padding: 50px 0;}
	.model-chi .tre{padding: 50px 0; margin-bottom: 30px;}
	.eventi .content-wrap{padding-left: 40px;} 
	.servizi section.page{display: flex;flex-wrap:wrap;justify-content: space-around}
	.servizi section.page section{width:46%}
	.servizi section.page .first{width: 100%}
}

@media (min-width: 1200px) {
   /* h1,h1.title{font-size:48px;line-height: 56px;}*/
	.model-chi #c1 {max-width: 100%;}
	.model-chi #c1 .title{text-align: center;padding-top: 100px;padding-bottom: 90px;padding-right:40%;padding-left:8%}
    article.page,section.archive ,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.peventi:not(.servizi) section.page{width: 1170px;}
    .homepage #topB {height: 600px;}
    .content-archive article,.page-menu>div{min-width:214px;max-width:214px}    
	.model-chi .uno{margin-bottom: 0}
}
@media (min-width: 1400px) {
    .homepage #topB {height: 750px;}
}

@media (min-width: 1600px) {
    .homepage #topB {height: 840px;}
	.model-chi #c1 .title {	padding-right: 30%;	padding-left: 15%;}

}
@media (min-width: 1800px) {
    .homepage #topB {height: 1000px;}
	.model-chi .uno .blockImg {	max-width: none; width: 40%;}
	.blockImg img{width:100%;}
}

@media (min-width: 2200px) {
	.model-chi #c1{min-height: 700px;}

}