/* HTML BODY */
/*.container, .row , div[class*=col-]{
border:1px solid green !important;
}*/
 


html,body{ font-family: 'Gangster Grotesk', san serif !important; font-size: 100%; color: #514431; background-color: #fff; line-height:1.15;margin:0;-webkit-text-size-adjust:100%}

/*scroll*/
html:not(.has-scroll-init){cursor:wait;overflow:hidden}
html.has-scroll-smooth{overflow:hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; transform: translateZ(0);backface-visibility: hidden;}
html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
html.has-scroll-scrolling .c-scrollbar {opacity: 1}
.has-scroll-smooth body{overflow:hidden}
.has-scroll-smooth [data-scroll-container]{min-height:100vh}
[data-load-container] {position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	width: 100vw;	perspective: 1px;}
[data-scroll-section] {display:inline-block;height:100%;vertical-align:top;white-space:nowrap}
/*scroller*/
.c-scrollbar{ background-color:rgba(81, 68, 49,0); width:5px;position:fixed;right:17px;top:45px;height:calc(100% - 89px);mix-blend-mode: difference; transform-origin:center right;opacity: 0; transform:scaleX(1); z-index: 5; transition:transform .2s linear,opacity .3s linear}
.c-scrollbar:hover{transform:scaleX(1.3);cursor:-webkit-grab;cursor:grab}
.c-scrollbar_thumb{background-color:/*rgb(255 255 255 / 98%)*/ #a5a5a5;position:absolute;top:0;left:0;right:0}
.c-scrollbar_thumb:hover{cursor:pointer}
 
@media screen and (max-width: 736px) {
	/*.c-scrollbar{width:3px; right: 2px;}*/
}

.cambio-pagina { pointer-events: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; clip-path: inset(50%); background-color: rgba(255,255,255,1); overflow: hidden; z-index: 5000;}
.cambio-pagina >.box-testo { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; right: 5%;  border: 0px solid #000; transition: opacity .6s ease, top 1.6s ease; }
.cambio-pagina >.box-testo >.testo {font-family: 'DM Serif Text';font-size: 7vW; color: rgb(220 218 214); text-transform:uppercase;}
.cambio-pagina >.bgtitle {position: absolute; top: 50%; left: 30%; transform: translate(-50%,-50%); width: 40%; font-family: 'DM Serif Text';  font-size: 100px; line-height: 90%; opacity: .05; z-index: 0; letter-spacing: 0; -webkit-font-smoothing: antialiased;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}

.cambio-pagina >.box-testo.end {top: 200%; transition: opacity .6s ease, top 2.6s ease;}
.cambio-pagina >.bgtitle.end {top: 200%; transition: opacity .6s ease, top 2.6s ease;}

.cambio-pagina >.logo { width: 100%; height: 100%; opacity: .04; z-index: 1;transition: opacity .6s ease}
.cambio-pagina >.logo img{ object-fit: contain; object-position: 20% 50%; width: 100%; height: 100%;}
.cambio-pagina.start {/* width: 100%; */clip-path: inset(0%); transition: clip-path 1.2s ease-in-out}

/*::-moz-selection{background-color:transparent;color:transparen;text-shadow:none}
::selection{background-color:transparent;color:transparent;text-shadow:none}*/


.font-family-Gangster-Grotesk {font-family: 'Gangster Grotesk';}
.font-family-DM-Serif-Text {font-family: 'DM Serif Text';}

.font-weight-light { font-weight: 200;}
.font-weight-thin { font-weight: 300;}
.font-weight-regular {font-weight: 400;}
.font-weight-bold {font-weight: 700;}
.font-weight-xbold {font-weight: 900;}

.font-size-small { font-size: 12px;}
.font-size-normal { font-size: 16px;}
.font-size-medium { font-size: 20px;}
.font-size-large { font-size: 28px;}
.font-size-xlarge { font-size: 34px;}
.font-size-huge { font-size: 100px;}

.line-height-100 { line-height: 100%;}
.line-height-110 { line-height: 110%;}
.line-height-120 { line-height: 120%;}
.line-height-130 { line-height: 130%;}
.line-height-140 { line-height: 140%;}
.line-height-150 { line-height: 150%;}
.line-height-200 { line-height: 200%;}

.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-10 {letter-spacing: 10px;}
.letter-spacing-14 {letter-spacing: 14px;}

.color-light-brown {color: #978f83;}
.background-light-brown {background-color: #978f83;}

.color-light-grey {color: #dcdad6;}
.background-light-grey {background-color: #dcdad6;}
 

a { color: #514431; }
a:hover { color: #999; }

.pointer{ opacity: 0; cursor: pointer; position:absolute;top:0;left:0;transform:translate(-50%, -50%);z-index:9999;width:10px;height:10px;border-radius:0%;transition-property:opacity,width, height, background-color, color,mix-blend-mode;transition-duration:.4s;transition-timing-function:ease-in-out;background-color:rgba(200,200,200,.2);pointer-events:none;text-align:center;display:flex;align-content:center;align-items:center; mix-blend-mode: difference; }
.pointer .text{color:#333;font-size:40px; font-weight: 100; opacity:0;width:100%;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-in-out;}
.pointer.active{ opacity: 1; cursor: none!important; background-color:rgba(255,255,255,.2);width:80px;height:80px; transition-property:opacity,width, height, background-color, color,mix-blend-mode;transition-duration:.4s;transition-timing-function:ease-in-out; mix-blend-mode: normal}
.pointer.active .text{ -webkit-font-smoothing: antialiased;margin-top: -8px;color:#fff;font-weight: 100; opacity:1;transition-property:opacity;transition-duration:.4s;transition-timing-function:ease-in-out;}

.pointer.blend { opacity: 1; background-color:rgba(255,255,255,.8);width:70px;height:70px;mix-blend-mode: difference; transition-property:opacity,width, height, background-color, color,mix-blend-mode;transition-duration:.4s;transition-timing-function:ease-in-out;}


/* ERRORE */
.error-template { position: relative; display: inline-block; width: 100%;   padding: 20px; text-align: center; cursor: auto!important; }
.error-details { margin-top: 35px; margin-bottom: 35px; opacity: .8}
.error-actions { margin-top: 35px; margin-bottom: 35px; }
.error-template .logo {width: 30%; max-width: 80%; margin: 3% auto;}
.error-template .logo img {  filter: invert(1); opacity: .3}

/*MOBILE*/
a.btn-menu-top.mobile, a.btn-back-top.mobile { display: none; position: fixed; left: 50%; transform: translateX(-50%); color: #fff; text-align: center; background-color: rgba(70,74,76,.9); cursor: pointer; z-index: 999; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
a.btn-menu-top.mobile { top: 0px; padding: 8px 16px; font-size: 24px; }
a.btn-back-top.mobile { bottom: 44px; padding: 4px 11px; font-size: 21px; }
a.btn-menu-top.mobile:hover, a.btn-back-top.mobile:hover { background-color: rgba(70,74,76,1); }
#wrap { }
#main {   /*padding-bottom: 250px;*/ /*overflow: hidden;*/ }
body.noslideshow:not(.header-relative) #main { padding-top: 200px;}
 
/*
 ######   #######  ##    ## ######## ######## ##    ## ######## 
##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    
##       ##     ## ####  ##    ##    ##       ####  ##    ##    
##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    
##       ##     ## ##  ####    ##    ##       ##  ####    ##    
##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    
 ######   #######  ##    ##    ##    ######## ##    ##    ##    
*/
/* CONTENT */
.content { position: relative; display: inline-block; width: 100%; border: 0px solid #f90; background-color: #fff; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0;-webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.separatore { position: relative; width: 100%; margin: 10px 0 20px; padding-bottom: 10px; border-bottom: 1px solid #E6E6E6; }

.pagina-ancora { position: relative; display: block; height: 60px; border: 0px solid #ccc; }
.pagina-ancora-separatore { position: relative; display: block; height: 60px; border: 0px solid #ccc; border-bottom: 1px solid #E6E6E6; margin-bottom: 30px; }
.pagina-ancora-separatore:last-child { border-bottom-color: transparent; }

.pagina-top { position: relative; margin-top: 60px; margin-bottom: 60px;/* margin-left: -30px !important; margin-right: -30px !important; */ }
.container-fullwidth .pagina-top .row { margin-left: -30px !important; margin-right: -30px !important; }
/* PAGINA - DETTAGLIO */ 
.pagina-contenuto { position: relative; width: 100%; display: inline-block; margin-bottom: 40px; }
/*.pagina-contenuto .img { position: relative; height: 300px; width: 100%; margin: 0px 0 20px 0; overflow: hidden; }
.pagina-contenuto .img img { width: 100%; position: absolute; left: 50%; top: 50%; transform: scale(1, 1) translate(-50%, -50%); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }
*/
.pagina-contenuto .img { position: relative; /*height: 300px;*/ width: 100%; margin:50px 0 50px 0; /*overflow: hidden;*/ text-align:center; }

.pagina-contenuto .img-absolute img { width: 100%; position: absolute; left: 50%; top: 50%; transform: scale(1, 1) translate(-50%, -50%); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }
.pagina-contenuto .img-relative {position: relative; width: 100%; margin:50px 0 50px 0;  text-align:center;}
.pagina-contenuto .img-relative img { position:relative; display:inline-block; max-width: 100%; height:auto !important; margin:0 auto; margin-bottom: 30px; padding:0; position: relative; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }

.pagina-contenuto.inferiore { }
.pagina-contenuto.articolo h1.titolo { margin-top: 2px !important; margin-bottom: 20px;  font-size: 40px; font-weight: 200;   text-align: center; }
.pagina-contenuto.articolo h2.sottotitolo { margin-top: 2px !important; margin-bottom: 20px;  font-size: 20px; font-weight: 200;   text-align: center; }

.pagina-titoli { margin:100px -15px 60px -15px; padding: 20px 15px;}
.pagina-titolo { margin-top: 2px !important; margin-bottom: 10px; font-family: 'DM Serif Text'; font-size: 60px; font-weight: 500; }
.pagina-sottotitolo { margin-top: 2px !important; padding-left: 5%; font-size: 25px; font-weight: 100 !important;color: #b0a69d; }

.pagina-data { display: inline-block; float: left; margin: 0 0 5px 0; color: #999999; width: 100%; font-size: 12px }
.pagina-data span { margin-right: 5px; }
.pagina-data.first { display: inline; float: none !important; }

.pagina-testo {line-height: 160%; } 

@media screen and (max-width: 736px) {
	.pagina-titoli { margin: 50px 10px 60px 10px; padding: 20px 15px;	}
	.pagina-titolo {  font-size: 30px;  }
	.pagina-sottotitolo {font-size: 24px;}
	.pagina-testo { padding: 0 20px; font-size: 22px;}
}
/* PAGINAZIONE */
.pagination > li > a, .pagination > li > span { color: inherit; border-radius: 0px !important; }
.pagination >.active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cccccc !important; border-color: #cccccc !important; }
.pagination .selectpicker { font-size: 10px !important; }
.pagination .page-link:hover { color: #514431; }


/* SEZIONE */

.wrapper-testo-clone { position: relative; width: 100%; height: 100px; overflow: hidden;}
.wrapper-testo-clone .testo-clone {position: absolute; top: 0; left: 0; width: 500%; font-family: 'Gangster Grotesk'; font-size: 80px; font-weight: 200; text-transform: uppercase; word-break: break-all; color: #dcdad6; letter-spacing: 4px;}

.sezione { position: relative; display: inline-block; width: 100%; border: 0px solid #f90; }

/*LAYOUT GENERICO*/

.sezione.layout { margin-top: 10%;}
.sezione.layout .col-sx { position: relative; width: 45%; height: 100%; float: left; border:0px solid #ccc;   z-index: 2; transition: width .3s ease;}
.sezione.layout .col-dx { position: relative; width: 55%; height: 100%; float: right; background-color: #f3f2f0; border: 0px solid #ccc;transition: width .3s ease; z-index: 1}		

.sezione.layout .col-sx > .testo1 { position: relative; margin-top: 7%; padding-left: 25%; padding-right: 7%; font-family: 'DM Serif Text'; font-size: 48px; letter-spacing: 10px; text-align: right; z-index: 2}
.sezione.layout .col-sx > .testo1.sticky-fake {color: rgba(255,255,255,.5); z-index: 1}
.sezione.layout .col-dx > .testo0 { margin-top: 6%;}
.sezione.layout .col-dx > .testo0 > .wrapper-testo-clone .testo-clone { right: 0;}
.sezione.layout .col-dx > .testo1 { margin-top: 60px; margin-left: 5%; margin-right: -5%; font-family: 'Gangster Grotesk'; font-size: 20px;font-weight: 200; line-height: 180%; }

.sezione.layout .img-copertina { position: relative; overflow: hidden; display: inline-block; width: 92vW; aspect-ratio: 4/3; margin-top: 10%; margin-bottom: -5%; margin-left:-75%; z-index: 1}
.sezione.layout .img-copertina img { position: relative; object-fit: cover; object-position: center; width: 100%;  height: 100%;}	
.sezione.layout .img-copertina .testo-immagine { position: absolute; bottom: 5px; width: 100%; font-family: 'DM Serif Text'; font-size: 200px; letter-spacing: 10px; color:rgba(255,255,255,.6);  text-align: center; z-index: 2 }

.sezione.layout .wrapper-img-dettaglio { margin-top: 150px; padding-bottom: 250px; background-color: rgba(255,255,255,.3);}
.sezione.layout .img-dettaglio { position: relative; overflow: hidden; display: block; aspect-ratio: 3/5; width: 15vw;/* height: 35vH*/;  margin: 10% auto; z-index: 1}
.sezione.layout .img-dettaglio img { position: relative; object-fit: cover; object-position: center; width: 100%;  height: 100%;}

.sezione.layout .pulsante { margin: 5%;}

/*LAYOUT EVEN*/

.sezione.layout.layout-even .col-sx { float: left;}
.sezione.layout.layout-even .col-dx { float: right;}

/*LAYOUT ODD*/	 
.sezione.layout.layout-odd .col-sx { float: right;}
.sezione.layout.layout-odd .col-sx > .testo1 { margin-top: 7%; padding-left: 8%; padding-right: 30%; text-align: left}
.sezione.layout.layout-odd .col-dx { float: left;}
.sezione.layout.layout-odd .col-dx > .testo1 {  margin-left: 25%; margin-right: 10%;   text-align: right}
.sezione.layout.layout-odd .col-dx > .testo0 > .wrapper-testo-clone .testo-clone { right: 0; text-align: right;width: inherit;}

.sezione.layout.layout-odd .img-copertina {  margin-left:7%; }
.sezione.layout.layout-odd .pulsante { float: right;}

@media only screen and (min-width: 320px) and (max-width: 736px) {
	.sezione.layout .col-sx { width: 100%!important; float: none!important; }
	.sezione.layout .col-dx { width: 100%!important; float: none!important; }
	.sezione.layout .col-sx > .testo1 {  margin-top: 7%!important;    padding-left: 10%!important;    padding-right: 10%!important;    text-align: center!important;letter-spacing: 3px!important;}		
	.sezione.layout .col-dx > .testo1 { margin-left: 5%; margin-right: 5%; font-size: 22px;   padding-left: 10%;  padding-right: 10%;}
	
	.sezione.layout .wrapper-img-dettaglio { padding-bottom:30px; background-color: transparent}	
	.sezione.layout .img-dettaglio { width: 60vw;}
	
	.sezione.layout .pulsante { text-align: center;}
	
	.sezione.layout.layout-odd .col-dx > .testo1 { margin-left: 10%; margin-right: 10%; font-size: 22px;}
	
	
	.sezione.layout .img-copertina { width: 90vW; margin-left: 5%; overflow: inherit;}
	.sezione.layout .img-copertina .testo-immagine {bottom: 25px; font-size: 50px; letter-spacing: 5px;}
	.sezione.layout.layout-odd .img-copertina { margin-left: 5%;}
	
	.sezione.layout.layout-odd .pulsante { float: none; text-align: center;}
	
	.wrapper-testo-clone .testo-clone {		position: relative; 		top: inherit; 		text-align: center;		left: inherit;		width: 100%;		margin: 0 auto;    		font-size: 40px;    		word-break:inherit;   		letter-spacing: 4px;	}	
	.sezione.layout.layout-odd .col-dx > .testo0 > .wrapper-testo-clone .testo-clone { right: 0%; text-align: center;  width: inherit;}
	
}

/*SUB MENU PAGINE */

.submenu-pagine { position: relative; display: inline-block; width: 100%; margin: 5% auto 5% auto; text-align: center}
.submenu-pagine ul { margin: 0; padding: 0; list-style: none;  display:flex;  justify-content: center;}
.submenu-pagine ul li { position: relative; display: list-item; }
.submenu-pagine ul li:after { content: '|'; position: absolute; top: 28%; right: 0px;font-size:1.5vw;  color: #ccc;}
.submenu-pagine ul li:last-child:after { display: none;}
.submenu-pagine ul li a { position: relative; width: 100%; display: inline-block; padding: 15px 2vw; font-family: 'DM Serif Text'; font-size:1.5vw; color: #514431; text-align: right; letter-spacing: 4px; cursor: pointer; transition: letter-spacing .6s ease;}
.submenu-pagine ul li a:hover {letter-spacing: 2px; transition: letter-spacing .3s ease;}
.submenu-pagine ul li a.active { font-weight: 600; color:rgb(122 61 37 / 100);}


.submenu-pagine:hover .bgtitle {letter-spacing: 55px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.submenu-pagine .bgtitle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-family: 'DM Serif Text';  font-size: 100px; opacity: .05; z-index: 0; letter-spacing: 25px; -webkit-font-smoothing: antialiased;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}

@media only screen and (min-width: 320px) and (max-width: 736px) {
	.submenu-pagine ul { display: inline-block;}
	.submenu-pagine ul li a { padding: 10px 2vw; font-size: 6.5vw;text-align: center;}
	.submenu-pagine ul li:after { display: none;}
}

.titolo-custom { position: relative; display: inline-block; width: 100%; margin: 5% auto 5% auto; padding: 1% 12%; text-align: center}
.titolo-custom .testo-back {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-family: 'DM Serif Text';  font-size: 200px; opacity: .05; z-index: 0; letter-spacing: 25px; -webkit-font-smoothing: antialiased;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.titolo-custom .testo-front {}
@media only screen and (min-width: 320px) and (max-width: 736px) {
	.titolo-custom .testo-back { font-size:100px; }
	}

/*MENU IN PAGINA*/
.inpage-menu { text-align: center; margin: 5% 0 5% 0;}
.inpage-menu.horizontal .btn-inpage{ position: relative;  padding: 10px 15px; margin: 4px 3px; font-family: 'DM Serif Text'; font-size: 18px; letter-spacing: 4px; text-transform: uppercase; background-color: transparent; border: none; outline: 0;cursor: pointer; transition: letter-spacing .6s ease;}
.inpage-menu.horizontal .btn-inpage:after {content: '|'; position: absolute; top: 20%; right: -10%;font-size:1.5vw;  color: #ccc;}
.inpage-menu.horizontal .btn-inpage:last-child:after { display: none;}
.inpage-menu.horizontal .btn-inpage:hover { letter-spacing: 8px;  transition: letter-spacing .6s ease;} 

.inpage-menu .btn-inpage.active { letter-spacing: 8px;} 
.inpage-menu .btn-inpage:hover.active { letter-spacing: 8px;} 

.menu-prodotti {margin: 8% 15%;} 

.menu-prodotto{ position: relative;display: inline-block; width: 100%; margin:0 0 60px 0;  }

.menu-prodotto .mp-testo {  }
.menu-prodotto .mp-titolo {font-family: 'DM Serif Text'; font-size: 18px;  border-bottom: 1px dotted #514431; margin-bottom: 15px; padding-bottom: 15px;}
.menu-prodotto .mp-descrizione {font-size: 16px; font-weight: 400;}