﻿.loading-box {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-screen {
    flex: 0 1 auto;
}

    .loading-screen img {
        max-height: 350px;
        max-width: 350px;
        /*-webkit-animation: pulse_animation 4s linear infinite;
        -moz-animation: pulse_animation 4s linear infinite;
        animation: pulse_animation 4s linear infinite;*/
    }

.pulse {
    animation-name: pulse_animation;
    animation-duration: 5000ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes pulse_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse_animation {
    0% {
        -moz-transform: scale(1);
    }

    30% {
        -moz-transform: scale(1);
    }

    40% {
        -moz-transform: scale(1.08);
    }

    50% {
        -moz-transform: scale(1);
    }

    60% {
        -moz-transform: scale(1);
    }

    70% {
        -moz-transform: scale(1.05);
    }

    80% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes pulse_animation {
    0% {
        -webkit-transform: scale(1);
    }

    30% {
        -webkit-transform: scale(1);
    }

    40% {
        -webkit-transform: scale(1.08);
    }

    50% {
        -webkit-transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1);
    }

    70% {
        -webkit-transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
