@charset "utf-8";
/* CSS Document */
/* MENU */

/* ---------------- NAVBAR ---------------- */

header{
    position:relative; position: absolute;
    width:100%;
    top:0;
    left:0;
    z-index:999;
   /* padding:38px 0;*/
    /*transition:.4s; transition: all 1.3s ease-out;			*/		background:rgba(var(--color-bianco),1);height:120px;
}
header.scrolled{   
	position:fixed;
    background:rgba(var(--color-bianco),.85);
    backdrop-filter:blur(10px); z-index: 999!important;display: block;height:80px;
	-webkit-box-shadow:0px 9px 10px -6px rgba(0,0,0,0.05);-moz-box-shadow:0px 9px 10px -6px rgba(0,0,0,0.05);box-shadow:0px 9px 15px -6px rgba(0,0,0,0.05);
}

/*@keyframes muoviGiu {
  0% {
    transform: translateY(0); 
  }
  100% {
    transform: translateY(200px);
  }
}*/

.nav{
    display:flex;height: 100%;
    justify-content:flex-end; 
    align-items:center;align-content: center; position:relative
}

.logo{ /* Logo Hero */
    font-family:"adobe-garamond-pro";
    color:rgba(var(--color-testo), 0.95);
    font-size:32px;
    letter-spacing:2px;
    font-weight:400;text-align:center;position:absolute;display:block;width:260px;top:38px;left:calc((100% - var(--MaxW)) / 2);white-space: nowrap;
}
.logo img{width:auto;height:170px;display: block;margin: 0 auto;}
.logo span{
    display:block;
    font-size:36%;
    letter-spacing:4px;
    margin-top:3px;
}

.menu{
    display:flex; /*margin-left:calc(180px + 42px + 42px);*/
    gap:2.2vw;/* margin-right: 42px;*/
}

.menu a{
    color:rgba(var(--color-testo), 1);
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.9;
}
.menu a:hover{color:rgba(var(--color-over), 0.8);} .menu a.active{color:rgba(var(--color-testo), 0.7);}

header.scrolled .menu a{color:rgba(var(--color-testo), 1);}
header.scrolled .menu a:hover{ color:rgba(var(--color-over), 0.8);}
header.scrolled .menu a.active{color:rgba(var(--color-bianco), 1);}
/*.cta-nav{
    border:1px solid rgba(255,255,255,.4);
    padding:14px 24px;
    color:rgba(var(--color-bianco), 1);
    font-size:12px;
    letter-spacing:1px;
    transition:.4s;
}

.cta-nav:hover{
    background:rgba(var(--colorFucsia), 1);
    color:rgba(var(--color-bianco), 1.0); border:1px solid rgba(var(--colorFucsia),.4);
}*/




#p27-header {z-index:9998!important;width:auto;position:absolute;top:0; display:block;width:100%;}

.headerRighe{width: 40px; height:auto;position:absolute; margin: 0;/*overflow: hidden;*/
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;/*-webkit-transition: box-shadow .3s;transition: box-shadow .3s ease-out;*/ 
}
#stickyalias {display:none;height:0px;}

/*.menu-righe{width:40px;height:18px;}*/
/*.menu-center{display:none}/* /*logo*/
/*..menu-left{flex: 0 0 20%;padding-left:5%}
/*.menu-center{ flex: 0 0 50%; }
.menu-right{ flex: 0 0 calc(20% - 20px - 1vw - 10px);text-align: right;padding-right:calc(5% + 20px + 1vw + 10px);}*/


#nav-container {margin-left: auto;position: relative;z-index: 99999!important;}
#nav-toggleX {
  display: block; position:absolute;top:50px;right:calc(50px + 0px);
  width:40px;height:40px;
  cursor: pointer; -webkit-transform: rotate(45deg);transform: rotate(45deg);
}
#nav-toggleX:before {
 /* content: '\00d7';top:16px;left:21px;transform:translate(-50%, -50%);font-size:70px;font-weight:300;position:absolute;*/
}
#nav-toggleX:before,#nav-toggleX:after{
    content:'';
    position:absolute;
    width:38px;
    height:2px;
    background-color:rgba(var(--color-oro), 0.8);
    border-radius:1px;
    top:18px;
    box-shadow:0 0 0px 0 rgba(var(--color-oro), 0.8);transition: ease-in-out 0.3s;
}

#nav-toggleX:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:1px;
}
#nav-toggleX:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:1px;
}
#nav-toggleX.open {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#nav-toggle,#nav-toggle1 {
  display: block;
  width: 40px;
  height: 32px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);  position: relative;z-index: 99!important;
}

#nav-toggle span,#nav-toggle1 span { /* righe menu */
  /**/background:rgba(var(--color-oro), 0.6);
  width: 100%;
  height: 2px;
  /*border-radius: 1px;*/
  display: block;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
#nav-toggle span:nth-child(1),#nav-toggle1 span:nth-child(1) {
  top: 7px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#nav-toggle span:nth-child(2),#nav-toggle1 span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#nav-toggle span:nth-child(3),#nav-toggle1 span:nth-child(3) {
  top: 21px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
#nav-toggle:hover span,#nav-toggle1:hover span  { /* righe menu OVER */
  /*background-color:var(--color-over);*/background-color:rgba(var(--color-oro), 1);
}
#nav-toggleNO.open span:nth-child(1),#nav-toggle1111.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 3px;
  left: 6px;
}

#nav-toggleNO.open span:nth-child(2),#nav-toggle1111.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-toggleNO.open span:nth-child(3),#nav-toggle1111.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 30px;
  left: 6px;
}

#nav-overlay{ /* SFONDO menu */
  position: absolute; position: fixed;opacity:1;top:0%;left:50%; 
  z-index: -1; 
/*background:linear-gradient(180deg, rgba(var(--color-testo), 1) 30%, rgba(var(--color-testo), 1) 80%, rgba(var(--color-testo), 1) 100%);*/
	background:  rgba(var(--color-avorio), 1.0);
  -webkit-transition: 1s;

  transition: 1s;
  -webkit-transform: scale3d(1, 0, 0);
          transform: scale3d(1, 0, 0);
}

#nav-overlay.open {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); opacity: 1;top:50%;
}
/*#nav-toggle.open span,#nav-toggle1.open span {background-color:rgba(var(--color-bianco), 1);}*/ /* quando aperto cliccato*/
/*menu testo*/
#nav-fullscreen {
  width: 100%;
  position: fixed;			z-index: 99999!important;/*background-color:rgba(255,255,255,0.0);*/
	 /* background:url("../images/fiore-up-dx.svg") center center no-repeat; background-size:100vw;*/
  left: 0;
  top: 0;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}

#nav-fullscreen.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
#nav-overlay {
/*  background:-webkit-linear-gradient(top, #efd9d5 30%, #fff 50%, #fff 90%);background:linear-gradient(180deg, #efd9d5 30%, #fff 50%, #fff 90%);*/ /*background:rgba(0,0,0,1.0)*/
}

#nav-fullscreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 /* color:rgba(var(--colorRGB-04), 1);*/
  font-family: sans-serif;
  font-size: 2.5vh; 
 font-family: cormorant-garamond, serif!important;font-weight: 400; letter-spacing: 0.12em;text-transform: uppercase;text-align: center; 
}
.menu-araldo{ margin-left: -1em;width:10vw;max-width:200px;min-width:130px;margin-bottom:40px;margin-left: -20px}
.menu-araldo img{width:100%;height:auto;display:block;/*filter:var(--filterAvorio)*/}
.header-sfondo{width:calc(80%);height:auto;aspect-ratio: 1 / 1;position:absolute;display:block;background:rgba(var(--color-bianco), 0.6); border-radius:900%;z-index: -1; left:-20%;bottom:-40%;}

#nav-fullscreen ul {list-style: none; width: 100%; list-style: none;padding: 0}
#nav-fullscreen li {/* TESTO no href menu */
  margin: 2vh 0; -webkit-transition: ease-in-out 0.2s;transition: ease-in-out 0.3s;color:rgba(var(--color-oro), 1.0);
	/*background: url("../images/ico-pallino.svg") left center no-repeat; background-size:0.3vw;padding-left: 2rem;margin-left: -1.0rem;*/
}
/*#nav-fullscreen li::before {content: "•"; color:rgba(var(--color-bianco), 0.4);display: inline-block; width: 1em;margin-left: -1em}
#nav-fullscreen li.h-social-menu::before {content: ""; margin-left: -2.7em}*/
#nav-fullscreen li b{font-weight:400;}
#nav-fullscreen a { /* LINK menu */
  color:rgba(var(--color-testo), 0.8);
  text-decoration: none;  -webkit-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;
}
#nav-fullscreen li:hover {}
#nav-fullscreen a:hover {color:rgba(var(--color-oro), 1.0);}
#nav-fullscreen a.active {color:rgba(var(--color-oro), 0.7);} #nav-fullscreen ul li a.active {color:rgba(var(--color-oro), 0.7);}
#nav-fullscreen a:focus{ color:rgba(var(--color-oro), 0.9);}
#nav-fullscreen li.h-social-menu{margin-top:5vh;font-size:90%;letter-spacing: 0.03em;text-transform: none;color:rgba(var(--color-testo), 0.7);}
#nav-fullscreen li.h-social-menu a{color:rgba(var(--color-testo), 0.9);}
/*#nav-fullscreen li.h-social-menu a:hover{color:rgba(var(--color-bianco), 1)}*/
#nav-fullscreen li.h-social-menu .socialTXT{display:block;text-transform:lowercase; margin-top:10px}
#p27-header.header-inpage{/*position:absolute!important; top:0!important;*/ }
/*#nav-fullscreen a#nav-toggleX:before{color:rgba(var(--color-bianco), 1)!important;transition: ease-in-out 0.3s;}*//*#nav-fullscreen a#nav-toggleX:hover:before{color:rgba(var(--colorRGB-03), 1)!important;}*/
#nav-toggleX:hover:before,#nav-toggleX:hover:after{background-color:rgba(var(--color-oro), 1);box-shadow:0 0 0px 1px rgba(var(--color-oro), 1);}

.h-social-menu span{display:inline-block;width:33px;height:33px;padding: 0; margin: 0 6px;-webkit-transition: ease-in-out 0.15s;transition: ease-in-out 0.15s;filter:var(--filtro-testo);opacity:0.8;}
.h-social-menu span.h-s-instagram{background: url("../images/ico-instagram.svg") center 50% no-repeat; background-size:contain;}
.h-social-menu span.h-s-facebook{background: url("../images/ico-facebook.svg") center center no-repeat; background-size:contain;}
.h-social-menu span.h-s-whatsapp{background:url("../images/ico-whatsapp.svg") center center no-repeat; background-size:contain;}
.h-social-menu span.h-s-youtube{background:url("../images/ico-youtube.svg") center center no-repeat; background-size:contain;}
.h-social-menu span.h-s-email{background:url("../images/ico-email.svg") center center no-repeat; background-size:contain;}
.h-social-menu span.h-s-phone{background:url("../images/ico-phone.svg") center center no-repeat; background-size:contain;}

.h-social-menu span.h-s-instagram:hover,.h-social-menu span.h-s-facebook:hover,.h-social-menu span.h-s-youtube:hover,.h-social-menu span.h-s-email:hover,.h-social-menu span.h-s-pinterest:hover,.h-social-menu span.h-s-phone:hover,.h-social-menu span.h-s-whatsapp:hover,.h-social-menu span.h-s-instagram:focus,.h-social-menu span.h-s-facebook:focus,.h-social-menu span.h-s-youtube:focus,.h-social-menu span.h-s-email:focus,.h-social-menu span.h-s-pinterest:focus,.h-social-menu span.h-s-phone:focus,.h-social-menu span.h-s-whatsapp:focus {
opacity:1.0;
}
/*  ---BARRA MENU in PAGE Scroll FIXED --- */
#p27-header.navbar-fixed-top {
  position: fixed !important; z-index: 9999!important;display: block; background: #7A00FF;
	height:0px;
	/*-webkit-box-shadow:0px 9px 10px -6px rgba(0,0,0,0.05);-moz-box-shadow:0px 9px 10px -6px rgba(0,0,0,0.05);box-shadow:0px 9px 10px -6px rgba(0,0,0,0.05);*/
	margin-top:0px; margin-right:0px;width:100%;		/*display:none!important*/
}

/*#p27-header.navbar-fixed-top #nav-toggle span {background:rgba(var(--color-testo), 1)!important;}
#p27-header.navbar-fixed-top #nav-toggle:hover span {background:rgba(var(--color-testo), 1);}
	#p27-header.navbar-fixed-top .headerRighe .menu-left{position:absolute;top:24px;right:50px;width:40px;color:rgba(var(--colorRGB-03), 1);}
	#p27-header.navbar-fixed-top .headerRighe .menu-center{position:relative;width:50%;height:80px;display:inline-block;}
	#p27-header.navbar-fixed-top .headerRighe .menu-center img{height:70%;width:auto;position:absolute;top:50%;left:50px;transform:translate(0%, -50%);}
	#p27-header.navbar-fixed-top .headerRighe .menu-center a {font-size:180%;letter-spacing:0.0em;font-family: 'exmouthregular', cursive;color: rgba(var(--colorRGB-03), 0.8);line-height:80px;margin-left:50px;text-shadow: 0px 0px 2px rgba(var(--colorRGB-03), 0.8);}
	#p27-header.navbar-fixed-top .headerRighe .menu-center span{font-family: 'exmouthregular', cursive;letter-spacing:0;}*/

/**/
.tesi-animated { /*durata comparsa menu in page*/
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* NAV scroll */
.menu-Rbarra{display: block;transition:.6s;margin-left:calc(2.2vw * 2)}
.menu-Rbarra.scrolledMR{
    opacity:1
}
#nav-toggle1{display: block}
#logoM{opacity:1;/*transition:.4s;*//*height:calc(100% + (40px * 2) - 120%);width:auto;*/position:absolute;/*top:calc(-40px + 60% + 5px);*/left:0;height:auto;width:14vw} 
#logoM img{/*height:100%;width:auto;*/display:block}
#logoM.scrolledL{opacity:1;height:auto;width:11vw}#logoM img{height:auto;width:100%;}
.menu-Rbarra.scrolledMR #nav-toggle span,.menu-Rbarra.scrolledMR #nav-toggle1 span{background:rgba(var(--color-testo), 0.4)!important;}
@media(max-width:1650px){
	.menu a{font-size:0.85vw;letter-spacing:2px;} #logoM{height:auto;width:16vw}#logoM img{height:auto;width:100%;}
}
@media(max-width:1200px){

header{height:80px;} #p27-header {top:0;display:block;width:100%;}
#logoM{width:14vw} #logoM.scrolledL{width:14vw}
	
	/*#logoM{height:calc(100% + 8px + 8px);width: auto;top:-8px;} */
	
	
}
@media(max-width:1000px){ /* ipadV */

header{height:80px;background: none}
	.headerRighe{top:calc(50px + 18vw + 5vw + 50px);margin-top:0;margin-left:auto;right:calc(5% + (37vw / 2) - (40px / 2));}
	#nav-toggle1{display: block}#nav-toggleX {top:40px; right: 5%} 
	header .menu{display: none}
	.menu-Rbarra{display: block;} #logoM{width:220px;top:30px} #logoM.scrolledL{width:180px;top:inherit}

#nav-fullscreen {font-size: 2.0vh;}	
	
}
@media(max-width:768px){
	/*.headerRighe{top:calc(50px + 30vw + 7vw + 40px);margin-left:auto; right:calc(5% + (56vw / 2) - (14vw / 2));width:14vw;}
	#nav-toggle1 {width:14vw;height:32px;}
	#nav-fullscreen {font-size: 2.5vh; }
	#nav-toggleX {top:10px;right:5%;width:40px;height:40px;}*/
	#logoM{width:170px;top:35px}
	#nav-toggleX {top:30px; right: 5%} 
	#nav-fullscreen {font-size: 2.6vh;line-height:1.6}
	#nav-fullscreen li.h-social-menu{margin-top:40px;}
	.h-social-menu span{width:24px;height:24px;margin: 0 6px;}
	#nav-fullscreen li.h-social-menu .socialTXT{display:none}#nav-fullscreen li b{display: block;}
	.header-sfondo{width:calc(160vw);height:auto;aspect-ratio: 1 / 1; left:-70vw;bottom:-30vw;}
}