body, html{
  margin:0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/* aggiunto 11/03/21 DAVIDE
  text-transform:lowercase !important;
  */
}

*::first-letter{
/* aggiunto 11/03/21 DAVIDE
  text-transform:uppercase !important;
  */
}









img{
  border: 0;
}

p{
  line-height: 2;
}

a{
  text-decoration: none;
color: #222;
}

a:link, a:visited
{text-decoration: none;
font-weight:normal;
outline:none;}

a:hover, a:active
{
font-weight:normal;
outline:none;color: #888;
}

h1,h2,h3,h4,h5,h6,p{
  margin: 0;
  padding: 0;
}


#div_altro{
  padding:30px;
  background-color: #fff;
}

#table_altro td{
	text-align: center;
}


 .textinputshort3 { font-size: 11px; border-top:#CCCCCC solid thin; border-bottom:#CCCCCC solid thin; border-right:#CCCCCC solid thin; border-left:#CCCCCC solid thin; font-family: verdana, helvetica, sans-serif; color: #333333}

 .textarea3 { font-size: 11px; color: #333333; border-top:#CCCCCC solid thin; border-bottom:#CCCCCC solid thin; border-right:#CCCCCC solid thin; border-left:#CCCCCC solid thin; font-family: verdana, helvetica, sans-serif; }

 .buttons3 { font-size: 10px; color: #333333; background-color:#ffffff; border-top:#CCCCCC solid thin; border-bottom:#CCCCCC solid thin; border-right:#CCCCCC solid thin; border-left:#CCCCCC solid thin; font-family: verdana, helvetica, sans-serif; }




/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}






.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}



/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.tracking-in-expand-fwd {
-webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}



.flex-a{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
padding: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
}

.flex-b{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}


.flex-b-stop{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}



.flex-b-start{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
}


.flex-only-align{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.sol_prod{

  margin-bottom:10vh;

}

.flex-c{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content:center;
  align-items: center;
}



.flex-c-end{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content:flex-end;
  align-items: flex-start;
}

.flex-c-start{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content:center;
  align-items: flex-start;
}


.flex-c-block{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
  justify-content: center;
  -webkit-justify-content:center;
  align-items: center;
	text-align: center;
}


.icomenu{
  cursor:pointer;
  height: 24px;
  width: 24px;
}


.clear{
  clear:both;
}


/*DESKTOP*/

@media only screen and (min-width: 1300px){

  /* servizio assistenza */

  .assistenza_container{
    background-color: white;width: 100vw;height: 48vh;margin-top: 14vh;margin-bottom: 17vh;
  }
  .assistenza_container_div{
    background-color: white;width: 35vw;height: 51vh;position: relative;
  }
  .assistenza_container_round{
    position: absolute;top: 0vw;left: 10vh;width: 26vw;height: 26vw;border-radius: 54%;background-image: url('/images/ricambi_assistenza.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;
  }
  .assistenza_container_div_2{
    width: 35vw;height: 51vh;position: relative;
  }
  .assistenza_container_space{
    width: 32vw;height: 48vh;position: absolute;left: -10vw;top: 1.897vw;
  }
  .assistenza_testo{
    position: absolute;top: 10vh;left: 10vw;width: 31vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }
  .ricambi_testo{
  position: absolute;top: 30vh;left: 10vw;width: 31vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }

  .ricambi_link{
    cursor: unset;color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.8em;font-weight: bold;position: absolute;top: 5vh;left: 10vw;width: 30vw;
  }
  .ricambi_link_2{
    cursor: unset;color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.8em;font-weight: bold;position: absolute;top: 25vh;left: 10vw;width: 30vw;
  }
  .approfondisci_pulsante{
    margin: 1vh 0vw 0vh 0vw;cursor: pointer;width: 10vw;background-color: red;color: white;font-size: 1em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_2{
    margin: 1vh 0vw 0vh 0vw;cursor: pointer;width: 10vw;background-color: red;color: white;font-size: 1em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante:hover{
    background-color: 555555;
  }
  .approfondisci_pulsante_2:hover{
    background-color: 555555;
  }
  .approfondisci_pulsante_3{
    cursor: pointer;width: 17.111vw;background-color: red;color: white;font-size: 0.9em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_3:hover{
    background-color: 555555;
  }
  .approfondisci_pulsante_4{
    cursor: pointer;width: 17.111vw;background-color: red;color: white;font-size: 0.9em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_4:hover{
    background-color: 555555;
  }


  .intest_ass{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/ricambi_assistenza_page.jpg);background-repeat: auto, no-repeat;background-size: cover;background-position: 0vw 122vh;
  }
  .intest_ric{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/ricambi_assistenza_page.jpg);background-repeat: auto, no-repeat;background-size: cover;background-position: 0vw 122vh;
  }
  .intest_trans{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/transizione_page.jpg);background-repeat: auto, no-repeat;background-size: cover;background-position: 0vw 145vh;
  }


  /* transition page */

  .transition_container{
    background-color: white;width: 100vw;height: 48vh;margin-top: 14vh;margin-bottom: 17vh;
  }
  .transition_div{
    background-color: white;width: 35vw;height: 51vh;position: relative;
  }
  .transition_round{
    cursor: pointer;position: absolute;top: 0vw;left: 10vh;width: 26vw;height: 26vw;border-radius: 54%;background-image: url('/images/transizione_4_0.jpg');background-size: 42vw;background-position: center center;background-repeat: no-repeat;
  }
  .transition_div_2{
    width: 35vw;height: 51vh;position: relative;
  }
  .transition_div_title{
    width: 32vw;height: 48vh;position: absolute;left: -10vw;top: 1vw;
  }
  .transizione_4_link{
    /*color: #15208c;*/color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.8em;font-weight: bold;position: absolute;top: 17vh;left: 10vw;width: 30vw;
  }
  .transition_text{
  position: absolute;top: 22vh;left: 10vw;width: 31vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }

  .solution_container_space{
    width: 41vw;margin: 0 auto;
  }

  /* tabella chiedi info */

  table.chiedi_info_{
    width: 77%;
    margin: 0 auto;
  }
  table.chiedi_info_ td{
    height: 4.889vh;
  }
  table.chiedi_info_ input{
    width: 39vw;
  }







      .certif_img{
        width:90px;height:auto;
	/*
          display: block;
	  */
          margin-bottom: 10px;
	  margin-right: 10px;

    }

     .social_img{
            height: 35px;
        }

  /*AGENTI DESK*/

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

  .cont-map{
    width: 100%;
  position: relative;
  }

  .text_map{
    position: absolute;
    z-index: 55;
    top:0px;
    left:0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #222;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 0;
    width: 100%;
  }

  .text_map h1{
    color: #FF0101;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 400;
  }


    .video_box
    {position:relative;
    	 display:block;
    	 width: 60%;
  		 margin:0 auto;
    	 padding: 40px 0;
    	 text-align:center;
    }


    .video_box h1
    {text-align:center;
    font-size: 2rem;
    text-transform:uppercase;}

    .video_box video
    {position:relative;
    	 display:block;
    width: 60%;
    height:375px;
    cursor:pointer;
    margin:0 auto;
   }

   .text175{
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding: 20px 0;
   }

  .h3_175{
    color: #1A5CBA;
    font-size: 2.6em;
    font-weight: bold;
  }

  .logo_175{
 width:60%;text-align:center;margin:0 auto;
 }
 .logo_175 img{
   width: 500px;
 }

  .intest_175{
    color: #1A5CBA;
    margin: 0;
    padding: 0;
    position:absolute;top:-40px;left:70px;
  }

  .intest_175 a{
      color: #1A5CBA;
      font-size: 1.4em;
      font-weight: bold;
      text-decoration: none;
  }

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

  .p_175{
    color: #222;
    font-size: 1.2em;
    font-style: italic;
  }



  .photogallery{
  	width: 80%;
  	margin:20px auto;
  }

  .photogallery-div{
  	text-align: center;
  	padding-bottom: 10px;
  	margin:0 3px 25px 3px;
  	width: 25%;
    color:#333;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #ededed;
    text-transform: uppercase;
    cursor: pointer;
  }

  .photogallery-div a{
  color:#1A5CBA;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2em;
  }

  .photogallery-div a:hover{
  color:#fff;
  text-decoration: none;
  }

  .photogallery-div .img-catalogo{
  display: block;
  height: 220px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  opacity: 1;

  }

  .photogallery-div:hover .img-catalogo{
  opacity: 0.6;
  }

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

  .photogallery-div:hover{
  opacity: 0.7;
  }

  .gallery_container_stabilimenti, .gallery_container_controllo_peso, .gallery_container_dosatori, .gallery_container_incartonatrici, .gallery_container_pasta_corta, .gallery_container_pasta_lunga, .gallery_container_trafile, .gallery_container_fiere{
  position:fixed;
    display:none;
    z-index:-1;
    bottom:0;
    left:0;}


  .timeline
  {
  position:relative;
  display:block;
  width: 100%;
  padding: 50px 0;

  }

  .timeline_logo
  {
  position:realtive;
  display:block;
  width: 500px;

  margin:0 auto;}

  .timeline_logo img
  {width:100%;
  height:auto;
  filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -webkit-filter:grayscale(100%);}

  .the_timeline
  {
  position:absolute;
  display:block;
  top: -30px;

  right:0;
  left:0;
  width: 2.5px;

  margin:0 auto;
  }

  .the_timeline img
  {width:2.5px;

  height:60px;
  }

  .timeline_event
  {
  position:relative;
  display:block;
  width: 100%;
  padding: 50px 0;

  text-align:center;
  margin-top: 60px;

  }

  .timeline_event h1
  {
  position:relative;
  display: inline-block;
  margin: 0 auto;
  color:#cbcbcb;
  font-size:70pt;

  font-weight:bold;
  font-style: italic;
  }

  .timeline_text
  {
  width: 680px;
  color: #222;
  font-size: 15pt;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
  line-height: 1.2;
  margin: 0 auto;
  }


  .mobile{
    display: none;
  }

  .header-fix{
    width: 100%;
    /*height: 11vh;*/
    padding: 20px 0;
    background-color: #fff;
    color: #fff;
    position: fixed;
    z-index: 99;
    transition: 0.2s;
     -moz-transition: 0.2s;
     -webkit-transition: 0.2s;
  }


.shrink_interno{
  background-color: rgba(255,255,255,0.9);
  transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
width: 100%;
/*height: 11vh;*/
padding: 20px 0;
background-color: #fff;
color: #fff;
position: fixed;
z-index: 999;
}

footer{
  background-color: #e3e3e3;
  padding: 20px 0;
  /*text-align: center;*/
}

footer p{
  color: #222;
font-size:0.7em;
font-weight: normal;
}

.foot-cont{
  width: 70%;
  margin: 0 auto;
}

.foot1{
  width: 70%:
}
.foot2{
  width: 30%:
}


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

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

  .head{
    width:70%;margin:0 auto;
    transition: 0.2s;
     -moz-transition: 0.2s;
     -webkit-transition: 0.2s;
     text-align: center;
  }

  .head div{
    width: 33%;
  }

.head div:first-child{
  text-align: left;
}

.area-ris a{
  text-transform: uppercase;
  font-size: 0.8em;
display: inline;
 padding: 0 2px;
 vertical-align: middle;
  color: #000;
  text-decoration: none;
}

.area-ris a:hover{
  text-transform: uppercase;
  font-size: 0.8em;
  color: #f00;
  text-decoration: none;
}


.area-ris{
  width: 14% !important;
}





.marchio_storico{
  display: block;
  height: 7vh;
  margin-right: 25px;
  margin-top: 20px;
}


/*.head div:last-child{
border-right: 5px solid #f00;
padding-right: 20px;
text-align: right;
}*/

.last-menu{
  border-right:5px solid #f00;padding-right:20px;text-align: right;
}


.dropdown{
  text-align: right;
  padding-left: 100px;
}
.dropdown-toggle{
  background-color: #fff;
  border: 1px solid transparent;
  color: #222;
  font-size: 0.8em;
}

.dropdown-toggle:hover,.dropdown-toggle:active,.dropdown-toggle:link{
  background-color: #fff;
  border: 1px solid transparent;
  color: #f00;
}

.dropdown-item{
text-align: center;
}

    .lang_select{
        height:15px;
    }

.dropdown-item img{
  height: 15px;
  margin:0 auto;
}


  .shrink{
    width: 100%;
    /*height: 11vh;*/
    padding: 20px 0;
    background-color: rgba(255,255,255,0.9);
    color: #fff;
    position: fixed;
    z-index: 999;
    transition: 0.2s;
 -moz-transition: 0.2s;
 -webkit-transition: 0.2s;
  }

  .shrink .logo2{
    width:15vh;
  }



  .intest{
    width: 60%;
    margin: 0 auto;
    padding:10px 0 0 0;
  }


  .logo{
    width:25vh;
    margin-top: 20px;
  }

  .logo2{
    width:15vh;
  }


.slide{
  width: 100%;
  height: 70vh;
  /*background: url(/images/slide/sfondo.jpg) no-repeat; */
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  background-position: 0 50px;
  background-size: contain;
	background-attachment: fixed;
  text-align: right;
  position: relative;
  margin-bottom: 200px;

}


      .covid{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: 0 auto;
    width: 960px;
        height: 440px;
        background-color: #fff;
    z-index: 88;
    font-size: 1em;
        padding:60px 0 40px 0;
        text-align: center;
        line-height: 1.4;
        color: #555;
    }
        .covid a{
            width: 150px;
            background-color: #555;
            font-size: 0.8em;
            color: #fff;
            padding: 5px 10px;
            text-decoration: none;
        }

        .covid a:hover{
            background-color: #f00;
            color: #fff;
            text-decoration: none;
        }


  .estate{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: 0 auto;
    width: 960px;
        height: 440px;
        background-color: #fff;
    z-index: 88;
    font-size: 1em;
        padding:60px 0 40px 0;
        text-align: center;
        line-height: 1.4;
        color: #555;
        background: url(/images/slide/linee.png) no-repeat #fff;background-position: top center;background-size: contain;

    }
        .estate a{
            width: 150px;
            background-color: #555;
            font-size: 0.8em;
            color: #fff;
            padding: 5px 10px;
            text-decoration: none;
        }

        .estate a:hover{
            background-color: #f00;
            color: #fff;
            text-decoration: none;
        }

.content_estate{
  width: 75%;margin:0 auto;background-color:#fff;padding:1vh 0 2vh 0;
}

.content_estate h2{
  font-size:2vw; color:#f00;margin:3vh 0;
  }

  .content_estate h1{
    font-size: 1.5vw;margin: 3vh 0 3vh 0;font-style:italic;color:#888;
  }


      .xmas{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: auto;
    width: 50vw;
    z-index: 88;
        text-align: center;
		  pointer-events: none;
    }
        .xmas img{
			padding-top: 18vh;
           width: 50vw;
			height: auto;
        }





.cont-slide{
  width: 60%;
  margin: 0 auto;
  height: 100%;
  background: url(/images/slide/linee.png) no-repeat;
  background-position: top right;
  background-size: contain;
  position: relative;
}

.text-slide{
  width: 55%;
  right: 0;
  float: right;
  text-align: justify;
  padding-top: 210px;
}

.text-slide h3{
  font-weight: normal;
  font-size: 0.8em;
  color: #222;
  margin: 0;
  padding: 0;
    line-height: 1.5;
}

.text-slide h1{
  font-weight: normal;
  font-size: 3.5em;
  color: #222;
  margin: 0;
  line-height: 1.2;
  padding: 0;
  text-transform:capitalize !important;
}

.red{
  color: #f00;
  font-weight: bold;
  text-transform:capitalize !important;
}

.in_evidenza{
  position: absolute;
  right: 14%;
  width: 40%;
  bottom:-250px;
  z-index: 80;
}

.owl-carousel{
  width: 100%;
}

.item{
  margin:0;
  width: 100%;
  cursor: pointer;
}

.item-text{
  width:35%;
  text-align: left;
  font-size: 0.7em;
  padding-top: 60px;
  text-transform: uppercase;
}

.item-macch{
  height:450px;width:60%;
  background-repeat:no-repeat;background-size:contain;background-position:center center;
}


.item-text2{
  width:25%;
  text-align: left;
  font-size: 0.7em;
  padding-top: 60px;
  text-transform: uppercase;
}

.item-macch2{
  height:450px;width:75%;
  background-repeat:no-repeat;background-size:contain;background-position:center center;
}

.item-text h2, .item-text2 h2{
  color: #888;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}

.solution{
  padding-top: 100px;

}

.solution.meno_alto{
  padding-top: 3vh;
}

.solution h1{
  /*color: #888;
  letter-spacing: 4px;
  padding-left: 5px;
  font-size: 1.2em;*/
  color: #222;
  letter-spacing: 4px;
  padding:0 0 0 5px;
	margin: 0;
  font-size: 1.8em;
}


.box-hp{
  width: 70%;
  margin: 0 auto;
  padding: 30px 0;
}

.box-item{
  width: 32%;
  color: #222;
  opacity: 0.8;
  text-align: left;
	position: relative;
	min-height: 45vh;
 /*border-bottom: 1px solid #888;*/
}

.box-item:hover{
opacity: 1;
/*border: 1px solid #f00;*/
}

	.box-item::after{
		position: absolute;
		content: "";
		width: 40px;
		height: 1px;
		display: block;
		/*top:110%;*/
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #555;
		margin:auto;
	}

	.a-padd{
		padding: 0 20px;
	}

.box-item a{
  color: #222;
  text-decoration: none;
line-height: 1.5;
font-size: 0.9em;
}

.box-item:hover a{
  color: #f00;
  text-decoration: none;
}

.box-item a:hover{
  color: #f00;
  text-decoration: none;
}



/* Common style */
.box-hp figure {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	margin: 10px 0;
	/*min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;*/
  width: 100%;
  height: 300px;
	/*background: rgba(0,0,0,0.2);*/
	text-align: center;
	cursor: pointer;
}

.box-hp figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.7;
}

.box-hp figure figcaption {
	padding: 1em 0 0 0;
	color: #000;
	text-transform: uppercase;
	/*font-size: 1em;*/
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.box-hp figure figcaption::before,
.box-hp figure figcaption::after {
	pointer-events: none;
}

.box-hp figure figcaption,
.box-hp figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.box-hp figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.box-hp figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 500;
}


.box-hp figure h2 {
	margin: 0;
}


/*---------------*/
/***** Jazz *****/
/*---------------*/


figure.effect-jazz {
	background: -webkit-linear-gradient(-80deg, #dedede 0%,#888 100%);
	background: linear-gradient(-80deg, #dedede 0%,#888 100%);
}

figure.effect-jazz:hover {
	background: -webkit-linear-gradient(-45deg, #777 0%,#fff 100%);
	background: linear-gradient(-45deg, #777 0%,#fff 100%);
opacity: 1;
}

figure.effect-jazz img {
	opacity: 0.8;
  filter: gray; /* IE6-9 */
-webkit-filter: grayscale(0.7); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(0.7); /* Microsoft Edge and Firefox 35+ */
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2{
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	margin: 28% auto 0 auto;
  width: 60%;
  font-size: 1.2em;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
  color: #fff;
	padding: 0.5em 0;
  background-color: #f00;
}

figure.effect-jazz p {
	padding: 0.5em 0;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
  -webkit-filter: grayscale(0);
filter: none;
}


figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2{
  color: #fff;
  background-color:#555;
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}





.vostri-prod{
padding: 250px 0 30px;
width: 100%;
background: url(/images/vostri_prodotti.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;

}

.soluzioni{
padding: 250px 0 30px;
width: 100%;
background: url(/images/soluzioni_new.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;
}

.macchinari_hp{
  padding: 250px 0 30px;
  width: 100%;
background: url(/images/macchinari_new.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;

}

.box-text{
  font-size: 0.8em;
  color: #555;
  text-align: left;
  padding: 10px;
}


.video_hp{
  text-align: center;
  margin:100px 0 0 0;
	width: 100%;
	min-height: 50vh;
	overflow: hidden;
}

		.video_hp img{
		text-align: center;
	}

#video_loop{
  width: 100vw;
  height:auto;
  position: absolute;
  z-index: 40;
  top: -170px;
  left: 0;
}

.video_hp h1{
  color: #fff;
  letter-spacing: 4px;
  padding:0 0 0 5px;
	margin: 0;
  font-size: 1.8em;
}

.video_hp p{
  color: #fff;
  font-size: 1em;
}
.video-cont{
  width: 100%;
  background-color: #6e6e6e;
  margin-top: 20px;
}

.video_hp video{
  width: 70%;
  margin: 0 auto;
}

.video-cont .video-img{
  width: 70%;
  margin: 0 auto;
}

.video-cont:hover a, .text_video_hp:hover {
  filter: gray; /* IE6-9 */
-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */

  opacity: 1;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}

.video-cont a{
  opacity: 0.5;
  filter: gray; /* IE6-9 */
-webkit-filter: grayscale(0.6); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(0.6); /* Microsoft Edge and Firefox 35+ */


  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}

.video-cont a:hover{
  filter: gray; /* IE6-9 */
-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */

  opacity: 1;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}

.milestones{
  margin-top: 100px;
}

.milestones-tit{
  width: 50%;
padding:30px 0 0 0;
  margin:0 auto;
  /*background: url(/images/back_milestones.jpg) no-repeat;
  background-size: contain;
  background-position: bottom center;*/
}

.milestones-tit h1{
  color: #222;
  letter-spacing: 4px;
  padding:0 10px;
	margin: 0;
  font-size: 1.8em;
  text-transform: uppercase;
}


.ric_itw{

  padding: 150px 0;
  margin: 100px auto 50px auto;
  text-align: center;
width: 70%;
  cursor: pointer;
  position: relative;
  }


  .cont-text{
    z-index: 1;
  }

.cont-back{
position: absolute;
width: 100%;
height: 100%;
top:0;
z-index: -1;
background: url(/images/ric_itw.jpg) no-repeat;
background-position: center center;
background-size: 90%;
opacity: 0.4;
transition: background-size 0.10s ease-in;
-moz-transition: background-size 0.10s ease-in;
-ms-transition: background-size 0.10s ease-in;
-o-transition: background-size 0.10s ease-in;
-webkit-transition: background-size 0.10s ease-in;
}

.ric_itw:hover .cont-back{
background-size: 95%;
opacity: 1;
}

  .ric_itw h1{
    color: #222;
    letter-spacing: 4px;
    padding:0 10px;
	  margin: 0;
    font-size: 1.8em;
  }

  .ric_itw p{
    color: #222;
    padding:0;
    font-size: 1em;
    width: 35%;
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    margin: 0 auto;
  }

  .butt_ric_itw{
    background-color: #f00;
    padding: 10px;
    width: 150px;
    margin: 10px auto;
    text-align: center;

  }

    .butt_ric_itw a{
      color: #fff;
      text-decoration: none;
      font-size: 0.8em;
      font-weight: 500;
    }

    .butt_ric_itw a:hover{
      color: #fff;
      text-decoration: none;
    }

    .butt_ric_itw:hover a{
      color: #fff;
      text-decoration: none;
    }

  .butt_ric_itw:hover{
    background-color: #555;

  }



  .interno{
padding: 130px 0 80px 0;
width: 100%;
margin: 0 auto;
background-size: auto, cover;
background-position: top center;
background-repeat: repeat, no-repeat;
  }

  .interno_scheda{
padding:80px 0 30px 0;
width: 100%;
margin:40px auto 20px auto;
background-size: auto, cover;
background-position: top center;
background-repeat: repeat, no-repeat;
  }


  .interno_scheda h1{
    color: #888;
  font-size: 2em;
  text-transform: uppercase;
	  margin: 0;
	  padding: 0;
  }

  .macchinari{
    background-image:url(/images/black50.png), url(/images/head_macchinari.jpg);
  }

  .pallettizzazione{
    background-image:url(/images/black50.png), url(/images/back_pallettizzazione.jpg);
  }

  .tit_border{
    padding: 30px;
    border: 1px solid #fff;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    color: #fff;
  }

  .tit_border_sol{
    padding: 30px;
    border: 1px solid #555;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    color: #555;
  }
	.tit_border h2{
		  color: #fff;
font-size: 1.2em;
	margin:10px 0 5px 0;
	padding: 0;
		font-weight: bold;
	}



.interno h1{
  color: #fff;
font-size: 2em;
	margin: 0;
	padding: 0;
text-transform: uppercase;
}

.interno2 h1{
  color: #fff;
font-size: 2em;
		margin: 0;
	padding: 0;
text-transform: uppercase;
}
.interno2 h1.mix_blend{
  mix-blend-mode: difference;
}

.intest_prod{
width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_vostri_prodotti.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
}

.intest_sol{
  width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_soluzioni.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
}


.interno3 h1{
  color: #555;
font-size: 2em;
		margin: 0;
	padding: 0;
text-transform: uppercase;
}

.wrapper_title{
  text-align: center;
    font-size: 2em;
    color: #555;
    padding: 20px 0;
    width: 100%;
    text-transform: uppercase;
}


.associati_cat2{
  text-align: center;
    padding: 60px 0 20px 0;
	width: 100%;
    text-transform: uppercase;
}


	.associati_cat2 h3{
  text-align: center;
    font-size: 1.5em;
    color: #888;
	margin: 0 auto 30px auto;
    padding: 0;
    text-transform: uppercase;
}


	    .associati_cat2 h3::after,.associati_cat2 h3::before{
        content: "";
        width: 50px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #888;
    }




.breadcrumbs{
    padding: 0;
    text-align: center;
    width: 100%;
    color:#dedede;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;

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

  }

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


  .breadcrumbs_sol{
      padding: 0;
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
      color:#555;
      font-size: 0.8em;
      font-weight: 500;
      text-transform: uppercase;

    }
     .breadcrumbs_sol a{
    color:#555;
    font-weight: 500;
    text-decoration: none;

    }

    .breadcrumbs_sol a:hover{
    color:#f00;
    text-decoration: none;
    }


  .catalogue_div{
    width: 80%;
    margin: 30px auto;
    min-height: 50vh;
  }

  .catalogue_div .item{
/*  border: 1px solid #f00;*/
  width: 30%;
  margin: 0 15px 15px 0;
  overflow: hidden;
  position: relative;
  height:340px;
}
.catalogue_div .item:hover{
/*background-color: rgba(0, 0, 0, 0.5);*/
}


.catalogue_div .item:hover h2{
  background-color:#f00;
  color: #fff;
}

.catalogue_div .item2{
/*  border: 1px solid #f00;*/
width: 20%;
margin: 0 15px 15px 0;
overflow: hidden;
position: relative;
height:340px;
}
.catalogue_div .item2:hover{
/*background-color: rgba(0, 0, 0, 0.5);*/
}


.catalogue_div .item2:hover h2{
background-color:#f00;
color: #fff;
}


.catalogue_div h2{
  background-color:#888;
  color: #fff;
  padding:15px 0px;
  margin: 0;
  text-align: center;
  position: absolute;
  bottom:0;
  z-index: 4;
  width: 100%;
  font-weight: 500;
  font-size: 0.75em;
  /*min-height: 68px;*/
  text-transform: uppercase;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.cat_img{
   max-width: none;height:300px;
   -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden;
    /*  opacity: 0.7;*/
    position: relative;
 }


 .cat_img:hover{
  /* opacity: 1;*/
     -webkit-transform: scale3d(1.05,1.05,1);
     transform: scale3d(1.05,1.05,1);
 }



 .cat_img:before {
 	position: absolute;
 	top: 0;
 	left: -75%;
 	z-index: 2;
 	display: block;
 	content: '';
 	width: 50%;
 	height: 100%;
 	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 	-webkit-transform: skewX(-25deg);
 	transform: skewX(-25deg);
 }
 .cat_img:hover::before {
 	-webkit-animation: shine 1s;
 	animation: shine 1s;
 }
 @-webkit-keyframes shine {
 	100% {
 		left: 125%;
 	}
 }
 @keyframes shine {
 	100% {
 		left: 125%;
 	}
 }



.scheda_macchinari{
  width: 70%;
  margin: 0 auto;
  padding: 0 0 30px 0;
}


.scheda_pallettizzazione{
  width: 60%;
  margin: 0 auto;
  padding: 0 0 30px 0;
}



	.scheda_pallettizzazione ul{
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		color: #222;
		font-weight: 400;
		line-height: 1.8;
	}

	.scheda_pallettizzazione li{
		margin-bottom: 10px;
		padding-right: 20px;

	}


.scheda_news{
  width: 60%;
  margin: 0 auto;
  padding: 30px 0;
  min-height: 50vh;
}



.img_scheda{
width:50%;/*height:60vh;*/
overflow: hidden;
}

.img_scheda_news{
width:48%;/*height:60vh;*/
overflow: hidden;
}


.foto_big{
width:90%;
/*margin-top: 22px;*/
height:30vw;
margin: 10px auto;
cursor:pointer;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
  border:1px solid transparent;
}

.foto_big_news{
width:100%;
/*margin-top: 22px;*/
height:300px;
margin: 10px auto;
cursor:pointer;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}


.corner{
  opacity: 0;
}

.img_scheda div:hover .corner{
  opacity: 1;
}


.text_scheda{
  width:50%;

}

.linea-text{
 /* width: 10%;*/
  text-align: right;
  margin-top:5px;

}

.scheda-flex-text{
  width: 90%;
}

.text_scheda h1{
  font-size: 1.2em;
  color: #222;
  margin:10px 0;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.text_scheda h2{
  font-size: 0.9em;
  color: #555;
  margin:0;
  padding: 0;
  font-weight: bold;
}

.text_scheda p{
  font-size: 0.8em;
  color: #222;
  font-weight: 400;
    line-height: 1.8;
	padding-right: 20px;
}


.bread_scheda{
  width: 100%;
  position: relative;
  text-transform: uppercase;
  font-size: 0.8em;
  margin: 10px 0 20px 0;
  padding:5px 0;
  background-color: #fff;
  color: #f00;
  border-bottom: 1px solid #f00;
  font-weight: 400;
}

.bread_scheda a{
  color: #f00;
  font-weight: 400;
}

.bread_scheda a:hover{
  color: #222;
  font-weight: 400;
  text-decoration: none;
}

.bread_conf{
  margin:20px 0 80px 0;
  color: #f00;


    font-weight: 500;
  text-transform: capitalize;
}

.bread_conf a{
  color: #f00;
    padding: 10px;
    margin-right: 30px;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
}

.bread_conf a:hover{
  color: #222;
  text-decoration: underline;
}






.bread_scheda2{
  width: 100%;
  position: relative;
  text-transform: uppercase;
  font-size: 0.8em;
  margin: 10px 0 0 0;
  padding:5px 0;
/*  border-bottom: 1px solid #f00;*/
text-align: center;
  font-weight: 400;
}

.bread_scheda2 a{
  color: #222;
  font-weight: 400;
}

.bread_scheda2 a:hover{
  color: #f00;
  font-weight: 400;
  text-decoration: underline;
}

     .div_more_scheda{
        margin:40px 0;
    }

.more_scheda{
   padding: 20px 50px;
   font-size: 0.8em;
   font-weight: 400;
   text-align: center;
   background-color: #222;
   color: #fff;
   text-decoration: none;
   transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
 }

 .more_scheda:hover{
   padding: 20px 50px;
   text-align: center;
   background-color: #dedede;
   color: #222;
   text-decoration: none;
   transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
 }


.sol_scheda{
  padding: 40px 0 0 0;
  width: 95%;
  margin: 0 auto;
    text-align: center;
}
/*
#cart_s{
border-top:2px solid #dedede;
border-left:2px solid #dedede;
border-right:2px solid #dedede;
margin-top:5vh;
}

#prod_s{
border-bottom:2px solid #dedede;
border-left:2px solid #dedede;
border-right:2px solid #dedede;
}

*/



     .sol_scheda h1{
       font-weight: normal;
       color: #000;
       font-size: 1.5em;
       /*border-top: 1px solid #f00;
       border-bottom: 1px solid #f00;*/
       padding: 8px 0;
       margin:0 0 30px 0;
       text-transform: uppercase;
     }

    .sol_scheda h1::after,.sol_scheda h1::before{
        content: "";
        width: 40px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #555;
    }



 .sol_item
 {
 width: 200px;
 margin:0 2px 10px 2px;
 transition:0.8s ease;
 -moz-transition:0.8s ease;
 -webkit-transition:0.8s ease;

 }

     .sol_item a{
        text-decoration: none;
    }
     .sol_item a:hover{
        text-decoration: none;
    }

 .sol_img
 {width: 200px;
 height: 140px;
 margin: 0 auto;
  background-size:cover; background-position:center center;
 }

 .sol_item:hover
 {
 opacity:0.7;
 }

 .tit_sol_prod{
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: normal;
   text-align: center;
     color: #666;
 }


/*FORM*/

#form_info
 {position:relative;
 display:none;
 width: 100%;
 padding: 20px;
 color: #6a6a6a;
 background:#f5f5f5;
 margin-top: 30px;

 }


 #form_info h1
 {
 font-size: 1.5em;
 text-transform: uppercase;
 margin: 20px auto;
 width: 65%;
 text-align:center;
 border-top: 1px solid #888;
 border-bottom: 1px solid #888;
 padding: 5px 0;
 color:#777;
 }

 .contenuto_form
 {position:relative;
 	 width: 70%;
 margin: 20px auto;

 }

 .form_left
 {width: 30%;
 padding-right: 16px;
 }

  .form_left input{
    border: 1px solid #dedede;
    padding: 5px 5px;
    margin-bottom: 5px;
    width: 100%;
  }

 .form_right
 {width: 60%;
 }

 .form_right textarea
 {width: 100%;
 height:150px;
 }

 #info
 {margin: 15px auto;
   display: none;
   text-align: center;
   width: 66%;
   padding:15px 8px;
   background-color: #fff;
 }

      #info a{
        color: #f00;
         text-decoration: none;
      }

     #info a:hover{
        color: #f00;
         text-decoration: none;
      }

 .send
 {position:relative;
 width: 50%;

 margin: 15px auto;

 text-align:center;}

 .send button
 {margin-left: 30px;

 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }

 #show_info{
   margin: 0 auto;text-align: center;
   width: 70%;
   cursor: pointer;
   color: #777;
 }

 #show_info:hover{
   color: #f00;
 }


 .macchinari_scheda{
   padding: 150px 0 30px;
   width: 100%;
 font-weight: bold;
 text-align: center;
 font-size: 1em;
 text-transform: uppercase;
 }

 .scheda_img_piccole
  {position:relative;
  	 /*display:none;*/
  width: 80%;
  margin:-8px auto 0 auto;
  list-style-type:none;
  /*border-top: 1px solid #dedede;*/
  padding-top: 0;
  }


  .scheda_img_piccole li
  {list-style-type:none;
/*  display:inline;*/
  font-size:1em;
  cursor:pointer;
  vertical-align:middle;
  text-align: center;
  }

	 .scheda_pallettizzazione .scheda_img_piccole li
  {margin-bottom: 5px !important;
  }


  .scheda_img_piccole li img
  {
  width:25vw;
  height:auto;}


  .scheda_img_piccole_news
   {position:relative;
   	 /*display:none;*/
   width: 100%;
   margin:10px auto 0 auto;
   list-style-type:none;
   /*border-top: 1px solid #dedede;*/
   padding: 0;
   }

   .scheda_img_piccole_news li
   {list-style-type:none;
  display:inline;
   font-size:1em;
   cursor:pointer;
   vertical-align:middle;
   text-align: left;
   }

   .scheda_img_piccole_news li img
   {
   width:auto;
   height:90px;}




  .video_box{
width: 50%;
text-align: center;
margin-bottom: 30px;
}

.video_box video{
  width: 90%;
  height: auto;
}



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

/* Timeline */

dl{margin-top:0;margin-bottom:20px;display:block}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}



.timeline {
  padding: 20px 0 20px;
  position: relative;
}


/* Line */

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #cecece;
  left: 50%;
  margin-left: -1.5px;
}


/* Divider */

.timeline-divider {
  display: block;
  text-align: center;
  clear: both;
}

.timeline-divider-badge {
  background: #999;
  padding: 4px 20px;
  border-radius: 15px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  position: relative;
  font-weight: 300;
}


/* Badge */

.timeline-badge {
  color: #fff;
  width:75px;
  height: 20px;
/*line-height: 50px;
  font-size: 20px;*/
  text-align: center;
  /*background-color: #f00;*/
  background-image: url(/images/timedot_sx.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  z-index: 80;
  /*border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;*/
  display: inline-block;
  position: absolute;
  top: 15px;
  right: -9px;
  font-weight: 300;
}

.timeline-entry:nth-of-type(even) > .timeline-badge {
  background-image: url(/images/timedot_dx.png);
  left: -15px;
}


/* Entry */

.timeline-entry {
  margin: 20px 0;
  position: relative;
  width: 50%;
}


/* Entry Left */

.timeline-entry:nth-of-type(odd) {
  float: left;
  clear: left;
}


/* Entry Right */

.timeline-entry:nth-of-type(even) {
  float: right;
  clear: right;
}


/* Every 2nd entry after divider */

.timeline-divider + .timeline-entry + .timeline-entry {
  margin-top: 80px;
}


/* Panel */

.timeline-panel {
  min-height: 100px;
  width: 92%;
  float: left;
  border: 1px solid #d4d4d4;
  position: relative;
/*  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
}


/* Panel Right */

.timeline-entry:nth-of-type(even) > .timeline-panel {
  float: right;
}


.timeline-heading{
  text-align: center;
  padding: 80px;
}


/* Title */

.timeline-title {
  margin: 0;
  color: #fff;
  font-size: 2.2em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}


/* Title */

.timeline-date {
  margin: 10px 20px 0 20px;
  font-size: 85%;
  color: #999;
}


/* Body */

.timeline-body > p,
.timeline-body > ul {
  padding: 30px;
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 10px;
}


/* Footer */

.timeline-footer {
  padding: 20px;
  background-color: #f4f4f4;
}

.timeline-footer > a {
  cursor: pointer;
  text-decoration: none;
}

/*lavora con noi*/

.lav-item{
  background-color: #ededed;
  width: 30%;
  padding: 80px 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #222;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
position: relative;
overflow: hidden;
}

.lav-item: figcaption {
	padding: 1em 0 0 0;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lav-item figcaption::before,
.lav-item figcaption::after {
	pointer-events: none;
}

.lav-item:hover{
  background-color: #555;
}

.lav-item:hover a{
  color: #fff;
  text-decoration: none;
}


.lav-item a{
  display: inline;
    color: #222;
    font-size: 1em;
    text-decoration: none;
}

.lav-item a:hover{
    color: #fff;
    text-decoration: none;
}

.lav-item img{
  height: 20px;
  margin-right: 3px;
}


.lav-item figcaption::after {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.lav-item figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.lav-item:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
}

.cv{
  background-color: #555;
  color: #fff;
  font-size: 0.8em;
  display: block;
  margin: 15px auto 0 auto;
  padding: 5px;
  width: 150px;
}

.lav-item:hover p{
  background-color: #ededed;
  color: #222;
  text-decoration: none;
}

.scheda_lavoro{
  width: 70%;
  margin:0 auto;
  padding: 30px 0;
}
.desc_lav{
  width: 45%;
  padding: 20px 0;
}

.form_lav{
  width: 50%;
  padding:20px;background-color:#f5f5f5;
}

.soluzioni_scheda{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0 40px 0;
  border-bottom: 3px solid #f00;
}

.cart_img img{
  height: 100px;
  margin-left: 20px;
}

.soluzioni_scheda h1{
  color: #222;
  font-size: 2em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}




		.iscriviti_newsletter{
			width: 100%;
			background-color: #ededed;
			padding: 8vh 0;
		}


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

		.cont_iscriviti_newsletter h1{
			    color: #222;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 1.5em;
			text-align: center;
			color: #FF0001;
			text-transform: none;
			font-weight: 600;
		}
		.cont_iscriviti_newsletter h2{
			    color: #555;
    padding: 0;
    margin: 0;
    font-size: 1em;
			text-align: center;
		}

		.dati_newsletter{
			margin:40px 0 30px 0;
		}


 .send_news
 {position:relative;
 text-align:center;}

 .send_news button
 {margin-left: 30px;

 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }



 #show_info_news{
   margin: 0 auto;text-align: center;
   width: 100%;
   cursor: pointer;
   color: #777;
 }

 #show_info_news:hover{
   color: #f00;
 }





	#iscritto_newsletter, #errore_newsletter{
		display: none;
	}

	.div_msg_newsletter{
		width: 50vw;
		padding: 8vh 0;
		text-align: center;
		background-color: #fff;
	}

	.div_msg_newsletter h1{
		font-size: 1.5vw;
		color: #ff0000;
		margin-bottom: 20px;
	}
	.div_msg_newsletter p{
		font-size: 1vw;
		color: #222;
		margin-bottom: 50px;
	}

	.div_msg_newsletter a{
		font-size: 1vw;
		color: #222;
		text-decoration: none;

	}

	.div_msg_newsletter a:hover{
		color: #ff0000;
		text-decoration: none;
	}


.braibanti{
width:152px;
        height:auto;
	/*
                margin-bottom:8px;
                margin-top:14px;
                        float:right;
*/
	display:block;
	margin-top:0px;
	margin-bottom:13px;
}

  .foot2{
  width:21% !important;

  }




}




/* Tablet in modalità orizzontale */

    @media only screen and (min-width: 768px) and (max-width: 1299px){


      .marchio_storico{
        display: block;
        height: 7vh;
        margin-right: 15px;
      }
      
          .covid{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: 0 auto;
    width: 960px;
        height: 440px;
        background-color: #fff;
    z-index: 88;
    font-size: 1em;
        padding:60px 0 40px 0;
        text-align: center;
        line-height: 1.4;
        color: #555;
    }
        .covid a{
            width: 150px;
            background-color: #555;
            font-size: 0.8em;
            color: #fff;
            padding: 5px 10px;
            text-decoration: none;
        }

        .covid a:hover{
            background-color: #f00;
            color: #fff;
            text-decoration: none;
        }


        .estate{
          position: absolute;
              display: none;
          top:0; right:0; bottom:0; left:0; margin: 0 auto;
          width: 960px;
              height: 440px;
              background-color: #fff;
          z-index: 88;
          font-size: 1em;
              padding:60px 0 40px 0;
              text-align: center;
              line-height: 1.4;
              color: #555;
              background: url(/images/slide/linee.png) no-repeat #fff;background-position: top center;background-size: contain;

          }
              .estate a{
                  width: 150px;
                  background-color: #555;
                  font-size: 0.8em;
                  color: #fff;
                  padding: 5px 10px;
                  text-decoration: none;
              }

              .estate a:hover{
                  background-color: #f00;
                  color: #fff;
                  text-decoration: none;
              }

      .content_estate{
        width: 75%;margin:0 auto;background-color:#fff;padding:1vh 0 2vh 0;
      }

      .content_estate h2{
        font-size:2vw; color:#f00;margin:3vh 0;
        }

        .content_estate h1{
          font-size: 1.5vw;margin: 3vh 0 3vh 0;font-style:italic;color:#888;
        }

      .xmas{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: auto;
    width: 50vw;
    z-index: 88;
        text-align: center;
		  pointer-events: none;
    }
        .xmas img{
			padding-top: 18vh;
           width: 50vw;
			height: auto;
        }



      .certif_img{
        width:85px;height:auto;
       /*   display: block;*/
	margin-right:10px;
          margin-bottom: 10px;
    }

        .social_img{
            height: 35px;
        }

      /*AGENTI TABLET*/

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

      .cont-map{
        width: 100%;
      position: relative;
      }

      .text_map{
        position: absolute;
        z-index: 55;
        top:0px;
        left:0;
        right: 0;
        margin: auto;
        text-align: center;
        color: #222;
        font-size: 1em;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 10px 0;
        width: 100%;
      }

      .text_map h1{
        color: #FF0101;
        text-transform: uppercase;
        font-size: 1.5em;
        font-weight: 400;
      }


      .video_box
      {position:relative;
      	 display:block;
      	 width: 60%;
    		 margin:0 auto;
      	 padding: 40px 0;
      	 text-align:center;
      }


      .video_box h1
      {text-align:center;
      font-size: 2rem;
      text-transform:uppercase;}

      .video_box video
      {position:relative;
      	 display:block;
      width: 60%;
      height:375px;
      cursor:pointer;
      margin:0 auto;
     }

     .text175{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
     }

    .h3_175{
      color: #1A5CBA;
      font-size: 2.6em;
      font-weight: bold;
    }

    .logo_175{
   width:60%;text-align:center;margin:0 auto;
   }
   .logo_175 img{
     width: 500px;
   }

    .intest_175{
      color: #1A5CBA;
      margin: 0;
      padding: 0;
      position:absolute;top:-40px;left:70px;
    }

    .intest_175 a{
        color: #1A5CBA;
        font-size: 1.4em;
        font-weight: bold;
        text-decoration: none;
    }

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

    .p_175{
      color: #222;
      font-size: 1.2em;
      font-style: italic;
    }



    .photogallery{
    	width: 80%;
    	margin:20px auto;
    }

    .photogallery-div{
    	text-align: center;
    	padding-bottom: 10px;
    	margin:0 3px 25px 3px;
    	width: 25%;
      color:#333;
      font-weight: bold;
      font-size: 1.2em;
      background-color: #ededed;
      text-transform: uppercase;
      cursor: pointer;
    }

    .photogallery-div a{
    color:#1A5CBA;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
    }

    .photogallery-div a:hover{
    color:#fff;
    text-decoration: none;
    }

    .photogallery-div .img-catalogo{
    display: block;
    height: 220px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 1;

    }

    .photogallery-div:hover .img-catalogo{
    opacity: 0.6;
    }

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

    .photogallery-div:hover{
    opacity: 0.7;
    }

    .gallery_container_stabilimenti, .gallery_container_controllo_peso, .gallery_container_dosatori, .gallery_container_incartonatrici, .gallery_container_pasta_corta, .gallery_container_pasta_lunga, .gallery_container_trafile, .gallery_container_fiere{
    position:fixed;
      display:none;
      z-index:-1;
      bottom:0;
      left:0;}


    .timeline
    {
    position:relative;
    display:block;
    width: 100%;
    padding: 50px 0;

    }

    .timeline_logo
    {
    position:realtive;
    display:block;
    width: 500px;

    margin:0 auto;}

    .timeline_logo img
    {width:100%;
    height:auto;
    filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -webkit-filter:grayscale(100%);}

    .the_timeline
    {
    position:absolute;
    display:block;
    top: -30px;

    right:0;
    left:0;
    width: 2.5px;

    margin:0 auto;
    }

    .the_timeline img
    {width:2.5px;

    height:60px;
    }

    .timeline_event
    {
    position:relative;
    display:block;
    width: 100%;
    padding: 50px 0;

    text-align:center;
    margin-top: 60px;

    }

    .timeline_event h1
    {
    position:relative;
    display: inline-block;
    margin: 0 auto;
    color:#cbcbcb;
    font-size:70pt;

    font-weight:bold;
    font-style: italic;
    }

    .timeline_text
    {
    width: 680px;
    color: #222;
    font-size: 15pt;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    line-height: 1.2;
    margin: 0 auto;
    }


    .mobile{
      display: none;
    }

    .header-fix{
      width: 100%;
      /*height: 11vh;*/
      padding: 20px 0;
      background-color: #fff;
      color: #fff;
      position: fixed;
      z-index: 99;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
    }


  .shrink_interno{
    background-color: rgba(255,255,255,0.9);
    transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  width: 100%;
  /*height: 11vh;*/
  padding: 20px 0;
  background-color: #fff;
  color: #fff;
  position: fixed;
  z-index: 999;
  }

  footer{
    background-color: #e3e3e3;
    padding: 20px 0;
    /*text-align: center;*/
  }

  footer p{
    color: #222;
  font-size:0.7em;
  font-weight: normal;
  }

  .foot-cont{
    width: 70%;
    margin: 0 auto;
  }

  .foot1{
    width: 70%:
  }
  .foot2{
    width: 30%:
  }


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

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

    .head{
      width:90%;margin:0 auto;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
       text-align: center;
    }

    .head div{
      width: 33%;
    }

  .head div:first-child{
    text-align: left;
  }

  .area-ris a{
    text-transform: uppercase;
    font-size: 0.8em;
  display: inline;
   padding: 0 2px;
   vertical-align: middle;
    color: #000;
    text-decoration: none;
  }

  .area-ris a:hover{
    text-transform: uppercase;
    font-size: 0.8em;
    color: #f00;
    text-decoration: none;
  }

.area-ris{
  width: 12% !important;
}


/*
  .head div:last-child{
  border-right: 5px solid #f00;
  padding-right: 20px;
  text-align: right;
  }
*/

  .last-menu{
    border-right:5px solid #f00;padding-right:20px;text-align: right;
  }


  .dropdown{
    text-align: right;
    padding-left: 100px;
  }
  .dropdown-toggle{
    background-color: #fff;
    border: 1px solid transparent;
    color: #222;
    font-size: 0.8em;
  }

  .dropdown-toggle:hover,.dropdown-toggle:active,.dropdown-toggle:link{
    background-color: #fff;
    border: 1px solid transparent;
    color: #f00;
  }

  .dropdown-item{
  text-align: center;
  }

    .lang_select{
        height:15px;
    }

  .dropdown-item img{
    height: 15px;
    margin:0 auto;
  }


    .shrink{
      width: 100%;
      /*height: 11vh;*/
      padding: 20px 0;
      background-color: rgba(255,255,255,0.9);
      color: #fff;
      position: fixed;
      z-index: 999;
      transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s;
    }

    .shrink .logo2{
      width:15vh;
    }



    .intest{
      width: 60%;
      margin: 0 auto;
      padding:10px 0 0 0;
    }


    .logo{
      width:25vh;
      margin-top: 20px;
    }

    .logo2{
      width:15vh;
    }


  .slide{
    width: 100%;
    height: 70vh;
    background: url(/images/slide/sfondo.jpg) no-repeat;
    background-color: #f1f1f1;
    background-position: top left;
    background-size: cover;
    text-align: right;
    position: relative;
    margin-bottom: 200px;

  }

  .cont-slide{
    width: 80%;
    margin: 0 auto;
    height: 100%;
    background: url(/images/slide/linee.png) no-repeat;
    background-position: top right;
    background-size: contain;
    position: relative;
  }

  .text-slide{
    width: 55%;
    right: 0;
    float: right;
    text-align: justify;
    padding-top: 170px;
  }

  .text-slide h3{
    font-weight: normal;
    font-size: 0.7em;
    color: #222;
    margin: 0;
    padding: 0;
      line-height: 1.6;
  }

  .text-slide h1{
    font-weight: normal;
    font-size: 2.5em;
    color: #222;
    margin: 0;
    line-height: 1.2;
    padding: 0;
  }

  .red{
    color: #f00;
    font-weight: bold;
  }

  .in_evidenza{
    position: absolute;
    right: 14%;
    width: 40%;
    bottom:-280px;
    z-index: 80;
  }

  .owl-carousel{
    width: 100%;
  }

  .item{
    margin:0;
    width: 100%;
    cursor: pointer;
  }

  .item-text{
    width:35%;
    text-align: left;
    font-size: 0.7em;
    padding-top: 60px;
    text-transform: uppercase;
  }

  .item-macch{
    height:400px;width:60%;
    background-repeat:no-repeat;background-size:contain;background-position:top center;
  }


  .item-text2{
    width:25%;
    text-align: left;
    font-size: 0.7em;
    padding-top: 60px;
    text-transform: uppercase;
  }

  .item-macch2{
    height:400px;width:75%;
    background-repeat:no-repeat;background-size:contain;background-position:center center;
  }

  .item-text h2, .item-text2 h2{
    color: #888;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
  }



  .solution{
    padding-top: 100px;

  }

  .solution h1{
    /*color: #888;
    letter-spacing: 4px;
    padding-left: 5px;
    font-size: 1.2em;*/
    color: #222;
    letter-spacing: 4px;
    padding:0 0 0 5px;
	  margin: 0;
    font-size: 1.8em;
  }


  .box-hp{
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
  }

  .box-item{
    width: 32%;
    color: #222;
    opacity: 0.8;
    text-align: left;
  /*  border: 1px solid transparent;*/
	  min-height: 45vh;
	  position: relative;
  }

  .box-item:hover{
  opacity: 1;
  /*border: 1px solid #f00;*/
  }

			.a-padd{
		padding: 0 20px;
	}

			.box-item::after{
		position: absolute;
		content: "";
		width: 80px;
		height: 1px;
		display: block;
		/*top:110%;*/
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #555;
		margin:auto;
	}


  .box-item a{
    color: #222;
    text-decoration: none;
  line-height: 1.5;
  font-size: 0.9em;
  }

  .box-item:hover a{
    color: #f00;
    text-decoration: none;
  }

  .box-item a:hover{
    color: #f00;
    text-decoration: none;
  }



  /* Common style */
  .box-hp figure {
  	position: relative;
  	/*float: left;*/
  	overflow: hidden;
  	margin: 10px 0;
  	/*min-width: 320px;
  	max-width: 480px;
  	max-height: 360px;
  	width: 48%;
  	height: auto;*/
    width: 100%;
    height: 300px;
  	/*background: rgba(0,0,0,0.2);*/
  	text-align: center;
  	cursor: pointer;
  }

  .box-hp figure img {
  	position: relative;
  	display: block;
  	min-height: 100%;
  	max-width: 100%;
  	opacity: 0.7;
  }

  .box-hp figure figcaption {
  	padding: 1em 0 0 0;
  	color: #000;
  	text-transform: uppercase;
  	/*font-size: 1em;*/
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  }

  .box-hp figure figcaption::before,
  .box-hp figure figcaption::after {
  	pointer-events: none;
  }

  .box-hp figure figcaption,
  .box-hp figure figcaption > a {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  .box-hp figure figcaption > a {
  	z-index: 1000;
  	text-indent: 200%;
  	white-space: nowrap;
  	font-size: 0;
  	opacity: 0;
  }

  .box-hp figure h2 {
  	/*word-spacing: -0.15em;*/
  	font-weight: 500;
  }


  .box-hp figure h2 {
  	margin: 0;
  }


  /*---------------*/
  /***** Jazz *****/
  /*---------------*/


  figure.effect-jazz {
  	background: -webkit-linear-gradient(-80deg, #dedede 0%,#888 100%);
  	background: linear-gradient(-80deg, #dedede 0%,#888 100%);
  }

  figure.effect-jazz:hover {
  	background: -webkit-linear-gradient(-45deg, #777 0%,#fff 100%);
  	background: linear-gradient(-45deg, #777 0%,#fff 100%);
  opacity: 1;
  }

  figure.effect-jazz img {
  	opacity: 0.8;
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(0.7); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0.7); /* Microsoft Edge and Firefox 35+ */
  }

  figure.effect-jazz figcaption::after,
  figure.effect-jazz img,
  figure.effect-jazz p {
  	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  	transition: opacity 0.35s, transform 0.35s;
  }

  figure.effect-jazz figcaption::after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	border-top: 4px solid #fff;
  	border-bottom: 4px solid #fff;
  	content: '';
  	opacity: 0;
  	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  	-webkit-transform-origin: 50% 50%;
  	transform-origin: 50% 50%;
  }

  figure.effect-jazz h2{
  	opacity: 1;
  	-webkit-transform: scale3d(0.8,0.8,1);
  	transform: scale3d(0.8,0.8,1);
  }

  figure.effect-jazz h2 {
  	margin: 28% auto 0 auto;
    width: 60%;
    font-size: 1.2em;
  	-webkit-transition: -webkit-transform 0.35s;
  	transition: transform 0.35s;
    color: #fff;
    background-color: #f00;
  }

  figure.effect-jazz p {
  	padding: 0.5em 0;
  	text-transform: none;
  	font-size: 0.85em;
  	opacity: 0;
  }

  figure.effect-jazz:hover img {
  	opacity: 0.8;
  	-webkit-transform: scale3d(1.05,1.05,1);
  	transform: scale3d(1.05,1.05,1);
    -webkit-filter: grayscale(0);
  filter: none;
  }


  figure.effect-jazz:hover figcaption::after {
  	opacity: 1;
  	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
  	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
  }

  figure.effect-jazz:hover h2{
    color: #fff;
    background-color:#555;
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  figure.effect-jazz:hover p {
  	opacity: 1;
  	-webkit-transform: scale3d(1,1,1);
  	transform: scale3d(1,1,1);
  }





  .vostri-prod{
  padding: 250px 0 30px;
  width: 100%;
  background: url(/images/vostri_prodotti.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  font-weight: bold;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;

  }

  .soluzioni{
  padding: 250px 0 30px;
  width: 100%;
  background: url(/images/soluzioni_new.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  font-weight: bold;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;
  }

  .macchinari_hp{
    padding: 250px 0 30px;
    width: 100%;
  background: url(/images/macchinari_new.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  font-weight: bold;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;

  }

  .box-text{
    font-size: 0.8em;
    color: #555;
    text-align: left;
    padding: 10px;
  }



.video_hp{
  text-align: center;
  margin:100px 0 0 0;
	width: 100%;
	min-height: 70vh;
	overflow: hidden;
}

			.video_hp img{
		text-align: center;
	}

#video_loop{
  width: 100vw;
  height:auto;
  position: absolute;
  z-index: 40;
  top: -170px;
  left: 0;
	pointer-events: none;
}

  .video_hp h1{
    color: #fff;
    letter-spacing: 4px;
    padding: 0 0 0 5px;
	  margin: 0;
    font-size: 1.8em;
  }

  .video_hp p{
    color: #fff;
    font-size: 1em;
  }
  .video-cont{
    width: 100%;
    background-color: #6e6e6e;
    margin-top: 20px;
  }

  .video_hp video{
    width: 70%;
    margin: 0 auto;
  }

  .video-cont .video-img{
    width: 70%;
    margin: 0 auto;
  }

  .video-cont:hover a, .text_video_hp:hover {
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */

    opacity: 1;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
     transition: opacity .2s, transform .2s;
  }

  .video-cont a{
    opacity: 0.5;
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(0.6); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0.6); /* Microsoft Edge and Firefox 35+ */


    -webkit-transition: opacity .2s, -webkit-transform .2s;
     transition: opacity .2s, transform .2s;
  }

  .video-cont a:hover{
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */

    opacity: 1;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
     transition: opacity .2s, transform .2s;
  }

  .milestones{
    margin-top: 100px;
  }

  .milestones-tit{
    width: 50%;
  padding:30px 0 0 0;
    margin:0 auto;
    /*background: url(/images/back_milestones.jpg) no-repeat;
    background-size: contain;
    background-position: bottom center;*/
  }

  .milestones-tit h1{
    color: #222;
    letter-spacing: 4px;
    padding:0 10px;
	  margin: 0;
    font-size: 1.8em;
  }


  .ric_itw{

    padding: 150px 0;
    margin: 100px auto 50px auto;
    text-align: center;
  width: 70%;
    cursor: pointer;
    position: relative;
    }


    .cont-text{
      z-index: 1;
    }

  .cont-back{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  z-index: -1;
  background: url(/images/ric_itw.jpg) no-repeat;
  background-position: center center;
  background-size: 90%;
  opacity: 0.4;
  transition: background-size 0.10s ease-in;
  -moz-transition: background-size 0.10s ease-in;
  -ms-transition: background-size 0.10s ease-in;
  -o-transition: background-size 0.10s ease-in;
  -webkit-transition: background-size 0.10s ease-in;
  }

  .ric_itw:hover .cont-back{
  background-size: 95%;
  opacity: 1;
  }

    .ric_itw h1{
      color: #222;
      letter-spacing: 4px;
      padding:0 10px;
		margin:0;
      font-size: 1.8em;
    }

    .ric_itw p{
      color: #222;
      padding:0;
      font-size: 1em;
      width: 35%;
      background-color: rgba(255,255,255,0.6);
      padding: 10px;
      margin: 0 auto;
    }

    .butt_ric_itw{
      background-color: #f00;
      padding: 10px;
      width: 150px;
      margin: 10px auto;
      text-align: center;

    }

      .butt_ric_itw a{
        color: #fff;
        text-decoration: none;
        font-size: 0.8em;
        font-weight: 500;
      }

      .butt_ric_itw a:hover{
        color: #fff;
        text-decoration: none;
      }

      .butt_ric_itw:hover a{
        color: #fff;
        text-decoration: none;
      }

    .butt_ric_itw:hover{
      background-color: #555;

    }



    .interno{
  padding: 130px 0 80px 0;
  width: 100%;
  margin: 0 auto;
  background-size: auto, cover;
  background-position: top center;
  background-repeat: repeat, no-repeat;
    }

    .interno_scheda{
  padding:80px 0 30px 0;
  width: 100%;
  margin:40px auto 20px auto;
  background-size: auto, cover;
  background-position: top center;
  background-repeat: repeat, no-repeat;
    }


    .interno_scheda h1{
      color: #888;
    font-size: 2em;
    text-transform: uppercase;
		margin: 0;
		padding: 0;
    }

    .macchinari{
      background-image:url(/images/black50.png), url(/images/head_macchinari.jpg);
    }

		 .pallettizzazione{
    background-image:url(/images/black50.png), url(/images/back_pallettizzazione.jpg);
  }


    .tit_border{
      padding: 30px;
      border: 1px solid #fff;
      text-align: center;
      width: 50%;
      margin: 0 auto;
      color: #fff;
    }

    .tit_border_sol{
      padding: 30px;
      border: 1px solid #555;
      text-align: center;
      width: 50%;
      margin: 0 auto;
      color: #555;
    }

	.tit_border h2{
		  color: #fff;
font-size: 1.2em;
	margin:10px 0 5px 0;
	padding: 0;
		font-weight: bold;
	}


  .interno h1{
    color: #fff;
  font-size: 2em;
  text-transform: uppercase;
	  margin: 0;
	  padding: 0;
  }

  .interno2 h1{
    color: #fff;
  font-size: 2em;
  text-transform: uppercase;
	  margin: 0;
	  padding: 0;
  }

  .intest_prod{
  width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_vostri_prodotti.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }

  .intest_sol{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_soluzioni.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }


  .interno3 h1{
    color: #555;
  font-size: 2em;
  text-transform: uppercase;
	  margin:0;
	  padding: 0;
  }

  .wrapper_title{
    text-align: center;
      font-size: 2em;
      color: #555;
      padding: 20px 0;
      width: 100%;
  }


.associati_cat2{
  text-align: center;
    padding: 40px 0 20px 0;
	width: 100%;
    text-transform: uppercase;
}


	.associati_cat2 h3{
  text-align: center;
    font-size: 1.5em;
    color: #888;
	margin: 0 auto 30px auto;
    padding: 0;
    text-transform: uppercase;
}


	    .associati_cat2 h3::after,.associati_cat2 h3::before{
        content: "";
        width: 50px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #888;
    }

  .breadcrumbs{
      padding: 0;
      text-align: center;
      width: 100%;
      color:#dedede;
      font-size: 0.8em;
      font-weight: 500;
      text-transform: uppercase;

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

    }

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


    .breadcrumbs_sol{
        padding: 0;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
        color:#555;
        font-size: 0.8em;
        font-weight: 500;
        text-transform: uppercase;

      }
       .breadcrumbs_sol a{
      color:#555;
      font-weight: 500;
      text-decoration: none;

      }

      .breadcrumbs_sol a:hover{
      color:#f00;
      text-decoration: none;
      }


    .catalogue_div{
      width: 80%;
      margin: 30px auto;
      min-height: 50vh;
    }

    .catalogue_div .item{
  /*  border: 1px solid #f00;*/
    width: 30%;
    margin: 0 15px 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .catalogue_div .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }


  .catalogue_div .item:hover h2{
    background-color:#f00;
    color: #fff;
  }

  .catalogue_div .item2{
  /*  border: 1px solid #f00;*/
  width: 20%;
  margin: 0 15px 15px 0;
  overflow: hidden;
  position: relative;
  height:340px;
  }
  .catalogue_div .item2:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }


  .catalogue_div .item2:hover h2{
  background-color:#f00;
  color: #fff;
  }


  .catalogue_div h2{
    background-color:#888;
    color: #fff;
    padding:15px 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 500;
    font-size: 0.9em;
   /* min-height: 68px;*/
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }

  .cat_img{
     max-width: none;height:300px;
     -webkit-transition: opacity .2s, -webkit-transform .2s;
     transition: opacity .2s, transform .2s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;
        opacity: 0.7;
      position: relative;
   }


   .cat_img:hover{
     opacity: 1;
       -webkit-transform: scale3d(1.05,1.05,1);
       transform: scale3d(1.05,1.05,1);
   }



   .cat_img:before {
   	position: absolute;
   	top: 0;
   	left: -75%;
   	z-index: 2;
   	display: block;
   	content: '';
   	width: 50%;
   	height: 100%;
   	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
   	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
   	-webkit-transform: skewX(-25deg);
   	transform: skewX(-25deg);
   }
   .cat_img:hover::before {
   	-webkit-animation: shine 1s;
   	animation: shine 1s;
   }
   @-webkit-keyframes shine {
   	100% {
   		left: 125%;
   	}
   }
   @keyframes shine {
   	100% {
   		left: 125%;
   	}
   }



  .scheda_macchinari{
    width: 70%;
    margin: 0 auto;
    padding: 0 0 30px 0;
  }

  .scheda_pallettizzazione{
    width: 60%;
    margin: 0 auto;
    padding: 0 0 30px 0;
  }


  .scheda_news{
    width: 60%;
    margin: 0 auto;
    padding: 30px 0;
    min-height: 50vh;
  }



  .img_scheda{
  width:50%;/*height:60vh;*/
  overflow: hidden;
  }

  .img_scheda_news{
  width:48%;/*height:60vh;*/
  overflow: hidden;
  }


  .foto_big{
  width:90%;
  /*margin-top: 22px;*/
  height:30vw;
  margin: 10px auto;
  cursor:pointer;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
    border:1px solid transparent;
  }

  .foto_big_news{
  width:100%;
  /*margin-top: 22px;*/
  height:300px;
  margin: 10px auto;
  cursor:pointer;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  }


  .corner{
    opacity: 0;
  }

  .img_scheda div:hover .corner{
    opacity: 1;
  }


  .text_scheda{
    width:50%;

  }

  .linea-text{
    width: 10%;
    text-align: center;
  }

  .scheda-flex-text{
    width: 90%;
  }

  .text_scheda h1{
    font-size: 1.2em;
    color: #222;
    margin:0 0 0 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
  }

	.text_scheda h2{
  font-size: 0.9em;
  color: #555;
  margin:0;
  padding: 0;
  font-weight: bold;
}


  .text_scheda p{
    font-size: 0.8em;
    color: #222;
    font-weight: 400;
      line-height: 1.8;
  }


  .bread_scheda{
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 10px 0 20px 0;
    padding:5px 0;
    background-color: #fff;
    color: #f00;
    border-bottom: 1px solid #f00;
    font-weight: 400;
  }

  .bread_scheda a{
    color: #f00;
    font-weight: 400;
  }

  .bread_scheda a:hover{
    color: #222;
    font-weight: 400;
    text-decoration: none;
  }

  .bread_conf{
    margin:20px 0 80px 0;
    color: #f00;


      font-weight: 500;
    text-transform: capitalize;
  }

  .bread_conf a{
    color: #f00;
      padding: 10px;
      margin-right: 30px;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
  }

  .bread_conf a:hover{
    color: #222;
    text-decoration: underline;
  }


  .bread_scheda2{
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 10px 0 0 0;
    padding:5px 0;
  /*  border-bottom: 1px solid #f00;*/
  text-align: center;
    font-weight: 400;
  }

  .bread_scheda2 a{
    color: #222;
    font-weight: 400;
  }

  .bread_scheda2 a:hover{
    color: #f00;
    font-weight: 400;
    text-decoration: underline;
  }


 .div_more_scheda{
        margin:40px 0;
    }

  .more_scheda{
     padding: 20px 50px;
     font-size: 0.8em;
     font-weight: 400;
     text-align: center;
     background-color: #222;
     color: #fff;
     text-decoration: none;
     transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
   }

   .more_scheda:hover{
     padding: 20px 50px;
     text-align: center;
     background-color: #dedede;
     color: #222;
     text-decoration: none;
     transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
   }



.sol_scheda{
  padding: 40px 0 0 0;
  width: 95%;
  margin: 0 auto;
    text-align: center;
}

     .sol_scheda h1{
       font-weight: normal;
       color: #333;
       font-size: 1em;
       /*border-top: 1px solid #f00;
       border-bottom: 1px solid #f00;*/
       padding: 8px 0;
       margin:0 0 30px 0;
       text-transform: uppercase;
     }

    .sol_scheda h1::after,.sol_scheda h1::before{
        content: "";
        width: 40px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #555;
    }


   .sol_item
   {
   width: 200px;
   margin:0 2px 10px 2px;
   transition:0.8s ease;
   -moz-transition:0.8s ease;
   -webkit-transition:0.8s ease;

   }

     .sol_item a{
        text-decoration: none;
    }
     .sol_item a:hover{
        text-decoration: none;
    }


   .sol_img
   {width: 200px;
   height: 140px;
   margin: 0 auto;
    background-size:cover; background-position:center center;
   }

   .sol_item:hover
   {
   opacity:0.7;
   }

   .tit_sol_prod{
     font-size: 0.8em;
     text-transform: uppercase;
     font-weight: normal;
     text-align: center;
       color: #666;
   }


  /*FORM*/

  #form_info
   {position:relative;
   display:none;
   width: 100%;
   padding: 20px;
   color: #6a6a6a;
   background:#f5f5f5;
   margin-top: 30px;

   }


   #form_info h1
   {
   font-size: 1.5em;
   text-transform: uppercase;
   margin: 20px auto;
   width: 65%;
   text-align:center;
   border-top: 1px solid #888;
   border-bottom: 1px solid #888;
   padding: 5px 0;
   color:#777;
   }

   .contenuto_form
   {position:relative;
   	 width: 70%;
   margin: 20px auto;

   }

   .form_left
   {width: 30%;
   padding-right: 16px;
   }

    .form_left input{
      border: 1px solid #dedede;
      padding: 5px 5px;
      margin-bottom: 5px;
      width: 100%;
    }

   .form_right
   {width: 60%;
   }

   .form_right textarea
   {width: 100%;
   height:150px;
   }

   #info
   {margin: 15px auto;
     display: none;
     text-align: center;
     width: 66%;
     padding:15px 8px;
     background-color: #fff;
   }

          #info a{
        color: #f00;
         text-decoration: none;
      }

     #info a:hover{
        color: #f00;
         text-decoration: none;
      }

   .send
   {position:relative;
   width: 50%;

   margin: 15px auto;

   text-align:center;}

   .send button
   {margin-left: 30px;

   padding: 20px;
  outline: none;
  border: none;
  background: #BDBDBD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
   }

   #show_info{
     margin: 0 auto;text-align: center;
     width: 70%;
     cursor: pointer;
     color: #777;
   }

   #show_info:hover{
     color: #f00;
   }


   .macchinari_scheda{
     padding: 150px 0 30px;
     width: 100%;
   font-weight: bold;
   text-align: center;
   font-size: 1em;
   text-transform: uppercase;
   }

   .scheda_img_piccole
    {position:relative;
    	 /*display:none;*/
    width: 80%;
    margin:-8px auto 0 auto;
    list-style-type:none;
    /*border-top: 1px solid #dedede;*/
    padding-top: 0;
    }

    .scheda_img_piccole li
    {list-style-type:none;
  /*  display:inline;*/
    font-size:1em;
    cursor:pointer;
    vertical-align:middle;
    text-align: center;
    }

    .scheda_img_piccole li img
    {
    width:25vw;
    height:auto;}


    .scheda_img_piccole_news
     {position:relative;
     	 /*display:none;*/
     width: 100%;
     margin:10px auto 0 auto;
     list-style-type:none;
     /*border-top: 1px solid #dedede;*/
     padding: 0;
     }

     .scheda_img_piccole_news li
     {list-style-type:none;
    display:inline;
     font-size:1em;
     cursor:pointer;
     vertical-align:middle;
     text-align: left;
     }

     .scheda_img_piccole_news li img
     {
     width:auto;
     height:80px;}




    .video_box{
  width: 50%;
  text-align: center;
  margin-bottom: 30px;
  }

  .video_box video{
    width: 90%;
    height: auto;
  }



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

  /* Timeline */

  dl{margin-top:0;margin-bottom:20px;display:block}
  dt,dd{line-height:1.42857143}
  dt{font-weight:700}
  dd{margin-left:0}
  @media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}



  .timeline {
    padding: 20px 0 20px;
    position: relative;
  }


  /* Line */

  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #cecece;
    left: 50%;
    margin-left: -1.5px;
  }


  /* Divider */

  .timeline-divider {
    display: block;
    text-align: center;
    clear: both;
  }

  .timeline-divider-badge {
    background: #999;
    padding: 4px 20px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    position: relative;
    font-weight: 300;
  }


  /* Badge */

  .timeline-badge {
    color: #fff;
    width:75px;
    height: 20px;
  /*line-height: 50px;
    font-size: 20px;*/
    text-align: center;
    /*background-color: #f00;*/
    background-image: url(/images/timedot_sx.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 80;
    /*border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;*/
    display: inline-block;
    position: absolute;
    top: 15px;
    right: -9px;
    font-weight: 300;
  }

  .timeline-entry:nth-of-type(even) > .timeline-badge {
    background-image: url(/images/timedot_dx.png);
    left: -15px;
  }


  /* Entry */

  .timeline-entry {
    margin: 20px 0;
    position: relative;
    width: 50%;
  }


  /* Entry Left */

  .timeline-entry:nth-of-type(odd) {
    float: left;
    clear: left;
  }


  /* Entry Right */

  .timeline-entry:nth-of-type(even) {
    float: right;
    clear: right;
  }


  /* Every 2nd entry after divider */

  .timeline-divider + .timeline-entry + .timeline-entry {
    margin-top: 80px;
  }


  /* Panel */

  .timeline-panel {
    min-height: 100px;
    width: 92%;
    float: left;
    border: 1px solid #d4d4d4;
    position: relative;
  /*  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
  }


  /* Panel Right */

  .timeline-entry:nth-of-type(even) > .timeline-panel {
    float: right;
  }


  .timeline-heading{
    text-align: center;
    padding: 80px;
  }


  /* Title */

  .timeline-title {
    margin: 0;
    color: #fff;
    font-size: 2.2em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
  }


  /* Title */

  .timeline-date {
    margin: 10px 20px 0 20px;
    font-size: 85%;
    color: #999;
  }


  /* Body */

  .timeline-body > p,
  .timeline-body > ul {
    padding: 30px;
    margin-bottom: 0;
  }

  .timeline-body > p + p {
    margin-top: 10px;
  }


  /* Footer */

  .timeline-footer {
    padding: 20px;
    background-color: #f4f4f4;
  }

  .timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
  }

  /*lavora con noi*/

  .lav-item{
    background-color: #ededed;
    width: 30%;
    padding: 80px 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #222;
    -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  }

  .lav-item: figcaption {
  	padding: 1em 0 0 0;
  	color: #fff;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  }

  .lav-item figcaption::before,
  .lav-item figcaption::after {
  	pointer-events: none;
  }

  .lav-item:hover{
    background-color: #555;
  }

  .lav-item:hover a{
    color: #fff;
    text-decoration: none;
  }


  .lav-item a{
    display: inline;
      color: #222;
      font-size: 1em;
      text-decoration: none;
  }

  .lav-item a:hover{
      color: #fff;
      text-decoration: none;
  }

  .lav-item img{
    height: 20px;
    margin-right: 3px;
  }


  .lav-item figcaption::after {
  	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  	transition: opacity 0.35s, transform 0.35s;
  }

  .lav-item figcaption::after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	border-top: 1px solid #fff;
  	border-bottom: 1px solid #fff;
  	content: '';
  	opacity: 0;
  	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
  	transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
  	-webkit-transform-origin: 50% 50%;
  	transform-origin: 50% 50%;
  }

  .lav-item:hover figcaption::after {
  	opacity: 1;
  	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
  	transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
  }

  .cv{
    background-color: #555;
    color: #fff;
    font-size: 0.8em;
    display: block;
    margin: 15px auto 0 auto;
    padding: 5px;
    width: 150px;
  }

  .lav-item:hover p{
    background-color: #ededed;
    color: #222;
    text-decoration: none;
  }

  .scheda_lavoro{
    width: 70%;
    margin:0 auto;
    padding: 30px 0;
  }
  .desc_lav{
    width: 45%;
    padding: 20px 0;
  }

  .form_lav{
    width: 50%;
    padding:20px;background-color:#f5f5f5;
  }

  .soluzioni_scheda{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 40px 0;
    border-bottom: 3px solid #f00;
  }

  .cart_img img{
    height: 100px;
    margin-left: 20px;
  }

  .soluzioni_scheda h1{
    color: #222;
    font-size: 2em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
  }


		.iscriviti_newsletter{
			width: 100%;
			background-color: #ededed;
			padding: 3vh 0;
		}


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

		.cont_iscriviti_newsletter h1{
			    color: #222;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 1.5em;
			text-align: center;
			color: #FF0001;
			text-transform: none;
			font-weight: 600;
		}
		.cont_iscriviti_newsletter h2{
			    color: #555;
    padding: 0;
    margin: 0;
    font-size: 1em;
			text-align: center;
		}

		.dati_newsletter{
			margin:40px 0 30px 0;
		}


 .send_news
 {position:relative;
 text-align:center;}

 .send_news button
 {margin-left: 30px;

 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }



 #show_info_news{
   margin: 0 auto;text-align: center;
   width: 100%;
   cursor: pointer;
   color: #777;
 }

 #show_info_news:hover{
   color: #f00;
 }


			#iscritto_newsletter, #errore_newsletter{
		display: none;
	}

	.div_msg_newsletter{
		width: 50vw;
		padding: 8vh 0;
		text-align: center;
		background-color: #fff;
	}

	.div_msg_newsletter h1{
		font-size: 1.5vw;
		color: #ff0000;
		margin-bottom: 20px;
	}
	.div_msg_newsletter p{
		font-size: 1vw;
		color: #222;
		margin-bottom: 50px;
	}

	.div_msg_newsletter a{
		font-size: 1vw;
		color: #222;
		text-decoration: none;

	}

	.div_msg_newsletter a:hover{
		color: #ff0000;
		text-decoration: none;
	}


.braibanti{
width:152px;
        height:auto;
                margin-bottom:8px;
                margin-top:14px;
                margin-left:30px;
                        float:right;

}

  .foot2{
  /*width:21% !important;*/

  }



  }


/*MOBILE*/

@media screen and (max-width: 767px) { /*max-device-width importante per la visualizzazione landscape*/



  /* servizio assistanza per homepage */

  .assistenza_container_round_{
    margin: 0 auto;width: 57vw;height: 57vw;border-radius: 54%;background-image: url('/images/ricambi_assistenza.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;
  }
  .ricambi_link_{
    cursor: unset;color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.5em;font-weight: bold;
  }
  .ricambi_link_2_{
    cursor: unset;color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.5em;font-weight: bold;
  }
  .assistenza_testo_{
    width: 100vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }
  .ricambi_testo_{
    width: 100vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }
  .approfondisci_pulsante_{
    margin: 1vh 0vw 0vh 0vw;cursor: pointer;width: 44vw;background-color: red;color: white;font-size: 1em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_2_{
    margin: 1vh 0vw 0vh 0vw;cursor: pointer;width: 44vw;background-color: red;color: white;font-size: 1em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_:hover{
    background-color: 555555;
  }
  .approfondisci_pulsante_2_:hover{
    background-color: 555555;
  }
  .transition_round_{
    cursor: pointer;width: 57vw;height: 57vw;border-radius: 54%;background-image: url('/images/transizione_4_0.jpg');background-size: 87vw;background-position: center center;background-repeat: no-repeat;
  }

  .approfondisci_pulsante_3{
    cursor: pointer;width: 69.111vw;background-color: red;color: white;font-size: 0.9em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_3:hover{
    background-color: 555555;
  }
  .approfondisci_pulsante_4{
    cursor: pointer;width: 69.111vw;background-color: red;color: white;font-size: 0.9em;font-weight: bold;padding: 0.5vh;
  }
  .approfondisci_pulsante_4:hover{
    background-color: 555555;
  }


  .intest_ass{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/ricambi_assistenza_page.jpg);background-size: cover;
  }
  .intest_ric{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/ricambi_assistenza_page.jpg);background-size: cover;
  }
  .intest_trans{
    width: 100%;margin: 0 auto;padding: 130px 0 80px 0;background-image: url(/images/transizione_page.jpg);background-size: initial;
  }


  /* transition page */

  .transition_container{
    background-color: white;width: 100vw;height: 48vh;margin-top: 14vh;margin-bottom: 17vh;
  }
  .transition_div{
    background-color: white;width: 35vw;height: 51vh;position: relative;
  }
  .transition_round{
    cursor: pointer;position: absolute;top: 0vw;left: 10vh;width: 26vw;height: 26vw;border-radius: 54%;background-image: url('/images/transizione_4_0.jpg');background-size: 42vw;background-position: center center;background-repeat: no-repeat;
  }
  .transition_div_2{
    width: 35vw;height: 51vh;position: relative;
  }
  .transition_div_title{
    width: 32vw;height: 48vh;position: absolute;left: -10vw;top: 1vw;
  }
  .transizione_4_link{
    /*color: #15208c;*/color: black;letter-spacing: 4px;letter-spacing: 4px;margin: 0;font-size: 1.8em;font-weight: bold;position: absolute;top: 17vh;left: 10vw;width: 30vw;
  }
  .transition_text{
  position: absolute;top: 22vh;left: 10vw;width: 31vw;color: #222;text-decoration: none;line-height: 1.5;font-size: 0.9em;
  }

  .solution_container_space{
    width: 95vw;margin: 0 auto;
  }

  /* tabella chiedi info */

  table.chiedi_info_{
    width: 77%;
    margin: 0 auto;
  }
  table.chiedi_info_ td{
    height: 4.889vh;
  }
  table.chiedi_info_ input{

  }



  .covid{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: 0 auto;
    width: 90vw;
        height: 80vw;
        background-color: #fff;
    z-index: 88;
    font-size: 2.4vw;
        padding: 30px 0;
        text-align: center;
        line-height: 1.4;
        color: #555;
    }
        .covid a{
            width: 150px;
            margin-top: 20px;
            background-color: #555;
            font-size: 1em;
            color: #fff;
            padding: 5px 10px;
            text-decoration: none;
        }

        .covid a:hover{
            background-color: #f00;
            color: #fff;
            text-decoration: none;
        }

        .estate{
          position: absolute;
              display: none;
          top:0; right:0; bottom:0; left:0; margin: 0 auto;
          width: 90vw;
              height: 80vw;
              background-color: #fff;
          z-index: 88;
          font-size: 3vw;
              /*padding: 30px 0;*/
              padding: 0px 0;
              text-align: center;
              line-height: 1.4;
              color: #555;
              background: url(/images/slide/linee.png) no-repeat #fff;background-position: top center;background-size: contain;
          }
              .estate a{
                width: 150px;
                margin-top: 20px;
                background-color: #555;
                font-size: 1em;
                color: #fff;
                padding: 5px 10px;
                text-decoration: none;
              }

              .estate a:hover{
                  background-color: #f00;
                  color: #fff;
                  text-decoration: none;
              }

        .content_estate{
          width: 90%;
          margin: 5vh auto 0 auto;
          background-color: #fff;
          padding: 2vh 0 2vh 0;
                }

        .content_estate h2{
        font-size:5vw; color:#f00;margin:3vh 0;
        }

        .content_estate h1{
          font-size: 4.5vw;margin: 3vh 0 3vh 0;font-style:italic;color:#888;
        }


      .xmas{
    position: absolute;
        display: none;
    top:0; right:0; bottom:0; left:0; margin: auto;
    width: 90vw;
    z-index: 88;
        text-align: center;
		  pointer-events: none;
    }
        .xmas img{
			padding-top: 18vh;
           width: 90vw;
			height: auto;
        }


        .marchio_storico{
          display: block;
          height: 7vh;
          margin-right: 15px;
        }
        



.desk{
  display: none;
}

#no_zoom_mob{
  pointer-events: none;
    cursor: default;
}

    .certif_img{
        width:55px;height:auto;
    }

    .certif_img:nth-child(1){
	    float:left;
	    margin-right:10px;
    }
    .certif_img:nth-child(2){
display:block;
margin-bottom:10px;
    }

     .social_img{
            height: 35px;
        }

/*AGENTI MOBILE*/

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

.cont-map{
  width: 100%;
position: relative;
}

.text_map{
  position: absolute;
  z-index: 55;
  top:0px;
  left:0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #222;
  font-size: 0.9em;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
  width: 100%;
}

.text_map h1{
  color: #FF0101;
  text-transform: uppercase;
  font-size: 2vh;
  font-weight: 400;
}



.logo{
  height: 40px;
}

    .header-fix{
      width: 100%;
      /*height: 11vh;*/
      padding: 20px;
      background-color: #fff;
      color: #fff;
    /*  position: fixed;*/
      z-index: 999;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
    }

.area-ris{
  display: none;
}



.last-menu{
  border-right:5px solid #f00;padding:0 5px;text-align: right;
}


.dropdown{
  text-align: right;
  padding-right: 15px;
}
.dropdown-toggle{
  background-color: #fff;
  border: 1px solid transparent;
  color: #222;
  font-size: 0.7em;
}

.dropdown-toggle:hover,.dropdown-toggle:active,.dropdown-toggle:link{
  background-color: #fff;
  border: 1px solid transparent;
  color: #f00;
}

.dropdown-item{
text-align: center;
}

    .lang_select{
        height:12px;
    }

.dropdown-item img{
  height: 15px;
  margin:0 auto;
}


.slide{
  width: 100%;
/*  height: 70vh;*/
  text-align: center;
  position: relative;
/*  margin-bottom: 200px;*/

}

.cont-slide{
  width: 100%;
  margin: 0 auto;
  /*background: url(/images/slide/linee.png) no-repeat;
  background-position: center center;*/
  background: url(/images/slide/sfondo_mob.jpg) no-repeat;
 background-position: center center;
  background-size: cover;
  position: relative;
  background-color: #f1f1f1;

}

.text-slide{
  width: 75%;
  margin: 0 auto;
  right: 0;
  float: right;
  text-align: left;
  padding: 120px 20px 120px 0;
}

.text-slide h3{
  font-weight: normal;
  font-size: 2.5vw;
  color: #222;
  margin: 0;
  padding: 0;
    line-height: 1.5;
}

.text-slide h1{
  font-weight: normal;
  font-size: 7vw;
  color: #222;
  margin: 0;
  line-height: 1.2;
  padding: 0;
}

.red{
  color: #f00;
  font-weight: bold;
}

.in_evidenza{
/*position: absolute;
right: 14%;*/
width: 90%;
margin: 0 auto;
}

.owl-carousel{
  width: 100%;
}

.item{
  margin:0;
  width: 100%;
  cursor: pointer;
}

.item2{
  margin:0;
  width: 100%;
}

.item-text{
  width:35%;
  text-align: left;
  font-size: 0.7em;
  padding-top: 0;
  text-transform: uppercase;
}

.item-macch{
  height:300px;width:62%;
  background-repeat:no-repeat;
  background-size:contain;background-position:center center;
}

.item-text2{
  width:25%;
  text-align: left;
  font-size: 0.7em;
  padding-top: 60px;
  text-transform: uppercase;
}

.item-macch2{
  height:300px;width:75%;
  background-repeat:no-repeat;background-size:contain;background-position:center center;
}

.item-text h2, .item-text2 h2{
  color: #888;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}


    .solution {
        padding-top: 50px;
    }


.solution h1{
/*  color: #888;
  width: 80%;
  letter-spacing: 2px;
  padding-left: 5px;
  font-size: 3.2vw;*/
    color: #222;
    letter-spacing: 4px;
    padding: 5px 0 0 5px;
    font-size: 4vw;
    line-height: 1.6;
    text-align: center
  }

.box-hp{
  width: 95%;
  margin: 0 auto;
  padding: 0 0 30px 0;
}


.box-item{
  width: 100%;
  color: #222;
	position: relative;
  opacity: 0.8;
  text-align: left;
/*  border: 1px solid transparent;*/
	padding-bottom: 40px;
    margin-bottom: 40px;
}


	.a-padd{
		padding: 0 20px;
	}


			.box-item::after{
		position: absolute;
		content: "";
		width: 40px;
		height: 1px;
		display: block;
		/*top:110%;*/
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #555;
		margin:auto;
	}



.box-item:hover{
opacity: 1;
/*border: 1px solid #f00;*/
}

.box-item a{
  color: #222;
  text-decoration: none;
line-height: 1.5;
font-size: 0.9em;
}

.box-item:hover a{
  color: #f00;
  text-decoration: none;
}

.box-item a:hover{
  color: #f00;
  text-decoration: none;
}



/* Common style */
.box-hp figure {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	margin: 10px 0;
	/*min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;*/
  width: 100%;
  height: 300px;
	/*background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.box-hp figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.box-hp figure figcaption {
	padding: 1em 0 0 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.box-hp figure figcaption::before,
.box-hp figure figcaption::after {
	pointer-events: none;
}

.box-hp figure figcaption,
.box-hp figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.box-hp figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.box-hp figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 500;
}


.box-hp figure h2 {
	margin: 0;
}


/*---------------*/
/***** Jazz *****/
/*---------------*/

/*figure.effect-jazz {
	background: -webkit-linear-gradient(-80deg, #666 0%,#000 100%);
	background: linear-gradient(-80deg, #666 0%,#000 100%);

}

figure.effect-jazz:hover {
	background: -webkit-linear-gradient(-45deg, #777 0%,#fff 100%);
	background: linear-gradient(-45deg, #777 0%,#fff 100%);

}*/

figure.effect-jazz img {
	/*opacity: 0.7;
  filter: gray; /* IE6-9 */
/*-webkit-filter: grayscale(0.6); /* Google Chrome, Safari 6+ & Opera 15+ */
/*filter: grayscale(0.6); /* Microsoft Edge and Firefox 35+ */
    opacity: 1;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
  -webkit-filter: grayscale(0);
filter: none;
}

/*figure.effect-jazz figcaption,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}*/

/*figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 4px solid #dedede;
	border-bottom: 4px solid #dedede;
	content: '';
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}*/

figure.effect-jazz h2{
	opacity: 1;
/*	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);*/
}

figure.effect-jazz h2 {
	margin: 28% auto 0 auto;
  width: 60%;
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;*/
}

figure.effect-jazz p {
	padding: 0.5em 0;
	text-transform: none;
	font-size: 0.85em;
	opacity: 1;
}
/*
figure.effect-jazz:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
  -webkit-filter: grayscale(0);
filter: none;
}
*/

/*figure.effect-jazz figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}*/

figure.effect-jazz h2{
  color: #fff;
  background-color:#f00;/* rgba(255,255,255,.8);*/
  opacity: 1;
    font-size: 1.4em;
    letter-spacing: 2;
    padding: 5px 2px;
 /* -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);*/
}
figure.effect-jazz p {
	opacity: 1;
/*	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);*/
}




.vostri-prod{
    padding: 150px 0 30px;
    width: 100%;
background: url(/images/vostri_prodotti.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;

}

.soluzioni{
  padding: 150px 0 30px;
  width: 100%;
background: url(/images/soluzioni_new.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;

}

.macchinari_hp{
  padding: 150px 0 30px;
  width: 100%;
background: url(/images/macchinari_new.jpg) no-repeat;
background-size: cover;
background-position: center center;
font-weight: bold;
text-align: center;
font-size: 1em;
text-transform: uppercase;
}



.box-text{
  font-size: 0.8em;
  color: #555;
  text-align: left;
  padding: 5px 0 10px 0;
}



.video_hp{
  text-align: center;
 margin:40px 0;
	width: 100%;
	/*min-height: 70vh;*/
	/*overflow: hidden;*/
}

	.video_hp img{
		text-align: center;
	}

#video_loop{
 display: none;
}

.video_hp h1{
  color: #fff;
  letter-spacing: 4px;
  padding:0 0 0 5px;
	margin: 0;
  font-size: 5vw;
}
.video_hp p{
  color: #fff;
  font-size: 3vw;
  line-height: 1.3;
  margin-bottom: 10px;
}


.video-cont{
  width: 100%;
  background-color: #dedede;
}


/*
.video_hp video{
  width: 100%;
  margin: 0 auto;
}
*/
.video-cont  .video-img{
  width: 100%;
  margin: 0 auto;
}

.video-cont:hover a {

  opacity:1;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}

.video-cont a{
  opacity: 0.6;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}

.video-cont a:hover{
  opacity: 1;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
}



.milestones-tit{
  width: 100%;
padding:30px 0 0 0;
  margin:0 auto;
  /*background: url(/images/back_milestones.jpg) no-repeat;
  background-size: contain;
  background-position: bottom center;*/
}

.milestones-tit h1{
  color: #222;
  letter-spacing: 4px;
  padding:0 10px;
	margin: 0;
  font-size: 4.5vw;
}


.ric_itw{
  background: url(/images/ric_itw.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 60px 0;
  margin: 30px 0;
  text-align: center;
  }


  .ric_itw h1{
    color: #222;
    letter-spacing: 4px;
    padding:0 10px;
	  margin: 0;
    width: 70%;
    font-size: 4.5vw;

  }

  .ric_itw p{
    color: #222;
    padding:0;
    font-size: 0.8em;
    width: 90%;
    margin: 0 auto;
  }



  footer{
    background-color: #e3e3e3;
    padding: 40px;
    text-align: left;
  }

  footer p{
    color: #222;
  font-size:2.2vw;
  font-weight: normal;
  }



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

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

  .foot-cont{
    width: 100%;
    margin: 0 auto;
      text-align: left;
  }

  .foot1, .foot2{
    /*text-align: center;*/
    width: 100%;
  }

  .foot2{
margin-top: 10px;
  }




  /*  .interno{
  padding: 80px 0;
  width: 100%;
  margin: 0 auto;
  background-size: auto, cover;
  background-position: top center;
  background-repeat: repeat, no-repeat;
    }*/

    .macchinari{
      background-image:url(/images/black50.png), url(/images/head_macchinari.jpg);
      width: 100%;margin: 0 auto;height:75vh;padding: 130px 0 80px 0;background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }
	    .pallettizzazione{
      background-image:url(/images/black50.png), url(/images/back_pallettizzazione.jpg);
      width: 100%;margin: 0 auto;height:75vh;padding: 130px 0 80px 0;background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }


    .tit_border{
      padding: 30px;
      border: 1px solid #fff;
      text-align: center;
      width: 90%;
      margin: 0 auto;
      color: #fff;
    }


    .tit_border_sol{
      padding: 30px;
      border: 1px solid #555;
      text-align: center;
      width: 90%;
      margin: 0 auto;
      color: #555;
    }

		.tit_border h2{
		  color: #fff;
font-size: 2vh;
	margin:10px 0 5px 0;
	padding: 0;
		font-weight: bold;
	}



  .interno h1{
    color: #fff;
  font-size: 5vh;
	  margin: 0;
	  padding: 0;
  }

  .interno2 h1{
    color: #fff;
  font-size: 5vh;
	   margin: 0;
	  padding: 0;
  }

  .interno3 h1{
    color: #555;
  font-size: 5vh;
	   margin: 0;
	  padding: 0;
  }

  .intest_prod{
  width: 100%;margin: 0 auto;height:75vh;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_vostri_prodotti.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }

  .intest_sol{
    width: 100%;margin: 0 auto;height:75vh;padding: 130px 0 80px 0;background-image:url(/images/black30.png), url(/images/back_soluzioni.jpg);background-repeat:auto, no-repeat;background-size:auto, cover;background-position:top center;
  }

.arrow{
  text-align: center;
  padding-top: 80px;
}

  .wrapper_title{
    text-align: center;
      font-size: 3vh;
      color: #555;
      padding: 20px 0;
      width: 100%;
  }



.associati_cat2{
  text-align: center;
    padding: 40px 0 20px 0;
	width: 100%;
    text-transform: uppercase;
}


	.associati_cat2 h3{
  text-align: center;
    font-size: 1em;
    color: #888;
	margin: 0 auto 30px auto;
    padding: 0;
    text-transform: uppercase;
}


	    .associati_cat2 h3::after,.associati_cat2 h3::before{
        content: "";
        width: 50px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #888;
    }

  .breadcrumbs{
      padding: 0;
      text-align: center;
      width: 100%;
      color:#dedede;
      font-size: 0.8em;
      font-weight: 500;
      text-transform: uppercase;

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

    }

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


    .breadcrumbs_sol{
        padding: 0;
        text-align: center;
        width: 100%;
        color:#555;
        font-size: 0.8em;
        font-weight: 500;
        text-transform: uppercase;

      }
       .breadcrumbs_sol a{
      color:#555;
      font-weight: 500;
      text-decoration: none;

      }

      .breadcrumbs_sol a:hover{
      color:#f00;
      text-decoration: none;
      }

    .catalogue_div{
      width:78%;
      margin: 30px auto;
    }

    .catalogue_div .item{
  /*  border: 1px solid #f00;*/
    width: 100%;
    margin: 0 0 60px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .catalogue_div .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }


  .catalogue_div .item:hover h2{
    background-color:#ececec;
    color: #f00;
  }

  .catalogue_div .item2{
/*  border: 1px solid #f00;*/
  width: 100%;
  margin: 0 0 15px 0;
  overflow: hidden;
  position: relative;
  height:340px;
}
.catalogue_div .item2:hover{
/*background-color: rgba(0, 0, 0, 0.5);*/
}


.catalogue_div .item2:hover h2{
  background-color:#ececec;
  color: #f00;
}


  .catalogue_div h2{
    background-color:#888;
    color: #fff;
    padding: 15px 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }

  .cat_img{
     max-width: none;height:300px;
     -webkit-transition: opacity .2s, -webkit-transform .2s;
     transition: opacity .2s, transform .2s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;

   }


   .cat_img:hover{
     opacity: 0.6;
       -webkit-transform: scale3d(1.05,1.05,1);
       transform: scale3d(1.05,1.05,1);
   }


   .video_box{
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
 }

 .video_box video{
   width: 90%;
   height: auto;
 }



 /* Timeline */

 dl{margin-top:0;margin-bottom:20px;display:block}
 dt,dd{line-height:1.42857143}
 dt{font-weight:700}
 dd{margin-left:0}

 .timeline {
   padding: 20px 0;
   position: relative;
 }

.timeline-divider{
  width: 150px;
  margin: 0 auto;;
  height: 1px;
  background-color: #f00;
}

.timeline-divider:first-child{
  display: none;
}

 /* Badge */

 .timeline-badge {
   display: none;
 }



 /* Entry */

 .timeline-entry {
   margin: 20px 0;
   position: relative;
   width: 100%;
   background-color: #f5f5f5;
 }


 /* Panel */

 .timeline-panel {
   width: 100%;
 }


 .timeline-heading{
   text-align: center;
   padding: 80px;
 }


 /* Title */

 .timeline-title {
   margin: 0;
   color: #fff;
   font-size: 2.2em;
   text-transform: uppercase;
   text-align: center;
   font-weight: 600;
 }


 /* Title */

 .timeline-date {
   margin: 10px 20px 0 20px;
   font-size: 85%;
   color: #999;
 }


 /* Body */

 .timeline-body > p,
 .timeline-body > ul {
   padding: 30px;
   margin-bottom: 0;
 }

 .timeline-body > p + p {
   margin-top: 10px;
 }


 /* Footer */

 .timeline-footer {
display: none;
 }




 .scheda_macchinari{
   width: 90%;
   margin: 0 auto;
   padding: 30px 0;
 }

 .scheda_pallettizzazione{
   width: 90%;
   margin: 0 auto;
   padding: 30px 0;
 }


 .scheda_news{
   width: 90%;
   margin: 0 auto;
   padding: 30px 0;
   min-height: 50vh;
 }



 .img_scheda{
 width:100cw;/*height:60vh;*/
 overflow: hidden;
text-align: center;
 margin-top: 40px;
 }

 .img_scheda_news{
 width:100%;/*height:60vh;*/
 overflow: hidden;
 text-align: center;
margin-top: 40px;
 }




  .scheda_img_piccole
   {position:relative;
   	 /*display:none;*/
   width: 100%;
   margin:0 auto 0 auto;
   list-style-type:none;
   /*border-top: 1px solid #dedede;*/
   padding-top: 0;
       text-align: center

   }

   .scheda_img_piccole li
   {list-style-type:none;
  /*display:inline;*/
   font-size:1em;
       margin: 0 auto;
       padding: 0;
   cursor:pointer;
   vertical-align:middle;
   text-align: center;
     width: 250px;


   }

   .scheda_img_piccole li img
   {
   width:250px;
   height:auto;
    margin: 0 auto;
    }


   .scheda_img_piccole_news
    {position:relative;
    	 /*display:none;*/
    width: 100%;
    margin:10px auto 0 auto;
    list-style-type:none;
    /*border-top: 1px solid #dedede;*/
    padding-top: 0;
    }

    .scheda_img_piccole_news li
    {list-style-type:none;
   display:inline;
    font-size:1em;
    cursor:pointer;
    vertical-align:middle;
    text-align: center;
    }

    .scheda_img_piccole_news li img
    {
    width:auto;
    height:80px;
    margin: 0 auto 10px auto;
    }



    .foto_big{
    width:90%;
    /*margin-top: 22px;*/
    height:80vw;
    margin: 10px auto;
    cursor:pointer;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
      border:1px solid transparent;
    }


    .line-rep-scroll{
    width: 1px;
    height: 1px;
    border-right: 2px solid transparent;
    margin: 0 auto;
    position: absolute;
    left:-1px;
    right:0;
  }

  .line-rep-scroll:after{
    content: '';
    position: absolute;
    width: 1px;
    left:-1px;
    height: 80px;
    /*background: #fff;*/
    top:50px;
    border-right: 2px dashed #fff;
  /*margin-left: -3px;
    top: 6px;
    border-radius: 3px;*/
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-name: scroll2;
  }




  @keyframes scroll2{
    0%{opacity: 0;}
    100%{
      opacity: 1;
      transform: translateY(20px);
    }
  }



    .item_scheda{
     width:100%;
    }


    .item_scheda img{
     width:90%;
    /*margin-top: 22px;*/
    height:auto;
    margin: 10px auto 0 auto;
    }

    .foto_big_news{
    width:100%;
    /*margin-top: 22px;*/
    height:300px;
    margin: 10px auto;
    cursor:pointer;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    }


    .corner{
      opacity: 0;
    }

    .img_scheda div:hover .corner{
      opacity: 1;
    }


    .text_scheda{
      width:100%;

    }

    .linea-text{
      display: none
    }

    .scheda-flex-text{
      width: 100%;
        text-align: center
    }


    .text_scheda h1{
      font-size: 1.2em;
      color: #222;
      margin: 0 0 0 10px;
      padding: 0;
      font-weight: bold;
      text-transform: uppercase;
    }

	.text_scheda h2{
  font-size: 0.9em;
  color: #555;
      margin: 10px;
  padding: 0;
  font-weight: bold;
}


    .text_scheda p{
      font-size: 0.8em;
      color: #222;
      font-weight: 400;
    margin:0 0 0 10px;
        line-height: 1.8;
    }


    .bread_scheda{
      width: 100%;
      position: relative;
      text-transform: uppercase;
      font-size: 0.8em;
      margin: 10px 0 20px 0;
      padding:5px 0;
      background-color: #fff;
      color: #f00;
      border-bottom: 1px solid #f00;
      font-weight: 400;
    }

    .bread_scheda a{
      color: #f00;
      font-weight: 400;
    }

    .bread_scheda a:hover{
      color: #222;
      font-weight: 400;
      text-decoration: none;
    }


    .interno_scheda{
  padding:10px 0 30px 0;
  width: 100%;
  margin: 0 auto;
  background-size: auto, cover;
  background-position: top center;
  background-repeat: repeat, no-repeat;
    }


    .interno_scheda h1{
      color: #888;
    font-size: 3vh;
    text-transform: uppercase;
    text-align: center;
		margin: 0;
	  padding: 0;
    }

    .macchinari{
      background-image:url(/images/black50.png), url(/images/head_macchinari.jpg);
    }

    .pallettizzazione{
      background-image:url(/images/black50.png), url(/images/back_pallettizzazione.jpg);
    }



    .bread_scheda2{
      width: 100%;
      position: relative;
      text-transform: uppercase;
      font-size: 0.8em;
      margin: 10px 0 0 0;
      padding:5px 0;
    /*  border-bottom: 1px solid #f00;*/
    text-align: center;
      font-weight: 400;
    }

    .bread_scheda2 a{
      color: #222;
      font-weight: 400;
    }

    .bread_scheda2 a:hover{
      color: #f00;
      font-weight: 400;
      text-decoration: underline;
    }



    .bread_conf{
      margin:20px 0 10px 0;
      color: #f00;
        width: 100%;
        text-align: center
        font-weight: 500;
      text-transform: capitalize;
    }

    .bread_conf a{
      color: #f00;
        width: 100%;
        padding: 10px;
        text-align: center;
      border-top: 1px solid #f00;
      border-bottom: 1px solid #f00;
        display: block;
        margin-bottom: 10px;
    }

    .bread_conf a:hover{
      color: #222;
      text-decoration: underline;
    }


    .magg_info_mob_scheda{
        margin:40px auto;
        width: 300px;
        text-align: center;
       padding: 20px 50px;
       font-size: 0.8em;
       font-weight: 400;
       text-align: center;
       background-color: #222;
       color: #fff;
      transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    }

         .magg_info_mob_scheda:hover{
       padding: 20px 50px;
       text-align: center;
       background-color: #dedede;
       color: #222;
       transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
     }



.more_scheda{
	display: block;
	margin: 20px 0;
   padding: 20px 50px;
   font-size: 0.8em;
   font-weight: 400;
   text-align: center;
   background-color: #222;
   color: #fff;
   text-decoration: none;
   transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
 }

 .more_scheda:hover{
   padding: 20px 50px;
   text-align: center;
   background-color: #dedede;
   color: #222;
   text-decoration: none;
   transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
 }


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


     .sol_scheda{
       padding: 40px 0 0 0;
       width: 95%;
       margin: 0 auto;
         text-align: center
     }

     .sol_scheda h1{
       font-weight: normal;
       color: #333;
       font-size: 1.2em;
       /*border-top: 1px solid #f00;
       border-bottom: 1px solid #f00;*/
       padding: 8px 0;
       margin:0 0 30px 0;
       text-transform: uppercase;
     }

    .sol_scheda h1::after,.sol_scheda h1::before{
        content: "";
        width: 40px;
        margin: 10px auto;
        height: 1px;
        display: block;
        text-align: center;
        background-color: #555;
    }


      .sol_item
      {
      width: 150px;
      margin:0 auto 20px auto;
      border-bottom: 1px solid #dedede;
      transition:0.8s ease;
      -moz-transition:0.8s ease;
      -webkit-transition:0.8s ease;

      }

    .sol_item a{
        text-decoration: none;
    }
     .sol_item a:hover{
        text-decoration: none;
    }

      .sol_img
      {width: 150px;
      height: 105px;
      margin: 0 auto;
       background-size:cover; background-position:center center;
      }

      .sol_item:hover
      {
      opacity:0.7;
      }

      .tit_sol_prod{
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center;
          color: #666;
      }


     /*FORM*/

     #form_info
      {position:relative;
      display:none;
      width: 100%;
      padding: 20px;
      color: #6a6a6a;
      background:#f5f5f5;
      margin-top: 30px;

      }


      #form_info h1
      {
      font-size: 1.5em;
      text-transform: uppercase;
      margin: 20px auto;
      width: 100%;
      text-align:center;
      border-top: 1px solid #888;
      border-bottom: 1px solid #888;
      padding: 5px 0;
      color:#777;
      }

      .contenuto_form
      {position:relative;
      	 width: 90%;
      margin: 20px auto;

      }

      .form_left
      {width: 100%;
      /*padding-right: 16px;*/
      }

       .form_left input{
         border: 1px solid #dedede;
         padding: 5px 0;
         margin-bottom: 5px;
         width: 100%;
       }

      .form_right
      {width: 100%;
      }

      .form_right textarea
      {width: 100%;
      height:150px;
      }

      #info
      {margin: 15px auto;
        display: none;
        text-align: center;
        width: 100%;
        padding:15px 0;
        background-color: #fff;
      }

      .send
      {position:relative;
      width: 100%;

      margin: 15px auto;

      text-align:center;}

      .send button
      {/*margin-left: 30px;*/
        width: 60%;
          margin: 20px auto;
      padding: 20px;
     outline: none;
     border: none;
     background: #BDBDBD;
     color: #fff;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: bold;
     cursor: pointer;
      }

      #show_info{
        margin: 0 auto;text-align: center;
        width: 100%;
        cursor: pointer;
        color: #777;
      }

     #info a{
        color: #f00;
         text-decoration: none;
      }

     #info a:hover{
        color: #f00;
         text-decoration: none;
      }

      #show_info:hover{
        color: #f00;
      }


      /*lavora con noi*/

      .lav-item{
        background-color: #ededed;
        width: 100%;
        padding: 30px 0;
        margin-bottom: 20px;
        text-align: center;
        color: #222;
        -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      }

      .lav-item: figcaption {
      	padding: 1em 0 0 0;
      	color: #fff;
      	-webkit-backface-visibility: hidden;
      	backface-visibility: hidden;
      }

      .lav-item figcaption::before,
      .lav-item figcaption::after {
      	pointer-events: none;
      }

      .lav-item:hover{
        background-color: #555;
      }

      .lav-item:hover a{
        color: #fff;
        text-decoration: none;
      }


      .lav-item a{
        display: inline;
          color: #222;
          font-size: 1em;
          text-decoration: none;
      }

      .lav-item a:hover{
          color: #fff;
          text-decoration: none;
      }

      .lav-item img{
        height: 20px;
        margin-right: 3px;
      }


      .lav-item figcaption::after {
      	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      	transition: opacity 0.35s, transform 0.35s;
      }

      .lav-item figcaption::after {
      	position: absolute;
      	top: 0;
      	left: 0;
      	width: 100%;
      	height: 100%;
      	border-top: 1px solid #fff;
      	border-bottom: 1px solid #fff;
      	content: '';
      	opacity: 0;
      	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
      	transform: rotate3d(0,0,1,25deg) scale3d(1,0,1);
      	-webkit-transform-origin: 50% 50%;
      	transform-origin: 50% 50%;
      }

      .lav-item:hover figcaption::after {
      	opacity: 1;
      	-webkit-transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
      	transform: rotate3d(0,0,1,25deg) scale3d(1,1,1);
      }

      .cv{
        background-color: #555;
        color: #fff;
        font-size: 0.8em;
        display: block;
        margin: 15px auto 0 auto;
        padding: 5px;
        width: 150px;
      }

      .lav-item:hover p{
        background-color: #ededed;
        color: #222;
        text-decoration: none;
      }

      .scheda_lavoro{
        width: 100%;
        margin:0 auto;
        padding: 30px 0;
      }
      .desc_lav{
        width: 90%;
        padding: 20px 0;
        margin: 0 auto 20px auto;
      }

      .form_lav{
        width: 90%;
        margin: 0 auto;
        padding:20px;background-color:#f5f5f5;
      }


      .butt_ric_itw{
        background-color: #f00;
        padding: 10px;
        width: 150px;
        margin: 10px auto;
        text-align: center;

      }

        .butt_ric_itw a{
          color: #fff;
          text-decoration: none;
          font-size: 0.8em;
          font-weight: 500;
        }

        .butt_ric_itw a:hover{
          color: #fff;
          text-decoration: none;
        }

        .butt_ric_itw:hover a{
          color: #fff;
          text-decoration: none;
        }

      .butt_ric_itw:hover{
        background-color: #555;

      }


      .soluzioni_scheda{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding:20px 0 40px 0;
        border-bottom: 3px solid #f00;
      }

      .cart_img img{
        height: 100px;
        margin-left: 20px;
      }

      .soluzioni_scheda h1{
        color: #222;
        font-size: 2em;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
      }


      .text175{
     text-align: center;
     width: 90%;
     margin: 0 auto;
     padding:0 0 10px 0;
      }


 .logo_175{
width:100%;text-align:center;margin:0 auto;
}
.logo_175 img{
  width: 300px;
}


     .h3_175{
       color: #1A5CBA;
       font-size: 3vh;
       font-weight: bold;
     }

     .intest_175{
       color: #1A5CBA;
       margin: 0;
       padding: 0;
       position:absolute;top:-40px;left:70px;
     }

     .intest_175 a{
         color: #1A5CBA;
         font-size: 1vh;
         font-weight: bold;
         text-decoration: none;
     }

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

     .p_175{
       color: #222;
       font-size: 1.2em;
       font-style: italic;
     }



     .photogallery{
       width: 80%;
       margin:20px auto;
     }

     .photogallery-div{
       text-align: center;
       padding-bottom: 10px;
       margin:0 3px 25px 3px;
       width: 100%;
       color:#333;
       font-weight: bold;
       font-size: 1.2em;
       background-color: #ededed;
       text-transform: uppercase;
       cursor: pointer;
     }

     .photogallery-div a{
     color:#1A5CBA;
     font-weight: bold;
     text-decoration: none;
     font-size: 1.2em;
     }

     .photogallery-div a:hover{
     color:#fff;
     text-decoration: none;
     }

     .photogallery-div .img-catalogo{
     display: block;
     height: 220px;
     width: 100%;
     margin: 0 auto;
     margin-bottom: 10px;
     opacity: 1;

     }

     .photogallery-div:hover .img-catalogo{
     opacity: 0.6;
     }

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

     .photogallery-div:hover{
     opacity: 0.7;
     }

     .gallery_container_stabilimenti, .gallery_container_controllo_peso, .gallery_container_dosatori, .gallery_container_incartonatrici, .gallery_container_pasta_corta, .gallery_container_pasta_lunga, .gallery_container_trafile, .gallery_container_fiere{
     position:fixed;
       display:none;
       z-index:-1;
       bottom:0;
       left:0;}


		.iscriviti_newsletter{
			width: 100%;
			background-color: #ededed;
			padding: 3vh 0;
		}


		.cont_iscriviti_newsletter{
			width: 90%;
			margin: 0 auto;
		}

		.cont_iscriviti_newsletter h1{
			    color: #222;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 1.5em;
			text-align: center;
			color: #FF0001;
			text-transform: none;
			font-weight: 600;
		}
		.cont_iscriviti_newsletter h2{
			    color: #555;
    padding: 0;
    margin: 0;
    font-size: 1em;
			text-align: center;
		}

		.dati_newsletter{
			margin:40px 0 30px 0;
		}
	.dati_newsletter div{
margin-bottom: 20px;
    text-align: center;
    width: 100%;
	}

 .send_news
 {position:relative;
 text-align:center;}

 .send_news button
 {margin-left: 30px;

 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }



 #show_info_news{
   margin: 0 auto;text-align: center;
   width: 100%;
   cursor: pointer;
   color: #777;
 }

 #show_info_news:hover{
   color: #f00;
 }


		#iscritto_newsletter, #errore_newsletter{
		display: none;
	}

	.div_msg_newsletter{
		width: 50vw;
		padding: 8vh 0;
		text-align: center;
		background-color: #fff;
	}

	.div_msg_newsletter h1{
		font-size: 1.5vw;
		color: #ff0000;
		margin-bottom: 20px;
	}
	.div_msg_newsletter p{
		font-size: 1vw;
		color: #222;
		margin-bottom: 50px;
	}

	.div_msg_newsletter a{
		font-size: 1vw;
		color: #222;
		text-decoration: none;

	}

	.div_msg_newsletter a:hover{
		color: #ff0000;
		text-decoration: none;
	}

/* braibanti mobile */

.braibanti{
width:152px;
        height:auto;
                margin-right:40%;
                        margin-bottom:10px;
}

	/* fine braibanti mobile */



}