@charset "UTF-8";

#scrollUp {
  position: fixed;
  right: 25px;
  bottom: 100px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: url(../images/up.png) no-repeat center center;
}

::-moz-selection {
  background: #e30613;
  color: #fff;
  text-shadow: none;
  outline: none;
}

::-webkit-input-placeholder {
  /* Chrome */
  color: #fff;
  opacity: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}

* {font-weight: 400;}

body {
  font-family: "GT America Extended", sans-serif;
  color: #000000;
  font-size: 28px;
  line-height: 35px;
  -webkit-backface-visibility: hidden;
}
a:link, a:active, a:visited {color: #000000; transition: 0.3s;}
a:hover {color: #e30613 !important; text-decoration: none; transition: 0.3s; opacity: 1 !important;}
img {max-width: 100%; height: auto; transition: 0.3s;}
h1, h2, h3, h4, h5, h6 {text-transform: uppercase;}
h1 {font-size: 80px; line-height: 80px;  margin-top: 20px; margin-bottom: 90px;}
h6 {font-size: 14px; line-height: 20px;}
button {outline: none; cursor: pointer;}
.btn:focus { box-shadow: none; outline: none; }
a:hover img  {opacity: 0.3;}

.container-fluid {padding-right: 20px; padding-left: 20px;}
.row {margin-right: -20px; margin-left: -20px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 20px; padding-left: 20px;}

.fancybox-close-small:focus::after, button:focus {outline:none;}


/* CUSTOM */
.attivo {opacity: 0.5}
.img-responsive {width: 100%;}
.relative {position: relative;}
.uppercase {text-transform: uppercase !important;}
.overhidden {overflow: hidden !important; overscroll-behavior-y: none;}
.white {color: #fff !important;}
.red {color: #e30613 !important;}
.black30 {color: #00000030!important;}
.opa30 {opacity: 0.3;}
.opa30:hover {opacity: 1;}
.close {opacity: 1;}
.testi.light {color: #ffffff;}
.testi.light .link {color: #fafafa !important;}
.testi.dark {color: #000000;}
.testi.dark .link {color: #00000030 !important;}
.testi.light .link:hover, .testi.dark .link:hover {opacity: 0.5 !important;}

/* CUSTOM OWL */
.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 4px;
  background: #00000010;
  transition: opacity .2s ease;
  border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span {background: #000000;}

/* HEADER */
.logo-grande {text-align: center; background: #ffffff; padding: 20px; width: 100%; z-index:4; position:relative;}
.logo-grande img { width:100% }
/*nav.home .logo img { display:none;} */
nav.hover .logo img { display:block; }

header { position: sticky; top: 0px; z-index: 3;}
header ul {list-style: none; padding: 0; margin: 0;}
header nav {height: 80px; display: flex; font-size: 18px; line-height: 20px; width: 100%; transition: 0.3s; background: #ffffff;}
header nav:hover, header nav.hover {background-color: #ffffff; transition: 0.3s;/*  -webkit-box-shadow: 0 4px 6px -6px #222; -moz-box-shadow: 0 4px 6px -6px #222; box-shadow: 0 4px 6px -6px #222;*/ box-shadow: none;}
header nav.stiky {height: 80px; padding: 30px 15spx; box-shadow: 0px 4px 4px 0px #00000040;}
header nav .logo {width: 50%; padding: 30px 20px;}
header nav .logo a {display: flex;}
header nav .logo img {height: 20px; width: auto;}
header nav > ul {width: 50%; padding-left:10px; display: flex; text-transform: uppercase;}
header nav > ul > li {padding: 30px 10px; white-space: nowrap; text-shadow: 1px 1px 5px #ffffff30;}
header nav > ul > li#menu-products:hover {cursor: pointer; color: #e30613;}
header nav .cerca {position: absolute; right: 40px; display: none;}
header nav .lang {position: absolute; right: 0px;}
header .submenu {display:flex; position: absolute; top: -150vh; opacity: 0; left:0px; background: #ffffff; width: 100%; transition: top ease 0.5s, opacity ease 0.5s; z-index: -1; }
header .submenu.active { top: 80px; opacity: 1;}
header .submenu li {text-transform: capitalize; font-size: 18px; line-height: 35px;}
header .submenu .submenu-product-img {width: 50%; padding-right: 20px}
header .submenu .submenu-product-img img {width: 100%; height: auto;}
header .submenu .submenu-product-txt {width: 50%; padding-left: 20px; display: flex;}
header .submenu .submenu-product-txt > div > div {font-size: 14px; line-height: 35px; margin-top: 15px; margin-bottom: 5px; color: #000000;}
header .submenu .submenu-environment {width: 25%;}
header .submenu .submenu-application {width: 50%;}
header .submenu .submenu-application ul {display: flex; flex-wrap: wrap;}
header .submenu .submenu-application li {width: 50%;}
header .submenu .submenu-highlights {width: 25%;}

/* FOOTER */
footer {background: #ffffff; font-size: 14px; line-height: 20px; padding: 180px 0 20px; }
footer .maps {margin-top: 25px;}
footer .maps a {color: #00000030;}
footer ul {list-style: none; padding: 0; margin: 0;}
footer .footer-logo {padding-top: 240px;}
footer .newsletter a {text-transform: uppercase; color: #00000030;}
footer .where, footer .language {display: flex; flex-direction: column; justify-content: flex-end; text-transform: uppercase; line-height: 14px;}
footer .where {min-width: 160px;}
footer .language {text-align: right;}
footer .language img {transform: rotate(-180deg); margin-bottom: 2px;}

.breadc {margin: 180px 20px 0; border-top: 1px solid #00000010; padding-top: 40px; padding-bottom: 10px; font-size: 14px; line-height: 14px; color: #00000030; text-transform: uppercase;}
.breadc a {opacity: 0.3;}
.breadc a:hover {opacity: 1;}
.breadc .attivo {color: #000000; opacity: 1;}

/* HOMEPAGE */
/*.homepage {margin-top: -80px;}*/
.homepage .slide {width: 100vw; /*max-height: calc(100vh - 80px);*/ overflow: hidden;}
.homepage .slide .testi {position: absolute; bottom: 20px; left: 15px; font-size: 40px; line-height: 50px;}
.homepage .slide .testi p:last-of-type {margin-bottom: 0;}
.homepage .slide .testi .link {font-size: 18px; line-height: 20px; color: #00000030;}
.homepage .slide .numero {position: absolute; bottom: 20px; right: 15px; font-size: 18px; line-height: 20px;color: #00000030;}
.homepage .testo-home {margin-top: 40px;}
.homepage .testo-home a {font-size: 18px; line-height: 25px; color: #00000030;}
.homepage .in-evidenza {margin-top: 180px;}
.homepage .in-evidenza {position: relative;}
.homepage .in-evidenza .testi {position: absolute; top: 20px; left: 20px;}
.homepage .in-evidenza .testi .nome-prodotto {font-size: 60px; line-height: 60px; margin-bottom: 10px;}
.homepage .in-evidenza .testi .nome-designer {font-size: 14px; line-height: 20px;}
.homepage .in-evidenza a:hover img {opacity: 0.3!important; transition: 0.3s;}
.homepage .in-evidenza img { max-width: 100vw;}
.homepage .projects {margin-top: 180px; width: 100%; padding: 0; display: flex; align-items: center; position: relative;}
.homepage .projects a {width: 100%;}
.homepage .projects .testo {position: absolute; top: 20px; left: 20px; color: #ffffff;}
.homepage .projects .testo span {font-size: 18px; line-height: 25px; margin-top: 10px; color: #00000030;}
.homepage .projects .titolo {font-size: 8.5vw; text-align: center; position: absolute; top: 50%; width: 100%; color: #ffffff;}
.homepage .altre-tipologie .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.homepage .altre-tipologie {margin-top: 180px;}
.homepage .altre-cat .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.homepage .altre-cat {margin-top: 180px;}
.homepage .community {margin-top: 180px;}
.homepage .community .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.homepage .community .contatti-box {margin-top: 0;}


/* ABOUT */
.about {padding-top: 40px;}

/* HTML TEMLATES */
.html-templates > .row {margin-bottom: 90px;}
/*.html-templates > .only-text {margin-bottom: 30px;}
.html-templates > .only-text .fascia-txt {padding-bottom: 30px; border-bottom: 1px solid #00000010;}*/

/* DESIGNERS */
.designers {}
.designers-list {}
.designers-list .item {margin-bottom: 70px;}
.designers-list span {display: block; margin-top: 20px; font-size: 18px; line-height: 25px;}
.designers-list a:hover img {opacity: 0.3; transition: 0.3s;}
.designer {}
.designer .img-main {margin-bottom: 90px;}
.designer .txt-main {margin-bottom: 120px;}
.designer .txt-main .more {margin-top: 30px;font-size: 18px; line-height: 18px;}
.designer .details {font-size: 14px; line-height:20px;}
.designer .details .split-two {column-count: 2; column-gap: 30px;}
.designers-lamps-list a:hover img {opacity: 0.3; transition: 0.3s;}
.designers-lamps-list > div {margin-top: 350px; margin-bottom: 70px; text-transform: uppercase;}
.designers-lamps-list div .lamp {display: block; margin-top: 10px; font-size: 22px; line-height: 25px;}
.designers-lamps-list div .applicazione {display: block; font-size: 14px; line-height: 25px; margin-bottom: 60px; color: #00000030;}

/* PRODOTTO CATEGORIA */
.prodotto-categoria h1 {font-size: 150px; line-height: 150px; position: absolute; bottom: 15px; left: 20px; margin: 0;}
.prodotto-categoria .intro {min-height: 150px;margin-top: -80px; height: calc(100vh - 200px); overflow: hidden;}
.prodotto-categoria .testo-categoria > div {padding: 30px 0 0; font-size: 28px; line-height: 35px;}
.prodotto-categoria .testo-categoria a {font-size: 18px; line-height: 25px;color: #00000030;}
.menu-categoria {text-align: center; text-transform: uppercase; font-size: 18px; line-height:25px; border-bottom: 1px solid #00000010; padding-bottom: 30px; margin-bottom: 30px;}
.menu-categoria > div {padding-left: 150px; padding-right: 150px;}
.menu-categoria a {padding: 0 10px; white-space: nowrap;}
.menu-categoria a.attivo {opacity: 1; color: #e30613;}
.menu-categoria .all {position: absolute; left: 0; top: 0; padding-left: 0;}
.menu-categoria .filtro {position: absolute; right: 0; top: 0; padding-right: 0; display: none;}
.menu-categoria .filtro::after {display: inline-block; width: 40px; content: url("../images/icons/filter.svg"); vertical-align: text-top;}
/* .menu-categoria .filtro::before {display: inline-block; width: 14px; margin-right: 10px; content: url("../images/icons/close.svg"); vertical-align: text-top;} */

.in-evidenza {/*padding-bottom: 180px;*/}
/*.in-evidenza .owl-carousel.owl-drag .owl-item {padding:0 5px;}*/
.in-evidenza .titolo {/*border-top: 1px solid #00000010; padding: 30px 0 120px;*/ padding-bottom: 120px; font-size: 28px; line-height: 60px;}
.in-evidenza .item {display: flex; flex-direction: column; max-width: 1550px;}
.in-evidenza .item a:hover {opacity: 0.3;}
.in-evidenza .item .sotto {max-width: 850px; max-height: 600px;}

.in-evidenza .item .sotto {
  width: calc(100vw - 68%);
  height: auto;
  max-height: 600px;
  overflow: hidden;
}

.in-evidenza .item .sopra {z-index: 1; margin: -450px 0 0 auto; position: relative; background: #ffffff; max-width: 1250px; max-height: 800px;}

.in-evidenza .item .sopra {
  z-index: 1;
  margin: calc(100vw - calc(100vw - -30%)) 0 0 auto;
  position: relative;
  background: #ffffff;
  width: calc(100vw - 40%);
  height: auto;
  margin-top: calc(100vw - calc(100vw - -30%));
  max-height: 850px;
  overflow: hidden;
}

.in-evidenza .item .sopra .testi {position: absolute; top: 20px; left: 20px;}
.in-evidenza .item .sopra .nome-prodotto {font-size: 60px; line-height:60px; text-transform: uppercase;}
.in-evidenza .item .sopra .nome-designer {font-size: 15px; line-height:20px;}
.in-evidenza .item .sopra .etichetta {position: absolute; left: 20px; bottom: 20px; font-size: 14px; line-height:25px; padding: 2px 5px; background: #ffffff; border: solid 1px #000000;}
.prodotto-categoria .applicazioni {margin-top: 180px;}
.prodotto-categoria .applicazioni .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto-categoria .applicazioni .lista .item {font-size: 18px; line-height: 25px; width: 540px;}
.prodotto-categoria .applicazioni .lista .item p {margin: 0;}
.prodotto-categoria .applicazioni .applicazione {font-size: 22px; line-height: 25px; margin-top: 20px !important;}
.prodotto-categoria .applicazioni a:hover {opacity: 0.3}
.altre-cat {margin-top: 240px;}
.altre-cat .nomecat {position: absolute; top: 20px; left: 35px;}

.prodotto-categoria-all {}
    .prodotto-categoria-all h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}

.testo-categoria {font-size: 18px; line-height: 25px; margin-bottom: 180px;}
.lista-categoria {margin-bottom: 180px;}
.lista-categoria a:hover {opacity: 0.3}
.lista-categoria .item {margin-bottom: 40px;}
.lista-categoria .item .nome-prodotto {font-size: 22px; line-height: 25px; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px;}
.lista-categoria .item .applicazione {font-size: 15px; line-height: 20px; color: #00000030; text-transform: uppercase; margin-bottom: 20px;}
.lista-categoria .item .nome-designer {font-size: 15px; line-height: 20px; color: #00000030; text-transform: uppercase; margin-bottom: 20px;}
.lista-categoria .item .etichetta {position: absolute; left: 30px; top: 10px; font-size: 14px; line-height:25px;  text-transform: uppercase; padding: 2px 5px;background: #ffffff; }
.lista-categoria .item:hover .etichetta {border: solid 1px #000000;}

.tipologia h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.altre-tipologie a {border-top: solid 1px #00000010; font-size: 22px; line-height: 60px; display: block;}
.altre-tipologie .row .col-6:nth-last-child(2) a, .altre-tipologie .row .col-6:nth-last-child(1) a {border-bottom: solid 1px #00000010;}

.collezioni {}
.collezioni h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.menu-categoria .lista {position: absolute; right: 0; top: 0; padding-right: 0;}
.menu-categoria .lista::after {display: inline-block; width: 40px; content: url("../images/icons/lista.svg");margin-left: 20px; vertical-align: middle;}
.menu-categoria .immagini {position: absolute; right: 0; top: 0; padding-right: 0;}
.menu-categoria .immagini::after {display: inline-block; width: 40px; content: url("../images/icons/gallery.svg");margin-left: 10px; vertical-align: top;}
.lista-collezioni-txt div {font-size: 40px; line-height: 60px; display: flex; flex-direction: column; text-align: center; text-transform: uppercase;}

.collezione h1 {font-size: 150px; line-height: 150px; margin-bottom: 5px;}
.collezione p {margin-bottom: 90px; font-size: 18px; line-height: 20px;}
.collezione .none-designer {margin-bottom: 120px;}


/* PRODOTTO SCHEDA */
.prodotto .foto-prodotto {padding: 0; margin-top: -80px; padding-right: 20px;}
.prodotto .foto-prodotto .doppia {display: flex;}
.prodotto .foto-prodotto .doppia img {width: 50%; height: auto;}
.prodotto .foto-prodotto .open-gallery {padding: 20px 0; text-align: center; font-size: 14px; line-height: 20px; cursor:pointer;}
.prodotto .foto-prodotto .open-gallery::before {display: inline-block; width: 50px; content: url("../images/icons/gallery.svg"); vertical-align: middle;}
.prodotto .foto-prodotto .img-open-gallery {cursor:pointer;}
.prodotto .dati-prodotto {position: sticky; top: 80px;}
.prodotto .dati-prodotto h1 {font-size: 40px; line-height: 60px; margin-bottom: 5px;}
.prodotto .dati-prodotto .nome-designer {font-size: 14px; line-height: 20px;}
.prodotto .dati-prodotto .testo {font-size: 18px; line-height: 25px; margin-top: 30px;}
.prodotto .dati-prodotto .more a {font-size: 15px; line-height: 20px; color: #00000030}
.prodotto .dati-prodotto .opzioni {margin-top: 90px; font-size: 14px; line-height: 25px;}
.prodotto .dati-prodotto .opzioni > div {border-top: 1px solid #00000010; padding: 10px 0;}
.prodotto .dati-prodotto .opzioni .link {border-top: none;}
.prodotto .dati-prodotto .opzioni .link .row {margin: 0; }
.prodotto .dati-prodotto .opzioni .link .row > div {border-top: 1px solid #00000010; border-bottom: 1px solid #00000010; padding: 10px 0;}
.prodotto .dati-prodotto .opzioni .link .row > div:first-child {border-bottom: none;}
.prodotto .dati-prodotto .opzioni .link .row > div:last-child {border-bottom: 1px solid #00000010;}
.prodotto .dati-prodotto .opzioni .applicazioni {line-height: 30px;}
.prodotto .dati-prodotto .opzioni .colori {padding-bottom: 0; line-height: 30px;}
.prodotto .dati-prodotto .opzioni .colori-lista {display: flex; flex-wrap: wrap;}
.prodotto .dati-prodotto .opzioni .colori-lista > div {border-radius: 50%; width: 30px; height: 30px; overflow: hidden; margin-right:10px; margin-bottom:10px; cursor: pointer; border: 1px solid #00000030;}
.prodotto .dati-prodotto .opzioni .colori-lista > div img {object-fit: cover; width: 30px; height: 30px; margin-top: -5px;}
.prodotto .dati-prodotto .opzioni .modelli {}
.prodotto .dati-prodotto .opzioni .modelli-lista {display: flex; width: 100%; overflow: auto;}
.prodotto .dati-prodotto .opzioni .modelli-lista img {width: 140px; height: auto; opacity: 0.5;}
.prodotto .dati-prodotto .opzioni .modelli-lista > div {margin-right:10px; cursor: pointer;}
.prodotto .dati-prodotto .opzioni .modelli-lista .attivo, .prodotto .dati-prodotto .opzioni .modelli-lista .attivo img {opacity: 1;}
.prodotto .dati-prodotto .opzioni .link {line-height: 30px;}
.prodotto .testo-collezione {padding-top: 170px;}
.prodotto .testo-collezione > div {border-top: 1px solid #00000010;         padding: 30px 0 0px; font-size: 22px; line-height: 30px;}
.prodotto .video {margin-top: 180px;}
.prodotto .video .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .panoramica {margin-top: 180px;}
.prodotto .panoramica .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .panoramica a {width: 30px; height: 31px; overflow: hidden; position: absolute; font-size: 15px; line-height: 25px; border-radius: 25px; padding: 2px 20px 0px 0px; transition: 0s; margin: -15px 0 0 -15px; color:transparent; border: 1px solid transparent; border-radius: 25px; text-indent: 40px; border-left: 0; }
.prodotto .panoramica a:hover {width: auto; background-color: #ffffff; border: 1px solid #000000; border-left: 0; transition: background-color 0.3s; color: #000000 !important;}
/* .prodotto .panoramica a::before {display: inline-block; width: 40px; content: url("../images/icons/plus-family.svg"); vertical-align: middle; position:absolute; top: 0px; left:0px; } */

.prodotto .panoramica a { background: url("../images/icons/plus-family.svg") no-repeat; background-size: contain;}

.prodotto .designer {margin-top: 180px; font-size: 18px; line-height: 25px;}
.prodotto .designer a {color: #00000030; font-size: 14px;}
.prodotto .designer .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .progetto {margin-top: 180px; font-size: 18px; line-height: 25px;}
.prodotto .progetto .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .progetto .nome-progetto {font-size: 22px; line-height: 25px; margin-top: 10px; margin-bottom: 5px;}
.prodotto .progetto .categoria-progetto {font-size: 14px; line-height: 25px; color: #00000030;}
.prodotto .progetto a:hover {opacity: 0.3}
.prodotto .progetto .item {padding: 0;}

.prodotto .caratteristiche {margin-top: 180px;}
.prodotto .caratteristiche .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .caratteristiche .lista .item {font-size: 18px; line-height: 25px; width:540px;}
.prodotto .caratteristiche .lista .item:first-of-type p:first-of-type {text-transform: uppercase; margin-top: 15px;}
.prodotto .caratteristiche .lista .item p {margin: 0;}
.prodotto .caratteristiche a:hover {opacity: 0.3}

.prodotto .correlati {margin-top: 180px;}
.prodotto .correlati .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .correlati .lista .item {font-size: 18px; line-height: 25px; width: 540px;}
.prodotto .correlati .lista .item p {margin: 0;}
.prodotto .correlati .nome-prodotto {font-size: 22px; line-height: 25px; margin-top: 15px !important; margin-bottom: 5px !important; text-transform: uppercase;}
.prodotto .correlati .nome-designer {font-size: 14px; line-height: 25px; color: #00000030;}
.prodotto .correlati a:hover {opacity: 0.3}

.prodotto .info-tecniche {padding-bottom: 60px; margin-top: 180px;}
.prodotto .info-tecniche .titolo {border-top: 1px solid #00000010; padding: 30px 0 120px; font-size: 28px; line-height: 60px;}
.prodotto .info-tecniche .modelli {border-bottom: 1px solid #000000; padding: 10px 0 15px; margin-bottom: 15px;}
.prodotto .info-tecniche .modelli .nome {font-size: 18px; line-height: 25px;}
.prodotto .info-tecniche .modelli .variante {font-size: 14px; line-height: 28px;}
.prodotto .info-tecniche .modelli .variante a {color: #00000030;}
.prodotto .info-tecniche .modelli .variante a::after {content: "|"; display: inline-block; padding: 0 10px;}
.prodotto .info-tecniche .modelli .variante a:last-child::after  {content: none;}
.prodotto .info-tecniche .modelli .variante a.active {color: #000000;}
.prodotto .info-tecniche .valori {font-size: 15px; line-height: 20px; color: #00000030;}
.prodotto .info-tecniche .valori .img-tec {text-align: center;}
.prodotto .info-tecniche .valori .comuni, .prodotto .info-tecniche .valori .attivo {color: #000000;}
.prodotto .info-tecniche .valori h3 {font-size: 15px; line-height: 20px; text-transform: none; color: #000000; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #000000;}
.prodotto .info-tecniche .valori .filters h3 {text-transform: capitalize;}
.prodotto .info-tecniche .valori label {margin-bottom: 0;}
.prodotto .info-tecniche .valori .varianti .col-lg-2 {flex: 0 0 20%; max-width: 20%; margin-bottom: 50px;}
.prodotto .info-tecniche .download a {font-size: 15px; line-height: 20px; border: 1px solid #000000; border-radius: 25px; padding: 5px 10px;}
.prodotto .info-tecniche .download a:hover {border: 1px solid #e30613;}
.prodotto .info-tecniche .codvar {color: #000000;}


.radio{
  display: block;
  cursor: pointer;
  user-select:none;
  text-align: left;
  &+.radio{
    margin-top: 0px;
  }
  input{
    display: none;
    &+span{
      display: inline-block;
      position: relative;
      padding-left: 30px;
      &:before{
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        border-radius: 50%;
        margin-right: 5px;
        width: 15px;
        height: 15px;
        border: 1px solid #ccc;
        background: #fff;
      }
      &:after{
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background: #222;
        position: absolute;
        border-radius: 50%;
        top: 5px;
        left: 0px;
        opacity: 0;
        transform: scale(0,0);
        transition: all .2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
      }
    }
    &:checked+span:after{
      opacity: 1;
      transform: scale(1,1);
    }
  }
}
.radio {
  & input:checked {
    & + span {
    color: #000000;
  }
}
}

/* ACCORDION */
.accordion  {}
.accordion .card {border: none; font-size: 15px; line-height: 20px; border-top: 1px solid #00000010;}
.accordion .card:last-child {border-bottom: 1px solid #00000010;}
.accordion .card-header:first-child {border-radius: none;}
.accordion .card-header {padding: 5px 0; background-color: #ffffff; border-bottom: none; border-radius: 0;}
.accordion .card-header h3 {font-size: 14px; line-height: 25px; margin-bottom: 0px;}
/*.accordion .open-acc {position: absolute; right: 0px; top: 3px; background: transparent; padding: 0;}
.accordion .open-acc::before {display: inline-block; width: 15px; content: url("../images/icons/minus.svg"); vertical-align: middle;}
.accordion .open-acc.collapsed {display: inline-block; width: 15px; content: url("../images/icons/minus.svg"); vertical-align: middle; margin-top: -15px;}
.accordion .close-acc {position: absolute; right: 0px; top: 3px; background: transparent; padding: 0;}
.accordion .close-acc.collapsed {display: inline-block; width: 15px; content: url("../images/icons/plus.svg"); vertical-align: middle; margin-top: -15px;}
.accordion .close-acc::before {display: inline-block; width: 15px; content: url("../images/icons/plus.svg"); vertical-align: middle; margin-top: -15px;}*/
.accordion .card-header .btn {position: absolute; right: 0px; top: 3px; background: transparent; padding: 0;}
.accordion .card-header .btn:focus, .accordion .card-header .btn:focus::before {outline: none; box-shadow: none;}
.accordion .card-header .btn::before {display: inline-block; width: 15px; content: url("../images/icons/minus.svg"); vertical-align: middle;}
.accordion .card-header .btn.collapsed::before {content: url("../images/icons/plus.svg");}
.accordion .card-body {padding: 5px 0;}


/* PANNELLI */
.entrante {position: fixed; top: 0; left: -100vw; background: #ffffff; z-index: 3; transition: 0.3s; width: calc(50% - 20px); }
.entrante.active {left: 0px;}
.entrante .close {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.entrante .immagine {text-align:center; /* overflow-x: auto; */ max-height: 100vh; border-right: 1px solid #00000010;}
.entrante .immagine img { width:100%; height:auto; max-height: 100vh; object-fit: contain; }
.gallery {position: fixed; top: 100vh; left: 0; width: 100vw; height: 100vh; background: #ffffff; z-index: 3; text-align: center; transition: 0.3s;}
.gallery.active { top: 0px; }
.gallery .close {position: absolute; right: 30px; top: 10px; cursor: pointer; z-index: 7 }
.gallery .immagine {height: calc(100vh - 130px); padding-top: 20px;display: flex; justify-content: space-between;}
.gallery .immagine .img {display: flex; align-items: center; justify-content: center; width: calc(100vw - 160px);}
.gallery .immagine .img img {max-height: 100%; width: auto;}
.gallery .immagine .prev {display: flex; transform: rotate(180deg); margin-left: 20px; margin-right: 10px; cursor: pointer; align-items: center;}
.gallery .immagine .next {display: flex; margin-right: 20px; margin-left: 10px; cursor: pointer; align-items: center;}
.gallery .immagine .prev img, .gallery .immagine .next img {width: 50px; height: auto;}
.gallery .immagine .prev:hover, .gallery .immagine .next:hover {opacity: 0.5;}
.gallery .items {margin-top: 40px; height: 80px; display: flex; justify-content: center; cursor: pointer;}
.zoom-info {position: fixed; top: 0; left: -100vw; background: #ffffff; z-index: 3; transition: 0.3s; width: 50%;}
.zoom-info .close {position: absolute; right: 20px; top: 10px; cursor: pointer;}
.zoom-info .immagine {text-align: center;}
.contact-link { cursor:pointer; }
.contact-link .row {align-items: stretch;}
.panel {position: fixed; top: 0; right: -480px; background: #ffffff; z-index: 5; width: 480px; max-width: 100vw; height: 100vh; padding:40px 40px 200px; font-size: 15px; line-height: 20px; transition: right ease 0.5s; overflow: auto;}
.panel input[type='text'] {line-height: 40px; border: none; border-top: 1px solid #00000030; width: 100%;}
.panel textarea {border: none; border-top: 1px solid #00000030; width: 100%; margin-top: 10px;}
.panel input::placeholder, .panel textarea::placeholder {color: #000000;}
.panel input:focus-visible, .panel textarea:focus-visible {outline: none;}
.panel h3 {font-size: 14px; line-height: 25px; padding-top: 5px;margin-bottom: 5px;}
.panel .chiudi {position: absolute; right: 40px; top: 40px; line-height: 15px; cursor: pointer;}
.panel .titolo {font-size: 18px; line-height: 20px; margin-bottom: 50px;}
.panel.filter { max-height:100vh; overflow:auto; }
.panel.active {right: 0px !important;}
.panel.contact .titolo {margin-bottom: 100px;}
.panel.contact h3 {border-top: 1px solid #00000030;}
.panel .filtri {margin-bottom: 50px;}
.panel .filtri a {line-height: 20px; border: 1px solid #00000030; border-radius: 25px; padding: 5px 10px;}
.panel .filtri a:hover {border: 1px solid #e30613;}
/*.panel .bottoni {position: fixed; bottom: 0; padding: 40px; background: #ffffff;}*/
.panel .bottoni {position: fixed; bottom: 0; padding: 20px 0 40px; background: #ffffff; max-width: calc(100% - 80px); width: 400px;}
.panel .bottoni .reset { border: 1px solid #00000010; border-radius: 0; background: #ffffff; padding: 5px 10px; margin-bottom: 10px;width: 100%;}
.panel .bottoni .send {border: 1px solid #00000010; border-radius: 0; background: #00000010; padding: 5px 10px; width: 100%;}
.panel.prodottiused {overflow: auto; max-height: 100vh; width: 890px; right: -890px;}
.panel.prodottiused .item {margin-bottom: 40px;}
.panel.prodottiused .prodotto {font-size: 14px; line-height: 20px;}
.panel.prodottiused .tipologia {font-size: 14px; line-height: 20px; color: #00000030; padding: 0;}

.panel.ricerca {width: 100vw; height: 580px; padding: 0; top: 0px; left: 0px; z-index: 2; background: red;}
.panel.ricerca form {width: 100%;}
.panel.ricerca input[type='text'] {line-height: 40px; border: none; border-bottom: 1px solid #00000030; width: 100%;}

.panel.download {width: 100vw; min-height: 100px; max-height: 100vh; overflow: auto; padding: 80px 40px 40px; top: -100vh; left: 0px;}


/* NEW PRODUCTS */
.prodotti-new {}
.prodotti-new h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.prodotti-new .in-evidenza .row:nth-child(odd) {justify-content: flex-end;}
.prodotti-new .in-evidenza .row:nth-child(odd) .item  {align-items: end;}
.prodotti-new .in-evidenza .row:nth-child(odd) .item .sopra {display: block; margin-right: calc(100vw - 85vw); text-align: left;}
.prodotti-new .in-evidenza .row:nth-child(even) {justify-content: flex-start;}
.prodotti-new .in-evidenza .item {margin-bottom: 180px;}

/* PROJECTS */
.projects, .realizations {}
.projects h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.projects .testo {padding-bottom: 180px;}
.projects .lista {padding: 40px 0; border-top: 1px solid #00000010; font-size: 18px; line-height: 25px;}

/* REALIZATIONS */
.realizations h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.realizations .lista a:nth-child(even) .row {flex-direction: row-reverse;}
.realizations .lista .row {margin-bottom: 180px;}
.realizations .lista .testi {font-size: 22px; line-height: 30px;}
.realizations .lista .testi h3 {font-size: 28px; line-height: 35px; margin-bottom: 5px;}
.realizations .lista .testi h4 {font-size: 14px; line-height: 14px; color: #00000030; margin-bottom: 40px;}
.realizations .lista .testi ul {margin: 20px 0 0 150px; list-style: none;}
.realizations .lista .testi ul li {border-top: 1px solid #00000010; padding: 5px 0; font-size: 14px; line-height: 30px;}
.realizations .lista .testi ul li:last-child {border-bottom: 1px solid #00000010;}
.realizations .lista a:hover h4 {color: #e30613;}
.realizations h1.scheda {font-size: 60px; line-height:60px; text-align: center; margin-top: 25px;}
.realizations h2 {font-size: 80px; line-height: 80px; margin-top: 120px; margin-bottom: 90px;}
.menu-categoria .all-rel {position: relative; padding-bottom: 30px;}
.realizations .categoria {font-size: 18px; line-height: 25px; margin: 20px 0; text-align: center;}
.realizations .categoria a:link {color: #00000030;}
.realizations .imgprinc {margin-bottom: 60px;}
.realizations .prodotti {padding: 20px 0; margin-bottom: 60px; font-size: 18px; line-height: 25px; border-bottom: 1px solid #00000010; text-align: center; cursor: pointer;}
.realizations .txtprinc {margin-bottom: 60px;}
.realizations .allrealizations  {margin-top: 120px; font-size: 18px; line-height: 25px; text-align: center;}

/* NEWS */
.news {}
.news h1 {font-size: 150px; line-height: 150px; margin-top: 15px; margin-bottom: 160px;}
.news .lista .row:nth-child(even) {flex-direction: row-reverse;}
.news .lista .row {margin-bottom: 180px;}
.news .lista a:hover h4 {color: #e30613;}
.news h1.scheda {font-size: 60px; line-height:60px; text-align: center; margin-top: 25px;}
.news .categoria {font-size: 18px; line-height: 25px; color: #00000030; margin: 20px 0; text-align: center;}
.news .categoria a:link {color: #00000030;}
.news .imgprinc {margin-bottom: 60px;}
.news .txtprinc {margin-bottom: 60px;}
.news .row .row {margin-bottom: 60px;}
.news .allnews  {margin-top: 120px; font-size: 18px; line-height: 25px; text-align: center;}

/* DOWNLOADS */
.downloads {}
.downloads h1 {margin-bottom: 180px;}
.downloads a.attivo {color: #e30613; opacity: 1;}
.lista-categoria .item {margin-bottom: 40px;}
.lista-categoria .item .nome-download {font-size: 22px; line-height: 25px; margin-top: 15px; margin-bottom: 5px}
.lista-categoria .item .download {font-size: 18px; line-height: 20px; color: #00000030; margin-bottom: 20px; text-transform: uppercase;}


/* CONTACTS */
.contacts {}
.contacts .office {font-size: 28px; line-height: 35px;}
.contacts .lista {border-top: 1px solid #00000010; margin-top: 90px; margin-bottom: 180px; padding-top: 40px; font-size: 18px; line-height: 25px;}
.contacts .lista a {text-decoration: underline; opacity: 1;}
.contacts .contatti-box {margin-bottom: 180px;}
.contatti-box .link {color: #00000030; font-size: 14px; padding-top: 20px;position: absolute; bottom: 15px;}
.contatti-box a:hover .link {color: #e30613;}
.contacts .foto {}

.contatti-box {font-size: 18px; line-height: 25px; margin-top: 120px;}
.contatti-box a:hover {opacity: 0.3;}
.contatti-box .testo {padding: 15px 15px 40px; font-size: 18px; line-height: 25px; background-color: #00000010;}
.contatti-box .immagine {padding: 0; overflow: hidden;}
.contatti-box .immagine img {height: 100%; width: auto; max-width: none;}
 .contatti-box .testo .contatti {color: #00000030; font-size: 14px; position: absolute; bottom: 0; left: 15px;}
.contatti-box a:hover .testo, .contatti-box a:hover .testo .contatti {color: #e30613;}
.homepage .contatti-box .testo, .contacts .contatti-box .testo {height: 100%;}


/* WHERE TO BUY */
.where-to-buy {}
.where-to-buy .lista .row {border-bottom: 1px solid #00000010; padding-top: 30px;}
.where-to-buy .lista .row:last-child {border-bottom: none;}
.where-to-buy .categoria {margin-bottom: 40px;}
.where-to-buy .items {display: flex; flex-wrap: wrap;}
.where-to-buy .lista .item {border-top: 1px solid #00000010; padding: 40px 15px 40px 0; font-size: 18px; line-height: 25px;}
.where-to-buy .lista .item:nth-child(1), .where-to-buy .lista .item:nth-child(2), .where-to-buy .lista .item:nth-child(3) {border-top: none; padding-top: 0;}
.where-to-buy .lista .item h2 {font-size: 18px; line-height: 25px;}
.where-to-buy .lista .item:last-child {flex-basis: 100%; max-width: 100%;}

/* RICERCA */
.ricerca {padding-top: 500px;}
.ricerca > div > .titolo {padding-top: 40px; padding-bottom: 100px; border-top: 1px solid #00000010;}
.ricerca .loadmore {padding-top: 120px; text-align: center; font-size: 18px; line-height: 18px;}
.ricerca .lista-categoria .item .tit {font-size: 22px; line-height: 25px; margin-top: 15px; margin-bottom: 5px;}
.ricerca .lista-categoria .item .cat {font-size: 15px; line-height: 20px; color: #00000030; margin-bottom: 20px;}

/* CMS */
.cms h1 {font-size: 60px; line-height: 60px; margin-top: 20px; margin-bottom: 60px;}
.cms .testo {font-size: 18px; line-height: 20px; margin-bottom: 20px;}
.cms h2, .cms h3, .cms h4, .cms h5, .cms h6 {text-transform: none;}

/* CUSTOM TINY */
.rosso20px {color: #e30613 !important; font-size: 20px !important;}
.testo20px {font-size: 20px !important;}
.bgbianco {background: #ffffff !important;}
.bgrosso {background: #e30613 !important;}
.bgbrigio {background: #ebebeb !important;}
.bgnero {background: #000 !important;}
.bgbrigiopad25px {background: #ebebeb !important; padding: 25px;}
hr {border: 0; border-top: 1px solid #000000;}


/* MATTEO*/

.prodotto .row.varianti { display:none; }
.prodotto .row.varianti:first-child { display:flex; }
.row-owl { margin: 0 -15px;}