diff --git a/images/loader.svg b/images/loader.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c017e34f70033c0ed9061aebef1017f3e4dba67e
--- /dev/null
+++ b/images/loader.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><circle stroke-dasharray="164.93361431346415 56.97787143782138" r="35" stroke-width="10" stroke="#44656d" fill="none" cy="50" cx="50">
+  <animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="1s" repeatCount="indefinite" type="rotate" attributeName="transform"></animateTransform>
+</circle><g></g></g><!-- [ldio] generated by https://loading.io --></svg>
\ No newline at end of file
diff --git a/style.css b/style.css
index ed1813350f729c9713cad3917675688d09ec67f9..d35009ccad64d84418b769c03db2056d2aba7ec6 100644
--- a/style.css
+++ b/style.css
@@ -2193,6 +2193,12 @@ footer .footer-legal-cont .copyright {
 	max-width: 100%;
 }
 
+.loading {
+	background-image: url('images/loader.svg');
+	background-repeat: no-repeat;
+	background-position: center 1em;
+}
+
 /* Media
 --------------------------------------------- */
 .page-content .wp-smiley,
@@ -2343,4 +2349,3 @@ footer .footer-legal-cont .copyright {
 #primary[tabindex="-1"]:focus {
 	outline: 0;
 }
-