text{
font-family:arial;
font-size:11px;
fill:gray;
fill:#878787;
}
@keyframes slideDown {
  0%   {opacity: 0; transform: translateY(-20px)}
  100% {opacity: 1; transform: translateY(0)}
}
@keyframes slideIn {
  0%   {opacity: 0; transform: translateX(-20px)}
  80% {transform: translateX(2px)}
  100% {opacity: 1; transform: translateX(0)}
}
@keyframes slideOut {
  0%   {opacity: 0; transform: translateX(20px)}
  80% {transform: translateX(-2px)}
  100% {opacity: 1; transform: translateX(0)}
}
@keyframes slideDown1 {
  0%   {opacity: 0; transform: translateY(-20px)}
  80% {transform: translateY(2px)}
  100% {opacity: 1; transform: translateY(0)}
}
@keyframes grow {
  0% { transform: scale(0, 0); }
  100% { transform: scale(1, 1); } }
@keyframes grow-x {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); } }
@keyframes grow-y {
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); } }
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; } }    
.animate{
   -webkit-animation: slideDown1 2s ease-out 1;
   animation: slideDown1 2s ease-out 1;
   display:none;
}
.animate.quality01, .animate.quality02, .animate.quality03, .animate.object20b, .animate.projectreport {
-webkit-animation: slideIn 2s 1;
   animation: slideIn 2s 1;
}
.animate.object20a {
-webkit-animation: slideOut 2s 1;
   animation: slideOut 2s 1;
}
.object01{ z-index:100; }
.object02{ z-index:99; }
.object03{ z-index:98; }
/*
.object04, .quality03 { animation-delay: 3s; }
.object03, .quality02 { animation-delay: 2s; }
.object02, .quality01{ animation-delay: 1s; }
.object01{ animation-delay: 0s; }
.object20{ animation-delay: 4s; }
.object21, .object11{ animation-delay: 5s; }
.object22, .object12{ animation-delay: 6s; }
.object23, .object13{ animation-delay: 7s; }
.object24, .object14{ animation-delay: 8s; }
.object25, .object15{ animation-delay: 9s; }
.object26{ animation-delay: 10s; }
.projectreport{ animation-delay: 10s; }
*/