.spinner_container{
    position:absolute;
    top: 43%;
    left: 43%;
}
.spinner {
    margin-left:60px;
    display:inline-block;
    width: 80px;
    height: 80px;
    background-color: rgb(255, 255, 255);
    -webkit-animation: sk-rotateplane 1.6s infinite ease-in-out;
    animation: sk-rotateplane 1.6s infinite ease-in-out;
}

.spinner_text {
    color: rgb(255, 255, 255);
    padding-top:15px;
    font-size: 24px;
}

@-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) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}

.loader{
    filter: alpha(opacity=20);
    background-color:rgba(0,0,0,0.85);
    width:100%;
    height:100%;
    z-index:10;
    top:0;
    left:0;
    position:fixed;
}

.progress_container{
    position:relative;
    top:50%;
    width:50%;
    margin:auto;
    text-align:center;
    color:white;
}