/* effetto solo opacità USATO*/
.target {
   
    opacity: 0;
    -webkit-transition: opacity 1s, transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity .5s, transform .5s;

}
.target.onScreen {
	 -webkit-transition-delay: 0.1s; 
    transition-delay: 0.1s; 
    opacity: 1;

}


/* effetto dal basso in alto USATO */
.target2 {

    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 1s, transform 2s;
    -o-transition: opacity 1s, transform 2s;
    transition: opacity 1s, transform 2s;
    -webkit-transform: translate(0%,5%);
    -ms-transform: translate(0%,5%);
    transform: translate(0%,5%);
}
.target2.onScreen {
      -webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s; 
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}


/* animazioni home */
.target3 {

    opacity: 1;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1s;
    -o-transition: opacity 0ms, transform 1s;
    transition: opacity 0ms, transform 1s;
    -webkit-transform: translate(0%,50%);
    -ms-transform: translate(0%,50%);
    transform: translate(0%,50%);
}
.target3.onScreen {
   
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.target4 {

    opacity: 1;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1.5s;
    -o-transition: opacity 0ms, transform 1.5s;
    transition: opacity 0ms, transform 1.5s;
    -webkit-transform: translate(-40%,0%);
    -ms-transform: translate(-40%,0%);
    transform: translate(-40%,0%);
}
.target4.onScreen {
   -webkit-transition-delay: 0s; 
    transition-delay: 0s; 
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.target5 {

    opacity: 1;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1s;
    -o-transition: opacity 0ms, transform 1s;
    transition: opacity 0ms, transform 1s;
-ms-transform: rotate(-5deg);
/* IE 9 */
-webkit-transform: rotate(-5deg);
/* Chrome, Safari, Opera */
transform: rotate(-15deg);
}
.target5.onScreen {
   -webkit-transition-delay:0.2s; 
    transition-delay: 0.2s; 
    opacity: 1;
 -ms-transform: rotate(0deg);
/* IE 9 */
-webkit-transform: rotate(0deg);
/* Chrome, Safari, Opera */
transform: rotate(0deg);
}

/* metodo */
/* pomodoro */
.target6 {
   
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 500ms, transform 1s;
    -o-transition: opacity 500ms, transform 1s;
    transition: opacity 500ms, transform 2s;
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    transform: translate(0,0%);
}
.target6.onScreen {
     -webkit-transition-delay: 700ms; 
    transition-delay: 0ms; 
    opacity: 1;
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
}
/* fusti */
.target7 {
   
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 500ms, transform 1s;
    -o-transition: opacity 500ms, transform 1s;
    transition: opacity 500ms, transform 2s;
    -webkit-transform:scale(1.5, 1.5);
    -ms-transform:scale(1.5, 1.5);
    transform:scale(1.5, 1.5);
}
.target7.onScreen {
     -webkit-transition-delay:500ms; 
    transition-delay: 500ms; 
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform:scale(1, 1);
}

.target8 {
   
    opacity: 0;
 
    -webkit-transition: opacity 500ms, transform 1s;
    -o-transition: opacity 500ms, transform 1s;
    transition: opacity 500ms, transform 2s;
	    -webkit-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
  
}
.target8.onScreen {
     -webkit-transition-delay: 600ms; 
    transition-delay: 600ms; 
    opacity: 1;
	    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform:scale(1, 1);
}

.target9 {
    opacity: 0;
    
    -webkit-transition: opacity 500ms, transform 1s;
    -o-transition: opacity 500ms, transform 1s;
    transition: opacity 500ms, transform 2s;
    -webkit-transform: translate(-20%,0%);
    -ms-transform: translate(-20%,0%);
    transform: translate(-20%,0%);
  
}
.target9.onScreen {
     -webkit-transition-delay: 700ms; 
    transition-delay: 400ms; 
    opacity: 1;
    -webkit-transform: translate(10%,0%);
    -ms-transform: translate(10%,0%);
    transform: translate(10%,0%);
}

.target10 {

    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1.5s;
    -o-transition: opacity 0ms, transform 1.5s;
    transition: opacity 0ms, transform 1.5s;
    -webkit-transform: translate(10%,0%);
    -ms-transform: translate(0%,0%);
    transform: translate(0%,0%);
}
.target10.onScreen {
   -webkit-transition-delay: 0s; 
    transition-delay: 0s; 
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 20%);
}
/* freccia sx 11 */
.target11 {
    opacity: 0;
    
    -webkit-transition: opacity 500ms, transform 1s;
    -o-transition: opacity 500ms, transform 1s;
    transition: opacity 500ms, transform 2s;
    -webkit-transform: translate(30%,0%);
    -ms-transform: translate(30%,0%);
    transform: translate(30%,0%);
  
}
.target11.onScreen {
     -webkit-transition-delay: 700ms; 
    transition-delay: 400ms; 
    opacity: 1;
    -webkit-transform: translate(-10%,0%);
    -ms-transform: translate(-10%,0%);
    transform: translate(-10%,0%);
}

.tempoillustrazionehomefreccia1.target9.onScreen{ -webkit-transition-delay: 1s;transition-delay:0.8s; }
.tempoillustrazionehomepomodoro.target7.onScreen{ -webkit-transition-delay: 1s;transition-delay:1.6s; }
.tempoillustrazionehomefreccia2.target9.onScreen{ -webkit-transition-delay: 1s;transition-delay:2s; }
.tempoillustrazionehomeprodotti.target8.onScreen{ -webkit-transition-delay: 1s;transition-delay:2.5s; }
.tempoillustrazionemetodolente .illustrazionemetodopianta.target8.onScreen{ -webkit-transition-delay: 1s;transition-delay:2.5s; }
.tempoillustrazionemetodolente .illustrazionemetodopianta.target.onScreen{ -webkit-transition-delay: 1s;transition-delay:2.5s; }
.tempoillustrazionemetodofrecciagiu.target10.onScreen{ -webkit-transition-delay: 1s;transition-delay:3.2s; }
.tempoillustrazionemetodopomodoro.target8.onScreen{ -webkit-transition-delay: 1s;transition-delay:3.5s; }
.tempoillustrazionemetodofreccia2.target11.onScreen{ -webkit-transition-delay: 1s;transition-delay:4.5s; }
.tempoillustrazionemetodocamion.target11.onScreen{ -webkit-transition-delay: 1s;transition-delay:5s; }
.tempoillustrazionemetodofreccia1.target11.onScreen{ -webkit-transition-delay: 1s;transition-delay:5.5s; }
.tempoillustrazionemetodofabbrica.target.onScreen{ -webkit-transition-delay: 1s;transition-delay:6s; }
.tempoillustrazionemetodofrecciagiu3.target10.onScreen{ -webkit-transition-delay: 1s;transition-delay:6.5s; }
.tempoillustrazionemetodoprodotti .target.onScreen{ -webkit-transition-delay: 1s;transition-delay:6.5s; }
.tempoillustrazionemetodoprodotti .illustrazionemetodoprodotti.target8.onScreen{ -webkit-transition-delay: 1s;transition-delay:6.5s;}
.tempoillustrazionehomefreccia4.target9.onScreen{ -webkit-transition-delay: 1s;transition-delay:7s; }
.tempoillustrazionemetodocamiongrande.target9.onScreen{ -webkit-transition-delay: 1s;transition-delay:7s;}

@media only screen and (min-width : 320px) {
	/* ANIMAZIONE HOME */
	svg#frecciacorta{max-width:80%;}
	svg#seme1{width:7px;z-index:9;}
	svg#seme2{width:13px;z-index:9;}
	svg#seme3{width:10px;z-index:9;}
	svg#seme4{width:7px;}
	svg#vasolosolohome{width:70px;}
	div svg#vasolosolohome{z-index:9999999999999;position:relative;}
.illustrazionehomepomodoro svg#pomodoro1{width:40px;margin-top: 50px;margin-left:15px;}
.illustrazionehomepomodoro svg#pomodoro2{width:60px;margin-top: 20px;margin-left:-20px;}
.illustrazionehomepomodoro svg#pomodoro3{width:45px;margin-top: 30px;}

.illustrazionehomeprodotti svg#scatolo{width: 100px;margin-top:30px;margin-left:-10px;}
.illustrazionehomeprodotti svg#bottiglia-illu{width: 50px;margin-top:20px;margin-left: -15px;}
.illustrazionehomeprodotti svg#fustoillu{width:50px;margin-top:0px;margin-left:30px;}
.fallingLeaves span {
    display: inline-block;
   
    height: 5px;
	  margin: -140px 45px 50px -45px;
	    -webkit-animation: fallingLeaves 2s infinite  linear;
    -moz-animation: fallingLeaves 1s infinite  linear;
}
	.fallingLeaves {
    text-align: center;
}

.fallingLeaves span:nth-child(4) {

    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
}
.fallingLeaves span:nth-child(3) {

    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
.fallingLeaves span:nth-child(2) {

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

.fallingLeaves span:nth-child(1) {

    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
  }
 95% {
    opacity: 1;
		-webkit-transform: translate(50px, 140px) rotateZ(300deg);  
  }
  100% {
    opacity: 0;
    	-webkit-transform: translate(50px, 140px) rotateZ(300deg);   
  }
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
  }
 95% {
    opacity: 1;
	-webkit-transform: translate(60px, 140px) rotateZ(300deg); 
  }
  100% {
    opacity: 0;
   	-webkit-transform: translate(60px, 140px) rotateZ(300deg);  
  }
}
/*FINE ANIMAZIONE HOME */	
	.illustrazionemetodopiante svg#pianta1{margin-top:61px;}
	.illustrazionemetodopiante svg#pianta2{margin-top:110px;}
	.illustrazionemetodopianta svg#pianta3{	margin-top: 67px;}
.illustrazionemetodopianta svg#lente{margin-top:-215px;margin-left:55px;width:100px;}
	.tempoillustrazionemetodofrecciagiu	svg#frecciagiu{width: 35px;margin-left:65px;}
	.tempoillustrazionemetodofrecciagiu3	svg#frecciagiu{width: 35px;margin-left:65px;}
	svg#frecciasx{width:40px;}
	svg#pomodorometodo{max-width: 130px;}
	svg#camion6h{margin-top:35px;}
	div.illustrazionemetodoprodotti svg#fustoillu{width: 80px;margin-top:30px;-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);transform: rotate(-15deg);margin-left:-30px;}
	div.illustrazionemetodoprodotti svg#bottiglia-illu{width: 80px;margin-top:30px;}
	div.illustrazionemetodoprodotti svg#scatolo{width: 170px;margin-top: 30px;}
	.vasometodo svg#vasolosolohome{width:100%;}
	
} 
@media only screen and (min-width : 480px) {}

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

	.illustrazionemetodopiante svg#pianta1{margin-top:61px;}
	.illustrazionemetodopiante svg#pianta2{margin-top:110px;}
	.illustrazionemetodopianta svg#pianta3{	margin-top: 67px;}
.illustrazionemetodopianta svg#lente{margin-top:-215px;margin-left:55px;width:100px;}
	.tempoillustrazionemetodofrecciagiu	svg#frecciagiu{width: 35px;margin-left:65px;}
	.tempoillustrazionemetodofrecciagiu3	svg#frecciagiu{width: 35px;margin-left:65px;}
	svg#frecciasx{width:40px;}
	svg#pomodorometodo{max-width: 130px;width:100%;}
	svg#camion6h{margin-top:35px;}
	div.illustrazionemetodoprodotti svg#fustoillu{width: 80px;margin-top:30px;-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);transform: rotate(-15deg);margin-left:-30px;}
	div.illustrazionemetodoprodotti svg#bottiglia-illu{width: 80px;margin-top:30px;}
	div.illustrazionemetodoprodotti svg#scatolo{width: 170px;margin-top: 30px;}
	
	/* ANIMAZIONE HOME */

	svg#frecciacorta{max-width:100%;}
	svg#seme1{width:10px;}
	svg#seme2{width:15px;}
	svg#seme3{width:13px;}
	svg#seme4{width:10px;}
	svg#vasolosolohome{width:140px;}
.illustrazionehomepomodoro svg#pomodoro1{width:70px;margin-top: 0px;}
.illustrazionehomepomodoro svg#pomodoro2{width:120px;margin-top: 0px;margin-left:-200px;}
.illustrazionehomepomodoro svg#pomodoro3{width:90px;margin-top: 0px;}

.illustrazionehomeprodotti svg#scatolo{width: 250px;margin-top:-90px;margin-left:90px;}
.illustrazionehomeprodotti svg#bottiglia-illu{width: 100px;margin-top:10px;margin-left:0px;}
.illustrazionehomeprodotti svg#fustoillu{width: 100px;margin-top:0px;margin-left:100px;}
.fallingLeaves span {
    display: inline-block;
    height: 80px;
	  margin: -185px 45px 50px -45px;
	    -webkit-animation: fallingLeaves 2s infinite  linear;
    -moz-animation: fallingLeaves 1s infinite  linear;
}
	.fallingLeaves {
    text-align: center;
}

.fallingLeaves span:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
.fallingLeaves span:nth-child(3) {

    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
}
.fallingLeaves span:nth-child(2) {

    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

.fallingLeaves span:nth-child(1) {

    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
}

@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
  }
 95% {
    opacity: 1;
	-webkit-transform: translate(70px, 160px) rotateZ(250deg); 
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(70px,160px) rotateZ(240deg); 
  }
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
  }
 95% {
    opacity: 1;
	-webkit-transform: translate(70px, 160px) rotateZ(250deg); 
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(70px,160px) rotateZ(240deg); 
  }
}
	
	
	
}







.carousel-col { 

    float: left;
 }

 .active > a { display:none; }
 .active > a:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -30.33333333333333%; }
  .carousel-inner .active.right { left: 30.33333333333333%; }
	.carousel-inner .next        { left:  30.33333333333333%; }
	.carousel-inner .prev		     { left: -30.33333333333333%; }
  .carousel-col                { width: 30.33333333333333%;height:217px;background:#f2f2f1;margin-right: 1.5%;margin-left: 1.5%;}
	.carousel-col.carousel-col-page-partner{margin-top: 1.5%;}
	.active > a:first-child { display:block; }
	.active > a:first-child + a { display:block; }
  .active > a:first-child + a + a { display:block; }

}

/*sm*/
@media (min-width: 768px)  {
  .carousel-inner .active.left { left: -15.666666666666664%; }
  .carousel-inner .active.right { left: 15.666666666666664%; }
	.carousel-inner .next        { left:  15.666666666666664%; }
	.carousel-inner .prev		     { left: -15.666666666666664%; }
  .carousel-col                { width: 15.666666666666664%;  height:190px;background:#f2f2f1;margin-right: 1%;margin-left:0%;}
	.carousel-col.carousel-col-page-partner{margin-top: 1%;}
	.active > a:first-child { display:block; }
	.active > a:first-child + a { display:block; }
  .active > a:first-child + a + a { display:block; }
	.active > a:first-child + a + a + a  { display:block; }
	.active > a:first-child +a + a + a   + a { display:block; }
	.active > a:first-child +a + a + a  + a  +a{ display:block; }
}




/* Image zoom on hover + Overlay colour */
.parent {

    overflow: hidden;
    position: relative;

    display: inline-block;
    cursor: pointer;
}

.child {
   
    background-size: cover;
    background-repeat: no-repeat;
  	transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.parentchild {
    display: none;
    font-size: 35px;
    color: #ffffff !important;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    /*text-decoration: none;*/
}

.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.parent:hover .child:before, .parent:focus .child:before {
    display: block;
}

.parent:hover .parentchild , .parent:focus .parentchild  {
    display: block;
}

.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  /*  background-color: rgba(232,49,31,0.35);*/
}