.loaderdiv{
    display:block;
    position: fixed;
    top:135px;
    left:89%;
    background-color: rgba(26,26,26,0.8);
    transform: translate(-50%,-50%);
    width:200px;
    height:250px;
    border:4px solid #e4e4e4;
    z-index:114514;
    border-radius:7px;
}


.ldfont{
    display:block;
    font-size:35px;
    text-align:center;
    color:#e4e4e4;
    margin-top:195px;
}

.loader{
    position: absolute;
    top:16px;
    left:5.2%;
}

.loader1{
    margin-left:15px;
    margin-top:3px;
    width:150px;
    height:150px;
}

.loader2{
    width:165px;
    height:165px;
    margin-top:1px;
    margin-left:8px;
    animation: spin 0.47s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.loaded {
    transition-property: opacity;
    transition-duration: 0.2s;
    opacity: 0;
}

.hide{
    visibility: hidden;
}

@media (orientation: landscape){
    .loaderdiv{
        display:block;
        transform:scale(0.65);
        margin-left:-67px;
        margin-top:-180px;
    }
}