@media print {
    #page-preloader {
        display: none;
    }
}

#page-preloader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
}

    #page-preloader .spinner .uil-clock-css {
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 200px;
    }

        #page-preloader .spinner .uil-clock-css .clock {
            position: absolute;
            width: 130px;
            height: 130px;
            border-radius: 80px;
            background: #f5f5f5;
            border: 16px solid #1e88e5;
            top: 20px;
            left: 20px;
        }

        #page-preloader .spinner .uil-clock-css .ptr1 {
            position: absolute;
            width: 10px;
            height: 50px;
            top: 75px;
            left: 94px;
            background: #000000;
            border-radius: 5px;
            -ms-animation: uil-clock-rotate1 5s linear infinite;
            -moz-animation: uil-clock-rotate1 5s linear infinite;
            -webkit-animation: uil-clock-rotate1 5s linear infinite;
            -o-animation: uil-clock-rotate1 5s linear infinite;
            animation: uil-clock-rotate1 5s linear infinite;
        }

        #page-preloader .spinner .uil-clock-css .ptr2 {
            position: absolute;
            width: 9px;
            height: 62px;
            top: 71px;
            left: 97px;
            background: #ff5555;
            border-radius: 2px;
            -ms-animation: uil-clock-rotate2 1s linear infinite;
            -moz-animation: uil-clock-rotate2 1s linear infinite;
            -webkit-animation: uil-clock-rotate2 1s linear infinite;
            -o-animation: uil-clock-rotate2 1s linear infinite;
            animation: uil-clock-rotate2 1s linear infinite;
            opacity: 1;
        }

.blur {
    background-color: rgba(0,0,0, 0.2);
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.disabledClick {
    pointer-events: none;    
}

.backgroundBlur {
    background: rgba(226,224,223,1) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


@-webkit-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-webkit-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-moz-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-ms-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-moz-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-webkit-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-o-keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@keyframes uil-clock-rotate1 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -25px);
        -moz-transform: rotate(0deg) translate(0, -25px);
        -webkit-transform: rotate(0deg) translate(0, -25px);
        -o-transform: rotate(0deg) translate(0, -25px);
        transform: rotate(0deg) translate(0, -25px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -25px);
        -moz-transform: rotate(360deg) translate(0, -25px);
        -webkit-transform: rotate(360deg) translate(0, -25px);
        -o-transform: rotate(360deg) translate(0, -25px);
        transform: rotate(360deg) translate(0, -25px);
    }
}

@-webkit-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-webkit-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-moz-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-ms-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-moz-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-webkit-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@-o-keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}

@keyframes uil-clock-rotate2 {
    0% {
        -ms-transform: rotate(0deg) translate(0, -35px);
        -moz-transform: rotate(0deg) translate(0, -35px);
        -webkit-transform: rotate(0deg) translate(0, -35px);
        -o-transform: rotate(0deg) translate(0, -35px);
        transform: rotate(0deg) translate(0, -35px);
    }

    100% {
        -ms-transform: rotate(360deg) translate(0, -35px);
        -moz-transform: rotate(360deg) translate(0, -35px);
        -webkit-transform: rotate(360deg) translate(0, -35px);
        -o-transform: rotate(360deg) translate(0, -35px);
        transform: rotate(360deg) translate(0, -35px);
    }
}