#spinContainer {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(70,70,70,.7);
  	top: 0; 
  	left: 0;
    z-index: 2147483647; /* Max Int */
    cursor: wait;
}
#logoContainer {
    height: 50px;
    width: 50px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
#logoSpinner {
    width: 100%;
    height: 100%;
    -webkit-animation: spin 5s infinite;
    -moz-animation: spin 5s infinite;
    -o-animation: spin 5s infinite;
    animation: spin 5s infinite;
}

@-webkit-keyframes spin {
    0%, 20% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    30% {
        -webkit-transform: rotateY(0deg) scale(2, 2);
        -moz-transform: rotateY(0deg) scale(2, 2);
        -ms-transform: rotateY(0deg) scale(2, 2);
        -o-transform: rotateY(0deg) scale(2, 2);
        transform: rotateY(0deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    60% {
        -webkit-transform: rotateY(720deg) scale(2, 2);
        -moz-transform: rotateY(720deg) scale(2, 2);
        -ms-transform: rotateY(720deg) scale(2, 2);
        -o-transform: rotateY(720deg) scale(2, 2);
        transform: rotateY(720deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    70%, 100%{
        -webkit-transform: rotateY(720deg) scale(1,1);
        -moz-transform: rotateY(720deg) scale(1,1);
        -ms-transform: rotateY(720deg) scale(1,1);
        -o-transform: rotateY(720deg) scale(1,1);
        transform: rotateY(720deg) scale(1,1);
    }
}

@-moz-keyframes spin {
    0%, 20% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    30% {
        -webkit-transform: rotateY(0deg) scale(2, 2);
        -moz-transform: rotateY(0deg) scale(2, 2);
        -ms-transform: rotateY(0deg) scale(2, 2);
        -o-transform: rotateY(0deg) scale(2, 2);
        transform: rotateY(0deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    60% {
        -webkit-transform: rotateY(720deg) scale(2, 2);
        -moz-transform: rotateY(720deg) scale(2, 2);
        -ms-transform: rotateY(720deg) scale(2, 2);
        -o-transform: rotateY(720deg) scale(2, 2);
        transform: rotateY(720deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    70%, 100%{
        -webkit-transform: rotateY(720deg) scale(1,1);
        -moz-transform: rotateY(720deg) scale(1,1);
        -ms-transform: rotateY(720deg) scale(1,1);
        -o-transform: rotateY(720deg) scale(1,1);
        transform: rotateY(720deg) scale(1,1);
    }
}

@-ms-keyframes spin {
    0%, 20% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    30% {
        -webkit-transform: rotateY(0deg) scale(2, 2);
        -moz-transform: rotateY(0deg) scale(2, 2);
        -ms-transform: rotateY(0deg) scale(2, 2);
        -o-transform: rotateY(0deg) scale(2, 2);
        transform: rotateY(0deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    60% {
        -webkit-transform: rotateY(720deg) scale(2, 2);
        -moz-transform: rotateY(720deg) scale(2, 2);
        -ms-transform: rotateY(720deg) scale(2, 2);
        -o-transform: rotateY(720deg) scale(2, 2);
        transform: rotateY(720deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    70%, 100%{
        -webkit-transform: rotateY(720deg) scale(1,1);
        -moz-transform: rotateY(720deg) scale(1,1);
        -ms-transform: rotateY(720deg) scale(1,1);
        -o-transform: rotateY(720deg) scale(1,1);
        transform: rotateY(720deg) scale(1,1);
    }
}

@-o-keyframes spin {
    0%, 20% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    30% {
        -webkit-transform: rotateY(0deg) scale(2, 2);
        -moz-transform: rotateY(0deg) scale(2, 2);
        -ms-transform: rotateY(0deg) scale(2, 2);
        -o-transform: rotateY(0deg) scale(2, 2);
        transform: rotateY(0deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    60% {
        -webkit-transform: rotateY(720deg) scale(2, 2);
        -moz-transform: rotateY(720deg) scale(2, 2);
        -ms-transform: rotateY(720deg) scale(2, 2);
        -o-transform: rotateY(720deg) scale(2, 2);
        transform: rotateY(720deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    70%, 100%{
        -webkit-transform: rotateY(720deg) scale(1,1);
        -moz-transform: rotateY(720deg) scale(1,1);
        -ms-transform: rotateY(720deg) scale(1,1);
        -o-transform: rotateY(720deg) scale(1,1);
        transform: rotateY(720deg) scale(1,1);
    }
}

@keyframes spin {
    0%, 20% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    30% {
        -webkit-transform: rotateY(0deg) scale(2, 2);
        -moz-transform: rotateY(0deg) scale(2, 2);
        -ms-transform: rotateY(0deg) scale(2, 2);
        -o-transform: rotateY(0deg) scale(2, 2);
        transform: rotateY(0deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    60% {
        -webkit-transform: rotateY(720deg) scale(2, 2);
        -moz-transform: rotateY(720deg) scale(2, 2);
        -ms-transform: rotateY(720deg) scale(2, 2);
        -o-transform: rotateY(720deg) scale(2, 2);
        transform: rotateY(720deg) scale(2, 2);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    70%, 100%{
        -webkit-transform: rotateY(720deg) scale(1,1);
        -moz-transform: rotateY(720deg) scale(1,1);
        -ms-transform: rotateY(720deg) scale(1,1);
        -o-transform: rotateY(720deg) scale(1,1);
        transform: rotateY(720deg) scale(1,1);
    }
}