#initial-preloader {

	position: absolute;
	width: 100%;
	height: 100%;

	@include denise;

	text-transform: uppercase;
	z-index: 2;

	.center-group {

		position: absolute;
		top: 50%;
		left: 0px;
		right: 0px;
		margin: -150px auto 0 auto;
		z-index: 99;

		.emblem {
			position: absolute;
			left: 0px;
			right: 0px;
			width: 45px;
			height: 45px;
			margin: 0 auto;

			object { 
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0.2;
			}
		}

		.quote {
			position: absolute;
			top: 60px;
			left: 0px;
			right: 0px;
			margin: 0 auto;
			font-size: 28px;
			line-height: 29px;
			letter-spacing: 0.04em;
			color: #fff;
			text-align: center;
			white-space: nowrap;
		}

		.percent {
			position: absolute;
			top: 120px;
			left: 0px;
			right: 0px;
			margin: 0 auto;
			font-size: 14px;
			letter-spacing: 0.2em;
			color: #474747;
			text-align: center;
			white-space: nowrap;
		}

		.vertical-line {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 145px;
			width: 1px;
			height: 90px;
			margin: 0 auto;
			border-right: 1px solid #fff;
			background: transparent;
			opacity: 0.2;
		}
	} // end center-group

	.smoke {

		position: absolute;
		width: 100%;
		height: 100%;
		background: url($rootDir + 'assets/img/preloader/smoke.jpg') center bottom no-repeat;
		z-index: 1;

		.smoke-spinner1, .smoke-spinner2, .smoke-black {
			position: absolute;
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin: 0 auto -1105px auto;
			width: 1400px;
			height: 1400px;
			background: url($rootDir + 'assets/img/preloader/smoke_circle_optimized.png') no-repeat;
		}

		.smoke-black {}

		.smoke-spinner1 {
			margin: 0 auto -1060px auto;
			opacity: 0.6;
			z-index: 10;
		}

		.smoke-spinner2 {
			opacity:1;
			z-index: 9;
		}

	}

}