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

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

}
/* effetto solo opacità DECORA */
.target.tempo1 {
   
    opacity: 0;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    -o-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;

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

}
.target.tempo2 {
   
    opacity: 0;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    -o-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;

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

}
.target.tempo3 {
   
    opacity: 0;
    -webkit-transition: opacity 0.2s, transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;

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

}
.target.tempo4 {
   
    opacity: 0;
    -webkit-transition: opacity 1s, transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;

}
.target.tempo4.onScreen {
	 -webkit-transition-delay:0.3s; 
    transition-delay: 0.3s; 
    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%,10%);
    -ms-transform: translate(0%,10%);
    transform: translate(0%,10%);
}
.target2.onScreen {
      -webkit-transition-delay: 0.5s; 
    transition-delay: 0.5s; 
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}



/* 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%);
}


/* animazione testi */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* pulse */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/* animazioni testo flipInX */
.animated.flipInX.target3 {
    opacity: 1;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1s;
    -o-transition: opacity 0ms, transform 1s;
    transition: opacity 0ms, transform 1s;
	 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

  
}
.animated.flipInX.target3.onScreen {
   -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    opacity: 1;
   -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.target4 {
    opacity: 1;
    overflow: visible;
    -webkit-transition: opacity 0ms, transform 1s;
    -o-transition: opacity 0ms, transform 1s;
    transition: opacity 0ms, transform 1s;
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);

  
}
.target4.onScreen {
  
    opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    

}

/* bounce */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}





/* fine animazione testi */




@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%;}
  
  /* animazioni home comparsa testo nonnasceppa */

.target5 {
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 0.5ms, transform 0.5s;
    -o-transition: opacity 0.5ms, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 transition: all .8s;
-webkit-transform: translateY(5%);
-ms-transform: translateY(5%);
transform: translateY(5%);
}
.target5.onScreen {
   opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
  

	
} 
@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); 
  }
}
	
  /* animazioni home movimento testi nonnasceppa */
.target5 {
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 0.5ms, transform 0.5s;
    -o-transition: opacity 0.5ms, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 transition: all .8s;
-webkit-transform: translateY(15%);
-ms-transform: translateY(15%);
transform: translateY(15%);
}
.target5.onScreen {
   opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
	
	
}







.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);*/
}