:root {
	--gepf-black: #000;
	--gepf-green: #94ad4f;
	--gepf-grey:#d3d3d3;
	--gepf-orange:#de6d45;
}


.spinner-loader{
	width:var(--s-loader-width);
	height:var(--s-loader-height);

	border: 5px solid var(--s-loader-border-color-trans);
	border-left-color:;
}

#loader{
	bottom:0;
	height:120px;
	left:0;
	margin:auto;
	position:absolute;
	right: 0;
	top:0;
	width:120px;
	z-index:20;
}

#loader .dot{
	bottom:0;
	height:100%;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:87.5px;
}

#loader-svg{ 
  height: 100%;
  -webkit-animation: 2.5s linear infinite svg-animation;
          animation: 2.5s linear infinite svg-animation;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

#deg0, #deg180{
  fill: var(--gepf-black); 
}

#deg45, #deg225{
  fill: var(--gepf-orange);
}

#deg90, #deg270{
  fill: var(--gepf-green);
}

#deg135, #deg315{
  fill: var(--gepf-grey);
}

#inner-circle{
  fill: var(--gepf-orange);
}

.orbiter{
  -webkit-transform-origin:50% 50%;
      -ms-transform-origin:50% 50%;
          transform-@-webkit-keyframes svg-animation{
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes svg-animation{
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}origin:50% 50%;
}

@-webkit-keyframes svg-animation{
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes svg-animation{
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}