.fadeout-up
{
  transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  opacity: 0;
}

.fadeout-down
{
  transform: translateY(1.5em);
  -webkit-transform: translateY(1.5em);
  opacity: 0;
}
.fadeout-left
{
  transform: translateX(-1.5em);
  -webkit-transform: translateX(-1.5em);
  opacity: 0;
}

.fadeout-right
{
  transform: translateX(1.5em);
  -webkit-transform: translateX(1.5em);
  opacity: 0;
}

.fadein
{
  transition-property: transform, opacity;
  transition-duration: 2000ms;
  transform: translate(0,0);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 2000ms;
  -webkit-transform: translate(0,0);
  opacity: 1.0;
}

.preloader-jobs,
.preloader-home
{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(76,76,76,1);
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}
.preloader-gif
{
  width: 100%;
  height: 100%;
  background: url('../img/ajax-loader.gif') no-repeat center center;
}
.fadeout
{
  transition-property: transform, opacity;
  transition-duration: 2000ms;
  transform: translate(0,0);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 2000ms;
  -webkit-transform: translate(0,0);
  opacity: 0.0;
}
.fadeout-gif
{
  transition-property: transform, opacity;
  transition-duration: 500ms;
  transform: translate(0,0);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 500ms;
  -webkit-transform: translate(0,0);
  opacity: 0.0;
}
.post-fadeout
{
  display: none;
}