@charset "utf-8";
/* CSS Document */
/* MENU */
/*NAV menu*/
#p27-header {z-index:9998!important;right:0;width:auto; margin-top:50px; margin-right:50px;position:absolute;top:0;}

.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-righe{width:40px;height:18px;}
#nav-container {margin-left: auto;position: relative;z-index: 99999!important;}
#nav-toggleX {
  display: block; position:absolute;top:50px;right:50px;
  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(--colorRGB-nero), 1);
    border-radius:1px;
    top:18px;
    box-shadow:0 0 0px 0 rgba(var(--colorRGB-nero), 0.5);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-toggleX:hover:before,#nav-toggleX:hover:after{background-color:rgba(var(--colorRGB-txt), 0.7);box-shadow:0 0 0px 0 rgba(var(--colorRGB-txt), 1);}
#nav-toggle {
  display: block;
  width: 40px;
  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(--colorRGB-nero), 0.5);
  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(--colorRGB-txt), 1);
}
#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(--colorRGB-02), 1);*/background:rgba(var(--colorRGB-bianco), 1);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: scale3d(1, 0, 0);
          transform: scale3d(1, 0, 0);
}
#nav-overlay {
/*  background:-webkit-linear-gradient(top, #efd9d5 30%, #efd9d5 50%, #E5C7C2 90%);background:linear-gradient(180deg, #efd9d5 30%, rgba(239,217,213,0.7) 50%, rgba(255,255,255,0.2) 90%);*/
}
#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(--colorRGB-txt), 1);}
/*menu testo*/
#nav-fullscreen {
  width: 100%;
  position: fixed;	z-index: 99999!important;/*background: url("../images/sfondo-menu.jpg") top center repeat;*//*background-color:rgba(255,255,255,0.0);*/
	 /* background: rgba(var(--colorRGB-oro), 1) url("../images/backgroud.jpg") center center 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 a { /* LINK menu */
  color:rgba(var(--colorRGB-txt), 1.0);
  text-decoration: none;  -webkit-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s; display: inline-block; 
}
#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;
}

/* SE TESTO */
.nomimenu{writing-mode:vertical-lr; height:100%;position:absolute;left:10%;text-align:center;font-size:160%;font-family: 'august_roma_serifregular';letter-spacing:0.06em;color:rgba(var(--colorRGB-txt), 1.0); transform: rotate(180deg);line-height: 1}  
.nomimenu span{font-family: 'august_roma_serifregular';position:relative;display:inline-block;width:auto;font-size:30%;font-style: normal;font-weight:400;vertical-align: text-bottom;position: absolute;left:2.1svh} .nomimenu b{font-weight:normal; margin-top: 9svh}
/* SE IMAGE */
/*.nomimenu{height:220px;width:100%;position:absolute;display:block;left:-40%;margin-left:calc(90px + 2vw);background:url("../images/nomi-sposi.svg") center center no-repeat;background-size: 96vh; transform: rotate(270deg); filter:var(--filterOro);opacity: 0.5} .nomimenuEN{background: url("../images/nomi-sposi-en.svg") center center no-repeat;background-size: 96vh;}*/
.logoRA{height:auto;width:13%;position:absolute;display:block;top:5svh;}.logoRA img{width:100%;height:auto;display:block;opacity: 0.8}
#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: 3.0vh; font-family: 'august_roma_serifregular';font-weight:400;text-transform: uppercase; letter-spacing: 0.06em; 
}

#nav-fullscreen ul {list-style: none;display: block; padding-top:4svh}
#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(--colorRGB-txt), 1);line-height:1; display:block;
}
#nav-fullscreen li::before {content: "•";color:rgba(var(--colorRGB-nero), 1)!important;
  display: inline-block; width: 1em;
  margin-left: -1em}
#nav-fullscreen  a.active::before {content: "•"; color:rgba(var(--colorRGB-nero), 1.0)!important;
  display: inline-block; width: 1em;
  margin-left: -1em}

#nav-fullscreen li:hover {}
#nav-fullscreen a:hover {color:rgba(var(--colorRGB-nero), 0.6);}
#nav-fullscreen a.active {color:rgba(var(--colorRGB-nero), 1.0);} #nav-fullscreen ul li a.active {color:rgba(var(--colorRGB-nero), 0.4);/*text-shadow: 2px 2px 6px rgba(var(--colorRGB-01), 0.4);*/}
#nav-fullscreen a:focus{ color:rgba(var(--colorRGB-nero), 0.5);background: none}

#nav-fullscreen li.h-social-menu::before {content: ""; margin-left: -2.7em}
#nav-fullscreen li.h-social-menu{background:none; margin-top:5vh;font-size:70%;letter-spacing: 0.04em;text-transform: none;color:rgba(var(--colorRGB-txt), 0.6)}
#nav-fullscreen li.h-social-menu a{color:rgba(var(--colorRGB-txt), 1.0);display: block; margin-left: -1.35em}#nav-fullscreen li.h-social-menu a:hover{color:rgba(var(--colorRGB-txt), 0.6)}
#p27-header.header-inpage{/*position:absolute!important; top:0!important;*/ }
/*#nav-fullscreen a#nav-toggleX:before{color:rgba(var(--colorRGB-oro), 1)!important;transition: ease-in-out 0.3s;}*//*#nav-fullscreen a#nav-toggleX:hover:before{color:rgba(var(--colorRGB-03), 1)!important;}*/
#nav-fullscreen li.header-logo{
  display: block;
  width: 100%;
  margin-bottom:40px;margin-top:0px;position:relative;overflow:visible;
}
.header-logo img {display: block;width:20svh;height: auto; margin-right:auto; margin-left: -0.8em; filter: var(--filtertxt);opacity: 0.8}
#nav-fullscreen li.header-logo::before {content: "";}

/*  ---BARRA MENU in PAGE Scroll FIXED --- */
#p27-header.navbar-fixed-top {
  position: fixed !important; z-index: 9999!important;display: block;
	/*trasparente*//*margin-top:50px; margin-right:50px; top:0;height:auto;*/
	height:50px;-webkit-box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.02);	
		-moz-box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.1);
		box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.1);background:rgba(var(--colorRGB-bianco), 1.0); /*background:rgba(var(--colorRGB-bianco), 1.0) url("../images/carta-cotone.webp") bottom left;*/margin-top:0px; margin-right:0px;width:100%;
	
}
#p27-header.navbar-fixed-top #nav-toggle span {background:rgba(var(--colorRGB-txt), 0.8);}
#p27-header.navbar-fixed-top #nav-toggle:hover span {background:rgba(var(--colorRGB-txt), 0.6);}
	#p27-header.navbar-fixed-top .header .menu-left{position:absolute;top:10px;right:50px;width:40px;color:rgba(var(--colorRGB-txt), 1);} /*#p27-header.navbar-fixed-top .logo{width: 180px;}*/
	#p27-header.navbar-fixed-top .header .menu-center{position:relative;width:50%;height:50px;display:inline-block;font-family: 'august_roma_serifregular'; text-transform: uppercase}
	#p27-header.navbar-fixed-top .header .menu-center img{height:80%;width:auto;position:absolute;top:50%;left:50px;transform:translate(0%, -50%);filter:var(--filtertxt)}/*logo*/
	#p27-header.navbar-fixed-top .header .menu-center a {font-size:100%;letter-spacing:0.1em;color: rgba(var(--colorRGB-txt), 0.8);/*line-height:80px;*/margin-left:50px/*;text-shadow: 0px 0px 2px rgba(var(--colorRGB-03), 0.8);*/}
	#p27-header.navbar-fixed-top .header .menu-center span{font-size:70%;}

/* LINGUA */
#nav-fullscreen li.lingua-menu{font-size:70%; margin-top: 3svh } 
#nav-fullscreen li.lingua-menu::before {content: ""; margin-left: -1.35em}
#nav-fullscreen li.lingua-menu a.active::before {content: ""; }
#nav-fullscreen li.lingua-menu a{color:rgba(var(--colorRGB-txt), 1.0);margin-left:0;margin-right:0.5vw}#nav-fullscreen li.lingua-menu a:hover{color:rgba(var(--colorRGB-txt), 0.7)}
#nav-fullscreen li.lingua-menu a.active{
  background:
    linear-gradient(
      to right,
      rgba(var(--colorRGB-txt), 0.5),
      rgba(var(--colorRGB-txt), 0.5)
    ),
    linear-gradient(
      to right,
      rgba(var(--colorRGB-txt), 1),
      rgba(var(--colorRGB-txt), 1),
      rgba(var(--colorRGB-txt), 1) 
  );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms, color 700ms;
}

.h-lingua-menu{font-size:22px;margin-left:0px;margin-right:10px;letter-spacing:0.06em;font-weight:300 }
.h-lingua-menu a{color:rgba(var(--colorRGB-01), 1);margin-left:0px;margin-right:10px;display:inline-block;} 
.h-lingua-menu a:hover{color:rgba(var(--colorRGB-txt),0.7)} .h-lingua-menu a.active{color:rgba(var(--colorRGB-01), 0.5);cursor: default}
#p27-header.navbar-fixed-top .header .h-lingua-menu{position:absolute;right: 100px;}
#p27-header.navbar-fixed-top .header .h-lingua-menu a{color:rgba(var(--colorRGB-txt), 1);}
#p27-header.navbar-fixed-top .header .h-lingua-menu a:hover{color:rgba(var(--colorRGB-txt), 0.7)}#p27-header.navbar-fixed-top .header  .h-lingua-menu a.active{color:rgba(var(--colorRGB-txt), 0.5);cursor: default}
.h-lingua-menu a.active{
  background:
    linear-gradient(
      to right,
      rgba(var(--colorRGB-txt), 0.5),
      rgba(var(--colorRGB-txt), 0.5)
    ),
    linear-gradient(
      to right,
      rgba(var(--link-over-RGB), 1),
      rgba(var(--link-over-RGB), 1),
      rgba(var(--link-over-RGB), 1) 
  );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 80%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms, color 700ms;
}
/**/
.tesi-animated { /*durata comparsa menu in page*/
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media screen and (max-width:1194px) {
	
	
	body {font-size: calc(4px + 2.0vw)}p{font-size:60%;}
	#nav-fullscreen ul{margin-left: 5%}.nomimenu{left:5%;}
		#p27-header.navbar-fixed-top .header .menu-center a {margin-left:5vw;position:absolute;top:50%;transform:translate(0%, -50%);}
	/* SE IMAGE */
/*	.nomimenu{height:15vw;width:100%;position:absolute;display:block;left:-50%;margin-left:calc(8vw + 2vw);background: url("../images/nomi-sposi.svg") center center no-repeat;background-size: contain; transform: rotate(270deg);}*/
}
@media screen and (max-width:992px) {
	#p27-header.navbar-fixed-top .header .menu-center{width:75%; }	
	#p27-header.navbar-fixed-top .header .menu-center a {font-size:3vw;margin-left:5vw;position:absolute;top:50%;transform:translate(0%, -50%);}
}
@media screen and (max-width:700px) {
	#p27-header .menu-left{margin-right:calc(1px - (0vw + 25px)); } 
	#nav-fullscreen {font-size:6.0vw;}
	/*#nav-fullscreen ul{margin-left:-8%}.nomimenu{left:inherit;right:0%; z-index:-1}*/
	/*#nav-fullscreen ul{margin-left:25%!important;}*/	/*.nomimenu{left:2%;top:0%; z-index:-1;font-size: 260%}*/
	#nav-fullscreen ul{margin-left:5%!important;padding-top:0svh} 
		/*.nomimenu{height:50vw;width:95vh;position:absolute;display:block;left:-47vh;margin-left:calc(20vw + 2vw);z-index:-1; opacity: 0.1}*/
	
/* SE TESTO */
.nomimenu{writing-mode:vertical-lr; height:100%;position:absolute;left:inherit;right: 5%; text-align:center;font-size:7svh; transform: rotate(180deg);opacity: 0.2}  
.nomimenu span{font-family: 'august_roma_serifregular';position:relative;display:inline-block;width:auto;height:6svh;font-size:30%;font-style: normal;font-weight:400;vertical-align: text-bottom;left:2.0svh;padding-left:0.0svh} .nomimenu b{ margin-top:0.0svh}
.logoRA{height:auto;width:42%;position:absolute;display:block;top:4svh} 	
	
#nav-fullscreen li.header-logo{
  display: block;
  width: 100%;
  margin-bottom:25px;margin-top:0px;position:relative;overflow:visible;
}
.header-logo img {display: block;width:160px;height: auto; margin-right:auto; margin-left: -0.0em;}	
#nav-fullscreen li.header-logo::before {content: "";}
	
	#p27-header {margin-top:20px; margin-right:none;/*left:5vw;*/}
	#p27-header.navbar-fixed-top  {margin-right:5vw;left:0vw!important;}
	#p27-header.navbar-fixed-top .header .menu-left{right:10%;}
	#p27-header.navbar-fixed-top .header .menu-center{width:85vw;height:50px;}
	#p27-header.navbar-fixed-top .header .menu-center img{height:70%;width:auto;left:10%;}
	#p27-header.navbar-fixed-top .header .menu-center a {font-size:4.6vw;margin-left:5vw;position:absolute;top:50%;transform:translate(0%, -50%); }
	#nav-toggleX {top:20px;right:inherit;/*left:5vw;*/left:calc(100% - 40px - 5vw - 3px);width:40px;height:40px;}/*#nav-toggleX:before {top:16px;left:21px;font-size:70px; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";font-weight:300!important}*/
	#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;
	}	
	#p27-header.navbar-fixed-top #nav-toggleX{top:20px;left:calc(100% - 40px - 5vw);}
#nav-fullscreen li {margin:3.5vh 0;}	
#nav-fullscreen li.lingua-menu a{margin-right:2vw}
	
.h-lingua-menu{top:20px;left:5%;font-size:90%;}
#p27-header.navbar-fixed-top .header .h-lingua-menu{position:absolute;left:inherit;right:calc(30px + 5% + 10px);top:0;width:fit-content;font-size:4.1vw;height:50px;line-height:48px;}
#p27-header.navbar-fixed-top .header .h-lingua-menu a{color:rgba(var(--colorRGB-txt), 1);margin-right:2vw}
#p27-header.navbar-fixed-top .header .h-lingua-menu a:hover{color:rgba(var(--colorRGB-txt), 0.7)}#p27-header.navbar-fixed-top .header .h-lingua-menu a.active{color:rgba(var(--colorRGB-txt), 0.5)}
/*.h-lingua-menu a.active{
  background:
    linear-gradient(
      to right,
      rgba(var(--colorRGB-txt), 0.5),
      rgba(var(--colorRGB-txt), 0.5)
    ),
    linear-gradient(
      to right,
      rgba(var(--link-over-RGB), 1),
      rgba(var(--link-over-RGB), 1),
      rgba(var(--link-over-RGB), 1) 
  );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 70%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms, color 700ms;
}*/
	
}