/* OVERLAY */

#overlay{
  background-color:rgba(0,0,0,0.6);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2000;
  display:none;
}

#overlay-loader-c{
  position:absolute;
  width:100%;
  top:50%;
  left:0;
}

#overlay-loader{
  width:72px;
  height:72px;
  margin:0 auto;
  position:relative;
  top:-27px;
}

#overlay i.fas{
  font-size:72px;
  color:#0A0A0B;
}

#overlay-text{
  padding-top:10px;
  color:#0A0A0B;
  text-align:center;
  font-size:25px;
  font-weight:bold;
}

.bar {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 0px;
  background-color: #EDE0F6;
}

.load-square .bar {animation: loading-square 1s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loading-square {
  0%,100% {transform: translate(0,0);}

  50% {
    transform: translate(80px,0);
    background-color: #EDE0F6;
    width: 25px;
  }
}

#overlay-menu{
  background-color:rgba(0,0,0,0.6);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  display:none;
  cursor: pointer;
}