﻿
.splash-screen, .splash-screen * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 20px;
}

    .splash-screen .splash-screen-content .waiting-container .waiting-animation {
        display: block;
        margin: 20px auto;
        width: 30px;
        height: 30px;
        text-align: center;
    }

        .splash-screen .splash-screen-content .waiting-container .waiting-animation .spinner {
            margin: 0;
            width: 30px;
            height: 30px;
            position: relative;
        }

        .splash-screen .splash-screen-content .waiting-container .waiting-animation .cube1, .splash-screen .splash-screen-content .waiting-container .waiting-animation .cube2 {
            background-color: #101d48;
            width: 7px;
            height: 7px;
            position: absolute;
            top: 0;
            left: 0;
            animation: sk-cubemove 1.8s ease-in-out infinite;
        }

        .splash-screen .splash-screen-content .waiting-container .waiting-animation .cube2 {
            animation-delay: -.9s;
        }


/* Animazione standard */
@keyframes sk-cubemove {
    25% {
        transform: translateX(20px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(20px) translateY(20px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(20px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
    }
}

/* Animazione per WebKit (Chrome, Safari, etc.) */
@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(20px) rotate(-90deg) scale(0.5);
    }

    50% {
        -webkit-transform: translateX(20px) translateY(20px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(20px) rotate(-270deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

/* Animazione per Firefox */
@-moz-keyframes sk-cubemove {
    25% {
        -moz-transform: translateX(20px) rotate(-90deg) scale(0.5);
    }

    50% {
        -moz-transform: translateX(20px) translateY(20px) rotate(-180deg);
    }

    75% {
        -moz-transform: translateX(0px) translateY(20px) rotate(-270deg) scale(0.5);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}
