#loading{
	background:#bc0000; 
    background: -webkit-linear-gradient(left top, #3f0000, #bd0000, #bd0000, #3f0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #3f0000, #bd0000, #bd0000, #3f0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #3f0000, #bd0000, #bd0000, #3f0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #3f0000, #bd0000, #bd0000, #3f0000); /* Standard syntax (must be last) */
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000000;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
.imgLoader{
	position: absolute;
	left: 50%;
	top: 30%;
	height: 52px;
	width: 206px;
	margin-top: -25px;
	margin-left: -103px;
}
#simple-loading-center{
    position: absolute;
	left: 50%;
	top: 50%;
    width: 40px;
    height: 40px;
	margin-top: -20px;
	margin-left: -20px;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 45%;
	max-height: 82px;
	max-width: 300px;
	margin-top: -41px;
	margin-left: -150px;
   /* -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg);
    transform: rotate(360deg); 
	-webkit-animation: loading-center-absolute 10s infinite;
	animation: loading-center-absolute 10s infinite; */

}
.weAddLoader{
    position: absolute;
	left: 50%;
	top: 48%;
	height: 30px;
	width: 200px;
    margin: 50px 0 0 -85px;
}
.loader-cir{
    position: absolute;
	left: 50%;
	top: 48%;
    margin: 100px 0 0 -15px;
}

.weAddLoader h3{
    color: #fff;
    font-size: 22px;
}

.weAddLoader h3 {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* SIMPLE LOADER */
.simple-loader,
.simple-loader:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.simple-loader {
  margin: auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.5);
  border-right: 5px solid rgba(255, 255, 255, 0.5);
  border-bottom: 5px solid rgba(255, 255, 255, 0.5);
  border-left: 5px solid #be1e2d;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Stair loader */
#stair-loading-center{
    position: absolute;
	left: 50%;
	top: 50%;
    width: 1em;
    height: 4em;
	margin-top: -2em;
	margin-left: -0.5em;
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader-cir .loader,
.loader-cir .loader:before,
.loader-cir .loader:after {
  height: 2em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 3em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 3em;
  }
}