.0.0
   
<div class="container">
  <div class="row">
    <div class="col-12">
<!-- imgenet.com custom maintenance start -->
<div class="message">
<h1 style="text-align:center;">Shop hours from 7:00 a.m. to 11:00 p.m. EST. <br/>Please check back.</h1>    </div>
<div class="fullback">
  <div class="content"></div>
</div>
<style>
body{
margin:0;
padding:0;
}
h1
{
text-align: center;
font-family: sans-serif;
font-weight: 100;
}
.fullback {
height: 100%;
position: relative;
overflow: hidden;
background: url(image/bakim-modu.jpg) center no-repeat;
background-size: cover;
-webkit-filter: blur(10px);
box-shadow: 0 5px 5px 15px #000;
}
.message {
font-size: 14px;
display: inline-block;
text-shadow: 1px 5px 5px #000;
text-align: center;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
color: #fff;
z-index: 2;
background-color: rgba(0, 0, 0, 0.36);


}
.battery {
  width: 266px; 
  height: 110px; 
  border: 1px solid #FEFFFF; 
  border-radius: 13px; 
  margin: 55px auto; 
  background-color: black; 
  -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
position: absolute;
top: 10%;
left: 50%;
z-index: 2;
border: 2px solid #fff;
}

.bar {
  width: 2px; 
  height: 100px; 
  background-color: #E90B18; 
  position: absolute; 
}

.one {
  margin-top: 6px; 
  margin-left: 2px; 
  height: 99px; 
}

.two {
  margin-top: 3px; 
  margin-left: 6px; 
  height: 104px; 
}

.three {
  margin-top: 2px; 
  margin-left: 10px; 
  height: 107px; 
}

.helper {
  width: 24px; 
  height: 42px; 
  background-color: black; 
  position: absolute; 
  margin-top: 34px; 
  margin-left: 242px; 
  z-index: 10; 
  border-right: 1px solid #FEFFFF; 
  box-shadow: 3px 0px black; 
}

.conductor {
  width: 24px; 
  height: 42px; 
  border-radius: 24px; 
  background-color: #FEFFFF; 
  position: absolute; 
  margin-top: 34px; 
  margin-left: 255px; 
}

.bolt {
  width: 0px; 
  height: 0px; 
  border: 10px solid transparent; 
  border-bottom: 48px solid #FEFFFF; 
  position: absolute; 
  transform: rotateZ(27deg); 
  margin-left: 135px; 
  margin-top: 150px; 
  animation: float 1.5s linear infinite alternate; 
}

.other {
  width: 0px; 
  height: 0px; 
  border: 10px solid transparent; 
  border-top: 48px solid #FEFFFF; 
  position: absolute; 
  margin-top: 35px; 
}

@keyframes float {
  to {
    margin-top: 165px; 
  }
}
</style>   


<div class="battery">
  <div class="bar one"></div>
  <div class="bar two"></div>
  <div class="bar three"></div>
  
  <div class="helper"></div>
  <div class="conductor"></div>
  
  <div class="bolt">
    <div class="other"></div>
  </div>
</div>
<!-- imgenet.com custom maintenance finish -->
   
  </div>
</div>