/*******************************
       Animation for popup pro builder
********************************/


.dnxte_popup_pro_animation.active {
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

.active.dnxte_popup_pro_popup_load {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_load;
}

.active.dnxte_popup_pro_zoom_center {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center;
}

.active.dnxte_popup_pro_zoom_left {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left;
}

.active.dnxte_popup_pro_zoom_left_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left_rev;
}

.active.dnxte_popup_pro_zoom_center_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center_rev;
}

.active.dnxte_popup_pro_zoom_right {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right;
}

.active.dnxte_popup_pro_zoom_right_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right_rev;
}

.active.dnxte_popup_pro_slide_left {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left;
}

.active.dnxte_popup_pro_slide_left_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left_rev;
}

.active.dnxte_popup_pro_slide_up {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up;
}

.active.dnxte_popup_pro_slide_up_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up_rev;
}

.active.dnxte_popup_pro_slide_down {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down;
}

.active.dnxte_popup_pro_slide_down_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down_rev;
}

.active.dnxte_popup_pro_popup_close {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_close;
}

.active.dnxte_popup_pro_slide_right {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right;
}

.active.dnxte_popup_pro_slide_right_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right_rev;
}

.active.dnxte_popup_pro_fade_in {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in;
}

.active.dnxte_popup_pro_fade_in_rev {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in_rev;
}

/* popup animation add for version 1.2 start */

.active.dnxte_popup_pro_animate_bounce {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounce;
}

.active.dnxte_popup_pro_animate_pulse {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_pulse;
}

.active.dnxte_popup_pro_animate_shakeX {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeX;
}

.active.dnxte_popup_pro_animate_shakeY {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeY;
}

.active.dnxte_popup_pro_animate_headShake {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_headShake;
}

.active.dnxte_popup_pro_animate_heartBeat {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_heartBeat;
}

.active.dnxte_popup_pro_animate_bounceIn {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceIn;
}

.active.dnxte_popup_pro_animate_bounceInDown {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInDown;
}

.active.dnxte_popup_pro_animate_bounceInLeft {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInLeft;
}

.active.dnxte_popup_pro_animate_bounceInRight {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInRight;
}


.active.dnxte_popup_pro_animate_bounceInUp {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInUp;
}

.active.dnxte_popup_pro_animate_fadeIn {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeIn;
}

.active.dnxte_popup_pro_animate_fadeInDown {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDown;
}

.active.dnxte_popup_pro_animate_fadeInDownBig {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDownBig;
}

.active.dnxte_popup_pro_animate_fadeInLeft {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeft;
}

.active.dnxte_popup_pro_animate_fadeInLeftBig {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}

.active.dnxte_popup_pro_animate_fadeInRight {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRight;
}

.active.dnxte_popup_pro_animate_fadeInLeftBig {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}

.active.dnxte_popup_pro_animate_fadeInRightBig {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRightBig;
}

.active.dnxte_popup_pro_animate_fadeInUp {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUp;
}

.active.dnxte_popup_pro_animate_fadeInUpBig {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUpBig;
}

.active.dnxte_popup_pro_animate_fadeOut {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOut;
}

.active.dnxte_popup_pro_animate_fadeOutDown {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutDown;
}

.active.dnxte_popup_pro_animate_fadeOutLeft {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutLeft;
}

.active.dnxte_popup_pro_animate_fadeOutRight {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutRight;
}

.active.dnxte_popup_pro_animate_fadeOutUp {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutUp;
}

.active.dnxte_popup_pro_animate_flipInX {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInX;
}

.active.dnxte_popup_pro_animate_flipInY {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInY;
}

.active.dnxte_popup_pro_animate_lightSpeedInRight {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInRight;
}

.active.dnxte_popup_pro_animate_lightSpeedInLeft {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInLeft;
}

.active.dnxte_popup_pro_animate_lightSpeedOutRight {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutRight;
}

.active.dnxte_popup_pro_animate_lightSpeedOutLeft {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutLeft;
}

.active.dnxte_popup_pro_animate_zoomIn {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomIn;
}

.active.dnxte_popup_pro_animate_zoomInDown {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomInDown;
}

.active.dnxte_popup_pro_animate_zoomOut {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOut;
}

.active.dnxte_popup_pro_animate_zoomOutDown {
    animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOutDown;
}

/* popup pro animation add css 1.2 start */
@keyframes dnxte_popup_pro_animate_bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes dnxte_popup_pro_animate_pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes dnxte_popup_pro_animate_shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes dnxte_popup_pro_animate_shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes dnxte_popup_pro_animate_headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes dnxte_popup_pro_animate_heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dnxte_popup_pro_animate_bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dnxte_popup_pro_animate_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes dnxte_popup_pro_animate_fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes dnxte_popup_pro_animate_fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes dnxte_popup_pro_animate_flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes dnxte_popup_pro_animate_flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes dnxte_popup_pro_animate_lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dnxte_popup_pro_animate_lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes dnxte_popup_pro_animate_lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes dnxte_popup_pro_animate_zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes dnxte_popup_pro_animate_zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes dnxte_popup_pro_animate_zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes dnxte_popup_pro_animate_zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}




/* popup animation add css 1.2 end */
@keyframes dnxte_popup_pro_popup_load {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dnxte_popup_pro_popup_close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/***** Slide *****/
@keyframes dnxte_popup_pro_slide_left {

    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes dnxte_popup_pro_slide_left_rev {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes dnxte_popup_pro_slide_right {

    0% {
        transform: translateX(100%) translateY(0px);
    }

    100% {
        transform: translateX(0) translateY(0px);
    }

}

@keyframes dnxte_popup_pro_slide_right_rev {

    0% {
        transform: translateX(0) translateY(0px);
    }

    0.1% {
        transform: translateX(0) translateY(9px);
    }

    100% {
        transform: translateX(100%) translateY(0);
    }
}

@keyframes dnxte_popup_pro_slide_up {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: none;
    }
}

@keyframes dnxte_popup_pro_slide_up_rev {
    0% {
        transform: none;
    }

    100% {
        transform: translateY(100%);
    }
}

@keyframes dnxte_popup_pro_slide_down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: none;
    }
}

@keyframes dnxte_popup_pro_slide_down_rev {
    0% {
        transform: none;
    }

    100% {
        transform: translateY(-100%);
    }
}

@keyframes dnxte_popup_pro_fade_in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dnxte_popup_pro_fade_in_rev {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes dnxte_popup_pro_zoom_left {
    0% {
        transform: scale(1.4) translateX(-100%);
    }

    100% {
        transform: none;
    }
}

@keyframes dnxte_popup_pro_zoom_left_rev {
    0% {
        transform: none;
    }

    100% {
        transform: scale(3) translateX(-100%);
    }
}

@keyframes dnxte_popup_pro_zoom_center {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dnxte_popup_pro_zoom_center_rev {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes dnxte_popup_pro_zoom_right {
    0% {
        transform: scale(1.5) translateX(100%);
    }

    100% {
        transform: none;
    }
}

@keyframes dnxte_popup_pro_zoom_right_rev {
    0% {
        transform: none;
    }

    100% {
        transform: scale(1.5) translateX(100%);
    }
}