/*---------------------------------------------- 

1. PAGE LOADER

------------------------------------------------*/
#page-loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 100001;
	transition: opacity 0.8s ease 0.8s, height 0.1s ease 1.6s;
	overflow: hidden;
	}
	.page-is-loaded #page-loader { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 0;}
	
#page-loader .page-loader-inner {
	transition: opacity 0.6s ease 0.3s;
	}
	.page-is-loaded #page-loader .page-loader-inner { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#page-loader .loader-figure,
#page-loader .loader-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#page-loader .loader-figure {
  	height: 0px;
  	width: 0px;
  	box-sizing: border-box;
  	border: 0px solid #000033 /*#0072a7#093f09*/;
  	border-radius: 50%;
  	-webkit-animation: figure 1.2s ease infinite ;
  	-moz-animation: figure 1.2s ease infinite ;
  	animation: figure 1.2s ease infinite ;
	}
	@-moz-keyframes figure {
		0% { height: 0; width: 0; }
		30% { height: 80px; width: 80px; border-width: 4px; opacity: 1; }
		100% { height: 80px; width: 80px; border-width: 0; opacity: 0; }
	}
	@-webkit-keyframes figure {
		0% { height: 0; width: 0; }
		30% { height: 80px; width: 80px; border-width: 4px; opacity: 1; }
		100% { height: 80px; width: 80px; border-width: 0; opacity: 0; }
	}
	@keyframes figure {
		0% { height: 0; width: 0; }
		30% { height: 80px; width: 80px; border-width: 4px; opacity: 1; }
		100% { height: 80px; width: 80px; border-width: 0; opacity: 0; }
	}

#page-loader .loader-label {
	margin: 50px 0 0 0;
  	font-size: 12px;
  	line-height: 18px;
	}
	
#page-loader .loader-logo {
	position: absolute;
	left: 50%;
	bottom: 40px;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
  	transform: translateX(-50%);
	}