/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 5, 2019, 12:36:27 AM
    Author     : mike
*/

.loading-cover {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
/*    opacity: 0.9;*/
    z-index: 99999;
    display: block;
}
.loading-wrap {
  position: relative;
  top: 150px;
  width: 150px;
  margin: 9% 46.5%;
}
.loader {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 50px;
  border: 15px solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgba(55,55,55,0);
  border-bottom-color: rgba(66,66,66,0);
  border-left-color: rgba(33,33,33,0);
  -webkit-animation: loadEr 3s infinite;
  animation: loadEr 3s infinite;
}
@-webkit-keyframes loadEr {
    0% {
      border-top-color: rgba(44,44,44,0);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);

    }
    10.4% {
      border-top-color: rgba(44,44,44,0.5);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);
    }
    20.8% {
      border-top-color: rgba(44,44,44,0);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);
    }
    31.2% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0.5);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }
    41.6% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
      -webkit-transform: rotate(40deg);
    }
    52% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0.5);
        border-left-color: rgba(33,33,33,0);
    }
    62.4% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }
    72.8% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0.5);
    }
}
@keyframes loadEr {
    0% {
      border-top-color: rgba(44,44,44,0);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);

    }
    10.4% {
      border-top-color: rgba(44,44,44,0.5);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);
    }
    20.8% {
      border-top-color: rgba(44,44,44,0);
      border-right-color: rgba(55,55,55,0);
      border-bottom-color: rgba(66,66,66,0);
      border-left-color: rgba(33,33,33,0);
    }
    31.2% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0.5);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }
    41.6% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
      transform: rotate(40deg);
    }
    52% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0.5);
        border-left-color: rgba(33,33,33,0);
    }
    62.4% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }
    72.8% {
      border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0.5);
    }
}
.loaderbefore {
  width: 50px;
  height:50px;
  border: 15px solid #ddd;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: 9;
}
.circular {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 70px;
  height: 70px;
  border: 20px solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-top-color: #333;
  border-left-color: #fff;
  border-bottom-color: #333;
  border-right-color: #fff;
  opacity: 0.2;
  -webkit-animation: poof 5s infinite;
  animation: poof 5s infinite;
}
@-webkit-keyframes poof {
  0% {
      -webkit-transform: scale(1,1) rotate(0deg); 
      opacity: 0.2;}
  50% {
       -webkit-transform: scale(4,4) rotate(360deg); 
       opacity: 0;}
}
@keyframes poof {
  0% {
      transform: scale(1,1) rotate(0deg); 
      opacity: 0.2;}
  50% {
       transform: scale(4,4) rotate(360deg); 
       opacity: 0;}
}
.another {
  opacity: 0.1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: poofity 5s infinite;
  animation: poofity 5s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.text {
  position: absolute;
  top: 95px;
  left: -8px;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  color: #fff;
  -webkit-animation: opaa 10s infinite;
  animation: opaa 10s infinite;
}
@-webkit-keyframes poofity {
  0% {
      -webkit-transform: scale(1,1) rotate(90deg); 
      opacity: 0.1;}
  50% {
       -webkit-transform: scale(4,4) rotate(-360deg); 
       opacity: 0;}
}
@keyframes poofity {
  0% {transform: scale(1,1) rotate(90deg); 
      opacity: 0.1;}
  50% {
       transform: scale(4,4) rotate(-360deg); 
       opacity: 0;}
}
@-webkit-keyframes opaa {
  0% {opacity: 1;}
10% {opacity: 0.5}
15% {opacity: 1;}
30% {opacity: 1;}
65% {opacity: 0.3;}
90% {opacity: 0.8;}
}
@keyframes opaa {
  0% {opacity: 1;}
10% {opacity: 0.5}
15% {opacity: 1;}
30% {opacity: 1;}
65% {opacity: 0.3;}
90% {opacity: 0.8;}
}