#ud_preloader { position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:10000;}
#ud_preloader .ud_pre_half { background:#000; width:50%; height:100%; position:absolute; top:0; bottom:0;}
#ud_preloader #ud_bg_left { left:0;}
#ud_preloader #ud_bg_right { right:0;}
#ud_preloader #ud_dots { z-index:10001; width:150px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
#ud_preloader #ud_dots p { width:100%; margin:0 0 30px 0; color:#fff; font-size:12px; text-align:center;}
#ud_preloader #ud_dots .ud_dot { animation: infinite 500ms ease-in-out; border-radius:30px; width:30px; height:30px; background:#fff; float:left; margin:0 10px 0 0;}
#ud_preloader #ud_dots .ud_dot:last-child { margin:0 0 0 0;}

	@keyframes ud_preloader_1 {
		0% { background:#fff; transform:translateY(0);}
		25% { background:#8DF001; transform:translateY(-5px);}
		50% { background:#fff; transform:translateY(0);}
	}
	
	@keyframes ud_preloader_2 {
		25% { background:#fff; transform:translateY(0);}
		50% { background:#8DF001; transform:translateY(-5px);}
		75% { background:#fff; transform:translateY(0);}
	}
	
	@keyframes ud_preloader_3 {
		50% { background:#fff; transform:translateY(0);}
		75% { background:#8DF001; transform:translateY(-5px);}
		100% { background:#fff; transform:translateY(0);}
	}
	
	@keyframes ud_preloader_4 {
		75% { background:#fff; transform:translateY(0);}
		100% { background:#8DF001; transform:translateY(-5px);}
		25% { background:#fff; transform:translateY(0);}
	}