@keyframes bounceButtonUp {
  0% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  40% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  70% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceButtonUp {
  0% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  40% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  70% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceButtonUp {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceButtonUp;
  animation-name: bounceButtonUp;
}

@keyframes bounceButtonDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
}
@-webkit-keyframes bounceButtonDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
}

.bounceButtonDown {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceButtonDown;
  animation-name: bounceButtonDown;
}

.rotate45{
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@keyframes animatePotraitImage10em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(10em - 100%));
        -ms-transform: translateY(calc(10em - 100%));
        transform: translateY(calc(10em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animatePotraitImage10em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(10em - 100%));
        -ms-transform: translateY(calc(10em - 100%));
        transform: translateY(calc(10em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
} 
.animatePotraitImage10em {
    -webkit-animation: animatePotraitImage10em 20s infinite  normal ease-out;
    animation: animatePotraitImage10em 20s infinite  normal ease-out;
}

@keyframes animateLandscapeImage10em {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(calc(10em - 100%));
        -ms-transform: translateX(calc(10em - 100%));
        transform: translateX(calc(10em - 100%));
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes animateLandscapeImage10em {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(calc(10em - 100%));
        -ms-transform: translateX(calc(10em - 100%));
        transform: translateX(calc(10em - 100%));
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
} 
.animateLandscapeImage10em {
    -webkit-animation: animateLandscapeImage10em 20s infinite  normal ease-out;
    animation: animateLandscapeImage10em 20s infinite  normal ease-out;
}

@keyframes animatePotraitImage25em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(25em - 100%));
        -ms-transform: translateY(calc(25em - 100%));
        transform: translateY(calc(25em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animatePotraitImage25em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(25em - 100%));
        -ms-transform: translateY(calc(25em - 100%));
        transform: translateY(calc(25em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.animatePotraitImage25em {
    -webkit-animation: animatePotraitImage25em 20s infinite  normal ease-out;
    animation: animatePotraitImage25em 20s infinite  normal ease-out;
}

@keyframes animatePotraitImage15em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(15em - 100%));
        -ms-transform: translateY(calc(15em - 100%));
        transform: translateY(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animatePotraitImage15em {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(15em - 100%));
        -ms-transform: translateY(calc(15em - 100%));
        transform: translateY(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
} 
.animatePotraitImage15em {
    -webkit-animation: animatePotraitImage15em 20s infinite  normal ease-out;
    animation: animatePotraitImage15em 20s infinite  normal ease-out;
}

@keyframes animateLandscapeImage15em {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(calc(15em - 100%));
        -ms-transform: translateX(calc(15em - 100%));
        transform: translateX(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes animateLandscapeImage15em {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(calc(15em - 100%));
        -ms-transform: translateX(calc(15em - 100%));
        transform: translateX(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
} 
.animateLandscapeImage15em {
    -webkit-animation: animateLandscapeImage15em 20s infinite  normal ease-out;
    animation: animateLandscapeImage15em 20s infinite  normal ease-out;
}

@keyframes animateHeaderImage {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(15em - 100%));
        -ms-transform: translateY(calc(15em - 100%));
        transform: translateY(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animateHeaderImage {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(calc(15em - 100%));
        -ms-transform: translateY(calc(15em - 100%));
        transform: translateY(calc(15em - 100%));
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
} 
.animateHeaderImage {
    /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);*/
    -webkit-animation: animateHeaderImage 20s infinite  normal ease-out;
    animation: animateHeaderImage 20s infinite  normal ease-out;
}