@font-face {
	font-family:"HN_Th"; 
	src:url('../font/HelveticaNeueLTStd-Th.eot'); 
	src:local('☺'), url('../font/HelveticaNeueLTStd-Th.eot?#iefix') format("embedded-opentype"), 
	url('../font/HelveticaNeueLTStd-Th.woff') format("woff"), 
	url('../font/HelveticaNeueLTStd-Th.ttf') format("truetype"); 
}
@font-face {
	font-family:"HN_UtlLt"; 
	src:url('../font/HelveticaNeueLTStd-UltLt.eot'); 
	src:local('☺'), url('../font/HelveticaNeueLTStd-UltLt.eot?#iefix') format("embedded-opentype"), 
	url('../font/HelveticaNeueLTStd-UltLt.woff') format("woff"), 
	url('../font/HelveticaNeueLTStd-UltLt.ttf') format("truetype"); 
}
@font-face {font-family:"HN_Lt"; src:url('../font/HelveticaNeueLTStd-Lt.eot'); src:local('☺'), url('../font/HelveticaNeueLTStd-Lt.eot?#iefix') format("embedded-opentype"), url('../font/HelveticaNeueLTStd-Lt.woff') format("woff"), url('../font/HelveticaNeueLTStd-Lt.ttf') format("truetype"); }
@font-face {font-family:"HN_Rm"; src:url('../font/HelveticaNeueLTStd-Rm.eot'); src:local('☺'), url('../font/HelveticaNeueLTStd-Rm.eot?#iefix') format("embedded-opentype"), url('../font/HelveticaNeueLTStd-Rm.woff') format("woff"), url('../font/HelveticaNeueLTStd-Rm.ttf') format("truetype"); }
@font-face {font-family:"HN_Bd"; src:url('../font/HelveticaNeueLTStd-Bd.eot'); src:local('☺'), url('../font/HelveticaNeueLTStd-Bd.eot?#iefix') format("embedded-opentype"), url('../font/HelveticaNeueLTStd-Bd.woff') format("woff"), url('../font/HelveticaNeueLTStd-Bd.ttf') format("truetype"); }

div.loader {
	> div.box { 
		width: 60px; height: 60px; 
		position: absolute; left: 50%; top: 50%; 
		transform: translateX( -50% ) translateY( -50% ) ; 

		> div.cube {
			width: 33%; height: 33%; 
			background-color: #f60; 
			float: left; 
			animation: cubeGridScaleDelay 1.2s infinite ease-in-out; 
			opacity: 1px; 

			&.num1 { animation-delay: 0.2s;	}
			&.num2 { animation-delay: 0.3s; }
			&.num3 { animation-delay: 0.4s; }
			&.num4 { animation-delay: 0.1s; }
			&.num5 { animation-delay: 0.2s; }
			&.num6 { animation-delay: 0.3s; }
			&.num7 { animation-delay: 0.0s; }
			&.num8 { animation-delay: 0.1s; }
			&.num9 { animation-delay: 0.2s; }
		}
	}
	@-webkit-keyframes cubeGridScaleDelay{
		0% {
			-webkit-transform:scale3D(1, 1, 1); 
			transform:scale3D(1, 1, 1); 
		}
		35% {
			-webkit-transform:scale3D(0, 0, 1); 
			transform:scale3D(0, 0, 1); 
		}
		70% {
			-webkit-transform:scale3D(1, 1, 1);
			transform:scale3D(1, 1, 1); 
		}
		100% {
			-webkit-transform:scale3D(1, 1, 1);
			transform:scale3D(1, 1, 1); 
		}
	}
	/* @-webkit-keyframes cubeGridScaleDelay{
		0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}
		35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1)}
	} */
}

.appLoading-1 {
	position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; 
	margin: auto; width: 0%; height: 0%; opacity: 0;
	overflow: hidden; 

	.loader {
		position: absolute; z-index: 10; top: 0px; left: 0px; bottom: 0px; right: 0px;
		width: 100px; height: 100px; margin: auto;
	}

	&.fixed { position: fixed; }
	&.active { display: block; opacity: 1; z-index: 999; width: 100%; height: 100%; }
	&.background { background-color: rgba(0, 0, 0, 0.7); }
	&.background-type2 { background-color: rgba(0, 0, 0, 1); }
}