/* inview */

.inviewfadeInRight{
opacity: 0;
transform: translate(15%, 0); 
transition: all 1s ease-in;
}

.fadeInRight {
transform:translate(0,0);
opacity:1;
}



.inviewfadeInLeft{
opacity: 0;
transform: translate(-50%, 0); 
transition: all 1s ease-in;
}
	
.fadeInLeft {
transform:translate(0,0);
opacity:1;
}


.d1 {transition-delay:0.2s;}
.d2 {transition-delay:0.4s;}
.d3 {transition-delay:0.6s;}
.d4 {transition-delay:0.8s;}
.d5 {transition-delay:1s;}
.d6 {transition-delay:1.2s;}
.d7 {transition-delay:1.4s;}
.d8 {transition-delay:1.6s;}
.d9 {transition-delay:1.8s;}
.d10 {transition-delay:2s;}


.inviewfadeInUp {
opacity: 0;
transform: translate(0, 15%); 
transition: all 1s;
}

.fadeInUp {
 opacity: 1;
 transform: translate(0, 0);
}
	
.inviewfadeIn {
opacity: 0;
transition: all 1s;
}

.fadeIn {
 opacity: 1;
}

.inviewzoomIn img{
opacity: 0;
transform: scale(1, 1);
transition: all 2s;	

}

.zoomIn img{
opacity: 1;
transform: scale(1.1, 1.1);
}


.inviewzoomOut img{
opacity: 0;
transform: scale(0.8, 0.8);
transition: all 2s ;	

}

.zoomOut img{
opacity: 1;
transform: scale(1, 1);
}