.fade-enter-active[data-v-b12547a5] {
    animation: fade-b12547a5 .2s
}

.fade-leave-active[data-v-b12547a5] {
    animation: fade-b12547a5 .28s reverse
}

@keyframes fade-b12547a5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.appear-enter-active[data-v-b12547a5] {
    animation: appear-b12547a5 .3s
}

.appear-leave-active[data-v-b12547a5] {
    animation: appear-b12547a5 .28s reverse
}

@keyframes appear-b12547a5 {
    0% {
        opacity: 0;
        transform: scale(.95) translateY(-50px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.btn[data-v-b12547a5] {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    padding: 9px;
    text-align: center;
    width: 100%
}

.btn-secondary[data-v-b12547a5] {
    background: #363636;
    border: solid #363636;
    border-radius: 4px;
    color: #f0f8ff
}

._nav-mobile_1jstt_1 .router-link-active {
    color: #f0f8ff
}

.fade-enter-active[data-v-d3f16191] {
    animation: fade-d3f16191 .2s
}

.fade-leave-active[data-v-d3f16191] {
    animation: fade-d3f16191 .28s reverse
}

@keyframes fade-d3f16191 {
    0% {
        opacity: 0
    }

    to {
        opacity: .3
    }
}

.appear-enter-active[data-v-d3f16191] {
    animation: appear-d3f16191 .3s ease-in;
    animation-timing-function: linear
}

.appear-leave-active[data-v-d3f16191] {
    animation: appear-d3f16191 .3s reverse
}

@keyframes appear-d3f16191 {
    0% {
        transform: translate(-20rem)
    }

    to {
        transform: translate(0)
    }
}

._header_vy7a3_1 {
    font-family: Signika Negative,sans-serif
}

._header_vy7a3_1 ._logo_vy7a3_4 {
    height: 90px;
    padding: 10px 0;
    width: 100%
}

._header_vy7a3_1 ._login-btn_vy7a3_9 {
    background-color: #d1554a17;
    border: 1px solid #b95547;
    color: #f0f8ff;
    font-size: 16px;
    padding: 7px 10px;
    text-shadow: 0 0 1px #fff
}

._header_vy7a3_1 ._login-btn_vy7a3_9 i {
    font-size: 14px
}

.fade-enter-active {
    animation: fade .3s
}

.fade-leave-active {
    animation: fade .38s reverse
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.orbit-spinner,.orbit-spinner * {
    box-sizing: border-box
}

.orbit-spinner {
    border-radius: 50%;
    height: 55px;
    perspective: 800px;
    width: 55px
}

.orbit-spinner .orbit {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%
}

.orbit-spinner .orbit:first-child {
    animation: orbit-spinner-orbit-one-animation 1.2s linear infinite;
    border-bottom: 3px solid #ff1d5e;
    left: 0;
    top: 0
}

.orbit-spinner .orbit:nth-child(2) {
    animation: orbit-spinner-orbit-two-animation 1.2s linear infinite;
    border-right: 3px solid #ff1d5e;
    right: 0;
    top: 0
}

.orbit-spinner .orbit:nth-child(3) {
    animation: orbit-spinner-orbit-three-animation 1.2s linear infinite;
    border-top: 3px solid #ff1d5e;
    bottom: 0;
    right: 0
}

@keyframes orbit-spinner-orbit-one-animation {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotate(0)
    }

    to {
        transform: rotateX(35deg) rotateY(-45deg) rotate(1turn)
    }
}

@keyframes orbit-spinner-orbit-two-animation {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotate(0)
    }

    to {
        transform: rotateX(50deg) rotateY(10deg) rotate(1turn)
    }
}

@keyframes orbit-spinner-orbit-three-animation {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotate(0)
    }

    to {
        transform: rotateX(35deg) rotateY(55deg) rotate(1turn)
    }
}

body {
    background-position: 50%;
    background-size: cover
}