#progress {
position: fixed;
z-index: 2147483647; 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;  }
#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(//cspen.com/wp-content/plugins/b-laser/assets/img/MnyxU.gif);
background-repeat: no-repeat;
background-position: center;
}
@keyframes laser-animation {
from {
width: 5%;
}
to {
width: 101%;
display: none;
}
}