@charset "utf-8";
/* CSS Document */
.vetrina-about{width:100%;height:calc(70% - 155px);display:block;overflow:hidden;position:relative;z-index:0;text-align:left;}
.vetrina-about img{height: 100%; width: 100%; object-fit: cover;}
.vetrina-about h2{position:absolute;top:50%;left:15vw;transform: translate(-0%, -50%);z-index:2;
	color:#fff;font-family: essonnes-display, serif;font-size:3.5rem;letter-spacing:0.01em;line-height:1.1;}

.mask {
-webkit-mask:url("../images/mask.png#maskelement");-webkit-mask-size:cover;-webkit-mask-position: center;
 mask:url("../images/mask.png#maskelement");mask-size: cover;mask-position: center; 	
  width:100%;height:100%; margin: 0;z-index:3;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);/* background: rgba(0,255,10,0.4);*/
}
.about{display:flex;flex-wrap:nowrap;padding:0 15vw; margin:0 0 100px 0;justify-content:center;position:relative;z-index:1!important;}
.about-img{width:40%;overflow:hidden; margin:auto;z-index:2;}
.about-img img{object-fit:cover;width:100%;max-width:100%;}
.about-txt{width:calc((60% - 0px) );padding:150px 0px 0px calc(75px + 2vw);} 

.about-txt p i,.inItalia-txt p i{font-size:120%;line-height:1.4;font-weight:300;display:block;font-style:italic;margin:30px 0 15px 0}
.about-txt p b{font-size:95%;font-family: 'gothambook', sans-serif;line-height:1.5;font-weight:400;display:block;margin:25px 0 15px 0;/*color:var(--color-blutxt);*/}
.about-txt p a {color: var(--color-oro);}.about-txt p a:hover {color: var(--color-oro);}

.about2{display:flex;flex-wrap:wrap;padding:0px 0 0px 0%; margin:0 0 140px 0;justify-content: space-between; align-items:flex-start;position:relative;z-index: 10;background: var(--color-azz);background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 62%, rgba(244,247,252,1) 100%);}
.about2-img{width:45%;position:relative;overflow:hidden; margin:0; margin-top:-30px;}
.about2-img img{object-fit:cover;width:100%;max-width:100%; height:40vw; transition: all 0.3s ease-out; flex-shrink:0;}
.about2-txt{width:calc((55% - 75px) );padding:150px 2vw 0px 10%;}
.about-txt p strong{font-weight:400;color:var(--color-blutxt);}
.about3-img{width:calc(55% - 75px - 2vw);/*margin-top:70px;*/bottom:-30px; height:45%;position:absolute}
.about3-txt{width:calc(45% - 0px);padding:70px 10% 30px 0; margin-left: 55%}

.piemonte{}
.piemonte .about-img{}
.piemonte .about-txt{padding:150px calc(75px + 2vw) 0px 0;}  .piemonte .about-txt em{white-space: nowrap}
.piemonte .about2-txt{padding:150px 10% 0px 2vw;}
.piemonte .about2-img{}
.piemonte .about3-img{width:calc(55% - 75px - 2vw);/*margin-top:70px;*/bottom:-30px; height:45%;position:absolute; right: 0}
.piemonte .about3-txt{width:calc(45% - 0px);padding:70px 0% 30px 10% ;/* margin-left: 55%; */margin-left:0%;}

#parallax1{width:100%;height:auto;padding:100px 0;display:block;overflow:hidden;text-align:center;position: relative }
.inItalia{width:100%;height:1000px;background-image:url("../images/wandering/vetrina/destination-weddings-in-italy-monferrato-langhe.jpg");position:absolute;top:-20%;background-size:100%;background-repeat:no-repeat;z-index:0; }
.inItalia-txt{margin:0px auto;position:relative;display:block;width:40%;height:auto;padding:70px 80px;background:rgba(255,255,255,1.0);z-index:2}
.inItalia-txt h1{font-weight:300;display: block;margin-bottom:30px} .inItalia-txt p{text-align:justify;}
a.link-btn-center{font-family: 'gothambook', serif;font-size:1.0rem;letter-spacing:0.2em;display:block;position:relative; margin: 40px auto 0 auto;color:var(--color-black-70);text-align:center;;width:-moz-fit-content;width:fit-content;}
a.link-btn-center::after{content:'';width:50px;height:1px;display:block;position:relative;margin-top:0.5rem;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out; /*background:rgba(0,0,0,0.4);*/ margin: 8px auto 0 auto; background: linear-gradient(
      to left,
      red 0,
      red 33.3%,
      rgba(0,0,0,0.05) 33.3%,
      rgba(0,0,0,0.05) 66.6%,
      green 66.6%,
      green
    )
    no-repeat;
  background-size: 100% 3px;}
a.link-btn-center:hover{color:var(--color-oro-dark)}a.link-btn-center:hover::after{width:100%;background:var(--color-oro-dark);}
.inItalia-txt p br{display: block;margin-bottom:1em;}

@media screen and (max-width:1194px) {
	.vetrina-about{width:100%;height:calc(100% - 155px);}.vetrina-about img{height:100%;width: 100%;}
	.vetrina-about h2{position:absolute;top:60%;left:10vw;font-size:3vw;}
	.mask {mask:url("../images/about/mask-pad.png");mask-size: cover;mask-position: center; 
  	-webkit-mask:url("../images/about/mask-pad.png");-webkit-mask-size:cover;-webkit-mask-position: center;
	}	
	.about{display:flex;flex-wrap:nowrap;padding:0 5vw; margin:-30px 0 100px 0;}
	.about-img{width:45%;}.about-img img{object-fit:cover;width:100%;max-width:100%;height:60vw;}
	.about-txt{width:calc(55% - 0px);padding:100px 0px 0px calc(50px + 2vw);}
	
	.about2{ margin:0 0 140px 0; align-items:stretch}
.about2-img{width:45%;position:relative;overflow:hidden;}
.about2-img img{object-fit:cover;width:100%;max-width:100%; height:100%;}
.about2-txt{width:calc((55% - 50px) );padding:70px 2vw 0px 5%;}
.about3-img{width:calc(55% - 50px - 2vw);bottom:-30px; height:45%;position:absolute}
.about3-txt{width:calc(45% - 0px);padding:70px 5% 30px 0; margin-left: 55%}
	.inItalia{width:100%;height:100vw;top:-20%;background-size:150vw;}.inItalia-txt{width:60%;padding:70px 80px;} a.link-btn-center{font-size:1.1vw;margin-top:70px;}
	
	.piemonte .about-txt{width:52%;padding:100px calc(50px + 2vw) 0 0;}
	.piemonte .about-img{width:47%;}.piemonte .about-img img{height:75vw;}
	.piemonte .about2-txt{width:calc((55% - 50px) );padding:70px 5% 0px 2vw;}
	.piemonte .about3-txt{width:calc(45% - 0px);padding:70px 0 30px 5%; margin-left:0%}
}

@media screen and (max-width:900px) {
	.vetrina-about{width:100%;height:calc(75% - 0px);display:block;overflow:hidden;position:relative;z-index:0;text-align:left;}
	.vetrina-about h2{font-size:5vw;width:50%;line-height: 1.2}.vetrina-piemonte h2{width:80%;}
	
	.about{display:flex;flex-wrap:nowrap;padding:0 5vw; margin:0 0 100px 0;}
	.about-img{display:none}
	.about-txt,.piemonte .about-txt{width:calc((100% - 0px) );padding:100px 0px 0px 0;}
	
	.about2{padding:0px 0 0px 0%; margin:0 0 0px 0;background: linear-gradient(-90deg, rgba(234,242,255,1.00) 0%, rgba(244,247,252,1) 96%);}
.about2-img{width:100%; margin:0;order:1}
.about2-img img,.piemonte .about2-img img{height:100%;}
.about2-txt,.piemonte .about2-txt{width:calc((100% - 0px) );padding:100px 5vw 0px 5vw; order:2}
.about-txt p strong{font-weight:400;color:var(--color-blutxt);}
.about3-img,.piemonte .about3-img{width:calc(90% - 0px);bottom:inherit; height:100%;position:relative;order:3;margin:50px 0 0 5vw;}
.about3-txt,.piemonte .about3-txt{width:calc(100% - 0px);padding:50px 5vw 100px 5vw; margin-left:0%;order:4}
	#parallax1{padding:5vw 0;}.inItalia{width:100%;height:150vw;top:-20%;background-size:180vw;}.inItalia-txt{width:90%;padding:70px 80px;}	.inItalia-txt p{text-align:center;}
	a.link-btn-center{font-size:1.6vw;margin-top:6vw;}	
}

@media screen and (max-width:600px) {
	/*.vetrina-about{width:100%;height:calc(100% - 100px);top:calc((100% / 3) / 1.68 + 20px);}*/
	.vetrina-about{width:100%;height:calc(100% - ((100% / 3) / 1.68 + 55px));margin-top:calc((100% / 3) / 1.68 + 40px);/*margin-top:calc((var(--app-height) / 3) / 1.68 + 20px + 0px);*/} 
	.vetrina-about h2{font-size:8.5vw;width:66%;top:70%;}.vetrina-piemonte h2{width:80%;}
	.mask {mask:url("../images/about/mask-smart.png");mask-size: cover;mask-position: center; 
  	-webkit-mask:url("../images/about/mask-smart.png");-webkit-mask-size:cover;-webkit-mask-position: center;height:100%;
	}
	.about{/*margin:calc((100% / 3) / 1.68 + 50px ) 0 70px 0;*/ margin:0 0 70px 0;}
	.about-txt h1{font-size:13vw!important; line-height: 1.3}.about-txt h1 span{display:block}.about-txt p i,.inItalia-txt p i{margin:0px 0 15px 0} 
	.piemonte .about-txt p i{margin:15px 0 15px 0}
	.about2{}
	.about2-txt,.piemonte .about2-txt{padding:60px 5vw 0px 5vw;}
	.about3-img,.piemonte .about3-img{margin:30px 0 0 5vw;} .about3-txt,.piemonte .about3-txt{padding:30px 5vw 60px 5vw;}
	#parallax1{padding:15vw 0;}.inItalia{width:100%;height:240vw;top:-10%;background-image:url("../images/about/wandering.jpg");background-size:101vw;}
	.inItalia-txt{padding:30px 20px;} .inItalia-txt h1{margin-bottom:0px!important;}
	a.link-btn-center{font-size:3.6vw;margin-top:10vw}	#form-c{margin-top:0vw!important; }
}