body{height:100%;width:100%;margin:0;color:#444;background:linear-gradient(167deg,#fff 40%,#d9eaff 60%);font:400 14px/1.5em Montserrat,sans-serif}
strong{display:contents}
p:first-child{margin-top:0}
*,:after,:before{box-sizing:border-box}
.welogo{position:relative}
.welogo img.image-hover{position:absolute;left:24px;object-fit:unset;opacity:0}
.welogo:hover img.image-hover{opacity:1}
.barra.active .titolo.welogo img {opacity:1}
#logo{width:250px;margin:3.5em auto 1em}
.responsive{max-width:92%;height:auto;border-radius:10px;display:block;margin:auto}
.separator{text-align:center;margin:.7em 0 2em}
.corpo,.titolo{background:#fff}
.titolo{padding:1.5em;background:#fff;color:#627dcb;cursor:pointer;font-size:1em;transition:all .1s;text-transform:uppercase;font-family:Barlow;font-weight:600;text-align:left;border-radius:20px;padding-right:40px;display:flex;align-items:center;justify-content:space-between;line-height:1.2em}
.barra{margin:20px 0;box-shadow:0 0 10px #c1e1e1;border-radius:20px}
.titolo:hover{position:relative;z-index:5;border-radius:20px 20px 0 0;background:linear-gradient(30deg,#3181c9 25%,#b276cf 75%);color:#fff}
.corpo{background:#fcfcfc;color:#607d8b;display:none;border-radius:0 0 20px 20px}
.contenuto{padding:2em 3em 3em}
.barra>.titolo:after{content:url(images/spin.png);position:relative;transition:.55s all;transform:rotate(180deg);left:15px;transform-origin:10px 10px}
.barra .barra .titolo{background:#f1f1f1;color:#353535}
.barra.active > .titolo:after{transform:rotate(0)}
.barra.active .titolo{background:linear-gradient(30deg,#3181c9 25%,#b276cf 75%);color:white;border-radius:20px 20px 0 0}
h1{font:300 clamp(1.5rem,8vw,4rem)/.9em 'Barlow Condensed',sans serif;text-align:center;color:#6e6bcc;background:linear-gradient(55deg,#369fc9 25%,#b276cf 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 7px #fff);margin-top:1.25em}
h2{color:#8aa184;font:500 30px/1em Barlow,sans-serif}
h3{font:300 1.5em/29px 'Barlow Condensed',sans serif;color:#6e6bcc;background:linear-gradient(55deg,#369fc9 25%,#b276cf 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;width:fit-content}
.centro h3{padding-bottom:25px;margin:0 auto;}
ul{list-style-image:url(images/arrow.png);padding-left:15px}
p,ul:last-of-type{margin-bottom:0}
ul ul{list-style-image:url(images/red-arrow.png);padding-left:20px}
li{padding-left:5px;padding-bottom:7px;line-height:1.3em}
span.link_wer:after{content:url(images/aster.png);position:absolute;margin-left:5px;animation:pulse 1.5s infinite;-webkit-animation:pulse 1.5s infinite;-moz-animation:pulse 1.5s infinite;-0-animation:pulse 1.5s infinite;border-radius:100%;width:20px;height:20px;-moz-transform: translate3d(0,0,0)}
#aster a,#aster2 a{text-decoration:none;color:inherit}
@keyframes pulse{
  from{box-shadow:0 0 0 0 rgba(211,47,47)}
  to{box-shadow:0 0 0 15px rgba(0,0,0,0)}
}
.hero-image{position:relative;width:100%;margin:5% auto}
.hero-text{color:#fff}
.sfondo img{max-width:100%;border-radius:20px}
ol{list-style-type:none;counter-reset:li;padding-inline-start:0!important}
ol li:before{counter-increment:li;content:counter(li);color:#fff;margin-right:1.25em;background:#f08080;padding:0;border-radius:50%;min-width:28px;min-height:28px;text-align:center;align-items:center;justify-content:center;display:flex;font-family:'Barlow condensed'}
ol li{display:flex;align-items:baseline;padding:12px 0;box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start}
.accordion{font-size:1rem;width:1000px;margin:20px auto 80px;border-radius:20px}
svg{display:block;width:100%;margin:0 auto}
.land{fill-opacity:1;transition:all .35s}
.wheel{fill-opacity:1;transition:all .35s}
.wheel:hover{filter:opacity(.25)}
.land:hover{filter:brightness(.5)}
.nox{pointer-events:none}
.modal{position:fixed;font-family:Montserrat,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:99999;opacity:0;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;transition:opacity .2s ease-in;pointer-events:none}
.modal:target{opacity:1;pointer-events:auto}
.modal>div{width:100%;max-width:340px;margin:2% auto;padding:1.5em;border-radius:10px;color:#607d8b;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.close{background:#cd5c5c;color:#fff!important;line-height:37px;text-align:center;width:37px;text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);box-shadow:0 4px 12px #cd5c5c;font:500 1.4em/Montserrat}
@media screen and (max-width:1000px){
  /* body{padding:1em} */
  .accordion{width:100%; padding:0 1em 0}
}
@media screen and (max-width:767px){
  .contenuto{padding:2em}
  .twocol{column-count:1}
}
.footer {background: linear-gradient(50deg,#3181c9 18%,#b276cf 81%);padding: 0 50px;display: flex;justify-content: center;align-items: center;flex-direction: column;mix-blend-mode: multiply;text-align:center}
.credits {display: flex;justify-content: center;align-items: flex-end;margin: 10px 0;flex-wrap: wrap;}
ul.credits{padding-left:0}
.menu__item {list-style: none;}
.menu__link {font-size: 1rem;color: #fff;margin: 0 10px;text-decoration: none;font-weight: 500;}
li.menu__item {padding-left: 0;}
.footer p {color: #e1e1e1;margin: 20px 0 50px 0;font-size: 0.75rem;font-weight: 400;}

/* ZOOM */
img.zoomD{cursor:pointer}
#lightbox {position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;background:rgba(255, 255, 255, 0.95);display:flex;align-items:center;align-items:center;visibility:hidden;opacity:0;transition:opacity ease 0.7s;}
#lightbox.show {visibility:visible;opacity:1;}
#lightbox img {width:100%;height:auto;object-fit:cover;cursor:pointer}
/* (C) LIGHTBOX IMAGE - FULLSCREEN ALTERNATIVE *
#lightbox img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}