.preloader .Cube,.preloader strong {
    text-transform: uppercase;
    font-weight: 700
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #007cbb;
    position: fixed;
    z-index: 12000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #007cbb,0 0 5px #007cbb;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0,-4px);
    transform: rotate(3deg) translate(0,-4px)
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 12000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #007cbb;
    border-left-color: #007cbb;
    border-radius: 10px;
    -webkit-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 20000
}

.preloader .item {
    position: absolute;
    width: 220px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -65px
}

.preloader .item strong {
    margin-top: 20px;
    font-size: 18px
}

.preloader strong {
    display: block;
    font-family: Open Sans Condensed;
    color: #007cbb;
    font-size: 18px;
    text-align: center;
    position: relative;
    margin-top: 180px;
    -webkit-animation: fade 2s infinite;
    -moz-animation: fade 2s infinite;
    z-index: 22
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto
}

.double-bounce1,.double-bounce2 {
    width: 100%;
    height: 100%;
    background-color: #007cbb;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.preloader .Cube,.preloader-cont {
    left: 50%;
    text-align: center;
    position: absolute
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.preloader .Cube {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 45px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-indent: 34px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .5s .1s;
    transition: transform .5s .1s;
    transition: transform .5s .1s,-webkit-transform .5s .1s;
    -webkit-perspective: 9999px;
    perspective: 9999px;
    margin: 0 auto;
    margin-left: -37px;
    top: 65px;
    opacity: 1;
    z-index: 21
}

.preloader-cont {
    top: 50%;
    width: 430px;
    margin-left: -215px;
    margin-top: -100px
}

.preloader .Cube.panelLoad {
    z-index: 11;
    top: 50%;
    margin-top: -60px;
    -webkit-animation: panel 3.2s infinite forwards;
    animation: panel 3.2s infinite forwards;
    scale: .8 .8
}

.preloader .Cube.panelLoad .cube-face {
    color: #fff;
    background: #007cbb;
    overflow: hidden
}

.preloader .Cube .cube-face {
    width: inherit;
    height: inherit;
    position: absolute;
    background: #fff;
    box-shadow: inset 0 0 0 1px #fff,0 0 1px 1px #fff;
    opacity: 1
}

.preloader .Cube .cube-face span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.preloader .Cube .cube-face-front {
    transform: translate3d(0,0,40px);
    -webkit-transform: translate3d(0,0,40px)
}

.preloader .Cube .cube-face-back {
    -webkit-transform: rotateY(180deg) translate3d(0,0,40px);
    transform: rotateY(180deg) translate3d(0,0,40px)
}

.preloader .Cube .cube-face-left {
    -webkit-transform: rotateY(-90deg) translate3d(0,0,40px);
    transform: rotateY(-90deg) translate3d(0,0,40px)
}

.preloader .Cube .cube-face-right {
    -webkit-transform: rotateY(90deg) translate3d(0,0,40px);
    transform: rotateY(90deg) translate3d(0,0,40px)
}

.preloader .Cube .cube-face-top {
    -webkit-transform: rotateX(90deg) translate3d(0,0,40px);
    transform: rotateX(90deg) translate3d(0,0,40px)
}

.preloader .Cube .cube-face-bottom {
    -webkit-transform: rotateX(-90deg) translate3d(0,0,40px);
    transform: rotateX(-90deg) translate3d(0,0,40px)
}

@-webkit-keyframes fade {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes panel {
    0% {
        -webkit-transform: rotateY(0) rotateZ(0)
    }

    20% {
        -webkit-transform: rotateY(90deg) rotateZ(0)
    }

    40% {
        -webkit-transform: rotateX(45deg) rotateZ(45deg)
    }

    60% {
        -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg)
    }

    80% {
        -webkit-transform: rotateX(310deg) rotateZ(230deg)
    }

    100% {
        -webkit-transform: rotateX(360deg) rotateZ(360deg)
    }
}

@keyframes panel {
    0% {
        -webkit-transform: rotateY(0) rotateZ(0);
        transform: rotateY(0) rotateZ(0)
    }

    20% {
        -webkit-transform: rotateY(90deg) rotateZ(0);
        transform: rotateY(90deg) rotateZ(0)
    }

    40% {
        -webkit-transform: rotateX(45deg) rotateZ(45deg);
        transform: rotateX(45deg) rotateZ(45deg)
    }

    60% {
        -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg);
        transform: rotateX(90deg) rotateY(180deg) rotateX(90deg)
    }

    80% {
        -webkit-transform: rotateX(310deg) rotateZ(230deg);
        transform: rotateX(310deg) rotateZ(230deg)
    }

    100% {
        -webkit-transform: rotateX(360deg) rotateZ(360deg);
        transform: rotateX(360deg) rotateZ(360deg)
    }
}

/*# sourceMappingURL=maps/pace.css.map */
