.frame-logo {
    height: 80px;
}
.frame-progress-bar-container {
    position: relative;
    z-index: 1;
    top: 45%;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.frame-progress-bar {
    background: #000;
    height: 5px;
    border-radius: 3px;
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
 
}
.progress {
    width: 0%;
}
.expand {
    height: 3px;
    margin: 2px 0;
    background: #ec2027;
    position: absolute;
    box-shadow: 0px 0px 10px 1px rgba(236,32,39,0.5);
}
.mobile-frame{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.frameContainer {
    overflow: hidden;
    position: relative; 
    text-align: center; 
    width: 100%;
    background-color: #000;
    height: 100%;
}
.frame-logo {
    height: 80px;
}
.frame-progress-bar-container {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    z-index: 2000;
}
.progress-bar-wrapper{
    position: absolute;
    z-index: 1;
    top: 45%;
    width: 250px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.loader-shadow {
    opacity: 0;
    -webkit-box-shadow: 0px -52px 300px 28px rgba(236,32,39,1);
    -moz-box-shadow: 0px -52px 300px 28px rgba(236,32,39,1);
    box-shadow: 0px -52px 300px 28px rgba(236,32,39,1);
}
.frame-progress-bar {
    background: #000;
    height: 7px;
    border-radius: 3px;
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    top: -4px;
    position: relative;
 
}
.progress {
    width: 0%;
}
.loader-logo {
}
.logo-camera {
  background-image: url(../Images/loader-logo.jpg);
  background-size: 250px;
  background-position: 92px 46px;
  width: 90px;
  height: 45px;
  left: 95px;
  top: 0;
}
.logo-oo {
  background-image: url(../Images/loader-logo.jpg);
  background-size: 250px;
  background-position: 97px 0px;
  width: 66px;
  height: 38px;
  left: -65px;
  float: left;
  top: 0;
}
.logo-d {
background-image: url(../Images/loader-logo.jpg);
  background-size: 250px;
  background-position: 30px 0px;
  width: 28px;
  height: 38px;
  left: 2219px;
  top: 0;
}
.logo-text {
  background-image: url(../Images/loader-logo.jpg);
  background-size: 250px;
  width: 152px;
  height: 28px;
    left: -2000px;
  background-position: 0px 0px;
}