@font-face {
    font-family: 'Nastaligh';
    src: url('../font/persian-khat-khati-02.ttf') format('truetype');
}
@keyframes Imoje1 {
    0% {
        top: 0px;
        left: 100px;
    }

    10% {
        top: -30px;
        left: 80px;
    }

    20% {
        top: -60px;
        left: 65px;
    }

    30% {
        top: -100px;
        left: 50px;
    }

    40% {
        top: -60px;
        left: 35px;
    }

    50% {
        top: -30px;
        left: 20px;
    }

    60% {
        top: 0;
        left: 0;
    }

    70% {
        top: 0;
        left: 30px;
    }

    80% {
        top: 0;
        left: 60px;
    }

    90% {
        top: 0;
        left: 90px;
    }

    100% {
        top: 0;
        left: 100px;
    }
}

@keyframes Imoje2 {
    0% {
        top: 0px;
        left: 100px;
        transform: scale(1)
    }

    100% {
        top: -100px;
        left: -20px;
        transform: scale(1.5)
    }
}

@keyframes Imoje3 {
    0% {
        transform: scale(1.5)
    }

    35% {
        transform: scale(1.7)
    }

    70% {
        transform: scale(1.5)
    }


    100% {
        transform: scale(1.5)
    }
}

.preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #f29f05;
    /*background-image: linear-gradient(to bottom right, #9315c8, #690bd2);*/
    z-index: 100000;
    top: 0;
    left: 0;
    display: flex
}

.LoaderContent {
    position: relative;
    margin: auto;
}

.Loaderimoje {
    width: 65px;
    position: relative;
    left: 100px;
    animation-name: Imoje1;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-timing-function: linear;
}

.SecoundImojeAnimate {
    /*width:90px;*/
    transform: scale(1.5);
    top: -100px;
    left: -0px;
    animation-name: Imoje2;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-timing-function: linear;
}

.ThirdImojeAnimate {
    animation-name: Imoje3;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-timing-function: linear;
}

.Loadertxts {
    position: absolute;
    top: 15px;
    left: -43px;
    width: 0;
    /*height:65px;*/
    /*background-color:white;*/
    overflow: hidden;
    transition-duration: .5s
}

    .Loadertxts > img {
        width: 180px !important;
        height: auto;
        margin-bottom: 15px
    }

    .Loadertxts > p {
        width: 150px;
        text-align: center;
        font-size: 15px;
        color: white;
        font-weight: bold;
    }

.opentexloader {
    width: 150px !important;
}



.LoaderLastSlogan {
    position: absolute;
    top: 90px;
    left: -97px;
    width: 0;
    height: 50px;
    overflow: hidden;
    transition-duration: .5s;
}

    .LoaderLastSlogan > p {
        width: 250px;
        text-align: center;
        font-size: 22px;
        color: #efd61f;
        /*font-weight: bold;*/
        opacity: .9;
        font-family: 'Nastaligh' !important;
    }

.SloganOpen {
    width: 250px !important;
}


@media only screen and (max-width: 991px) {
    .LoaderLastSlogan {
        position: absolute;
        top: 130px;
        left: -97px;
        width: 0;
        height: 50px;
        overflow: hidden;
        transition-duration: .5s;
    }
}