html, body {
  margin: 0;
  padding: 0;
}
body.loading {
  overflow: hidden;
}
.bulls-eye {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.logo-bulls-eye {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%) !important;
}
.circle {
  border-radius: 100%;
}
.abs {
  position: absolute;
}
.main-logo-container .loading-text {
  color: #ef8000;
  margin-top: 50%;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Poppins', Arial, sans-serif;
}
.main-logo-container {
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  pointer-events: none;
}
.main-logo-container * {
  pointer-events: none;
}
body.loaded .loading-text {
  display: none;
}
body.loaded .main-logo-container {
  transform: translate3d(0, 0, 0) scale(1.3, 1.3);
  opacity: 0;
}
.main-logo-wrapper {
  display: inline-block;
  position: relative;
}
body.loading .main-logo-wrapper {
  width: 100px;
  height: 100px;
}
@media(min-width: 200px) {
  body.loading .main-logo-wrapper { width: 120px; height: 120px }
  .main-logo-container .loading-text { margin-top: 100px; }
}
@media(min-width: 300px) {
  body.loading .main-logo-wrapper { width: 150px; height: 150px }
  .main-logo-container .loading-text { margin-top: 100px; }
}
@media(min-width: 400px) {
  body.loading .main-logo-wrapper { width: 206px; height: 206px }
  .main-logo-container .loading-text { margin-top: 100px; }
}
.main-logo-wrapper .logo-frame {
  display: block;
  width: 100%;
}
.main-logo-wrapper .logo-circle-border {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #ef8000;
}
.main-logo-wrapper .logo-circle-inside {
  width: 76%;
  height: 76%;
  background: white;
}
.main-logo-wrapper .logo-white-stripe {
  right: -3%;
  top: 39.5%;
  background: white;
  width: 29%;
  height: 11%;
}
.main-logo-wrapper .logo-orange-stripe {
  right: 5%;
  top: 50%;
  background: #ef8000;
  width: 29%;
  height: 11%;
}
.main-logo-wrapper .logo-orange-stripe-cutoff {
  width: 63%;
  height: 63%;
  background: white;
  top: 18.5%;
  left: 18.5%;
}
.main-logo-wrapper .logo-eye-circle-1 {
  width: 56%;
  height: 56%;
  background: #82b5ee;
  background: radial-gradient(circle at center, #82b5ee 0%, #82b5ee 60%, #041221 100%);
}
.main-logo-wrapper .logo-eye-circle-2 {
  width: 40%;
  height: 40%;
  background: #4179dc;
  background: radial-gradient(ellipse at center, #4179dc 0%, #4179dc 60%, #000 100%);
}
.main-logo-wrapper .logo-eye-circle-3 {
  width: 28%;
  height: 28%;
  background: black;
}
.main-logo-wrapper .logo-eye-glow-1 {
  width: 13%;
  height: 13%;
  background: white;
  top: 31%;
  left: 33%;
}
.main-logo-wrapper .logo-eye-glow-2 {
  width: 8%;
  height: 8%;
  background: white;
  top: 47%;
  left: 32%;
}

/* Override the path to flags.png for intl-tel-input */
.iti-flag {background-image: url("/assets/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("/assets/img/flags@2x.png");}
}

/* Make loader bg default to dark mode there */
html, body, #loaderBg {
  background: #241a30 !important;
}