body {
  padding: 0;
  margin: 0;
}
.pre-load {
  font-family: 'Open Sans', sans-serif;
  background: #f3f2f7;
  height: 100vh;
  text-align: center;
}
.pre-load .logo {
  height: 80px;
  margin-top: 80px;
  padding: 20px;
  background-color: #034da2;
}
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center;
}
.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes loading-icon-o {
  0%    { opacity: 1; transform: translate(0 0) }
 49.99% { opacity: 1; transform: translate(30px,0) }
 50%    { opacity: 0; transform: translate(60px,0) }
100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes loading-icon {
  0% { transform: translate(0,0) }
 50% { transform: translate(30px,0) }
100% { transform: translate(0,0) }
}
.loading-icon div {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
top: 30px;
left: 10px;
}
.loading-icon div:nth-child(1) {
background: #e55f00;
animation: loading-icon 1s linear infinite;
animation-delay: -0.5s;
}
.loading-icon div:nth-child(2) {
background: #045288;
animation: loading-icon 1s linear infinite;
animation-delay: 0s;
}
.loading-icon div:nth-child(3) {
background: #e55f00;
animation: loading-icon-o 1s linear infinite;
animation-delay: -0.5s;
}
.loadingio-spinner-dual-ball {
width: 60px;
height: 60px;
display: inline-block;
overflow: hidden;
background: none;
}
.loading-icon {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.loading-icon div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.loading-overlay {
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.loading-wrap {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.loading-wrap .logo {
display: block;
}
/* generated by https://loading.io/ */

.loading-overlay {
 /* background-color: #131d36; */
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loading-wrap {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading-wrap .logo {
  display: block;
  background-color: transparent;
}