/*PACE*/

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

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #71c016;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

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

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #71c016;
    border-left-color: #71c016;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

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

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

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

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

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

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

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

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

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

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







/* waiting */

@keyframes ldio-irbtb5vzed {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ldio-irbtb5vzed > div > div {
    transform-origin: 100px 100px;
    animation: ldio-irbtb5vzed 3.0303030303030303s linear infinite;
    opacity: 1
}

    .ldio-irbtb5vzed > div > div > div {
        position: absolute;
        left: 30px;
        top: 30px;
        width: 70px;
        height: 70px;
        border-radius: 70px 0 0 0;
        transform-origin: 100px 100px
    }

.ldio-irbtb5vzed > div div:nth-child(1) {
    animation-duration: 0.7575757575757576s
}

    .ldio-irbtb5vzed > div div:nth-child(1) > div {
        background: #81b3dc;
        transform: rotate(0deg);
    }

.ldio-irbtb5vzed > div div:nth-child(2) {
    animation-duration: 1.0101010101010102s
}

    .ldio-irbtb5vzed > div div:nth-child(2) > div {
        background: #f67536;
        transform: rotate(0deg);
    }

.ldio-irbtb5vzed > div div:nth-child(3) {
    animation-duration: 1.5151515151515151s
}

    .ldio-irbtb5vzed > div div:nth-child(3) > div {
        background: #ffc229;
        transform: rotate(0deg);
    }

.ldio-irbtb5vzed > div div:nth-child(4) {
    animation-duration: 3.0303030303030303s
}

    .ldio-irbtb5vzed > div div:nth-child(4) > div {
        background: #a5c400;
        transform: rotate(0deg);
    }

.loadingio-spinner-wedges-tycrn9bstsm {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-irbtb5vzed {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-irbtb5vzed div {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */




/* Transition */

.view-on {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
}

.view-off {
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}




@keyframes previewloading {
    0% {
        transform: skewX(-10deg) translateX(-100%);
    }

    100% {
        transform: skewX(-10deg) translateX(200%);
    }
}