.page-enter-active, .page-leave-active {
  transition: all .8s ease-in-out;
}

.page-enter {
  opacity: 0;
  min-height: calc(100vh + 120px);
  transform: translateX(50px);
}

.page-leave-to {
  opacity: 0;
  position: absolute;
  min-height: calc(100vh + 120px);
  transform: translateX(-50px);
}

.fade-content-enter-active {
  transition: 3s ease-in-out;
}

.fade-content-enter-to {
  opacity: 1;
}

.fade-content-enter {
  opacity: 0;
}

.newsletter-enter-active {
  transition: 1s ease-in-out;
}

.newsletter-leave-active {
  position: absolute;
  transition: 1s ease-in-out;
}

.newsletter-enter-to {
  opacity: 1;
}
.newsletter-enter {
  opacity: 0;
}
.newsletter-leave-to {
  opacity: 0;
}

.navbar-enter-active {
  transition: 1s ease;
}

.navbar-enter {
  opacity: 0;
  transform: translateY(-20px);
}

.list-left-enter-active, .list-right-enter-active {
  transition: all 1s ease-in-out;
}
.list-left-move, .list-right-move {
  transition: all 0.9s ease-in-out;
}
.list-left-leave-active, .list-right-leave-active {
  position: absolute;
  transition: all 0.8s ease-in-out;
}

.list-left-enter {
  opacity: 0;
  transform: translateX(-100%);
}
.list-right-enter {
  opacity: 0;
  transform: translateX(100%);
}

.list-left-leave-to {
  opacity: 0;
  transform: translateX(100%);
}
.list-right-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}

.list-left-leave-active {
  left: calc(100% / 3 * 2);
}
.list-right-leave-active {
  left: 0;
}

.image-fade-enter-active {
  transition: 1.5s ease-in-out;
}
.image-fade-leave-active {
  position: absolute;
  transition: 1.5s ease-in-out;
}
.image-fade-leave-to, .image-fade-enter {
  opacity: 0;
}
.image-fade-enter-to {
  opacity: 1;
}

.route-info-slide-enter-active {
  transition: all 1s ease-in-out;
}
.route-info-slide-leave-active {
  left: 50%;
  position: absolute;
  height: calc(100% - 180px);
  transition: all 1s ease-in-out;
}
.route-info-slide-enter {
  transform: translateY(-100%);
}

.route-image-slide-enter-active {
  transition: all 1s ease-in-out;
}
.route-image-slide-leave-active {
  top: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  position: absolute;
  transition: all 1s ease-in-out;
}
.route-image-slide-enter {
  transform: translateY(100%);
}

/* Admin */

.sidebar-enter-active {
  transition: 1s ease;
}

.sidebar-enter {
  transform: translateX(-100%);
}

.admin-view-enter-active {
  transition: 0.8s ease-in-out;
}
.admin-view-leave-active {
  width: 100%;
  left: 0;
  position: absolute;
  transition: 0.8s ease-in-out;
}
.admin-view-enter {
  opacity: 0;
  transform: translateX(100%);
}
.admin-view-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}

.admin-form-leave-active {
  position: absolute;
  transition: 0.3s ease-in-out;
}
.admin-form-enter-active {
  transition: 0.6s ease-in-out;
}
.admin-form-leave-to, .admin-form-enter {
  opacity: 0;
}
.admin-form-enter-to {
  opacity: 1;
}

.error-enter-active, .error-leave-active {
  transition: 0.4s ease-in-out;
}
.error-enter {
  opacity: 0;
  transform: translateX(-20px);
}
.error-leave-to {
  opacity: 0;
  transform: translateX(20px);
}

.list-right-t-enter-active, .list-right-t-move {
  transition: all 0.5s ease-in-out;
}
.list-right-t-leave-active {
  left: 0;
  transition: all 0.5s ease-in-out;
}
.list-right-t-enter {
  opacity: 0;
  transform: translateX(100%);
}
.list-right-t-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}

.list-right-still-enter-active, .list-right-still-move {
  transition: all 0.5s ease-in-out;
}
.list-right-still-leave-active {
  transition: all 0.5s ease-in-out;
}
.list-right-still-enter {
  opacity: 0;
  transform: translateY(20px);
}
.list-right-still-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}

.list-date-enter-active, .list-date-move {
  transition: all 0.5s ease-in-out;
}
.list-date-leave-active {
  transition: all 0.5s ease-in-out;
}
.list-date-enter {
  opacity: 0;
  transform: translateY(20px);
}
.list-date-leave-to {
  opacity: 0;
  transform: translateY(20px);
}

.agenda-item-enter-active, .agenda-item-move {
  transition: all 0.6s ease-in-out;
}
.agenda-item-leave-active {
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.agenda-item-enter {
  opacity: 0;
}
.agenda-item-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}

.reservation-enter-active {
  transition: all 1s ease-in-out;
}
.reservation-leave-active {
  transition: all 0.5s ease-in-out;
}
.reservation-enter {
  opacity: 0;
  transform: translateY(15px);
}
.reservation-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}

.toggler-enter-active {
  transition: all 0.5s ease-in-out;
}
.toggler-leave-active {
  transition: all 0.3s ease-in-out;
}
.toggler-enter {
  opacity: 0;
}
.toggler-leave-to {
  opacity: 0;
}

.route-img-enter-active {
  transition: all 1s ease-in-out;
}
.route-img-leave-active {
  transition: all 0.6s ease-in-out;
}
.route-img-enter {
  opacity: 0;
  transform: translateX(25px);
}
.route-img-leave-to {
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: translateX(-25px);
}

.route-img-back-enter-active {
  transition: all 1s ease-in-out;
}
.route-img-back-leave-active {
  transition: all 0.6s ease-in-out;
}
.route-img-back-enter {
  opacity: 0;
  transform: translateX(-25px);
}
.route-img-back-leave-to {
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: translateX(25px);
}


.activity-img-enter-active {
  transition: all 1s ease-in-out;
}
.activity-img-leave-active {
  transition: all 0.6s ease-in-out;
}
.activity-img-enter {
  opacity: 0;
  transform: translateX(25px);
}
.activity-img-leave-to {
  opacity: 0;
  transform: translateX(-25px);
}

.activity-img-back-enter-active {
  transition: all 1s ease-in-out;
}
.activity-img-back-leave-active {
  transition: all 0.6s ease-in-out;
}
.activity-img-back-enter {
  opacity: 0;
  transform: translateX(-25px);
}
.activity-img-back-leave-to {
  opacity: 0;
  transform: translateX(25px);
}

.expand-range-enter-active {
  transition: all 1.5s ease-in-out;
}
.expand-range-enter {
  transform: scale(0.2);
}

.filters-enter-active {
  transition: all 1s ease-in-out;
}
.filters-leave-active {
  transition: all 0.6s ease-in-out;
}
.filters-enter {
  max-height: 0;
  overflow: hidden;
}
.filters-enter-to {
  max-height: 1000px;
  overflow: hidden;
}
.filters-leave {
  max-height: 1000px;
  overflow: hidden;
}
.filters-leave-to {
  max-height: 0;
  overflow: hidden;
}