#progress {
	position: fixed;
	z-index: 2147483647;
	/* top: 0; */
	left: -6px;
	width: 1%;
	height: 2px;
	background: #8a1c1f;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-transition: width 500ms ease-out, opacity 400ms linear;
	-ms-transition: width 500ms ease-out, opacity 400ms linear;
	-o-transition: width 500ms ease-out, opacity 400ms linear;
	-webkit-transition: width 500ms ease-out, opacity 400ms linear;
	transition: width 500ms ease-out, opacity 400ms linear;
	/* transition-property: width; */
	/* animation: laser-animation 3s forwards; */
}

#progress dd,
#progress dt {
	position: absolute;
	top: 0;
	height: 2px;
	-moz-box-shadow: #8a1c1f 1px 0 6px 1px;
	-ms-box-shadow: #8a1c1f 1px 0 6px 1px;
	-webkit-box-shadow: #8a1c1f 1px 0 6px 1px;
	box-shadow: #8a1c1f 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

#progress dt {
	opacity: .6;
	width: 180px;
	right: -80px;
	clip: rect(-6px, 90px, 14px, -6px);
}

#progress dd {
	opacity: .6;
	width: 20px;
	right: 0;
	clip: rect(-6px, 22px, 14px, 10px);
}




#loading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	background-color: rgba(192, 192, 192, 0.5);
	background-image: url("assets/img/MnyxU.gif");
	background-repeat: no-repeat;
	background-position: center;
}

@keyframes laser-animation {
	from {
		width: 5%;
	}

	to {
		width: 101%;
		display: none;
	}
}