#mask	{
			background-color:#333;
			position:absolute; 
			left:0px; 
			top:0px; 
			width: 100%; 
			height: 100vh;
			z-index:99;
			border-radius:0 !important;
			border:none !important;
			opacity: 0.95;
			backdrop-filter:blur(10px);
			transition:all 0.5s ease;
		}

		#mask, #mask div	{
			pointer-events:none;
			color:#fff;
			/* font-family: verdana !important; */
			font-size:12px;
			font-weight:bold;
			letter-spacing:1px;
			border-color: #fff #fff transparent transparent;
			border-style:solid; 
			border-radius:50%; 
			display:flex; 
			justify-content:center; 
			align-items:center;
			flex-direction:column;
		}

		/* loading icon begin */
		#outerRim	{
			width:140px; 
			height:140px; 
			/*-webkit-animation: Spin-outer 1s infinite linear;*/
			animation: Spin-outer 1s infinite linear;
			border-width:1px;
		}

		#middleRim	{
			width:120px; 
			height:120px; 
			/*-webkit-animation: Spin-middle 2s infinite ease-in-out;*/
			animation: Spin-middle 2s infinite ease-in-out;
			border-width:2px;
		}

		#innerRim	{
			width:100px; 
			height:100px; 
			/*-webkit-animation: Spin-inner 4s infinite ease-out;*/
			animation: Spin-inner 4s infinite ease-out;
			border-width:3px;
		}

		@keyframes Spin-outer {
		  0%		{ transform: rotate(0deg); }
		  100%	{ transform: rotate(360deg); }
		}

		@keyframes Spin-middle {
		  0%		{ transform: rotate(-90deg); }
		  100%	{ transform: rotate(270deg); }
		}

		@keyframes Spin-inner {
		  0%		{ transform: rotate(-90deg); }
		  100%	{ transform: rotate(270deg); }
		}
		/* loading icon end */