html, body {
  height: 100%;
}
.loader-container {
  /*display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;*/

  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: fixed;
  background: rgba(128,128,128,0.4);
  z-index: 999;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;

}
.spinner {
  width: 150px;
  height: 150px;
  position: absolute;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}
.spinner circle {
  /*stroke-dasharray: 180;*/
  stroke-dasharray: 40;
  stroke-dashoffset: 0;
  stroke-width: 2;
  -webkit-transform-origin: center;
          transform-origin: center;
  stroke: #fd5004;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite;
          animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite;
}
.icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon img{
	margin: 0;
    padding: 0;
    height: auto;
    max-width: 100%;
    min-width: 80px;
}
.icon svg {
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

@-webkit-keyframes rotator {
0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(260deg);
          transform: rotate(260deg);
}
}

@keyframes rotator {
0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(260deg);
          transform: rotate(260deg);
}
}
@-webkit-keyframes dash {
0% {
  stroke-dashoffset: 180;
}
50% {
  stroke-dashoffset: 45;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
100% {
  stroke-dashoffset: 180;
  -webkit-transform: rotate(450deg);
          transform: rotate(450deg);
}
}
@keyframes dash {
0% {
  stroke-dashoffset: 180;
}
50% {
  stroke-dashoffset: 45;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
100% {
  stroke-dashoffset: 180;
  -webkit-transform: rotate(450deg);
          transform: rotate(450deg);
}
}
@-webkit-keyframes colors {
0% {
  stroke: #fd5004;
}
50% {
  stroke: #fd5004;
}
100% {
  stroke: #fd5004;
}
}
@keyframes colors {
0% {
    stroke: #fd5004;
}
50% {
    stroke: #fd5004;
}
100% {
    stroke: #fd5004;
}
}