.fp-tableCell{
	overflow: hidden;
}
.animation_{
    opacity: 0;
}
.menu_list.horizontal ul > li.animation a > *{
	opacity: 0;
}
.menu_list.horizontal ul > li.animation a:after{
	opacity: 0;
}

.menu_list.horizontal ul > li.animation{
	animation: fadeInLeft 1s ease-out;
	animation-fill-mode: forwards;
}
.menu_list.horizontal ul > li.animation a > div{
	animation: fadeInleftInga 0.5s ease-out;
	animation-delay: 0.9s;
	animation-fill-mode: forwards;
}
.menu_list.horizontal ul > li.animation a:after{
	animation: fadeInLeft 0.75s ease-out;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

/* Top_nav animation */
#top_nav-container[data-animation*=small-30],
#menu-container button[data-animation*=small-30] {
    opacity: 1;
}
#top_nav-container[data-animation*=small-30].animation > div,
#top_nav-container[data-animation*=small-30].animation > div > ul >li,
#menu-container button[data-animation*=small-30].animation {
    height: 35px;
	-webkit-transition: 500ms height;
    transition: 500ms height;
}
#top_nav-container[data-animation*=small-30].animation img:not(.email) {
    height: 15px
}
#top_nav-container[data-animation*=small-30].animation img.email {
    height: 11px
}

#top_nav-container .right ul > li.animation{
	opacity: 0;
	animation: zoom .8s ease-out;
	animation-fill-mode: forwards;
}
/* Company container */
#company-container hgroup h1.animation{
	animation: fadeInUp_2 0.5s ease-out;
	animation-fill-mode: forwards;
}
#company-container hgroup h1.animation::after{
	opacity: 0;
  animation: bounceInLeft 1500ms ease-in-out;
	animation-delay: .5s;
  animation-fill-mode: forwards
}
#company-container div.right.animation{
	animation: fadeInRight 1s ease-out;
	animation-fill-mode: forwards;
}
#company-container div.right .logo.animation{
	opacity: 0;
	animation: zoomIn 1s ease-out;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

/* Products container */
#products-container hgroup h1 .splitted-text > * > *{
	opacity: 0;
}
#products-container hgroup h1 .splitted-text > * > *.animation{
	animation: hgroup_h1_1 1s ease-out;
	animation-fill-mode: forwards;
}
#products-container hgroup h4 .splitted-text > * > *{
	opacity: 0;
}
#products-container hgroup h4 .splitted-text > * > *.animation{
	animation: fadeInLeft .7s ease-out;
	animation-fill-mode: forwards;
}
#products-container hgroup h1.animation::after{
	opacity: 0;
  animation: bounceInLeft 1500ms ease-in-out;
	animation-delay: .5s;
  animation-fill-mode: forwards
}
	/* Bottom div */
	#products-container div.bottom .menu_list.vertical li.animation_{
		opacity: 0;
	}
	#products-container div.bottom .menu_list.vertical li.animation{
		animation: fadeIn 1s ease-out;
		animation-fill-mode: forwards;
	}
	/*
	#products-container div.bottom li.animation h4{
		opacity: 0;
		animation: zoomIn 0.5s ease-out;
		animation-delay: 1s;
		animation-fill-mode: forwards
	}
	#products-container div.bottom li.animation h5{
		opacity: 0;
		animation: zoomIn 0.5s ease-out;
		animation-delay: 1.5s;
		animation-fill-mode: forwards
	}
	*/
	#products-container div.bottom li.animation figure > figcaption{
		transform: translateY(100px);
		transition: 0.5s all;
	}
	#products-container li.animation{
    overflow: hidden
	}
	#products-container li.animation button{
    opacity: 0;
	}
	#products-container li.animation:hover button{
    animation: zoomIn .2s ease-out;
		animation-delay: .2s;
		animation-fill-mode: forwards
	}
	#products-container li.animation:hover figure > figcaption{
    transform: translateY(40px) !important;
	}
	#products-container li.animation figure img{
    -webkit-filter: saturate(70%);
		transform: matrix(1, 0, 0, 1, 0, 0);
    transition: transform 500ms linear;
	}
	#products-container li.animation:hover figure img{
    -webkit-filter: saturate(100%) !important;
		transform: translateY(-6px) scale(1.01) !important;;
	}
	#products-container li.animation .bg {
    position: absolute;
    top: 0;
    height: 100%;
	}
	#products-container li.animation .bg .ibg-bg {
		height: 100% !important;
	}
/* Service container */
	#service-container div.bottom .menu_list.vertical li.animation_{
		opacity: 0;
	}
	#service-container div.bottom .menu_list.vertical li.animation{
		opacity: 0;
		animation: fadeInLeft .7s cubic-bezier(0, 0, 0, 1.17);
		animation-delay: 0s;
		animation-fill-mode: forwards
	}
	#service-container div.bottom .menu_list.vertical li.animation_ figcaption{
		opacity: 0;
	}
	#service-container div.bottom .menu_list.vertical li.animation figcaption{
		opacity: 0;
		animation: blurOut .8s ease-in;
		animation-delay: 0.4s;
		animation-fill-mode: forwards
	}
	#service-container li.animation button{
    opacity: 0;
	}
	#service-container li.animation:hover button{
    animation: zoomIn .5s ease-out;
		animation-delay: .1s;
		animation-fill-mode: forwards
	}
	#service-container li.animation figure img{
    -webkit-filter: saturate(70%);
		transform: matrix(1, 0, 0, 1, 0, 0) translateY(0);
    transition: transform 200ms linear;
	}
	#service-container li.animation:hover figure img{
    -webkit-filter: saturate(100%) !important;
		transform: translateY(-10px) scale(1.01) !important;
	}
	#service-container hgroup h1.animation_::after{ opacity: 0; }
	#service-container hgroup h1.animation::after{ 
		opacity: 0;
		animation: blurOutBzz .8s ease-out;
		animation-delay: 1.2s;
		animation-fill-mode: forwards
	}
	#service-container hgroup h1 .splitted-text > * > *.animation_{
		opacity: 0;
	}
	#service-container hgroup h1 .splitted-text > * > *.animation{
		opacity: 0;
		animation: blurOut 1s ease-out;
		animation-fill-mode: forwards
	}
	#service-container hgroup h4 .splitted-text > * > *.animation{
		opacity: 0;
		animation: blurOut .8s ease-out;
		animation-delay: 1.2s;
		animation-fill-mode: forwards
	}


/* Company container */
#certificates-container hgroup h1.animation{
	animation: fadeInUp_2 0.5s ease-out;
	animation-fill-mode: forwards;
}
#certificates-container hgroup h1.animation::after{
	opacity: 0;
  animation: bounceInLeft 700ms ease-in-out;
	animation-delay: .2s;
  animation-fill-mode: forwards
}
#certificates-container div.right.animation{
	animation: fadeInRight 1.3s ease-out;
	animation-fill-mode: forwards;
}
#certificates-container div.right .logo.animation{
	opacity: 0;
	animation: zoomIn 1s ease-out;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

/* Contact container */
#contact-container .top.animation{
	height: calc(100% + 200px);
	animation: main_contact 1s ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
#contact-container figure.animation{
	opacity: 0;
	animation: fadeInBlur 0.5s cubic-bezier(0, 0, 0, 0.93);
  animation-fill-mode: forwards;
}
#contact-container hgroup h4.animation{
	opacity: 0;
	animation: fadeDown .7s ease-out;
	animation-delay: .2s;
	animation-fill-mode: forwards;
}
#contact-container hgroup a.animation{
	opacity: 0;
	animation: fadeDown 1s ease-out;
	animation-delay: .7s;
	animation-fill-mode: forwards;
}
#references-container{
	opacity: 0;
	animation: fadeInBlur .5s ease-out;
	animation-fill-mode: forwards;
}
#references-container #owl-carousel .owl-nav > div:first-child{
	opacity: 0;
	animation: fadeInLeft 0.5s ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
#references-container #owl-carousel .owl-nav > div:last-child{
	opacity: 0;
	animation: fadeInRight 0.5s ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

/* Footer container*/
footer .left > div.animation{
	animation: fadeDown 0.5s ease-out;
	animation-fill-mode: forwards;
}
footer .icons > *.animation{
	animation: zoomIn 0.5s ease-out;
	animation-fill-mode: forwards;
}
footer ._bottom > div > div.animation:nth-child(n+2), #newtime_logo.animation{
	opacity: 0;
	animation: fadeInUp 0.5s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s
}
footer .right button.animation{
	opacity: 0;
	animation: zoomIn 0.5s ease-out;	
	animation-fill-mode: forwards;
	animation-delay: 1s
}
[data-animation="menuItems"]{
	opacity: 0;
}
[data-animation="menuItems"].animation{
	opacity: 0;
	animation: fadeIn 1s linear;
	animation-fill-mode: forwards;
}