.ld.ld-spin {
    animation: ld-spin 1s infinite linear !important;
}
.ld-over-inverse > .ld {
    color: rgba(255,255,255,0.8) !important;
}
.ld-ext-right > .ld, .ld-ext-left > .ld, .ld-ext-bottom > .ld, .ld-ext-top > .ld, .ld-over > .ld, .ld-over-inverse > .ld, .ld-over-full > .ld, .ld-over-full-inverse > .ld {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 1em !important;
    height: 1em !important;
    margin: -0.5em !important;
    opacity: 0 !important;
    z-index: -1 !important;
    transition: all .3s !important;
    transition-timing-function: ease-in !important;
}
.ld {
    transform-origin: 50% 50% !important;
    transform-box: fill-box !important;
}
.ld-ball, .ld-ring, .ld-hourglass, .ld-loader, .ld-cross, .ld-square, .ld-pie, .ld-spinner {
    display: inline-block !important;
    box-sizing: content-box !important;
}

.ld-ext-right, .ld-ext-left, .ld-ext-bottom, .ld-ext-top, .ld-over, .ld-over-inverse, .ld-over-full, .ld-over-full-inverse {
	position: relative !important;
	transition: all .3s;
	transition-timing-function: ease-in;
}

.ld-over.running > .ld, .ld-over-inverse.running > .ld, .ld-over-full.running > .ld, .ld-over-full-inverse.running > .ld {
	z-index: 4001 !important;
}

.ld-ext-right.running > .ld, .ld-ext-left.running > .ld, .ld-ext-bottom.running > .ld, .ld-ext-top.running > .ld, .ld-over.running > .ld, .ld-over-inverse.running > .ld, .ld-over-full.running > .ld, .ld-over-full-inverse.running > .ld {
	opacity: 1 !important;
	visibility: visible !important;
}

#main.ld-over-inverse::before {
  background: white !important;
}

#main.ld-over-inverse > .ld {
  color: #0c5adb !important;
  font-size: 3em;
}