.page__loader {
   position: fixed;
   background: white;
   z-index: 1010;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   text-align: center;
}
.page__loader svg {
  max-height: 600px;
  height: 80vh;
  width: auto;
  display: block;
  margin: 0 auto;
  max-width: 90%;
  height: auto;
}
.page__loader svg .maintext {
  opacity: 0;
  -webkit-animation: fadelogo 0.6s ease-in 2s forwards;
          animation: fadelogo 0.6s ease-in 2s forwards;
}
.page__loader svg #path6 {
  opacity: 0;
  -webkit-animation: fadelogo 0.36s ease-in 2.75s forwards;
          animation: fadelogo 0.36s ease-in 2.75s forwards;
}

.page__loader svg #path12,
.page__loader svg #path16,
.page__loader svg #path14 {
  opacity: 0;
  -webkit-animation: fadelogo 1.2s ease-in .6s forwards;
          animation: fadelogo 1.2s ease-in .6s forwards;
}
.page__loader svg #path10,
.page__loader svg #path8 {
  opacity: 0;
  -webkit-animation: fadelogo 1.2s ease-in .6s forwards;
          animation: fadelogo 1.2s ease-in .6s forwards;
}



.page__loader svg .intline {
  stroke-dasharray: 2000 !important;
  stroke-dashoffset: 2000;
  -webkit-animation: fillline 1.6s ease-in-out 3.56s forwards;
          animation: fillline 1.6s ease-in-out 3.56s forwards;
}

@-webkit-keyframes fadelogo {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadelogo {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-webkit-keyframes fillline {
  0%{ stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}

@keyframes fillline {
  0%{ stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}