.preloader {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index:10000;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  background:#fff;
  transition:.3s all ease
}
.preloader.loaded {
  opacity:0;
  visibility:hidden
}
.preloader-body {
  text-align:center
}
.preloader-body p {
  position:relative;
  right:-8px;
  top:10px
}
#circular3dG {
  position:relative;
  width:75px;
  height:75px;
  margin:auto
}
.circular3dG {
  position:absolute;
  background-color:#764ebe;
  width:21px;
  height:21px;
  border-radius:23px;
  -o-border-radius:23px;
  -ms-border-radius:23px;
  -webkit-border-radius:23px;
  -moz-border-radius:23px;
  animation-name:bounce_circular3dG;
  -o-animation-name:bounce_circular3dG;
  -ms-animation-name:bounce_circular3dG;
  -webkit-animation-name:bounce_circular3dG;
  -moz-animation-name:bounce_circular3dG;
  animation-duration:932ms;
  -o-animation-duration:932ms;
  -ms-animation-duration:932ms;
  -webkit-animation-duration:932ms;
  -moz-animation-duration:932ms;
  animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-direction:normal;
  -o-animation-direction:normal;
  -ms-animation-direction:normal;
  -webkit-animation-direction:normal;
  -moz-animation-direction:normal
}
#circular3d_1G {
  left:30px;
  top:5px;
  animation-delay:.3495s;
  -o-animation-delay:.3495s;
  -ms-animation-delay:.3495s;
  -webkit-animation-delay:.3495s;
  -moz-animation-delay:.3495s
}
#circular3d_2G {
  left:46px;
  top:18px;
  animation-delay:466ms;
  -o-animation-delay:466ms;
  -ms-animation-delay:466ms;
  -webkit-animation-delay:466ms;
  -moz-animation-delay:466ms
}
#circular3d_3G {
  left:55px;
  top:34px;
  animation-delay:.5825s;
  -o-animation-delay:.5825s;
  -ms-animation-delay:.5825s;
  -webkit-animation-delay:.5825s;
  -moz-animation-delay:.5825s
}
#circular3d_4G {
  left:51px;
  top:50px;
  animation-delay:699ms;
  -o-animation-delay:699ms;
  -ms-animation-delay:699ms;
  -webkit-animation-delay:699ms;
  -moz-animation-delay:699ms
}
#circular3d_5G {
  left:31px;
  top:55px;
  animation-delay:.8155s;
  -o-animation-delay:.8155s;
  -ms-animation-delay:.8155s;
  -webkit-animation-delay:.8155s;
  -moz-animation-delay:.8155s
}
#circular3d_6G {
  left:6px;
  top:36px;
  animation-delay:932ms;
  -o-animation-delay:932ms;
  -ms-animation-delay:932ms;
  -webkit-animation-delay:932ms;
  -moz-animation-delay:932ms
}
#circular3d_7G {
  left:0;
  top:10px;
  animation-delay:1.0485s;
  -o-animation-delay:1.0485s;
  -ms-animation-delay:1.0485s;
  -webkit-animation-delay:1.0485s;
  -moz-animation-delay:1.0485s
}
#circular3d_8G {
  left:13px;
  top:0;
  animation-delay:1.165s;
  -o-animation-delay:1.165s;
  -ms-animation-delay:1.165s;
  -webkit-animation-delay:1.165s;
  -moz-animation-delay:1.165s
}
@keyframes bounce_circular3dG {
  0% {
    transform:scale(1)
  }
  100% {
    transform:scale(.3)
  }
}
@-o-keyframes bounce_circular3dG {
  0% {
    -o-transform:scale(1)
  }
  100% {
    -o-transform:scale(.3)
  }
}
@-ms-keyframes bounce_circular3dG {
  0% {
    -ms-transform:scale(1)
  }
  100% {
    -ms-transform:scale(.3)
  }
}
@-webkit-keyframes bounce_circular3dG {
  0% {
    -webkit-transform:scale(1)
  }
  100% {
    -webkit-transform:scale(.3)
  }
}
@-moz-keyframes bounce_circular3dG {
  0% {
    -moz-transform:scale(1)
  }
  100% {
    -moz-transform:scale(.3)
  }
}
.ie-panel {
  display: none;
  background: #212121;
  padding: 10px 0;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
  clear: both;
  text-align:center;
  position: relative;
  z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
  display: block;
}