.flipper-child {
}

.flipper-transitions {
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.flipper-stage {
    position: relative;

    -webkit-perspective: 2000px;
            perspective: 2000px;
}
.flipper-child {
    position: absolute;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.flipper-child-vertical {
    -webkit-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
         -o-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: center top;
       -moz-transform-origin: center top;
        -ms-transform-origin: center top;
         -o-transform-origin: center top;
            transform-origin: center top;
}

.flipper-child-horizontal {
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-origin: center left;
       -moz-transform-origin: center left;
        -ms-transform-origin: center left;
         -o-transform-origin: center left;
            transform-origin: center left;
}

.flipper-back-child {
    position: absolute;
    z-index: 999;

    overflow: hidden;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.flipper-back-child-vertical {
    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
         -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.flipper-back-child-horizontal {
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.flipper-front-child {
    position: absolute;
    z-index: 998;

    overflow: hidden;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.flipper-back-child-wrapper {
    position: absolute;
    top: 0;
}
.flipper-front-child-wrapper {
    position: absolute;
}