@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);


.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; 
  bottom: 0;
  background-color: #e2dfd6;
  z-index : 10000; 
  padding-top: 8%;   
    background-image: url(../images/overlay-hero.png);background-repeat: no-repeat;background-position: 0 100%;    
}

.percentage {
  z-index: 100;
  text-align:center;
  color: #b99516;
  line-height: 30px;
  font-size: 34vh;
/*  text-shadow: 2px 4px 1px #d8d8d8;*/
  margin: 110px 0 !important;
  font-weight: 600;
  font-family: 'Cinzel', serif;
    
}

.loader_gif{text-align: center;}
.loader_gif img{max-height: 400px;width: 100%;}

.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



.loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
  45deg, 
    #008737, 
    #008737 10px, 
    #69AF23 10px,
    #69AF23 20px
  ); /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #008737; 
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

.glow {
  width: 0%;
  height: 0%;
  border-radius: 20px;
  box-shadow: 0px 0px 60px 10px #008737;
  position: absolute;
  bottom: -5px;
  animation: animation 5s infinite;
}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}

.wrap { 
  background-position: left top; 
  background-repeat: no-repeat; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; 
  width: 100%; 
  height: 100%; 
  position: relative;  
  z-index : 1; 
}



.loader_foot {text-align: center;position: absolute;width: 100%;bottom: 60px;}
.loader_foot p a{font-family: 'Cinzel', serif;font-size: 20px;letter-spacing: 0px;color: #b99516;font-weight: 600;text-decoration: none;margin-left: -25px;}
.loader_foot p a span{font-size: 15px;margin-left: -25px;}




/**/
.loader_new {
  height: 200px;
  width: 200px;
  position: relative;
  margin: 0px;
  display: inline-block;
}
.loader_new img{width: 100%;}

.loader{position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100vh;
/*        background: rgba(255,255,255, 0.5);*/
        background: #e2dfd6;
       top:0;
        }
.inner_loader{
     position: relative;
     left: calc(50% - 100px);
     top: calc(50% - 100px);
     width:200px;
     height: 200px;
     /*
     background-image: url(../images/Loader-IGO.gif);
     background-size: contain;
     background-repeat: no-repeat;
*/
}
/*
.inner_loader {
        border: 6px solid #f3f3f3;
        border-top: 6px solid #3498db;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        animation: spin 2s linear infinite;
        position: relative;
        left: calc(50% - 70px);
        top: calc(50% - 35px);
}