/*Loading*/
#awe-body-loading {
  overflow: hidden;
}

#awe-page-loading {
  position: fixed;
  z-index: 9999999;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.awe-loading-wrapper {
  text-align: center;
  width: 150px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -75px;
}


#jprePercentage,
#jpreSlide {
    color: #ccc;
    font-weight: 700;
    text-align: center
}

.awe-loading-wrapper .awe-loading-icon img {
    max-width: 100px;
  	/*max-width: 170px;*/
}

#jpreOverlay {
    background-color: #fff;
    
}

#jpreSlide {
    font-size: 22px;
    width: 50%;
    height: 30%
}

#jpreLoader {
    width: 100px;
    height: 2px
}


#jpreBar {
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#228b24', endColorstr='#228b24', GradientType=0);
    background-color: #228b24;
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, .2)), color-stop(25%, rgba(255, 255, 255, .2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(75%, rgba(255, 255, 255, .2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    animation: progress 2s linear infinite;
    -moz-animation: progress 2s linear infinite;
    -webkit-animation: progress 2s linear infinite;
    -ms-animation: progress 2s linear infinite;
    -o-animation: progress 2s linear infinite
}

#jprePercentage {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #333;
    top: -100%;
    display: none
}

@-webkit-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-moz-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-ms-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-o-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}