.animation-element.zoomInOut {
opacity: 0;
}
.animation-element.zoomInOut.in-view {
    animation: animation_element_zoomInOut 1.0s both
}
@keyframes animation_element_zoomInOut {
    0% {
		opacity: 0;
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
transform: scale(1.6,1.6);
    }
    100% {
		opacity: 1;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
    }
}


.animation-element.scalelogo {
opacity: 0;
}
.animation-element.scalelogo.in-view {
    animation: animation_element_scalelogo 1.0s both
}
@keyframes animation_element_scalelogo {
    0% {
		opacity: 0;
-webkit-transform: scaleX(0.0);
-moz-transform: scaleX(0.0);
-o-transform: scaleX(0.0);
transform: scaleX(0.0);
    }
    100% {
		opacity: 1;
-webkit-transform: scaleX(1.0);
-moz-transform: scaleX(1.0);
-o-transform: scaleX(1.0);
transform: scaleX(1.0);
    }
}


.animation-element.slideInTOP {
opacity: 0;
}
.animation-element.slideInTOP.in-view {
    animation: animation_element_slideInTOP 1.0s both
}
@keyframes animation_element_slideInTOP {
 0% {
 -webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);

visibility: visible;
  opacity: 0;

	}

    100% {
visibility: visible;
  opacity: 1;
    }
}


.animation-element.slideInTOP2 {
width: 100%;
margin: 0px;
opacity: 0;
}
.animation-element.slideInTOP2.in-view {
    animation: animation_element_slideInTOP2 1.0s both
}
@keyframes animation_element_slideInTOP2 {
    0% {
		opacity: 0;
 -webkit-transform: translate3d(0, -50px, 0);
-moz-transform: translate3d(0, -50px, 0);
-o-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);

    }
    100% {
		opacity: 1;
 -webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
    }
}

.animation-element.slideInBOTTOM {
opacity: 0;
}
.animation-element.slideInBOTTOM.in-view {
    animation: animation_element_slideInBOTTOM 1.0s both
}
@keyframes animation_element_slideInBOTTOM {
 0% {
visibility: visible;
  opacity: 0;

	}

    100% {
 -webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
  opacity: 1;
    }
}


.animation-element.slideInBOTTOM2 {
opacity: 0;
}
.animation-element.slideInBOTTOM2.in-view {
    animation: animation_element_slideInBOTTOM2 1.0s both
}
@keyframes animation_element_slideInBOTTOM2 {
 0% {
visibility: visible;
  opacity: 0;

	}

    100% {
 -webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
  opacity: 1;
    }
}


.animation-element.fadeIn {
opacity: 0;
}
.animation-element.fadeIn.in-view {
    animation: animation_element_fadeIn 1.0s both
}
@keyframes animation_element_fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}




.animation-element.FadeOutIntro {
opacity: 1;
animation: animation_element_FadeOutIntro 1.0s both;
}

@keyframes animation_element_FadeOutIntro {
 0% {
opacity: 1;
	}

100% {
opacity: 0;
	}
}


.animation-element.FadeOut {
opacity: 0;
}
.animation-element.FadeOut.in-view {
    animation: animation_element_FadeOut 1.0s both
}
@keyframes animation_element_FadeOut {
 0% {
opacity: 1;
	}
    100% {
opacity: 0;
    }
}

.animation-element.slideInLeft {
opacity: 0;
}
.animation-element.slideInLeft.in-view {
    animation: animation_element_slideInLeft 1.0s both
}
@keyframes animation_element_slideInLeft {
    0% {
		opacity: 0;
 -webkit-transform: translate3d(-50px, 0, 0);
-moz-transform: translate3d(-50px, 0, 0);
-o-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);

    }
    100% {
		opacity: 1;
 -webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
    }
}


.animation-element.slideInRight {
opacity: 0;
}
.animation-element.slideInRight.in-view {
    animation: animation_element_slideInRight 1.0s both
}
@keyframes animation_element_slideInRight {
    0% {
		opacity: 0;
 -webkit-transform: translate3d(50px, 0, 0);
-moz-transform: translate3d(50px, 0, 0);
-o-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);

    }
    100% {
		opacity: 1;
 -webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
    }
}
}

.animation-element.slideFadeOutMenu {
opacity: 1;
animation: animation_element_slideFadeOutMenu 1.0s both;
}

@keyframes animation_element_slideFadeOutMenu {
 0% {
 -webkit-transform: translate3d(0, -100px, 0);
-moz-transform: translate3d(0, -100px, 0);
-o-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
visibility: visible;
opacity: 1;
	}

    100% {
 -webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
visibility: visible;
opacity: 1;
	}
}

.animation-element.slideFadeOutContent {
opacity: 1;
}
.animation-element.slideFadeOutContent.in-view {
    animation: animation_element_slideFadeOutContent 1.0s both;
}
@keyframes animation_element_slideFadeOutContent {
 0% {
opacity: 1;
	}

    100% {
opacity: 0;
    }
}


.slideFadeOutContent1 {
    animation: slideFadeOutContent1 1.0s both;
}
@keyframes slideFadeOutContent1 {
 0% {
opacity: 1;
	}

    100% {
opacity: 0;
    }
}


.slideBottom {
animation: slideBottom 1.0s both;
margin: 0 auto;
}
@keyframes slideBottom {
 0% {
 -webkit-transform: translate3d(0, -150px, 0);
-moz-transform: translate3d(0, -150px, 0);
-o-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0);
opacity: 0;
	}

    100% {
 -webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
    }
}