/* Progress Bar */
#loading-wrapper {
    position: fixed;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

/* */
#loading-text {
    display: block;
    position: absolute;
    width: 60px;
    height: 24px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

#loading-content {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 104px;
    height: 104px;
    margin: -52px 0 0 -52px;
    border: 3px solid transparent;
    border-radius: 50%;
    /* gare kanti*/
    border-color: rgba(240, 98, 13, 1);
    -webkit-animation: loader 4s linear infinite;
    -moz-animation: loader 4s linear infinite;
    -o-animation: loader 4s linear infinite;
    animation: loader 4s linear infinite;
    box-shadow: 0 7px 5px rgba(253, 253, 253, 1);
}

#loading-content:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    filter: blur(20px);
    border: 3px solid transparent;
    border-radius: 50%;
    border-color: #fff;
    -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 3s linear infinite;
    -o-animation: loader 3s linear infinite;
    animation: loader 3s linear infinite;
}

#loading-content:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    border: 3px solid transparent;
    /*shida kanti*/
    border-top-color: rgb(253, 253, 253);
    border-bottom-color: rgb(253, 253, 253);
    border-radius: 50%;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
}

@keyframes loaders {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.load-hidden {
    display: none;
}