@charset "UTF-8";

:root{
	--color1: #E6E2D9;
	--color2: #2E2E2E;
	--color3: #CD967E;
	--color4: #f2f2f2;
	--color5: #636463;
}

.dropdown-menu{
	margin-top: 0;
}
.dropdownHover:hover>.dropdown-menu {
	display: block;
}

a{
	color: var(--color2);
	text-decoration: none;
	}
a:focus, a:hover{
	color: var(--color2);
	}
	
a:hover:not([role="button"]):not(.page-link):not(.dropdown-item){
	text-decoration: underline;
	}

.mt-6 {
    margin-top: 4.5rem !important;
}
.mb-6 {
    margin-bottom: 4.5rem !important;
}

.backToTop {
    position: fixed; display: none;
    color: #000; background-color: rgba(235, 235, 235, 0.80);
    font-size: 20px;
    bottom: 20px; right: 20px; padding: 15px 20px;
    border-radius: 10px;
    text-decoration: none;
	}
.backToTop:hover {
    color: #000;
    background-color: rgba(135, 135, 135, 0.50);
    text-decoration: none;
	}

td.details-control {
	cursor: pointer;
	}

.chartDrag{
    position: relative; 
}
.chartDrag::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: #666; 
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

#calAppuntamenti {
    width: 300px;
    height: 400px;
    font-size: 12px;
}

#calAppuntamenti .fc-toolbar-title {
    font-size: 1em;
    margin: 0;
}

#calAppuntamenti .fc-button {
    padding: .2em .50em;
    font-size: 0.8em;
}
#calAppuntamenti .fc-daygrid-day-events {
    min-height: 1.5em;
}

body{
	font-family: "League Spartan", sans-serif;
	font-size: 14pt;
	line-height: 18pt;
	font-weight: 300;
}


h1{
	font-size: 54px;
	line-height: 66px;
	font-weight: 700;
}

h2{
	font-size: 36pt;
	line-height: 40pt;
	font-weight: 600;
	letter-spacing: -5;
}

h3{
	font-size: 24pt;
	line-height: 28pt;
	font-weight: 600;
	letter-spacing: 0;
}

h4{
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 600;
	letter-spacing: 10;
}

.form-control{
	border-radius: 0;
}

.btn-cesi1 {
    border-radius: 0 !important;
    background-color: #444;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 30px;
    letter-spacing: 0.7px;
    border: none;
    transition: 0.25s ease;
}
.btn-cesi1:hover, .btn-cesi1:active, .btn-cesi1:focus {
    background-color: var(--color4);
	text-decoration: none !important;
}

.btn-cesi2 {
    border-radius: 0 !important;
    background-color: #fff;
    color: var(--color2);
    font-size: 16px;
    font-weight: 600;
    padding: 14px 80px 12px 80px;
    border: none;
    transition: 0.25s ease;
	text-transform: uppercase;
}
.btn-cesi2:hover, .btn-cesi2:active, .btn-cesi2:focus {
    background-color: var(--color2);
    color: #fff;
}

a.btn-cesi3{
    color: #000 !important;
	font-size: 14px !important;
	font-weight: normal !important;
    padding: 8px 28px 7px;
    border-radius: 20px;
    background-color: #D6D3CC;
	border: none;
}
a.btn-cesi3:hover, a.btn-cesi3:active, a.btn-cesi3:focus{
    color: #D6D3CC !important;
    background-color: var(--color2);
}

select{
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23333'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 30px;
}

.spanner{
	position: absolute;
    top: 22%;
    left: 0;
    background: #2a2a2a;
    width: 100%;
    display: block;
    text-align: center;
    height: 80px;
    color: #FFF; 
    z-index: 1000;
    opacity: 0.8;
    line-height: 80px;
    font-size: 20px;
}



/**************************************************************
 * STRUTTURA: testata, menu, footer
 */

.wrHeadNav{
	background-color: var(--color2);
	padding-left: 0;
	padding-right: 0;
}

.wrHeadNav.hero{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: none;
}

.wrTestata .topmenu a{
	color: #fff;
  	text-underline-offset: 4px; /* aumenta lo spazio */
  	text-decoration-thickness: 1px; /* spessore della linea */
}

.wrTestata .fixcontatti{
    vertical-align: text-bottom;
}

.wrTestata .lingue a{
	margin-left: 10px;
	text-decoration: none;
	}
.wrTestata .lingue a.active{
	font-weight: bold;
    display: inline-block;
	}
.wrTestata .lingue a:hover{
	text-decoration: underline;
}

.wrTestata .social>a{
	color: #fff;
	margin-right: 10px;
    font-size: 26px;
}

#mainbar1 .nav-link{
  	text-underline-offset: 4px; /* aumenta lo spazio */
  	text-decoration-thickness: 1px; /* spessore della linea */
	font-size: 18px;
	color: #fff;
    padding-right: 12px;
    padding-left: 12px;
}

.nav-static{
	position: static;
}

.nav-static .dropdown-toggle::after {
    vertical-align: .1em;
    margin-left: .3em;
	}

.nav-static .dropdown-menu{
    /*display: block;*/
	background-color: var(--color2);
	position: absolute !important;
  	left: 50% !important;
  	right: auto !important;
  	transform: translateX(-50.1%);
	width: calc(100vw - 17px) !important;
    border-radius: 0;
	font-size: 16px;
	line-height: 18px;
    border: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
	}


.nav-static .wrsez{
	display: flex;
	justify-content: flex-start;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.nav-static .wrsez img{
    border-radius: 20px;
}

.nav-static .wrsez>div{
	min-width: 250px;
	}
.nav-static .titsez{
	color: var(--color4);
    margin-top: 15px;
    margin-bottom: 6px;
	font-weight: 500;
	}
.nav-static .dropdown-item{
	color: var(--color4);
	padding: 5px 0 0 0;
	border-bottom: 1px solid transparent;
    text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: transform .2s, color .2s;
  position: relative;
}
.nav-static .dropdown-item:focus, .nav-static .dropdown-item:hover{
	background-color: transparent;
  transform: translateX(6px);
}

.nav-static .dropdown-item::after {
  content: '▶';
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s, transform .2s;
  font-size: 14px;
}

.nav-static .dropdown-item:hover::after{
  opacity: 1;
  transform: translateX(0);
}

.wrTestata{
    min-height: 100px;
}
.navbar{
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: top 0.3s ease; /* animazione fluida */
	}
.navbar.scrolled {
    top: 0;
	background-color: var(--color2);
}


.wrFooter{
	background-color: var(--color2);
	color: #fff;
    padding-bottom: 100px;
    padding-top: 50px;
	font-size: 18px;
}

.wrFooter .logo{
	max-width: 120px;
}

.wrFooter a{
	color: #fff;
}

.wrFooter .rowMenu{
	font-size: 15px;
}

.wrFooter .rowMenu h3{
	font-size: 19px;
    font-weight: 500;
}

.wrFooter .social>a{
    margin-right: 10px;
    font-size: 26px;
}


/**************************************************************
 * Home
 */

#pHome .menu2{
	font-size: 15px;
    color: #fff;
}

#pHome .menu2>div>div{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#pHome iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

#pHome .tDna1{
	font-size: 24px;
}
#pHome .tDna2{
	font-size: 76px;
	font-weight: bold;
}

#pHome .wrBoxCard .card{
	background: #f2f2f2;
}

#pHome .rowBox img{
    border-radius: 20px;
	width: 100%;
  transition: filter .4s ease;
}

#pHome .rowBox a:hover img {
  filter: brightness(.7);
}


/**************************************************************
 * AUTOSITO
 */

.carousel-inner{
	max-height: 850px;
	width: 100%;
	height: 100vh; /* parte da top:0, va sotto l'header automaticamente */
	background-size: cover;
	background-position: center;
}
.carousel-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;          /* quanto "sale" la sfumatura */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0)    100%
  );
  pointer-events: none; /* non blocca i click */
  z-index: 1;
}
.carousel-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.65) 0%,
		rgba(0, 0, 0, 0)    50%
	);
    pointer-events: none;
    z-index: 1;
}
.carousel-caption {
  	z-index: 2;
	position: absolute;
    top: 40rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	max-width: 1000px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #fff;
}
.carousel-caption h1 {
	text-transform: uppercase;
	font-size: 76px;
  transition: filter .3s, transform .3s;
  display: inline-block;
}
.carousel-item a:hover .carousel-caption h1 {
  transform: scale(1.08);
}

#collezioni {
  scroll-margin-top: 400px;
}


.rowBox{
	margin-top: 35px;
    margin-bottom: 70px;
}
.rowBox .tit{
	color: var(--color2);
	font-size: 35px;
	font-weight: bold;
	text-align: center;
    margin-bottom: 40px;
	text-transform: uppercase;
}
.rowBox img{
    border-radius: 20px;
}
.rowBox a:hover{
	text-decoration: none !important;
}
.rowBox h5{
	font-size: 24px;
	color: var(--color2);
    text-align: center;
    margin: 25px 0 10px 0;
    font-weight: 600;
}
.rowBox .p{
	font-size: 18px;
	opacity: 55%;
    text-align: center;
    color: #000;
}

.rowboxPlain{
    margin-top: 0;
    margin-bottom: 0;
}

.rowImgs img{
    border-radius: 20px;
}

.wrWideBloc{
    padding-top: 40px;
    padding-bottom: 40px;
}

.wrWideBloc img{
    border-radius: 20px;
}

.wrWideBloc1{
	background-color: var(--color1);
}

.wrWideBloc2{
	background-color: var(--color4);
}
.wrWideBloc2 .tit{
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.wrWideBloc3{
	background-color: var(--color3);
	color: #fff;
}
.wrWideBloc3 .tit{
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.wrWideBloc4{
	background-color: var(--color1);
}
.wrWideBloc4 .tit{
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}
.wrWideBloc7{
	background-color: var(--color2);
	color: #fff;
}
.wrWideBloc8{
	background-color: var(--color5);
	color: #fff;
}


.wrBoxCard .card{
	text-align: center;
	border: none;
	border-radius: 15px;
	padding: 20px 15px;
}
.wrBoxCard .card .tit{
	font-weight: 600;
	font-size: 24px;
	color: #000;
	margin-bottom: 10px;
}
.wrBoxCard .card .p{
	font-size: 18px;
	color: #000;
	opacity: 55%;
	margin-bottom: 20px;
}

.wrBoxNoCard .tit{
	font-weight: 600;
	font-size: 30px;
	color: #000;
	margin-top: 25px;
}
.wrBoxNoCard .p{
	font-size: 18px;
	color: #000;
	opacity: 55%;
	margin-top: 20px;
}

/* COLONNA LATERALE */

aside>section>div>a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}

aside ul li span{
	font-weight: bold;
	list-style-type: none;
	}



/* FILTRI */

.filtri .fa {
	margin-right: 10px;
	}


/* CONTATTI */

.btn-fakecontatti {
	display: inline-block;
    background-color: #fff;
    color: var(--color2);
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px 6px 14px;
    border: none;
    text-transform: uppercase;
    min-width: 300px;
}

.btn-fakecontatti .fa {
    float: right;
    color: #999;
}


/* REFERENZE */

#pReferenze select{
    border-radius: 0 !important;
}

#pReferenze label{
	color: #000;
    text-transform: uppercase;
	font-size: 18px;
}

#imgList{
	font-size: 18px;
	font-weight: 500;
	}
#imgList .header{
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 500;
}
#imgList img{
	max-width: 100%;
	height: 315px;
    object-fit: cover;
    border-radius: 10px;
  transition: filter .4s ease;
	}
#imgList a:hover img{
  filter: brightness(.7);
}
#imgList .card{
	border: none;
}
#imgList .card-body{
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}


/* DOWNLOAD */

#pDownload .seztit{
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
	font-weight: 500;
}

#pDownload .collezione{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
}

#pDownload .dl{
	font-size: 18px;
	text-transform: uppercase;
}

#pDownload .dl>i{
    position: relative;
    font-size: 30px;
    margin-right: 5px;
    top: -2px;
}



/* AZIENDA & CO */

.txt2{
	font-size: 22px;
}

.rowdna1 h1{
	font-size: 74px
}

.rowdna1 .txt{
	font-size: 22px;
	line-height: 26px;
}

.wrWideBloc5{
	background-color: #1f4e79;
}
.wrWideBloc5 .card{
	background-color: #7a9b8c;
}
.wrWideBloc5 .p{
    font-size: 22px !important;
}

.wrWideBloc6{
	background-color: #c65a3a;
}
.wrWideBloc6 .card{
	background-color: #e6b7b2;
}
.wrWideBloc6 .p{
    font-size: 22px !important;
}



/* LANDING PROGETTA ONLINE */

.lbl-progetta{
	margin-top: 15px;
}



/* PEZZI SPECIALI */

.pezzispeciali .pezzo{
	font-size: 20px;
	margin-bottom: 35px;
}
.pezzispeciali .pezzo strong{
	text-transform: uppercase;
	font-weight: 600;
}
.pezzispeciali .pezzo i{
	font-weight: 500;
	margin-left: 10px;
	font-style: normal;
}

.pezzispeciali .pezzo img{
	margin-top: 5px;
}


/* NCS */

.wrWideBlocNcs{
	background-color: var(--color4);
}

.border-ncs{
	border-top: 4px dotted #f30ea6;
	}
.text-ncs{
    font-size: 70px;
    text-transform: uppercase;
    color: #f30ea6;
    font-weight: 700;
    line-height: 59px;
	}
.ncs-listhead{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 2px solid #000;
    margin-bottom: 15px;
}

.colncs span{
	display: inline-block;
  	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	padding: 10px;
	border-radius: 50%;
	}
.colncs span:hover{
	text-decoration: none;
	}

.colncs li{
    padding: 3px 0;
    /*border-bottom: 1px solid #999;*/
	}
/*
.colncs li:first-child {
  	border-top: 1px solid #999;
	}
*/
.colncs i{
	font-style: normal;
	}
.colncs div{
	display: inline-block;
	margin-right: 10px;
	min-width: 150px;
	}



/**************************************************************
 * AREA UTENTE
 */

#menuUtente .fa{
    min-width: 20px;
	}



/**************************************************************
 * GALLERY, LISTA FILE, LISTA LINK
 */

.listaFile li .img{
	float: left;
	padding-right: 10px;
	}

.listaLink li .img{
	float: left;
	padding-right: 10px;
	}



/**************************************************************
 * ARTICOLI
 */

.elencoArticoli .pulsanti{
	padding: 5px 0 20px 0;
	}

.elencoArticoli .media>a>img{
	max-width: 200px;
	}

.articolo .imgCover{
	display:block;
	height: 400px;
	overflow: hidden;
	}


/**************************************************************
 * PRODOTTI
 */


.titColl{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}

.titColl .small{
	font-weight: normal;
}

#collezioni .collMenu{
	font-size: 22px;
}
#collezioni .collMenu .coll{
	margin-right: 15px;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 20px;
	vertical-align: top;
}
#collezioni .collMenu .collScelta{
	text-decoration: underline;
}
#collezioni .collMenu .subt{
	font-size: 14px;
    text-transform: uppercase;
	text-decoration: none !important;
}

#collezioni .serie{
	font-size: 26px;
}

#collezioni .collSpenta{
	opacity: 40%;
}


/* Collezioni: formati */

.wrFormati>a{
	display: inline-flex;
	flex-direction: column;
	height: 130px;
    min-width: 121px;
    padding-right: 15px;
    margin-bottom: 15px;
	}
.wrFormati>a:hover{
	text-decoration: underline;
	opacity: 100% !important;
	}
.wrFormati>a>.formato{
	display: block;
	width: 100%;
	padding-top: 5px;
	}
.wrFormati>a>img{
	margin-top: auto;
    align-self: flex-start;
  	min-height: 0;
  	object-fit: none;
  	object-position: bottom;
	border-radius: 0;
}

.wrFormati>a.formatoScelto{
	text-decoration: underline;
	opacity: 100%;
}
.wrFormati>a.formatoSpento{
	opacity: 30%;
	}
	

/* Collezioni: nuances */

.wrNuances{
	display: inline-block;
	}
.wrNuances a, .wrNuances div.ps{
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	margin-bottom: 5px;
	text-align: right;
	padding: 20px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 50%;
	}
.wrNuances a:hover, .wrNuances div.ps:hover{
	text-decoration: none;
	}
.wrNuances>div{
	display: inline-block;
	font-size: 12px;
	margin: 0 15px 18px 3px;
	text-align: center;
  	transition: transform .3s ease;
	position: relative;
	}
.wrNuances>div:hover{
  	transform: scale(1.15);
	}
.wrNuances .statocol{
    position: absolute;
	font-size: 14px;
    top: 39%;
    left: 50%;
    width: 100%;
  	transform: translate(-50%, -50%);
    text-align: center;
  	pointer-events: none;
	text-transform: uppercase;
    z-index: 2;
}
.wrNuances h1{
	padding: 35px 20px 20px 30px;
	margin: 0;
	float: left;
	width: 378px;
	height: 140px;
	text-align: left;
	font-size: 32px;
	font-weight: normal;
	text-transform: inherit;
	color: #000;
    background: #f0f0f0;
	}
.wrNuances .nome{
	display: block;
	text-transform: uppercase;
	color: #000;
	}
.wrNuances .finitura{
	display: block;
	color: #999;
	}
	
.wrNuances .sospeso>a{
	background-image: repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
    background-size: 10px 10px;
    }



/* Scheda prodotto */

#pTile h1{
	font-size: 36px;
}

#prodotto h3{
	text-transform: uppercase;
	font-size: 22px;
}

.tabtile{
	font-size: 18px;
}
.tabtile th{
	font-weight: normal;
	text-align: left;
}
.tabtile td{
    padding: .25rem .25rem;
}

#pTile .tagMsg{
	padding: 8px 15px 6px 15px;
    background-color: var(--color2);
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 10px 0;
    line-height: 18px;
}

#pTile .share a{
	padding: 0;
    margin-right: 15px;
}

#pTile h1{
	font-size: 36px;
}

#pTile .wrFormati .t{
	font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
}

#pTile .share .a2a_button_email .a2a_svg,
#pTile .share .a2a_button_whatsapp .a2a_svg,
#pTile .share .a2a_button_print .a2a_svg
{
	background-color: #CD967E !important;
}

#pTile .wrPezziSpeciali .wrRow .pez{
    display: inline-flex;
    flex-direction: column;
    height: 280px;
    min-width: 200px;
    padding-right: 15px;
    margin-bottom: 15px;
	font-size: 14px;
}

#pTile .wrPezziSpeciali .wrRowMetro .pez{
    height: 180px;
}

#pTile .wrPezziSpeciali img{
    margin-top: auto;
    align-self: flex-start;
    min-height: 0;
    object-fit: none;
    object-position: bottom;
    border-radius: 0;
}
#pTile .wrPezziSpeciali .txt{
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 8px;
}



/**************************************************************
 * CONTATTI
 */

.wrContatto .vcard .category{
	font-style: italic;
	margin: 0 0 10px 0;
	}

.wrContatto .vcard .skype img{
	margin: 0 0 10px 0 !important;
	}

.wrContatto .vcard .descrizione{
	margin: 20px 0 0 0;
	font-style: italic;
	}




/**************************************************************
 * FAQ
 */

.faq dl{
	margin: 20px 0 0 0;
	padding: 0;
	}
.faq dd{
	margin: 5px 0 20px 0;
	}
.faq h4{
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #000;
	}



/**************************************************************
 * Messaggio per cookie http://cazue.com/articles/eu-cookie-law-message-with-jquery-2013
 */

/*
#cookie-msg{width:100%;line-height:40px;color:#F7F7F7;font-weight:700;text-align:left;display:none;min-width:1010px;background:#000;position:fixed;bottom:0;z-index:9999;}
*/
#cookieMsg{
		width:100%;color:#ccc;text-align:left;display:none;background:#666;z-index:9999; padding: 15px;
		position: fixed; bottom: 0;	left: 0;
		}
.cookieMsgInner{margin:auto;overflow:hidden;max-width: 1140px;font-size: 13px}
.cookieMsgInner a:not(.btn){color: #fff; text-decoration: underline}