[data-inviewport="test"] { 

}
[data-inviewport="test"].is-inViewport { 
	animation: slideInUp;
	animation-duration: 4s;
}

[data-inviewport="flip"] { 
  animation: none;
}
[data-inviewport="flip"].is-inViewport { 
	animation: flip;
	animation-duration: 1s;
}

[data-inviewport="fadeIn-normal"] { 
  animation: none;
}
[data-inviewport="fadeIn-normal"].is-inViewport { 
  	animation: fadeIn;
	animation-duration: 3s;
	animation-delay: 0s;
}

[data-inviewport="fadeIn-normal2"] { 
  animation: none;
}
[data-inviewport="fadeIn-normal2"].is-inViewport { 
  	animation: fadeIn;
	animation-duration: 2s;
}

[data-inviewport="slideInRight1"] { 
  animation: none;
}
[data-inviewport="slideInRight1"].is-inViewport { 
  	animation: slideInRight;
	animation-duration: 2s;
	animation-delay: 0s;
}

[data-inviewport="slideInLeft1"] { 
  animation: none;
}
[data-inviewport="slideInLeft1"].is-inViewport { 
  	animation: slideInLeft;
	animation-duration: 2s;
	animation-delay: 0s;
}

[data-inviewport="zoomInDown1"] { 
  animation: none;
}
[data-inviewport="zoomInDown1"].is-inViewport { 
  	animation: zoomInDown;
	animation-duration: 2s;
	animation-delay: 0s;
}

[data-inviewport="lightSpeedInLeft1"] { 
  animation: none;
}
[data-inviewport="lightSpeedInLeft1"].is-inViewport { 
  	animation: lightSpeedInLeft;
	animation-duration: 2s;
	animation-delay: 0s;
}