.no_mobile{
  display: none;
}

body{
  font-size: 3vw;
}

/*animazione titoli*/

.anispa{
  opacity: 0;
}

.animate_h1 span{
    width: 100%;
  /*  float: left;*/
      -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;
  }
.animate_h1 span{
  /*animation-delay: 0.6s;*/
  -webkit-animation-fill-mode: forwards;
}
@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 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%);
  }
}




.animate_h1 p{
transition: all 0.5s linear;
opacity:0;
}

.animate_h1 .visible p{
opacity:1 ;
}


header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 555555555;
  transition: all 0.2s linear;
  padding: 2vh 4vw !important;
}

.shrink{
  background-color: rgba(0,0,0,0.5);
  padding: 1vh 4vw;
  transition: all 0.2s linear;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.interno{
  background-color: rgba(0,0,0,0.5);
  padding: 1vh 4vw;
  transition: all 0.2s linear;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}




.lang{
  padding:0 0 1vh 1.2vw;
	 }


	 	 .lang .select_img{
	 		 height: 2vh;
	 		 margin:0 1vw;
       cursor: auto;
	 	 }

      .lang .ita{
	 		 height: 2vh;
	 		 margin:0 1vw 0 0 !important;
       cursor: auto;
	 	 }


	 .lang .lang_img{
		 height: 2vh;
		 margin-right: 0;
		 /*cursor: pointer;*/
		 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(1) brightness(2); /* Google Chrome, Safari 6+ & Opera 15+ */
 filter: grayscale(1) brightness(2); /* Microsoft Edge and Firefox 35+ */
	 }

	 	 .lang .lang_img:hover{
			 -webkit-filter: grayscale(0) brightness(0);
			   filter: none;
         cursor: pointer;
		 }



.logo_shrink img{
  height: 5vh;
}

.shrink .logo_shrink img{
  height: 4vh;
}

.interno .logo_shrink img{
  height: 4vh;
}



.back_intro {
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  background: #0B1320;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.left {
  width: 50%;
  left: 0;
  }

.right {
  width: 50%;
  right: 0 !important;
  }

  .anima_left{
    animation: left 1.5s ease-in-out 0.5s 1 normal forwards;
  }

  .anima_right{
   animation: right 1.5s ease-in-out 0.5s 1 normal forwards;
      }


@keyframes left {
    0%{
        opacity: 1;
    }


    100% {
        opacity: 1;
width: 0;
    }
}

@keyframes right {
  0%{
    opacity: 1;
  }
  100% {
    opacity: 1;
    width: 0;
  }
}


.intro{
  width: 100%;
  height: 110vh;
  position: relative;
  /*overflow: hidden;*/
  overflow-x: hidden;
  background-color: #000;
/*! clip-path: polygon(100% 0, 100% 94%,32% 98%, 27% 100%, 0 94%, 0 0); */
/*clip-path: polygon(100% 0, 100% 94%, 82% 94%, 36% 98%, 29% 100%, 24% 100%, 16% 98%, 0 94%, 0 0);*/
}

.owl-carousel1{
	display: inline !important;
	position: absolute !important;
	width: 100vw  !important;
	height: 100vh  !important;
}

.owl-carousel1 .item{
	width: 100vw;
	height: 100vh;
	background-repeat:no-repeat;background-size:cover;background-position:top center;
  background-size: auto 100% !important;
}

/*
.owl-carousel1{
cursor:grab;
}

.owl-carousel1:active{
cursor:grabbing;
}
*/

.txt_intro{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin:auto;
  z-index: 999999999;
  /*! padding-bottom: 16vh; */
}


.txt_intro h1{
  color: #fff;
  font-size: 453%;
  text-align: center;
  font-weight:bold;
  padding-top: 20vh;
  font-style: italic;
  width: 90%;
  margin: 0 auto;
  line-height: 1;
}
.txt_intro h2{
  color: #fff;
  font-size: 220%;
  font-style: italic;
  padding-top: 0vh;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  /*padding-right: 1vw;*/
}




.svg_since1960{
  position: absolute;
  width: 100%;
  height: 104vh;
  top: 5vh;
  /*background-image: url(/images/grafica1_homepage.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  pointer-events: none;*/
  z-index: 99999998;
  left: -0.5vw;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  display: none;
}


.since1960{
  /*! margin-top: -8vh; */
  /*! z-index: -1; */
  width: 100%;
  height: 105vh;
  position: relative;
background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(206,29,9,1) 50%, rgba(0,0,0,1) 100%);
}

.content_since{
  width: 80%;
  padding: 10vh 0 0 0;
  margin: 0 auto;
}

.empty_since{
  width: 100%;
  height: 100%;
  display: none;
}

.logo_since{
  width: 100%;
  text-align: left;
  padding-top: 0;
  opacity:0;
}
.logo_since img{
  height: 12vh;
}

.txt_since{
  width: 100%;
  text-align: left;
}

.txt_since h1{
  font-family: 'Prata', serif;
  font-size: 450%;
  color: #fff;
  margin-bottom: 0vh;
  padding: 0;
}

.txt_since p{
  font-size: 100%;
  color: #fff;
}

.text_back_white_hp {
  width: 100%;
  /*background-color: rgb(255,201,92);*/
  background-color:#c81600;
  padding: 5vh 0 10vh 0;
  position: relative;
  }

.text_back_white_hp::before{
  content: '';
  position: absolute;
  top: -15vh;
  left: 0;
  width: 100%;
  height: 30vh;
  background-color: inherit;
clip-path: polygon(21% 0, 32% 0, 80% 18%, 100% 18%, 100% 100%, 0 100%, 0 18%);
  display: none;
}

.anispan_testi_slide{
  width: 100%;        
/*  float: left;*/    
    -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; 
}

.anip2{

opacity: 0;
}



.anip{

    opacity: 0;
}
.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;
}

.text_back_white_hp h1{
  font-family: 'Prata', serif;
  font-size: 378%;
  color: #000;
  width: 80%;
  margin: 0 auto 0 auto;
  padding: 0;
}

.content_text_back_white{
  width: 80%;
  margin: 0 auto;
}

.text_back_white{
  width: 100%;
  font-size: 110%;
  color: #000;
  padding-top: 0vh;
}

.img_text_back_white{
  width: 100%;
  /*background-image: url(/images/img_back_white_hp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/
  /*height: 50vh;*/
  /*border-radius:20px;*/
  margin-top: 12vh;
}



.owl_produzione{
  width: 100%;
  height:  35vh !important;
  position: relative !important;

}

.owl_produzione .owl-stage-outer{
border-radius: 4.5vh;
overflow: hidden;
}

.owl_produzione .item{
width: 100%  !important;
  height: 30vh !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  border-radius: 4.5vh;*/
}





.owl_servizi{
  width: 100%;
  height:  35vh !important;
  position: relative !important;

}

.owl_servizi .owl-stage-outer{
border-radius: 4.5vh;
overflow: hidden;
}

.owl_servizi .item{
width: 100%  !important;
  height: 30vh !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  border-radius: 4.5vh;*/
}



.text_back_black_hp {
  width: 100%;
  background-color: #000;
  padding: 8vh 0 17vh 0;
  position: relative;
/*! clip-path: polygon(87% 8%, 100% 0, 100% 100%, 0 100%, 0 0); */
}


.text_back_black_hp h1{
  font-family: 'Prata', serif;
  font-size: 400%;
  color: #fff;
  width: 100%;
  margin: 0 auto 6vh auto;
  padding: 0;
  text-align: center;
}

.content_text_back_black{
  width: 80%;
  margin: 0 auto;
}

.text_back_black{
  width: 100%;
  font-size: 110%;
  color: #fff;
  padding-top: 4vh;
}

.img_text_back_black{
  width: 100%;
  /*background-image: url(/images/img_back_black_hp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 50vh;
  border-radius:20px;*/
}

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



.grafica2_hp{
  position: absolute;
  top: 5.5vh;
  right: 0%;
  z-index: 99999999;
  width: 20%;
  height: 100%;
  display: none;
}

.svg_grafica2_hp{
  height: 125vh;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

}


.grafica2_logo_hp{
  position: absolute;
  top: 48%;
  right: 6%;
  z-index: 9999999;
  width: 20%;
  height: 100%;
  display: none;
}

.grafica2_logo_hp img{
  height: 52vh;
}


.gallery_hp{
width: 100%;
/*! height: 108vh; */
/*! margin-top: -6vh; */
position: relative;
background: rgb(0,0,0);
background: linear-gradient(10deg, rgba(0,0,0,1) 0%, rgba(206,29,9,1) 85%, rgba(206,29,9,1) 100%);
/*! clip-path: polygon(45% 0, 100% 5%, 100% 100%, 0 100%, 0 5%); */
}

.content_gallery_hp{
  width: 80%;
  margin: 0 auto;
  padding: 8vh 0 8vh 0;
  text-align: center;
  /*! height: 108vh; */
}

.content_gallery_hp h1{
  font-family: 'Prata', serif;
  font-size: 500%;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
}

.content_gallery_hp p{
  font-size: 110%;
  color: #fff;
  margin: 0 0 4vh 0;
  padding: 0;
}

.content_img_gallery{
  width: 100%;
}

/*.box_img_gallery{
  width: 32%;
  height: 30vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 3vh;
  border-radius:20px;
}*/



.owl_gallery{
  width: 100%;
  height:  40vh !important;
  position: relative !important;

}

.owl_gallery .owl-stage-outer{
/*border-radius: 4.5vh;*/
overflow: hidden;
}

.owl_gallery .item{
  width: 100% !important;
  height: 30vh !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 4.5vh;
  /*! margin-bottom: 3vh; */
  cursor: pointer;
  opacity: 1 !important;
}



.owl-dots{
  position: absolute;
  z-index: 999999999;
  bottom: 0;
  left: 0vw;
  width: 100%;
  text-align: center;
  }
  
  .owl-dots .owl-dot span {
      width: 15px !important;
      height: 15px !important;
      display: block;
      border-radius: 100%;
      margin: 0 5px 10px 5px;
      background-color: #999;
  }
  
  .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #CE1D09 !important;
      scale: 0.7;
  }


footer{
  background-color: #232323;
  padding: 6vh 0 0 0;
}

.foot{
  width: 90%;
  margin: 0 auto;
  color: #fff;
}

.foot a{
  color: #ccc;
}
.foot a:hover{
  color: #CE1D09;
}

.foot img{
  height: 5vh;
  margin-bottom: 2vh;
}

.txt_foot{
  padding-bottom: 3vh;
}


.img_logo_foot{
  /*! height: 3vh; */
}

.img_logo_foot img{
  height: 6vh;
}





.location{
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  overflow: hidden;
}

#map{
  width: 100%;
  height: 80vh;
}

.txtmaps {
  padding: 20px 20px;
  font-size: 13px;
  text-align: center;
  color: #222;
}

.txtmaps img{
  height:4vh;margin-bottom:10px;
}

.txtmaps h2{
  font-weight:bold;font-size:150%;
}


.txtmaps p{
line-height:1.5;
font-size:100%;
}





/*form hp*/

.form_info{
	width: 100%;
	background-color: #fff;
	padding: 8vh 0 10vh 0;
  position: relative;
	margin-top: 5vh;
}

.form_info:before{
  content: '';
  width: 100%;
  height: 26vh;
  top:-8vh;
  left: 0;
  position: absolute;
  z-index: 999;
  background-image: url(/images/curva_su_light_G.svg);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: none;
}


	#form_info h2{
	line-height: 1.2;
text-align: center;
  font-family: 'Prata', serif;
font-size: 450%;
color: #000;
margin: 2vh 0 4vh 0;
padding: 0;
	}





	.container-contact-info {
	  width: 80%;
		margin: 0 auto 0 auto;
	  padding:1vh 0;
	}



	.cont-form{
		width: 100%;
	}





  .intest {
    width: 100%;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
  }

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

  .gradient-intest {
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%);
    padding: 12vh 0 8vh 0;
    width: 100%;
  }

  .content_intest {
    text-align: center;
    width: 80%;
    margin: 0 auto;
  }



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

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


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


.intest h1 {
  position: relative;
  color: #fff;
  font-size: 250%;
  margin: 0 0 0 0;
}



.text-modulo {
  padding: 5vh 0 7vh 0;
  width: 70%;
  margin: 0 auto;
 text-align:center;
 min-height:30vh;
}


.text-modulo h1{
  font-size: 200%;
  font-weight: 800;
  color: #222;
}

.text-modulo p{
  margin: 20px 0 30px 0;
}

.text-modulo a{
  color: #F20D0D;
  text-decoration: none;
}
.text-modulo a:hover{
  color: #222;
  text-decoration: none;
}




.txt_scheda h1{
color: #F20D0D;
font-weight: 600;
padding: 0 0 1vh 0;
font-size: 200%;
}

.txt_scheda p{
color: #222;
font-size: 100%;
}