.fade-down {
    animation: fadeDown ease 2s;
    -webkit-animation: fadeDown ease 2s;
    -moz-animation: fadeDown ease 2s;
    -o-animation: fadeDown ease 2s;
    -ms-animation: fadeDown ease 2s;
  }
  
  @keyframes fadeDown {
    0% {
      opacity:0;
      transform: translateY(-40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-moz-keyframes fadeDown {
    0% {
      opacity:0;
      transform: translateY(-40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-webkit-keyframes fadeDown {
    0% {
      opacity:0;
      transform: translateY(-40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-o-keyframes fadeDown {
    0% {
      opacity:0;
      transform: translateY(-40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-ms-keyframes fadeDown {
    0% {
      opacity:0;
      transform: translateY(-40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
  }  
  }

  .fade-up {
    animation: fadeUp ease 2s;
    -webkit-animation: fadeUp ease 2s;
    -moz-animation: fadeUp ease 2s;
    -o-animation: fadeUp ease 2s;
    -ms-animation: fadeUp ease 2s;
  }
  
  @keyframes fadeUp {
    0% {
      opacity:0;
      transform: translateY(40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-moz-keyframes fadeUp {
    0% {
      opacity:0;
      transform: translateY(40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-webkit-keyframes fadeUp {
    0% {
      opacity:0;
      transform: translateY(40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-o-keyframes fadeUp {
    0% {
      opacity:0;
      transform: translateY(40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  
  @-ms-keyframes fadeUp {
    0% {
      opacity:0;
      transform: translateY(40px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
  }  
  }

  .fade-left {
    animation: fadeLeft ease 2s;
    -webkit-animation: fadeLeft ease 2s;
    -moz-animation: fadeLeft ease 2s;
    -o-animation: fadeLeft ease 2s;
    -ms-animation: fadeLeft ease 2s;
  }
  
  @keyframes fadeLeft {
    0% {
      opacity:0;
      transform: translateX(-40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-moz-keyframes fadeLeft {
    0% {
      opacity:0;
      transform: translateX(-40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-webkit-keyframes fadeLeft {
    0% {
      opacity:0;
      transform: translateX(-40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-o-keyframes fadeLeft {
    0% {
      opacity:0;
      transform: translateX(-40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-ms-keyframes fadeLeft {
    0% {
      opacity:0;
      transform: translateX(-40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
  }  
  }

  .fade-right {
    animation: fadeRight ease 2s;
    -webkit-animation: fadeRight ease 2s;
    -moz-animation: fadeRight ease 2s;
    -o-animation: fadeRight ease 2s;
    -ms-animation: fadeRight ease 2s;
  }
  
  @keyframes fadeRight {
    0% {
      opacity:0;
      transform: translateX(40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-moz-keyframes fadeRight {
    0% {
      opacity:0;
      transform: translateX(40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-webkit-keyframes fadeRight {
    0% {
      opacity:0;
      transform: translateX(40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-o-keyframes fadeRight {
    0% {
      opacity:0;
      transform: translateX(40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
    }
  }
  
  @-ms-keyframes fadeRight {
    0% {
      opacity:0;
      transform: translateX(40px);
    }
    100% {
      opacity:1;
      transform: translateX(0);
  }  
  }