@charset "utf-8";
/* CSS Document */
/* MENU */
/*NAV menu*/
#p27-header {z-index: 9998!important;right:0;width:auto; margin-top:74px;/* margin-right:calc(50px + 100px);*/position:absolute; top:0; margin-right:calc((100% - 1700px) / 2)}

.header{width: calc(100% - 0%); height:auto;position:relative; margin: 0 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:80px;}

.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);}*/

.menu-righe{width:40px;height:18px;}
#nav-container {margin-left: auto;position: relative;z-index: 99999!important;}
#nav-toggleX {
  display: block; position:absolute;top:74px;/*right:calc(50px + 100px); */right:calc((100% - 1700px) / 2);
  width:50px;height:50px;
  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:48px;
    height:2px;
    background-color:rgba(var(--color-bianco), 1.0);
    border-radius:1px;
    top:18px;
    box-shadow:0 0 0px 0 rgba(var(--color-bianco), 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 {
  display: block;
  width: 50px;
  height: 32px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);  position: relative;z-index: 99!important;
}

#nav-toggle span { /* righe menu */
  background:rgba(var(--color-txt), 0.8);
  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) {
  top: 7px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

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

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

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

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

#nav-overlay{ /* SFONDO menu */
  position: absolute; position: fixed;
  top:50%;left:50%;opacity:1;top:0%;left:50%; 
  z-index: -1; 
/*  background:rgba(var(--color-txt), 1); 
	background:-webkit-linear-gradient(top, rgba(var(--color-02), 1) 30%, rgba(var(--color-txt), 1) 70%,rgba(var(--color-txt), 1) 90%);*/
background:linear-gradient(180deg, rgba(var(--color-txt), 1) 30%, rgba(var(--color-txt), 1) 80%, rgba(var(--color-txt), 1) 100%);
/*	background: url("../images/backgroud-menu.jpg")top left repeat;background-size:50% 80%;*/
  -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 {background-color:rgba(var(--color-bianco), 1);}
/*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 ul {
  list-style: none;
}
#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(--color-04), 1);*/
  font-family: sans-serif;
  font-size: 3.0vh; 
  font-family: 'mozartregular';font-weight: 400;letter-spacing: 0.12em;text-transform: uppercase;
}
.menu-araldo{/*width:10vw;max-width:200px;min-width:130px;margin-left: -20px;*/margin-bottom:40px;
	/*TCT*/ font-size: 60px;color:rgba(var(--color-bianco), 1);
}
.menu-araldo img{width:100%;height:auto;display:block;/*filter:var(--filterAvorio)*/}
.header-sfondo{width:calc(50svh * 1.2);height:calc(70svh * 1.2);position:absolute;display: block;bottom:-5svh;left:-1vw; background: url("../images/fiore.svg") bottom left no-repeat;background-size:contain;z-index:-1;opacity:1;/*transform: rotate(180deg)*/opacity.0.8}
.nomimenu{writing-mode:vertical-lr; height:100%;position:absolute;left:10%;text-align:center;font-size:320%; font-family: 'mozartregular';letter-spacing:0;color:rgba(var(--color-bianco), 1.0);text-transform: lowercase;text-transform:capitalize; transform: rotate(180deg);text-shadow: 0px 0px 2px rgba(var(--color-bianco), 0.9);} 
.nomimenu span{text-transform: lowercase!important;}
#nav-fullscreen ul {list-style: none}
#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-bianco), 1);
	/*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 a { /* LINK menu */
  color:rgba(var(--color-bianco), 0.8);
  text-decoration: none;  -webkit-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;
}
#nav-fullscreen a:hover {color:rgba(var(--color-bianco), 0.5);}
#nav-fullscreen a.active {color:rgba(var(--color-bianco), 0.8);} #nav-fullscreen ul li a.active {color:rgba(var(--color-bianco), 0.8);}
#nav-fullscreen a:focus{ color:rgba(var(--color-bianco), 0.7);}
#nav-fullscreen li.h-social-menu{background:none; margin-top:4vh;font-size:70%;letter-spacing: 0.04em;text-transform: none;color:rgba(var(--color-bianco), 0.5)}
#nav-fullscreen li.h-social-menu a{color:rgba(var(--color-bianco), 0.7);display: block; margin-left: -1.35em}#nav-fullscreen li.h-social-menu a:hover{color:rgba(var(--color-bianco), 1)}
#p27-header.header-inpage{/*position:absolute!important; top:0!important;*/ }
/*#nav-fullscreen a#nav-toggleX:before{color:rgba(var(--color-txt), 1)!important;transition: ease-in-out 0.3s;}*//*#nav-fullscreen a#nav-toggleX:hover:before{color:rgba(var(--color-03), 1)!important;}*/
#nav-toggleX:hover:before,#nav-toggleX:hover:after{background-color:rgba(var(--color-bianco), 1);box-shadow:0 0 0px 1px rgba(var(--color-bianco), 0.5);}

/*  ---BARRA MENU in PAGE Scroll FIXED --- */
#p27-header.navbar-fixed-top {
  position: fixed !important; z-index: 9999!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 10px -6px rgba(0,0,0,0.05);background:rgba(var(--color-avorio), 1);margin-top:0px; margin-right:0px;width:100%;	
}
#p27-header.navbar-fixed-top #nav-toggle span {background:rgba(var(--color-txt), 1);}
#p27-header.navbar-fixed-top #nav-toggle:hover span {background:rgba(var(--link-over-RGB), 1);}
	#p27-header.navbar-fixed-top .header .menu-left{position:absolute;top:24px;right:50px;width:50px;color:rgba(var(--color-txt), 1);  }
	#p27-header.navbar-fixed-top .header .menu-center{position:relative;width:50%;height:80px;display:inline-block; }
	#p27-header.navbar-fixed-top .header .menu-center img{/*height:70%;width:auto;position:absolute;top:50%;left:50px;transform:translate(0%, -50%);*/}
	#p27-header.navbar-fixed-top .header .menu-center a {font-size:50px;font-weight:700;letter-spacing:0;color:rgba(var(--color-txt), 1.0);line-height:80px;margin-left:50px;text-transform:uppercase;position: absolute;top: 0; left:0px;}
	#p27-header.navbar-fixed-top .header .menu-center span{/*font-weight:400;font-family:"mrs-eaves"; text-transform:lowercase; font-style: italic*/}

.tesi-animated { /*durata comparsa menu in page*/
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* LINGUA */
#nav-fullscreen li.lingua-menu{font-size:70%;} #nav-fullscreen li.lingua-menu::before {content: ""; margin-left: -1.35em}
#nav-fullscreen li.lingua-menu a{color:rgba(var(--color-bianco), 0.8);margin-left:0}#nav-fullscreen li.lingua-menu a:hover{color:rgba(var(--color-bianco), 1.0)}

.h-lingua-menu{font-size:26px;margin-left:0px;margin-right:15px;}
.h-lingua-menu a{color:rgba(var(--color-txt), 1);margin-left:0px;margin-right:10px;display:inline-block;} 
.h-lingua-menu a:hover{color:rgba(var(--color-txt), 0.5)} .h-lingua-menu a.active{color:rgba(var(--color-txt), 0.6);cursor: default}
#p27-header.navbar-fixed-top .header .h-lingua-menu{height: 100%; position:absolute;top:18px;right:calc(50px + 50px)}
/**/

@media screen and (max-width:1700px) {
	#p27-header {margin-right:calc(50px + 0px);}
	#nav-toggleX {right:calc(50px + 0px);}
}

@media screen and (max-width:1366px) {
	/*#nav-fullscreen li {background-size:0.6vw;}*/
	#nav-fullscreen {font-size:4.3vh;}#nav-fullscreen li {margin: 3vh 0;}
}
@media screen and (max-width:1194px) { 
	#nav-fullscreen {font-size:30px;}#nav-fullscreen li {margin: 2vh 0;}
}
@media screen and (max-width:992px) {
#p27-header {margin-right:calc(50px + 15px);}
#nav-toggleX {right:calc(50px + 15px);}
	
	.menu-left{order: 2;}
	.h-lingua-menu{/*order:1;margin-left:0px;margin-right:15px;*/	display: none}.h-lingua-menu a{} 
	#p27-header.navbar-fixed-top .header .h-lingua-menu{display: block}
}
@media screen and (max-width:688px) {
	#nav-fullscreen {font-size:26px;}
	.menu-scritto{display:none}#nav-toggle {display:block}

	#nav-toggleX {top:30px;right:5%;}
	#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-toggle {width:40px;}

	#p27-header{display: none} #p27-header.navbar-fixed-top .header {display:block;}
	#p27-header.navbar-fixed-top .header .menu-left{right:7%;width:40px;}
	#p27-header.navbar-fixed-top .header .menu-center{width:80%;height:80px;}
	#p27-header.navbar-fixed-top .header .menu-center a {font-size:8.5vw;line-height:80px;margin-left:7%;}
	
	#p27-header.navbar-fixed-top .header .h-lingua-menu{top:26px;right:calc(40px + 7%);margin-left:0px;margin-right:10px;font-size:18px;	display: none}
	.h-lingua-menu a{margin-right:5px;} 
	
}