@charset "utf-8";
/* CSS Document */

/*	Notes

	Author: Chen-Jen Chiou
	v1.0 | 20160628

	From: http://loading.io/
*/



<!--
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-moz-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-ms-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-moz-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-o-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
.uil-magnify-css {
  background: none;
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
.uil-magnify-css .outer-circle {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 30px;
  left: 30px;
  border: 15px solid #629c1a;
  border-radius: 60px;
}
.uil-magnify-css .inner-circle {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 45px;
  left: 45px;
  background: #ffffff;
  border-radius: 30px;
}
.uil-magnify-css .grip {
  position: absolute;
  width: 24px;
  height: 60px;
  top: 100px;
  left: 118px;
  border-radius: 20px;
  background: #629c1a;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.uil-magnify-css .group {
  -ms-animation: uil-magnify-move 1s linear infinite;
  -moz-animation: uil-magnify-move 1s linear infinite;
  -webkit-animation: uil-magnify-move 1s linear infinite;
  -o-animation: uil-magnify-move 1s linear infinite;
  animation: uil-magnify-move 1s linear infinite;
}



@-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }.uil-default-css > div:nth-of-type(1){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(2){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.4166666666666667s;animation-delay: -0.4166666666666667s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(3){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.33333333333333337s;animation-delay: -0.33333333333333337s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(4){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(5){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(6){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.08333333333333331s;animation-delay: -0.08333333333333331s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(7){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(8){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.08333333333333337s;animation-delay: 0.08333333333333337s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(9){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(10){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(11){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.33333333333333337s;animation-delay: 0.33333333333333337s;}.uil-default-css { position: relative;background:none;}.uil-default-css > div:nth-of-type(12){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.41666666666666663s;animation-delay: 0.41666666666666663s;}.uil-default-css { position: relative;background:none;}