@charset "UTF-8";

/*!
 * loading.css -https://github.com/Dn9x/loading.js
 * Version - 1.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Dn9x
 */
@-webkit-keyframes circle-fade {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes circle-fade {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.circle-fade {
    position: relative;
}

.circle-fade > div:nth-child(1) {
    top: 25px;
    left: 25%;
    -webkit-animation: circle-fade 1s 0s infinite linear;
    animation: circle-fade 1s 0s infinite linear;
}

.circle-fade > div:nth-child(2) {
    top: 17.04545px;
    left: calc(25% + 17.04545px);
    -webkit-animation: circle-fade 1s 0.12s infinite linear;
    animation: circle-fade 1s 0.12s infinite linear;
}

.circle-fade > div:nth-child(3) {
    top: 0;
    left: calc(25% + 25px);
    -webkit-animation: circle-fade 1s 0.24s infinite linear;
    animation: circle-fade 1s 0.24s infinite linear;
}

.circle-fade > div:nth-child(4) {
    top: -17.04545px;
    left: calc(25% + 17.04545px);
    -webkit-animation: circle-fade 1s 0.36s infinite linear;
    animation: circle-fade 1s 0.36s infinite linear;
}

.circle-fade > div:nth-child(5) {
    top: -25px;
    left: 25%;
    -webkit-animation: circle-fade 1s 0.48s infinite linear;
    animation: circle-fade 1s 0.48s infinite linear;
}

.circle-fade > div:nth-child(6) {
    top: -17.04545px;
    left: calc(25% - 17.04545px);
    -webkit-animation: circle-fade 1s 0.6s infinite linear;
    animation: circle-fade 1s 0.6s infinite linear;
}

.circle-fade > div:nth-child(7) {
    top: 0;
    left: calc(25% - 25px);
    -webkit-animation: circle-fade 1s 0.72s infinite linear;
    animation: circle-fade 1s 0.72s infinite linear;
}

.circle-fade > div:nth-child(8) {
    top: 17.04545px;
    left: calc(25% - 17.04545px);
    -webkit-animation: circle-fade 1s 0.84s infinite linear;
    animation: circle-fade 1s 0.84s infinite linear;
}

.circle-fade > div {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
}

@keyframes rotate-scale {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(0.5);
        transform: rotate(180deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.circle-turn-scale > div {
    background-color: #fff;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate-scale 0.75s 0s linear infinite;
    animation: rotate-scale 0.75s 0s linear infinite;
}

@keyframes circle-turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.circle-turn > div {
    background-color: #fff;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: circle-turn 0.75s 0s linear infinite;
    animation: circle-turn 0.75s 0s linear infinite;
}

@-webkit-keyframes square-flip {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

@keyframes square-flip {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

.square-flip > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 0;
    -webkit-animation: square-flip 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: square-flip 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.45);
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.45);
        transform: scaley(0.45);
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

.line-scale > div:nth-child(1) {
    -webkit-animation: line-scale 1s 0.1s infinite;
    animation: line-scale 1s 0.1s infinite;
}

.line-scale > div:nth-child(2) {
    -webkit-animation: line-scale 1s 0.2s infinite;
    animation: line-scale 1s 0.2s infinite;
}

.line-scale > div:nth-child(3) {
    -webkit-animation: line-scale 1s 0.3s infinite;
    animation: line-scale 1s 0.3s infinite;
}

.line-scale > div:nth-child(4) {
    -webkit-animation: line-scale 1s 0.4s infinite;
    animation: line-scale 1s 0.4s infinite;
}

.line-scale > div:nth-child(5) {
    -webkit-animation: line-scale 1s 0.5s infinite;
    animation: line-scale 1s 0.5s infinite;
}

.line-scale > div {
    background-color: #fff;
    width: 4px;
    height: 36px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}



@-webkit-keyframes jump-pulse {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jump-pulse {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.jump-pulse > div:nth-child(0) {
    -webkit-animation: jump-pulse 0.75s 0s infinite ease-in-out;
    animation: jump-pulse 0.6s 0s infinite ease-in-out;
}

.jump-pulse > div:nth-child(1) {
    -webkit-animation: jump-pulse 0.75s 0.1s infinite ease-in-out;
    animation: jump-pulse 0.75s 0.1s infinite ease-in-out;
}

.jump-pulse > div:nth-child(2) {
    -webkit-animation: jump-pulse 0.75s 0.2s infinite ease-in-out;
    animation: jump-pulse 0.75s 0.2s infinite ease-in-out;
}

.jump-pulse > div:nth-child(3) {
    -webkit-animation: jump-pulse 0.75s 0.3s infinite ease-in-out;
    animation: jump-pulse 0.75s 0.3s infinite ease-in-out;
}
.jump-pulse > div:nth-child(4) {
    -webkit-animation: jump-pulse 0.75s 0.4s infinite ease-in-out;
    animation: jump-pulse 0.75s 0.4s infinite ease-in-out;
}

.jump-pulse > div {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

@-webkit-keyframes line-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.75;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes line-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.75;
    }
    99% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.line-pulse > div:nth-child(0) {
    -moz-animation: line-pulse 0.75s 0s infinite;
    -ms-animation: line-pulse 0.75s 0s infinite;
    -webkit-animation: line-pulse 0.75s 0s infinite;
    -o-animation: line-pulse 0.75s 0s infinite;
    animation: line-pulse 0.75s 0s infinite;
}

.line-pulse > div:nth-child(1) {
    -moz-animation: line-pulse 0.75s 0.1s infinite;
    -ms-animation: line-pulse 0.75s 0.1s infinite;
    -o-animation: line-pulse 0.75s 0.1s infinite;
    -webkit-animation: line-pulse 0.75s 0.1s infinite;
    animation: line-pulse 0.75s 0.1s infinite;
}

.line-pulse > div:nth-child(2) {
    -moz-animation: line-pulse 0.75s 0.2s infinite;
    -ms-animation: line-pulse 0.75s 0.2s infinite;
    -o-animation: line-pulse 0.75s 0.2s infinite;
    -webkit-animation: line-pulse 0.75s 0.2s infinite;
    animation: line-pulse 0.75s 0.2s infinite;
}
.line-pulse > div:nth-child(3) {
    -moz-animation: line-pulse 0.75s 0.3s infinite;
    -ms-animation: line-pulse 0.75s 0.3s infinite;
    -o-animation: line-pulse 0.75s 0.3s infinite;
    -webkit-animation: line-pulse 0.75s 0.3s infinite;
    animation: line-pulse 0.75s 0.3s infinite;
}
.line-pulse > div:nth-child(4) {
    -moz-animation: line-pulse 0.75s 0.4s infinite;
    -ms-animation: line-pulse 0.75s 0.4s infinite;
    -o-animation: line-pulse 0.75s 0.4s infinite;
    -webkit-animation: line-pulse 0.75s 0.4s infinite;
    animation: line-pulse 0.75s 0.4s infinite;
}

.line-pulse > div {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: 2px;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}