/** Animations **/
.animate {
    -webkit-transition: opacity 800ms ease, -webkit-transform 800ms ease;
    transition: opacity 800ms ease, -webkit-transform 800ms ease;
    -o-transition: opacity 800ms ease, -o-transform 800ms ease;
    -moz-transition: transform 800ms ease, opacity 800ms ease, -moz-transform 800ms ease;
    transition: transform 800ms ease, opacity 800ms ease;
    transition: transform 800ms ease, opacity 800ms ease, -webkit-transform 800ms ease, -moz-transform 800ms ease, -o-transform 800ms ease;
}
.animate---fade-in {
    opacity: 0;
}
.animate---fade-in.animate--start {
    opacity: 1;
}
.animate--fade-up {
    opacity: 0;
    -webkit-transform: translateY(250px);
    -moz-transform: translateY(250px);
    -ms-transform: translateY(250px);
    -o-transform: translateY(250px);
    transform: translateY(250px);
}
.animate--start .animate--fade-up,
.animate--fade-up.animate--start {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.animate--fade-down {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
.animate--start .animate--fade-down,
.animate--fade-down.animate--start {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.animate--fade-right {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    transform: translateX(-150px);
}
.animate--start .animate--fade-right,
.animate--fade-right.animate--start {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.animate--fade-left {
    opacity: 0;
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -o-transform: translateX(150px);
    transform: translateX(150px);
}
.animate--start .animate--fade-left,
.animate--fade-left.animate--start {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.animate--start.animate--delay1{ transition-delay: 10s; }
.animate--start.animate--delay2{ transition-delay: 0.1s; }
.animate--start.animate--delay3{ transition-delay: 0.2s; }
.animate--start.animate--delay4{ transition-delay: 0.3s; }
.animate--start.animate--delay5{ transition-delay: 1.0s; }
.animate--start.animate--delay6{ transition-delay: 1.0s; }
.animate--start.animate--delay7{ transition-delay: 1.4s; }
.animate--start.animate--delay8{ transition-delay: 1.6s; }
.animate--start.animate--delay9{ transition-delay: 1.8s; }
.animate--start.animate--delay10{ transition-delay: 2s; }





@media (max-width:992px){
    .animate{
    	animation-name: none;
    	transition: transform 0s;
    }
    .animate--start.animate--delay1, .animate--start.animate--delay2, .animate--start.animate--delay3, 
    .animate--start.animate--delay4, .animate--start.animate--delay5, .animate--start.animate--delay6{
	    transition-delay: 0s;
	}
	.animate--fade-up {
	    opacity: 0;
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    transform: translateY(0px);
	}
	.animate--fade-down {
	    opacity: 0;
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    transform: translateY(0px);
	}
}