text PRELOADER

Posted 2021-04-29

<div class="fx hide">
	      	<div class="preloader-wrapper big active">
	    		<div class="spinner-layer spinner-blue-only">
	      			<div class="circle-clipper left">
	        			<div class="circle"></div>
	      			</div>
	      			<div class="gap-patch">
	        			<div class="circle"></div>
	      			</div>
	      			<div class="circle-clipper right">
	        			<div class="circle"></div>
	      			</div>
	    		</div>
	  		</div>
	  	</div>
  		<style>
  			.fx{
  				display: flex;
  					display: -webkit-box; 
  					display: -moz-box;
  					display: -ms-flexbox;
  				display: -webkit-flex; 
				justify-content: center;
				    -ms-flex-pack: center;
				    -webkit-box-pack: center;
				    -webkit-justify-content: center;
				align-items: center;
					-webkit-box-align: center;
					-moz-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
				position: fixed;
				top:0;
				left: 0;
				width: 100%;
				height:100%;
				z-index: 999999999;
				background-color: #f6052da1;
  			}
  		</style>