.splash{

        position: fixed;
        z-index: 10000;
        width: 100%;
        height: 100%;
        background: #313534;

    }
    .splash .content{
          width: 220px;
        height: 200px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
         -webkit-animation-name: fade-in; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
        animation-name: fade-in;
        animation-duration: 4s;
    }
    .splash.fade{
        z-index: -1;
    }

        /* Chrome, Safari, Opera */
        @-webkit-keyframes fade-in {
            0%   {opacity: 0;}            
            100% {opacity: 1;}
        }

        /* Standard syntax */
        @keyframes fade-in {
            0%   {opacity: 0;}            
            100% {opacity: 1;}
        }