.scopo-loading {
	position: relative;
}

.scopo-loading:before {
	content: '';
	display: block;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2Zz4KPHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzAiIHkxPSIxMDAiIHgyPSI1MCIgeTI9IjAiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjayIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjAuMjsgc3RvcC1jb2xvcjpibGFjayIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHBhdGggZmlsbD0idXJsKCNncmFkaWVudCkiIGQ9Ik01MC4wNjksMC4wNzhjLTI3LjU5NSwwLTQ5Ljk2NiwyMi4zNzEtNDkuOTY2LDQ5Ljk2NmMwLDI3LjU5NSwyMi4zNzEsNDkuOTY2LDQ5Ljk2Niw0OS45NjYgICBzNDkuOTY2LTIyLjM3MSw0OS45NjYtNDkuOTY2QzEwMC4wMzUsMjIuNDQ4LDc3LjY2NCwwLjA3OCw1MC4wNjksMC4wNzh6IE01MC4wMSw4NS4wNjJjLTE5LjMxNiwwLTM0Ljk3Ni0xNS42Ni0zNC45NzYtMzQuOTc2ICAgYzAtMTkuMzE3LDE1LjY1OS0zNC45NzYsMzQuOTc2LTM0Ljk3NmMxOS4zMTcsMCwzNC45NzcsMTUuNjU5LDM0Ljk3NywzNC45NzZDODQuOTg3LDY5LjQwMSw2OS4zMjcsODUuMDYyLDUwLjAxLDg1LjA2MnoiPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA1MCA1MCIgdG89IjM2MCA1MCA1MCIgYmVnaW49IjBzIiBkdXI9IjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogIDwvcGF0aD4KPC9zdmc+Cg==);
	background-color: rgba(255, 255, 255, 0.8);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}