/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

#pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999999999;

    > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/**
** ball-scale
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: $danger;
}

.la-ball-scale-multiple.la-dark {
    color: darken($danger, 15%);
}

.la-ball-scale-multiple > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-scale-multiple {
    width: 74px;
    height: 74px;
}

.la-ball-scale-multiple > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 74px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}

.la-ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}

.la-ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-scale-multiple.la-sm > div {
    width: 16px;
    height: 16px;
}

.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-scale-multiple.la-2x > div {
    width: 64px;
    height: 64px;
}

.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-scale-multiple.la-3x > div {
    width: 96px;
    height: 96px;
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/**
** ball-beat
 */
.la-ball-beat, .la-ball-beat > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-beat {
    display: block;
    font-size: 0;
    color: $danger;
}

.la-ball-beat.la-dark {
    color: #333
}

.la-ball-beat > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-beat {
    width: 100px;
    height: 18px
}

.la-ball-beat > div {
    width: 15px;
    height: 15px;
    margin: 4px;
    border-radius: 100%;
    -webkit-animation: ball-beat 0.7s -0.15s infinite linear;
    -moz-animation: ball-beat 0.7s -0.15s infinite linear;
    -o-animation: ball-beat 0.7s -0.15s infinite linear;
    animation: ball-beat 0.7s -0.15s infinite linear
}

.la-ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s
}

.la-ball-beat.la-sm {
    width: 26px;
    height: 8px
}

.la-ball-beat.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px
}

.la-ball-beat.la-2x {
    width: 108px;
    height: 36px
}

.la-ball-beat.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px
}

.la-ball-beat.la-3x {
    width: 162px;
    height: 54px
}

.la-ball-beat.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-beat {
    50% {
        opacity: .2;
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-beat {
    50% {
        opacity: .2;
        -o-transform: scale(0.75);
        transform: scale(0.75)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

/**
** ball-circus
 */
.la-ball-circus,
.la-ball-circus > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-circus {
    display: block;
    font-size: 0;
    color: $danger;
}

.la-ball-circus.la-dark {
    color: #333;
}

.la-ball-circus > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-circus {
    width: 26px;
    height: 26px;
}

.la-ball-circus > div {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    width: 16px;
    width: 100%;
    height: 16px;
    height: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    -moz-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    -o-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
}

.la-ball-circus > div:nth-child(1) {
    -webkit-animation-delay: 0s, -.5s;
    -moz-animation-delay: 0s, -.5s;
    -o-animation-delay: 0s, -.5s;
    animation-delay: 0s, -.5s;
}

.la-ball-circus > div:nth-child(2) {
    -webkit-animation-delay: -.5s, -1s;
    -moz-animation-delay: -.5s, -1s;
    -o-animation-delay: -.5s, -1s;
    animation-delay: -.5s, -1s;
}

.la-ball-circus > div:nth-child(3) {
    -webkit-animation-delay: -1s, -1.5s;
    -moz-animation-delay: -1s, -1.5s;
    -o-animation-delay: -1s, -1.5s;
    animation-delay: -1s, -1.5s;
}

.la-ball-circus > div:nth-child(4) {
    -webkit-animation-delay: -1.5s, -2s;
    -moz-animation-delay: -1.5s, -2s;
    -o-animation-delay: -1.5s, -2s;
    animation-delay: -1.5s, -2s;
}

.la-ball-circus > div:nth-child(5) {
    -webkit-animation-delay: -2s, -2.5s;
    -moz-animation-delay: -2s, -2.5s;
    -o-animation-delay: -2s, -2.5s;
    animation-delay: -2s, -2.5s;
}

.la-ball-circus.la-sm {
    width: 8px;
    height: 8px;
}

.la-ball-circus.la-sm > div {
    width: 8px;
    height: 8px;
}

.la-ball-circus.la-2x {
    width: 32px;
    height: 32px;
}

.la-ball-circus.la-2x > div {
    width: 32px;
    height: 32px;
}

.la-ball-circus.la-3x {
    width: 48px;
    height: 48px;
}

.la-ball-circus.la-3x > div {
    width: 48px;
    height: 48px;
}

@-webkit-keyframes ball-circus-position {
    50% {
        left: 100%;
    }
}

@-moz-keyframes ball-circus-position {
    50% {
        left: 100%;
    }
}

@-o-keyframes ball-circus-position {
    50% {
        left: 100%;
    }
}

@keyframes ball-circus-position {
    50% {
        left: 100%;
    }
}

@-webkit-keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3, .3);
        transform: scale(.3, .3);
    }
}

@-moz-keyframes ball-circus-size {
    50% {
        -moz-transform: scale(.3, .3);
        transform: scale(.3, .3);
    }
}

@-o-keyframes ball-circus-size {
    50% {
        -o-transform: scale(.3, .3);
        transform: scale(.3, .3);
    }
}

@keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3, .3);
        -moz-transform: scale(.3, .3);
        -o-transform: scale(.3, .3);
        transform: scale(.3, .3);
    }
}

/**
** elastic-dots
 */
.la-ball-elastic-dots,
.la-ball-elastic-dots > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-elastic-dots {
    display: block;
    font-size: 0;
    color: $danger;
}

.la-ball-elastic-dots.la-dark {
    color: #333;
}

.la-ball-elastic-dots > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-elastic-dots {
    width: 160px;
    height: 20px;
    font-size: 0;
    text-align: center;
}

.la-ball-elastic-dots > div {
    display: inline-block;
    width: 15px;
    height: 15px;
    white-space: nowrap;
    border-radius: 100%;
    -webkit-animation: ball-elastic-dots-anim 1s infinite;
    -moz-animation: ball-elastic-dots-anim 1s infinite;
    -o-animation: ball-elastic-dots-anim 1s infinite;
    animation: ball-elastic-dots-anim 1s infinite;
}

.la-ball-elastic-dots.la-sm {
    width: 60px;
    height: 4px;
}

.la-ball-elastic-dots.la-sm > div {
    width: 4px;
    height: 4px;
}

.la-ball-elastic-dots.la-2x {
    width: 240px;
    height: 20px;
}

.la-ball-elastic-dots.la-2x > div {
    width: 20px;
    height: 20px;
}

.la-ball-elastic-dots.la-3x {
    width: 360px;
    height: 30px;
}

.la-ball-elastic-dots.la-3x > div {
    width: 30px;
    height: 30px;
}

@-webkit-keyframes ball-elastic-dots-anim {
    0%,
    100% {
        margin: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        transform: scale(.65);
    }
}

@-moz-keyframes ball-elastic-dots-anim {
    0%,
    100% {
        margin: 0;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        margin: 0 5%;
        -moz-transform: scale(.65);
        transform: scale(.65);
    }
}

@-o-keyframes ball-elastic-dots-anim {
    0%,
    100% {
        margin: 0;
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        margin: 0 5%;
        -o-transform: scale(.65);
        transform: scale(.65);
    }
}

@keyframes ball-elastic-dots-anim {
    0%,
    100% {
        margin: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        -moz-transform: scale(.65);
        -o-transform: scale(.65);
        transform: scale(.65);
    }
}

/**
** clip-rotate
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: $danger;
}

.la-ball-clip-rotate.la-dark {
    color: #333;
}

.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate {
    width: 50px;
    height: 50px;
}

.la-ball-clip-rotate > div {
    width: 50px;
    height: 50px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate 1s linear infinite;
    -moz-animation: ball-clip-rotate 1s linear infinite;
    -o-animation: ball-clip-rotate 1s linear infinite;
    animation: ball-clip-rotate 1s linear infinite;
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}