.loading .loader-container {
  background: white;
}

.loader svg path {
  fill: #004D94;
}

.blue-page.loading .loader-container {
  background: #004D94;
}

.blue-page .loader svg path {
  fill: white;
}

.loading .loader-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10010000;
    opacity: 1;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}


body.loading .loader {
  width: 8vmax;
  height: 8vmax;

}

body.loading .loader svg{
    overflow: visible;
}

body.loading .loader svg path{
    opacity: 0;
}

body.loading .loader .main-logo-loader {
    animation: loader 2000ms linear infinite;
    transform-origin: center center;
    animation-fill-mode:forwards;
}

body.loading .loader .circle-logo-loader {
    animation: loaderCircle 2000ms linear infinite;
    transform-origin: center center;
}

body.loading_off {
    position: initial;
}

body.loading_off .loader-container {
    opacity: 0;
}

@keyframes loader {
  0% {transform:scale(0,0); opacity: 0;}
  45% {transform:scale(3,3); opacity: 1;}
  50% {transform:scale(3,3); opacity: 1;}
  55% {transform:scale(3,3); opacity: 1;}
  75% {transform:scale(1,1); opacity: 1;}
  90% {transform:scale(1,1); opacity: 1;}
  100% {transform:scale(1,1); opacity: 0;}

}

@keyframes loaderCircle {
  0% {opacity: 0;}
  44% {opacity: 0;}
  45% {opacity: 1;}
  75% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}

body.loading_off .site-grid {
 opacity: 1;
}