/*==================================
        FALCON LOADER
==================================*/


.page-loader{

    font-family: 'IranYekan';


    position:fixed;



    inset:0;



    z-index:99999;



    display:flex;



    align-items:center;



    justify-content:center;



    background:


    rgba(10,10,10,.35);



    backdrop-filter:blur(14px);



    -webkit-backdrop-filter:blur(14px);



    transition:.6s ease;



}








/*==================================
        GLASS BOX
==================================*/


.loader-glass{


    position:relative;



    width:330px;



    min-height:360px;



    padding:45px 35px;



    border-radius:35px;



    display:flex;



    flex-direction:column;



    align-items:center;



    justify-content:center;



    background:


    rgba(255,255,255,.06);



    border:


    1px solid rgba(255,255,255,.14);



    backdrop-filter:blur(25px);



    -webkit-backdrop-filter:blur(25px);



    box-shadow:


    0 30px 80px rgba(0,0,0,.45);



    overflow:hidden;



}








/*==================================
        LOADER AREA
==================================*/


.cutting-loader{


    position:relative;



    width:180px;



    height:180px;



    display:flex;



    align-items:center;



    justify-content:center;



    z-index:2;



}
/*==================================
        CUTTING BLADE
==================================*/


.blade{


    width:150px;



    height:150px;



    position:relative;



    display:flex;



    align-items:center;



    justify-content:center;



    border-radius:50%;



    background:


    linear-gradient(

        145deg,

        #777,

        #2a2a2a

    );



    border:


    4px solid rgba(255,255,255,.18);



    box-shadow:


    inset 0 0 25px rgba(0,0,0,.7),


    0 0 25px rgba(255,189,50,.15);



}








/*==================================
        BLADE CENTER HOLE
==================================*/


.blade-center{


    width:45px;



    height:45px;



    border-radius:50%;



    background:


    #111;



    border:


    3px solid rgba(255,255,255,.15);



    box-shadow:


    inset 0 0 12px rgba(0,0,0,.8);



}








/*==================================
        METAL EDGE
==================================*/


.blade::before{


    content:"";



    position:absolute;



    inset:-10px;



    border-radius:50%;



    background:


    conic-gradient(

        from 0deg,

        #aaa,

        #333,

        #888,

        #222,

        #aaa

    );



    z-index:-1;



}








/*==================================
        CUTTING TEETH
==================================*/


.blade::after{


    content:"";



    position:absolute;



    inset:-18px;



    border-radius:50%;



    background:


    repeating-conic-gradient(

        from 0deg,

        rgba(255,255,255,.45) 0deg,

        rgba(255,255,255,.45) 2deg,

        transparent 2deg,

        transparent 8deg

    );



    mask:


    radial-gradient(

        circle,

        transparent 63%,

        #000 64%

    );



    -webkit-mask:


    radial-gradient(

        circle,

        transparent 63%,

        #000 64%

    );



}
/*==================================
        BLADE ANIMATION
==================================*/


.blade{


    animation:


    bladeSpin 1.5s linear infinite;



}






@keyframes bladeSpin{


    from{


        transform:rotate(0deg);



    }



    to{


        transform:rotate(360deg);



    }



}









/*==================================
        ORANGE GLOW
==================================*/


.cutting-loader::before{


    content:"";



    position:absolute;



    width:220px;



    height:220px;



    border-radius:50%;



    background:


    radial-gradient(

        circle,

        rgba(255,189,50,.28),

        transparent 65%

    );



    filter:blur(18px);



    z-index:0;



}








/*==================================
        LOADER TEXT
==================================*/


.loader-info{


    position:relative;



    z-index:10;



    margin-top:40px;



    width:100%;



    display:flex;



    justify-content:center;



}








.loader-text{


    margin:0;



    color:#fff;



    font-size:16px;



    font-weight:700;



    line-height:2;



    text-align:center;



    white-space:nowrap;



    text-shadow:


    0 2px 15px rgba(0,0,0,.8);



}








/*==================================
        LOADER HIDE
==================================*/


.page-loader.hide{


    opacity:0;



    visibility:hidden;



    pointer-events:none;



}