[ng-cloak].splash-screen {
    display: block !important;
}
[ng-cloak] {
    display: none;	
}
/* For State Change */
.splash-screen.show {
    display: block !important;
}
.splash-screen {
    position: absolute;
    top:0; right:0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    /* Making Sure, it generally not visible */
    display: none;
}
.splash-screen .indicator {
    height: 100px;
    width: 100px;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    
    /* Making it center */
	position: absolute;
	top:0; right:0; bottom: 0; left: 0;
    margin: auto;
    
    /* Giving it animation */
	-webkit-animation: beat 500ms linear infinite;
	animation: beat 2s linear infinite;
}

@-webkit-keyframes beat {
    0%   {opacity: 0}
    25%  {opacity: 0.5}
    50%  {opacity: 1}
    75%  {opacity: 0.5}
    100% {opacity: 0}
}
@keyframes beat {
    0%   {opacity: 0}
    25%  {opacity: 0.5}
    50%  {opacity: 1}
    75%  {opacity: 0.5}
    100% {opacity: 0}
}