#aboutus-container.animation{
  opacity: 0;
  animation: fadeInBlur 700ms ease-out;
  animation-fill-mode: forwards
}
#aboutus-container hgroup h1.animation::after{
	animation-delay: .3s;
}
#aboutus-container #aboutus-content > p.animation{
  opacity: 0;
  animation: fadeDown 1s ease-out;
  animation-delay: 1s;
	animation-fill-mode: forwards;
}

hgroup h1.animation{
  opacity: 0;
  animation: fadeDown 1s ease-out;
	animation-fill-mode: forwards;  
}
hgroup h1.animation::after{ 
  opacity: 0;
  animation: fadeInLeft .8s ease-out;
  animation-delay: .2s;
  animation-fill-mode: forwards
}
#contact-container #contact-info{
  opacity: 0;
  animation: fadeInLeft .8s ease-out;
  animation-delay: 1.2s;
  animation-fill-mode: forwards
}
#contact-container #map-container{
  opacity: 0;
  animation: fadeInRight .8s ease-out;
  animation-delay: 1.2s;
  animation-fill-mode: forwards
}
#send-mail .animation_{
  opacity: 0;
}
#send-mail  > .row.animation:nth-child(1){
  opacity: 0;
  animation: fadeDown 1s ease-out;
  animation-fill-mode: forwards
}
#send-mail  > .row:nth-child(2) #contact2 form > .form-group:nth-child(odd) input.animation{
  opacity: 0;
  animation: fadeInLeft 1s ease-out;
  animation-fill-mode: forwards
}
#send-mail  > .row:nth-child(2) #contact2 form > .form-group:nth-child(even) input.animation{
  opacity: 0;
  animation: fadeInRight 1s ease-out;
  animation-fill-mode: forwards
}
#send-mail  > .row:nth-child(2) #contact2 form > .form-group textarea.animation{
  opacity: 0;
  animation: fadeInUp .5s ease-out;
  animation-fill-mode: forwards
}
#send-mail  > .row:nth-child(2) #contact2 form button.animation{
  opacity: 0;
  animation: zoomIn .5s ease-out;
  animation-fill-mode: forwards
}
footer ._bottom > div > div:nth-child(2).animation{
	opacity: 0;
	animation: fadeInUp 1s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s
}
footer .right button.animation{
	opacity: 0;
	animation: zoomIn 1s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1.2s
}
#references-container #owl-carousel{
  opacity: 0;
	animation: fadeBlur 2s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s
}


#enviromental-container hgroup p.animation{
  opacity: 0;
	animation: fadeInLeft 1s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s;
	padding-right: 1%;
}
#enviromental-container hgroup h1.animation,
#enviromental-container hgroup h1.animation::after{
  animation-delay: 1000ms;
}
#enviromental-container .menu_list.horizontal ul > li.animation a > *{
	opacity: 0;
}
#enviromental-container .menu_list.horizontal ul > li.animation{
  opacity: 0;
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: forwards;
  animation-delay: 1s;
}
#enviromental-container .menu_list.horizontal ul > li span{
  opacity: 1 !important;
}
#enviromental-container .menu_list.horizontal ul > li.active span{
  opacity: 1 !important;
  /*transform: rotate(90deg) !important;  */
}
#enviromental-container .menu_list.horizontal ul > li.animation a:after{
	animation: fadeInLeft 1.5s ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
#enviromental-container .right.animation{
  opacity: 0;
	animation: fadeBlur .7s ease-out;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}
#enviromental-container .right .env-content.active{
  opacity: 0;
	animation: fadeBlur .7s ease-out;
	animation-fill-mode: forwards;
}


#social-container hgroup h1.animation,
#social-container hgroup h1.animation::after{
  animation-delay: 1000ms;
}
#social-container hgroup p.animation{
  opacity: 0;
	animation: fadeInLeft 1s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s;
}
#social-container .menu_list.horizontal ul > li.animation a > *{
	opacity: 0;
}
#social-container .menu_list.horizontal ul > li.animation{
  opacity: 0;
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: forwards;
  animation-delay: 1s;
}
#social-container .menu_list.horizontal ul > li span{
  opacity: 1 !important;
}
#social-container .menu_list.horizontal ul > li.active span{
  opacity: 1 !important;
  /*transform: rotate(90deg) !important;  */
}
#social-container .menu_list.horizontal ul > li.animation a:after{
	animation: fadeInLeft 1.5s ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

#downloads-container hgroup h1.animation,
#downloads-container hgroup h1.animation::after{
  animation-delay: 700ms;
}
#downloads-container.animation{
  opacity: 0;
  animation: fadeInBlur 700ms ease-out;
  animation-fill-mode: forwards
}


#inner-products-container.animation{
  opacity: 0;
  animation: fadeInBlur 300ms ease-out;
  animation-fill-mode: forwards
}
#inner-products-container.animation #inner-products-content > p{
  opacity: 0;
  animation: fadeDown 0.5s ease-out;
  animation-delay: 0.6s;
	animation-fill-mode: forwards;
}
#inner-products-container.animation .products-image-icon{
  opacity: 0;
  animation: zoomIn 0.5s ease-out;
  animation-delay: 1s;
	animation-fill-mode: forwards;
}
#services-container.animation{
  opacity: 0;
  animation: fadeInBlur 700ms ease-out;
  animation-fill-mode: forwards
}
#services-container.animation #services-content > p{
  opacity: 0;
  animation: fadeDown 1s ease-out;
  animation-delay: 1.2s;
	animation-fill-mode: forwards;
}