ionic-framework/bundles/ionic.md.css

An advanced HTML5 mobile app framework built on Angular2

/*! Ionic: Material Design */
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
audio,
canvas,
progress,
video {
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

b,
strong {
  font-weight: bold; }

img {
  border: 0;
  max-width: 100%; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 1px;
  border-width: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

label,
input,
select,
textarea {
  line-height: normal;
  font-family: inherit; }

textarea {
  height: auto;
  overflow: auto;
  font: inherit;
  color: inherit; }

form,
input,
optgroup,
select {
  color: inherit;
  font: inherit;
  margin: 0; }

html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button {
  border: 0;
  line-height: 1;
  font-family: inherit;
  font-variant: inherit;
  font-style: inherit;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer; }

a[disabled],
button[disabled]
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

html {
  width: 100%;
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

ion-app,
ion-nav,
ion-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

ion-navbar-section {
  display: block;
  width: 100%;
  min-height: 50px; }

ion-content-section {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  width: 100%;
  height: 100%; }

ion-page {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  ion-page.show-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

ion-content {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

scroll-content {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position; }

ion-tabbar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 50px; }

ion-tab-section {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

ion-page.tab-subpage {
  position: fixed;
  z-index: 10; }

ion-navbar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 50px;
  z-index: 10; }

ion-navbar-section ion-navbar.toolbar {
  position: absolute; }

ion-toolbar {
  display: block;
  width: 100%; }

ion-toolbar[position=bottom] {
  bottom: 0;
  z-index: 10; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.css-scrollbars ::-webkit-scrollbar {
  width: 9px; }

.css-scrollbars ::-webkit-scrollbar-thumb:vertical {
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid transparent;
  border-radius: 20px;
  background-clip: padding-box;
  min-height: 10px; }

.css-scrollbars ::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid transparent;
  border-radius: 20px;
  background-clip: padding-box;
  min-height: 10px; }

html {
  font-size: 62.5%; }

a {
  background-color: transparent; }

.enable-hover a:hover {
  opacity: 0.7; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.2;
  margin-top: 1.6rem;
  margin-bottom: 1rem; }

[padding] h1:first-child, [padding] h2:first-child, [padding] h3:first-child, [padding] h4:first-child, [padding] h5:first-child, [padding] h6:first-child {
  margin-top: -0.3rem; }

h1 + h2,
h1 + h3,
h2 + h3 {
  margin-top: -0.3rem; }

h1 {
  font-size: 2.6rem;
  margin-top: 2rem; }

h2 {
  font-size: 2.4rem;
  margin-top: 1.8rem; }

h3 {
  font-size: 2.2rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.8rem; }

h6 {
  font-size: 1.6rem; }

small {
  font-size: 75%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

[text-left] {
  text-align: left; }

[text-center] {
  text-align: center; }

[text-right] {
  text-align: right; }

[text-justify] {
  text-align: justify; }

[text-nowrap] {
  white-space: nowrap; }

[text-uppercase] {
  text-transform: uppercase; }

[text-lowercase] {
  text-transform: lowercase; }

[text-capitalize] {
  text-transform: capitalize; }

.no-transition {
  -webkit-transition: none !important;
  transition: none !important; }

.hide,
[hidden],
template,
root-anchor {
  display: none !important; }

[padding],
[padding] > scroll-content {
  padding: 16px; }

[padding-top] {
  padding-top: 16px; }

[padding-right] {
  padding-right: 16px; }

[padding-bottom] {
  padding-bottom: 16px; }

[padding-left] {
  padding-left: 16px; }

[padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px; }

[padding-horizontal] {
  padding-right: 16px;
  padding-left: 16px; }

[no-padding] {
  padding: 0; }

[margin],
[margin] > scroll-content {
  margin: 16px; }

[margin-top] {
  margin-top: 16px; }

[margin-right] {
  margin-right: 16px; }

[margin-bottom] {
  margin-bottom: 16px; }

[margin-left] {
  margin-left: 16px; }

[margin-vertical] {
  margin-top: 16px;
  margin-bottom: 16px; }

[margin-horizontal] {
  margin-right: 16px;
  margin-left: 16px; }

[no-margin] {
  margin: 0; }

:focus,
:active {
  outline: none; }

.focus-outline :focus {
  outline-offset: -1px;
  outline: thin dotted; }

.focus-outline button:focus,
.focus-outline [button]:focus {
  border-color: #51a7e8;
  box-shadow: 0px 0px 8px 0px #51a7e8;
  outline: thin solid #51a7e8; }

.focus-outline ion-input.input-has-focus,
.focus-outline button[ion-item]:focus,
.focus-outline a[ion-item]:focus {
  border-color: #51a7e8;
  box-shadow: inset 0px 0px 8px 0px #51a7e8 !important; }

.focus-outline ion-input :focus {
  outline: none; }

focus-ctrl {
  position: fixed; }
  focus-ctrl input,
  focus-ctrl button {
    position: fixed;
    top: 1px;
    width: 9px;
    left: -9999px;
    z-index: 9999;
    pointer-events: none; }

.backdrop {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.01;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

click-block {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0px, -100%, 0px);
  transform: translate3d(0px, -100%, 0px);
  -webkit-transform: translate3d(0px, calc(-100% + 1px), 0px);
  transform: translate3d(0px, calc(-100% + 1px), 0px); }

.click-block-active {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

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

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

ion-loading-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: auto;
  font-family: 'Ionicons';
  font-size: 128px;
  color: #666666;
  -webkit-animation: rotation 45s infinite linear;
  animation: rotation 45s infinite linear; }
  ion-loading-icon:before {
    content: "\f44e"; }

ion-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  width: 100%; }
  ion-row[wrap] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  ion-row[flush] {
    padding: 0; }
  ion-row[top] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  ion-row[bottom] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; }
  ion-row[center] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  ion-row[stretch] {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  ion-row[baseline] {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }

ion-row + ion-row {
  margin-top: -5px;
  padding-top: 0; }

ion-col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 5px;
  width: 100%; }
  ion-col[top] {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  ion-col[bottom] {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  ion-col[center] {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
  ion-col[stretch] {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch; }
  ion-col[baseline] {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline; }

/* Column Offsets */
ion-col[offset-10] {
  margin-left: 10%; }

ion-col[offset-20] {
  margin-left: 20%; }

ion-col[offset-25] {
  margin-left: 25%; }

ion-col[offset-33], ion-col[offset-34] {
  margin-left: 33.3333%; }

ion-col[offset-50] {
  margin-left: 50%; }

ion-col[offset-66], ion-col[offset-67] {
  margin-left: 66.6666%; }

ion-col[offset-75] {
  margin-left: 75%; }

ion-col[offset-80] {
  margin-left: 80%; }

ion-col[offset-90] {
  margin-left: 90%; }

/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
ion-col[width-10] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%; }

ion-col[width-20] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

ion-col[width-25] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

ion-col[width-33], ion-col[width-34] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

ion-col[width-50] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

ion-col[width-66], ion-col[width-67] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 66.6666%; }

ion-col[width-75] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

ion-col[width-80] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%; }

ion-col[width-90] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%; }

/* Responsive Grid Classes */
/* Adding a class of responsive-X to a row */
/* will trigger the width-direction to */
/* change to column and add some margin */
/* to any columns in the row for clearity */
@media (max-width: 567px) {
  [responsive-sm] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    [responsive-sm] ion-col[width-10], [responsive-sm] ion-col[width-20], [responsive-sm] ion-col[width-25], [responsive-sm] ion-col[width-33], [responsive-sm] ion-col[width-34], [responsive-sm] ion-col[width-50], [responsive-sm] ion-col[width-66], [responsive-sm] ion-col[width-67], [responsive-sm] ion-col[width-75], [responsive-sm] ion-col[width-80], [responsive-sm] ion-col[width-90] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

@media (max-width: 767px) {
  [responsive-md] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    [responsive-md] ion-col[width-10], [responsive-md] ion-col[width-20], [responsive-md] ion-col[width-25], [responsive-md] ion-col[width-33], [responsive-md] ion-col[width-34], [responsive-md] ion-col[width-50], [responsive-md] ion-col[width-66], [responsive-md] ion-col[width-67], [responsive-md] ion-col[width-75], [responsive-md] ion-col[width-80], [responsive-md] ion-col[width-90] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

@media (max-width: 1023px) {
  [responsive-lg] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    [responsive-lg] ion-col[width-10], [responsive-lg] ion-col[width-20], [responsive-lg] ion-col[width-25], [responsive-lg] ion-col[width-33], [responsive-lg] ion-col[width-34], [responsive-lg] ion-col[width-50], [responsive-lg] ion-col[width-66], [responsive-lg] ion-col[width-67], [responsive-lg] ion-col[width-75], [responsive-lg] ion-col[width-80], [responsive-lg] ion-col[width-90] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

ion-icon {
  display: inline-block;
  font-size: 1.2em; }

ion-icon[small] {
  font-size: 1.1em; }

ion-infinite-scroll {
  display: block;
  width: 100%; }

ion-infinite-scroll-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center; }

.infinite-loading {
  width: 100%;
  margin: 0px 0px 32px 0px; }

.infinite-loading-text {
  margin: 4px 32px 0 32px;
  color: #666; }

ion-infinite-scroll-content[state=disabled] .infinite-loading {
  display: none; }

ion-menu {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 304px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translate3d(-9999px, 0px, 0px);
  transform: translate3d(-9999px, 0px, 0px); }

ion-menu[side=right] {
  right: 0;
  left: auto; }

ion-menu .backdrop {
  z-index: -1;
  display: none; }

.menu-content {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
  pointer-events: none; }

@media (max-width: 340px) {
  ion-menu {
    width: 264px; } }

ion-menu[type=reveal].show-menu {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

ion-menu[type=overlay] {
  z-index: 80;
  left: -8px; }
  ion-menu[type=overlay] .backdrop {
    display: block;
    -webkit-transform: translate3d(-9999px, 0px, 0px);
    transform: translate3d(-9999px, 0px, 0px);
    opacity: 0.01;
    left: -3000px;
    width: 6000px; }
    ion-menu[type=overlay] .backdrop.show-backdrop {
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px); }

ion-menu[type=overlay][side=right] {
  left: 8px; }

ion-menu[type=push][side=right] {
  left: 0px; }

ion-page.modal {
  z-index: 1000;
  -webkit-transform: translate3d(0px, 100%, 0px);
  transform: translate3d(0px, 100%, 0px); }

ion-refresher {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 60px;
  display: none; }
  ion-refresher.refresher-active {
    display: block; }

.has-refresher > scroll-content {
  -webkit-transition: all 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: all 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  border-top: 1px solid #ddd;
  margin-top: -1px; }

ion-refresher-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; }

.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%; }

.refresher-pulling-icon,
.refresher-refreshing-icon {
  text-align: center;
  color: #000;
  font-size: 30px;
  -webkit-transition: 200ms;
  transition: 200ms;
  -webkit-transform-origin: center;
  transform-origin: center; }

.refresher-pulling-text,
.refresher-refreshing-text {
  text-align: center;
  color: #000;
  font-size: 16px; }

ion-refresher-content[state=pulling] .refresher-pulling {
  display: block; }

ion-refresher-content[state=ready] .refresher-pulling {
  display: block; }

ion-refresher-content[state=ready] .refresher-pulling-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

ion-refresher-content[state=refreshing] .refresher-refreshing {
  display: block; }

ion-refresher-content[state=cancelling] .refresher-pulling {
  display: block; }

ion-refresher-content[state=cancelling] .refresher-pulling-icon {
  -webkit-transform: scale(0);
  transform: scale(0); }

ion-refresher-content[state=completing] .refresher-refreshing {
  display: block; }

ion-refresher-content[state=completing] .refresher-refreshing-icon {
  -webkit-transform: scale(0);
  transform: scale(0); }

ion-scroll {
  position: relative;
  display: block; }
  ion-scroll.scroll-x scroll-content {
    overflow-x: auto; }
  ion-scroll.scroll-y scroll-content {
    overflow-y: auto; }
  ion-scroll[center] scroll-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  ion-scroll scroll-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position; }

ion-swipe-slides {
  display: block;
  width: 100%;
  height: 100%; }

/**
 * Swiper 3.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: August 22, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 20px;
  left: 0;
  width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Cube */
.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

ion-slides {
  width: 100%;
  height: 100%;
  display: block; }

.slide-zoom {
  display: block;
  width: 100%;
  text-align: center; }

.swiper-container {
  width: 100%;
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.swiper-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.swiper-slide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

ion-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }

ion-spinner svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

ion-spinner.spinner-paused svg {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.spinner-ios line,
.spinner-ios-small line {
  stroke: #69717d;
  stroke-width: 4px;
  stroke-linecap: round; }

.spinner-ios svg,
.spinner-ios-small svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite; }

.spinner-bubbles circle {
  fill: black; }

.spinner-bubbles svg {
  -webkit-animation: spinner-scale-out 1s linear infinite;
  animation: spinner-scale-out 1s linear infinite; }

.spinner-circles circle {
  fill: #69717d; }

.spinner-circles svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite; }

.spinner-crescent circle {
  fill: transparent;
  stroke: black;
  stroke-width: 4px;
  stroke-dasharray: 128px;
  stroke-dashoffset: 82px; }

.spinner-crescent svg {
  -webkit-animation: spinner-rotate 1s linear infinite;
  animation: spinner-rotate 1s linear infinite; }

.spinner-dots circle {
  fill: #444;
  stroke-width: 0; }

.spinner-dots svg {
  -webkit-animation: spinner-dots 1s linear infinite;
  animation: spinner-dots 1s linear infinite;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes spinner-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes spinner-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

@keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

@-webkit-keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spinner-dots {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes spinner-dots {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

.ion-ios-add:before {
  content: "\f102"; }

.ion-ios-add-circle:before {
  content: "\f101"; }

.ion-ios-add-circle-outline:before {
  content: "\f100"; }

.ion-ios-add-outline:before {
  content: "\f102"; }

.ion-ios-alarm:before {
  content: "\f3c8"; }

.ion-ios-alarm-outline:before {
  content: "\f3c7"; }

.ion-ios-albums:before {
  content: "\f3ca"; }

.ion-ios-albums-outline:before {
  content: "\f3c9"; }

.ion-ios-alert:before {
  content: "\f104"; }

.ion-ios-alert-outline:before {
  content: "\f103"; }

.ion-ios-american-football:before {
  content: "\f106"; }

.ion-ios-american-football-outline:before {
  content: "\f105"; }

.ion-ios-analytics:before {
  content: "\f3ce"; }

.ion-ios-analytics-outline:before {
  content: "\f3cd"; }

.ion-ios-aperture:before {
  content: "\f108"; }

.ion-ios-aperture-outline:before {
  content: "\f107"; }

.ion-ios-apps:before {
  content: "\f10a"; }

.ion-ios-apps-outline:before {
  content: "\f109"; }

.ion-ios-appstore:before {
  content: "\f10c"; }

.ion-ios-appstore-outline:before {
  content: "\f10b"; }

.ion-ios-archive:before {
  content: "\f10e"; }

.ion-ios-archive-outline:before {
  content: "\f10d"; }

.ion-ios-arrow-back:before {
  content: "\f3cf"; }

.ion-ios-arrow-back-outline:before {
  content: "\f3cf"; }

.ion-ios-arrow-down:before {
  content: "\f3d0"; }

.ion-ios-arrow-down-outline:before {
  content: "\f3d0"; }

.ion-ios-arrow-dropdown:before {
  content: "\f110"; }

.ion-ios-arrow-dropdown-circle:before {
  content: "\f10f"; }

.ion-ios-arrow-dropdown-circle-outline:before {
  content: "\f10f"; }

.ion-ios-arrow-dropdown-outline:before {
  content: "\f110"; }

.ion-ios-arrow-dropleft:before {
  content: "\f112"; }

.ion-ios-arrow-dropleft-circle:before {
  content: "\f111"; }

.ion-ios-arrow-dropleft-circle-outline:before {
  content: "\f111"; }

.ion-ios-arrow-dropleft-outline:before {
  content: "\f112"; }

.ion-ios-arrow-dropright:before {
  content: "\f114"; }

.ion-ios-arrow-dropright-circle:before {
  content: "\f113"; }

.ion-ios-arrow-dropright-circle-outline:before {
  content: "\f113"; }

.ion-ios-arrow-dropright-outline:before {
  content: "\f114"; }

.ion-ios-arrow-dropup:before {
  content: "\f116"; }

.ion-ios-arrow-dropup-circle:before {
  content: "\f115"; }

.ion-ios-arrow-dropup-circle-outline:before {
  content: "\f115"; }

.ion-ios-arrow-dropup-outline:before {
  content: "\f116"; }

.ion-ios-arrow-forward:before {
  content: "\f3d1"; }

.ion-ios-arrow-forward-outline:before {
  content: "\f3d1"; }

.ion-ios-arrow-round-back:before {
  content: "\f117"; }

.ion-ios-arrow-round-back-outline:before {
  content: "\f117"; }

.ion-ios-arrow-round-down:before {
  content: "\f118"; }

.ion-ios-arrow-round-down-outline:before {
  content: "\f118"; }

.ion-ios-arrow-round-forward:before {
  content: "\f119"; }

.ion-ios-arrow-round-forward-outline:before {
  content: "\f119"; }

.ion-ios-arrow-round-up:before {
  content: "\f11a"; }

.ion-ios-arrow-round-up-outline:before {
  content: "\f11a"; }

.ion-ios-arrow-up:before {
  content: "\f3d8"; }

.ion-ios-arrow-up-outline:before {
  content: "\f3d8"; }

.ion-ios-at:before {
  content: "\f3da"; }

.ion-ios-at-outline:before {
  content: "\f3d9"; }

.ion-ios-attach:before {
  content: "\f11b"; }

.ion-ios-attach-outline:before {
  content: "\f11b"; }

.ion-ios-backspace:before {
  content: "\f11d"; }

.ion-ios-backspace-outline:before {
  content: "\f11c"; }

.ion-ios-barcode:before {
  content: "\f3dc"; }

.ion-ios-barcode-outline:before {
  content: "\f3db"; }

.ion-ios-baseball:before {
  content: "\f3de"; }

.ion-ios-baseball-outline:before {
  content: "\f3dd"; }

.ion-ios-basket:before {
  content: "\f11f"; }

.ion-ios-basket-outline:before {
  content: "\f11e"; }

.ion-ios-basketball:before {
  content: "\f3e0"; }

.ion-ios-basketball-outline:before {
  content: "\f3df"; }

.ion-ios-battery-charging:before {
  content: "\f120"; }

.ion-ios-battery-charging-outline:before {
  content: "\f120"; }

.ion-ios-battery-dead:before {
  content: "\f121"; }

.ion-ios-battery-dead-outline:before {
  content: "\f121"; }

.ion-ios-battery-full:before {
  content: "\f122"; }

.ion-ios-battery-full-outline:before {
  content: "\f122"; }

.ion-ios-beaker:before {
  content: "\f124"; }

.ion-ios-beaker-outline:before {
  content: "\f123"; }

.ion-ios-beer:before {
  content: "\f126"; }

.ion-ios-beer-outline:before {
  content: "\f125"; }

.ion-ios-bicycle:before {
  content: "\f127"; }

.ion-ios-bicycle-outline:before {
  content: "\f127"; }

.ion-ios-bluetooth:before {
  content: "\f128"; }

.ion-ios-bluetooth-outline:before {
  content: "\f128"; }

.ion-ios-boat:before {
  content: "\f12a"; }

.ion-ios-boat-outline:before {
  content: "\f129"; }

.ion-ios-body:before {
  content: "\f3e4"; }

.ion-ios-body-outline:before {
  content: "\f3e3"; }

.ion-ios-bonfire:before {
  content: "\f12c"; }

.ion-ios-bonfire-outline:before {
  content: "\f12b"; }

.ion-ios-book:before {
  content: "\f3e8"; }

.ion-ios-book-outline:before {
  content: "\f3e7"; }

.ion-ios-bookmark:before {
  content: "\f12e"; }

.ion-ios-bookmark-outline:before {
  content: "\f12d"; }

.ion-ios-bookmarks:before {
  content: "\f3ea"; }

.ion-ios-bookmarks-outline:before {
  content: "\f3e9"; }

.ion-ios-bowtie:before {
  content: "\f130"; }

.ion-ios-bowtie-outline:before {
  content: "\f12f"; }

.ion-ios-briefcase:before {
  content: "\f3ee"; }

.ion-ios-briefcase-outline:before {
  content: "\f3ed"; }

.ion-ios-browsers:before {
  content: "\f3f0"; }

.ion-ios-browsers-outline:before {
  content: "\f3ef"; }

.ion-ios-brush:before {
  content: "\f132"; }

.ion-ios-brush-outline:before {
  content: "\f131"; }

.ion-ios-bug:before {
  content: "\f134"; }

.ion-ios-bug-outline:before {
  content: "\f133"; }

.ion-ios-build:before {
  content: "\f136"; }

.ion-ios-build-outline:before {
  content: "\f135"; }

.ion-ios-bulb:before {
  content: "\f138"; }

.ion-ios-bulb-outline:before {
  content: "\f137"; }

.ion-ios-bus:before {
  content: "\f13a"; }

.ion-ios-bus-outline:before {
  content: "\f139"; }

.ion-ios-cafe:before {
  content: "\f13c"; }

.ion-ios-cafe-outline:before {
  content: "\f13b"; }

.ion-ios-calculator:before {
  content: "\f3f2"; }

.ion-ios-calculator-outline:before {
  content: "\f3f1"; }

.ion-ios-calendar:before {
  content: "\f3f4"; }

.ion-ios-calendar-outline:before {
  content: "\f3f3"; }

.ion-ios-call:before {
  content: "\f13e"; }

.ion-ios-call-outline:before {
  content: "\f13d"; }

.ion-ios-camera:before {
  content: "\f3f6"; }

.ion-ios-camera-outline:before {
  content: "\f3f5"; }

.ion-ios-car:before {
  content: "\f140"; }

.ion-ios-car-outline:before {
  content: "\f13f"; }

.ion-ios-card:before {
  content: "\f142"; }

.ion-ios-card-outline:before {
  content: "\f141"; }

.ion-ios-cart:before {
  content: "\f3f8"; }

.ion-ios-cart-outline:before {
  content: "\f3f7"; }

.ion-ios-cash:before {
  content: "\f144"; }

.ion-ios-cash-outline:before {
  content: "\f143"; }

.ion-ios-chatboxes:before {
  content: "\f3fa"; }

.ion-ios-chatboxes-outline:before {
  content: "\f3f9"; }

.ion-ios-chatbubbles:before {
  content: "\f146"; }

.ion-ios-chatbubbles-outline:before {
  content: "\f145"; }

.ion-ios-checkbox:before {
  content: "\f148"; }

.ion-ios-checkbox-outline:before {
  content: "\f147"; }

.ion-ios-checkmark:before {
  content: "\f3ff"; }

.ion-ios-checkmark-circle:before {
  content: "\f14a"; }

.ion-ios-checkmark-circle-outline:before {
  content: "\f149"; }

.ion-ios-checkmark-outline:before {
  content: "\f3ff"; }

.ion-ios-clipboard:before {
  content: "\f14c"; }

.ion-ios-clipboard-outline:before {
  content: "\f14b"; }

.ion-ios-clock:before {
  content: "\f403"; }

.ion-ios-clock-outline:before {
  content: "\f402"; }

.ion-ios-close:before {
  content: "\f406"; }

.ion-ios-close-circle:before {
  content: "\f14e"; }

.ion-ios-close-circle-outline:before {
  content: "\f14d"; }

.ion-ios-close-outline:before {
  content: "\f406"; }

.ion-ios-closed-captioning:before {
  content: "\f150"; }

.ion-ios-closed-captioning-outline:before {
  content: "\f14f"; }

.ion-ios-cloud:before {
  content: "\f40c"; }

.ion-ios-cloud-circle:before {
  content: "\f152"; }

.ion-ios-cloud-circle-outline:before {
  content: "\f151"; }

.ion-ios-cloud-done:before {
  content: "\f154"; }

.ion-ios-cloud-done-outline:before {
  content: "\f153"; }

.ion-ios-cloud-download:before {
  content: "\f408"; }

.ion-ios-cloud-download-outline:before {
  content: "\f407"; }

.ion-ios-cloud-outline:before {
  content: "\f409"; }

.ion-ios-cloud-upload:before {
  content: "\f40b"; }

.ion-ios-cloud-upload-outline:before {
  content: "\f40a"; }

.ion-ios-cloudy:before {
  content: "\f410"; }

.ion-ios-cloudy-night:before {
  content: "\f40e"; }

.ion-ios-cloudy-night-outline:before {
  content: "\f40d"; }

.ion-ios-cloudy-outline:before {
  content: "\f40f"; }

.ion-ios-code:before {
  content: "\f157"; }

.ion-ios-code-download:before {
  content: "\f155"; }

.ion-ios-code-download-outline:before {
  content: "\f155"; }

.ion-ios-code-outline:before {
  content: "\f157"; }

.ion-ios-code-working:before {
  content: "\f156"; }

.ion-ios-code-working-outline:before {
  content: "\f156"; }

.ion-ios-cog:before {
  content: "\f412"; }

.ion-ios-cog-outline:before {
  content: "\f411"; }

.ion-ios-color-fill:before {
  content: "\f159"; }

.ion-ios-color-fill-outline:before {
  content: "\f158"; }

.ion-ios-color-filter:before {
  content: "\f414"; }

.ion-ios-color-filter-outline:before {
  content: "\f413"; }

.ion-ios-color-palette:before {
  content: "\f15b"; }

.ion-ios-color-palette-outline:before {
  content: "\f15a"; }

.ion-ios-color-wand:before {
  c