.loading-area {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, .8);
    position: fixed;
    z-index: 99999999;
    letter-spacing: 2.6px;
 
  }
 
  .loading-area .outside-container  svg {
    width: 280px;
    height: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
   transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size:13px;
    -webkit-animation: rotate-rev 5s infinite linear;
    animation: rotate-rev 5s infinite linear;
    margin-top: -140px;
    margin-left: -140px;
  
  }
 
  .loading-area .outside-container {
   position: relative;
   width: 150px;
   height: 150px;
   background-color: transparent;
   border-radius: 50%;
   border: 20px solid #f1f1f1;
   position: absolute;
   left: 50%;
   top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  
 }
 
 .loading-area .outside-container .inside-spinner {
   position: relative;
   top: 0;
   left: 0;
   width: 110px;
   height: 110px;
   background-color: transparent;
   border-radius: 100%;
   border-bottom: 5px solid #b5b1b1;
   border-top: 10px solid transparent;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
   -webkit-animation: spin 1s linear infinite;
           animation: spin 1s linear infinite;
 }
 
 @-webkit-keyframes spin {
   to {
     -webkit-transform: rotate(360deg);
   }
 }
 
 @keyframes spin {
   to {
     -webkit-transform: rotate(360deg);
   }
 }
 
 .loading-area .outside-container .outside-spinner {
   position: absolute;
   top: -20px;
   left: -20px;
   width: 150px;
   height: 150px;
   background-color: transparent;
   border-radius: 100%;
   border-bottom: 5px solid #3487c7;
   border-top: 10px solid transparent;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
   -webkit-animation: spin2 1s linear infinite;
           animation: spin2 1s linear infinite;
 }
 
 @-webkit-keyframes spin2 {
   to {
     -webkit-transform: rotate(-360deg);
   }
 }
 
 @keyframes spin2 {
   to {
     -webkit-transform: rotate(-360deg);
   }
 }
 
 .loading-area .outside-container .lodingImg {
     position: absolute;
     top: 16px;
     left: 15px;
 }
 
 
 @-webkit-keyframes rotate-rev {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes rotate-rev {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
 
  .loading-area .outside-container  svg  text textPath tspan{
   animation: leftToRight 15s linear infinite 0s;
   -ms-animation: leftToRight 15s linear infinite 0s;
   -webkit-animation: leftToRight 15s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
 }
  .loading-area .outside-container  svg  text textPath tspan:nth-child(1) {
   animation-delay: 0s;
   -ms-animation-delay: 0s;
   -webkit-animation-delay: 0s;
 }
  .loading-area .outside-container  svg  text textPath tspan:nth-child(2) {
   animation-delay: 3s;
   -ms-animation-delay: 3s;
   -webkit-animation-delay: 3s;
 }
 
  .loading-area .outside-container  svg  text textPath tspan:nth-child(3) {
   animation-delay: 6s;
   -ms-animation-delay: 6s;
   -webkit-animation-delay: 6s;
 }
 
  .loading-area .outside-container  svg  text textPath tspan:nth-child(4) {
   animation-delay: 9s;
   -ms-animation-delay: 9s;
   -webkit-animation-delay: 9s;
 }
 
  .loading-area .outside-container  svg  text textPath tspan:nth-child(5) {
   animation-delay: 12s;
   -ms-animation-delay: 12s;
   -webkit-animation-delay: 12s;
 }
 
 /*leftToRight Animation*/
 @-webkit-keyframes leftToRight {
   0% {
     opacity: 0;
   }
   5% {
     opacity: 0;
  
   }
   10% {
     opacity: 1;
    
   }
   25% {
     opacity: 1;
    
   }
   30% {
     opacity: 0;
    
   }
   80% {
     opacity: 0;
   }
   100% {
     opacity: 0;
   }
 }