@charset "utf-8";

/*───────────────────────────────────────────────────────────
	loader
───────────────────────────────────────────────────────────*/
	.loader {
	  position: fixed; top: calc(44% - 40px); left: calc(50% - 40px); 
	  height: 100px;
	  width: 100px;
	  z-index:10; 
	  border: 16px solid #fff;
	  border-right-color: #c30;
	  border-top-color: #c30;
	  border-radius: 100%;
	  -webkit-animation: spin 800ms infinite linear;
			  animation: spin 800ms infinite linear;
	}
	
	.loaderText {
		position: fixed;
		top: calc(44% + 100px);
		left: calc(50% - 60px);
		z-index: 10;
		font-size: 18px;
		color: #f1f1f1;
		text-shadow: 1px 2px 3px #626262;
	}

	@-webkit-keyframes "spin" {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}

	@keyframes "spin" {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}
	
	.loader_dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3); z-index:10;}