body {
    margin: 0px;
    overflow: hidden;
}
#container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/*Preloading*/
#preloader{
    position: absolute;
    top:0;
    left: 0;
    height:100%;
    width:100%;
    z-index:999;
}
.preloader-box{
  position: absolute;
  top:41.5%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 200px;
  height: auto;
}
.loading-box{
  position: relative;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height:4px;
  border:1px solid white;
  box-shadow: 0px 0px 5px #444d55;
  border-radius: 6px;
  overflow: hidden;
}
.load-line{
  position: absolute;
  top:1px;
  left:1px;
  height:2px;
  width:0;
  border-radius: 6px;
  background:red;
}
.loading-text{
    display: flex;
    justify-content : center;
}
.p-text{
    font-size: 16px;
    font-weight: 900;
    color:#4e5964;
    /*text-shadow: 0px 0px 1px white;*/
}
/*Preloading end*/
/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }
/* Animation keys */
@keyframes ophide { 
    0%      {opacity: 1} 
    100%    {opacity: 0} 
}
@keyframes opshow { 
    0%      {opacity: 0} 
    100%    {opacity: 1} 
}