#loading-screen {
    z-index: 12000;
    background-color: rgba(0, 0, 0, 0.95);
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    #loading-screen.ng-show,
    #loading-screen.ng-hide {
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    #loading-screen.ng-show {
        opacity: 1;
        height: 100%;
    }

    #loading-screen.ng-hide {
        opacity: 0;
    }

    #loading-screen > div {
        margin-top: 25%;
    }

.horizontal-spinner {
    -webkit-animation: horizontal-spin 2s infinite linear;
    -moz-animation: horizontal-spin 2s infinite linear;
    -o-animation: horizontal-spin 2s infinite linear;
    -ms-animation: horizontal-spin 2s infinite linear;
    animation: horizontal-spin 2s infinite linear;
    display: block;
}

@-webkit-keyframes horizontal-spin {
    0% {
        -webkit-transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes horizontal-spin {
    0% {
        -moz-transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
    }
}

@-o-keyframes horizontal-spin {
    0% {
        -o-transform: rotateY(0deg);
    }

    100% {
        -o-transform: rotateY(360deg);
    }
}

@-ms-keyframes horizontal-spin {
    0% {
        -ms-transform: rotateY(0deg);
    }

    100% {
        -ms-transform: rotateY(360deg);
    }
}

@keyframes horizontal-spin {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}