/* CSS Document */

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

.animation-element .w-container{
	opacity: 0;
-webkit-animation-duration:2s;animation-duration:2s; -ms-animation-duration:2s; -webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}
.animation-element.in-view .w-container{
	opacity: 1;
	 -webkit-animation-name:fadeInUp;animation-name:fadeInUp; -ms-animation-name:fadeInUp;
}
.animation-element .w-container > a{
	opacity: 0;
-webkit-animation-duration:3s;animation-duration:3s; -ms-animation-duration:3s; -webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}
.animation-element.in-view .w-container > a{
	opacity: 1;
	-webkit-animation-name:slideInDown;animation-name:slideInDown;
}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

.animation-element .container{
	opacity:0;
	-webkit-animation-duration:2s;animation-duration:2s;-ms-animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}

.animation-element.in-view .container{
	 opacity: 1;
	
	  -webkit-animation-name:fadeInUp;animation-name:fadeInUp; -ms-animation-name:fadeInUp;

}
.animation-element .espac{
	
	opacity:0;
	-webkit-animation-duration:2s;animation-duration:2s;-ms-animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}

.animation-element.in-view .espac{
	 opacity: 1;
	
	  -webkit-animation-name:fadeInUp;animation-name:fadeInUp; -ms-animation-name:fadeInUp;

}
.animation-element.in-view .container > a{
	 opacity: 1;
	
	  -webkit-animation-name:slideInRight;animation-name:slideInRight;

}
.animation-element .container > a{
	opacity:0;
	-webkit-animation-duration:3s;animation-duration:3s;-ms-animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}
.animation-element.slide-left {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
height:0%;
}

.animation-element.slide-left.in-view {
  opacity: 1;
  height:100%;
}