.alignment {
    position: absolute;
    display: table;
    height: 100%;
    width: 100%
}

.center-middle {
    vertical-align: middle;
    text-align: center
}

.v-align {
    display: table-cell
}

#preloader {
    background-color: #f9f9f9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

#preloader .spinner {
    -webkit-animation: pace-3d-spinner linear infinite 2s;
    -moz-animation: pace-3d-spinner linear infinite 2s;
    -ms-animation: pace-3d-spinner linear infinite 2s;
    -o-animation: pace-3d-spinner linear infinite 2s;
    animation: pace-3d-spinner linear infinite 2s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@-webkit-keyframes pace-3d-spinner {
    from {
        -webkit-transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(360deg)
    }
}

@-moz-keyframes pace-3d-spinner {
    from {
        -moz-transform: rotateY(0deg)
    }

    to {
        -moz-transform: rotateY(360deg)
    }
}

@-ms-keyframes pace-3d-spinner {
    from {
        -ms-transform: rotateY(0deg)
    }

    to {
        -ms-transform: rotateY(360deg)
    }
}

@-o-keyframes pace-3d-spinner {
    from {
        -o-transform: rotateY(0deg)
    }

    to {
        -o-transform: rotateY(360deg)
    }
}

@keyframes pace-3d-spinner {
    from {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(360deg)
    }
}