.arrow {
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto 8vh auto;
    z-index: 101;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.arrow a {
    color: #ffffff;
    text-decoration: none;
}

.arrow a img {
    width: 30px;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.card_transitions_right {
    -moz-animation: card_transitions_right .5s ease-in;
    -webkit-animation: card_transitions_right .5s ease-in;
    animation: card_transitions_right .5s ease-in;
}
.card_transitions_right_back {
    -moz-animation: card_transitions_right_back .5s ease-in;
    -webkit-animation: card_transitions_right_back .5s ease-in;
    animation: card_transitions_right_back .5s ease-in;
}

.card_transitions_left {
    -moz-animation: card_transitions_left .5s ease-in;
    -webkit-animation: card_transitions_left .5s ease-in;
    animation: card_transitions_left .5s ease-in;
}
.card_transitions_left_back {
    -moz-animation: card_transitions_left_back .5s ease-in;
    -webkit-animation: card_transitions_left_back .5s ease-in;
    animation: card_transitions_left_back .5s ease-in;
}

@keyframes card_transitions_right {
    0% {
        transform: translateX(0) scale(1);
    }
    40% {
        transform: translateX(50px) scale(1);
    }
    60% {
        transform: translateY(0) scale(1);
    }
}

@keyframes card_transitions_right_back{
    0% {
        transform: translateX(0) scale(1);
    }
    40% {
        transform: translateX(50px) scale(1);
    }
    60% {
        transform: translateY(0) scale(1);
    }
}
@keyframes card_transitions_left {
    0% {
        transform: translateX(0) scale(1);
    }
    40% {
        transform: translateX(-50px) scale(1);
    }
    60% {
        transform: translateY(0) scale(1);
    }
}
@keyframes card_transitions_left_back{
    0% {
        transform: translateX(0) scale(1);
    }
    40% {
        transform: translateX(-50px) scale(1);
    }
    60% {
        transform: translateY(0) scale(1);
    }
}