﻿#loading-box {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#loading-box .loader {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #00b6ed;
    animation: page-loader 0.9s infinite ease-in-out;
}

#loading-box .loader-logo {
    display: none;
    height: 30px;
    width: 157px;
    background: url(logo/logo.svg) no-repeat center / 100%;
    margin-bottom: 15px;
}

.loading-box {
    margin: 20% auto;
    text-align: center;
}

.loading-box .logo {
    vertical-align: middle;
    background-image: url('data:image/png;base64,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');
    width: 150px;
    height: 60px;
    //display: inline-block;
    display: none;
    margin: auto;
}

html, body {
    background-color: #f5f5f5;
    margin: 0;
}

.square {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
}


.sphere {
    height: 1.4em;
    width: 1.4em;
    float: left;
    margin-right: 5px;
    z-index: 20 !important;
    position: relative;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    z-index: -1;
}

    .sphere:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 90%;
        background: #00BDE3; /*@hro-blue*/
        z-index: 2;
    }

    .sphere:nth-child(1) {
        -webkit-animation: scale-1 2s 0s infinite;
        animation: scale-1 2s 0s infinite;
    }

    .sphere:nth-child(2) {
        -webkit-animation: scale-1 2s .2s infinite;
        animation: scale-1 2s .2s infinite;
    }

    .sphere:nth-child(3) {
        -webkit-animation: scale-1 2s .4s infinite;
        animation: scale-1 2s .4s infinite;
    }

    .sphere:nth-child(4) {
        -webkit-animation: scale-1 2s .6s infinite;
        animation: scale-1 2s .6s infinite;
    }

    .sphere:nth-child(5) {
        -webkit-animation: scale-1 2s .8s infinite;
        animation: scale-1 2s .8s infinite;
    }

    .sphere:nth-child(6) {
        -webkit-animation: scale-1 2s 1s infinite;
        animation: scale-1 2s 1s infinite;
    }

    .sphere:nth-child(7) {
        -webkit-animation: scale-1 2s 1.2s infinite;
        animation: scale-1 2s 1.2s infinite;
    }

    .sphere:nth-child(8) {
        -webkit-animation: scale-1 2s 1.4s infinite;
        animation: scale-1 2s 1.4s infinite;
    }

    .sphere:nth-child(9) {
        -webkit-animation: scale-1 2s 1.6s infinite;
        animation: scale-1 2s 1.6s infinite;
    }

    .sphere:nth-child(10) {
        -webkit-animation: scale-1 2s 1.8s infinite;
        animation: scale-1 2s 1.8s infinite;
    }

@-webkit-keyframes scale-1 {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    35%, 65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    65%, 100% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@-moz-keyframes scale-1 {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    35%, 65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    65%, 100% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes scale-1 {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    35%, 65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    65%, 100% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}
