.mobile{
	display: none;
  }
  
  /*HEADER DESK*/
  .header{
	position:fixed;top:0;left:0;
	padding: 8px 0;
	width:100%;margin:0 auto;
	z-index: 349;
	transition: 0.6s;
	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
  }
  
  .head{
	width: 95%;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
	position: relative;
  }
  
  .head_div_txt{
	width: 60%;
	text-align: left;
  }
  .head_div{
	width:5%;
  }
  
  .head_div_middle{
	width: 35%;
	text-align: right !important;
  }
  
  .head_div:last-child{
	text-align: right;
  }
  
  .moreph, .moreph_close_scheda{
	display: inline;
  }
  
  .moreph{
	margin: 0 10px 0 0;
  }
  
  .moreph_close{
	display: none;
	cursor: pointer;
	z-index: 11;
	position: absolute;
	right: 8%;
	top:30px;
  }
  
  .moreph img, .moreph_close_scheda img{
	height: 22px;
	cursor: pointer;
  }
  
  .moreph_close img{
	height: 40px;
  }
  
  .logo_scheda{
	height:20px;
	margin-right: 10px;
  }
  
  .logo{
	height:40px;
  }
  .logoimg{
	text-align: center;
	padding-top: 10px;
  }
  
  
  
  .shrink{
	padding: 5px 0;
	/*background-color:#fff;*/
	/*background: rgb(0,0,0);*/
	background: rgb(254,190,152);
	/*background: linear-gradient(180deg, rgba(0,0,0,0.899) 0%, rgba(0,0,0,0) 100%)*/
  }
  
	.opacity_head{
	opacity: 0;
  }
  
  .shrink .icomenu{
	width: 18px;
	height: 18px;
  }
  
  .shrink .logo{
	height:30px;
  }
  .shrink .logoimg{
	text-align: right;
  }
  
  
  
  
  
  
  .shrink_scrolling{
	padding: 5px 0;
  background: rgba(255,255,255,0.3);
	box-shadow: 0 4px 60px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  
  }
  
  .shrink_scrolling:hover{
	background: rgba(255,255,255,1);
  
  }
  
  .shrink_scrolling .icomenu{
	width: 18px;
	height: 18px;
  }
  
  .shrink_scrolling .logo{
	height:30px;
  }
  .shrink_scrolling .logoimg{
	text-align: right;
  }
  
  
  
  
  
  
  
  
  
  
  
  /*ICO ANIMENU DESK*/
  
  .animenu {
	/*padding: 15px 15px;*/
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	position: absolute;
	z-index: 99999999;
	top:26px;
	left: 10vw;
  }
  .animenu:hover {
	opacity: 0.5;
  }
  .animenu.is-active:hover {
	opacity: 0.5;
  }
  
  .mix_blend{
	mix-blend-mode: difference;
  }
  
  .animenu:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
	/*background-color: #f00;*/
  }
  .animenu.is-active:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
	/*background-color: #f00;*/
  }
  
  
  .animenu-box {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	cursor: pointer;
  }
  
  .animenu-inner, .animenu-inner::before, .animenu-inner::after {
	width: 22px;
	height: 1px;
	/*border-radius: 1px;*/
	position: absolute;
	z-index: 99999999;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; }
  
  .animenu-inner::before, .animenu-inner::after {
	content: "";
	display: block; }
  
  .animenu-white, .animenu-white::before, .animenu-white::after{
	background-color: #fff;
  }
  
  .animenu-black, .animenu-black::before, .animenu-black::after{
	background-color: #222;
  }
  
  /* SLIDER */
  
  .animenu--slider .animenu-inner {
	top: 0;
  }
  .animenu--slider .animenu-inner::before {
	top: 5px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
  }
  .animenu--slider .animenu-inner::after {
	top: 10px;
  }
  .animenu--slider.is-active .animenu-inner {
	color: #000;
	transform: translate3d(0, 5px, 0) rotate(45deg);
  }
  .animenu--slider.is-active .animenu-inner::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -2px, 0);
	opacity: 0;
	color: #000;
  }
  .animenu--slider.is-active .animenu-inner::after {
	color: #000;
	transform: translate3d(0, -10px, 0) rotate(-90deg);
  }
  
  /* SOCIAL */
  
  .social_new{
	width:90%;
	margin:180px auto 40px auto;
  }
  .insta-div{
	width:48%;
	margin-right:30px;
	border:1px solid #dedede;
	padding:5px;
  }
  
  .fb-div{
	width:30%;
  }
  .site-footer {
	position:relative;
	  display:block;
	  width: 100%;
	  padding: 30px 0;
	  background:#ededed;
  }
  
  .foot-wrap {
	position:relative;
	display:block;
	width: 90%;
	margin: 0 auto;
	text-align:left !important;
  }
  
  
  .foot-info
  {
	text-align:right;
	color:#222;
	font-size: 12px;
  }
  
  .foot-info a:link, .foot-info a:visited
  {
	color:black;
	text-decoration:underline;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
  }
  
  .foot-info a:hover, .foot-info a:active
  {
	color:red;
  }
  
  
  .socials a img
  {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	height: 27px;
	margin-top: 0.5vh;
  }
  
  .socials img:last-child {
	margin-right: 0 !important;
  }
  
  #pannello_registrazione{
	width: 600px;
  
	background-color: #fff;
	padding: 40px 60px;
	display: none;
	text-align: justify;
  }
  
  #pannello_registrazione p{
	font-size: 12px;
  }
  
  
  .input-pannello{
  text-align: left;
  font-size: 12px;
  line-height: 1.8;
  margin-top: 30px;
  }
  
  .input-pannello input{
	border: 1px solid #888;
	width: 200px;
  }
  
  .input-pannello p{
	padding: 0;
  }
  
  .buttons{
	background-color: #dedede;
	cursor: pointer;
	color:#222;
	padding: 5px 10px;
	border: none;
  }
  .buttons:hover{
	background-color: #222;
	color:#fff;
  }
  
  
  /****************************************************   VIDEO **************************************/
  .background-real{
	  width:100%;
	  text-align: center;
	}
  
	.background-real h1{
	  margin:0 auto;
	   /* width:21vw; */
	  /* font-family: 'Prompt', sans-serif;  */
	  text-align: center;
	/*font-family: 'Teko', sans-serif;*/
	font-family: 'Antonio', sans-serif;
	font-size:5vw;
	color: white;
	  font-weight: bold;
	  text-align: center;
  
	  /*padding-top:180px;*/
	 /*  letter-spacing: 5px; */
	/*overflow: hidden; /* Ensures the content is not revealed until the animation */
	/*white-space: nowrap; /* Keeps the content on a single line */
	/*animation:
	  typing 3.5s steps(60, end);*/
  }
  
  /* The typing effect */
  @keyframes typing {
	from { width: 0 }
	to { width: 100% }
  }
  
  .realizz{
	padding: 120px 0 20px 0;
  }
  
  .videoarea{
	height: 300px;
	padding: 150px 0;
  }
  
  /**************************************************     PROFILE *************************************/
  .over_profile{
	/*position: absolute;*/
	margin:10px auto 0 auto;
	background-color: rgba(255,255,255,0.8);
	width: 60%;
	padding: 40px;
  
  }
  
  .over_profile h2{
	font-size: 20px;
	color: #222;font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
  }
  
  .over_profile p{
	font-size: 15px;
	color: #222;font-weight: 300;
  }
  
  
  .refer{
  height:100%;
	}
  
	.refe:nth-child(odd)
  {
  color: #222;
  }
  
  .refe:nth-child(even)
  {
  color:#666;
  }
  
  .refer h1{
	 padding-top:180px;
   }
  
	.background-prof{
	  height: 100vh;
	}
  
   .background-prof h1{
	 margin:0 auto;
	 text-align: center;
	 color: #fff;
	 font-weight: bold;
	 padding:20px 0;
	 /* letter-spacing: 15px; */
		 font-size: 3em;
	   text-transform: lowercase;
  
	 font-family: 'Teko', sans-serif;
		   font-size:5vw;
   }
  
  
  
   .background-prof h2{
	 margin:0 auto;
	 text-align: center;
	 color: #fff;
	 font-size: 1vw;
	 font-weight: 300;
	 padding-top:15%;
	 /* letter-spacing: 10px; */
   }
  
  
  .over_ref{
	/*position: absolute;*/
	margin:80px auto 0 auto;
	background-color: rgba(255,255,255,0.8);
	width: 45%;
	padding: 40px;
  
  }
  
  .over_ref h2{
	font-size: 20px;
	color: #222;font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
  }
  
  .over_ref p{
	padding: 0 20px;
	font-size: 14px;
	color: #222;font-weight: 300;
	text-align: justify;
  }
  
  
  
  .over_profile2{
	/*position: absolute;*/
	margin:0 auto 0 auto;
	width: 60%;
	padding: 40px;
  }
  
  .over_profile2 h2{
	font-size: 20px;
	color: #fff;font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
  }
  
  
  
	  .over_profile2 h1{
		margin:0 auto 50px 0;
		text-align: center;
		color: #fff;
		font-size: 3em;
		font-weight: bold;
	   /*  letter-spacing: 15px; */
		text-transform: lowercase;
		font-family: 'Teko', sans-serif;
		  font-size:5vw;
	  }
  
  .over_profile2 p{
	font-size: 15px;
	color: #fff;font-weight: 300;
  }
  
  
  
  
	.video
	{position:relative;
		 display:block;
		 width: 100%;
	  background-color: #fff;
		 padding: 30px 0;
		 padding: 3rem 0;
		 text-align:center;
	}
  
	.video_box
	{position:relative;
		 display:inline-block;
		 width: 44%;
		 margin-right: 40px;
	margin-right:4rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	}
  
  
  
	.video_box h1
	{text-align:center;
	font-size: 1.2em;
	font-weight: bold;
	text-transform:uppercase;}
  
	.video_box video
	{position:relative;
		 display:block;
	width: 100%;
	cursor:pointer;
   }
  
  
  
  /************************************************* MAP ***************************/
  .location{
	width: 100%;
	height: 82vh;
  }
  
  #map_canvas{
	width: 100%;
	height: 100%;
  }
  
  /**********************************************  politica  **************************/
  .poli_quali{
	  width: 70%;
	  margin: 0 auto;
	  padding: 15vh 0;
  }
  
  .intest_quali {
	border: 1px solid #888;
	padding: 0 20px;
  }
  
  .intest_quali h1{
	font-size: 223%;
	text-align: center;
	padding: 30px auto;
	font-family: "Teko";
	font-weight: bold;
  }
  .intest_quali h1.left_quali{
	font-size: 149%;
	text-align: center;
	padding: 30px auto;
	font-weight: bold;
	font-family: unset;
  }
  .intest_quali h1.right_quali{
	font-size: 149%;
	text-align: center;
	padding: 30px auto;
	font-weight: bold;
	font-family: unset;
  }
  
  .blocco_poli{
	  width: 100%;
	  background-color: #ededed;
	  margin: 20px auto;
  }
  
  .blocco_poli h1{
	background-color: #555;
	color: #fff;
	font-size: 215%;
	padding: 20px;
	font-family: teko;
  }
  
  .blocco_poli p{
	  color: #222;
	  font-size: 90%;
	  padding: 20px;
	  line-height: 1.5;
  }
  
  .cont_pdf_poli{
  width: 100%;
  margin: 100px auto 0 auto;
  text-align: center;
  
  }
  
  .pdf_poli{
	  padding: 40px;
	  text-align: center;
	  color: #fff !important;
	  background-color: #222;
	  text-decoration: none;
  }
  .pdf_poli:hover{
	  color: #222 !important;
	  background-color: #dedede;
  text-decoration: none
  }
  
  
  
  
  /* scroll */
  
   #scroll_div1,  #scroll_div2,  #scroll_div3,  #scroll_div4{
		  opacity: 0;
		  -webkit-transition: all 1s ease-in-out;
			 -moz-transition: all 1s ease-in-out;
			  -ms-transition: all 1s ease-in-out;
			   -o-transition: all 1s ease-in-out;
				  transition: all 1s ease-in-out;
		}
		#scroll_div1.visible, #scroll_div2.visible, #scroll_div3.visible, #scroll_div4.visible{
		  opacity: 1;
		}
  
   .digit {
				   opacity: 0;
				   -webkit-transform: translateX(-40px);
						-moz-transform: translateX(-40px);
						   -ms-transform: translateX(-40px);
							-o-transform: translateX(-40px);
								   transform: translateX(-40px);
				   -webkit-transition: all 0.6s ease-out;
						-moz-transition: all 0.6s ease-out;
						   -ms-transition: all 0.6s ease-out;
							-o-transition: all 0.6s ease-out;
								   transition: all 0.6s ease-out;
			   }
  
			 .digit2 {
				  opacity: 0;
				  -webkit-transform: translateX(40px);
					 -moz-transform: translateX(40px);
					  -ms-transform: translateX(40px);
					   -o-transform: translateX(40px);
						  transform: translateX(40px);
				  -webkit-transition: all 0.6s ease-out;
					 -moz-transition: all 0.6s ease-out;
					  -ms-transition: all 0.6s ease-out;
					   -o-transition: all 0.6s ease-out;
						  transition: all 0.6s ease-out;
				}
  
			   .digit.visible, .digit2.visible {
				   opacity: 1;
				   -webkit-transform: none;
						-moz-transform: none;
						   -ms-transform: none;
							-o-transform: none;
								   transform: none;
			   }
  
  
			 .item_scroll {
					 /*opacity: 0;
					 -webkit-transform: translateX(-40px);
						  -moz-transform: translateX(-40px);
							 -ms-transform: translateX(-40px);
							  -o-transform: translateX(-40px);
									 transform: translateX(-40px);
					 -webkit-transition: all 0.6s ease-out;
						  -moz-transition: all 0.6s ease-out;
							 -ms-transition: all 0.6s ease-out;
							  -o-transition: all 0.6s ease-out;
									 transition: all 0.6s ease-out;*/
						 opacity: 0;
						 -webkit-transition: all 1s ease-in-out;
							-moz-transition: all 1s ease-in-out;
							 -ms-transition: all 1s ease-in-out;
							  -o-transition: all 1s ease-in-out;
								 transition: all 1s ease-in-out;
				 }
				 .item_scroll.visible {
					 opacity: 1;
					 /*-webkit-transform: none;
						  -moz-transform: none;
							 -ms-transform: none;
							  -o-transform: none;
									 transform: none;*/
				 }
  
  
  
  /*HOMEPAGE 2023 DESK*/
  
  #start{
  opacity:0;
	  display:none;
  }
  
  
  
  .img_slide{
	  width: 100%;
	  height: 100vh;
	  overflow: hidden;
  }
  
  .slide_hp{
	  width: 100%;
	  height: 100vh;
	  position: absolute;
	  top:0;
	  left: 0;
	  overflow: hidden;
  }
  
  .item_slide2{
	  position: absolute;
	  z-index: 99;
	  margin: auto;
	  top:0;
	  left: 0;
	  right: 0;
	  overflow: hidden;
	  width:100%;height:100%;
  }
  
  
  .slide_in{
	  animation: attivo 5s 1;
	  animation-timing-function:linear;
	  animation-fill-mode: forwards;
	  animation-timing-function: steps(24);
  }
  
  .slide_hp h1{
	  width: 100%;
		  text-align: center;
		  height: 50vh;
		  position: absolute;
		  /*font-family: 'Teko', sans-serif;*/
		  font-family: 'Six Caps', sans-serif;
		 /* font-size: 30vw;
			  letter-spacing: 1vw;*/
			  font-size: 20vw;letter-spacing: 5vw;
		  /*color: #fff;*/
	  /*	color:rgb(254,190,152);*/
		  color:rgb(152,215,254);
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  margin: auto;
		  z-index: 100;
			  background-position: center center;
			  background-repeat: no-repeat;
			  background-size: 115vw auto;
  -webkit-background-clip: text;
  /*color: #fff;*/
  animation: scritta 6s 1;
  animation-timing-function:ease-out;
  animation-fill-mode: forwards;
  animation-timing-function: steps(20);
  /*background-attachment: fixed;*/
	  /*opacity:0;*/
  
  }
  
  
  @keyframes scritta {
	0%   {background-size: 90vw auto; opacity: 0;}
	  25% {background-size: 90vw auto; opacity: 0;animation-timing-function: ease-out;}
	  /*
	  60% {background-size: 110vw auto; opacity: 1;filter: brightness(1) contrast(100%);animation-timing-function: ease-out;}
		100% {background-size: 115vw auto;filter: brightness(1.4) contrast(60%); }*/
		/*60% {background-size: 110vw auto; opacity: 1;filter: contrast(100%);animation-timing-function: ease-out;}*/
		  100% {background-size: 115vw auto;opacity: 1;filter: contrast(60%); }
  }
  
  
  
  @keyframes attivo.SAVE.26.06.23 {
	0%   {width:0vh;height:0vh;opacity:0;/*bottom:-120vh;*/	border-radius: 100%;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); background-size: 50vw auto;}
	  12%  {width:20vh;height:20vh;opacity:1;border-radius: 100%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480); background-size: 50vw auto;}
	  18%  {width:80vh;height:80vh;opacity:1;border-radius: 50%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); background-size: 80vw auto;}
	28% {width:100%;height:100%;opacity:1;/*bottom:0;*/border-radius: 0; background-size: 110vw auto;filter: brightness(1);}
	100% {width:100%;height:100%;opacity:1;/*bottom:0;*/border-radius: 0;background-size: 115vw auto;filter: brightness(0.7);}
  }
  
  @keyframes attivo.22.07.24 {/*contenitore forma immagine*/
	0%   {transform:scale(0);opacity:0;/*bottom:-120vh;*/	border-radius: 100%;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); background-size: 50vw auto;}
	  12%  {transform:scale(0.2);opacity:1;border-radius: 100%;animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480); background-size: 50vw auto;}
	  18%  {transform:scale(0.65);opacity:1;border-radius: 100%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); background-size: 80vw auto;}
	 28% {transform:scale(1);opacity:1;border-radius: 0; }
	100% {transform:scale(1);opacity:1;border-radius: 0;}
  }
  
  
  @keyframes attivo {/*contenitore forma immagine*/
	  0%   {opacity:0;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
		5%  {opacity:1;}
		30%  {opacity:0;}
		100% {opacity: 0;}
	}
	
  
 .desc_scheda_2024{
    font-size: 0.8vw;
    color: #222;
}


 .desc_scheda_2024 h1{
font-weight:bold;
    font-size: 1vw;

 }
  
  
  
  .item_slide_img2{
	  /*width:0vh; SAVE.26.06.23
	  height:0vh;*/
	  width: 33.33%;
	  height: 34vh;
	  position: relative;
	  /*opacity:0;*/
  /*	border-radius: 100%;*/
  /*	position: absolute;
	  margin: auto;
	  top:0;
	  left: 0;
	  right: 0;
	  bottom:0;*/
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  background-attachment: fixed;
	  /*animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	  animation-timing-function: steps(15);*/
  /*	background-image: url(/images/back_hp/slide1_new.jpg);*/
  }
  
  .sfondo_fixed{
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  background-attachment: fixed;
  }

  .sfondo_fixed_scheda{
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center;
          background-attachment: fixed;
  }

  
  
  
			   .after_flash{
				  position: absolute;
				  width: 100%;
				  height: 100%;
				  margin: auto;
				  top:0;
				  left: 0;
				  right: 0;
				  bottom:0;
				  opacity: 0;
			  background-color: #FEBE98;}


                           .after_flash_scheda{
                                  position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  margin: auto;
                                  top:0;
                                  left: 0;
                                  right: 0;
                                  bottom:0;
                                  opacity: 0;
                          background-color: rgb(152,215,254);}


  
			  .attiva_flash{
			  animation: white_flash 1s 1;
			  animation-timing-function:linear;
			  animation-fill-mode: forwards;
			  }
 

                       .attiva_flash_scheda{
                          animation: white_flash 0.8s 1;
                          animation-timing-function:linear;
                          animation-fill-mode: forwards;
                          }

			  @keyframes white_flash{
				  0%   {opacity:0;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
				  10%  {opacity:1;animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
				  40% {opacity:0;}
				  100% {opacity:0;}
			  }
			  
			  
  
  
  
  
			  .slide_in::after {
  
				  animation: scale_background 5s 1;
				  animation-timing-function:linear;
				  animation-fill-mode: forwards;
				  animation-timing-function: steps(30);
  }
  
  @keyframes scale_background{
	  0%   {transform: scale(1.8);animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
	  12%  {transform: scale(1.8);animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
	  18%  {transform: scale(1.25);animation-timing-function: ease-in;}
	  28% { transform: scale(1);animation-timing-function: linear;filter: brightness(1);}
	  100% {transform: scale(1.05);filter: brightness(0.7);}
  }
  
  
  
  
  
  .realizzazione{
	  position:relative;
	  top:0;
	  left:12vw;
	  margin-bottom:10vh;
  width:78vw;
  height:80vh;
  left:10vw;
  background-color:#fff;
	  padding:0;
  }
  
	  .realizzazione .back_realizzazione{
			  width:100%;height:100%;
		  /*	border-radius: 100%;*/
			  position: absolute;
	  background-size:78vw;
	  background-repeat: no-repeat;
	  background-position: center center;
			  margin: auto;
			  top:0;
			  left: 0;
			  right: 0;
			  bottom:0;
  }
  
  
  .item_real{
  
	  width: 33.33%;
	  height: 33.33%;
	  background-repeat: no-repeat;
	  /*background-size: cover;*/
	  background-size:78vw;
	  background-position: center center;
	  background-attachment: fixed;
  
  
  }
  
  .square_realizzazioni{
	  opacity:0;
	  width: 100%;
	  height: 100%;
  }
  
  .attiva_flash_square{
	  background-color:rgb(152,215,254);
	  animation: white_flash_realizzazioni 1s 1;
	  animation-timing-function:linear;
	  animation-fill-mode: forwards;
	  }
  
	  @keyframes white_flash_realizzazioni{
		  0%   {opacity:0;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
		  10%  {opacity:1;animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
		  40% {opacity:0;}
		  100% {opacity:0;}
	  }
	  
	  
  
  
  /*
   .attivo .back_realizzazione{
	   width:20vh;height:20vh;opacity: 0;
	   border-radius: 100%;
	   position: absolute;
	   margin: auto;
	   top:0;
	   left: 0;
	   right: 0;
	   bottom:0;
	   background-repeat: no-repeat;
	   background-size: 50vw auto;
	   background-position: center center;
	   animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   transition: all 1s ease-out;
	  animation: back_real 3s 1;
	  animation-timing-function:linear;
	  animation-fill-mode: forwards;
  }
  
  
   .attivo_reverse .back_realizzazione{
	   width:20vh;height:20vh;opacity: 0;
	   border-radius: 100%;
	   position: absolute;
	   margin: auto;
	   top:0;
	   left: 0;
	   right: 0;
	   bottom:0;
	   background-repeat: no-repeat;
	   background-size: 50vw auto;
	   background-position: center center;
	   animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   transition: all 1s ease-out;
  
	  animation: back_real_reverse 1s 1;
	  animation-timing-function:linear;
		  animation-fill-mode: forwards;
		  animation-timing-function: steps(15);
  /*animation-direction: reverse;*/
  /*
  }
  */
  @keyframes back_real_reverse {
	  0%   {width:100%;height:100%;opacity:1;/*bottom:0;*/border-radius: 0;background-size: 115vw auto;filter: brightness(0.7);animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
	  90%  {width:20vh;height:20vh;opacity:1;border-radius: 50%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); background-size: 115vw auto;}
	  100% {width:20vh;height:20vh;opacity:0;/*bottom:-120vh;*/	border-radius: 100%; background-size: 115vw auto;}
	  }
  
  @keyframes back_real {
	0%   {width:20vh;height:20vh;opacity:0;/*bottom:-120vh;*/	border-radius: 100%;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); background-size: 50vw auto;}
	  12%  {width:20vh;height:20vh;opacity:1;border-radius: 100%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480); background-size: 50vw auto;}
	  18%  {width:80vh;height:80vh;opacity:1;border-radius: 50%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); background-size: 80vw auto;}
	28% {width:100%;height:100%;opacity:1;/*bottom:0;*/border-radius: 0; background-size: 110vw auto;filter: brightness(1);}
	100% {width:100%;height:100%;opacity:1;/*bottom:0;*/border-radius: 0;background-size: 115vw auto;filter: brightness(0.7);}
  }
  
  
	  .realizzazione.attivo div.interno_realizzazione{
  position:absolute;
		  overflow:hidden;
  padding:0;
		  margin-top:0;
				  width:26vw;
  height:100%;
						  background-size:78vw auto;
								  background-repeat:no-repeat;
  /*transition:width 0.8s ease-in,height 0.8s ease-in;*/
  transition:all 0.6s ease-out;
	  filter:brightness(0.8);
  }
  
  .realizzazione div.interno_realizzazione:nth-child(1){
		  left:0vw;
		  background-position:0 center;
				  transition-delay:100ms;
  }
  .realizzazione div.interno_realizzazione:nth-child(2){
		  left:26vw;
		  background-position:-26vw center;
				  transition-delay:0ms;
  }
  .realizzazione div.interno_realizzazione:nth-child(3){
		  left:52vw;
		  background-position:-52vw center;
				  transition-delay:200ms;
  }
  

  .div_content_punto{
	opacity: 0;
  }
  
.appari_punto .div_content_punto{
 opacity: 1;
}

  
  .realizzazione span.punto{
	  width: 7vw;
	  height: 3.5vw;
	  /*! border-radius: 50%; */
		  background-color: #fff;
	  /*background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;*/
		  position:absolute;
		  left:0;
		  margin:auto;
		  right: 0;
		  top:0;
		  bottom: 0;
		  opacity:0;
  /*		transition:margin-left 0.3s ease-out 0.8s, margin-top 0.3s ease-out 0.8s,transform 0.3s ease-out 0.8s, opacity 0.8s linear 0.8s;*/
		  cursor:pointer;
		  transform-origin: center;
	  animation-name: pulsar_cerchio;
	  animation-duration: 4s;
	  animation-delay: 2s;
	  animation-iteration-count: infinite;
	  animation-fill-mode: both;
	  font-size: 55px;
	  text-align: center;
	  color: rgb(152,215,254);
	  font-weight: bold;
	  font-family: 'Six Caps', sans-serif;
	  padding: 0;
	  line-height: 1;
  }
  
  @keyframes pulsar_cerchio {
	0%   {
		  transform:scale(1);
		opacity:0.6;
	  }
		6%   {
		  transform:scale(1);
				  opacity:0.6;
	  }
  
	  10% {
		  transform:scale(0.80);
				  opacity:0.6;
	  }
		  14% {
		  transform:scale(1);
				  opacity:0.6;
	  }
	  100% {
		  transform:scale(1);
				  opacity:0.6;
	  }
  }
  
  
  .pulsar::after {
	  content: '';
	  position: absolute;
	  bottom: -3px;
	  left: -3px;
	  width: 3vw;
	  height: 3vw;
	  border-radius: 50%;
	  /*border: 6px solid #c4c4c4;*/
	  border: 3px solid #fff;
	  animation-name: pulsar;
	  animation-duration: 4s;
	  animation-delay: 2.4s;
	  animation-iteration-count: infinite;
	  animation-fill-mode: both;
	  opacity:0;
  }
  
  .pulsar::before {
	  content: '';
	  position: absolute;
	  bottom: -2px;
	  left: -2px;
	  width: 3vw;
	  height: 3vw;
	  border-radius: 50%;
	  /*border: 6px solid #c4c4c4;*/
	  border: 2px solid #fff;
	  animation-name: pulsar;
	  animation-duration: 4s;
	  animation-delay: 2.7s;
	  animation-iteration-count: infinite;
	  animation-fill-mode: both;
	  opacity:0;
  }
  
  
  
  @keyframes pulsar {
	0%   {
	  transform:scale(1);
		opacity:0;
	  }
  
	0.5%   {
		  transform:scale(1);
		opacity:1;
	  }
  
	  25% {
	  transform:scale(1.5);
		opacity:0;
	  }
	  100% {
	  transform:scale(1.5);
		opacity:0;
	  }
  }
  
  
  
  
  .realizzazione.attivo span.punto{
  /*transition:margin-left 0.3s ease-out 0.8s, margin-top 0.3s ease-out 0.8s,transform 0.3s ease-out 0.2s, opacity 0.3s linear 0.8s;*/
	  cursor:pointer;
			  transform:scaleX(1);
					  left:0;
				  top:0;
				  right: 0;
				  bottom: 0;
				   margin:auto;
  }
  
  .realizzazione.attivo span.ruota_punto{
						  transform:scaleX(-1);
				  transition-delay:0s;
  }
  
  
  .realizzazione div.descrizione{
  position: absolute;
  top: 0;
  left:0;
	right: 0;
	bottom: 0;
  margin:auto;
  z-index: 10;
  background-color: #fff;
  width: 33.33%;height:33.33%;
	  /*! border-radius:100%; */
	 /* transform:scale(0.3);
	  transition: transform 0.3s ease-out,opacity 0.3s linear,left 0.1s linear 0.4s;
  transform-origin: center;*/
		  font-family: 'Roboto', sans-serif;
		  font-size:1.1vw;
		  opacity: 0;
  }
  
  
  .realizzazione div.descrizione.attivo{

  opacity: 0;
  width: 33.33%;height:33.33%;
  /*	border-radius:100%;*/
	  /*transform:scale(1);
	  transition: transform 0.3s ease-out 0.1s,opacity 0.1s ease-out 0.1s;
  transform-origin: center;*/
  }

  .attiva_flash_descrizione{
					animation: attiva_descrizione 2s 1;
					animation-timing-function:linear;
					animation-fill-mode: forwards;
					}
		
					@keyframes attiva_descrizione{
						0%   {opacity:0;background-color: rgb(152,215,254);animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
						10%  {opacity:1;background-color: rgb(152,215,254);animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
						30% {opacity:1;background-color: #fff;}
						100% {opacity:1;background-color: #fff;}
					}
					
		  
  
		/*	  .descrizione	.back_descrizione{
					  position: absolute;
					  z-index: 11;
					  border-radius:100%;
					  background-position: center center;
					  background-size: 115vw auto;
					  background-repeat: no-repeat;
					   width: 100%;height:100%;
				   }
  
				  .descrizione.attivo .back_descrizione{
  
					   animation: anidesc 5s 1;
					   animation-timing-function:ease-out;
					   animation-fill-mode: forwards;
				  }
  
								  @keyframes anidesc {
									0%   {background-size: 115vw auto;animation-timing-function: ease-out;}
									10%   {background-size: 115vw auto;animation-timing-function: ease-out;}
									  100% {background-size: 130vw auto;filter: brightness(2) contrast(30%); }
								  }
  
  */
  
  
  
		  div.realizzazione div.descrizione span.testo_interno{
			  width:95%;
		  position:absolute;
		  z-index: 12;
				  top:41%;
					  margin-left:2.5%;
						  /*
					  pointer-events:none;
						  */
						  opacity:0;
		  transition: opacity 0.2s linear;
			  text-align:center;
  
  
		  }
  
  div.realizzazione div.descrizione.attivo span.testo_interno{
  
						  opacity:1;
		  transition: opacity 0.3s linear 0.4s;
  
  }
  .elenco_realizzazioni{
  transition:all 0.3s ease-out;
		  margin-top:1.5vh;padding:0.2vw;outline-offset: -1px;outline:1px solid rgb(152,215,254);font-size:0.7vw;width:42%;margin-right:0.2vw;cursor:pointer;
  }
  .elenco_realizzazioni:hover{
  background-color::#dedede;
  outline:1px solid :#dedede;
		  color:#222;
				  font-weight:bold;
  }
  .vedi_realizzazione{
	background-color:rgb(152,215,254);

		  margin-top:1.5vh;padding:0.2vw;font-size:0.7vw;width:42%;margin-left:0.2vw;cursor:pointer;
  transition:all 0.3s ease-out;
  }
  .vedi_realizzazione:hover{
  background-color:#dedede;

		  color:#222;
				  font-weight:bold;
  }
		  .vedi_realizzazione::after{
	  position:absolute;
			  content: '\2192';
	  margin-left: 0.2vw;
	  transition: margin-left 0.3s ease-out;
  
		  }
				  .vedi_realizzazione:hover::after{
  
					  content: '\2192';
	  margin-left: 0.5vw;
	  transition: margin-left 0.3s ease-out;
		  font-weight:bold;
  
				  }
  
  
	  .real_h1{
				  font-size:3vw;
				  text-align: center;
				  color: #222;
  margin: 8vh auto 4vh auto;
	  }
  
	  .anispan{
		  width: 100%;
			-webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
			clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
		  transform: translateY(-50px);
		  opacity: 0;
		}
  
	  .attivo_h1 .anispan{
		  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%) !important;
		  clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%) !important;
	  transform: translateY(0) !important;
	  opacity: 1 !important;
	  }
  
  
  
	/*PAGINA REALIZZAZIONI 2023 DESK*/
  
  
  
			#total_wrapper{
				width:100%;
				/*height:100vh;*/
				margin:0;
				padding:0;
			}
  
			#total_wrapper .elemento{
				position:relative;
				width:32vw;
				height:24vw;
				margin-top:2vh;
				transition: opacity 0.3s linear;
				overflow:hidden;
				opacity: 0;
					/*background-color:#f5f5f5;*/
			}

				.elemento.attivo{
					opacity: 1 !important;
				}

	
			.elemento div.lista_descrizione{
				position: absolute;
				top: 0;
				left:0;
				  right: 0;
				  bottom: 0;
				margin:auto;
				z-index: 10;
				background-color: #fff;
				width: 70%;height:40%;
					/*! border-radius:100%; */
				   /* transform:scale(0.3);
					transition: transform 0.3s ease-out,opacity 0.3s linear,left 0.1s linear 0.4s;
				transform-origin: center;*/
						font-family: 'Roboto', sans-serif;
						font-size:1.1vw;
						opacity: 0;
				}
				
				
				.elemento div.lista_descrizione.attivo{
			  
				opacity: 1;
				width: 70%;height:40%;
				cursor: pointer;
				/*	border-radius:100%;*/
					/*transform:scale(1);
					transition: transform 0.3s ease-out 0.1s,opacity 0.1s ease-out 0.1s;
				transform-origin: center;*/
				}
			  
				.attiva_flash_descrizione{
								  animation: attiva_descrizione 2s 1;
								  animation-timing-function:linear;
								  animation-fill-mode: forwards;
								  }
					  
								  @keyframes attiva_descrizione{
									  0%   {opacity:0;background-color: rgb(152,215,254);animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
									  10%  {opacity:1;background-color: rgb(152,215,254);animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
									  30% {opacity:1;background-color: #fff;}
									  100% {opacity:1;background-color: #fff;}
								  }
								  


  
  
			.lista_back_realizzazione{
				width:100%;height:100%;
				/*	border-radius: 100%;*/
					position: absolute;
			background-size:186% auto;
			background-repeat: no-repeat;
			background-position: center center;
					margin: auto;
					top:0;
					left: 0;
					right: 0;
					bottom:0;
			}



			.lista_item_real{
  
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				/*background-size: cover;*/
				background-size:78vw;
				background-position: center center;
				background-attachment: fixed;
			
			
			}
			
			.square_lista_realizzazioni{
				opacity:0;
				width: 100%;
				height: 100%;
				position: absolute; 
				top: 0; 
			   left: 0;
			   z-index:999;
			   pointer-events: none;
			}
			
			.attiva_flash_square_lista{
				background-color:rgb(152,215,254);
				animation: white_flash_lista_realizzazioni 1s 1;
				animation-timing-function:linear;
				animation-fill-mode: forwards;
				}
			
				@keyframes white_flash_lista_realizzazioni{
					0%   {opacity:0;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);}
					10%  {opacity:1;animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480);}
					40% {opacity:0;}
					100% {opacity:0;}
				}

  
		/*	.attivo .lista_back_realizzazione{
			animation: lista_back_real 2s 1;
			animation-timing-function:linear;
			animation-fill-mode: forwards;
			}
  
  
			@keyframes lista_back_real {
			0%   {width:20vh;height:20vh;opacity:0;	border-radius: 100%;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); background-size: auto 100%;}
			100% {width:100%;height:100%;opacity:1;border-radius: 0;background-size: 186% auto;filter: brightness(0.7);}
			}
  */
  
  
			.elemento span.punto2{
				width: 7vw;
				height: 3.5vw;
				/*! border-radius: 50%; */
					background-color: #fff;
				/*background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;*/
					position:absolute;
					left:0;
					margin:auto;
					right: 0;
					top:0;
					bottom: 0;
					opacity:0;
			/*		transition:margin-left 0.3s ease-out 0.8s, margin-top 0.3s ease-out 0.8s,transform 0.3s ease-out 0.8s, opacity 0.8s linear 0.8s;*/
					cursor:pointer;
					transform-origin: center;
				animation-name: pulsar_cerchio;
				animation-duration: 4s;
				animation-delay: 2s;
				animation-iteration-count: infinite;
				animation-fill-mode: both;
				font-size: 35px;
				text-align: center;
				color: rgb(152,215,254);
				font-weight: bold;
				font-family: 'Six Caps', sans-serif;
				padding: 0;
				line-height: 1;
			}
  
			@keyframes pulsar_cerchio2 {
			  0%   {
					transform:scale(1);
				  opacity:0.6;
				}
				  6%   {
					transform:scale(1);
							opacity:0.6;
				}
  
				10% {
					transform:scale(0.80);
							opacity:0.6;
				}
					14% {
					transform:scale(1);
							opacity:0.6;
				}
				100% {
					transform:scale(1);
							opacity:0.6;
				}
			}
  
  
			.pulsar2::after {
				content: '';
				position: absolute;
				bottom: -3px;
				left: -3px;
				width: 3vw;
				height: 3vw;
				border-radius: 50%;
				/*border: 6px solid #c4c4c4;*/
				border: 3px solid #fff;
				animation-name: pulsar2;
				animation-duration: 4s;
				animation-delay: 2.4s;
				animation-iteration-count: infinite;
				animation-fill-mode: both;
				opacity:0;
			}
  
			.pulsar2::before {
				content: '';
				position: absolute;
				bottom: -2px;
				left: -2px;
				width: 3vw;
				height: 3vw;
				border-radius: 50%;
				/*border: 6px solid #c4c4c4;*/
				border: 2px solid #fff;
				animation-name: pulsar2;
				animation-duration: 4s;
				animation-delay: 2.7s;
				animation-iteration-count: infinite;
				animation-fill-mode: both;
				opacity:0;
			}
  
  
  
			@keyframes pulsar2 {
			  0%   {
				transform:scale(1);
				  opacity:0;
				}
  
			  0.5%   {
					transform:scale(1);
				  opacity:1;
				}
  
				25% {
				transform:scale(1.5);
				  opacity:0;
				}
				100% {
				transform:scale(1.5);
				  opacity:0;
				}
			}
  
  
			.elemento.attivo.caricato span.punto2{
				cursor:pointer;
						transform:scaleX(1);
								left:0;
							top:0;
							right: 0;
							bottom: 0;
							 margin:auto;
			}
  
			.elemento.attivo.caricato span.ruota_punto2{
				transform:scaleX(-1);
				transition-delay:0s;
			}
		/*	.elemento div.lista_descrizione{
				position: absolute;
				top: 2vw;
				left: 50%;
				margin-left:-10vw;
				z-index: 10;
				background-color: #fff; width: 20vw;height:20vw;
				border-radius:100%;
				transform:scale(0.3);
				transition: transform 0.3s ease-out,opacity 0.3s linear,left 0.1s linear 0.3s;
				transform-origin: center;
				opacity:0;
				font-family: 'Roboto', sans-serif;
				cursor:pointer;
			}
  
			.elemento div.lista_descrizione.attivo{
				position: absolute; z-index: 10;
				left:50%;
				margin-left:-10vw;
				background-color: #fff;
				border-radius:100%;
				transform:scale(1);
				transition: transform 0.3s ease-out 0.1s,opacity 0.1s ease-out 0.1s,left 0.1s linear;
				transform-origin: center;
				opacity:1;
			}
  
  
						.lista_descrizione	.lista_back_descrizione{
								position: absolute;
								z-index: 11;
								border-radius:100%;
								background-position: center center;
								background-size: 115vw auto;
								background-repeat: no-repeat;
								 width: 100%;height:100%;
							 }
  
							.lista_descrizione.attivo .lista_back_descrizione{
  
								 animation: anidesc 5s 1;
								 animation-timing-function:ease-out;
								 animation-fill-mode: forwards;
							}
  
											@keyframes anidesc {
											  0%   {background-size: 290% auto; auto;animation-timing-function: ease-out;}
												100% {background-size: 330% auto;filter: brightness(2) contrast(30%); }
											}
  */
  
		div.elemento div.lista_descrizione span.testo_interno{
				width:85%;
				margin: 0 auto;
				padding: 2vh 0;
				opacity:0;
				transition: opacity 0.2s linear;
				text-align:center;
				font-size:0.8vw !important;
			display: block;
			}
  
  
		/*	.desc_interna{
				font-size: 0.8vw !important;
			}*/
  
		/*	div.elemento div.lista_descrizione:after{
				content:'\2192';
				position:absolute;
				left:87%;
				top:48%;
				margin-left:0.5vw;
				transition:margin-left 0.3s ease-out;
				opacity:0;
  
			}
			div.elemento div.lista_descrizione.attivo:after{
				content:'\2192';
				margin-left:1vw;
				transition:margin-left 0.2s ease-in 0.8s, opacity 0.3s linear 0.4s;
				opacity:1;
  
			}*/
  
  
			div.elemento div.lista_descrizione.attivo span.testo_interno{
  
				opacity:1;
				transition: opacity 0.3s linear 0.4s;
  
			}