#container{
	width:100%;
	height:100%;
	background: #000;
	/* position: fixed; */
	/* z-index: 999999999; */
}


.clearfix{
	clear:both;
	float:none;
}

.line{
  width:100%;
  border:1px solid #ff9000;
  position:absolute;
  top:11.5px;
}
 .loading-text{
  position:absolute;
  color:#ff9000;
  height:20px;
  top:0;
  right:-40px;
}

.loadingBox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.loadingBox.hideLoad {
    height: 0;
    transition: all 0.5s ease 2s;
}
 .demo{
		/* padding: 2em 0; */
		/* background: linear-gradient(to right, #2c3b4e, #4a688a, #2c3b4e); */
		position:  absolute;
		top: 70%;
		width:  100%;
		}
		  .progress{
			  height: 2PX;
			  /* background: #26262614; */
			  /* padding: 5px; */
			  overflow: visible;
			  border-radius: 20px;
			  /* border-top: 1px solid #000; */
			  /* border-bottom: 1px solid #7992a8; */
			  margin-top: 20px;
			 }
		  .progress .progress-bar{
			  border-radius: 20px;
			  position: relative;
			  animation: animate-positive 2s;
		  }
		  .progress .progress-value{
			  display: block;
			  padding: 3px 7px;
			  font-size: 13px;
			  color: #ff692e;
			  border-radius: 4px;
			  background: #ffffff;
			  border: 1px solid #ffffff;
			  position: absolute;
			  top: -10px;
			  right: 0px;
			 }
		  .progress .progress-value:after{
			  content: "";
			  border-top: 10px solid #e1b177;
			  border-left: 10px solid transparent;
			  border-right: 10px solid transparent;
			  position: absolute;
			  bottom: -6px;
			  left: 26%;
			  DISPLAY: none;
			 }
		  .progress-bar.active{
			  animation: reverse progress-bar-stripes 0.80s linear infinite, animate-positive 2s;
			  background: #d68d4d;
			 }
		  @-webkit-keyframes animate-positive{
			  0% { width: 0; }
		  }
		  @keyframes animate-positive{
			  0% { width: 0; }
		  }