﻿#nprogress {
    /*pointer-events: none;*/
    background:rgba(0,0,0,0.5);
    width:100vw;
    height:100vh;
    z-index:999999;
    position:fixed;
    top:0;
    right:0;
}

    #nprogress .bar {
        background: #fd7e14;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px
    }

    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 10px #fd7e14,0 0 5px #fd7e14;
        opacity: 1;
        -webkit-transform: rotate(3deg) translate(0,-4px);
        -ms-transform: rotate(3deg) translate(0,-4px);
        transform: rotate(3deg) translate(0,-4px)
    }

    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 45%;        
        left: 50%;
        width:150px;
        margin-left:-75px;
        text-align:center;
    }

    #nprogress .spinner-icon {
        width: 58px;
        height: 58px;
        box-sizing: border-box;
        border: 3px solid transparent;
        border-top-color: #fff;
        border-left-color: #fff;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner 1s linear infinite;
        animation: nprogress-spinner 1s linear infinite;
    }
    #nprogress .spinner-text {
        color:#fff;
        font-size:16px;
        text-align:center;
        margin-top:2em;
        font-family:Tahoma        
    }

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

    .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
        position: absolute
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }


    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/******************* PRELOADER 1 **********
*******************************************/
#preloader_1{
	position:relative;    
}
#preloader_1 span{
	display:block;
	bottom:0px;
	width: 10px;
	height: 7px;
    left:45px;
	background:#fff;
	position:absolute;
-webkit-animation: preloader_1 1.5s	infinite ease-in-out;
-moz-animation: preloader_1 1.5s infinite ease-in-out;
-o-animation: preloader_1 1.5s infinite ease-in-out;
animation: preloader_1 1.5s infinite ease-in-out;

}
#preloader_1 span:nth-child(2){
left:58px;
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;

}
#preloader_1 span:nth-child(3){
left:71px;
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:84px;
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:97px;
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s;
}
@-webkit-keyframes preloader_1 {
    0% {height:7px;-webkit-transform:translateY(0px);background:#fff;}
    25% {height:35px;-webkit-transform:translateY(15px);background:#fd7e14;}
    50% {height:7px;-webkit-transform:translateY(0px);background:#fff;}
    100% {height:7px;-webkit-transform:translateY(0px);background:#fff;}
}

@-moz-keyframes preloader_1 {
    0% {height:7px;-moz-transform:translateY(0px);background:#fff;}
    25% {height:35px;-moz-transform:translateY(15px);background:#fd7e14;}
    50% {height:7px;-moz-transform:translateY(0px);background:#fff;}
    100% {height:7px;-moz-transform:translateY(0px);background:#fff;}
}



@keyframes preloader_1 {
    0% {height:7px;transform:translateY(0px);background:#fff;}
    25% {height:35px;transform:translateY(15px);background:#fd7e14;}
    50% {height:7px;transform:translateY(0px);background:#fff;}
    100% {height:7px;transform:translateY(0px);background:#fff;}
}


