/* http://smacss.com/ */

.flipped {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.loader {
    text-align: center;
}

    .loader span {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        margin: 50px auto;
        background: transparent;
        border-radius: 50px;
        -webkit-animation: loader 0.9s infinite alternate;
        -moz-animation: loader 0.9s infinite alternate;
        animation: loader 0.9s infinite alternate;
    }

        .loader span:nth-of-type(2) {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .loader span:nth-of-type(3) {
            -webkit-animation-delay: 0.6s;
            -moz-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

@-webkit-keyframes loader {
    0% {
        background: #125a7e;
        width: 10px;
        height: 10px;
        -webkit-transform: translateY(0);
    }

    100% {
        background: #bdd4de;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-21px);
    }
}

@-moz-keyframes loader {
    0% {
        background: #125a7e;
        width: 10px;
        height: 10px;
        -moz-transform: translateY(0);
    }

    100% {
        background: #bdd4de;
        width: 24px;
        height: 24px;
        -moz-transform: translateY(-21px);
    }
}

@keyframes loader {
    0% {
        background: #125a7e;
        width: 10px;
        height: 10px;
        transform: translateY(0);
    }

    100% {
        background: #bdd4de;
        width: 24px;
        height: 24px;
        transform: translateY(-21px);
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
}

    .lds-ellipsis div {
        position: absolute;
        top: -10px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #125a7e;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}