/**
 * CSS for 'Preloader' jQuery plugin
 *
 * @version $Rev: $
 * @author $Author: $
 * @since $Date: $
 *
 * @filesource $HeadURL: $
 */

@CHARSET "UTF-8";

/* Preloader Animation container */
.container-preloader {
    width: 100%;
    height: inherit;a
    margin: 0 auto;
    overflow: hidden;
    z-index: 2040;
}
.content.preloader {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
}

/* Preloader animation stop */
.stop {
    -webkit-animation-play-state: paused;
       -moz-animation-play-state: paused;
            animation-play-state: paused;
}

/* Preloader Animation */
.preloader .circle, .preloader .circle1 {
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(0, 183, 229, 0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    margin: 0 auto;
}
.preloader .circle {
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    -webkit-animation: spinPulse 1s infinite linear;
       -moz-animation: spinPulse 1s infinite linear; //ease-in-out
         -o-animation: spinPulse 1s infinite linear;
            animation: spinPulse 1s infinite linear;
}
.preloader .circle1 {
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    position: relative;
    top: -50px;
    -webkit-animation: spinoffPulse 1s infinite linear;
       -moz-animation: spinoffPulse 1s infinite linear;
         -o-animation: spinoffPulse 1s infinite linear;
            animation: spinoffPulse 1s infinite linear;
}
@keyframes spinPulse {
    0% { transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { transform: rotate(145deg); opacity: 1; }
    100% { transform: rotate(-320deg); opacity: 0; }
}
@keyframes spinoffPulse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-moz-keyframes spinPulse {
    0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -moz-transform: rotate(145deg); opacity: 1; }
    100% { -moz-transform: rotate(-320deg); opacity: 0; }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -webkit-transform: rotate(145deg); opacity: 1; }
    100% { -webkit-transform: rotate(-320deg); opacity: 0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spinPulse {
    0% { -o-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -o-transform: rotate(145deg); opacity: 1; }
    100% { -o-transform: rotate(-320deg); opacity: 0; }
}
@-o-keyframes spinoffPulse {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); }
}

/* Bootstrap Modal backdrop */
.container-preloader, .container-preloader *, .container-preloader:before, .container-preloader:after,
.container-preloader *:before, .container-preloader *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}
.modal-backdrop-preloader {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.fade {
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: opacity;
    transition-timing-function: linear;
}
.modal-backdrop-preloader,
.modal-backdrop-preloader.fade.in {
    opacity: 0.4;
}