/*
WebSite Animation
*/
*[data-animation="fade-from-bottom"] { top:120px; opacity:0; visibility:hidden; overflow:hidden; position: relative; will-change: top;}
.displayed_site *[data-animation="fade-from-bottom"],.displayed_site *[data-animation="fade-from-bottom"][data-move="item-1"] { -webkit-animation: fade_from_bottom 0.4s 1; -moz-animation: fade_from_bottom 0.4s 1;  animation: fade_from_bottom 0.4s 1; animation-delay:0.0s; -webkit-animation-delay:0.0s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.displayed_site *[data-animation="fade-from-bottom"][data-move="two"],.displayed_site *[data-animation="fade-from-bottom"][data-move="item-2"] { animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.displayed_site *[data-animation="fade-from-bottom"][data-move="three"],.displayed_site *[data-animation="fade-from-bottom"][data-move="item-3"] { animation-delay:1.2s; -webkit-animation-delay:1.2s; }

@keyframes fade_from_bottom {  
 0% {  top:120px; opacity:0;visibility: hidden;}
100% { top:0; opacity:1.0;visibility: visible;}
}
@-webkit-keyframes fade_from_bottom {
 0% {  top:120px; opacity:0;visibility: hidden;}
100% { top:0; opacity:1.0;visibility: visible;}
}

.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}