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


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

/*body.disable-scrolling,html.disable-scrolling{overflow:hidden!important; }*/
/*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;perspective: 1px;}
[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{ opacity: 1!important; 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(26 55 97 / 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-Cormorant {  font-family: 'Cormorant'; }
.font-Roboto-Condensed {  font-family: 'Roboto Condensed'; }

.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-medium { font-size: clamp(.5rem, 1vw + 1rem, 1.3rem)!important;}
/*.font-size-large { font-size: 28px;}*/
.font-size-large { font-size: clamp(.5rem, 1vw + 1rem, 5rem)!important;}


.font-size-xlarge { font-size: 34px;}
.font-size-xxlarge { font-size: 64px;}
/*.font-size-huge { font-size: 100px;}*/
.font-size-huge {  font-size:clamp(1.5rem, 1vw + 4rem, 5rem)!important;}

@media only screen and (max-width: 480px) {		 
	.font-size-mobile { font-size: 32px;}
}

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

.colore1 {color: #1A3761;}


a { color: #464A4C; }
a:hover { color: #999; }



/* 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; }
/*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; border-radius: 50%; border:0px solid rgba(255,255,255,.9); background-color:rgba(26,55,97,.9); color: #fff; box-shadow:rgba(255,255,255,.6) 0px 0px 0px 10px; 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:35px; padding: 8px 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;*/  }

.wrap-bg {  position: absolute; width: 100%; height: 100%;top:0; left: 0; background-image: url("../../../public/finder/layout/immagini/marmorata-icona.svg"); background-repeat: no-repeat; background-size: 80%; background-position: 50% 100px;   filter: invert(100%); -webkit-filter: invert(100%); opacity: .015; z-index: 0;}


body.noslideshow:not(.header-relative) #main { padding-top: 340px;}
 
/*
 ######   #######  ##    ## ######## ######## ##    ## ######## 
##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    
##       ##     ## ####  ##    ##    ##       ####  ##    ##    
##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    
##       ##     ## ##  ####    ##    ##       ##  ####    ##    
##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    
 ######   #######  ##    ##    ##    ######## ##    ##    ##    
*/
/* 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-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; aspect-ratio:16/9;}
.pagina-contenuto .img-relative img { width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }



.pagina-contenuto .img-relative-scroll{ position: relative;  z-index: 1; width: 50px; height: 100px; margin-bottom: -120px; margin-right: 10%;  float: right; padding-top: 35px;text-align: center; display: inline-grid;align-items: center; align-content: center;  align-content: center; background-color: rgba(255,255,255,.95);
-webkit-animation: icon-down-scroll-anim 3s ease-in-out infinite; 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 { position: relative; margin:80px -15px 40px -15px; padding: 20px 0px;}

.pagina-titoli:before { content: ''; position: absolute; left: -103%;  top: 50px; width: 0%; height: 1px; background-color: #1a3761; transition: all 1s;}
.pagina-titoli:after {  content: ''; position: absolute; right: -103%; top: 50px; width: 0%; height: 1px; background-color: #1a3761; opacity: 0; transition: all 1s;}
.pagina-titoli.start:before,.pagina-titoli.start:after{ width: 100%; transition: all 1s;}

.pagina-titoli.right:before { opacity: 0; }
.pagina-titoli.right:after { opacity: 1}


.pagina-titoli.center:before { opacity: 1;   }
.pagina-titoli.center:after { opacity: 1  }



.pagina-titolo { font-family: 'Cormorant'; margin-top: 2px !important; margin-bottom: 10px; font-size: 50px;   color: #1a3761; }
.pagina-sottotitolo { margin-top: 2px !important; font-size: 25px; font-weight: 100 !important; }

.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 { font-size: 22px; line-height: 180%; font-weight: 300;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 

/*CONTENUTO INFERIORE*/


.pagina-titoli-inferiore { position: relative; margin-bottom: 40px; padding: 20px 0px;}
.pagina-titoli-inferiore:before { content: ''; position: absolute; left: -103%;top: 50px; width: 100%; height: 1px; background-color: #1a3761;}
.pagina-titolo-inferiore {  margin-top: 2px; margin-bottom: 10px; font-size: 30px;    font-weight: 300; color: #222222; }
.pagina-sottotitolo-inferiore { margin-top: 2px; font-size: 25px; font-weight: 100; }


@media all and (max-width: 480px) {		
	.pagina-titolo-inferiore { text-align: center; }
}


.sezione {position: relative; }
.s-bg { position: absolute; top:50%; left: 0; right: 0%; bottom: 0; background-color: rgba(200,200,200,.3);}
.s-bg.sbg-left { left: 7%;}
.s-bg.sbg-right { right: 7%;}


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

/* titolo sezioni verticali */

.wrapper-s-testo-verticale { width: fit-content; direction: rtl; writing-mode: vertical-rl;  transform: rotateZ(180deg);}
.s-testo-verticale {}
.s-testo-verticale.stv-right { margin-right: -1.5rem; }

.wrap-testo-verticale { position: fixed; right: -100px; top: 50%;width: fit-content; transform: translateY(-50%);z-index: 1; transition: all .3s ease; border: 0px solid #f90;}
.wrap-testo-verticale .wtv-testo { position: relative; direction: rtl; writing-mode: vertical-rl; transform: rotateZ(180deg);width: fit-content;border: 0px solid #ff0;}
.wrap-testo-verticale .wtv-bg { position: absolute; bottom: 0; right: 0; width: 100%; height: 0%; background-color: rgba(26,55,97,.4); z-index: -1; transition: all .3s;}

.wrap-testo-verticale.show-wtv { right: 20px;transition: all .3s ease}
 
 
@media all and (max-width: 480px) {	
	 
} 

.btn-custom {}
.btn-custom i { opacity: .4; transition: all .3s;}
.btn-custom span {transition: all .3s;}
.btn-custom:hover span {margin-left: 40px!important;transition: all .3s;}

.btn-custom.bc-inverse { color: #fff; }
.btn-custom.bc-small  i{ font-size: 18px;}

/* list inline custom */

.list-custom .list-inline-item { position: relative; padding: 5px 15px; margin: 0}
.list-custom .list-inline-item:after { content: ''; position: absolute; right: 0%; top: 20%; width: 1px; height: 60%; background-color: #999;}
.list-custom .list-inline-item:last-child:after {display: none;}

@media all and (max-width: 480px) {	
.list-custom.lc-xs-w100 .list-inline-item {width: 100%;}
.list-custom.lc-xs-w100 .list-inline-item:after { display: none;}
}

/* ICONE */

.servizi-icone { }
.servizi-icone { position: relative; display: inline-block;}
.servizi-icone .s-icona {position: relative; display: inline-block; width: 100px; margin: 20px 20px 40px 20px; text-align: center; border: 0px solid #000; /*background-repeat: no-repeat; background-position: center center; background-size: contain;*/ }
.servizi-icone .s-icona img{ filter: invert(16%) sepia(24%) saturate(4302%) hue-rotate(198deg) brightness(86%) contrast(87%); }

.servizi-icone .s-testo { position: absolute; width: 100%; font-weight: 300;}
.servizi-icone .s-testo small{ font-weight: 300;}

.servizi-icone .s-icona.ico-accappatoio {background-image: url("/public/finder/layout/icone/ico-accappatoio.svg");}
.servizi-icone .s-icona.ico-animali {background-image: url("/public/finder/layout/icone/ico-animali.svg");}
.servizi-icone .s-icona.ico-asciugacapelli {background-image: url("/public/finder/layout/icone/ico-asciugacapelli.svg");}
.servizi-icone .s-icona.ico-asciugamani {background-image: url("/public/finder/layout/icone/ico-asciugamani.svg");}
.servizi-icone .s-icona.ico-bagno {background-image: url("/public/finder/layout/icone/ico-bagno.svg");}
.servizi-icone .s-icona.ico-balcone {background-image: url("/public/finder/layout/icone/ico-balcone.svg");}
.servizi-icone .s-icona.ico-cassaforte {background-image: url("/public/finder/layout/icone/ico-cassaforte.svg");}
.servizi-icone .s-icona.ico-condizionatore {background-image: url("/public/finder/layout/icone/ico-condizionatore.svg");}
.servizi-icone .s-icona.ico-cucina {background-image: url("/public/finder/layout/icone/ico-cucina.svg");}
.servizi-icone .s-icona.ico-fumatori {background-image: url("/public/finder/layout/icone/ico-fumatori.svg");}
.servizi-icone .s-icona.ico-living {background-image: url("/public/finder/layout/icone/ico-living.svg");}
.servizi-icone .s-icona.ico--caffe {background-image: url("/public/finder/layout/icone/ico-macchina-caffe.svg");}
.servizi-icone .s-icona.ico-minibar {background-image: url("/public/finder/layout/icone/ico-minibar.svg");}
.servizi-icone .s-icona.ico-set-cortesia {background-image: url("/public/finder/layout/icone/ico-set-cortesia.svg");}
.servizi-icone .s-icona.ico-sole-mare {background-image: url("/public/finder/layout/icone/ico-sole-mare.svg");}
.servizi-icone .s-icona.ico-telefono {background-image: url("/public/finder/layout/icone/ico-telefono.svg");}
.servizi-icone .s-icona.ico-tv {background-image: url("/public/finder/layout/icone/ico-tv.svg");}
.servizi-icone .s-icona.ico-wifi {background-image: url("/public/finder/layout/icone/ico-wifi.svg");}
.servizi-icone .s-icona.ico-doccia-vasca {background-image: url("/public/finder/layout/icone/ico-doccia-vasca.svg");}

@media all and (max-width: 480px) {	
	.servizi-icone { text-align: center;}
	.servizi-icone .s-icona {  margin: 10px 0px 40px 0px;}
}



/*icone overlay */

.overlay-ico { position: fixed; display: inline-grid; align-content: center; align-items: center; width: 35px; height: 35px; opacity: 0; border-radius: 50%; border:0px solid rgba(255,255,255,.9); background-color:rgba(26,55,97,.9); color: #333; box-shadow:rgba(255,255,255,.6) 0px 0px 0px 10px; transition: all .3s; z-index: 1; }
.overlay-ico .s-icona { display: inline-block; text-align: center; border: 0px solid #000;  }
.overlay-ico .s-icona a { color: #fff;}
.overlay-ico .s-icona i { -webkit-font-smoothing: auto;}
.overlay-ico .s-icona img{ object-fit: cover; object-position: center; transform: scale(1.1); transition: all .5s; filter: brightness(0) invert(1);}

.overlay-ico.oi-galleria{ bottom: 35px; right: 30px;}
.overlay-ico.oi-dettagli{ bottom: 90px; right: 30px;}

.overlay-ico:hover { transform: scale(1.3); transition: all .5s; }	
.overlay-ico:hover .s-icona img{ transform: scale(1.3); transition: all .5s; }	

.overlay-ico.show-oi { opacity: 1;}

@media all and (max-width: 480px) {	
	.overlay-ico.oi-galleria { bottom: 120px;  right: 15px;}
	.overlay-ico.oi-dettagli { bottom: 180px;  right: 15px;}
}