.loader {
    position: fixed;
    background-color: rgba(246, 246, 246, 0.95);
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
}

@-webkit-keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes slide-desktop {
  0%   { left: calc(40%  - 100px); top: calc(50% - 100px);}
  25%  { left: calc(50%  - 100px); top: calc(50% - 100px);}
  50%   { left: calc(60% - 100px); top: calc(50% - 100px);}
  75%   { left: calc(50% - 100px); top: calc(50% - 100px);}
  100%  { left: calc(40% - 100px); top: calc(50% - 100px);}
}

@keyframes slide-mobile {
  0%   { left: calc(40%  - 100px); top: calc(50% - 100px);}
  25%  { left: calc(55%  - 100px); top: calc(50% - 100px);}
  50%   { left: calc(70% - 100px); top: calc(50% - 100px);}
  75%   { left: calc(55% - 100px); top: calc(50% - 100px);}
  100%  { left: calc(40% - 100px); top: calc(50% - 100px);}
}

@-webkit-keyframes slide-desktop {
  0%   { left: calc(40%  - 100px); top: calc(50% - 100px);}
  25%  { left: calc(50%  - 100px); top: calc(50% - 100px);}
  50%   { left: calc(60% - 100px); top: calc(50% - 100px);}
  75%   { left: calc(50% - 100px); top: calc(50% - 100px);}
  100%  { left: calc(40% - 100px); top: calc(50% - 100px);}
}

@-webkit-keyframes slide-mobile {
  0%   { left: calc(40%  - 100px); top: calc(50% - 100px);}
  25%  { left: calc(55%  - 100px); top: calc(50% - 100px);}
  50%   { left: calc(70% - 100px); top: calc(50% - 100px);}
  75%   { left: calc(55% - 100px); top: calc(50% - 100px);}
  100%  { left: calc(40% - 100px); top: calc(50% - 100px);}
}


.floppy{
    height: 300px;
    width: 300px;
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 150px);

    /*-webkit-animation: 4s slide-desktop infinite linear; !* Safari 4.0 - 8.0 *!
    -webkit-animation-direction: alternate; !* Safari 4.0 - 8.0 *!
    animation: 4s slide-desktop infinite linear;
    animation-direction: alternate;*/
}


.prog {
    height: 35px !important;
    width: 70% !important;
    /* margin-left: 20px; */
    position: absolute !important;
    top: calc(50% + 200px);
    left: 15%;
}


.loader_txt{
    /*margin-top: 50px;*/
    color: #7c246f;
    position: absolute !important;
    top: calc(50% + 250px);
}

/*@media only screen and (max-width: 600px) {
.floppy {
-webkit-animation: 3s slide-mobile infinite linear !important;
animation: 3s slide-mobile infinite linear !important;
}
}*/

/*
.loader_img {
position: absolute;
top: calc(50% - 60px);
left: calc(50% - 60px);

-webkit-animation: 4s spin infinite linear;
animation: 4s spin infinite linear;

}*/