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


html,body{ font-family: 'Montserrat', san serif !important; font-size: 100%; color: #534741; background-color: #fff;  margin:0;-webkit-text-size-adjust:100%}
body {/*background-color: rgb(248, 248, 248);*/}
/*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(200,200,200,0); width:6px;position:fixed;right:5px;top:0;height:100vh;transform-origin:center right;opacity: 0; transform:scaleX(1);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(83 71 65 / 98%);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;}
}

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

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

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

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

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

a { color: #534741; }
a:hover { color: #aea8a5; }

.ombra {box-shadow: 0px 0px 25px rgba(0,0,0,.05);}


/* ERRORE */ 
.error-template { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; text-align: center;  cursor: auto!important;}
.error-details { margin-top: 35px; margin-bottom: 35px; }
.error-actions { margin-top: 35px; margin-bottom: 35px; }
.error-template .text-muted { color:#ad9e97!important;}

/*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(83,71,65,.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: 10px; padding: 4px 11px; font-size: 21px; }
a.btn-menu-top.mobile:hover, a.btn-back-top.mobile:hover { background-color: rgba(83,71,65,1); }
#wrap { }
#main {   /*padding-bottom: 250px;*/ /*overflow: hidden;*/ }
body.noslideshow:not(.header-relative) #main { padding-top: 170px; min-height: calc(100vH - 250px);}
 @media screen and (max-width: 480px) {	
	body.noslideshow:not(.header-relative) #main { padding-top: 0px;}
}
/*
 ######   #######  ##    ## ######## ######## ##    ## ######## 
##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    
##       ##     ## ####  ##    ##    ##       ####  ##    ##    
##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    
##       ##     ## ##  ####    ##    ##       ##  ####    ##    
##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    
 ######   #######  ##    ##    ##    ######## ##    ##    ##    
*/



/* SEZIONE */
	
.sezione-header {position: relative; display: block; height:auto; margin: 0; text-align: center; margin: 100px 0 0 0 }
.sezione-header h1{ font-size: 20px; font-weight: 600;}
.sezione-header h2{ font-size: 18px;font-weight: 400;}

.sezione-generica {position: relative; display: block; height:auto; margin: 0; padding-bottom: 50px; padding-top: 0px; }
.sez-bg-negativo { background-color:#534741 ; color: #fff}

.s-titolo { font-size: 30px; font-weight: 400; line-height: 100%; }
.s-testo { font-size: 20px; font-weight: 400; line-height: normal;  }
.txt-right{ float: right; text-align: right}
/* demo*/
	
.sez-demo{ padding:0;}
.sez-demo .btn-demo {position: relative; z-index: 1; padding:90px 0 120px 0!important; background-color: transparent!important}	
.sez-demo .fake-button{ background-color: #dfdddc; color: #534741; font-size: 12px; font-weight: 700; padding: 20px 20px !important;  border-radius: 50px!important; transition: border-radius .8s ease}
.sez-demo .btn-demo:hover .fake-button { border-radius: 0!important; transition: border-radius .8s ease }

@media screen and (max-width: 480px) {
	.sez-demo{ padding:0 20px;}
}
 

/* CONTENT */
.content { 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 { 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 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-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 { padding-top: 50px  }
.pagina-titolo { margin-top: 2px !important; margin-bottom: 10px; font-size: 30px;  }
.pagina-sottotitolo { margin-top: 2px !important; font-size: 22px; font-weight: 300 }

 
.pagina-separatore { position: relative; width: 100%; display: inline-block; margin: 30px 0 60px 0; }
.pagina-separatore:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #aea8a5; width: 80px; height: 2px;}
.pagina-testo { }



.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 { } 

/* 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: #534741; }
 

.wb-logo-text { font-size: 30px; font-weight: 900; color: #98918d;}
.wb-logo-text span{ color: #534741;}
.wb-logo-text.wblt-xsmall { font-size: 12px;}
.wb-logo-text.wblt-small { font-size: 20px;}
.wb-logo-text.wblt-medium { font-size: 40px;}
.wb-logo-text.wblt-large { font-size: 60px;}

.wb-logo-short-text { display: inline-block; font-weight: 900; color: #534741;}
.wb-logo-short-text.negativo {  color: #fff!important;}
.wb-logo-short-text::first-letter { color: #98918d;}

/* CUSTOM BORDER BTN*/
.btnCustomSezione { position: relative; display: inline-block; width: auto; padding: 15px 20px 20px 20px; background-color: #ffffff;color: #98918d; border: 13px solid #dfdddc; text-align: center; transition: all .3s ease}
.btnCS-titolo{ font-size: 18px; font-weight: 600; }
.btnCS-icona { position: absolute; width: 40px; height: 40px; line-height: 40px; bottom: -13px; left: 50%; transform: translateX(-50%); display: inline-block; color: #98918d;  background-color: #ffffff; transition: all .3s ease}
.btnCS-icona i { font-size: 20px;}

.btnCustomSezione.btnCS-up { padding-top: 20px; padding-bottom: 15px;}
.btnCustomSezione.btnCS-up .btnCS-icona { left: calc(50% - 19px); bottom: calc(100% - 27px); transform:  rotate(180deg);}

.btnCustomSezione.btnCS-left {padding-left: 25px; padding-bottom: 15px;}
.btnCustomSezione.btnCS-left .btnCS-icona {top: 50%; left: -13px; transform:translate(0%,-50%) rotate(90deg);}

.btnCustomSezione.btnCS-right {padding-right: 25px; padding-bottom: 15px;}
.btnCustomSezione.btnCS-right .btnCS-icona {top: 50%; left: calc(100% - 66px); transform: translate(100%,-50%) rotate(-90deg);}

.btnCustomSezione:hover { border-color: #98918d; color: #534741; transition: all .3s ease}
.btnCustomSezione:hover .btnCS-icona {line-height: 60px;transition: all .3s ease}	

@media screen and (max-width: 480px) {		
	.btnCustomSezione { width: 100%; padding: 5px 5px 25px 5px;}
	.btnCS-titolo{ font-size: 12px; }
	.btnCustomSezione.btnCS-up { padding-top: 25px; }
	.btnCustomSezione.btnCS-left {padding: 15px 15px 15px 25px;}
	.btnCustomSezione.btnCS-right {padding: 15px 25px 15px 15px;}
	
}


/*effetto */
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;/*background:rgba(255,255,255,.2);*/animation:animate 25s linear infinite;bottom:-150px; opacity: .1}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:22s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:28s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:.1;border-radius:0}100%{transform:translateY(-1000px);opacity:0;border-radius:50%}}