.animated { -webkit-animation-duration:2s; animation-duration:2s; }
.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(60px); }
  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; }
.animated.fadeInUp { -webkit-animation-duration:1s; animation-duration:1s; }

@-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.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown; }


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

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

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


}

@keyframes fadeIn {
	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 fadeIn {
	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(-100px); }
  100% { opacity:1; -webkit-transform:translateX(0); }
}
@keyframes fadeInLeft {
  0% { opacity:0; transform:translateX(-100px); }
  100% { opacity:1; transform:translateX(0); }
}
.animated.fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% { opacity:0; -webkit-transform:translateX(100px); }
  100% { opacity:1; -webkit-transform:translateX(0); }
}
@keyframes fadeInRight {
  0% { opacity:0; transform:translateX(100px); }
  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;
}