@charset "utf-8";
/* CSS Document */
@import url("https://use.typekit.net/xpf2acf.css");
/*@import url("https://use.typekit.net/pvv5ytc.css");*/
@import url(https://db.onlinewebfonts.com/c/a20fafd0e1aed740329b2693108cd07c?family=modernline+-+Personal+Use);

/* @import url("https://use.typekit.net/pvv5ytc.css"); */
	@font-face {
    font-family: 'august_roma_serifregular';
    src: url('../font/augustromaserif-regular-webfont.woff2') format('woff2'),
         url('../font/augustromaserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'modernline_-_personal_useRg';
    src: url('../font/modernline-webfont.woff2') format('woff2'),
         url('../font/modernline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}                    
:root {

	/* Bianco */	--colorRGB-bianco:255,255,255;
					--colorRGB-nero:0,0,0;
	/* oro */		--colorRGB-01: 166, 110, 13;	/* #a66e0d */
	/* oro chiaro */--colorRGB-oro-c: 198,154,78;	/* #bf8d35 c69a4e*/
	/* oro scuro */	--colorRGB-oro-S: 123,84,17;	/* #7b5411 */
	/* rosa */		--colorRGB-rosa: 189,138,137;	/* #BD8A89 199,152,151*/
	/* azz */		--colorRGB-azz: 65,196,226;	/* #41c4e2 */
	/* oro */		--colorRGB-oro: 201,228,247;	/* #bbd6da #c9e4f7	 	a66e0d 	241,237,203/
	
	
	/* AVORIO */	--colorRGB-avorio: 253,252,247;	/* #fbfaf1 */
	/* BIANCO */	--colorRGB-sfondo: 255,255,255;	/* #fffefa */	
	
	--link-over-RGB:70,100,100;	
	--colorRGB-txt: 0,0,0; 
	--link-RGB: 0,0,0;
	
	--filterOro: brightness(0) saturate(100%) invert(44%) sepia(25%) saturate(1450%) hue-rotate(359deg) brightness(97%) contrast(94%);
	--filterBlu: brightness(0) saturate(100%) invert(89%) sepia(24%) saturate(176%) hue-rotate(140deg) brightness(92%) contrast(88%);
	--filterNero: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(7471%) hue-rotate(34deg) brightness(98%) contrast(95%);
	--filterBianco: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7469%) hue-rotate(292deg) brightness(117%) contrast(99%);
	--paddingDiv:100px;--paddingTop:100px;--paddingBott:100px; --decoDim:100px;
	--fontsizeP:30px; --fontsizeP2:28px; --paddingSU:100px; --paddingGIU:100px;--marginSU:60px; --marginGIU:60px; 
	--maxWidth:1300px;
	
  -ms-touch-action: pan-x pan-y;
      touch-action: pan-x pan-y;
  height: 100% 
}

html {
  box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

html, body{width:100%;/*height:100%;*/ height:auto;}
body {
  font-size:100%;font-family: adobe-garamond-pro, serif;font-size: calc(4px + 1.50vw);overflow-x: hidden;/*letter-spacing: 0.1em;*/font-weight:300; position: relative;
  line-height: 1.5;color:rgba(var(--colorRGB-txt), 1);background:rgba(var(--colorRGB-sfondo), 1) url("../images/backgroud.jpg") top center repeat;background-size:100%;
}
p, .sottopagina li{font-size:60%;line-height:1.8;}
h1,h2,h3,h4,h5{font-weight:400}
h1,h2,h3{} h2{font-size:150%;}
a img {border: none; }
a {background: transparent; color:rgba(var(--colorRGB-txt), 1)}
a {outline: none;text-decoration:none;}
a:active,a:hover {outline: 0;}
p a {color:rgba(var(--colorRGB-txt), 1)} p a:hover {color:rgba(var(--link-over-RGB), 1)}
/* Remove the blue Webkit background when element is tapped */
a, button {-webkit-tap-highlight-color:rgba(var(--colorRGB-txt), 1);}
:hover * { 
 -webkit-transition-property: background, color, opacity;
 -webkit-transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out; 
 transition-property: background, color, opacity;
 transition-duration: 0.3s;
 transition-timing-function: ease-out; 
}
a.riga {
  color: inherit;
  text-decoration:none;
}
a.riga {
  background:
    linear-gradient(
      to right,
      rgba(var(--colorRGB-txt), 0.5),
      rgba(var(--colorRGB-txt), 0.5)
    ),
    linear-gradient(
      to right,
      rgba(var(--colorRGB-oro), 1),
      rgba(var(--colorRGB-oro), 1),
      rgba(var(--colorRGB-oro), 1) 
  );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms, color 700ms;
}
a.riga:hover {background-size: 0 1px, 100% 1px;color:rgba(var(--link-over-RGB), 1)!important}
strong{font-weight:400;text-transform:uppercase}
img {border: 0;}
svg:not(:root) {overflow: hidden; }
::-moz-selection { /* Code for Firefox */
  color:rgba(var(--colorRGB-02), 1);
  background:rgba(var(--colorRGB-01), 1);
}

::selection {
  color:rgba(var(--colorRGB-nero), 1)!important;
  background:rgba(var(--colorRGB-oro), 0.5);
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.btn {
  -webkit-appearance:none!important;outline: none !important;border:none; cursor:pointer;
	margin-bottom:40px;margin-top:40px;border-radius: 100vmax;font-family: 'august_roma_serifregular'; box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
	width:300px;margin-left:auto;margin-right:auto;font-size:50%;
/*  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;*/
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight:400;letter-spacing:0.10em;background:rgba(var(--colorRGB-oro), 0.8);color:rgba(var(--colorRGB-txt), 1)!important;border: 1px solid rgba(var(--colorRGB-nero), 0.8);
}
.btn:hover, .btn:focus, .btn:active {
  outline: none !important;
  /*border-color: transparent !important;*/ color:rgba(var(--colorRGB-txt), 1)!important;background:rgba(var(--colorRGB-oro), 0.5)!important;border: 1px solid rgba(var(--colorRGB-nero), 0.8)!important;border-radius: 100vmax!important;
}
/*.btn:hover {
  border-color: transparent;
}*/
sup{font-size: 50%}


/*.itauk{position: absolute; top:0;right:5vw;height:100px;line-height:100px;font-size:18px;letter-spacing:0.18em;font-weight:400;z-index: 10}
.itauk a{color:rgba(var(--colorRGB-01), 1);margin-left:0.5vw;text-transform:uppercase;opacity: 0.5} .itauk a:hover{color:rgba(var(--colorRGB-02), 1);}
.itauk a.active{opacity:1}*/
.contenitore{display:block;width:100%;height:auto;position:relative;overflow: hidden;}
.DivPadd{position:relative;display:block;width:100%;height:100px}

.riga-Vert{display:block;background:#000;width:1px;height: 150px;margin: 0 auto}
.margin-top{margin-top:45px;}.margin-bot{margin-bottom:45px;}

/*   --- */
.cont-home{display:block;position:relative; height:100svh;overflow:hidden;margin: 0 auto;text-align: center; background:url("../images/lago-como-oz.webp") top left no-repeat; background-size:100%} 
.cont-testi{height:80%; width:auto;position:absolute;top:50%;transform:translateY(-50%);left:10%; }
	.nomi{text-align: center;padding-top:0vw; letter-spacing: 0.3em;color:rgba(var(--colorRGB-txt), 1)}
	.nomi b{font-size:5vw;font-family: 'august_roma_serifregular';font-weight:normal; display:block}
	.nomi i{display:block;position:relative;/*height:5.0svh; width:100;margin: 0.5svh 0;*//*font-size: 55px;white-space: nowrap;width:auto;text-align:left;*/ width:100%;height:auto;}
	.nomi i img{display: block; margin: 0 auto;width:15vw;height: auto;filter:var(--filterNero)}
#lei,#lui,#marriage2{opacity: 0;}

.mariage{display:block;margin-top:8svh;width:100%;text-align:center;font-size:3.0vw;font-family: 'august_roma_serifregular';color:rgba(var(--colorRGB-txt), 1) }
.mariage span{display: block}
.mariage i{font-style: normal;font-family: 'modernline_-_personal_useRg';}

.data{font-family: 'august_roma_serifregular';font-size:3.1svh;/*margin-top:9svh;*/letter-spacing: 0.1em;z-index:1;text-transform:uppercase;color:rgba(var(--colorRGB-txt), 1);
	position: absolute;width: 100%; bottom: -2svh;left: 0%; font-weight: 600} .data b{font-size:200%;font-weight: 400}

    .animated-text  {
      filter: blur(0px); /* Valore iniziale */
      animation: blur-effect 1.6s ease-in-out ;
    }

    .animated-text:nth-child(2) {
      animation-delay: 0.2s;
    }

   @keyframes blur-effect {
      0% {
        filter: blur(4px);
      }
      100% {
        filter: blur(0px);
      }
    }
.b-rettangolo{width:100%;height:100%;position:absolute; background:#fff;z-index:2;opacity:1;right: 0;background: url("../images/backgroud-mob.jpg") top center repeat;background-size:100%;}


/*.cowndown{position:relative;display:block;width:100%;text-align:center;font-family: 'august_roma_serifregular';font-size:1vw;height:auto;}
.cowndown p{font-size: 42px;color:rgba(var(--colorRGB-txt), 1);display:flex;flex-wrap:nowrap;justify-content:space-between;width:calc(70% - (100% - var(--maxWidth)));margin:0px auto 60px auto;overflow: hidden} 
.cowndown p span{display:flex;flex-wrap: wrap;width: calc((70% - (100% - var(--maxWidth))) / 4 - 5vw);height: calc((68vw - (100vw - var(--maxWidth))) / 4 - 5vw);position:relative;align-items:center; margin-top: 0px; margin-left:0vw;} 
.cowndown p i{font-style:normal;display:block;position:absolute;text-align:center;width:100%;bottom:0vw;font-size:16px;letter-spacing: 0.1em;}
.cowndown p b{width:100%;font-weight:500;margin-top: -1vw;}
.cowndown p em{width:auto;height: auto; display:inline-block;position:relative;font-style:normal;font-weight:300;text-align:center;margin-top: -1vw; }*/


.cowndown{position:relative;display:block;width:100%;text-align:center;font-family: 'august_roma_serifregular';font-size:1vw;height:auto;}
.cowndown p{font-size: 42px;color:rgba(var(--colorRGB-txt), 1);display:flex;flex-wrap:nowrap;justify-content:space-between;width:calc(800px - (0% - 0px));margin:0px auto 60px auto;overflow: hidden} 
.cowndown p span{display:flex;flex-wrap: wrap;width: calc((70%) - 0vw);height: calc((68vw - (100vw - var(--maxWidth))) / 4 - 5vw);position:relative;align-items:center; margin-top: 0px; margin-left:0vw; height: auto; padding-bottom:15px} 
.cowndown p i{font-style:normal;display:block;position:absolute;text-align:center;width:100%;bottom:-0vw;font-size:16px;letter-spacing: 0.1em;}
.cowndown p b{width:100%;font-weight:500;margin-top: 0vw;}
.cowndown p em{width:auto;/*height: calc((68vw - (100vw - var(--maxWidth))) / 4 - 5vw);*/; display:inline-block;position:absolute;font-style:normal;font-weight:300;text-align:center;margin-top: -0vw; top: -10px; right: -1.5vw; width: 3vw; z-index:2}

/*.textM {
  margin:0px;
  color:#000;
  font-size:48px;
  font-weight:bold;white-space: nowrap; width: auto;text-align: left;font-family: 'modernline_-_personal_useRg';
}*/

#istanti{margin-top:50px;text-align:center; }


/*.dividimask{position:relative;display:block;width: 100%;height:33px;
	 background-image:url("../images/ombra.png") top center no-repeat;background-size:1000px;
  -webkit-filter: drop-shadow(0px 10px 1px rgba(0,0,0,0.75));
    -moz-filter: drop-shadow(0px 10px 1px rgba(0,0,0,0.75));
    -ms-filter: drop-shadow(0px 10px 1px rgba(0,0,0,0.75));
    -o-filter: drop-shadow(0px 10px 1px rgba(0,0,0,0.75)); }
.mask1 {
  -webkit-mask-image: url(../images/ombra-mask.png) top center no-repeat;
  mask-image: url(../images/ombra-mask.png);
  mask-repeat: no-repeat;
  mask-position: bottom;    
}*/
.image-container-ombra {
    width: 100%;
    height: 33px;overflow: hidden;
    background-size:1000px;
    background: url(../images/ombra.png) top center no-repeat;
    -webkit-filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.05));
    -moz-filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.05));
    -ms-filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.05));
    -o-filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.05));
	position: absolute;top:0px;left:0;z-index:1
}
#wrap-image {
    mask: url("../images/ombra-mask.png");
    -webkit-mask-box-image: url("../images/ombra-mask.png");background: url("../images/backgroud.jpg") top center repeat;background-size:100%;
}
.dividi{position:relative;display:block;width: 100%;height:33px; background:url("../images/ombra.png") top center no-repeat;background-size:1000px;overflow: hidden;}
hr.divide{border: none;border-top: 1px solid rgba(var(--colorRGB-oro), 0.5); margin:0; padding:0; width:10%; margin:0px 45% 0px 45%;}
/*hr.divide-int{border: none;border-top: 1px solid rgba(var(--colorRGB-oro), 0.5); margin:0; padding:0;  width:320px; margin: 60px auto 30px auto;}*/
/*hr.divide-intWrap{border: none;border-top: 1px solid rgba(var(--colorRGB-oro), 0.5); margin:0; padding:0;  width:320px; margin: 60px auto 60px auto;}*/
hr.divide-int{border: none; padding:0; width:2px;height:60px;margin: 60px auto 30px auto;background:rgba(var(--colorRGB-oro), 0.8); }
hr.divide-intWrap{border: none;padding:0;width:2px;height:60px;margin: 60px auto 60px auto;background:rgba(var(--colorRGB-oro), 0.8); }

hr.divide-int40{border: none;border-top: 1px solid rgba(var(--colorRGB-01), 1); margin:0; padding:0; width:10%; margin: 40px 45% 40px 45%;}
hr.divide-intM{border: none; padding:0; width:2px;height:60px;margin: 30px auto 30px auto;background:rgba(var(--colorRGB-oro), 0.8); }
hr.divform{border:none;border-top: 1px solid rgba(var(--colorRGB-01), 1); margin: 0; padding: 0; width: 26%; margin: 30px 37% 30px 37%;  display:none}

.location{position:relative;display:block; text-align:center;background:url("../images/carta-cotone.webp") top center repeat;background-size:100%; max-width: 1300px;margin: 0 auto;/* box-shadow:  0 0 10px rgba(var(--colorRGB-01), 0.08);*/}


h2.moreinfo{font-size:var(--fontsizeP);margin-top:15px} h2.moreinfo span{;display:block;}

.maskAND,.maskCD,.maskLS,.maskEV,.maskWED,.maskRSVP,.maskRE,.maskDC,.maskGT,.maskTIT { 
  overflow:hidden; padding: 2vw 0;
  width:0px;
  height:auto;
}
.maskEV{/*padding: 2vw 0vw 2vw 0vw;*/} .maskAND{padding: 0 0;}
.maskcont{position:relative;display:inline-block;width:auto;} h1.titolo-sez.wrap .maskcont{margin-top: calc(-7px - 1vw)}
h1.titolo-sez{font-size:42px;margin:0 auto 20px auto;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;line-height:1.5; } 
h1.titolo-sez b{font-weight:400;text-transform:uppercase;letter-spacing:0.12em;padding-right: 1vw;font-family: 'august_roma_serifregular';}
h1.titolo-sez i{font-style:normal; font-family: 'modernline_-_personal_useRg';font-size:140%;/*word-spacing:-1.5rem;*/
white-space: nowrap;width:auto;text-align:left; font-weight:bold;}
h1.titolo-sez.wrap{flex-wrap:wrap!important;line-height:1.5;} h1.titolo-sez.wrap b{width: 100%;padding-right:0;display: block;margin-bottom: 0px;} 

/*h1.titolo-sez.titolo-sezT{letter-spacing: 0.0em;margin-top:10px}
h1.titolo-sez.titolo-sezT2{letter-spacing: 0.0em;margin-bottom:-10px} .plage .titolo-sezT{}*/
h2.sottotitolo{font-size:26px;margin-bottom:20px;margin-top:0px;}

.section{display:block;position:relative;margin: 0 auto;width:100%;max-width:var(--maxWidth);}
.section p{font-size:calc(var(--fontsizeP) / 1.65);}
.cont{max-width:var(--maxWidth);margin:0 auto;}

.love-story,.welcome,.registry,.attire,.travel{text-align:center;z-index: 1;} 

.intro{border: 8px solid rgba(var(--colorRGB-oro), 0.8);box-shadow:  0 0 12px rgba(var(--colorRGB-nero), 0.2); width:650px; padding:50px;background: url("../images/backgroud.jpg") top center repeat;background-size:200%;} 

.intro .imgTutta{display:none} .intro .cont{}

.imgTutta {touch-action: pan-x pan-y;}
.imgTutta img{width:450px;height:auto;display: block; margin: 0 auto;} 
.imgTutta.imgTrittico{display: block;padding-top:20px;}.imgTutta.imgTrittico img{width:100%;height:auto;display: block; margin: 0 auto;} 
.ombra{box-shadow:  0 0 10px rgba(var(--colorRGB-nero), 0.2);}


h2.quando{font-size:30px;}
h2.quandoC{position: relative; display:flex;flex-wrap: wrap;justify-content:center;align-items:center;align-content:center;width: 120px; height:120px;border-radius:50%;background:rgba(var(--colorRGB-nero), 0.2);margin:0 auto;font-size:200%;}
h2.quandoC b{;width:100%;font-weight:400;}
h2.quandoC i{;width:100%;font-style:normal;font-size:150%;}

h2.quandoL{position:relative;display:block;width: fit-content; height:auto;margin:0 auto;font-size:22px;text-align: center;padding: 10px 5%; letter-spacing: 0.08em;color:rgba(var(--colorRGB-txt), 1)}
h2.quandoL b{width:100%;font-weight:400;}h2.quandoL i{width:100%;font-style:normal;}
h2.quandoL:before{content: ""; width:100%;height: 1px; background:rgba(var(--colorRGB-nero), 1);display:block;position: absolute; top:0px;left:50%;transform: translateX(-50%)}
h2.quandoL:after{content: ""; width:100%;height: 1px; background:rgba(var(--colorRGB-nero), 1);display:block;position: absolute; bottom:0px;left:50%;transform: translateX(-50%)}

h2.dataEV:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 200px);
  width: 400px;
  height: 1px;
  background:rgba(var(--colorRGB-txt), 1);z-index:-1
}

h2.dataEV i {
  position: relative;
  display: inline-block;
  padding: 0px 30px;
 font-style: normal;background:url("../images/backgroud.jpg") center center no-repeat;background-size:100%;
}
/* --------- */

/*	.orario{font-family: adobe-garamond-pro, serif;margin-top: 30px;font-size:30px} .orario i{font-style:normal;}*/
.wedding,.welcome{text-align:center; width: 100%; max-width: none}
.orarioC{position: relative; display:flex;flex-wrap: wrap;justify-content:center;align-items:center;align-content:center;width:83px;height:83px;border-radius:50%;background:rgba(var(--colorRGB-oro), 0.8);font-size:19px; margin: 40px auto;box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);border:1px solid rgba(var(--colorRGB-nero), 0.5);}
h2.dove {font-size:50px;display:block;margin-bottom:0px;margin-top: 30px; margin-left:auto;margin-right:auto;text-transform:uppercase;letter-spacing:0.06em;line-height:1;}
.indirizzo{font-size:calc(var(--fontsizeP) / 1.65);margin-top:20px;} .indirizzo span{display: block}
.contWEDD .imgTutta{margin-top:35px;margin-bottom: 40px} .contWEDD .imgTutta img{width:100%;}
.anelli{position:relative;display:block;width:100%;max-width:80px; height: auto; margin:40px auto 20px auto}.anelli img{width:100%;height:auto;display:block; opacity: 0.7}
.imgTuttaFARF{display: block;position: relative;width:100%;height: auto; margin:0 auto;}  .imgTuttaTEO{display: none}
.farfalla{display: block;position: absolute;left:0;top:0;width:500px;height:500px;z-index: 2;}


	.p-tit{text-transform:uppercase;display:block;margin-bottom:15px}
	
/*	.ico{width:25%;position:relative; filter:var(--filterOro);} .ico-dx{} .ico-sx{}
	.icoCC{width:100%;position:relative; filter:var(--filterOro);z-index: 2;text-align: center} */

/*	.ico img{position: absolute; top: 50%; transform: translateY(-50%)}
	.ico-chiesa img{width:100px;margin-bottom: 10px} 
	.ico-brunch img{width:90px;position: absolute;right:-15%}.ico-brunch{transform: rotate(0deg)}
	.ico-dinner img{width:90px;position: absolute;left: -15%;}.ico-dinner{transform: rotate(7deg)}
	.ico-cake img{width:100px;position: absolute;right: 0}.ico-cake{transform: rotate(8deg)}
	.ico-party img{width:100px;position: absolute;left:-2vw}.ico-party{transform: rotate(-7deg);width:20%;}
	.ico-mare img{width:100px;position: absolute;right:-2vw;top:150%;}.ico-mare{transform: rotate(-8deg);width:20%;}
	
	.ico-plage img{width:105px;} 
	.ico-rsvp img{width:100px;margin-bottom: 5px}
	.ico-dress img{width:100px;margin-bottom: 15px} */
	
	/*.P-party .P-dove{width:60%;} .P-party{padding-bottom:50px;}*/
	
/*/ ---- */	
.contenitoreIntro{position:absolute;top:0;left:0;width: 100%;height:100vh;}

/*.ico{display:block;margin: 0 auto;margin-bottom:5px;filter:var(--filterOro);text-align: center!important} */
/*.ico-ceromnia img{width:120px;}
.ico-chiesa img{width:100px; }
.ico-brunch img{width:100px;margin-left:-0px; margin-top: 60px}
.ico-rsvp img{width:100px;}
.ico-dress img{width:110px;}
.ico-plage img{width:110px;}*/


/*.P-flex{display: flex;flex-wrap: nowrap;width: 100%;} 
.P-dove{width: 50%;}
.ico{width: 25%; filter:var(--filterOro);text-align: center!important;}*/

/* STILI GENERALI*/
.sottopage{position:relative;}



.registry p b{text-transform: uppercase;font-family: 'august_roma_serifregular'; letter-spacing: 0.08em; font-weight:600}
.lista-nozze{text-align:center; /*max-width:1200px;*/margin:0 auto;position:relative;background:rgba(var(--colorRGB-oro-c), 1);} .donare{display: block}
ul.gift-dati{list-style: none;text-align:left; margin: 20px auto;width: fit-content}
ul.gift-dati li {color:rgba(var(--colorRGB-01), 1);font-size:var(--fontsizeP);line-height: 1.9}ul.gift-dati li b{font-weight: 400; margin-left:5px}
ul.gift-dati li::before {content: "•"; color:rgba(var(--colorRGB-02), 0.8);display: inline-block; width: 1.5em;margin-left: -1.5em}
.iban{font-size:var(--fontsizeP); margin: 15px auto}
.iban b{font-weight:normal; }
.iban span{font-size:70%;display:block;margin-top: 7px;}.iban i{font-style:normal;font-weight: 400}	
.fiore-s{display: block;margin:25px auto 25px 0}

/*.dress-code{display: flex; flex-wrap: nowrap;margin:10px auto 0 auto;width:800px}
.dress-code h2{border-right: 1px solid rgba(var(--colorRGB-txt), 1)}
.dress-code h2:last-child{border-right:none}*/
.attire {/*font-family: "cormorant-garamond",serif;font-weight:400*/} .attire b {font-family: 'august_roma_serifregular'; letter-spacing: 0.08em;font-weight:400;text-transform: uppercase}
.attire span{padding: 0 10px}  .attire strong{display: block; margin-top: 10px; } 
.imgAttire{display: none}




.barcode{display:block; margin:45px auto 35px auto;max-width:700px}.barcode img{width:100%;height:auto;display:block;margin: 0 auto;;border: 1px solid rgba(var(--colorRGB-01), 0.5);
	padding:0 calc((700px - 450px) / 2);}

.text-left{text-align: left;letter-spacing: 0.08em;margin: 0 auto;max-width:700px} .text-left span b{text-align: center;font-weight: 300}
.virgolette{font-size:70px; margin-right: 5px;vertical-align: middle;}.virgoletteDX{margin-right:0px;margin-left: 5px;}

.concierge{margin:0 auto;position:relative;line-height: 1.2;max-width:1000px;text-align: left} 
.concierge br{}


.hotel{position:relative;display:block;width:100%;max-width:1300px;margin: 0 auto;padding: 60px 0 0 0;text-align:center;position:relative;/*overflow:hidden*/}
.HOT_flex{display:flex;flex-wrap:wrap;width:100%;justify-content: space-between;align-items:stretch;padding-bottom:30px;}
.HOT_item{ width:100%;padding:35px 0 40px 0;position:relative;}
.HOT_item:before{content:''; display:block;position:absolute;/*width:100px;margin-left: -50px;height:1px;*/background:rgba(var(--colorRGB-02), 1);left:50%;bottom: 0px;
 width: 10px;height: 10px;border-radius: 5px;margin-left: -5px;background-color:rgba(var(--colorRGB-02), 0.7);}
.HOT_item:last-child:before{display: none} 


/* PAGINE */
#pagina{padding-top: 100px} 
.titolo{}
.imgINFO{margin: 30px 0;}.imgINFO img{width:100%;}

.how-to-get-there{}
.travelMappa{width:100%; max-width:800px;margin: 0 auto;hdisplay:block;padding:0 0;position:relative; margin-bottom:40px; border-left:2px solid rgba(var(--colorRGB-oro), 0.8);border-right:2px solid rgba(var(--colorRGB-oro), 0.8); }
.travelMappa img{width:100%;height:auto;display:block;opacity:0.8; padding:0px 5px}
.mappa-viaggio{z-index: 4;position:absolute;top:0;left:0;}
.mappa-mondo{z-index: 0;}
#pagina .p-tit{font-size: 30px}
.ico{display:block;width:100%;margin:20px auto 0px auto;/*filter:var(--filterOro);*/text-align: center;} 
.ico-treno img{display:block;height:70px;width: auto;margin:0 auto; opacity: 0.5}
#pagina ul{text-align:left!important;list-style: none; margin-top: 20px; padding: 0; }
#pagina li {font-size:calc(var(--fontsizeP) / 1.65);line-height: 1.9;margin-top: 15px;}
#pagina li b{font-weight:600;margin-right:1px;font-family: 'august_roma_serifregular';letter-spacing: 0.1em;font-size:90%;text-transform:uppercase;}
#pagina li b::before {content: "•"; color:rgba(var(--colorRGB-txt), 0.8);display: inline-block; width: 1.0em;margin-left: -1.0em; margin-left: 0; font-size:140%}
/* things-to-do */
.griglia{display:flex;flex-wrap:wrap;width:100%;justify-content: space-between;align-items:stretch;margin-top:40px;}
.griglia_item{width:calc(100% / 2);position:relative;padding: 0 30px; margin-bottom: 40px }
.griglia_item img{width: 100%;height: auto;display: block}
.griglia_item h2{font-size:calc(var(--fontsizeP) / 1.1);margin:30px 0 15px 0;text-align: center;text-transform: uppercase;font-family: 'august_roma_serifregular'; letter-spacing: 0.08em; }
.griglia_item p{font-size:calc(var(--fontsizeP) / 1.65);}  
.things-to-do p b{font-family: 'august_roma_serifregular'; letter-spacing: 0.08em;text-transform: uppercase; font-size: 120%;display: inline-block; margin-right: 5px}
.things-to-do p em{font-style: normal}
/* where-to-stay */
.stay-img{width: 100%;margin: 40px 0}.stay-img img{width: 100%;height: auto;display: block}

.grigliaStay{display:flex;flex-wrap:wrap;width:100%;justify-content: space-around;align-items:stretch;margin-top:40px;}
.grigliaStay_item{width:calc(100% / 2);position:relative;padding: 0 30px; margin-bottom: 60px }
.grigliaStay_item img{width: 100%;height: auto;display: block}
.grigliaStay_item h2{font-size:calc(var(--fontsizeP) / 1.1);margin:30px 0 15px 0;text-align: center;text-transform: uppercase;font-family: 'august_roma_serifregular'; letter-spacing: 0.08em; }
.grigliaStay_item p{font-size:calc(var(--fontsizeP) / 1.65);} 
.btnLink{display: block; text-align: center!important; margin:30px auto 0 auto!important;font-family: 'august_roma_serifregular'!important;font-size:calc(var(--fontsizeP) / 1.95); padding: 10px 0; width: 250px;font-style: normal}

#pagina .faqD li b {display: block}










/*FOOTER*/
#ld-footer {padding:0 0 80px 0;position:relative;bottom:0;text-align:center;/*box-shadow:0px 10px 30px -12px rgba(0,0,0,0.78);*/ /*background:rgba(var(--colorRGB-oro), 0.05);*/  }
#ld-footer p {display: block;}

/*#ld-footer a {
  color:rgba(var(--colorRGB-oro), 1);
}
#ld-footer a:hover, #ld-footer a:focus {
  color:rgba(var(--colorRGB-oro), 0.5);
}*/
#ld-footer a.active {color:rgba(var(--colorRGB-oro), 0.99);}

.farfalla-logo{position: absolute;display: block; width: 100%; height: auto;left:0; top: 0;  pointer-events: none;}

#ld-footer .ld-footer-logo {
  display: block;
  /*float: left;*/
  width: 100%;height:auto;
  margin-bottom:50px;margin-top:0px;/*;overflow:hidden!important;*/position:relative;overflow:visible;
}
#ld-footer .ld-footer-logo a {/*font-size:140%;font-family: 'luxury_modishregular', cursive;color: rgba(var(--colorRGB-03), 1);padding: 0px 10px 0px 10px;*/}
#ld-footer .ld-footer-logo a span{/*display: block;height:200px;margin:0px auto 0 auto;background:url("../images/iniziali.svg")center center no-repeat;background-size:contain;filter:drop-shadow(2px 6px 10px rgb(0 0 0 / 0.2)); position:absolute;left:50%;top:50%;width:200px;margin-left: -100px;margin-top: -70px;*/ }
#ld-footer .ld-footer-logo img {display:block;width:170px;height: auto; margin: 0 auto 0 auto; opacity: 1.0;/*filter: var(--filterOro)*/}
/*#ld-footer .ld-footer-logoIN{position: absolute;top:0;left:50%;margin-left: -110px; width:220px;height: 100%;}#ld-footer .ld-footer-logoIN img {width: 100%;height: auto;display: block}*/
#ld-footer .ld-footer-logo a:hover, #ld-footer .ld-footer-logo a:active, #ld-footer .ld-footer-logo a:focus {
 color:rgba(var(--colorRGB-txt), 1);
  border-color:rgba(var(--colorRGB-txt), 1);
  text-decoration: none;
}
/*.ld-footer-img{display:block; width:100%;height:auto;margin-bottom:50px;margin-top:0px;position:relative;}.ld-footer-img img{width:300px;height:auto}*/

#ld-footer ul {
  padding: 0;
  margin: 0;
}
#ld-footer ul li {
  list-style:none;display:inline-block;font-family: 'august_roma_serifregular';letter-spacing:0.10em;
  padding: 0;
  margin: 0 10px 0px 10px;
  line-height: 16px;color:rgba(var(--colorRGB-txt), 1);font-size:var(--fontsizeP)
}
#ld-footer ul li a {color:rgba(var(--colorRGB-txt), 0.9);} #ld-footer ul li a:hover {color:rgba(var(--colorRGB-txt), 0.4)!important;}

/*.ld-footer-info{display: block;text-align:center;padding:40px 0;background:rgba(var(--colorRGB-oro), 0.5);color:rgba(var(--colorRGB-oro), 1);box-shadow:0px -10px 30px -12px rgba(0,0,0,0.08);}
.ld-footer-info h2{font-size:110%;letter-spacing:0.126em;margin-bottom: 0.6vw;text-transform: uppercase}.ld-footer-info p{font-size:65%;font-weight:400}
.ld-footer-info p a{color:rgba(var(--colorRGB-oro), 1);text-decoration: underline;text-decoration-color:rgba(var(--colorRGB-03), 0.6); text-underline-offset:4px; transition: 0.5s;
-webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;}
.ld-footer-info p a:hover{color:rgba(var(--colorRGB-oro), 0.7);text-decoration-color:rgba(var(--colorRGB-oro), 0.8);-webkit-text-decoration-color: red; -moz-text-decoration-color: red;}*/
#ld-footer .ld-copyright {margin-top: 30px;color:rgba(var(--colorRGB-txt), 0.6);} #ld-footer .ld-copyright a{color:rgba(var(--colorRGB-txt), 0.6);}
#ld-footer .ld-copyright small {font-size:16px;}
/* transition */
.transition-fade {
  transition: 0.6s;
  opacity: 0;
  background-color: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  visibility: hidden;
}

html.is-animating .transition-fade {
  opacity: 1;
  visibility: visible;
}

.transition-slide {
  transition: 0.6s;
  background-color: #76559B;
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
}
html.is-animating .transition-slide {
  width: 100%;
}
#trans{}
.transition-alt {
  /*transition: 0.6s;*/transition: height 350ms ease-in-out;
  background-color:rgba(var(--colorRGB-bianco), 1); /*background:-webkit-linear-gradient(top, #D29A9D 10%, #DEAEB0 50%, #F5CED0 90%);background:linear-gradient(180deg, #D29A9D 10%, #DEAEB0 50%, #F5CED0 90%);*/ 
  position: fixed;
  width: 100%;
  height: 0%;
 /* top: auto;*/
  left: 0;
  bottom: 0;
  z-index: 200;
}
.transition-alt-info{height:100%;top:0;bottom:inherit}
.trans-testo{/*font-family: 'luxury_modishregular', cursive;*/position:absolute;z-index:1000;width:100%;top:46vh;text-align:center;color:rgba(var(--colorRGB-03), 0.4);letter-spacing:0;display:none;font-size:70px;transition: top 350ms ease-in-out;text-shadow: 0px 0px 2px rgba(var(--colorRGB-03), 0.4);}
.trans-testo i{/*font-style:normal;font-size: 95%;font-family: 'luxury_modishregular', cursive;letter-spacing:0;*/}
/*#trans{height:2%;background: #5851FF;transition: all 350ms ease-in-out;}
.transition-altPSW{height:100%;background: #D44547 }*/
.trans-testo img{width:13%; filter: var(--filterOro);opacity:0.5}.trans-testo i img{width:4%; filter: var(--filterOro);opacity:0.5}

/* CONFERMA */
.conferma{position:relative;display:block;width:100%;max-width:1400px;margin:0 auto 0 auto;text-align:center;padding-top: 60px; }
.conferma h2{padding: 0 10px} p.cors-tab-tit{margin-top:30px;}
.conferma .dati-inviati{padding:0;position:relative;margin:30px auto 0 auto;font-size:20px;display:block;text-align:left;color:rgba(var(--colorRGB-txt), 1);width:fit-content;max-width:1100px;letter-spacing: 0.06em;}
.conferma .dati-item{margin:10px 0;/*border-bottom:1px solid rgba(var(--colorRGB-txt), 1.0); */width:100%;display:flex;flex-wrap:nowrap;padding: 10px 15px;border-radius:2px;background:rgba(var(--colorRGB-nero), 0.05)} 
.conferma .dati-item span{color:rgba(var(--colorRGB-txt), 1.0);display:inline-block;width:260px;} .conferma .dati-item span i{padding-left:var(--fontsizeP);}
.conferma .dati-item b{font-weight:400;width:calc(100% - 260px);color:rgba(var(--colorRGB-txt), 1.0)} 
.perinfoConferma p{padding:40px;font-size:var(--fontsizeP);text-align:center}
/* ADMIN INDI */
.indi-sposi{padding:40px 0;font-family: 'august_roma_serifregular';letter-spacing:0.10em;text-align: center;text-transform: uppercase; width: 100%}
.indi-titolo{text-align:center;padding:20px 0;} h2.lista-titolo span{font-weight: 400;}
.indi-info {text-align:center}
.indi-info h3{display:inline-block;font-size:90%;}.lista-info p{display:inline-block;font-size:70%;}
.indi-cont{padding: 0 5%}
.indi-riga{display:flex;flex-wrap:wrap; justify-content: space-between; text-align:left;border-radius:6px;background:rgba(var(--colorRGB-oro), 0.9);color:rgba(var(--colorRGB-txt), 1);font-weight:400;font-size:1.1vw;box-shadow:rgba(var(--colorRGB-oro), 0.4) 0 3px 12px; margin:0.3vw 0.0vw;height:auto;overflow:hidden;transition: all 0.25s ease-out;width:calc(100% - 0px);line-height: 60px;letter-spacing: 0.04em;}
.indi-nome{width:calc(100% - 0%);padding-left:20px;box-sizing:border-box;background:rgba(var(--colorRGB-bianco), 0.1);font-size:120% }
.indirizzo{width:calc(100% - 0%);}
.indi-via{width:calc(100% / 3 - 4px);padding-left:20px;box-sizing:border-box;display: inline-block;margin:0;}
.indi-citta{width:calc(100% / 3 - 4px);padding-left:20px;box-sizing:border-box;border-left:1px solid rgba(var(--colorRGB-bianco), 0.2);display: inline-block;margin:0;}
.indi-stato{width:calc(100% / 3 - 4px);padding-left:20px;box-sizing:border-box;border-left:1px solid rgba(var(--colorRGB-bianco), 0.2);display: inline-block;margin:0}

/* ADMIN LISTA */
.lista-titolo{text-align:center;padding:20px 0;font-family: 'august_roma_serifregular';letter-spacing:0.10em;text-transform: uppercase;font-size:110% } 
h2.lista-titolo span{font-weight: 400;font-size:90%;}h2.lista-titolo b{font-weight: 400;font-size:70%;}
.lista-info {text-align:center}
.lista-info h3{display:inline-block;font-size:90%;}.lista-info p{display:inline-block;font-size:70%;}

.toggle-el {padding:0em 8% 0em calc(10% + 20px + 0px);height:0;transition: all 0.2s ease;opacity:0;margin-top: 0rem;overflow:hidden;border-radius:6px;background:rgba(var(--colorRGB-oro), 0.15);}
input[type=checkbox].hide-input:checked + .toggle-el {height:auto;opacity:1;padding-top:1em;padding-bottom:1em;margin-bottom:10px}
input.hide-input {position:absolute;left: -999em;}
label.toggle {text-align:center;display:inline-block;cursor:pointer;font-size:1.0vw;color:rgba(var(--colorRGB-txt), 0.7);background:rgba(var(--colorRGB-oro), 1.0);user-select:none;width:8%;text-transform: uppercase;letter-spacing: 0.04em}
label.toggle:hover{color:rgba(var(--colorRGB-txt), 1.0);background:rgba(var(--colorRGB-oro), 0.5);}
label.toggle > i > svg {
  width: 0.7rem;
  height: 0.7rem;
  transform: rotate(0deg);
  transition: all 0.3s ease;margin-left:10px; fill: rgba(var(--colorRGB-txt), 1);
}
 label.toggle:hover  > i > svg {
  width: 0.7rem;
  height: 0.7rem;
  transform: rotate(90deg);fill: rgba(var(--colorRGB-txt), 1);
}

.lista-cont{width:100%;display:block;padding: 20px 3% 30px 3%; max-width: 1920px;	/*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"*/}
.lista-riga{display:flex;flex-wrap:nowrap; justify-content: space-between; text-align:left;border-radius:6px;background:rgba(var(--colorRGB-oro), 0.3);color:rgba(var(--colorRGB-txt), 1);font-weight:400;font-size:1.2vw;box-shadow:rgba(var(--colorRGB-oro), 0.2) 0 3px 12px; margin:0.15vw 0.0vw;height:auto;overflow:hidden;transition: all 0.25s ease-out;width:calc(100% - 0px);line-height: 60px;letter-spacing: 0.06em; border:1px solid rgba(var(--colorRGB-txt), 0.4)}
.lista-numero{width:calc(10%);text-align:center;box-sizing:border-box;background:rgba(56,115,64,0.50);color:rgba(var(--colorRGB-bianco), 1.0);}
.lista-numero i{font-style: normal}
.lista-nomi{width:calc(100% - 10% - 23% - 10% - 8% );padding-left:20px;box-sizing:border-box;}
.lista-email{width:calc(23% - 0%);padding-left:20px;box-sizing:border-box;background:rgba(var(--colorRGB-oro), 0.3);font-size:1.0vw;}
.lista-data{width:calc(10% - 0%);text-align:center;box-sizing:border-box;}
.dettagli{} 
.dettagli p {font-size:80%;letter-spacing:0.02em;border-bottom:1px solid rgba(var(--colorRGB-txt), 0.4);margin-bottom:10px;padding-bottom:10px;color:rgba(var(--colorRGB-nero), 0.7);} 
.dettagli p b{display:inline-block;text-transform: uppercase;font-size:80%;}.dettagli p span{display:block;padding-left:0px;font-size: 90%}.dettagli p em{font-style:normal} 
.dettagli p em:after{ content: "";}
.dettagli p b:before {content: ""; color:rgba(var(--colorRGB-txt), 1.0);display:inline-block;width:1em;margin-left:-20px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size: 90%}
.dettagli p.dettagli-ultimo{border-bottom:none;margin-bottom:0;padding-bottom:0}
.dett-email,.dett-data{display:none} .lista-cont a{color:rgba(var(--colorRGB-txt), 1);} .dett-datav{display:none} 
.lista-tot{text-align:center;padding-top:30px;font-size:120%;}
.lista-cont-decl{} .lista-info-decl{margin-top:30px} .lista-cont-decl .lista-numero{background:rgba(177,0,0,0.7);}

.lista-psw{display:flex;flex-wrap:wrap;height:100%;align-items:center;align-content:center;text-align:center;}
.lista-psw h2{font-size:200%;letter-spacing:0em;line-height:1.3;color:rgba(var(--colorRGB-txt), 1);text-align:center;width:100%;margin-bottom:40px}.lista-psw i{font-style:normal}
.lista-psw h2 img{width: 90%; max-width: 950px;margin: 0 auto}
.lista-psw h3{width:100%;margin-bottom:1vw;font-variant:small-caps;font-size:22px}
/* PASSWORD */
.form-signin {max-width:350px; margin: 0 auto;padding-top:15px;padding-left: 10px}
.form-signin .form-control {position:relative;height:auto;}
.btn-psw{
	margin:0 0 0 10px;height:50px;padding: 0 0px;float:left;width:150px;
	background:rgba(var(--colorRGB-oro), 0.5)!important;border:0;border:1px solid rgba(var(--colorRGB-nero),0.6);color:rgba(var(--colorRGB-txt), 1);border-radius:0 4px 4px 0;font-size:14px;
}
.btn-psw:hover{background:rgba(var(--colorRGB-oro), 1)!important;color:rgba(var(--colorRGB-txt), 1)!important;}
.form-signin input[type="password"] {transition: All .2s ease-in-out; -webkit-appearance:none!important;padding:0px 12px;height:50px;width:calc(100% - 150px - 10px);border-radius:0px!important;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:400;border:0;color:rgba(var(--colorRGB-txt), 0.9);/*border:1px solid rgba(var(--colorRGB-01), 1);*/border-bottom:1px dashed rgba(var(--colorRGB-01), 1);background:rgba(var(--colorRGB-bianco), 0.5);font-size:14px;letter-spacing:0.06em; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing: border-box;float: left}
.form-signin input[type="password"]:focus  {
  background:rgba(var(--colorRGB-oro), 0.2);color:rgba(var(--colorRGB-txt), 1.0);border-radius:0px!important;
}
h4.form-signin-heading{text-align:center;font-size:14px;color:rgba(163,0,0,1.00);margin-bottom:11px;text-transform:uppercase;letter-spacing:0.2em}
.lista-psw .form-signin input[type="password"] {/*border:1px solid rgba(var(--colorRGB-01), 1);*/}
.esporta{text-align:center;display:block;margin-top:30px;margin-bottom:30px} a.esporta p{color:rgba(var(--colorRGB-txt), 0.7);font-size:var(--fontsizeP)} a.esporta p:hover {color:rgba(var(--colorRGB-txt), 1);}


.padding-su{padding-top:var(--paddingSU)} .padding-giu{padding-bottom:var(--paddingGIU)}
.margin-su{margin-top:var(--marginSU)} .margin-giu{margin-bottom:var(--marginGIU)}
/*.padding-su-strappo{padding-top:calc(var(--paddingSU) + 70px)!important} .padding-giu-strappo{padding-bottom:calc(var(--paddingGIU) + 70px)!important}*/

/*.strappo-bianco{width:100%;height: auto;position: absolute;top:0;left: 0;}.strappo-bianco img{width:1920;height:auto;display:block; filter: drop-shadow(0px 6px 5px rgba(var(--colorRGB-nero), 0.05));display: none}
.strappo-bianco-sotto{top:inherit;bottom: 0}.strappo-bianco-sotto img{width:1920;height:auto;display:block; filter: drop-shadow(0px -6px 5px rgba(var(--colorRGB-nero), 0.05));transform: scale(-1);display: none}*/
.filterVerde {filter:var(--filterVerde)!important}

.righe-vert-gialle{
background: repeating-linear-gradient(
  to right,
  transparent,
  transparent 20px,
  rgba(var(--colorRGB-oro-c), 1) 20px,
  rgba(var(--colorRGB-oro-c), 1) 40px
);
}

/* font */
.fontPrincipale{font-family: "mrs-eaves-roman-small-caps", serif;letter-spacing: 0.11em;}
.fontCorsivo{font-family: "August Roma Serif", cursive;}
/*.fontMelika{font-family: 'Melika Letter'!important;-webkit-text-stroke: 0.005em rgba(var(--colorRGB-01), 1);line-height: 1;font-size:54px;}*/

.sfondo-rosa{background:rgba(var(--colorRGB-rosa), 0.1); }
.TXTcenter{text-align: center}


@media screen and (max-width:1540px) {

}
@media screen and (max-width:1440px) {
.cont-home{ background:url("../images/lago-como-oz.webp") top center no-repeat; background-size:cover} 
}

@media screen and (max-width:1370px) {

}

@media screen and (max-width:1194px) {
	body {touch-action: pan-x pan-y; overflow-x: hidden;}
	*{touch-action: pan-x pan-y;}
	
	.cont-home{ background:url("../images/lago-como-oz.webp") top center no-repeat; background-size:cover} 
	.cont{max-width:90vw;}
	.btn {font-size:16px;}
	
	/* ADMIN LISTA */
	.lista-cont{padding: 0 0%;}
	.lista-riga{font-size:70%;}.dettagli p{font-size:60%;}
	.dettagli p.dettagli-ultimo{border-bottom:1px solid rgba(var(--colorRGB-01), 0.7);margin-bottom:10px;padding-bottom:10px}
	.dett-email{display:block} .lista-email{display:none}.lista-cont a{color:rgba(var(--testo), 1);}
	.lista-nomi{width:calc(100% - 10% - 0% - 12% - 10% );} .lista-data{font-size:1.5vw;width:12%;background:rgba(var(--colorRGB-bianco), 0.2);} label.toggle {width:10%;font-size:1.5vw;}
	.lista-numero{font-size:90%;}.lista-numero b {font-size:1.8vw;} .lista-numero i {display:none} 
	.dettagli p.dettagli-ultimoMOB{border-bottom:none;margin-bottom:0;padding-bottom:0}
	.imgTuttaTEO{display: block}
	.location{max-width:90%;}
}

@media screen and (max-width:1024px) {
:root {	
	--fontsizeP:28px;	
}
	body {font-size: calc(4px + 4.5vw);}/*p{font-size:65%;} */
	.imgTutta {}.imgTutta img{width:100%;height:auto;display:block}
	.cont{max-width:90vw;}
	.btn {font-size:14px;}	
	
	
	
.location{max-width:93%;}
.P-flex{width:auto;} 	
	.lista-nozze{ width: 100%} 
	.lista-nozze .indirizzo strong{display: block} .lista-nozze .indirizzo strong.marras{margin-top: 10px}

/*FOOTER*/
#ld-footer {}

#ld-footer ul li {font-size:3.2vw}.ld-copyright{margin-top:50px;}#ld-footer .ld-copyright small {font-size:18px}
	.ld-footer-info{padding:40px 6vw;}

.conferma{width:100%; padding: 80px 5% 0}
	
	/* LISTA */
	.lista-titolo{padding:30px 0 20px 0;font-size:7vw;} h2.lista-titolo b{display: block;font-size:60%;margin: 10px 0}
	.lista-info h3{font-size:5.0vw;margin-bottom:20px}
	.lista-riga{font-size:20px;flex-wrap:wrap; margin:5px 0;}.dettagli p{font-size:24px!important;} 
	.lista-numero{font-size:16px;}.lista-numero b {font-size:22px;} .lista-numero i {display:inline-block} 
	
	.lista-nomi{width:calc(100% - 0% - 0% - 0% - 0% );font-size:24px;order:1;line-height:1.5;padding-top:3vw;padding-bottom:3vw;background:rgba(56,115,64,0.5);} 
	.lista-numero{width:60%;order:2;font-size:18px;background:rgba(var(--colorRGB-oro), 0.5);color:rgba(var(--colorRGB-txt), 0.8)}.lista-numero b {font-size:22px;} label.toggle{width:40%;order:3;font-size:18px;}
	.lista-data{display:none}.lista-tot p{padding-top:0px;padding-bottom:30px;font-size:22px;}
	.toggle-el {padding:0em 10% 0em 10%;} 
	.lista-cont-decl{margin-bottom: 50px}.lista-info-decl h3{margin-top:20px} .lista-cont-decl .lista-nomi{background:rgba(177,0,0,0.7);}
	.lista-cont-decl .lista-numero{background:rgba(var(--colorRGB-oro), 0.7)}
	
}
@media screen and (max-width:900px) {
	.cont-home{ background:url("../images/lago-como-oz.webp") 80% 0% no-repeat; background-size:cover} 
	.cont-testi{height:80%; width:auto;position:absolute;top:50%;transform:translateY(-50%);left:10%; }
	
	.nomi{text-align: center;padding-top:0svh; letter-spacing: 0.3em}
	.nomi b{font-size:6svh;font-family: 'august_roma_serifregular';font-weight:normal; display:block}
	.nomi i{display:block;position:relative;width:28svh;height:auto;/*height:4.0svh; width:auto;margin: 0.5svh 0*/}
	.nomi i img{display: block; margin: 0 auto;width:100%;height: auto;}
	.mariage{margin-top:3.5svh;font-size:4.0vw;line-height: 1.5;letter-spacing: 0.06em}
.mariage i{font-size:8.0vw; letter-spacing: 0em;display: inline-block; margin-top: 20px}
	.data{font-size:3vw; font-weight:600}
	
	.imgAttire{display: block}
}

@media screen and (max-width:700px) {
:root {	
	--paddingTop: 80px;--paddingBott:80px; 	--paddingSU:80px; --paddingGIU:80px;	
	--fontsizeP:4.5vw;	
}
html,
body {
        max-width: 100%;
}
body {background:rgba(var(--colorRGB-sfondo), 1) url("../images/backgroud-mob.jpg") top center repeat;background-size:100%; }
	/*p{font-size:var(--fontsizeP);font-weight: 300}*/
	.section p{font-size:var(--fontsizeP);font-weight: 300;}
.trans-testo img{width:30%; opacity:0.8}.trans-testo i img{width:11%; opacity:0.8}
.DivPadd{height:50px}
.btn {padding-left:0vw;padding-right:0vw;padding-top:2vw;padding-bottom:2vw;font-size:4.0vw;letter-spacing: 0.12em;width:80%;margin-left:auto;margin-right:auto}	

/* HOME */
.cont-home{display:block;position:relative;height:100svh;overflow: hidden; margin: 0 auto;text-align: center; background:url("../images/lago-como-nuvole.webp") top center no-repeat; background-size: cover} 
.cont-testi{height:100%; width:100%;position:relative;top:0%;transform:none;right:0%;margin-top:0;left:inherit;}

	.nomi{text-align: center;padding-top:8svh; letter-spacing: 0.3em}
	.nomi b{font-size:6svh;font-family: 'august_roma_serifregular';font-weight:normal; display:block}
	.nomi i{display:block;position:relative;width:28svh;height:auto;/*height:4.0svh; width:auto;margin: 0.5svh 0*/}
	.nomi i img{display: block; margin: 0 auto;width:100%;height: auto;}


.mariage{margin-top:3.5svh;font-size:7.0vw;line-height: 1.5;letter-spacing: 0.06em}
.mariage i{font-size:8.0vw; letter-spacing: 0em;display: inline-block; margin-top: 20px}

/*.data{font-family: 'august_roma_serifregular';font-size:3.1svh;margin-top:inherit;letter-spacing:0.1em;z-index:1;position:absolute;bottom:3svh;width: 100vw}*/
.data{font-size:3.0svh;margin-top:-10px;letter-spacing:0.1em;z-index:1;position:relative;width: 100vw; font-weight:400}
.como{position:absolute;display:block;height:auto;width:100%;max-width:100%;left:50%; margin-left:-50%;bottom:9svh;z-index: -1;}
.como img{width:100%;height:auto;display:block;}


.b-rettangolo{width:100%;height:100%;position:absolute; background:#fff;z-index:2;opacity:1;right: 0;background: url("../images/backgroud-mob.jpg") top center repeat;background-size:100%;}
	
.intro{box-shadow:none; width:100%;padding:0px;background:none;background-size:none;border: none} 
.intro .imgTutta{display:block; }	

/*.cowndown{width:100vw;height:auto; font-size:3vw; padding-left:calc(5vw + 0vw);padding-right:5vw;margin-top: -2vw; } 
.cowndown p{font-size:8.5vw;color:rgba(var(--colorRGB-txt), 1);display:flex;flex-wrap:nowrap;justify-content:center;width:100%;} 
.cowndown p span{display:flex; flex-wrap: wrap;height: calc(100vw / 4 - 8vw);position:relative; align-items:flex-start;margin-top:0px;width:auto;padding: 0 4vw;} 
.cowndown p i{font-style:normal;display:block;position:absolute;text-align:center;width:100%;bottom:-1vw;font-size:3.0vw;letter-spacing: 0.1em;left: 0;}
.cowndown p b{width:100%;font-weight:500;margin-top: 0vw;}
.cowndown p em{width:3vw;height: auto; display:inline-block;position:relative;font-style:normal;font-weight:300;text-align:center;margin-top: -5px}
.imgcountdown{margin: 40px 0}*/
.cowndown{position:relative;display:block;width:100%;font-size:3vw;height:auto;overflow: hidden;}
.cowndown p{font-size:8.5vw;display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;margin:0px auto 60px auto;overflow: hidden; margin-left: 1vw;} 
.cowndown p span{display:flex;flex-wrap: wrap;width: calc((70%) - 0vw);position:relative;align-items:center; margin-top: 0px; margin-left:0vw; height: auto; padding-bottom:15px; } 
.cowndown p i{font-style:normal;display:block;position:absolute;text-align:center;width:100%;bottom:-0vw;font-size:3.0vw;letter-spacing: 0.1em;; 		}
.cowndown p b{width:100%;font-weight:500;margin-top: 0vw;; 			}
.cowndown p em{width:auto;display:inline-block;position:absolute;font-style:normal;font-weight:300;text-align:center;margin-top: -0vw; top: -5px; right: -1.5vw; width: 3vw; z-index:2; 			}

#wrap-image {
    mask: url("../images/ombra-mask.png");
    -webkit-mask-box-image: url("../images/ombra-mask.png");background: url("../images/backgroud-mob.jpg") top center repeat;background-size:100%;
}

.maskCD,.maskLS,.maskEV,.maskWED,.maskDC,.maskGT,.maskTIT {padding-top: 5vw;padding-bottom: 5vw}
h1.titolo-sez{font-size:8.2vw;margin:0 auto 20px auto;justify-content:center;align-items:center} 
h1.titolo-sez b{letter-spacing:0.10em;padding-right: 2vw}
h1.titolo-sez i{font-size:110%;/*word-spacing:-1.0rem;*/}
h1.titolo-sez.wrap{flex-wrap:wrap!important;font-size:9.0vw;}h1.titolo-sez.wrap b{width:100%;padding-right:0;margin-bottom: -5px;}
	
h2.sottotitolo{font-size:4.3vw;margin-bottom:30px;} 							p{font-size:16px}

.cont{max-width:85vw;}
.imgTutta {}.imgTutta img{width:100%;height:auto;display:block}
.imgTutta.imgTrittico{padding-top:0px;padding-bottom:var(--paddingGIU);  }

h2 {margin-bottom: 0px;line-height: 1.2}
h2.moreinfo{font-size:var(--fontsizeP);} 
	
h2.quando{font-size:6.0vw;letter-spacing: 0.02em}
h2.dataEV:after {
  left: 15%;
  width: 70%;
  height: 1px;
}
h2.dataEV i {
  padding: 0px 20px;
}
.orarioC{width:80px;height:80px; margin: 30px auto}
/* --------- */
	
/*	.P-flex{display: flex;flex-wrap: nowrap;width:100%;margin-top:20px;position:relative;} 
	.P-dove{width:50%; padding: 0 3%} .P-giardini .P-dove{width: 100%;}  .P-chiesa .P-dove{width: 100%; padding: 0 6%}
	.P-dove h2.orario{font-size:7.5vw}*/
	 h2.dove {font-size:9vw;line-height:1.3;margin-top:26px;margin-bottom:15px;} .P-dove h2.dove span{display:block}  .P-dove h2.dove b{display:block;font-weight:normal;}
	 h2.dove.doveG{font-size:5vw;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;}
	
	.imgTutta{width:100%;}
	.orario{letter-spacing: 0.1em} .orario i{font-style:normal;}
	.indirizzo{font-size:var(--fontsizeP);margin-top:20px;} .indirizzo span{margin-top: 10px}
	.contWEDD .imgTutta{margin-top:40px;margin-bottom: 40px} .contWEDD .imgTutta img{width: 100%}
	.anelli{max-width:80px; margin:30px auto 20px auto}
.imgTuttaFARF{width:100%; margin:40px auto;} 
.farfalla{width:80%;height:auto;}
	
	.indirizzoGF{margin-top:15px;line-height: 1.6}
	.p-tit{font-size:4.5vw!important;letter-spacing: 0.08em}.p-tit span{display: block}
	.p-puls{}


	

	
	
/* ICONE */	
/*	.ico{width:25%;position:relative; filter:var(--filterOro);} .ico-dx{} .ico-sx{}
	.icoCC{width:100%;position:relative; filter:var(--filterOro);z-index: 2;text-align: center} 	
	.ico img{position: absolute; top: 50%; transform: translateY(-50%)}
	.ico-chiesa img{width:22%;margin-bottom: 10px} 
	.ico-brunch img{width:65%;position: absolute;right: 0}.ico-brunch{transform: rotate(0deg)}
	.ico-dinner img{width:70%;position: absolute;left: 0;}.ico-dinner{transform: rotate(4deg)}
	.ico-cake img{width:75%;position: absolute;right: 0}.ico-cake{transform: rotate(-7deg)}
	.ico-party img{width:80%;position: absolute;left:-2vw}.ico-party{transform: rotate(8deg);width:20%;}
	.ico-mare img{width:80%;position: absolute;right:-2vw;top:130%;}.ico-mare{transform: rotate(-8deg);width:20%;}
	
	.ico-plage img{width:23%;} 
	.ico-rsvp img{width:22%;margin-bottom: 5px}
	.ico-dress img{width:22%;margin-bottom: 15px} */

	
/*/ ---- */	
	
.barcode{display:block; margin:20px auto 25px auto;max-width:100%}.barcode img{width:100%;height:auto;display:block;margin: 0 auto;;border: 1px solid rgba(var(--colorRGB-01), 0.5);
	padding:0 0;}

.text-left{text-align: left;letter-spacing: 0.08em;margin: 0 auto;max-width:700px} .text-left span b{text-align: center;font-weight: 300}	
	
.iban{font-size:var(--fontsizeP);}

.colorPalette{margin-top: 25px}
.colorItem{width:40px;height:80px; margin: 0 9px}
	
/*	
	.attire strong{display: block;visibility: hidden;padding: 0; line-height: 0;margin:0!important}	 .attire p{margin-top:20px}*/
	
.indi-titolo{padding:20px 0;}
.indi-info h3{font-size:26px;}.esporta p{font-size:14px;}	
.indi-riga{font-size:4.2vw;line-height: 60px; margin:2.5vw 0.0vw;}
.indi-nome{width:calc(100% - 0%);padding-left:20px;box-sizing:border-box;background:rgba(var(--colorRGB-bianco), 0.1);font-size:130% }

.indi-via{width:calc(100% / 1 - 0px);padding-left:20px;box-sizing:border-box;display:block;line-height:40px;padding-top: 10px}
.indi-citta{width:calc(100% / 1 - 0px);padding-left:20px;box-sizing:border-box;border-left:none;display:block;line-height:40px;}
.indi-stato{width:calc(100% / 1 - 0px);padding-left:20px;box-sizing:border-box;border-left:none;display:block;line-height:40px;padding-bottom: 10px}
	
	
.concierge{max-width:90%;padding-top:var(--paddingTop) } 	

	
ul.gift-dati{margin:30px auto;width:90%}
ul.gift-dati li {font-size:4.1vw;line-height: 1.2;margin-bottom: 10px}ul.gift-dati li b{font-weight: 400; margin-left:0px;display:block}
ul.gift-dati li::before {content: "•"; width:6vw;margin-left: -6vw;font-size:30px;vertical-align: middle;}
	

	
	#ld-footer{}
	#ld-footer ul li {display: block; margin:0px 0px 20px 0;font-size:18px}.ld-copyright{display:block;margin-top:50px;}#ld-footer .ld-copyright small {font-size:14px}
	.ld-footer-info{padding:40px 6vw;}
	.ld-footer-info h2{font-size:6vw;margin-bottom:4vw}.ld-footer-info p{font-size:4.5vw;}.ld-footer-info p a{white-space:nowrap}
	#ld-footer .ld-footer-logo {width:100%;height:auto; margin-bottom:40px}

		
	
.conferma{text-align:center;} .conferma h2{padding: 0 4vw}
.conferma p.cors-tab-tit {font-size:5vw;}
.conferma .dati-inviati{margin:30px auto 0 auto;font-size:80%;width:90%;} 
.conferma .dati-item{margin:5px 0;padding: 15px 15px;flex-wrap:wrap;} 
.conferma .dati-item span{font-size:4.8vw;color:rgba(var(--colorRGB-txt), 0.8);display:inline-block;width:45%;} .conferma .dati-item span i{padding-left:15px;}
.conferma .dati-item span.ConfAcapo{display:block;width:100%!important;padding-bottom:4px}
.conferma .dati-item b{width:calc(100% - 300px);font-size:4.3vw;font-style: normal;} .conferma .dati-item b.ConfAcapoD{display:block;width: 100%!important;}

.form-signin {padding-left: 0}
	.btn-psw{
	margin:0 auto 0 auto;height:50px;padding: 0 0px;float:none;width:100%;display: block;
	background:rgba(var(--colorRGB-01), 0.5);border:0;font-size:11px;;border-radius:4px;
}
.form-signin input[type="password"] {padding:0px 0px;height:50px;width:calc(100% - 2px - 0px);margin:0 auto 20px auto; text-align: center;border:1px solid rgba(var(--colorRGB-01), 0.6);font-size: 14px;border-radius:4px!important;}

	
		/* ADMIN LISTA */
	.lista-titolo{padding:30px 0 20px 0;font-size:8.8vw;}.lista-titolo span{display:block}
	.lista-info h3{font-size:7.0vw;margin-bottom:20px}
	.lista-riga{font-size:5.0vw;flex-wrap:wrap; margin:5px 0;}.dettagli p{font-size:18px;} 
	.lista-numero{font-size:5.5vw;}.lista-numero b {font-size:18px;} .lista-numero i {display:inline-block} 
	
	.lista-nomi{width:calc(100% - 0% - 0% - 0% - 0% );font-size:24px;order:1; line-height:1.5;padding-top:5vw;padding-bottom:5vw;background:rgba(56,115,64,0.50);} 
	.lista-numero{width:60%;order:2} label.toggle{width:40%;order:3;font-size:4.2vw;}
	.lista-data{display:none}.lista-tot p{padding-top:30px;padding-bottom:30px;font-size:20px;} .dett-datav{display:block} 
	.toggle-el {padding:0em 10% 0em 10%;}label.toggle{font-size: 20px}
	.lista-info-decl h3{margin-top:20px} .lista-cont-decl{margin-bottom: 50px}
	
hr.divide{ margin:0; padding:0; width:10%; margin:0px 45% 0px 45%;}
/*hr.divide-int{margin:0; padding:0;  width:80%; margin: 60px 10% 50px 10%;}
hr.divide-intWrap{margin:0; padding:0;  width:80%; margin: 60px 10% 65px 10%;}*/
hr.divide-int{height:60px;margin: 60px auto 50px auto; }
hr.divide-intWrap{height:60px;margin: 60px auto 65px auto;}
	

	
	
	/* PAGINE */
#pagina{padding-top:80px}
	.titolo{text-align: center} 
	.titolo h1.titolo-sez .maskcont{display: block;margin-top: calc(-7px - 1vw)}
	.titolo h1.titolo-sez{flex-wrap:wrap!important;line-height:1.5;font-size:9.0vw;} .titolo h1.titolo-sez b{width: 100%;padding-right:0;display: block;margin-bottom: -5px;} 	
#pagina .p-tit{font-size:6vw!important;line-height: 1.5}
.ico{margin:10px auto;} 
.ico-treno img{width:80px;}
#pagina ul{text-align:left!important;list-style: none; margin-top:30px; padding: 0; }
#pagina li {font-size:var(--fontsizeP);line-height: 1.9;margin-top: 18px;}
#pagina li b{font-weight:600;margin-right:0px;font-size:90%;text-transform:uppercase;display: block;margin-bottom: 6px;font-family: adobe-garamond-pro, serif;}
#pagina li b::before {display: none}
.travelMappa{ border:none; }.travelMappa img{padding:0px 0px}
.imgINFO{margin: 30px 0; }

.how-to-get-there{}
	
/* things-to-do */
.griglia{margin-top:40px;max-width:100vw!important;}
.griglia_item{width:calc(100% / 1);padding: 0 0px; margin-bottom: 60px } .griglia_item:last-of-type {margin-bottom:0;}
.griglia_item h2{font-size:7.0vw;margin:40px 0 25px 0;line-height: 1.5;padding: 0 10vw}
.griglia_item p{font-size:calc(var(--fontsizeP) / 1); padding: 0 7vw}  
.things-to-do p b{font-size:120%;display: block; margin-right:0px;margin-top: 20px}	 .things-to-do p strong{text-transform: inherit;white-space: nowrap}
/* where-to-stay */
.grigliaStay{margin-top:40px;max-width:100vw!important;}
.grigliaStay_item{width:calc(100% / 1);padding: 0 0px; margin-bottom: 60px }
.grigliaStay_item img{width: 100%;height: auto;display: block}
.grigliaStay_item h2{font-size:7.0vw;margin:40px 0 25px 0;line-height: 1.5;padding: 0 10vw }
.grigliaStay_item p{font-size:calc(var(--fontsizeP) / 1); padding: 0 7vw} .grigliaStay_item p strong{display: block}
.btnLink{text-align: center!important; margin:30px auto 0 auto!important;font-size:4.0vw;; padding: 10px 0; width: 250px}
/* FAQ */
.faq h1.titolo-sez.wrap{}
.faq h1.titolo-sez.wrap i {text-align: center!important;width: 100vw;display:block;}.faq h1.titolo-sez.wrap i span{display:block;width: 100vw;}
#pagina .faqD li b {display: block}
}