/* Preloader */
.preloaderwrap {
    position: fixed;
    display: grid;
    place-items: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 10001;
}
.preloader {
    position: relative;
    text-align: center;
}
.preloader_line_box {
    position: relative;
}
.loading {
    position: relative;
    color: #fff;
    margin: 5px 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
}
.line_preloader {
    position: relative;
    width: 1px;
    height: 12px;
    background: #fff;
    margin: 0 1px;
    display: inline-block;
    animation: opacity-1 1000ms infinite ease-in-out;
}
.preloader .line_preloader-1 { animation-delay: 800ms; }
.preloader .line_preloader-2 { animation-delay: 600ms; }
.preloader .line_preloader-3 { animation-delay: 400ms; }
.preloader .line_preloader-4 { animation-delay: 200ms; }
.preloader .line_preloader-6 { animation-delay: 200ms; }
.preloader .line_preloader-7 { animation-delay: 400ms; }
.preloader .line_preloader-8 { animation-delay: 600ms; }
.preloader .line_preloader-9 { animation-delay: 800ms; }

@keyframes opacity-1 { 
  0% { 
    opacity: 1;
    height: 15px;
  }
  50% { 
    opacity: 0;
    height: 12px;
  }
  100% { 
    opacity: 1;
    height: 15px;
  }  
}
.loaded .preloaderwrap {
    display: none;
}
/* //Preloader */