diff --git a/js/main.js b/js/main.js
index cda3550..8815756 100644
--- a/js/main.js
+++ b/js/main.js
@@ -47,7 +47,11 @@ d3d.util = {
 	},
 	showLoader:function(autoHide) {
 		setTimeout(function(){
-			$.mobile.loading('show');
+			var loader = $.mobile.loading('show'); //.addClass("fadePrepare");
+			loader.addClass("fadeIn");
+			/*setTimeout(function() {
+				loader.addClass("fadeIn");
+			},500);*/
 			if(autoHide) {
 				setTimeout(function() {
 					$.mobile.loading('hide');
diff --git a/less/styles.less b/less/styles.less
index 9fd37b0..817abf7 100644
--- a/less/styles.less
+++ b/less/styles.less
@@ -48,4 +48,14 @@ body.ui-mobile-viewport {
 	&.info {
 	    background: #97DD8A;
 	}
+}
+
+/* hack to fadein loader widget (will break normal loader usage) */
+.ui-loader {
+	display: block;
+	opacity: 0;
+	transition: opacity 0.5s linear;
+}
+.ui-loading .ui-loader.fadeIn {
+	opacity: 0.18;
 }
\ No newline at end of file