/* Fade Start */

@keyframes fade-adp-show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-adp-hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fade-adp-show,
.fade-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.fade-adp-show {
    animation-name: fade-adp-show;
}

.fade-adp-hide {
    animation-name: fade-adp-hide;
}


/* Fade End */


/* Slide Left Start */

@keyframes slide-left-adp-show {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-left-adp-hide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-100px);
        opacity: 0;
    }
}

.slide-left-adp-show,
.slide-left-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.slide-left-adp-show {
    animation-name: slide-left-adp-show;
}

.slide-left-adp-hide {
    animation-name: slide-left-adp-hide;
}


/* Slide Left End */


/* Slide Right Start */

@keyframes slide-right-adp-show {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-right-adp-hide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100px);
        opacity: 0;
    }
}

.slide-right-adp-show,
.slide-right-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.slide-right-adp-show {
    animation-name: slide-right-adp-show;
}

.slide-right-adp-hide {
    animation-name: slide-right-adp-hide;
}


/* Slide Right End */


/* Slide Up Start */

@keyframes slide-up-adp-show {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-up-adp-hide {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100px);
        opacity: 0;
    }
}

.slide-up-adp-show,
.slide-up-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.slide-up-adp-show {
    animation-name: slide-up-adp-show;
}

.slide-up-adp-hide {
    animation-name: slide-up-adp-hide;
}


/* Slide Up End */


/* Slide Down Start */

@keyframes slide-down-adp-show {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-down-adp-hide {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}

.slide-down-adp-show,
.slide-down-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.slide-down-adp-show {
    animation-name: slide-down-adp-show;
}

.slide-down-adp-hide {
    animation-name: slide-down-adp-hide;
}


/* Slide Down End */


/* Zoom In Start */

@keyframes zoom-in-adp-show {
    0% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes zoom-in-adp-hide {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

.zoom-in-adp-show,
.zoom-in-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.zoom-in-adp-show {
    animation-name: zoom-in-adp-show;
}

.zoom-in-adp-hide {
    animation-name: zoom-in-adp-hide;
}


/* Zoom In End */


/* Zoom Out Start */

@keyframes zoom-out-adp-show {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes zoom-out-adp-hide {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
}

.zoom-out-adp-show,
.zoom-out-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.zoom-out-adp-show {
    animation-name: zoom-out-adp-show;
}

.zoom-out-adp-hide {
    animation-name: zoom-out-adp-hide;
}


/* Zoom Out End */


/* Rotate Left Start */

@keyframes rotate-left-adp-show {
    0% {
        transform: rotate(-180deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes rotate-left-adp-hide {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: rotate(-180deg);
        opacity: 0;
    }
}

.rotate-left-adp-show,
.rotate-left-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.rotate-left-adp-show {
    animation-name: rotate-left-adp-show;
}

.rotate-left-adp-hide {
    animation-name: rotate-left-adp-hide;
}


/* Rotate Left End */


/* Rotate Right Start */

@keyframes rotate-right-adp-show {
    0% {
        transform: rotate(180deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes rotate-right-adp-hide {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: rotate(180deg);
        opacity: 0;
    }
}

.rotate-right-adp-show,
.rotate-right-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.rotate-right-adp-show {
    animation-name: rotate-right-adp-show;
}

.rotate-right-adp-hide {
    animation-name: rotate-right-adp-hide;
}


/* Rotate Right End */


/* Flip Up Start */

@keyframes flip-up-adp-show {
    0% {
        transform: rotateX(90deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flip-up-adp-hide {
    0% {
        transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: rotateX(90deg);
        opacity: 0;
    }
}

.flip-up-adp-show,
.flip-up-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.flip-up-adp-show {
    animation-name: flip-up-adp-show;
}

.flip-up-adp-hide {
    animation-name: flip-up-adp-hide;
}


/* Flip Up End */


/* Flip Down Start */

@keyframes flip-down-adp-show {
    0% {
        transform: rotateX(-90deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flip-down-adp-hide {
    0% {
        transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: rotateX(-90deg);
        opacity: 0;
    }
}

.flip-down-adp-show,
.flip-down-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.flip-down-adp-show {
    animation-name: flip-down-adp-show;
}

.flip-down-adp-hide {
    animation-name: flip-down-adp-hide;
}


/* Flip Down End */


/* Flip Left Start */

@keyframes flip-left-adp-show {
    0% {
        transform: rotateY(90deg);
        opacity: 0;
    }
    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flip-left-adp-hide {
    0% {
        transform: rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: rotateY(90deg);
        opacity: 0;
    }
}

.flip-left-adp-show,
.flip-left-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.flip-left-adp-show {
    animation-name: flip-left-adp-show;
}

.flip-left-adp-hide {
    animation-name: flip-left-adp-hide;
}


/* Flip Left End */


/* Flip Right Start */

@keyframes flip-right-adp-show {
    0% {
        transform: rotateY(-90deg);
        opacity: 0;
    }
    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flip-right-adp-hide {
    0% {
        transform: rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: rotateY(-90deg);
        opacity: 0;
    }
}

.flip-right-adp-show,
.flip-right-adp-hide {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

.flip-right-adp-show {
    animation-name: flip-right-adp-show;
}

.flip-right-adp-hide {
    animation-name: flip-right-adp-hide;
}


/* Flip Right End */

.adp-hide {
    display: none !important;
}