@keyframes portraitmove {
        0% {
                -webkit-transform: translate(0, 0%);
                transform: translate(0, 0%);
                opacity: 1
        }
        35% {
                -webkit-transform: translate(0, 50%);
                transform: translate(0, 50%);
                opacity: 0
        }
        65% {
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                opacity: 0
        }
        90% {
                -webkit-transform: translate(0, 0%);
                transform: translate(0, 0%);
                opacity: 1
        }
}

@-webkit-keyframes slideInDown {
        0% {
                -webkit-transform: translate3d(0, -500%, 0);
                transform: translate3d(0, -500%, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@keyframes slideInDown {
        0% {
                -webkit-transform: translate3d(0, -500%, 0);
                transform: translate3d(0, -500%, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@-webkit-keyframes slideInUp {
        0% {
                -webkit-transform: translate3d(0, 500%, 0);
                transform: translate3d(0, 500%, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@keyframes slideInUp {
        0% {
                -webkit-transform: translate3d(0, 500%, 0);
                transform: translate3d(0, 500%, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@-webkit-keyframes slideInLeft {
        0% {
                -webkit-transform: translate3d(-500%, 0, 0);
                transform: translate3d(-500%, 0, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@keyframes slideInLeft {
        0% {
                -webkit-transform: translate3d(-500%, 0, 0);
                transform: translate3d(-500%, 0, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@-webkit-keyframes slideInRight {
        0% {
                -webkit-transform: translate3d(500%, 0, 0);
                transform: translate3d(500%, 0, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@keyframes slideInRight {
        0% {
                -webkit-transform: translate3d(500%, 0, 0);
                transform: translate3d(500%, 0, 0);
                visibility: visible
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}

@-webkit-keyframes 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% {
                -webkit-transform: translate3d(0, 2000px, 0);
                opacity: 0;
                transform: translate3d(0, 2000px, 0)
        }
        60% {
                -webkit-transform: translate3d(0, -20px, 0);
                opacity: 1;
                transform: translate3d(0, -20px, 0)
        }
        75% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0)
        }
        90% {
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0)
        }
        to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
        }
}