.animated { -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.animated { -webkit-animation-fill-mode:both; animation-fill-mode:both; }

#slide2 .box, .how-save, .project, .ways strong, .ways p, .ways span, .ways { opacity:0; }
.bage, .im-block, .why-block, .review-block, .certs, .managers .manager { opacity:0; }
#header { opacity:0; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Animations */


.animated .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn; }
.animated .fadeIn { -webkit-animation-duration:2s; animation-duration:2s; }

@-webkit-keyframes fadeInUp {
  0% { opacity:0; -webkit-transform:translateY(200px); }
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity:0; transform:translateY(200px); }
  100% { opacity:1; transform:translateY(0); }
}




.animated.fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% { opacity:0; -webkit-transform:translateY(-100px); }
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes fadeInDown {
  0% { opacity:0; transform:translateY(-200px); }
  100% { opacity:1; transform:translateY(0); }
}
.animated.fadeInDown2 { 
	-webkit-animation-name:fadeInDown2; 
	animation-name:fadeInDown2; 
	-webkit-animation-duration:2s; 
	animation-duration:2s;
	-webkit-animation-delay:2s; 
	animation-delay:2s;
}


@-webkit-keyframes fadeInDown2 {
  0% { opacity:0; -webkit-transform:translateY(-100%); }  
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes fadeInDown2 {
  0% { opacity:0; transform:translateY(-100%); }  
  100% { opacity:1; transform:translateY(0); }
}

.animated.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown; }




@keyframes fadeIn {
	0% {
		
		opacity: 0.0;		
	}		
	100% {		
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		
		opacity: 0.0;		
	}		
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}


.animated.fadeIn2{
	animation-name: fadeIn2;
	-webkit-animation-name: fadeIn2;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:4s; 
	animation-delay:4s;		

	
}

@keyframes fadeIn2 {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn2 {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}



.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}


@-webkit-keyframes fadeInLeft {
  0% { opacity:0; -webkit-transform:translateX(-200px); }
  100% { opacity:1; -webkit-transform:translateX(0); }
}
@keyframes fadeInLeft {
  0% { opacity:0; transform:translateX(-200px); }
  100% { opacity:1; transform:translateX(0); }
}
.animated.fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% { opacity:0; -webkit-transform:translateX(200px); }
  100% { opacity:1; -webkit-transform:translateX(0); }
}
@keyframes fadeInRight {
  0% { opacity:0; transform:translateX(200px); }
  100% { opacity:1; transform:translateX(0); }
}
.animated.fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight; }


@-webkit-keyframes fadeInScale {
  0% { opacity:0; -webkit-transform:scale(0); }
  100% { opacity:1; -webkit-transform:scale(1); }
}
@keyframes fadeInScale {
  0% { opacity:0; transform:scale(0); }
  100% { opacity:1; transform:scale(1); }
}
#slide2 .slide-pd.animated .box { -webkit-animation-name:fadeInScale; animation-name:fadeInScale; }
#slide2 .slide-pd.animated .box { -webkit-animation-duration:1s; animation-duration:1s; }
#slide2 .slide-pd.animated .box { -webkit-animation-fill-mode:both; animation-fill-mode:both; }

.managers.animated .manager { -webkit-animation-name:fadeInScale; animation-name:fadeInScale; }
.managers.animated .manager { -webkit-animation-duration:1s; animation-duration:1s; }
.managers.animated .manager { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.managers.animated .manager.m1 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.managers.animated .manager.m2 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }

.animated.ways { -webkit-animation-name:fadeInScale; animation-name:fadeInScale; }
.animated.ways strong, .animated.ways p, .animated.ways span { -webkit-animation-name:fadeIn; animation-name:fadeIn; }
.animated.ways strong, .animated.ways p, .animated.ways span { -webkit-animation-duration:2s; animation-duration:2s; }
.animated.ways strong, .animated.ways p, .animated.ways span { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.ways p { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.animated.ways span { -webkit-animation-delay:0.8s; animation-delay:0.8s; }

@-webkit-keyframes Header {
  0% { opacity:0; -webkit-transform:translateY(-100px); }
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes Header {
  0% { opacity:0; transform:translateY(-100px); }
  100% { opacity:1; transform:translateY(0); }
}
#header { -webkit-animation-name:Header; animation-name:Header; }
#header { -webkit-animation-duration:2s; animation-duration:2s; }
#header { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
@media all and (max-width: 800px) {
	.animated { -webkit-animation-duration:0s !important; animation-duration:0s !important; }
	.animated.fadeIn { -webkit-animation-duration:0s; animation-duration:0s; }
	
#header { -webkit-animation-duration:none; animation-duration:none; }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}