:root {

  --color1: #0a0a0a;
  --color2: #2b2b2b;
  --color3: #707070;
  --color4: #d3d3d3;
  --color5: #ffffff;

  --font-size-text: 14.5px;
  --font-size-01: 12px;
  --font-size-02: 13px;
  --font-size-03: 14.5px;
  --font-size-04: 16px;
  --font-size-05: 17px;
  --font-size-06: 20px;
  --font-size-07: 22px;
  --font-size-08: 25px;
  --font-size-09: 34px;
  --font-size-10: 95px;


}
html {
  overflow: hidden;
}
html, body {
  margin: 0;
  padding: 0;
    overflow-y: scroll;
}
.display-none {
  display: none;
}

div.page-not-found {
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: 150px;
}

@media (min-width: 760px){
  html, body {
    scroll-snap-type: y proximity;
    height: 100%;
  }

  section.snap-content,
  section.section_cont_art,
  section.section_cont_art article.full-height,
  section.cont_categorie_prodotti,
  section.cont-lista-progetti,
  .productlist .product,
  section.contenitore-info-prodotto,
  section.section_vis_art,
  section.cont-vis-progetto,
  #newsletter_success,
  div.page-not-found {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    min-height: 100vh;
  }
  footer,
  section.cont-articoli {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  body.area-riservata * {
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
  }
  body.area-riservata div.container.snap {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

section.snap-content,
section.section_cont_art,
section.section_cont_art article.full-height,
section.cont_categorie_prodotti,
section.cont-lista-progetti,
.productlist .product,
section.contenitore-info-prodotto,
section.section_vis_art,
section.cont-vis-progetto {
  display: flex;
  flex-wrap: wrap;
/*  width: 100vw;*/
  align-items: center;
  position: relative;
}

section.snap-content > div:not(.container) {
  width: 100%;
}
.container .container {
  margin: 0;
  padding: 0;
}

body::-webkit-scrollbar {
  width: 8px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

body{
  color: var(--color5);
/*  font-family: "Manrope", "Helvetica", sans-serif;*/
  font-family: "Inter", "Helvetica", sans-serif;
  font-size: var(--font-size-text);
  font-weight: 200;
  width: 100%;
  overflow-x: hidden;
  background-color: var(--color1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Stile per il cinese (semplificato) */
[lang|="cn"] {
  font-family: 'Noto Sans SC', sans-serif;
}

/* Stile per il giapponese */
[lang|="ja"] {
  font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3,h4,h5,h6{
  padding: 0px;
  margin: 0px;
  font-weight: inherit;
}

a, a:visited, a:link {
  color: var(--color5);
}
a:hover {
  text-decoration: none;
}
p {
  letter-spacing: 1.3px;
}

.text-center {
  text-align: center;
}

.readmore a, button,
.res-area-buttons-content ul li a {
  background-color: var(--color2);
  padding: 10px 40px;
  min-width: 200px;
  margin: 20px auto;
  display: inline-block;
  text-align: center;
  border: none;
  transition: all .5s ease-in-out;
  font-size: var(--font-size-02);
  letter-spacing: 1px;
/*  text-transform: lowercase;*/
}
.readmore a:hover, 
button:hover {
  color: var(--color1);
  background-color: var(--color4);
}

.res-area-buttons-content ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.res-area-buttons-content ul li {

}
.res-area-buttons-content ul li a {
  margin: 5px 10px;
}

/* back to top */
.totop {
  display:none;
  bottom: 20px;
  position: fixed;
  right: 20px;
  z-index: 104400;
}
.totop a, .totop a:visited {
    color: var(--color1);
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    width: 30px;
}
.totop a:hover {
    color: var(--color5);
    text-decoration: none;
}
.totop a, .totop a:visited {
    background: none repeat scroll 0 0 var(--color4);
}
.totop a:hover {
    background: none repeat scroll 0 0 var(--color3);
}
/* END : back to top */


#page-loader {
  position: fixed;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  background-color: var(--color1);
  z-index: 999999;
  width: 100vw;
  height: 100vh;
}
#page-loader-content {
  width: 400px;
  text-align: center;
}

.spinner {
   width: 88px;
   height: 88px;
   border-radius: 50%;
   background: conic-gradient(#0000 10%,#ffffff);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 14.1px),#000 0);
   animation: spinner-zp9dbg 1s infinite linear;
   display: block;
   margin: auto;
}

@keyframes spinner-zp9dbg {
   to {
      transform: rotate(1turn);
   }
}

@media (max-width: 760px) {
  .container {
    width: 100%;
  }
}
section.full-page .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


@media (max-width: 500px) {
    article {
        padding: 20px !important;
    }
}


/*h1 {
  font-size: var(--font-size-10);
  margin-bottom: 57px;
  text-align: center;
}*/


.text-center .arttitle {
  margin-bottom: 20px;
}

.section_cont_art .section_vis_art h1.arttitle,
.des-lista-progetti h1.istanza_titolo_progetti
 {
  font-size: var(--font-size-09);
  font-weight: 100;
  /* text-align: left; */
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
.section_cont_art .section_vis_art h2.arttitle {
  font-size: var(--font-size-04);
  text-align: left;
  margin-bottom: 40px;
  text-transform: uppercase;
}


.project_social_icon {
  width: 50px;
}

/*#fascia_area1 {
  scroll-snap-type: y mandatory; 
  overflow-y: scroll; 
  height: 100vh; 
}

#fascia_area1 > section {
  scroll-snap-align: start; 
  scroll-snap-stop: normal; 
  min-height: 100vh; 
  padding: 20px;
}*/

#fascia_area1 > section {
  margin-top: 50px;
/*  padding: 50px 0;*/
}

#fascia_evidenza {
  position: relative;
  z-index: 25;
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 100px;
}
#fascia_evidenza:empty {
  display: none;
}
.main-video-prodotto {
  width: 100%;
  outline: none;
  max-height: 70vh;
}
.video-sfondo .main-video-prodotto {
  max-height: none;
}
section.section_cont_art.griglia-articoli-journal article .video-embed-interno .main-video-prodotto {
  max-height: none;
}
.contenitore-info-prodotto .first-img-prodotto,
.contenitore-info-prodotto .first-img-prodotto img.imgbox {
  width: 100%;
}
.owl-nav {
  position:absolute;
  width:100%;
  bottom:50%;
  z-index:10
}
.owl-nav .owl-prev {
  left:-50px;
  position:absolute;
  background-color:transparent !important
}
.owl-nav .owl-next {
  right:-50px;
  position:absolute;
  background-color:transparent !important
}
@media (max-width:990px) {
  .owl-nav .owl-prev {
    left:0
  }
  .owl-nav .owl-next {
    right:0
  }
}
@media (max-width:760px) {
  .owl-nav  {
    display: none;
  }
}
.owl-dots {
  width:100%;
  text-align:center;
  margin-top:10px
}
.video-custom-unmute {
  position: absolute;
  bottom: 25px;
  right: 25px;
  background-color: transparent;
  border: 0;
}

.video-embed-vimeo iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

#menu-evidenza {
  /*  display: none;*/
  opacity: 0;
  position: sticky;
  bottom: 0;
  z-index: 30;
  width: 100%;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(9, 9, 9, 0.7) 70%, rgb(9, 9, 9) 100%);
  height: 120px;
  align-items: end;
  transition: opacity .5s ease-in-out;  
  font-size: var(--font-size-03);
  font-weight: 300;
  letter-spacing: 1.5px;
  padding-bottom: 20px;
}
#menu-evidenza .nav > li > a {
  padding: 10px 30px;
}
#menu-evidenza .nav > li > a::after {
  content: " ";
  width: 0%;
  display: block;
  border-top: solid 1px var(--color4);
  margin: 10px auto 0;
  transition: all .5s ease-in-out;  
}
#menu-evidenza .nav > li:hover > a::after {
  width: 100%;
}

@media (max-width: 760px){
  #menu-evidenza {
    display: none;
  }
} 
@media (min-width: 760px){ 

  #fascia_evidenza:hover #menu-evidenza {
    opacity: 1;
  }
  #menu-evidenza .nav > li > a {
    font-weight: 25px;
    text-transform: uppercase;
    transition: all .3s ease;
    letter-spacing: 2px;
  }
  #menu-evidenza .nav > li > a:hover {
    font-weight: 400;
    letter-spacing: 1.9px;
    background-color: transparent;
  }

}

.item-box.altre-img h4 {
  display: none;
}



.section_cont_art .section_vis_art article.due-colonne {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.section_cont_art .section_vis_art article.due-colonne .altre-img {
  width: calc(66% - 10px);
}
.section_cont_art .section_vis_art article.due-colonne .item-box-content {
  width: calc(33% - 10px);
  text-align: center;
}
.section_cont_art .section_vis_art article.due-colonne h1 {
  font-size: var(--font-size-09);
  font-weight: 100;
/*  text-align: left;*/
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .section_cont_art .section_vis_art article.due-colonne {
    flex-direction: column;
  }
  
  .section_cont_art .section_vis_art article.due-colonne .altre-img,
  .section_cont_art .section_vis_art article.due-colonne .item-box-content {
    width: 100%;
  }
  
  .section_cont_art .section_vis_art article.due-colonne .item-box-content {
    margin-top: 20px;
  }
}



section.video-sfondo.fill-view article,
section.video-sfondo.fill-view .cat_catalogo {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
section.video-sfondo .video-sfondo .first-video-articolo,
section.video-sfondo .video-sfondo .first-img-articolo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

section.video-sfondo .video-sfondo .first-video-articolo video,
section.video-sfondo .video-sfondo .first-img-articolo figure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    object-fit: cover; /* Il video copre l'area visibile, tagliando i bordi se necessario */
    transform: translate(-50%, -50%);
    z-index: -1;
}

section.video-sfondo .video-sfondo.fill-view .text-art {
  max-width: 90%;
  width: 400px;
  text-align: center;
}
section.video-sfondo .video-sfondo.fill-view.testo-largo .text-art {
  width: 100%;
}

section.video-sfondo.fill-view article h1.arttitle {
  font-size: var(--font-size-09);
  font-weight: 100;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
.pagina_interna section.video-sfondo.fill-view article h1.arttitle {
  font-size: var(--font-size-10);
}
.pagina_interna.VIS_PROD section.video-sfondo.fill-view article h1.arttitle ,
.pagina_interna.pagina_progetto section.video-sfondo.fill-view article h1.arttitle,
.pagina_interna.pagina_progetti .section_cont_art section.video-sfondo.fill-view article h1.arttitle {
  font-size: var(--font-size-09);
}

@media (max-width: 500px) {
  .pagina_interna section.video-sfondo.fill-view article h1.arttitle {
    font-size: var(--font-size-09);
  }
}

section.video-sfondo.fill-view.text-bg article .article_data_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #00000077;
  padding: 50px;
}


.grey-bg {
  background-color: #161616;
}

article.scroll-gallery {
  position: relative;
  aspect-ratio: 21/9;
}
article.scroll-gallery .altre-img .owl-carousel {
  z-index: -1;
}
article.scroll-gallery.full-height {
  aspect-ratio: auto;
  height: 100vh;
}

article.scroll-gallery .item-box-content-all {
  background-color: var(--color1);
  /* width: max(50%, 530px); */
  /* right: 300px; */
  position: absolute;
  top: 0;
  /* float: right; */
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  left: 50%;
  transform: translate(-10%, -50%);
  top: 50%;
  width: 400px;
  max-width: 100%;  
  min-height: 100vh;
  padding: 20px;
  box-shadow: var(--color1) 0 0px 30px;
}

.section_cont_art .cont-art-element:nth-child(even) article.scroll-gallery .item-box-content-all {
  transform: translate(-90%, -50%);
}


article.scroll-gallery .item-box-content-all .item-box-content {
  display: flex;
  flex-direction: column;
/*  width: 50%;*/
  padding: 30px;
  text-align: center;
}
article.scroll-gallery .item-box-content-all .first-img-articolo {
  width: 50%;
}
article.scroll-gallery .altre-img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
article.scroll-gallery h1.arttitle {
  font-size: var(--font-size-09);
  font-weight: 100;
/*  text-align: left;*/
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
article.scroll-gallery .text-art ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
article.scroll-gallery .text-art ul li {
  margin-bottom: 10px; 
}


/*@media (min-width: 1250px) {
  article.scroll-gallery .item-box-content-all {
    transform: translate(-150px, -50%);
  }
  .section_cont_art .cont-art-element:nth-child(even) article.scroll-gallery .item-box-content-all {
    transform: translate(-140%, -50%);
  }
}*/
@media (min-width: 1250px) {
  article.scroll-gallery .item-box-content-all {
    transform: translate(50%, -50%);
  }
  .section_cont_art .cont-art-element:nth-child(even) article.scroll-gallery .item-box-content-all {
    transform: translate(-140px, -50%);
  }
}
@media (max-width: 1024px) { 
  article.scroll-gallery .item-box-content-all,
  .section_cont_art .cont-art-element:nth-child(even) article.scroll-gallery .item-box-content-all {
    transform: translate(-50%, -50%);
  }

  article.scroll-gallery {
    aspect-ratio: 16/9;
  }
}

@media (max-width: 800px) { 
  article.scroll-gallery {
    aspect-ratio: 4/3;
  }
}

@media (max-width: 550px) { 

  article.scroll-gallery .item-box-content-all,
  .section_cont_art .cont-art-element:nth-child(even) article.scroll-gallery .item-box-content-all {
    position: static;
    transform: none;
    margin: auto;
    min-height: auto;
  }
  article.scroll-gallery .altre-img {
    top: 0;
    transform: none;
  }
  article.scroll-gallery .item-box-content-all .first-img-articolo {
    display: none;
  }
  article.scroll-gallery .item-box-content-all .item-box-content {
    width: 100%;
  }

  article.scroll-gallery {
    aspect-ratio: 4/3;
  }
}

.lb-data .lb-number {
  display: none !important;
}



#newsletter {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column-reverse;
  background-size: cover;
  padding: 180px 10px;
  text-align: center;
}
#newsletter_success {
  display: none;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

section.cont-lista-progetti {
  display: block;
}
.section-lista-progetti {
  display: block;
  height: 100vh;
}
.des-lista-progetti {
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  transform: translate(-90%, -50%);
  width: 400px;
  max-width: 100%;
  min-height: 100vh;
  background-color: var(--color1);
  padding: 50px;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: var(--color1) 0 0px 30px;
  text-align: center;
}
.pagina_progetti .des-lista-progetti {
  display: none;
}

.des-lista-progetti h1 {
  font-size: var(--font-size-09);
  font-weight: 100;
/*  text-align: left;*/
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
.content-lista-progetti {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}
.lista-progetti .progetto {
  position: relative;
}
.lista-progetti .progetto .des-progetto {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 30px 0;
  background-color: #000000aa;
}
@media (min-width: 1250px) {
  .des-lista-progetti {
    transform: translate(-140%, -50%);
  }
}
@media (max-width: 1024px) { 
  .des-lista-progetti {
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 550px) { 

  .des-lista-progetti {
    position: static;
    transform: none;
    width: 100%;
    min-height: auto;
    aspect-ratio: auto;
  }
  .content-lista-progetti {
    position: static;
    transform: none;
  }
  .section-lista-progetti {
    height: auto;
    min-height: 100vh;
  }
}


.full-page .productlist .cont-prodotto,
.full-page .productlist .cont-prodotto .fotoProdotto img {
  width: 100%;
  margin-top: 50px;
}
.cont-prodotto-text {
  display: flex;
/*  flex-wrap: wrap;*/
  justify-content: center;
  align-items: baseline;
  padding: 20px;
  z-index: 25;
}
.cont-prodotto-text .readmore {
  display: none;
}
.cont-prodotto-text .h1h2prod { 
/*  flex-grow: 2;*/
}
.cont-prodotto-text .h1h2prod h3.descr-breve-prod {
  text-transform: uppercase;
  font-size: var(--font-size-02);
}
.product-icon img {
  width: 140px;
  opacity: 50%;
}
.cont-prodotto-text .readmore a.bt-det-prod {
  margin: auto;
}
@media (max-width: 750px) {
  .cont-prodotto-text .readmore {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}
@media (max-width: 500px) {
  .cont-prodotto-text {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .product-icon img {
    width: 100px;
  }

/*  .full-page .productlist .cont-prodotto .fotoProdotto figure {
    aspect-ratio: 21/9;
    min-height: 400px;
    display: flex;
    overflow-x: scroll;
  }
  .full-page .productlist .cont-prodotto .fotoProdotto figure::-webkit-scrollbar {
    display: none;
  }

  .full-page .productlist .cont-prodotto .fotoProdotto figure img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: auto;
  }*/


}


.ddsmoothmenu > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: all .5s ease-in-out;
}
.ddsmoothmenu > ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.ddsmoothmenu ul > li,
.ddsmoothmenu ul > li.selezionato > ul {
  display: inline-block;
  text-align: center;
  border: none;
}
.ddsmoothmenu ul > li .cont_info_cat {
  display: flex;
  flex-direction: column-reverse;
  padding: 10px;
}
.ddsmoothmenu ul > li > ul > li .cont_info_cat {
  aspect-ratio: 1;
  background-color: transparent;
  transition: all .5s ease-in-out;
}
.ddsmoothmenu ul > li .cont_info_cat .img_cat img {
  width: 100px;
  margin: auto;
}
.ddsmoothmenu ul > li .cont_info_cat .cat_nome {
  background-color: var(--color2);
  padding: 10px;
  min-width: 200px;
  margin: 0 10px;
  transition: all .5s ease-in-out;
}
.ddsmoothmenu ul > li:hover > .cont_info_cat .cat_nome,
.ddsmoothmenu ul > li.selezionato > .cont_info_cat .cat_nome {
  background-color: var(--color4);
}

.ddsmoothmenu ul > li > ul > li .cont_info_cat .cat_nome,
.ddsmoothmenu ul > li:hover > ul > li .cont_info_cat .cat_nome {
  background-color: transparent;
  min-width: 0;
  margin-top: 10px;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}
.ddsmoothmenu ul > li > ul > li:hover .cont_info_cat {
  background-color: #d3d3d366;
}


.ddsmoothmenu ul > li > .cont_info_cat a {
  color: var(--color5);
  transition: all .5s ease-in-out;
}
.ddsmoothmenu ul > li:hover > .cont_info_cat a,
.ddsmoothmenu ul > li.selezionato > .cont_info_cat a {
  color: var(--color1);
}
.ddsmoothmenu ul > li > ul > li:hover > .cont_info_cat a,
.ddsmoothmenu ul > li > ul > li.selezionato > .cont_info_cat a {
  color: var(--color5);
}
.ddsmoothmenu ul > li > ul > li {
  aspect-ratio: 1;
  width: 130px;
  vertical-align: middle;
}

.product-category h1.arttitle {
  text-align: center;
  margin-bottom: 50px;
}

.cont_categorie_prodotti .striscia-titolo-ist .istanza_titolo {
  font-size: var(--font-size-10);
  color: var(--color4);
  text-align: center;
  font-weight: 100;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 1;
}
@media (max-width: 500px) {
  .cont_categorie_prodotti .striscia-titolo-ist .istanza_titolo {
    font-size: var(--font-size-09);
  }
}
.cont_categorie_prodotti .striscia-titolo-ist .istanza_titolo:after {
  content: " ";
  display: block;
  width: 75%;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin: 0 auto 20px;
}

.cont_categorie_prodotti .striscia-titolo-ist .istanza_sottotitolo {
  font-size: var(--font-size-04);
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
}


@media (max-width: 750px) {
  .ddsmoothmenu ul > li > ul > li,
  .ddsmoothmenu ul > li > ul > li .cont_info_cat {
    aspect-ratio: initial;
  }
  .ddsmoothmenu ul > li .cont_info_cat .img_cat img {
    display: none;
  }
  .ddsmoothmenu ul > li > ul > li .img_cat {
    display: none;
  }
  .ddsmoothmenu ul > li.selezionato > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .cont_categorie_prodotti .striscia-titolo-ist .istanza_titolo {
    font-size: var(--font-size-09);
  font-weight: 100;
  }
}

/* Galleria prodotto con miniature */
.galleria_foto_prodotto {
  display: flex;
  align-items: center; 
  width: 65vw;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.gallery2 .galleria_foto_prodotto .main-foto-gallery {
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery2 .galleria_foto_prodotto .main-foto-gallery figure {
  /* width: 100%; */
  /* height: 100%; */
  /* overflow: hidden; */
  display: flex; 
  align-items: center; 
  justify-content: center; 
}
.gallery2 .galleria_foto_prodotto .main-foto-gallery img {
  /* object-fit: cover; */
  /* object-position: center; */
  width: 100%;
  /* height: 100%; */
}

.gallery2 .galleria_foto_prodotto .photo-gallery {
  width: 180px;
  height: 500px;
  display: flex;
/*  align-items: center;*/
  flex-direction: column;
  overflow-y: hidden;
  text-align: center;
  position: relative;
  overflow: auto;
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.gallery2 .galleria_foto_prodotto .photo-gallery::-webkit-scrollbar {
  display: none;
}
/*@keyframes scrollContent {
  0% { transform: translateY(0); }
  5% { transform: translateY(0); }
  50% { transform: translateY(-80%); }
  95% { transform: translateY(0); }
  100% { transform: translateY(0); }
}
.gallery2 .galleria_foto_prodotto .photo-gallery .photo-gallery-roll {
  animation: scrollContent 60s linear infinite;
  animation-play-state: running;
}
.gallery2 .galleria_foto_prodotto .photo-gallery .photo-gallery-roll:hover {
  animation-play-state: paused;
}*/

.gallery2 .galleria_foto_prodotto .photo-gallery img,
.gallery2 .galleria_foto_prodotto .photo-gallery video {
  width: 90%;
  margin-bottom: 10px;
  cursor: pointer;
}



.vis-cont-prod-text {
  text-align: center;
  margin: 100px;
  padding-right: 80px;
}

.area_foto_descrizione_prodotto {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
.area_foto_descrizione_prodotto .vis-cont-prod-text {
  width: 30vw;
  text-align: left;
  margin: auto;
  font-size: var(--font-size-04);
}
/*.area_foto_descrizione_prodotto .vis-cont-prod-text p:first-child {
  font-size: var(--font-size-07);
  text-align: left;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}*/
@media (max-width: 1200px) {
  .area_foto_descrizione_prodotto {
    flex-direction: column;
  }
  .area_foto_descrizione_prodotto .vis-cont-prod-text {
    width: 100%;
    padding: 50px;
  }
  .galleria_foto_prodotto {
    width: 100vw;
  }
}
@media (max-width: 750px) {
  .galleria_foto_prodotto {
    flex-direction: column;
    aspect-ratio: auto;
  }
  .gallery2 .galleria_foto_prodotto .main-foto-gallery figure {
    height: 500px;
  }
  .gallery2 .galleria_foto_prodotto .main-foto-gallery {
    width: 100%;
    margin-bottom: 30px;
  }
  .gallery2 .galleria_foto_prodotto .photo-gallery {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100vw;
    height: auto;
    mask-image: none;
  }
  .gallery2 .galleria_foto_prodotto .photo-gallery .photo-gallery-roll {
    display: flex;
    flex-direction: row;
    animation: none;
  }
  .gallery2 .galleria_foto_prodotto .photo-gallery .photo-gallery-roll > * {
    width: 120px;
  }
}



.info-prodotto .cont-prodotto-text {
  position: fixed;
  bottom: 0;
  width: 400px;
  background: linear-gradient(180deg, rgba(9,9,9,0) 0%, rgba(9,9,9,1) 100%);
  height: 100px;
}
.info-prodotto .first-video-box,
.info-prodotto .first-video-box .first-video {
  width: 100%;
}
#menu-interno {
  position: fixed;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(9,9,9,0) 0%, rgba(9,9,9,1) 100%);
  width: calc(100% - 400px);
  padding: 20px;
  height: 100px;
  display: flex;
  align-items: center;
  z-index: 25;
  text-transform: uppercase;
}
#menu-interno.full-width-menu {
  width: 100%;
}
#menu-interno ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 0;
}
#menu-interno ul li {
  text-align: center;
  padding: 0 10px;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out;
}
#menu-interno ul li:hover {
  font-weight: 400;
}

#menu-interno ul li > a::after {
  content: " ";
  width: 0%;
  display: block;
  border-top: solid 1px var(--color4);
  margin: 10px auto 0;
  transition: all .5s ease-in-out;  
}
#menu-interno ul li:hover > a::after {
  width: 100%;
}



@media (max-width: 1200px) {
  .info-prodotto .cont-prodotto-text {
    position: absolute;
    background: transparent;
    bottom: 80px;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    height: auto;
/*    aspect-ratio: 16/9;*/
    text-align: center;
  }
  .info-prodotto .cont-prodotto-text .product-icon {
    display: none;
  }
  .info-prodotto .cont-prodotto-text .h1h2prod {
    flex-grow: initial;
  }
  #menu-interno {
    width: 100%;
  }
}

@media (max-width: 759px){
  #menu-interno {
    position: static;
    background-color: transparent;
    padding: 0;
  }
  #menu-interno ul {
    flex-wrap: wrap;
    padding: 10px 0;
    border-top: solid 1px var(--color3);
    border-bottom: solid 1px var(--color3);
  }
  #menu-interno ul li {
    margin: 5px;
  }
  .info-prodotto .cont-prodotto-text .h1h2prod {
    width: 100vw;
    padding: 20px;
    background-color: #000000aa;
  }
}

.modal-dialog,
.modal-dialog a,
.modal-dialog a:visited {
  color: var(--color1);
}
.dark-modal .modal-dialog,
.dark-modal .modal-dialog a,
.dark-modal .modal-dialog a:visited {
  color: var(--color5);
}
.modal-body button {
  background-color: var(--color4);
  display: block;
}
.modal-header button {
  min-width: 30px;
}
.dark-modal .modal-dialog {
  width: 90%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.dark-modal .modal-dialog .modal-header,
.dark-modal .modal-dialog .modal-body {
  background-color: var(--color2);
}
.dark-modal .modal-dialog .modal-header button {
  color: var(--color5);
  opacity: 1;
  margin: -14px 0;
  padding: 0px;
  height: auto;
  line-height: 25px;
}

.dark-modal .modal-dialog .modal-body .art-prodotto {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dark-modal .modal-dialog .modal-body .art-prodotto > * {
  flex-grow: 1;
  padding: 50px;
}
.dark-modal .modal-dialog .modal-body .art-prodotto .content img {
  height: auto !important;
}

/*#scheda-tecnica img {
  max-width: 100%;
}*/

@media (max-width: 1480px){
  .dark-modal .modal-dialog .modal-body .art-prodotto > * {
    padding: 20px;
  }
}
@media (max-width: 1200px){
  .dark-modal .modal-dialog .modal-body .art-prodotto > * {
    padding: 20px;
  }
  .dark-modal .modal-dialog .modal-body .art-prodotto {
    flex-direction: column;
  }
  .dark-modal .modal-dialog {
    transform: none !important;
    position: initial;
  }
}

iframe#configuratore_prodotto {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

#div-configura-prodotto {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
#div-configura-prodotto .configuratore {
  width: calc(66% - 10px);
}
#div-configura-prodotto .testo-configura-prodotto {
  width: calc(33% - 10px);
  padding: 100px;
}
#div-configura-prodotto .testo-configura-prodotto h1 {
  font-size: var(--font-size-09);
  font-weight: 100;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  #div-configura-prodotto {
    flex-direction: column-reverse;
  }
  
  #div-configura-prodotto .configuratore {
    width: 90%;
    margin: auto;
  }
  
  #div-configura-prodotto .testo-configura-prodotto {
    width: 100%;
    margin-top: 20px;
  }
}


.location_form_fields {
  width: 33%;
  padding: 20px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: all 0.5s;
  position: relative;
  left: -10%;
}
.location_form_fields h1 {
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
  font-weight: 100;
}
.location_form_fields input, .location_form_fields select, .location_form_fields textarea {
  background-color: var(--color2);
  color: var(--color5);
  border-radius: 20px;
  padding: 10px;
  border: none;
  height: auto;
  margin-bottom: 50px;
}
.location_form_fields.nascosto {
  width: 0px;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.location_form_fields label {
  text-align: center;
  font-weight: 200;
  letter-spacing: 1px;
  margin-top: 10px;
  text-transform: uppercase;
}

.pagina_dealers .location_form_fields {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  background-color: var(--color1);
  padding: 50px;
  width: 420px;
}
.pagina_dealers .location_form_fields.nascosto {
  display: none;
}
.pagina_dealers .location_form_fields p {
  display: none;
}


form.dark-layout input.error, form.dark-layout select.error, form.dark-layout textarea.error {
  background-color: #FF9092;
} 
/*#area_lista_locations, #dettagli_location {
  display: none;
}*/


#map-placeholder {
  background-image: url('../images/Rivenditori.png');
  width: 80%;
  aspect-ratio: 21/9;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
}
#mappa {
  width: 100%;
  height: 600px;
  max-height: 100vh;
  display: none;
}
.overlay_mappa {
  padding: 20px;
  background-color: #00000055;
}
#dove {
  background: transparent;
  text-align: center;
  border-bottom: solid 1px var(--color3);
  font-size: var(--font-size-09);
  font-weight: 100;
  outline: none;
  border-radius: 0;
/*  background-image: url('../images/search.png');*/
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30px;
}
#dove::placeholder {
  font-size: var(--font-size-07);
  letter-spacing: 1px;
}
#dove_lista {
  position: relative;
}
#dove_lista ul {
  background-color: var(--color3);
  color: var(--color5);
  border: none;
  padding: 10px;
}
#dove_lista ul li {
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--color3);
}
#getLocation {
  padding: 2mm 10mm;
  width: 260px;
}
.ui-autocomplete-loading { background:url('https://www.edrait.sbs/grafiche/personalizzate/edra/style/images/ajax-loader.gif') no-repeat right center }
#area_lista_locations {
  display: flex !important;
  position: relative;
  width: 100%;
}
#area_lista_locations h1 {
  font-size: 20px;
}
#lista_location {
  position: absolute;
  left: 10px;
  width: 300px;
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
/*  z-index: 15;*/
  top: 60px;
}

#lista_location::-webkit-scrollbar {
  width: 8px;
}
 
#lista_location::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
#lista_location::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.location_info {
  font-size: 11pt;
  padding: 10px;
  cursor: pointer;
  border-bottom: solid 1px var(--color3);
}
.location_info h1 {
  margin-bottom: 5px;
}
.location_info.selected {
  background-color: #555;
}
#dettagli_location {
  width: 100%;
}
.location_info small {
  font-size: var(--font-size-01);
/*  white-space: nowrap;*/
}

#area_responsabili_zona_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
}
#area_responsabili_zona_cont > div {
  margin: 10px 20px;
}
#area_responsabili_zona {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#area_responsabili_zona h2 {
  text-align: center;
}

.ui-autocomplete {
  z-index: 999 !important;
}

#modello_location {
  display: none;
}

#mappa-dealers h1.istanza_titolo,
#mappa-dealers p.istanza_sottotitolo {
  display: none;
}
#mappa-dealers.pagina_dealers .titolo_istanza_mappa {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 150px auto 0;
}
#mappa-dealers.pagina_dealers h1.istanza_titolo {
  display: inline-block;
  font-size: var(--font-size-09);
  font-weight: 100;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  width: auto;
  margin: 0 auto 20px;
}
#mappa-dealers.pagina_dealers p.istanza_sottotitolo {
  display: inline-block;
  max-width: 90%;
  width: 400px;
  text-align: center;
  margin: auto;
}
#mappa-dealers.pagina_dealers .location_form_fields h1 {
  display: none;
}

.container-mappa {
  width: 100%;
  margin: 100px auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 1200px) {

  .container-mappa {
    flex-direction: column-reverse;
  }
  .location_form_fields {
    width: 100%;
    left: initial;
  }

}


.maplibregl-control-container button,
.maplibregl-control-container.search-button,
.maplibregl-popup-close-button {
  min-width: auto;
  min-height: auto;
  margin: 0;
}
.maplibregl-popup,
.maplibregl-popup a,
.maplibregl-popup a:visited {
  color: black;
}

@media (max-width: 710px){
  #area_lista_locations {
    flex-direction: column-reverse;
  }
  #lista_location {

    /* display: none !important; */

    margin-right: 0px;
    width: 100%;
    max-height: 300px;
    padding-left: inherit;
    position: static;
  }
  #area_responsabili_zona {
    position: static;
  }
}





.dropdown-content{
  display: none;
/*  background-color: #000;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 5px;
  position: relative;
  z-index: 50;*/
}
.dropdown-content .dropdown-search {
  width: calc(100% - 10px);
  margin: 5px;
  color: var(--color1);
  background-color: var(--color4);
  border: none;
  outline: none;
}
.dropdown-content .dropdown-item-box{
  width: 100%;
  font-weight:400;
  height: 120px;
  overflow-y: auto;
  /*margin:20px 0px;*/
  /*border-radius: 15px*/
}
.dropdown-content .dropdown-item-box::-webkit-scrollbar {
  width: 8px;
}
 
.dropdown-content .dropdown-item-box::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.dropdown-content .dropdown-item-box::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.dropdown-content .dropdown-item-box ul{
  padding: 0px 10px;
}
.dropdown-content .dropdown-item{
  list-style: none !important;
  cursor: pointer;
}
.dropdown-content .dropdown-item:hover {
  background-color: var(--color2);
}

.dropdown-content li.dropdown-item a {
  color: var(--color4);
}

div.filter-box {
/*  margin: 25px 40px;*/
  width: 300px;
  display: flex;
  flex-direction: column;
}
div.filter-box h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px var(--color3);
}

div.filter-box ul.filter-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

div.filter-box li.filter-item {
  list-style: none !important;
  width: unset !important;
  margin: 10px 0;
  font-size: var(--font-size-06);
  border-bottom: solid 1px var(--color3);
  padding-bottom: 10px;
}
div.filter-box li.filter-item a.active, div.filter-box li.filter-item a:hover{
  text-decoration: none;
}
div.filter-box li.filter-item > a::after {
  content: "▼";
  position: relative;
  left: 10px;
  text-decoration: none;
  font-size: var(--font-size-01);
  color: var(--color4);
}
div.filter-box li.filter-item img{
  display: none;
  height: 25px;
  cursor: pointer;
  margin-left: 10px;
}


section.cont-lista-progetti-search {
  display: flex;
  align-items: center;
}
.cont-lista-progetti-search .container-lista-progetti {
  display: flex;
  flex-direction: row-reverse;
  width: 80%;
  margin: auto;
  gap: 10px;
}
.cont-lista-progetti-search .lista-progetti {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 300px);
  aspect-ratio: 16/9;
  overflow: auto;
}

@media (max-width: 1550px){
  .cont-lista-progetti-search .lista-progetti {
    aspect-ratio: 4/3;
  }
}
@media (max-width: 1250px){
  .cont-lista-progetti-search .lista-progetti {
    aspect-ratio: 1;
  }
}
@media (max-width: 980px){
  div.filter-box {
    display: none;
  }
  .cont-lista-progetti-search .lista-progetti {
    width: 100%;
  }
}
.cont-lista-progetti-search .lista-progetti::-webkit-scrollbar {
  display: none;
}
.cont-lista-progetti-search .lista-progetti .progetto {
  position: relative;
  aspect-ratio: 1;
  width: calc(33% - 4px);
  margin: 2px;
}
.cont-lista-progetti-search .lista-progetti .progetto a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
}
.cont-lista-progetti-search .lista-progetti .progetto h2 {
  text-align: center;
  font-size: var(--font-size-04);
  font-weight: 400;
}
.cont-lista-progetti-search .lista-progetti .progetto p {
  text-align: center;
}
.cont-lista-progetti-search .img-list-progetti {
  aspect-ratio: 1/1;
  z-index: -1;
  width: 100%;
  position: absolute;
}

@media (max-width: 1250px){
  .cont-lista-progetti-search .lista-progetti .progetto {
    width: calc(50% - 4px);
  }
} 

@media (max-width: 760px){
  .cont-lista-progetti-search .container-lista-progetti {
    flex-direction: column;
  }
  div.filter-box,
  .cont-lista-progetti-search .lista-progetti {
    width: 100%;
  }
} 



section.cont-vis-progetto .progetto.vis-progetti {
  width: 100%;
}
.first-img-progetto {
  width: 100%;
}
.first-img-progetto a, 
.first-img-progetto img {
  width: 100%;
}

.area_info_progetto {
  display: flex;
}
.area_info_progetto .info_progetto {
  min-width: 400px;
}
.area_info_progetto .info_progetto ul {
  list-style: none;
  padding-left: 0;
}
.area_info_progetto .info_progetto ul li {
  margin-top: 40px;
}
.area_info_progetto .info_progetto ul li .prj_info_label {
  display: block;
  text-transform: uppercase;
}
/*.area_info_progetto .info_progetto ul li .prj_info_label:before {
  content: "|";
  margin-right: 5px;
}*/
.area_info_progetto .info_progetto ul li .prj_info_item {
  display: block;
  font-size: var(--font-size-06);
}

.area_info_progetto .info_prodotti_progetto {
  display: grid;
  padding: 50px;
  text-align: center;
  gap: 50px;
  grid-template-columns: repeat(3, 1fr);
  margin: auto;
  border-left: solid 1px #333;
}
.area_info_progetto .info_prodotti_progetto h2.nome-prod {
  text-transform: uppercase;
  font-size: var(--font-size-03);
  letter-spacing: 2px;
  font-weight: 400;
}
.area_info_progetto .info_prodotti_progetto h3.descr-breve-prod {
  text-transform: uppercase;
  font-size: var(--font-size-01);
  letter-spacing: 1px;
  margin-top: 2px;
  color: var(--color4);
}
.area_info_progetto .info_prodotti_progetto .product-icon img {
  height: 60px;
  width: auto;
  margin-bottom: 20px;
}

@media (max-width: 1200px){
  .area_info_progetto {
    width: 100% !important;
  }
  .area_info_progetto .info_prodotti_progetto {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px){
  .area_info_progetto {
    flex-direction: column;
  }
  .area_info_progetto .info_prodotti_progetto {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 650px){
  .area_info_progetto .info_progetto {
    width: 100%;
    padding: 30px;
  }
  .area_info_progetto .info_prodotti_progetto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.area_actions_project1.info_progetto h3 {
  text-transform: uppercase;
  font-size: var(--font-size-03);
}

.lista_icone_social a {
  margin: 5px;
  border: solid 1px var(--color5);
  border-radius: 30px;
  padding: 3px;
  width: 28px;
  display: inline-block;
  text-align: center;
}

.fancybox-content {
  background-color: #000;
  /*max-width: 65%;*/
  /*max-height: 90vh;*/
  overflow: hidden;
}
.fancybox-content div {
  transition: all 0.5s linear;
}
.fancybox-content img.img-list-progetti {
  /* width: 100%; */
  max-width: 100%;
} 
.fancybox-element figure {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  display: inline-block;
}
.fancybox-button--download { display: inline-block !important; }
.fancybox-toolbar {display: flex; flex-direction: row-reverse;}
.prj_point {
  position: absolute;
  width: 20px;
  height: 20px;
  border: solid 1px #333;
  border-radius: 60px;
  background-color: rgba(255,255,255,0.5);
  box-shadow: #000 1px 1px 4px;
  visibility: hidden;
  opacity: 0;
}
.fancybox-content:hover .prj_point {
  visibility: visible;
  opacity: 1;
}
.prj_point_info {
  background-color: rgba(255,255,255,0.5);
  min-width: 200px;
  min-height: 110px;
  position: relative;
  left: -90px;
  top: -100px;
  /* border-radius: 5px; */
  box-shadow: #000 1px 1px 4px;
  padding: 10px 10px 30px;
  color: #000;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  display: table;
}
.prj_point_descr p {
    margin: 0;
    font-size: 10pt;
    line-height: 18px;
}
.prj_point:hover {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.prj_point:hover .prj_point_info {
  visibility: visible;
  opacity: 1;
}
.prj_point_info h1 {
  margin: 10px auto 2px;
  font-weight: 800;
  font-size: 18pt;
}
.prj_point_info h2 {
  font-size: 12pt;
  font-weight: 200;
  margin-bottom: 20px;
}
.prj_point_info a.button, .prj_point_info a.button:visited, .prj_point_info a.button:hover {
  color: #000;
  border: solid 1px #000;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 10pt;
  font-weight: 200;
  margin: 20px auto 0;
  display: block;
  width: 130px;
}

.prj_lista_pulsanti,
.prd_lista_pulsanti {
  display: flex;
  justify-content: center;
}



/* Pagination  */
.pagination {
  clear:both;
  left:0;
  position:relative;
  font-size:12px;
  line-height:13px;
  /*margin: 20px;*/
  float: left;
}
.pagination span.info-paginazione {
  display: block;
  float: none;
  border: none;
  padding-left: 0;
}

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
  padding: 5px 6px;
  text-decoration: none;
  width: auto;
  /* color: #7d7d7d; */
  border: 1px solid #626262;
}
.pagination a:hover{
  background: #000;
  color:#ffffff;
}
.pagination .current {
  background: #ddd;
  color: #000;
  font-weight: bold;
}
.pagination .puntini {
  border: none;
  /* margin: 2px 6px 2px 0; */
  /* padding: 8px 6px; */
}
/* END Pagination  */


/* Modal share */

.modal-body .dialog-button{
  /*float: right;*/
  border: 0px;
  border-radius: 40px;
  padding: 10px;
  width: 130px;
  color: #fff;
  /*position: absolute;*/
  bottom: 0px;
  right: 0px;
  font-weight: 800;
  background-color: #a2a2a2;  
}

#input_dialog .modal-body .field-list .input_element, #share_input_dialog .modal-body .field-list .input_element{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  position: relative;
}
#input_dialog .modal-body .field-list .input_element input, #share_input_dialog .modal-body .field-list .input_element input{
  flex-grow: 2;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
}
#input_dialog .modal-body .field-list .input_element label.error, #share_input_dialog .modal-body .field-list .input_element label.error{
  position: absolute;
  margin: 0px;
  padding: 5px;
  opacity: 0.5;
  bottom: 75%;
  right: 0px;
}

#share_input_dialog .modal-dialog, .share_result_dialog .modal-dialog, .prj_submit_success .modal-dialog{
  width: 90%;
  height: 90%;
  min-height: 500px;
  max-width: 1200px;
}
#share_input_dialog .modal-content, .share_result_dialog .modal-content, .prj_submit_success .modal-content{
  height: 100%
}
#share_input_dialog .modal-header, .share_result_dialog .modal-header, .prj_submit_success .modal-header{
  border: 0px;
  height: 15%;
}
#share_input_dialog .modal-header button, .share_result_dialog .modal-header button, .prj_submit_success .modal-header button{
  font-size: 200%;
}
#share_input_dialog .modal-body{
  display: flex;
  height: 85%;
}
#share_input_dialog .modal-body #share_input_left_col, #share_input_dialog .modal-body #share_input_right_col{
  width: 50%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#share_input_dialog .modal-body #share_input_left_col{
  padding-right: 20px;
}
#share_input_dialog #share_logo_box{
  text-align: center;
}
#share_input_dialog #share_logo_box img{
  height: 85px;
}
#share_input_dialog .modal-body #share_input_left_col #share_disclaimer_box{
  flex-grow: 2;
  position: relative;
}
#share_input_dialog .modal-body #share_disclaimer_box p{
  position: absolute;
  bottom: 0px;
}

#share_input_dialog .modal-body #share_input_right_col{
  padding-left: 20px;
}
#share_input_dialog .modal-body #share_input_right_col #div_input_box_send_copy{
  padding-top: 50px;
}
#share_input_dialog .modal-body #share_input_right_col #label_send_copy {
  order: 1;
}
#share_input_dialog .modal-body #share_input_right_col #send_copy {
  order: 0;
  flex-grow: unset !important;
  flex-basis: 50px;
}
#share_input_dialog .modal-body #share_input_right_col .dialog-button-box{
  position: relative;
  /*bottom: 0px;*/
  width: 100%;
  flex-grow: 2;
}
#share_input_dialog .modal-body .dialog-button{
  position: absolute;
}

#info_dialog.share_result_dialog .modal-body, #info_dialog.prj_submit_success .modal-body{
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#info_dialog.share_result_dialog .modal-body .dialog-button, #info_dialog.prj_submit_success .modal-body .dialog-button{
  position: unset;
  margin-top: 50px;
  width: auto;
  min-width: 150px;
}

#confirm_dialog .modal-body .dialog-button-box, #input_dialog .modal-body .dialog-button-box{
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 15px;
}

#confirm_dialog .modal-body .dialog-button-box, #input_dialog .modal-body .dialog-button-box button{
  text-decoration: none;
  color: #FFF;
  /*background-color: transparent;*/
  border-radius: 4px;
  height: 40px;
  text-align: center;
}

/* END Modal share */

section.section_cont_art.articoli-scroll-1 .container {
  width: 80%;
}
section.section_cont_art.articoli-scroll-1 section.section_vis_art {
  display: block;
  min-height: auto;
  width: 100%;
}
section.section_cont_art.articoli-scroll-1 section.section_vis_art .container {
  width: auto;
}
article.articoli-scroll-1 .item-box {
  float: right;
  width: calc(40% - 20px);
}
article.articoli-scroll-1 .item-box.altre-img,
article.articoli-scroll-1 .item-box.videos-box {
  float: left;
  width: 60%;
  margin-right: 20px;
}
article.articoli-scroll-1 .item-box.text-art {
  aspect-ratio: 4/3;
  overflow: hidden;
}
article.articoli-scroll-1 h1.arttitle {
  font-size: var(--font-size-09);
  font-weight: 100;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
article.articoli-scroll-1 .data_pubblicazione {
  color: var(--color4);
}
@media (max-width: 760px){
  article.articoli-scroll-1 .item-box {
    float: none;
    width: 100%;
  }
  article.articoli-scroll-1 .item-box.altre-img
  , article.articoli-scroll-1 .item-box.videos-box {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

section.section_cont_art.griglia-articoli-journal section.section_vis_art {
  display: block;
  min-height: auto;
  width: 100%;
}
section.section_cont_art.griglia-articoli-journal section.section_vis_art .container {
  width: auto;
}
.griglia-articoli-journal .bloglist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  align-items: flex-start;
}

@media (max-width: 991px){
  .griglia-articoli-journal .bloglist {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 680px){
  .griglia-articoli-journal .bloglist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px){
  .griglia-articoli-journal .bloglist {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.section_cont_art.griglia-articoli-journal article {
  position: relative;
}
section.section_cont_art.griglia-articoli-journal article figure {
  position: relative; 
  display: inline-block; 
}
section.section_cont_art.griglia-articoli-journal article figure::after,
section.section_cont_art.griglia-articoli-journal article .video-embed-interno::after {

  content: ''; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, 
    rgba(0, 0, 0, 1) 0%, 
    rgba(0, 0, 0, 0.8) 10%, 
    rgba(0, 0, 0, 0.5) 25%, 
    rgba(0, 0, 0, 0) 40%);
  pointer-events: none; 
}

section.section_cont_art.griglia-articoli-journal article .pub_date {
  position: absolute;
  bottom: 100px;
  margin: 0 30px;
  border-bottom: solid 1px #fff;
  width: calc(100% - 60px);
}
section.section_cont_art.griglia-articoli-journal article .art_title {
  position: absolute;
  bottom: 0;
  margin: 0 30px 30px;
  height: 50px;
}
section.section_cont_art.griglia-articoli-journal article .art_title h1 {
  font-size: var(--font-size-05);
}


.presentazione_autori .container {
  width: 100%;
  margin: 50px;
}
.presentazione_autori .container section.section_vis_art {
  width: 100%;
}
.articolo_autori .art_subtitle {
  grid-area: sottotitolo;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.articolo_autori .art_title {
  grid-area: titolo;
}
.articolo_autori .first-img-articolo {
  grid-area: foto;
}
.articolo_autori .text-art {
  grid-area: testo;
}
.articolo_autori .altre-img {
  grid-area: galleria;
}
.articolo_autori .readmore {
  grid-area: readmore;
}
article.articolo_autori {
  display: grid;
  grid-gap: 20px;
  grid-template-areas: "sottotitolo foto titolo"
                       "sottotitolo foto testo"
                       "sottotitolo foto galleria"
                       "sottotitolo foto readmore";
  grid-template-columns: 30% 400px auto;
}
article.articolo_autori .gallery-item {
  display: flex;
}
article.articolo_autori .gallery-item .zoom {
  margin-right: 5px;
}
.section_cont_art .section_vis_art .articolo_autori h1.arttitle {
  font-size: var(--font-size-09);
  font-weight: 100;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
.section_cont_art .section_vis_art .articolo_autori h2.arttitle {
  text-transform: unset;
  max-width: 230px;
  font-size: var(--font-size-06);
}

@media (max-width: 1200px){
  article.articolo_autori {
    grid-template-areas: "sottotitolo foto"
                         "titolo titolo"
                         "testo testo"
                         "galleria galleria"
                         "readmore readmore";
    grid-template-columns: auto 400px;
  }
}
@media (max-width: 860px){
  article.articolo_autori {
    grid-template-areas: "sottotitolo"
                         "foto"
                         "titolo"
                         "testo"
                         "galleria"
                         "readmore";
    grid-template-columns: auto;
  }
}
@media (max-width: 560px){
  .presentazione_autori .container {
    margin: auto;
  }
}



section.section_vis_art.fade-articles {
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
  min-height: unset;
  width: auto;
}
section.section_vis_art.fade-articles article {
/*  display: flex;*/
/*  min-height: 100vh;*/
}
section.section_vis_art.fade-articles article > div {
  padding: 10px 50px;
}
section.section_vis_art.fade-articles article > div.art_title {
  width: 40%;
  border-right: solid 1px var(--color3);
  text-align: right;
}
section.section_vis_art.fade-articles article > div.text-art {
  width: 60%;
}
section.section_cont_art.fade-articles .striscia-titolo-ist .istanza_titolo {
  width: 40%;
  text-align: right;
  padding: 10px 50px 0;
  border-right: solid 1px var(--color3);
  text-transform: uppercase;
  font-size: var(--font-size-03);
}
section.section_cont_art.fade-articles .bloglist {
  position: relative;
}
section.section_cont_art.fade-articles .cont-art-element,
section.section_cont_art.fade-articles section.section_vis_art.fade-articles,
section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container,
section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article
 {
  position: static;
}
section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article .text-art {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
  transition: all .5s ease-in-out;
  font-size: var(--font-size-06);
}
section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article.active .text-art {
  opacity: 1;
}
section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article .art_title h1 {
  cursor: pointer;
}
section.section_vis_art.fade-articles article.active > div.art_title {
  border-right-width: 5px;
  padding-right: 46px;
  font-weight: 400;
}

@media (max-width: 760px){
  section.section_cont_art.fade-articles .bloglist {
    display: flex;
    flex-direction: column;
  }
  section.section_vis_art.fade-articles article > div,
  section.section_vis_art.fade-articles article > div.art_title,
  section.section_vis_art.fade-articles article > div.text-art {
    width: 100%;
  }
  section.section_vis_art.fade-articles article > div.art_title {
    text-align: center;
  }
  section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article {
    padding: 0 !important;
  }
  section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article .text-art {
    position: static;
    transform: none;
    height: 0;
    padding: 0;
    overflow: hidden;
    font-size: var(--font-size-04);
    text-align: center;
  }
  section.section_cont_art.fade-articles section.section_vis_art.fade-articles .container article.active .text-art {
/*    padding: 20px;*/
  }
  section.section_cont_art.fade-articles {
    min-height: unset;
    margin-top: 150px !important;
  }
  section.section_cont_art.fade-articles .striscia-titolo-ist .istanza_titolo {
    width: 100%;
    border: navajowhite;
    text-align: center;
  }
}


section.section_cont_art.articoli-scroll-3 section.section_vis_art {
  display: block;
  min-height: auto;
  width: 100%;
  padding: 30px;
  max-width: 400px;
  margin: auto;
  text-align: center;
}
section.section_cont_art.articoli-scroll-3 section.section_vis_art .container {
  width: auto;
}
article.articoli-scroll-3 h1.arttitle {
  font-size: var(--font-size-09);
  font-weight: 100;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--color3);
  margin-bottom: 20px;
}
section.section_cont_art.articoli-scroll-3 .bloglist,
article.scroll-gallery .altre-img .owl-carousel {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}
.cont-art-element:nth-child(even) article.scroll-gallery .altre-img .owl-carousel,
.section-lista-progetti .owl-carousel {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
}


body.pagina_progetti .section-lista-progetti .owl-carousel {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}


/*  Area riservata  */

#container-area-riservata #fascia_area1 > section {
  min-height: initial;
}
#container-area-riservata .container {
  width: auto;
  display: contents;
}
#container-area-riservata .testata-area-riservata {
  grid-area: header;
}
#container-area-riservata .col-sx-area-riservata {
  grid-area: sidebar;
  padding: 20px;
  border-right: solid 1px var(--color2);
  margin-right: 20px;
}
#container-area-riservata #fascia_area1 {
  grid-area: content;
  min-height: calc(100vh - 100px);
}
#container-area-riservata {
  display: grid;
  grid-template-areas:
      "header header"
      "sidebar content";
  grid-template-rows: 100px 1fr;  
  grid-template-columns: 20% 1fr; 
}


.area-riservata h2.title {
  margin-bottom: 30px;
}

#container-area-riservata #fascia_area1 ul.radice_menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
  gap: 10px;
}

#container-area-riservata .col-sx-area-riservata ul.radice_menu {
  display: flex;
  flex-direction: column;
  text-align: left;
}

#container-area-riservata #fascia_area1 ul.radice_menu::before,
#container-area-riservata #fascia_area1 ul.radice_menu::after,
#container-area-riservata .col-sx-area-riservata ul.radice_menu::after,
#container-area-riservata .col-sx-area-riservata ul.radice_menu::after {
  display: none;
}
#container-area-riservata #fascia_area1 ul.radice_menu li {
  background-color: var(--color2);
  display: inherit;
}
#container-area-riservata #fascia_area1 ul.radice_menu li.current_menu,
#container-area-riservata #fascia_area1 ul.radice_menu li:hover {
  background-color: var(--color4);
}
#container-area-riservata .col-sx-area-riservata ul.radice_menu li.current_menu,
#container-area-riservata .col-sx-area-riservata ul.radice_menu li:hover,
#container-area-riservata .col-sx-area-riservata ul.radice_menu li a:hover {
  background-color: transparent;
  font-weight: bold;
}

#container-area-riservata #fascia_area1 ul.radice_menu li a {
  padding: 7px 30px;
  font-size: var(--font-size-03);
}
#container-area-riservata #fascia_area1 ul.radice_menu li.current_menu a,
#container-area-riservata #fascia_area1 ul.radice_menu li:hover a {
  color: var(--color2);
}

#container-area-riservata section.section_vis_art {
  width: auto;
}

.testata-area-riservata .nome_utente {
  margin: 50px;
}

#container-area-riservata div.filter-box {
  width: 100%;
}
#container-area-riservata div.filter-box ul.filter-list {
  flex-direction: row;
  gap: 40px;
}
#container-area-riservata div.filter-box ul.filter-list li.filter-item { 
  margin-bottom: auto;
  border: none;
  padding-bottom: 0;
}


@media (max-width: 980px){
  #container-area-riservata {
    grid-template-areas:
        "header "
        "sidebar"
        "content";
    grid-template-rows: 1fr;  
    grid-template-columns: 1fr; 
  }

  #container-area-riservata .col-sx-area-riservata ul.radice_menu {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
  }
}


.reserved-tabs .tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid var(--color3);
}
.reserved-tabs .tabs li {
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
}
.reserved-tabs .tabs li.active {
    background-color: var(--color3);
}
.reserved-tabs .tab-content {
    display: none;
    padding: 20px;
    border-top: none;
}
.reserved-tabs .tab-content.active {
    display: flex;
    flex-wrap: wrap;
}
.reserved-tabs .tab-content .prd-item {
    background-color: var(--color2);
    margin: 10px;
    padding: 20px;
    text-align: center;
    color: var(--color4);
    width: 200px;
}
.reserved-tabs .tab-content .prd-item a,
.reserved-tabs .tab-content .prd-item a:active {
    color: var(--color4);
}
.reserved-tabs .tab-content .prd-item .prd-name {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: solid 1px var(--color3);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.reserved-tabs .tab-content .prd-item .prd-item-cell {
    margin-bottom: 4px;
}



#press-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#press-list .press-item {
  width: 300px;
  padding: 10px;
  background-color: var(--color2);
}
#press-list .press-item-area-titolo {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#press-list .press-item-area-titolo h2 {
  font-size: var(--font-size-03);
  text-transform: uppercase;
}

#press-list .press-item-area-titolo .pulsanti {
  display: flex;
}
#press-list .press-item-area-titolo .pulsanti img {
  width: 25px;
  margin: 3px;
}

#press-list .press-item-img-box img {
  width: 100%;
}



.all-list ul,
.fav-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
.all-list ul li,
.fav-list ul li {
  width: 300px;
  padding: 10px;
  background-color: var(--color2);
}
.all-list ul li .allegato-area-titolo,
.fav-list ul li .item-favorite {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.all-list ul li .allegato-area-titolo h2,
.fav-list ul li .item-favorite .item-favorite-description {
  font-size: var(--font-size-03);
  text-transform: uppercase;
}

.all-list ul li .allegato-area-titolo .pulsanti,
.fav-list ul li .item-favorite .item-favorite-buttons {
  display: flex;
}
.all-list ul li .allegato-area-titolo .pulsanti img,
.fav-list ul li .item-favorite .item-favorite-buttons img {
  width: 25px;
  margin: 3px;
}


div.filter-box.filtro_pulsanti ul.filter-list {
  list-style: none;
  gap: 10px;
}
div.filter-box.filtro_pulsanti ul.filter-list li {
  background-color: var(--color2);
  display: inherit;
}
div.filter-box.filtro_pulsanti ul.filter-list li:hover,
div.filter-box.filtro_pulsanti ul.filter-list li:hover a,
div.filter-box.filtro_pulsanti ul.filter-list li a.active {
  background-color: var(--color4);
  color: var(--color2);
}

div.filter-box.filtro_pulsanti ul.filter-list li.filter-item > a {
  white-space: nowrap;
  padding: 7px 30px;
  font-size: var(--font-size-04);
}
div.filter-box.filtro_pulsanti ul.filter-list li.filter-item > a::after {
  content: none;
  position: static;
}



#formProgetto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#formProgetto #formProgetto_area1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 50%;
  min-width: 550px;
  flex-grow: 2;
}
#formProgetto #formProgetto_area2 {
  margin: auto;
  min-width: 350px;
  width: 40%;
}
#formProgetto .submit-area {
  width: 100%;
}
#formProgetto #formProgetto_area1 .input_element {
  width: calc(50% - 20px);
}
#formProgetto #formProgetto_area1 .input_element.class_textarea {
  width: calc(100% - 20px);
}


form.dark-layout .input_element {
  display: flex;
  flex-direction: column;
}
form.dark-layout label {
  font-size: var(--font-size-04);
  color: var(--color5);
  font-weight: 200;
}
form.dark-layout .class_checkbox {
  flex-direction: row-reverse;
  margin-top: 10px;
  justify-content: start;
}
form.dark-layout .class_checkbox label {
  width: 90%;
  margin-left: 10px;
}
form.dark-layout input, form.dark-layout select, form.dark-layout textarea {
  /* width: 67%; */
  /* max-width: 600px; */
  background-color: var(--color2);
  color: #fff;
  /* border-radius: 20px; */
  padding: 10px;
  border: none;
  height: auto;
}
form.dark-layout input.error, form.dark-layout select.error, form.dark-layout textarea.error {
  background-color: #FF9092;
} 
form.dark-layout .c_l_required::after {
  color: #fff !important;
}

.c_l_required {
  position: relative;
}
.c_l_required::after {
  content: "*";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  padding: 0 5px;
  position: absolute;
  right: -16px;
  top: 0;
}

form.dark-layout textarea {
  height: 300px;
}
form.dark-layout select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/select-arrow.svg');
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
form.dark-layout select::-ms-expand {
  display: none;
}
form.dark-layout select:hover {
}
form.dark-layout select:focus {
}
form.dark-layout select option {
}
form.dark-layout input:focus, form.dark-layout textarea:focus {
  background-color: #938A89;
}

form.dark-layout .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
form.dark-layout label.c_l_inputfile {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  /* background-color: black; */
  display: inline-block;
  cursor: pointer;
  width: 250px;
  background-image: url('../images/upload-arrow.png');
  background-color: var(--color2);
  height: 250px;
  margin: 70px auto;
/*  border-radius: 20px;*/
  position: relative;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
}
form.dark-layout label.c_l_inputfile .inputfile-text {
  position: absolute;
  bottom: -80px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
}
form.dark-layout label.c_l_inputfile .inputfile-text small {
  display: block;
  font-weight: 200;
  text-transform: none;
}
form.dark-layout label.c_l_inputfile .selected-files {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 12pt;
  font-weight: 300;
  bottom: 10px;
}

form.dark-layout label:hover.c_l_inputfile{
    
}


.submit-intro {
  text-align: center;
}
.submit-intro h2 {
  font-size: 34pt;
}
.submit-intro .testo {
  margin: 40px auto;
  width: 75%;
}
form.dark-layout .disclaimer-info,
form.dark-layout .submit-area {
  margin-top: 60px;
  text-align: center;
}
form.dark-layout .disclaimer-info label {
  width: 100%;
}
form.dark-layout .divprivacy {
  
}
form.dark-layout .divprivacy input.privacy {
  width: 20px;
}
form.dark-layout .divprivacy label {
  width: auto;
  margin-bottom: 0;
}
form.dark-layout .divprivacy .checkmark, 
#form_reg_button_OK, 
#form_progetto_button_OK, 
#form_event_request_button_OK {
  /* border-bottom: solid 1px #fff; */
  padding: 5px 10px;
  width: 250px;
  margin: 40px auto;
  border-radius: 5px;
  background-color: var(--color3);
  /* line-height: 30px; */
}

form.dark-layout .divprivacy .checkmark:hover, 
#form_reg_button_OK:hover, 
#form_progetto_button_OK:hover, 
#form_event_request_button_OK:hover {
  background-color: var(--color2);
  color: var(--color5);
}
#fascia_area1 > section.form_event_request {
  padding-top: 120px;
  scroll-snap-stop: normal;
  scroll-snap-align: start;
}

iframe.iframe_tessuti {
  border: none;
  width: 100%;
  min-height: calc(100vh - 100px);
}

/* pagina contatti  */

section.video-sfondo.fill-view.pag_contatti article {
  flex-direction: row;
  gap: 100px;
}
section.video-sfondo.fill-view.pag_contatti article .text-art {
  background: #090909aa;
  height: 100vh;
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.video-sfondo.fill-view.pag_contatti article .contact {
  background: #090909aa;
  padding: 60px 40px;
  width: 50%;
  min-width: 500px;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .fields_container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .fields_container > div {
  display: flex;
  flex-direction: column;
  width: 200px;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .fields_container > div.message {
  width: 100%;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form input,
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form textarea {
  background: transparent;
  border: none;
  border-bottom: solid 1px var(--color4);
  outline: none;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form label {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: var(--font-size-01);
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .divprivacy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .read_privacy {
  margin-top: 10px;
}

section.video-sfondo.fill-view.pag_contatti article .contact .contactform form .submitbutton {
  text-align: center;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form input#contact-submit {
  background-color: var(--color2);
  padding: 10px 40px;
  min-width: 200px;
  margin: 20px auto;
  display: inline-block;
  text-align: center;
  border: none;
  transition: all .5s ease-in-out;
}
section.video-sfondo.fill-view.pag_contatti article .contact .contactform form input#contact-submit:hover {
  color: var(--color1);
  background-color: var(--color4);
}


@media (max-width: 980px){
  section.video-sfondo.fill-view.pag_contatti article {
    flex-direction: column-reverse;
    height: auto;
  }
  section.video-sfondo .fill-view.pag_contatti .first-img-articolo figure {
    top: 0;
    transform: translate(-50%, 0);
  }
  section.video-sfondo.fill-view.pag_contatti article .contact {
    width: 100%;
    min-width: 0;
  }
}

.form_contatti div.success, 
.form_contatti div.error {
  display: none;
}


/* fine pagina contatti  */


.info-spazioedra {
  text-align: left;
  margin-bottom: 20px;
}
.data-spazioedra {
  font-size: var(--font-size-06);
}

#lista_nazioni_spazio_edra {
  background-color: var(--color1);
  border: none;
  border-bottom: solid 1px var(--color4);
  font-size: var(--font-size-07);
  text-align: center;
  margin-top: 20px;
}

.articolo-info-spazio-edra {
  display: none;
}
article.articolo-info-spazio-edra.scroll-gallery .altre-img {
  top: 0; 
  transform: none; 
}



/* Formattazione radio orari e date eventi */

.display-none,
.c_l_display-none {
  display: none;
}


#form_event_request .radiolist_container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 10px;
  justify-content: center;
  list-style: none;
}

#form_event_request .radiolist_container input {
  display: none;
}

#form_event_request .radiolist_container label {
  padding: 10px 15px;
  cursor: pointer;
  background-color: var(--color2);
  color: var(--color4);
  transition: all 0.3s ease-in-out;
  user-select: none;
  width: auto;
  font-size: var(--font-size-06);
}
#form_event_request .radiolist_container label:hover {
  background-color: var(--color3);
}

/* Seleziona solo il label associato al radio selezionato */
#form_event_request .radiolist_container input:checked + label {
  background-color: var(--color4);
  color: var(--color1);
}

#form_event_request #divcont_pag_id_calendario,
#form_event_request #divcont_pag_slot {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#form_event_request #divcont_pag_slot:has(ul:empty) label {
  display: none;
}

section .form_event_request,
#form_event_request #altri_campi {
  margin-top: 50px;
}


/* FINE Formattazione radio orari e date eventi */



/* Box Tessuti Colore  */

#div-lista-tessuti .img-tessuto {
  border-bottom: solid 1px #fff;
}
.lista_aree_colore {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  list-style: none;
}
.lista_aree_colore li {
  width: 12.5%;
  padding-bottom: 13px;
}
.lista_aree_colore li:hover,
.lista_aree_colore li.active {
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: solid 3px #fff;
}
.lista_aree_colore li img {
  width: 100%;
  height: 40px;
}

#tes_box {
  justify-content: space-around;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.tes_item {
  width: 240px;
  margin: 20px 0px;
}
.tes_item img{
  width: 100%;
}
.tes_name {
  text-align: center;
  padding: 3px;
  font-weight: bold;
}
.tes_item.incompatible {
  position: relative;
}
.tes_item.incompatible a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
}

#tes_details_box {
  background-color: #fff;
  color: #000;
  max-width: 1200px;
  max-height: 600px;
  overflow: auto;
  width: 90%;
}
#tes_detail_container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#tes_detail_info0{
  width: 50%;
  max-height: 90vh;
  overflow: auto;
}
#tes_detail_img img{
  width: 100%;
}
#tes_detail_info{
  padding-left: 9px;
  margin-left: 9px;
  border-left: 2px solid #000;
  width: 50%;
}


@media (max-width: 980px){
  #tes_detail_container {
    flex-direction: column;
  }
  #tes_detail_info0,
  #tes_detail_info {
    width: 100%;
  }
}

#tes_detail_info h1 {
  text-align: center;
  font-size: 50pt;
  margin-bottom: 30px;
  font-weight: 200;
}
#tes_buttons{
  display: flex;
  flex-direction: column;
}
#tes_buttons .buttons, #tes_buttons .buttons:visited, #tes_buttons .buttons:hover{
  color: #000;
  border: solid 1px #000;
  padding: 6px 20px;
  border-radius: 30px;
  margin: 10px 30px;
  min-width: 160px;
  text-align: center;
  display: block;
}

.copy-btn {
  display: inline;
  min-width: auto;
  margin: 0 0 0 20px;
  padding: 5px 10px;
}
.download-btn {
  background-color: transparent;
  color: var(--color3);
  padding: 5px 10px;
  margin: 0;
  border: none;
  font-size: 8px;
  font-weight: 300;
  letter-spacing: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
}
.download-btn:hover {
  background-color: transparent;
  color: var(--color4);
}

#tes_description {
  margin-top: 10px;
}
.tes_nome {
  color: var(--color4);
  letter-spacing: 1.5px;
  font-weight: 400;
}
.tes_info_spec {
  display: flex;
  gap: 10px;
  border-bottom: solid 1px var(--color3);
  padding: 3px 0;
}
.tes_info_spec_nome {
  width: 30%;
  font-size: var(--font-size-01);
  text-transform: uppercase;
}
.tes_info_spec_valore {
  font-size: var(--font-size-02);
  width: 70%;
}


#tes_details_box .tes_info_nome {
  text-align: center;
  margin: 10px;
}
#tes_details_box .copy-btn {
  background-color: transparent;
}
#tes_details_box .copy-btn:hover {
  background-color: var(--color4);;
}
#tes_details_box .download-btn {
  color: var(--color3);
}
#tes_details_box .download-btn:hover {
  color: var(--color1);
}
#tes_details_box .tes_code {
  font-size: var(--font-size-08);
  display: flex;
  align-items: center;
  justify-content: center;
}
#tes_details_box .tes_nome {
  
}
#tes_details_box #download_btn {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#tes_symbols {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin: 20px 0;
}
#tes_symbols img {
  height: 55px;
}

#tes_models {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  justify-content: center;
}
#tes_models img {
  height: 50px;
}
#tes_models .tes_prod_icon {
  display: flex;
  flex-direction: column;
  align-items: center
}

#tessuti-box .search-section select {
  padding: 10px;
  font-size: 26px;
  margin-bottom: 20px;
  background-color: black;
  color: #d2d2d2;
  width: 100%;
  letter-spacing: 1px;
}
#tessuti-box .search-section select {
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid grey;
  outline: none;
}

#tessuti-box .search-bar input {
  padding: 10px;
  font-size: 26px;
  margin-bottom: 20px;
  background-color: black;
  color: white;
  width: 100%;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  letter-spacing: 1px;
  tborder-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid grey;
  outline: none;
}


/* FINE Box Tessuti Colore  */


.porInfo {
  text-align: center;
}



/* dflip */

article.view_pdf_inline {
  width: 100%;
}

/*  Pulsanti dflip  */

._df_button.df-popup-button {
  background-color: transparent;
  border: none;
}
.df-container a {
  color: rgb(119, 119, 119);
}
.df-container a:hover {
  color: rgb(0, 172, 206);
}
.df-more-container > .df-ui-btn span {
  white-space: nowrap;
}



.hide_segue .readmore {
  display: none !important;
}


/* Video in modal */
article.video_in_modal .altri-video {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
article.video_in_modal .altri-video a.btn-video-modal {
  width: 300px;
  display: table-cell;
  padding: 10px;
  background-color: var(--color2);
  height: 60px;
  vertical-align: middle;
}


altcha-widget {
	display: block;
	margin: 10px auto;
	width: 250px;
}

.sottotitolo-small h2 {
	font-size: 12pt;
	margin-top: 40px;
	margin-bottom: 40px;
}