/* Desktop */


body{
font-size: 1vw;
}

html,body{
scroll-behavior: smooth;
border: 0;
margin: 0;
}



#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_img_dx {
               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_img_sx {
               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, .digit_img_dx.visible, .digit_img_sx.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.15s ease-in;
                         -moz-transition: all 0.15s ease-in;
                          -ms-transition: all 0.15s ease-in;
                           -o-transition: all 0.15s ease-in;
                              transition: all 0.15s ease-in;
          	}
          	.item_scroll.visible {
          		opacity: 1;
          		/*-webkit-transform: none;
          			 -moz-transform: none;
          				-ms-transform: none;
          				 -o-transform: none;
          						transform: none;*/
          	}


	.item_scroll2 {
          		opacity: 0;
          		-webkit-transform: translateY(40px);
          			 -moz-transform: translateY(40px);
          				-ms-transform: translateY(40px);
          				 -o-transform: translateY(40px);
          						transform: translateY(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; */
                      -webkit-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                         -moz-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                          -ms-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                           -o-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                              transition: transform .5s ease-in-out, opacity .5s ease-in-out;


          	}
          	.item_scroll2.visible {
          		opacity: 1;
          		-webkit-transform: none;
          			 -moz-transform: none;
          				-ms-transform: none;
          				 -o-transform: none;
          						transform: none;
          	}



.no_desk{
	display: none !important;
}



.container_home{
	width: 100%;
		height: 100vh;
	margin-bottom: 50vh;
}


.container_scheda{
	width: 100%;
		height: 100vh;
	margin-bottom: 50vh;
  background-color: #EBEDEF;
}


.container_profile{
	width: 100%;
		height: 135% !important;
	margin-bottom: 0.2vh;
  background-color: #fff;
}

.container_video{
  width: 100%;
    height: 60vh !important;
position: relative;
overflow: hidden;
}

.content_vid{
  width: 80%;
  margin: 0 auto 20vh auto;
}

.div_video{
  width: 48%;
  height: 30vh;
  margin: 10vh 0;
}


.first_ph_scheda{
  width: 100%;
    height: 100vh;
}

.brightness100{
 	filter: brightness(100%);
	-webkit-transition: all 0.5s ease-in;
     -moz-transition: all 0.5s ease-in;
     -ms-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	 }

.brightness50{
	filter: brightness(50%) !important;
}


/*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: fixed;
      z-index: 99999999999;
	    right: 2vw;
	    /*top: 5.3vh;*/
      top: 2.8vh;
      mix-blend-mode: difference;
      }

/*
        .animenu:hover {
          opacity: 0.8;
        }
        .animenu.is-active:hover {
          opacity: 0.8;
        }

        .animenu.is-active:hover .animenu-inner, .animenu:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
          background-color: #ededed;
        }
*/

           .animenu-box {
              width: 30px;
              height: 30px;
              display: inline-block;
              position: relative;
              z-index: 9999999999999;
              cursor: pointer;
            }

            .animenu-inner, .animenu-inner::before, .animenu-inner::after {
              width: 22px;
              height: 1px;
              /*border-radius: 1px;*/
              position: absolute;
              z-index: 9999999999999;
              /*
              transition-property: transform;
              transition-duration: 0.15s;
              transition-timing-function: ease;
              */

              transition: width 0.14s ease-in, transform 0.15s ease;

            }

/*
.animenu-box:hover .animenu-inner {

	-webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
      -ms-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
	         transition: all 0.1s ease-in;

  width: 80%;
}
*/

.animenu-box:hover .animenu-inner::before {

	-webkit-transition: all 0.14s ease-in;
    -moz-transition: all 0.14s ease-in;
      -ms-transition: all 0.14s ease-in;
        -o-transition: all 0.14s ease-in;
	         transition: all 0.14s ease-in;

  width: 150%;
}

.animenu-box:hover .animenu-inner::after {

	-webkit-transition: all 0.24s ease-in;
    -moz-transition: all 0.24s ease-in;
      -ms-transition: all 0.24s ease-in;
        -o-transition: all 0.24s ease-in;
	         transition: all 0.24s ease-in;

  width: 150%;
}

            .animenu-inner::before, .animenu-inner::after {
              content: "";
              display: block;
            }

            .animenu-white, .animenu-white::before, .animenu-white::after{
              background-color: #fff;
            }

            .animenu-red, .animenu-red::before, .animenu-red::after{
              background-color: #aa1e1e;
            }

            .animenu-black, .animenu-black::before, .animenu-black::after{
              background-color: #000;
            }

            /*
               * 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: #fff;
              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: #fff;
                width: 22px;
              }
              .animenu--slider.is-active .animenu-inner::after {
                color: #fff;
                transform: translate3d(0, -10px, 0) rotate(-90deg); width: 22px;}




/*MENU ALTO*/

.menu_alto {
  position: fixed;
  top: 0vh;
  left: 0vw;
  width: 100vw;
  height: 6.567vh;
  z-index: 999999999;
  opacity: 0;
             -webkit-transition: all 0.5s ease-out;
             -moz-transition: all 0.5s ease-out;
              -ms-transition: all 0.5s ease-out;
               -o-transition: all 0.5s ease-out;
                  transition: all 0.5s ease-out;
				  background-color: rgba(255, 255, 255, 0.8);
}


.white_back{
    background-color: #fff;
}

.menu_alto.visible {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.menu_alto_submenu {
  width: 18.6vw;
}

.menu_alto_submenu img {
  width: 18.56vw;
}


.content_real{
  width: 100%;height: 92vh;overflow:hidden;
}

	.contenitore_img {
		width: 100%;
		height: 100%;
		position: relative;
	  -moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	#back_realizzazioni{
		background: url(../images/cover_realizzazioni.jpg) no-repeat;
		background-size: 85vw 85vh;
		background-position: center center;
		overflow: hidden;
	}

	.video_back {
		width: 91%;
		height: 91%;
		position: absolute;
		top: 5%;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 0;
		-o-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}


	#video3{
		width:85vw;height:85vh;object-fit: cover;
	}

	.img_back {
		width: 91%;
		height: 91%;
		position: absolute;
		top: 5%;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 0;
		filter: grayscale(100%);
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		transform: scale(0.9);
	}

	.img_back_hover {
		filter: grayscale(0%);
	}

	.img_back_zoom_hover {
		transform: scale(1);
	}

	.corner-image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1;
	  width: 100%;
	  height: 100%;

	  -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
	  clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
		-moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  -webkit-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(166,176,184,1) 100%);
	}

	.corner-image_hover {
		-webkit-clip-path: polygon(0% 0%, 0% 100%, 9% 100%, 9% 9%, 91% 9%, 91% 91%, 9% 91%, 9% 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 9% 100%, 9% 9%, 91% 9%, 91% 91%, 9% 91%, 9% 100%, 100% 100%, 100% 0%);
	}

	.main-content {
	  position: absolute;
	  top: 0;
	  left: 0;
	  color: #fff;
	  display: flex;
	  justify-content: center;
	  flex-direction: column;
	  height: 100%;
	  padding: 15px;
	}

	.main-content h1 {
	  width: 250px;
	  margin: 0;
	}

	.main-content a {
	  color: #fff;
	  background-color: #3a7;
	  text-decoration: none;
	  padding: 5px 25px;
	  width: 150px;
	  text-align: center;
	}


/*homepage desk*/



.biglietto_visita2{
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0vh 0vw;
	position: relative;
	background-color: #fff;
	color: #fff;
	width: 31.5vw;
	height: 32.9vh;
	top: 34vh;
	border: 1px #f5f5f5 solid;
}

.fb_logo{
  height: 5vh;
filter: grayscale(100);
  -webkit-transition: all 0.1s ease-in;
    -moz-transition:  all 0.1s ease-in;
     -ms-transition:  all 0.1s ease-in;
      -o-transition:  all 0.1s ease-in;
         transition:  all 0.1s ease-in;
}
.fb_logo:hover{
  filter: grayscale(0);

}

.cover_black2_sup{
	margin-bottom: 3.9vh;
	margin-top: 7.4vh;
}

.cover_black2_sup h1{
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0.41vh 2.31vw;
	position: relative;
	background-color: #aa1e1e;
	color: #fff;
	width: 11vw;
}

.cover_black2{
	width: 100%;
	height: 3.7vh;
}

.cover_black2 a{
	font-size: 75%;
	font-weight: bold;
	display: block;
	margin: 0;
	position: relative;
	color: #000;
	font-style: italic;
}

.cover_black2_submenu
{
	width: 15vw;
	margin-left: 5vw;
}

.cover_black2_submenu2
{
	width: 11vw;
}


.freccetta /*era solo in pag realizzazioni_ITA_2022*/
{
	width: 2vw;
	white-space: nowrap;
}



.freccetta:hover
{
	color: #aa1e1e;
}

.freccetta:hover::after{
	content:'\25B8';
	color: #aa1e1e;
}

.link_id:hover
{
	color: #aa1e1e;
}

.link_id:hover
{
	color: #fff;
}

.img_black_animate{
	 -webkit-transform: translateX(9px);
			-moz-transform: translateX(9px);
			 -ms-transform: translateX(9px);
				-o-transform: translateX(9px);
					 transform: translateX(9px);
						-webkit-transition: all 0.09s ease-in;
							-moz-transition:  all 0.09s ease-in;
							 -ms-transition:  all 0.09s ease-in;
								-o-transition:  all 0.09s ease-in;
									 transition:  all 0.09s ease-in;
}


.biglietto_visita3{
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0vh 0vw;
	position: relative;
	background-color: #fff;
	color: #fff;
	width: 20.5vw;
	height: 24.9vh;
	top: 34vh;
	border: 1px #f5f5f5 solid;
}

.cover_black3_sup{
	margin-bottom: 3.9vh;
	margin-top: 7.4vh;
}

.cover_black3_sup h1{
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0.41vh 3.38vw;
	position: relative;
	background-color: #aa1e1e;
	color: #fff;
	width: 11vw;
}

.cover_black3{
	width: 100%;
	height: 3.7vh;
}

.cover_black3 a{
	font-size: 75%;
	font-weight: bold;
	display: block;
	margin: 0;
	position: relative;
	color: #000;
	font-style: italic;
}

.cover_black3_submenu
{
	width: 15vw;
	margin-left: 8.7vw;
}

.cover_black3_submenu2
{
	/*
	width: 11vw;
	*/
}


.cover_black6_sup{
	margin-bottom: 3.9vh;
	margin-top: 7.4vh;
}

.cover_black6_sup h1{
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0.41vh 4.08vw;
	position: relative;
	background-color: #aa1e1e;
	color: #fff;
	width: 11vw;
}

.cover_black6{
	width: 100%;
	height: 3.7vh;
}

.cover_black6 a{
	font-size: 75%;
	font-weight: bold;
	display: block;
	margin: 0;
	position: relative;
	color: #000;
	font-style: italic;
}

.cover_black6_submenu
{
	width: 15vw;
	margin-left: 8.7vw;
}

.cover_black6_submenu2
{
	/*
	width: 11vw;
	*/
}



.cover_black5_sup{
	margin-bottom: 3.9vh;
	margin-top: 7.4vh;
}

.cover_black5_sup h1{
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0.41vh 1.98vw;
	position: relative;
	background-color: #aa1e1e;
	color: #fff;
	width: 11vw;
}

.cover_black5{
	width: 100%;
	height: 3.7vh;
}

.cover_black5 a{
	font-size: 75%;
	font-weight: bold;
	display: block;
	margin: 0;
	position: relative;
	color: #000;
	font-style: italic;
}

.cover_black5_submenu
{
	width: 15vw;
	margin-left: 8.7vw;
}

.cover_black3_submenu2
{
	/*
	width: 11vw;
	*/
}



.biglietto_visita{
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	display: block;
	margin: 0;
	padding: 1.1vh 3vw;
	position: relative;
	/*background-color: #E9EBEA;*/
	background-color: #FFF;
	color: #222;
	width: 28vw;
}

.biglietto_visita_logo{
	width: 21vw;
	margin: 20px auto;
}

.contenitore_mappetta
{
	overflow: hidden;
	width: 4vw;
}

.mappetta
{
	width: 42vw;
	height: 53vh;
}

.item_scroll_biglietto {
	opacity: 0;
	transform: scale(0.5);
	/*-webkit-transform: translateX(40px);
			-moz-transform: translateX(40px);
			 -ms-transform: translateX(40px);
				-o-transform: translateX(40px);
					 transform: translateX(40px);*/
						 -webkit-transition: all 0.5s ease-out;
						 -moz-transition: all 0.5s ease-out;
							-ms-transition: all 0.5s ease-out;
							 -o-transition: all 0.5s ease-out;
									transition: all 0.5s ease-out;
}

.item_scroll_biglietto.visible {
	opacity: 1;
	transform: scale(1);
	/*-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;*/
}

.digit_dx_bgl {
   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.3s ease-out;
      -moz-transition: all 0.3s ease-out;
       -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
           transition: all 0.3s ease-out;
}

.digit_dx_bgl.visible {
	opacity: 1;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
}


.digit_sx_bgl{
	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.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			 -o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
}

.digit_sx_bgl.visible {
		opacity: 1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
}












#sfondo_base h1{
	      	position: absolute;
      	bottom: 17vh;
      	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 150%;
	opacity: 0.8;
}


	      .icon-scroll {
      	position: absolute;
      	bottom: 8vh;
      	left: 50%;
        width: 100px;
      	height: 6.205em;
      	/*transform: translateX(-50%) scale(2);*/
      	z-index: 99999;
        text-align: center;
      }




.arrow
{
    position: absolute;
    top: 0;
    left: -2px;
    height: 50px;
    width: 2px;
   /*  background: #fff; silvia 06.07.20 per nascondere la linea verticale*/
    animation: animate 1.3s ease infinite;
}
.arrow:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}


.arrow_black
{
    position: absolute;
    top: 0;
    left: -2px;
    height: 50px;
    width: 2px;
   /*  background: #fff; silvia 06.07.20 per nascondere la linea verticale*/
    animation: animate 1.3s ease infinite;
}
.arrow_black:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg);
}



.alpha{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #000;
	opacity: 0;
		-webkit-transition: opacity 0.5s ease-in;
     -moz-transition: opacity 0.5s ease-in;
     -ms-transition: opacity 0.5s ease-in;
     -o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}


.alpha_black{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #000;
	opacity: 0.4;

}

.text_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 999;
}

.backimg{
	width: 60vw;
	height: 60vh;
			-moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
	filter: grayscale(100%);

}

.backimg_hover{
	width: 85vw;
	height: 85vh;
filter: grayscale(0%);
}


.cover_black{
	width: 100%;
	height: 100%;
}

	.cover_black h1{
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		/* font-style: italic;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); */
		display: block;
		margin: 0;
		padding: 1vh 1vw;
		position: relative;
		background-color: #aa1e1e;
		color: #fff;
	}

.realizz{
	color: rgba(255,255,255,0.7) !important;
}

 .cover_black h1::after{
  content: url('../images/arrow_hp.svg');
	 position: absolute;
right: -2vw;
  top:0;
	 padding: 1.5vh 1vw 0.5vh 1vw;
	 height: 100%;
	 background-color: #aa1e1e;
	   -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;

}

/*
 .item_scroll h1::after, .img_tre_hover h1::after{
 content: url('../images/arrow_hp.svg');
 position: absolute;
 right: -2vw;
 -moz-transition: all .2s ease-in;
 -o-transition: all .2s ease-in;
 -webkit-transition: all .2s ease-in;
 transition: all .2s ease-in;
}
*/


.back_scheda{
/*background-color: #fff;*/
background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(166,176,184,1) 100%);
	background-size: cover;
	background-position: center center;
}



.uno{
	top: 0;
	z-index: 0;
}

.due{
	background: url(../images/back_sezione2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_due{
	background: url(../images/commerciale.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.tre{
	background: url(../images/back_sezione3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}


#back_tre{
	background: url(../images/bancari.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.quattro{
	background: url(../images/back_sezione4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_quattro{
	background: url(../images/urbanistica.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.cinque{
	background: url(../images/back_sezione3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_cinque{
	background: url(../images/azienda_lotti.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.sei{
	background: url(../images/back_sezione2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_sei{
	background: url(../images/progetti_aziendali.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.sette{
	background: url(../images/back_sezione4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_sette{
	background: url(../images/pubblicazioni_aziendali.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.otto{
	background: url(../images/back_sezione3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_otto{
	/*background: url(../images/contatti_aziendali.jpg) no-repeat;*/
  background-color: #fff;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.nove{
	background: url(../images/back_sezione4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_nove{
	background: url(../images/area_riservata.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.dieci{
	background: url(../images/back_sezione3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_dieci{
	background: url(../images/credits_aziendali.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.undici{
	background: url(../images/back_sezione4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_undici{
	background: url(../images/restauri_aziendali.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.dodici{
	background: url(../images/back_sezione2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_dodici{
	background: url(../images/residenziale.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.tredici{
	background: url(../images/back_sezione2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#back_tredici{
	background: url(../images/piani_di_recupero.jpg) no-repeat;
	background-size: 85vw 85vh;
	background-position: center center;
	overflow: hidden;
}

.evi_hp{
	width: 100%;
	height: 100vh;
	position: relative;
			padding: 0;
	margin: 0;
			text-align: center;
	 overflow: hidden;
	pointer-events: none;

}

.logo_hp{
	/*position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;margin:auto;*/
	position:absolute;
	z-index:1;
	left: 2%;
	top: 1%;
	width: 25vw;
}

.back_header_hp{
	width: 100%;
	height: 8vh;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	background-color: rgba(255,255,255,0.8);
}

.social_menu{
	position:fixed;
	z-index: 99999999999999999999999;
	right: 5%;
	top: 2%;
	width: 6vw;
}

.content_social_menu{
	width: 100%;
}


.content_social_contatti{
	width: 100%;
}

.content_social_contatti div{
	margin-right: 0.5vw;
}

.facebook{
    width: 1.6vw;
    height: 1.6vw;
    /* margin-right: 0.5vw; */
    background-image: url(../images/facebook.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.1s linear;
    filter: grayscale(1);
  }

  .facebook:hover{
    filter: grayscale(0);
  }


.instagram{
    width: 1.6vw;
    height: 1.6vw;
    background-image: url(../images/instagram.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.1s linear;
    filter: grayscale(1);
  }

  .instagram:hover{
    filter: grayscale(0);
  }

  .linkedin{
    width: 1.6vw;
    height: 1.6vw;
    /* margin-right: 0.5vw; */
    background-image: url(../images/linkedin.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.1s linear;
    filter: grayscale(1);
  }

  .linkedin:hover{
    filter: grayscale(0);
  }



.studio_circle{
	width: 70%;
	margin: 5vh auto;
}

.circle{
	width: 20vw;
	height: 20vw;
	border-radius: 100%;
	border: 2px solid #dedede;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.circle_wrap{
	text-align:center;
	align:center;
	
	}
	
	.circle{
	margin-bottom:10px;
	
	}
	.studio_circle{
	align:center;
	
	}

.studio1{
	background-image: url(/images/lo_studio/studio1.jpg);
}

.studio2{
	background-image: url(/images/lo_studio/studio2.jpg);
}

.studio3{
	background-image: url(/images/lo_studio/studio3.jpg);
}

footer{
  width:100%;background-color:#333;
  color:#fff;
  padding:2vh 0;position:relative;
    z-index:150; padding: 3vh 0 !important;
  }

footer a{
  color: #ededed;
  text-decoration: none;
}

footer a:hover{
  color: #fff;
  text-decoration: underline;
}

.foot{
  width: 80%;
  margin: 0 auto;
  font-size: 70%;
}

.txt_foot{
  text-align: left;
}

.social_foot{
  text-align: right;
}

.social_foot .fb_logo{
  height: 3vh !important;
}


#div_altro input[type=text], input[type=password]{
border: 1px solid #dedede;
	background-color: #fff;
	color: #aa1e1e;
	font-size: 0.8vw;
	padding: 0.5vh 0.5vw;
}

#div_altro input[type=button], input[type=submit], input[type=reset] {
  background-color: #aa1e1e;
  border: none;
  color: white;
  padding: 1vh 1vw;
	margin-top: 1vh;
  text-decoration: none;
  cursor: pointer;
}


/*profile*/


.tit_border{
  padding: 20vh 0 0 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
	/* background-color: rgba(129, 216, 208,0.7); */
}


.tit_border h1 {
    font-size: 8vh;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: normal;
    padding: 2vh 0;
    text-align: center;
}

.breadcrumbs {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    color: #fff !important;
    font-size: 1.5vh;
    font-weight: 500;
    text-transform: uppercase;
}

.breadcrumbs a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}


.breadcrumbs a:hover{
color:#555;
text-decoration: none;
}



.intest_about{
    width: 100%;
    background-size: cover !important;
    background-position: center bottom !important;
    	position: relative;
	    height: 60vh;
	overflow: hidden;
}



.gradient-about {
background: linear-gradient(0deg, rgba(0,0,0,0.0) 20%,rgba(0,0,0,0.8) 100%);
    height: 100%;
    padding: 0 0 0 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}



.txt_azienda{
width: 50%;
margin: 0 auto;
	padding: 5vh 0 0 0;
	text-align: left;
}


.txt_azienda p {
    color: #555;
    font-size: 90%;
    margin: 0 0 0 0;
    padding: 0;
}


/*scheda desk*/


.titolo_scheda{
	width: 100%;
	height: 100%;
	position: relative;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
/*	background-color: rgba(0,0,0,0.2);*/
	/*mix-blend-mode: difference;*/
background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(166,176,184,1) 100%);
  /* comm 22.12*/
}

.content_txt{
	width: 90%; /*comm 22.12*/
	/*text-align: center;*/
/*	background-color: rgba(255,255,255,0.6); comm 22.12*/
padding: 2vh 1vw;
}

	.content_txt h1{
		font-size: 8.5vw;
		font-weight: bold;
		color: #222;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    /*padding-left: 5vw;*/
    line-height: 9vw;
  	}


	.content_txt p{
		width: 100%;
		margin: 0 auto;
		/*text-align: center;*/
		color: #222;
    padding-left: 5vw;
		/*text-shadow: 0px 0px 1px rgba(30, 30, 30, 1);*/
font-size: 90%;
	}

	.content_txt a, .nav_tit{
    font-size: 80%;
  }



  	.barra_navigazione{
  		color:#222;
  		text-transform: uppercase;
  		/*text-shadow: 0px 0px 1px rgba(30, 30, 30, 1);*/
  		font-weight: 600;
      padding-left: 1vw;
  	}

  		.barra_navigazione a{
  			color:#222;
  			text-decoration: none;
  			text-transform: uppercase;
  			/*text-shadow: 0px 0px 1px rgba(30, 30, 30, 1);*/
  		}

  		.barra_navigazione a:hover{
  			color:#aa1e1e;
  			text-decoration: none;
  		}




      	.img_back_scheda {
		/*
      		width: 91%;
      		height: 91%;
		*/
        	/*background-size: 140vw auto;*/
        	background-size: auto 130vh;
      		width: 100%;
      		height: 100%;
      		position: absolute;
      		/*top: 5%;*/
		/*
      		left: 0;
      		right: 0;
		*/
      		margin: auto;
      		z-index: 0;
		/*
      		filter: grayscale(0%);
		*/
      		-moz-transition: all .5s ease-in-out;
      		-o-transition: all .5s ease-in-out;
      		-webkit-transition: all .5s ease-in-out;
      		transition: all .5s ease-in-out;
      		transform: scale(0.5) translate3d(0,0,0);
      	}

      	.img_back_scheda_attiva {
		/*
      		width: 100%;
      		height: 100%;
		*/
        	/*background-size: 100vw auto;*/
        	background-size: auto 100vh;
      		-moz-transition: all .5s ease-in-out;
      		-o-transition: all .5s ease-in-out;
      		-webkit-transition: all .5s ease-in-out;
      		transition: all .5s ease-in-out;
      		transform: scale(1) translate3d(0,0,0);
      	}


      	.corner-image_scheda {
      		position: absolute;
      		top: 0;
      		left: 0;
      		right: 0;
      		margin: auto;
      		z-index: 1;
      	  width: 100%;
      	  height: 100%;
      	  -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
      	  clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
      		-moz-transition: all .5s ease-in-out;
      	  -o-transition: all .5s ease-in-out;
      	  -webkit-transition: all .5s ease-in-out;
      	  transition: all .5s ease-in-out;
      	}

      	.attivo_scheda {
      		/*-webkit-clip-path: polygon(0% 0%, 0% 100%, 9% 100%, 9% 9%, 91% 9%, 91% 91%, 9% 91%, 9% 100%, 100% 100%, 100% 0%);
      		clip-path: polygon(0% 0%, 0% 100%, 9% 100%, 9% 9%, 91% 9%, 91% 91%, 9% 91%, 9% 100%, 100% 100%, 100% 0%);*/
      		-webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 100% 100%, 100% 0%);
      		clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 100% 100%, 100% 0%);

      	}


        .img_scheda{
        	background-repeat: no-repeat;
        	/*background-size: cover; 12.01.23*/
        	background-position: center center;
        	overflow: hidden;
        }





        	.video_page {
        		width: 100vw;
        		height: auto;
        		position: absolute;
        		top: 0;
        		left: 0;
        		right: 0;
        		margin: auto;
        		z-index: 0;
        		-o-transition: all .5s ease-in-out;
        		-webkit-transition: all .5s ease-in-out;
        		transition: all .5s ease-in-out;
        	}



    /*page realizzazioni desk*/



    .video_realizzazioni {
    	width: 100vw;
    	height: auto;
    	position: absolute;
    	left: 0;
    	top: -16px;
    	margin: auto;

    	opacity: 1;
    	transition: opacity 0.2s ease-out;

    	z-index: 18;
    }

    .opacizza_video{
    	opacity: 0;
    	transition: opacity 0.2s ease-out;
    }

    .elenco_realizzazioni{
    	font-size: 100%;
    	font-weight: bold;
    	padding: 4vh 2vw;
    	color: #fff;
    	border-radius: 5px;
    	top: 11%;
    	left: 2%;
    	position: absolute;
      min-width: 18vw;
    	backdrop-filter: blur(5px);
    	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    	background-color: rgba(255,255,255,0.6);
    	z-index: 9999999999999999999999999999999999999;
    }

.barra_navigazione_real{
color: #000;display: block;position: relative;margin-bottom: 3vh;font-size: 81%;
}


.link_realizzazioni a{
	font-size: 75%;
	font-weight: bold;
	color: #000;
	font-style: italic;
	display: block;
	margin: 0.7vh 0vw 0.7vh 0vw;
	position: relative;
 /* text-transform: capitalize;*/
}



.container{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.container div{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
}

.cambiato_grey .grey{
	top: -200%;

	transition-timing-function: cubic-bezier(.6,.19,.94,.71);
	transition-duration: 1s;
	transition-property: all;

	z-index: 26;
}

.cambiato_verde .verde{
	transform: scale(1.10);
	transition: transform 3s ease-out 0.5s;
}

.cambiato_rosso .rosso{
	transform: scale(1.10);
	transition: transform 3s ease-out 0.5s;
}

.grey{
	background-color:#dedede;
	top:100% ;
	height:200%;
}

.rosso{
	z-index: 8;
}

.verde{
	z-index: 9;
}

.disposizione_delle_foto{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #efefef;
}



		.nav_real{
			width: 40vw;
			margin: auto;
			position: absolute;
			left: 12.5vw;
			right: 0;
			bottom: 6vh;
		/*	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(166,176,184,1) 100%);*/
			background-color: #fff;
			z-index: 9999;
			padding: 2vh 2vw;
		}


		.nav_real a{
			font-size: 75%;
			font-weight: normal;
			color: #000;
			font-style: italic;
			text-decoration: none;
		}

		.nav_real a:hover
		{
			color: #aa1e1e;
			text-decoration: none;
		}


		.vedi_tutti{
			width: 8vw;
		margin: auto;
		position: absolute;
		left: 12.5vw;
		right: 0;
		bottom: 6vh;
		background-color: #fff;
		z-index: 9999;
		padding: 2vh 2vw;
		text-align: center;
		}


		.vedi_tutti a{
			font-size: 75%;
			font-weight: normal;
			color: #000;
			font-style: italic;
			text-decoration: none;
		}

		.vedi_tutti a:hover
		{
			color: #aa1e1e;
			text-decoration: none;
		}


		.text_new{
			position: relative;
			height: 100%;
			display: none;
		}


.attivo .text_new{
	display: inline;
}
		.text_new h1{
			position: absolute;
			left: 12vw;
	bottom: 10vh;
			z-index: 9999999;
			text-transform: uppercase;
		font-size:7vw !important;
			line-height:10vw !important;
			text-transform: uppercase;
			font-weight: bold !important;
	text-align: left;
	color: #fff;
}


		.attivo .text_new h1 span, .attivo .nav_real, .attivo .vedi_tutti{
			/*  float: left;*/
					-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
					clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
				opacity: 1;

				animation-name: titleAnimation;
				animation-timing-function:ease-out;
			}

		.attivo .text_new h1 span{
			width: 100%;
			animation-delay: 0.4s;
			animation-duration:0.6s ;
			-webkit-animation-fill-mode: forwards;
		}

		.attivo .nav_real, .attivo .vedi_tutti{
			animation-delay:0.8s ;
			animation-duration:0.3s ;
			-webkit-animation-fill-mode: forwards;
		}
		@keyframes titleAnimation {
				0% {
					transform: translateY(-50px);
					opacity: 1;
					-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
					clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
		/*
					-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
					clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
						*/
			}
			100% {
					transform: translateY(0);
					opacity: 1;
						/*
					-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
					clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
						*/
					-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
					clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
			}
		}



    .barra_navigazione a, .barra_navigazione span{
          -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
        animation-name: titleAnimation;
        animation-timing-function:ease-out;
        animation-duration:0.6s ;
      -webkit-animation-fill-mode: forwards;
    }

    .content_txt h1{

    font-size:800% !important;
    	line-height:10vw !important;

    }

    .content_txt h1 span{
        width: 100%;
      /*  float: left;*/
          -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
        transform: translateY(-50px);
        opacity: 1;
        animation-name: titleAnimation;
        animation-timing-function:ease-out;
        animation-duration:0.6s ;
      }
    .content_txt h1 span{
      /*animation-delay: 0.6s;*/
      -webkit-animation-fill-mode: forwards;
    }
    @keyframes titleAnimation {
        0% {
          transform: translateY(-50px);
          opacity: 1;
          -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%,0% 100%);
    /*
          -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
    	      */
      }
      100% {
          transform: translateY(0);
          opacity: 1;
    	      /*
          -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
    	      */
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
      }
    }


#div_altro{
  width:30vw;background-color:#ffffff;padding:1vh;position:absolute;display:none;
}