.mask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    z-index: 99;
}

.textp {
    position: absolute;
    top: 60%;
   width: 100%;

}
.textp  p{
     font-size: 3rem;
    color: #F1811D;
    text-align: center;

}


.load-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80%;
}

.load-container .loader {
    position:relative;
    display: inline-block;
    font-size: 60px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0.8em auto;
    -webkit-animation: load 1.7s infinite ease;
    animation: load 2s infinite ease;
    opacity: 1;
}

@-webkit-keyframes load {

    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
    5%,
    95% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
    30% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.51em -0.66em 0 -0.42em #F1811D, -0.75em -0.36em 0 -0.44em #F1811D, -0.83em -0.03em 0 -0.46em #F1811D, -0.81em 0.21em 0 -0.477em #F1811D;
    }
    55% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.29em -0.78em 0 -0.42em #F1811D, -0.43em -0.72em 0 -0.44em #F1811D, -0.52em -0.65em 0 -0.46em #F1811D, -0.57em -0.61em 0 -0.477em #F1811D;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
    5%,
    95% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
    30% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.51em -0.66em 0 -0.42em #F1811D, -0.75em -0.36em 0 -0.44em #F1811D, -0.83em -0.03em 0 -0.46em #F1811D, -0.81em 0.21em 0 -0.477em #F1811D;
    }
    55% {
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.29em -0.78em 0 -0.42em #F1811D, -0.43em -0.72em 0 -0.44em #F1811D, -0.52em -0.65em 0 -0.46em #F1811D, -0.57em -0.61em 0 -0.477em #F1811D;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: -0.11em -0.83em 0 -0.4em #F1811D, -0.11em -0.83em 0 -0.42em #F1811D, -0.11em -0.83em 0 -0.44em #F1811D, -0.11em -0.83em 0 -0.46em #F1811D, -0.11em -0.83em 0 -0.477em #F1811D;
    }
}