@charset "utf-8";

/* **************************************************

  loading
  
************************************************** */
#loading {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 100000;
  position: fixed;
  -webkit-transition: opacity 0.5s ease-out 0.5s;
  -moz-transition: opacity 0.5s ease-out 0.5s;
  -ms-transition: opacity 0.5s ease-out 0.5s;
  -o-transition: opacity 0.5s ease-out 0.5s;
  transition: opacity 0.5s ease-out 0.5s;
}
#loading .animation {
  width: 20px;
  margin-left: -10px;
  margin-top: -36px;
  position: absolute;
  left: 50%;
  top: 50%;
}
#loading .animation .ball {
  font-size: 24px;
  color: #0088d0;
  width: 24px;
  height: 24px;
  z-index: 2;
  position: absolute;
  top: -6px;
  left: 3px;
  -webkit-animation: animation 1s ease-in-out infinite;
  animation: animation 1s ease-in-out infinite;
}
#loading .animation .shadow {
  background: #005aa2;
  width: 30px;
  height: 16px;
  position: absolute;
  border-radius: 15px / 8px;
  -webkit-animation: animation-shadow 1s infinite;
  animation: animation-shadow 1s infinite;
}
#loading.hide {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

@-webkit-keyframes animation {
0%  { -webkit-transform: scaleY(0.5); }
20% { -webkit-transform: translate(0,-40px); }
35% { -webkit-transform: translate(0,-45px) scaleY(1.4); }
90% { -webkit-transform: translate(0,-50px) scaleY(1.5); }
95% { -webkit-transform: translate(0,-40px); }
}

@keyframes animation {
0%   { transform: scaleY(0.5); }
20%  { transform: translate(0,-40px) scaleY(1.3); }
35%  { transform: translate(0,-45px) scaleY(1.4); }
90%  { transform: translate(0,-50px) scaleY(1.5); }
95%  { transform: translate(0,-40px) scaleY(1.4); }
100% { transform: scaleY(0.6); }
}

@-webkit-keyframes animation-shadow {
70%  { -webkit-transform: scale(0.5); opacity: 0.5; }
100% { -webkit-transform: scale(0.4); opacity: 0.4; }
}

@keyframes animation-shadow {
70%  { transform: scale(0.5); opacity: 0.5; }
100% { transform: scale(0.4); opacity: 0.4; }
}