.slide-left.ng-enter,
.slide-left.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    transition: 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
}

.slide-left {
    position: absolute;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.slide-left.ng-enter {
    /*left: 100%;*/
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0px, 0px);
    opacity: 1;
    visibility: hidden;
}

.slide-left.ng-enter.ng-enter-active {
    /*left:0;*/
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
}

.slide-left.ng-leave {
    /*left:0;*/
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.slide-left.ng-leave.ng-leave-active {
    /*left:-100%;*/
    transform: translate3d(-300px, 0px, 0px);
    -webkit-transform: translate3d(-300px, 0px, 0px);
    opacity: 0;
}


.slide-right.ng-enter,
.slide-right.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    transition: 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
}

.slide-right {
    position: absolute;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.slide-right.ng-enter {
    /*left: 100%;*/
    transform: translate3d(-300px, 0px, 0px);
    -webkit-transform: translate3d(-300px, 0px, 0px);
    opacity: 1;
    visibility: hidden;
}

.slide-right.ng-enter.ng-enter-active {
    /*left:0;*/
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
}

.slide-right.ng-leave {
    /*left:0;*/
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.slide-right.ng-leave.ng-leave-active {
    /*left:-100%;*/
    transform: translate3d(300px, 0px, 0px);
    -webkit-transform: translate3d(300px, 0px, 0px);
    opacity: 0;
}


.slide-top {
    -webkit-transition: 700ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    transition: 700ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    /* easeOutBack */
    /*-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);*/

    /*transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);*/

}

.slide-top.ng-hide-add {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.slide-top.ng-hide-add.ng-hide-add-active {
    transform: translateY(240px);
    -webkit-transform: translateY(240px);
    opacity: 0;
}

.slide-top.ng-hide-remove {
    transform: translateY(240px);
    -webkit-transform: translateY(240px);
    display: block !important;
    opacity: 0;
}

.slide-top.ng-hide-remove.ng-hide-remove-active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

/*
    icon-showup
*/
.icon-showup-animation {
    -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
    transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
    opacity: 0;
}

.icon-showup-animation.ng-hide-remove {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    display: block !important;
    opacity: 0.7;
}

.icon-showup-animation.ng-hide-remove.ng-hide-remove-active {
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0;
}

/* ------------------------------------------- */
/* Scale Fade
/* ------------------------------------------- */
/* line 544, ../sass/ng-animation.scss */
.scale-fade {
    -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;

    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    /* easeOutQuad */

}

/* line 547, ../sass/ng-animation.scss */
.scale-fade.ng-enter {
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    opacity: 0;
}

/* line 553, ../sass/ng-animation.scss */
.scale-fade.ng-enter-active {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

/* line 558, ../sass/ng-animation.scss */
.scale-fade.ng-leave {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
}

/* line 564, ../sass/ng-animation.scss */
.scale-fade.ng-leave-active {
    transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
}

/* line 570, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
}

/* line 575, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add.ng-hide-add-active {
    transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
}

/* line 581, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove {
    transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    display: block !important;
    opacity: 0;
}

/* line 587, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove.ng-hide-remove-active {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}


/* ------------------------------------------- */
/* Bouncy Slide Left
/* ------------------------------------------- */
/* line 434, ../sass/ng-animation.scss */
.bouncy-slide-left {
    -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
    /* older webkit */
    -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
    /* custom */
}

/* line 437, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter {
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    opacity: 0;
}

/* line 443, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter-active {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}

/* line 448, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    opacity: 1;
}

/* line 454, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave-active {
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0;
}

/* line 460, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    opacity: 1;
}

/* line 465, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add.ng-hide-add-active {
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0;
}

/* line 471, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove {
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    display: block !important;
    opacity: 0;
}

/* line 477, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}


@-webkit-keyframes heartfloat1 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(0.2);
        opacity: 1;
    }
    3% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    15% {
        transform: translateY(-15px) translateX(10px);
        -webkit-transform: translateX(10px) translateY(-15px);
    }
    30% {
        transform: translateX(0) translateY(-30px);
        -webkit-transform: translateX(0) translateY(-30px);
    }
    45% {
        transform: translateX(10px) translateY(-45px);
        -webkit-transform: translateX(10px) translateY(-45px);
    }
    60% {
        transform: translateX(0) translateY(-60px);
        -webkit-transform: translateX(0) translateY(-60px);
    }
    75% {
        transform: translateX(10px) translateY(-75px);
        -webkit-transform: translateX(10px) translateY(-75px);
    }
    90% {
        transform: translateX(0) translateY(-90px);
        -webkit-transform: translateX(0) translateY(-90px);
    }
    100% {

        transform: translateY(-100px) translateX(7px);
        -webkit-transform: translateY(-100px) translateX(7px);
        opacity: 0;
    }
}

@-webkit-keyframes heartfloat2 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(0.2);
        opacity: 1;
    }
    3% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    15% {
        transform: translateY(-22.5px) translateX(15px);
        -webkit-transform: translateX(15px) translateY(-22.5px);
    }
    30% {
        transform: translateX(0) translateY(-45px);
        -webkit-transform: translateX(0) translateY(-45px);
    }
    45% {
        transform: translateX(15px) translateY(-67.5px);
        -webkit-transform: translateX(15px) translateY(-67.5px);
    }
    60% {
        transform: translateX(0) translateY(-90px);
        -webkit-transform: translateX(0) translateY(-90px);
    }
    75% {
        transform: translateX(15px) translateY(-112.5px);
        -webkit-transform: translateX(15px) translateY(-112.5px);
    }
    90% {
        transform: translateX(0) translateY(-135px);
        -webkit-transform: translateX(0) translateY(-135px);
    }
    100% {

        transform: translateY(-150px) translateX(10px);
        -webkit-transform: translateY(-150px) translateX(10px);
        opacity: 0;
    }
}

@-webkit-keyframes heartfloat3 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(0.2);
        opacity: 1;
    }
    3% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    15% {
        transform: translateY(-15px) translateX(10px);
        -webkit-transform: translateX(10px) translateY(-15px);
    }
    30% {
        transform: translateX(0) translateY(-30px);
        -webkit-transform: translateX(0) translateY(-30px);
    }
    45% {
        transform: translateX(10px) translateY(-45px);
        -webkit-transform: translateX(10px) translateY(-45px);
    }
    60% {
        transform: translateX(0) translateY(-60px);
        -webkit-transform: translateX(0) translateY(-60px);
    }
    75% {
        transform: translateX(10px) translateY(-75px);
        -webkit-transform: translateX(10px) translateY(-75px);
    }
    90% {
        transform: translateX(0) translateY(-90px);
        -webkit-transform: translateX(0) translateY(-90px);
    }
    100% {

        transform: translateY(-100px) translateX(7px);
        -webkit-transform: translateY(-100px) translateX(7px);
        opacity: 0;
    }
}

.heart-float-animation1 {
    animation: heartfloat1 6s 1;
    -webkit-animation: heartfloat1 6s 1;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

.heart-float-animation2 {
    animation: heartfloat2 5s 1;
    -webkit-animation: heartfloat2 6s 1;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

.heart-float-animation3 {
    animation: heartfloat3 4s 1;
    -webkit-animation: heartfloat3 6s 1;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}


@-webkit-keyframes buttonZoom {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.button-clicked-zoom {
    animation: buttonZoom 0.3s 1;
    -webkit-animation: buttonZoom 0.3s 1;
    transform-origin: 0 50%;;
    -webkit-transform-origin: 0 50%;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}