@font-face {
	font-family: 'LeferiPoint';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-WhiteObliqueA.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
* { margin: 0; padding: 0; font-family: 'LeferiPoint'; }
#userdenyloginip-preloader {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	background-color: #fff; z-index: 100;
}
#userdenyloginip-preloader .preloader-container {
	position: fixed; top: 20%; left: 50%;
	-webkit-transform:	translate(-50%, 0);
	-moz-transform:		translate(-50%, 0);
	-ms-transform:		translate(-50%, 0);
	-o-transform:		translate(-50%, 0);
	transform:			translate(-50%, 0);
}
#userdenyloginip-preloader .preloader-container .motion {
	width: 100px; height: 100px; margin: 0 auto;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid #17a2b8;
	border-top: 6px solid #17a2b8;
	border-radius: 50%;

	animation: motion .6s infinite linear;
}
#userdenyloginip-preloader .preloader-container .preload-txt {
	margin-top: 20px;
	text-align: center; color: #17a2b8; font-size: 18px;
}

@keyframes motion {
	from {
		-webkit-transform: translate(0, 0) rotate(0deg);
	}
	to {
		-webkit-transform: translate(0, 0) rotate(359deg);
	}
}