.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: center no-repeat rgb(255, 255, 255,.9);

    background-size: 200px 200px;

}



.se-pre-con-a {

    background:  url('../image/codexwide.png') no-repeat center;
    background-size: 100%;
    margin-left: auto;margin-right: auto;
    margin-top: 40vh;

    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }    
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% { 
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    }    
    50% { 
        transform: perspective(120px) rotateY(-180.1deg) rotateX(0deg);
        -webkit-transform: perspective(120px) rotateY(-180.1deg) rotateX(0deg) 
    }
    50% { 
        transform: perspective(120px) rotateY(180.1deg) rotateX(0deg);
        -webkit-transform: perspective(120px) rotateY(180.1deg) rotateX(0deg) 
    }


}