active_frontend 1.0.0

data/vendor/assets/stylesheets/placeholder.scss

@@ -0,0 +1,44 @@
+/* Table of Contents
+==================================================
+# Placeholder
+# Media Queries */
+
+/* # Placeholder
+================================================== */
+.placeholder { text-align: center; }
+.placeholder i {
+  background: rgba(15,135,226,1);
+  border-radius: 500px;
+  color: rgba(255,255,255,1);
+  display: inline-block;
+  font-size: 86px;
+  height: 120px;
+  line-height: 130px;
+  width: 120px;
+}
+.placeholder-large i {
+  background: transparent;
+  color: rgba(15,135,226,0.60);
+  display: inline-block;
+  font-size: 256px;
+  height: initial;
+  line-height: 0;
+  width: initial;
+}
+.placeholder-divider {
+  background: rgba(245,248,250,1);
+  border-radius: 500px;
+  height: 8px;
+  margin: 20px auto;
+  width: 50%;
+}
+
+/* # Media Queries
+================================================== */
+@media only screen and (max-width: 767px) {
+  .placeholder-divider { width: 75%; }
+  .placeholder-large i {
+    font-size: 196px;
+    line-height: 196px;
+  }
+}

data/vendor/assets/stylesheets/popover.scss

@@ -0,0 +1,117 @@
+/* Table of Contents
+==================================================
+# Popover */
+
+/* # Popover
+================================================== */
+.popover {
+  background-clip: padding-box;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(225,232,237,1);
+  display: none;
+  float: none;
+  font-style: normal;
+  letter-spacing: 0;
+  left: 0;
+  position: absolute;
+  text-decoration: none;
+   text-transform: none;
+       text-align: left;
+  top: 0;
+  width: 276px;
+  white-space: normal;
+  z-index: 1060;
+}
+.popover.top { margin-top: -10px; }
+.popover.right { margin-left: 10px; }
+.popover.bottom { margin-top: 10px; }
+.popover.left { margin-left: -10px; }
+.popover-title {
+  background: rgba(245,248,250,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
+  color: rgba(43,50,53,1);
+  font-weight: bold;
+    font-size: 14px;
+  letter-spacing: 0;
+  line-height: 18px;
+  margin: 0;
+  padding: 10px 15px;
+}
+.popover-title:empty { display: none; }
+.popover-content {
+  background: rgba(255,255,255,1);
+  color: rgba(43,50,53,1);
+  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
+  font-weight: normal;
+    font-size: 14px;
+  letter-spacing: 0;
+  line-height: 20px;
+  padding: 10px 15px;
+}
+.popover .arrow,
+.popover .arrow:after {
+  border-color: transparent;
+  border-style: solid;
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+.popover .arrow { border-width: 11px; }
+.popover .arrow:after {
+  border-width: 10px;
+  content: "";
+}
+.popover.top .arrow {
+  border-bottom-width: 0;
+     border-top-color: rgba(235,238,240,1);
+  bottom: -11px;
+  left: 50%;
+  margin-left: -11px;
+}
+.popover.top .arrow:after {
+  border-bottom-width: 0;
+     border-top-color: rgba(255,255,255,1);
+  bottom: 1px;
+  margin-left: -10px;
+}
+.popover.right .arrow {
+  border-right-color: rgba(235,238,240,1);
+   border-left-width: 0;
+  left: -11px;
+  margin-top: -11px;
+  top: 50%;
+}
+.popover.right .arrow:after {
+  border-right-color: rgba(255,255,255,1);
+   border-left-width: 0;
+  bottom: -10px;
+  left: 1px;
+}
+.popover.bottom .arrow {
+  border-bottom-color: rgba(235,238,240,1);
+     border-top-width: 0;
+  left: 50%;
+  margin-left: -11px;
+  top: -11px;
+}
+.popover.bottom .arrow:after {
+  border-bottom-color: rgba(255,255,255,1);
+     border-top-width: 0;
+  margin-left: -10px;
+  top: 1px;
+}
+.popover.left .arrow {
+  border-right-width: 0;
+   border-left-color: rgba(235,238,240,1);
+  margin-top: -11px;
+  right: -11px;
+  top: 50%;
+}
+.popover.left .arrow:after {
+  border-right-width: 0;
+   border-left-color: rgba(255,255,255,1);
+  bottom: -10px;
+  right: 1px;
+}

data/vendor/assets/stylesheets/progress.scss

@@ -0,0 +1,43 @@
+/* Table of Contents
+==================================================
+# Progress */
+
+/* # Progress
+================================================== */
+@-webkit-keyframes progressBarStripes {
+  from { background-position: 40px 0; }
+  to   { background-position: 0 0; }
+}
+@keyframes progressBarStripes {
+  from { background-position: 40px 0; }
+  to   { background-position: 0 0; }
+}
+.progress {
+  background: rgba(245,248,250,1);
+  border-radius: 500px;
+  height: 25px;
+  overflow: hidden;
+}
+.progress .bar {
+  background: rgba(15,135,226,1);
+  box-sizing: border-box;
+  color: rgba(255,255,255,1);
+  float: left;
+  font-size: 13px;
+  height: 100%;
+  -webkit-transition: width 0.6s ease;
+          transition: width 0.6s ease;
+  text-align: center;
+  width: 0;
+}
+.progress .bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+.progress .bar-striped.active {
+  -webkit-animation: progressBarStripes 2s linear infinite;
+          animation: progressBarStripes 2s linear infinite;
+}
+.progress-mini { height: 8px; }

data/vendor/assets/stylesheets/reset.scss

@@ -0,0 +1,88 @@
+/* Table of Contents
+==================================================
+# Reset */
+
+/* # Reset
+================================================== */
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+table {
+  border-collapse: collapse;
+   border-spacing: 0;
+}
+address,
+caption,
+cite,
+code,
+dfn,
+th,
+var {
+  font-weight: normal;
+   font-style: normal;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: normal;
+    font-size: 100%;
+}
+abbr,
+acronym {
+  border-bottom: 1px dotted rgba(43,50,53,1);
+  font-variant: normal;
+}
+caption,
+th { text-align: left; }
+fieldset,
+img { border: 0; }
+sup { vertical-align: text-top; }
+sub { vertical-align: text-bottom; }
+q:before,
+q:after { content: ''; }
+button,
+input,
+textarea,
+select {
+  font-family: inherit;
+  font-weight: inherit;
+    font-size: inherit;
+   *font-size: 100%;
+}
+html,
+body {
+  color: rgba(43,50,53,1);
+  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+             font-smooth: always;
+  -webkit-overflow-scrolling: touch;
+          overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+          tap-highlight-color: rgba(0,0,0,0);
+  text-rendering: optimizeLegibility;
+  -webkit-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}

data/vendor/assets/stylesheets/spinner.scss

@@ -0,0 +1,767 @@
+/* Table of Contents
+==================================================
+# Spinner */
+
+/* # Spinner
+================================================== */
+.spinner-backdrop {
+  background: rgba(56,67,81,0.8);
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1040;
+}
+.spinner {
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-backface-visibility: hidden !important;
+          backface-visibility: hidden !important;
+  -webkit-perspective: 1000;
+          perspective: 1000;
+  margin: 15% auto 0 auto;
+  position: relative;
+  text-align: center;
+}
+@-webkit-keyframes spinnerBeat {
+  0% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  28% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  70% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes spinnerBeat {
+  0% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  28% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  70% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+}
+.spinner-beat {
+  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
+          animation: spinnerBeat 1.3s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 50px;
+  width: 50px;
+}
+@-webkit-keyframes spinnerCircle {
+  0%, 80%, 100% { -webkit-transform: scale(0.0); }
+  40%           { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerCircle {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  40% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-circle {
+  height: 60px;
+  width: 60px;
+}
+.spinner-circle-container-1 > div,
+.spinner-circle-container-2 > div,
+.spinner-circle-container-3 > div {
+  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
+          animation: spinnerCircle 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+.spinner-circle .spinner-circle-container {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+.spinner-circle-container-2 {
+  -webkit-transform: rotateZ(45deg);
+          transform: rotateZ(45deg);
+}
+.spinner-circle-container-3 {
+  -webkit-transform: rotateZ(90deg);
+          transform: rotateZ(90deg);
+}
+.spinner-circle-1 {
+  left: 0;
+  top: 0;
+}
+.spinner-circle-2 {
+  right: 0;
+  top: 0;
+}
+.spinner-circle-3 {
+  bottom: 0;
+  right: 0;
+}
+.spinner-circle-4 {
+  bottom: 0;
+  left: 0;
+}
+.spinner-circle-container-2 .spinner-circle-1 {
+  -webkit-animation-delay: -1.1s;
+          animation-delay: -1.1s;
+}
+.spinner-circle-container-3 .spinner-circle-1 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+.spinner-circle-container-1 .spinner-circle-2 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+.spinner-circle-container-2 .spinner-circle-2 {
+  -webkit-animation-delay: -0.8s;
+          animation-delay: -0.8s;
+}
+.spinner-circle-container-3 .spinner-circle-2 {
+  -webkit-animation-delay: -0.7s;
+          animation-delay: -0.7s;
+}
+.spinner-circle-container-1 .spinner-circle-3 {
+  -webkit-animation-delay: -0.6s;
+          animation-delay: -0.6s;
+}
+.spinner-circle-container-2 .spinner-circle-3 {
+  -webkit-animation-delay: -0.5s;
+          animation-delay: -0.5s;
+}
+.spinner-circle-container-3 .spinner-circle-3 {
+  -webkit-animation-delay: -0.4s;
+          animation-delay: -0.4s;
+}
+.spinner-circle-container-1 .spinner-circle-4 {
+  -webkit-animation-delay: -0.3s;
+          animation-delay: -0.3s;
+}
+.spinner-circle-container-2 .spinner-circle-4 {
+  -webkit-animation-delay: -0.2s;
+          animation-delay: -0.2s;
+}
+.spinner-circle-container-3 .spinner-circle-4 {
+  -webkit-animation-delay: -0.1s;
+          animation-delay: -0.1s;
+}
+@-webkit-keyframes spinnerChaseRotate {
+  100% { -webkit-transform: rotate(360deg) }
+}
+@keyframes spinnerChaseRotate {
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes spinnerChaseBounce {
+  0%, 100% { -webkit-transform: scale(0.0); }
+  50%      { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerChaseBounce {
+  0%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  50% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-chase {
+  -webkit-animation: spinnerChaseRotate 2.0s infinite linear;
+          animation: spinnerChaseRotate 2.0s infinite linear;
+  height: 60px;
+  width: 60px;
+}
+.spinner-chase-1,
+.spinner-chase-2 {
+  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+          animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 60%;
+  position: absolute;
+  top: 0;
+  width: 60%;
+}
+.spinner-chase-2 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+  bottom: 0;
+  top: auto;
+}
+@-webkit-keyframes spinnerCrescent {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes spinnerCrescent {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.spinner-crescent {
+  -webkit-animation: spinnerCrescent 1.2s infinite linear;
+          animation: spinnerCrescent 1.2s infinite linear;
+  border: 9px solid rgba(255,255,255,1);
+  border-right-color: transparent;
+  border-radius: 500px;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 60px;
+  width: 60px;
+}
+@-webkit-keyframes spinnerCube {
+  0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); }
+  35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0); }
+}
+@keyframes spinnerCube {
+  0%, 70%, 100% {
+    -webkit-transform:scale3D(1.0, 1.0, 1.0);
+        -ms-transform:scale3D(1.0, 1.0, 1.0);
+            transform:scale3D(1.0, 1.0, 1.0);
+  }
+  35%           {
+    -webkit-transform:scale3D(0.0, 0.0, 1.0);
+        -ms-transform:scale3D(0.0, 0.0, 1.0);
+            transform:scale3D(0.0, 0.0, 1.0);
+  }
+}
+.spinner-cube {
+  height: 60px;
+  width: 60px;
+}
+.spinner-cube-1,
+.spinner-cube-2,
+.spinner-cube-3,
+.spinner-cube-4,
+.spinner-cube-5,
+.spinner-cube-6,
+.spinner-cube-7,
+.spinner-cube-8,
+.spinner-cube-9 {
+  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
+          animation: spinnerCube 1.3s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  float: left;
+  height: 33%;
+  width: 33%;
+}
+.spinner-cube-2,
+.spinner-cube-5,
+.spinner-cube-8 { margin: 0 -1px; }
+.spinner-cube .spinner-cube-1 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.spinner-cube .spinner-cube-2 {
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+}
+.spinner-cube .spinner-cube-3 {
+  -webkit-animation-delay: 0.4s;
+          animation-delay: 0.4s;
+}
+.spinner-cube .spinner-cube-4 {
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+}
+.spinner-cube .spinner-cube-5 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.spinner-cube .spinner-cube-6 {
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+}
+.spinner-cube .spinner-cube-7 {
+  -webkit-animation-delay: 0.0s;
+          animation-delay: 0.0s;
+}
+.spinner-cube .spinner-cube-8 {
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+}
+.spinner-cube .spinner-cube-9 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+@-webkit-keyframes spinnerDoubleBounce {
+  0%, 100% { -webkit-transform: scale(0.0); }
+  50%      { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerDoubleBounce {
+  0%, 100% {
+
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  50% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-double-bounce {
+  height: 60px;
+  width: 60px;
+}
+.spinner-double-bounce-1,
+.spinner-double-bounce-2 {
+  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+          animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 50%;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 100%;
+  left: 0;
+  opacity: 0.85;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.spinner-double-bounce-2 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+@-webkit-keyframes spinnerFlower {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  }
+  50% {
+    -webkit-transform: rotate(1080deg);
+        -ms-transform: rotate(1080deg);
+            transform: rotate(1080deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px;
+  }
+}
+@keyframes spinnerFlower {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  }
+  50% {
+    -webkit-transform: rotate(1080deg);
+        -ms-transform: rotate(1080deg);
+            transform: rotate(1080deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px;
+  }
+}
+.spinner-flower {
+  -webkit-animation: spinnerFlower 5s infinite ease-in-out;
+          animation: spinnerFlower 5s infinite ease-in-out;
+  background: rgba(71,74,84,1);
+  border-radius: 500px;
+  box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  height: 24px;
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  width: 24px;
+}
+@-webkit-keyframes spinnerOrbit {
+  0%   { -webkit-transform: rotate(0); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes spinnerOrbit {
+  0% {
+    -webkit-transform: rotate(0);
+        -ms-transform: rotate(0);
+            transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.spinner-orbit {
+  -webkit-animation: spinnerOrbit 1s linear infinite;
+          animation: spinnerOrbit 1s linear infinite;
+  border: 1px solid rgba(255,255,255,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  height: 60px;
+  width: 60px;
+}
+.spinner-orbit-1 {
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 20px;
+  width: 20px;
+}
+@-webkit-keyframes spinnerPulse {
+  0% { -webkit-transform: scale(0.0) }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(1.0);
+  }
+}
+@keyframes spinnerPulse {
+  0% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-pulse {
+  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
+          animation: spinnerPulse 1.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 60px;
+  width: 60px;
+}
+@-webkit-keyframes spinnerRotatingPlane {
+  0%   { -webkit-transform: perspective(120px); }
+  50%  { -webkit-transform: perspective(120px) rotateY(180deg); }
+  100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
+}
+@keyframes spinnerRotatingPlane {
+  0% {
+    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+        -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+        -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+  }
+  100% {
+    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+        -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+  }
+}
+.spinner-rotating-plane {
+  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+          animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 100px;
+  width: 100px;
+}
+@-webkit-keyframes spinnerTripleBounce {
+  0%, 80%, 100% { -webkit-transform: scale(0.0); }
+  40%           { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerTripleBounce {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  40% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-triple-bounce { width: 100px; }
+.spinner-triple-bounce > div {
+  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+          animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 25px;
+  width: 25px;
+}
+.spinner-triple-bounce .spinner-triple-bounce-1 {
+  -webkit-animation-delay: -0.32s;
+          animation-delay: -0.32s;
+}
+.spinner-triple-bounce .spinner-triple-bounce-2 {
+  -webkit-animation-delay: -0.16s;
+          animation-delay: -0.16s;
+}
+@-webkit-keyframes spinnerWander {
+  25%  { -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5); }
+  50%  { -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg); }
+  75%  { -webkit-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5); }
+  100% { -webkit-transform: rotate(-360deg); }
+}
+@keyframes spinnerWander {
+  25% {
+    -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5);
+        -ms-transform: translateX(50px) rotate(-90deg) scale(0.5);
+            transform: translateX(50px) rotate(-90deg) scale(0.5);
+  }
+  50% {
+    -webkit-transform: translateX(50px) translateY(50px) rotate(-179deg);
+        -ms-transform: translateX(50px) translateY(50px) rotate(-179deg);
+            transform: translateX(50px) translateY(50px) rotate(-179deg);
+  }
+  50.1% {
+    -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg);
+        -ms-transform: translateX(50px) translateY(50px) rotate(-180deg);
+            transform: translateX(50px) translateY(50px) rotate(-180deg);
+  }
+  75% {
+    -webkit-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+        -ms-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+            transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+  }
+  100% {
+    -webkit-transform: rotate(-360deg);
+        -ms-transform: rotate(-360deg);
+            transform: rotate(-360deg);
+  }
+}
+.spinner-wander {
+  height: 100px;
+  width: 100px;
+}
+.spinner-wander-1,
+.spinner-wander-2 {
+  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
+          animation: spinnerWander 1.8s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.spinner-wander-2 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+@-webkit-keyframes spinnerWave {
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
+  20%           { -webkit-transform: scaleY(1.0); }
+}
+@keyframes spinnerWave {
+  0%, 40%, 100% {
+    -webkit-transform: scaleY(0.4);
+        -ms-transform: scaleY(0.4);
+            transform: scaleY(0.4);
+  }
+  20% {
+    -webkit-transform: scaleY(1.0);
+        -ms-transform: scaleY(1.0);
+            transform: scaleY(1.0);
+  }
+}
+.spinner-wave { height: 100px; }
+.spinner-wave > div {
+  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
+          animation: spinnerWave 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 100%;
+  width: 6px;
+}
+.spinner-wave .spinner-wave-2 {
+  -webkit-animation-delay: -1.1s;
+          animation-delay: -1.1s;
+}
+.spinner-wave .spinner-wave-3 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+.spinner-wave .spinner-wave-4 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+.spinner-wave .spinner-wave-5 {
+  -webkit-animation-delay: -0.8s;
+          animation-delay: -0.8s;
+}
+@-webkit-keyframes spinnerWobbler {
+  0%  { left: 4px; }
+  3%  { left: 104px; }
+  6%  { left: 4px; }
+  9%  { left: 104px; }
+  12% { left: 4px; }
+  15% { left: 104px; }
+  18% { left: 32px; }
+  27% { left: 32px; }
+  30% { left: 104px; }
+  33% { left: 4px; }
+  36% { left: 104px; }
+  39% { left: 4px; }
+  42% { left: 104px; }
+  45% { left: 4px; }
+  48% { left: 104px; }
+  51% { left: 52px; }
+  63% { left: 52px; }
+  66% { left: 4px; }
+  69% { left: 104px; }
+  72% { left: 4px; }
+  75% { left: 104px; }
+  78% { left: 4px; }
+  81% { left: 104px; }
+  84% { left: 72px; }
+  94% { left: 72px; }
+  97% { left: 104px; }
+}
+@keyframes spinnerWobbler {
+  0%  { left: 4px; }
+  3%  { left: 104px; }
+  6%  { left: 4px; }
+  9%  { left: 104px; }
+  12% { left: 4px; }
+  15% { left: 104px; }
+  18% { left: 32px; }
+  27% { left: 32px; }
+  30% { left: 104px; }
+  33% { left: 4px; }
+  36% { left: 104px; }
+  39% { left: 4px; }
+  42% { left: 104px; }
+  45% { left: 4px; }
+  48% { left: 104px; }
+  51% { left: 52px; }
+  63% { left: 52px; }
+  66% { left: 4px; }
+  69% { left: 104px; }
+  72% { left: 4px; }
+  75% { left: 104px; }
+  78% { left: 4px; }
+  81% { left: 104px; }
+  84% { left: 72px; }
+  94% { left: 72px; }
+  97% { left: 104px; }
+}
+.spinner-wobbler {
+  border: 1px solid rgba(255,255,255,1);
+  border-radius: 500px;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 26px;
+  width: 150px;
+}
+.spinner-wobbler::after {
+  -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
+          animation: spinnerWobbler 15s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  content: '';
+  height: 20px;
+  left: 5px;
+  position: absolute;
+  top: 2px;
+  width: 20px;
+}