/*Colors*/
/*Shadows*/
/*Breakpoints*/
/* LOADING ------------------------------------------------------------------ */
.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark {
  position: relative; }
  .loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after {
    z-index: 2;
    content: '';
    height: 28px;
    width: 28px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    -webkit-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border: 2px solid rgba(150, 150, 150, 0.5);
    border-top-color: #969696; }

.icon-loading-dark:after,
.icon-loading-small-dark:after {
  border: 2px solid rgba(187, 187, 187, 0.5);
  border-top-color: #bbbbbb; }

.icon-loading-small:after,
.icon-loading-small-dark:after {
  height: 12px;
  width: 12px;
  margin: -8px 0 0 -8px; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=loading.css.map */