/** Amaze UI Touch v1.0.0-rc.2 | by Amaze UI Team
  * (c) 2016 AllMobilize, Inc., Licensed under MIT
  * 2016-07-05T14:55:43+0800
  */

[class*=animation-] {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

@media (-webkit-min-device-pixel-ratio:2) {
  .g-bordered:before, .g-bordered>.col:after, .navbar:after, .tabbar:before {
    -webkit-transform: scaleY(.5) translateZ(0);
    transform: scaleY(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3) {
  .g-bordered:before, .g-bordered>.col:after, .navbar:after, .tabbar:before {
    -webkit-transform: scaleY(.33) translateZ(0);
    transform: scaleY(.33) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:2) {
  .g-bordered>.col:before {
    -webkit-transform: scaleX(.5) translateZ(0);
    transform: scaleX(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3) {
  .g-bordered>.col:before {
    -webkit-transform: scaleX(.33) translateZ(0);
    transform: scaleX(.33) translateZ(0)
  }
}

.g-bordered, .g-bordered>.col, .navbar, .tabbar {
  position: relative
}

.g-bordered:before, .tabbar:before {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  border-top: 1px solid #d8d8d8;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

.g-bordered:before, .g-bordered>.col:after, .g-bordered>.col:before, .navbar:after, .tabbar:before {
  content: "";
  position: absolute;
  z-index: 15;
  display: block;
  box-sizing: content-box;
  background-color: transparent
}

.g-bordered>.col:after, .navbar:after {
  border-bottom: 1px solid #d8d8d8;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.g-bordered>.col:before {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  border-right: 1px solid #d8d8d8;
  width: 1px;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

.cf:after, .cf:before {
  content: " ";
  display: table
}

.cf:after {
  clear: both
}

.card-body .accordion, .card-body .list, .card-body .tabs {
  margin: -1.25rem -.9375rem
}

.item-header, .tabbar-label, .tabs-nav .btn, .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

button, input, optgroup, select, textarea {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block
}

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

progress, sub, sup {
  vertical-align: baseline
}

[hidden], template {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #0e90d2;
  text-decoration: none
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle
}

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

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

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box
}

optgroup {
  font-weight: 700
}

button, hr, input {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

input {
  line-height: normal
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

body, html {
  height: 100%;
  font-size: 100%
}

html {
  box-sizing: border-box
}

*, :after, :before {
  box-sizing: inherit
}

* {
  outline: none;
  /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  background: -webkit-linear-gradient(top, transparent, transparent);
  background: linear-gradient(to bottom, transparent, transparent)*/
}

body {
  background: #f4f4f4;
  color: #333;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

label {
  -webkit-appearance: none;
  display: block;
  font-size: 1rem;
  margin-bottom: .5rem;
  color: #333
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object {
  max-width: none!important
}

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

.g.g-collapse .col, body, td, th {
  padding: 0
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .3s ease;
  transition: height .3s ease
}

address, blockquote, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0 0 1rem
}

address:last-child, blockquote:last-child, dl:last-child, fieldset:last-child, figure:last-child, hr:last-child, ol:last-child, p:last-child, pre:last-child, ul:last-child {
  margin-bottom: 0
}

*+address, *+blockquote, *+dl, *+fieldset, *+figure, *+hr, *+ol, *+p, *+pre, *+ul {
  margin-top: 1rem
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #222;
  margin: 0 0 1rem;
  line-height: 1.2
}

h1 {
  font-size: 1.5rem
}

h2 {
  font-size: 1.375rem
}

h3 {
  font-size: 1.25rem
}

h4 {
  font-size: 1.125rem
}

h5 {
  font-size: 1rem
}

h6 {
  font-size: .875rem
}

*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
  margin-top: 1.5em
}

dl, ol, p, ul {
  line-height: 1.6
}

p {
  font-size: 1rem
}

dl, ol, ul {
  padding: 0
}

ol, ul {
  padding-left: 2em
}

ol li ol, ol li ul, ul li ol, ul li ul {
  margin-bottom: 0;
  margin-top: 0
}

dl dt {
  margin-bottom: .625rem;
  font-weight: 700
}

dl dd {
  margin: 0 0 .75rem;
  font-size: .9375rem
}

blockquote {
  font-family: Georgia, "Times New Roman", Times, SimSimSun, serif;
  padding: .625rem .625rem .625rem .9375rem;
  border-left: 3px solid #ddd
}

blockquote cite, blockquote small {
  display: block;
  font-size: .8125rem;
  color: #555
}

blockquote cite a, blockquote cite a:visited, blockquote small a, blockquote small a:visited {
  color: #555
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0;
  height: 0
}

.responsive-img {
  max-width: 100%;
  height: auto;
  display: block
}

@-webkit-keyframes amt-spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes amt-spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes amt-fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes amt-fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes amt-fade-out {
  to {
    opacity: 0
  }
}

@keyframes amt-fade-out {
  to {
    opacity: 0
  }
}

@-webkit-keyframes amt-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes amt-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes amt-slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes amt-slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes amt-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes amt-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes amt-slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes amt-slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes amt-slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes amt-slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes amt-shake {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px)
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px)
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
  }
}

@keyframes amt-shake {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px)
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px)
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
  }
}

@-webkit-keyframes amt-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes amt-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes amt-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes amt-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

[class*=animation-] {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animation-spin {
  -webkit-animation-name: amt-spin;
  animation-name: amt-spin
}

.animation-fade-in {
  -webkit-animation-name: amt-fade-in;
  animation-name: amt-fade-in
}

.animation-fade-out {
  -webkit-animation-name: amt-fade-out;
  animation-name: amt-fade-out
}

.animation-slide-top {
  -webkit-animation-name: amt-slide-top;
  animation-name: amt-slide-top
}

.animation-slide-bottom {
  -webkit-animation-name: amt-slide-bottom;
  animation-name: amt-slide-bottom
}

.animation-slide-left {
  -webkit-animation-name: amt-slide-left;
  animation-name: amt-slide-left
}

.animation-slide-right {
  -webkit-animation-name: amt-slide-right;
  animation-name: amt-slide-right
}

.animation-slide-top-fixed {
  -webkit-animation-name: amt-slide-top-fixed;
  animation-name: amt-slide-top-fixed
}

.animation-slide-bottom-fixed {
  -webkit-animation-name: amt-slide-bottom-fixed;
  animation-name: amt-slide-bottom-fixed
}

.animation-scale-up {
  -webkit-animation-name: amt-scale-up;
  animation-name: amt-scale-up
}

.animation-scale-down {
  -webkit-animation-name: amt-scale-down;
  animation-name: amt-scale-down
}

.container-fill {
  height: 100%
}

.container-column>.container-fill, .container-fill>.container-fill, .container-row>.container-fill {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  position: relative
}

.container-column, .container-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.container-row {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: auto
}

.container-row>.container-fill {
  height: auto;
  width: auto
}

.container-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end
}

.container-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.container-direction-column>.container-align-center {
  text-align: center
}

.container-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start
}

.container-justified {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.container-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.container-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.container-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.container-scrollable {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.container-scrollable:after, .container-scrollable:before {
  content: "";
  height: 1px;
  position: absolute;
  width: 1px
}

.container-scrollable:before {
  bottom: -1px
}

.container-scrollable:after {
  top: -1px
}

.g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.g .g {
  margin-left: -.625rem;
  margin-right: -.625rem
}

[class*=g-avg-] {
  overflow: visible;
  list-style: none
}

[class*=g-avg-]>.col, [class*=g-avg-]>div, [class*=g-avg-]>li {
  padding: .625rem
}

.fb-legacy-flexbox [class*=g-avg-]>.col, .fb-legacy-flexbox [class*=g-avg-]>div, .fb-legacy-flexbox [class*=g-avg-]>li {
  display: inline-block
}

.g-wrap, [class*=g-avg-] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.g-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.g-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.g-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.g-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.g-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.g-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: .625rem;
  padding-right: .625rem
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.fb-legacy-flexbox .col-1 {
  width: 16.66667%
}

.col-offset-1 {
  margin-left: 16.66667%
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.g-avg-1>.col, .g-avg-1>div, .g-avg-1>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.fb-legacy-flexbox .g-avg-1>.col, .fb-legacy-flexbox .g-avg-1>div, .fb-legacy-flexbox .g-avg-1>li {
  width: 100%
}

.g-avg-1.g-bordered>.col:nth-of-type(1n):before, .g-avg-1>div:nth-of-type(1n):before, .g-avg-1>li:nth-of-type(1n):before, .g-avg-2.g-bordered>.col:nth-of-type(2n):before, .g-avg-2>div:nth-of-type(2n):before, .g-avg-2>li:nth-of-type(2n):before, .g-avg-3.g-bordered>.col:nth-of-type(3n):before, .g-avg-3>div:nth-of-type(3n):before, .g-avg-3>li:nth-of-type(3n):before, .g-avg-4.g-bordered>.col:nth-of-type(4n):before, .g-avg-4>div:nth-of-type(4n):before, .g-avg-4>li:nth-of-type(4n):before, .g-avg-5.g-bordered>.col:nth-of-type(5n):before, .g-avg-5>div:nth-of-type(5n):before, .g-avg-5>li:nth-of-type(5n):before, .g-avg-6.g-bordered>.col:nth-of-type(6n):before, .g-avg-6>div:nth-of-type(6n):before, .g-avg-6>li:nth-of-type(6n):before {
  display: none
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.fb-legacy-flexbox .col-2 {
  width: 33.33333%
}

.col-offset-2 {
  margin-left: 33.33333%
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.col-3, .g-avg-2>.col, .g-avg-2>div, .g-avg-2>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.fb-legacy-flexbox .col-3, .fb-legacy-flexbox .g-avg-2>.col, .fb-legacy-flexbox .g-avg-2>div, .fb-legacy-flexbox .g-avg-2>li {
  width: 50%
}

.col-offset-3 {
  margin-left: 50%
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.col-4, .g-avg-3>.col, .g-avg-3>div, .g-avg-3>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.fb-legacy-flexbox .g-avg-3>.col, .fb-legacy-flexbox .g-avg-3>div, .fb-legacy-flexbox .g-avg-3>li {
  width: 33.33333%
}

.col-4 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.fb-legacy-flexbox .col-4 {
  width: 66.66667%
}

.col-offset-4 {
  margin-left: 66.66667%
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.col-5, .g-avg-4>.col, .g-avg-4>div, .g-avg-4>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.fb-legacy-flexbox .g-avg-4>.col, .fb-legacy-flexbox .g-avg-4>div, .fb-legacy-flexbox .g-avg-4>li {
  width: 25%
}

.col-5 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.fb-legacy-flexbox .col-5 {
  width: 83.33333%
}

.col-offset-5 {
  margin-left: 83.33333%
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.col-6, .g-avg-5>.col, .g-avg-5>div, .g-avg-5>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}

.fb-legacy-flexbox .g-avg-5>.col, .fb-legacy-flexbox .g-avg-5>div, .fb-legacy-flexbox .g-avg-5>li {
  width: 20%
}

.col-6 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.fb-legacy-flexbox .col-6 {
  width: 100%
}

.col-offset-6 {
  margin-left: 100%
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.g-avg-6>.col, .g-avg-6>div, .g-avg-6>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.fb-legacy-flexbox .g-avg-6>.col, .fb-legacy-flexbox .g-avg-6>div, .fb-legacy-flexbox .g-avg-6>li {
  width: 16.66667%
}

.col-shrink {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: visible
}

.group {
  margin: 1.876rem 0
}

.group .list {
  margin: 0
}

.group-body {
  display: block;
  padding: .9375rem;
  background: #fff
}

.group-no-padded .group-body {
  padding: 0
}

.group-footer, .group-header {
  padding: .3125rem .9375rem;
  color: #6d6d72;
  font-size: .875rem
}

.badge {
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  cursor: default;
  min-width: 1.5rem;
  font-size: .8rem;
  padding: .33333rem .5rem;
  background: #e6e6e6;
  border-radius: 0;
  color: #333
}

.badge-primary {
  background: #0e90d2;
  border-radius: 0;
  color: #fff
}

.badge-secondary {
  background: #3bb4f2;
  border-radius: 0;
  color: #fff
}

.badge-success {
  background: #5eb95e;
  border-radius: 0;
  color: #fff
}

.badge-warning {
  background: #f37b1d
}

.badge-alert, .badge-dark, .badge-warning {
  border-radius: 0;
  color: #fff
}

.badge-alert {
  background: #dd514c
}

.badge-dark {
  background: #393939
}

.badge-radius {
  border-radius: 4px
}

.badge-rounded {
  border-radius: 1000px
}

.doc-content .badge {
  margin: 5px
}

.btn {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: .25s ease-out;
  transition: .25s ease-out;
  vertical-align: middle;
  padding: .75em 1em;
  margin: 0 1rem 1rem 0;
  border-radius: 0;
  font-size: 1rem;
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #333
}

.btn:only-child {
  margin-bottom: 0
}

.btn:focus {
  outline: none
}

.btn-group .btn {
  border-color: #c4c4c4
}

.btn.active, .btn:active, .btn:hover {
  background: #c4c4c4;
  border-color: #c4c4c4;
  color: #333
}

.btn.disabled, .btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none
}

.btn-block {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.btn-primary {
  background: #0e90d2;
  border: 1px solid #0e90d2;
  color: #fff
}

.btn-group .btn-primary {
  border-color: #0c7ab3
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover {
  background: #0c7ab3;
  border-color: #0c7ab3;
  color: #fff
}

.btn-secondary {
  background: #3bb4f2;
  border: 1px solid #3bb4f2;
  color: #fff
}

.btn-group .btn-secondary {
  border-color: #10a4ef
}

.btn-secondary.active, .btn-secondary:active, .btn-secondary:hover {
  background: #10a4ef;
  border-color: #10a4ef;
  color: #fff
}

.btn-success {
  background: #5eb95e;
  border: 1px solid #5eb95e;
  color: #fff
}

.btn-group .btn-success {
  border-color: #48a548
}

.btn-success.active, .btn-success:active, .btn-success:hover {
  background: #48a548;
  border-color: #48a548;
  color: #fff
}

.btn-warning {
  background: #f37b1d;
  border: 1px solid #f37b1d;
  color: #fff
}

.btn-group .btn-warning {
  border-color: #dc670c
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover {
  background: #dc670c;
  border-color: #dc670c;
  color: #fff
}

.btn-alert {
  background: #dd514c;
  border: 1px solid #dd514c;
  color: #fff
}

.btn-group .btn-alert {
  border-color: #d42e28
}

.btn-alert.active, .btn-alert:active, .btn-alert:hover {
  background: #d42e28;
  border-color: #d42e28;
  color: #fff
}

.btn-dark {
  background: #393939;
  border: 1px solid #393939;
  color: #fff
}

.btn-group .btn-dark {
  border-color: #303030
}

.btn-dark.active, .btn-dark:active, .btn-dark:hover {
  background: #303030;
  border-color: #303030;
  color: #fff
}

.btn-xs {
  font-size: .75rem
}

.btn-sm {
  font-size: .875rem
}

.btn-lg {
  font-size: 1.125rem
}

.btn-xl {
  font-size: 1.25rem
}

.btn-hollow {
  background: 0 0;
  border: 1px solid #888;
  color: #888
}

.btn-hollow.active, .btn-hollow:active {
  background: #888;
  color: #fff
}

.btn-hollow.btn-primary {
  border: 1px solid #0e90d2;
  color: #0e90d2
}

.btn-hollow.btn-primary.active, .btn-hollow.btn-primary:active {
  background: #0e90d2;
  color: #fff
}

.btn-hollow.btn-secondary {
  border: 1px solid #3bb4f2;
  color: #3bb4f2
}

.btn-hollow.btn-secondary.active, .btn-hollow.btn-secondary:active {
  background: #3bb4f2;
  color: #fff
}

.btn-hollow.btn-success {
  border: 1px solid #5eb95e;
  color: #5eb95e
}

.btn-hollow.btn-success.active, .btn-hollow.btn-success:active {
  background: #5eb95e;
  color: #fff
}

.btn-hollow.btn-warning {
  border: 1px solid #f37b1d;
  color: #f37b1d
}

.btn-hollow.btn-warning.active, .btn-hollow.btn-warning:active {
  background: #f37b1d;
  color: #fff
}

.btn-hollow.btn-alert {
  border: 1px solid #dd514c;
  color: #dd514c
}

.btn-hollow.btn-alert.active, .btn-hollow.btn-alert:active {
  background: #dd514c;
  color: #fff
}

.btn-hollow.btn-dark {
  border: 1px solid #393939;
  color: #393939
}

.btn-hollow.btn-dark.active, .btn-hollow.btn-dark:active {
  background: #393939;
  color: #fff
}

.btn-radius {
  border-radius: 4px
}

.btn-rounded {
  border-radius: 1000px
}

.btn-group {
  margin: 0 0 1rem;
  list-style-type: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  font-size: 1rem
}

.btn-group>.btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  margin: 0
}

.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
  z-index: 2
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.btn-toolbar .btn-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.btn-toolbar, .btn-toolbar>.btn, .btn-toolbar>.btn-group {
  margin-left: -.3125rem
}

.btn-group-stacked {
  display: inline-block
}

.btn-group-stacked>.btn, .btn-group-stacked>.btn-group, .btn-group-stacked>.btn-group>.btn {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: block;
  width: 100%;
  max-width: 100%
}

.btn-group-stacked>.btn+.btn, .btn-group-stacked>.btn+.btn-group, .btn-group-stacked>.btn-group+.btn-group, .btn-group-stacked>.btn-group+.btnbtn {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.btn-group-justify>.btn, .btn-group-justify>.btn-group {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@font-face {
  font-family: Ratchicons;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/ratchicons.woff) format("woff"), url(fonts/ratchicons.ttf) format("truetype"), url(fonts/ratchicons.svg#svgFontName) format("svg")
}

.icon {
  display: inline-block;
  font-family: Ratchicons, sans-serif;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn .icon {
  font-size: inherit
}

.icon-back:before {
  content: "\e80a"
}

.icon-bars:before {
  content: "\e80e"
}

.icon-caret:before {
  content: "\e80f"
}

.icon-check:before {
  content: "\e810"
}

.icon-close:before {
  content: "\e811"
}

.icon-code:before {
  content: "\e812"
}

.icon-compose:before {
  content: "\e813"
}

.icon-download:before {
  content: "\e815"
}

.icon-edit:before {
  content: "\e829"
}

.icon-forward:before {
  content: "\e82a"
}

.icon-gear:before {
  content: "\e821"
}

.icon-home:before {
  content: "\e82b"
}

.icon-info:before {
  content: "\e82c"
}

.icon-list:before {
  content: "\e823"
}

.icon-more-vertical:before {
  content: "\e82e"
}

.icon-more:before {
  content: "\e82f"
}

.icon-pages:before {
  content: "\e824"
}

.icon-pause:before {
  content: "\e830"
}

.icon-person:before {
  content: "\e832"
}

.icon-play:before {
  content: "\e816"
}

.icon-plus:before {
  content: "\e817"
}

.icon-refresh:before {
  content: "\e825"
}

.icon-search:before {
  content: "\e819"
}

.icon-share:before {
  content: "\e81a"
}

.icon-sound:before {
  content: "\e827"
}

.icon-sound2:before {
  content: "\e828"
}

.icon-sound3:before {
  content: "\e80b"
}

.icon-sound4:before {
  content: "\e80c"
}

.icon-star-filled:before {
  content: "\e81b"
}

.icon-star:before {
  content: "\e81c"
}

.icon-stop:before {
  content: "\e81d"
}

.icon-trash:before {
  content: "\e81e"
}

.icon-up-nav:before {
  content: "\e81f"
}

.icon-up:before {
  content: "\e80d"
}

.icon-right-nav:before {
  content: "\e818"
}

.icon-right:before {
  content: "\e826"
}

.icon-down-nav:before {
  content: "\e814"
}

.icon-down:before {
  content: "\e820"
}

.icon-left-nav:before {
  content: "\e82d"
}

.icon-left:before {
  content: "\e822 "
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  width: 100%
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  box-sizing: border-box;
  padding: .75rem .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  background: #fff;
  color: #222;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  -webkit-transition: border .15s;
  transition: border .15s
}

input[type=color]:hover, input[type=date]:hover, input[type=datetime-local]:hover, input[type=datetime]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, textarea:hover {
  border-color: #bbb;
  background: #fff;
  color: #222
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
  outline: 0;
  border-color: #999;
  background: #fff;
  color: #222
}

input[type=date], input[type=datetime-local], input[type=datetime] {
  height: 2.625rem
}

label>input, label>select, label>textarea {
  margin-top: .5rem
}

label .field-icon {
  display: none
}

fieldset[disabled] input, fieldset[disabled] textarea, input.disabled, input[disabled], input[readonly], textarea.disabled, textarea[disabled], textarea[readonly] {
  cursor: not-allowed
}

fieldset[disabled] input, fieldset[disabled] input:hover, fieldset[disabled] textarea, fieldset[disabled] textarea:hover, input.disabled, input.disabled:hover, input[disabled], input[disabled]:hover, input[readonly], input[readonly]:hover, textarea.disabled, textarea.disabled:hover, textarea[disabled], textarea[disabled]:hover, textarea[readonly], textarea[readonly]:hover {
  background-color: #f2f2f2
}

.form-set {
  margin-bottom: .9375rem
}

.form-set>input {
  position: relative;
  top: -1px;
  border-radius: 0!important
}

.form-set>input:not(:last-of-type) {
  margin-bottom: 0
}

.form-set>input:focus {
  z-index: 2
}

.form-set>input:first-child {
  top: 1px
}

.form-set>input:last-child {
  top: -2px
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  background: #0e90d2
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  margin: 0 0 .9375rem;
  font-size: 1rem;
  line-height: normal;
  color: #222;
  border-radius: 0;
  border: 1px solid #ccc;
  background: #fafafa url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2220%22%20viewBox%3D%220%200%2032%2020%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C20%22%20style%3D%22fill%3A%20#222222%22%3E%3C/polygon%3E%3C/svg%3E) right 10px center no-repeat;
  background-size: 8px 8px;
  padding: .75rem 1.625rem .75rem .5rem
}

select:hover {
  background-color: #f0f0f0
}

input[type=range]:focus, select:focus {
  outline: 0
}

select::-ms-expand {
  display: none
}

textarea {
  height: auto;
  width: 100%;
  min-height: 5rem;
  resize: vertical
}

.field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 1rem
}

.field-group>input, .field-group>select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0
}

.field-group .field-group-label, .field-group>.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0
}

.field-group .field-group-label:first-child, .field-group>.btn:first-child {
  border-right: 0
}

.field-group .field-group-label:last-child, .field-group>.btn:last-child {
  border-left: 0
}

.field-group>.btn {
  border-color: #ccc
}

.field-group-label {
  padding-left: .5rem;
  padding-right: .5rem;
  border: 1px solid #ccc;
  background: #eee;
  color: #333
}

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin-top: .25rem;
  margin-bottom: .25rem;
  border: 0;
  line-height: 1
}

input[type=range]::-webkit-slider-runnable-track {
  height: 1rem;
  background: #ddd
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #0e90d2;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -.25rem;
  border: none
}

input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 1rem;
  background: #ccc
}

input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  background: #0e90d2;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -.25rem
}

input[type=range]::-ms-track {
  height: 1rem;
  background: #ddd;
  color: transparent;
  border: 0;
  overflow: visible;
  border-top: .25rem solid #f4f4f4;
  border-bottom: .25rem solid #f4f4f4
}

input[type=range]::-ms-thumb {
  background: #0e90d2;
  width: 1.5rem;
  height: 1.5rem;
  border: 0
}

input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: #ddd
}

.field-container input[type=range] {
  margin-top: .75rem;
  margin-bottom: 1.25rem
}

output {
  line-height: 1.5rem;
  vertical-align: middle;
  margin-left: .5em
}

.card-footer, .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.75rem;
  padding: .625rem .9375rem
}

.card {
  margin: .625rem .9375rem;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  background: #fff;
  color: #333
}

.card-header {
  border-bottom: 1px solid #eee
}

.card-cover {
  background-size: cover;
  background-position: center;
  min-height: 10rem;
  color: #f2f2f2
}

.card-cover.card-header {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end
}

.card-cover .card-title {
  color: inherit
}

.card-title {
  font-size: 1rem;
  margin: 0
}

.card-body {
  padding: 1.25rem .9375rem;
  line-height: 1.6
}

.accordion, .card-footer {
  border-top: 1px solid #eee
}

.card-footer {
  font-size: .875rem;
  color: #888
}

.accordion {
  margin: .9375rem 0;
  background: #fff
}

.card-body .accordion {
  border-top: none
}

.card-body .accordion .accordion-item:last-child {
  border-bottom: none
}

.accordion-item {
  margin: 0;
  border-bottom: 1px solid #eee
}

.accordion-item.active .accordion-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: .625rem .9375rem;
  font-weight: 400;
  cursor: pointer
}

.accordion-title:active, .item-linked>a:active {
  background: #eee
}

.accordion-item.disabled .accordion-title {
  cursor: default;
  pointer-events: none
}

.accordion-title .accordion-icon {
  display: block;
  font-size: 1.25rem;
  color: rgba(136, 136, 136, .45);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.accordion-body {
  margin: 0!important;
  padding: 0!important;
  border: none!important
}

.accordion-content {
  padding: 0 .9375rem .625rem;
  font-size: .9375rem;
  color: #555
}

.accordion-inset {
  margin-left: .9375rem;
  margin-right: .9375rem
}

.item, .item-linked>a, .item-main, .item-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.list {
  margin:  1.875rem 0;
  padding: 0;
  list-style: none;
  background: #fff
}

.item {
  padding: .625rem .9375rem;
  min-height: 2.75rem;
  margin-bottom: -1px;
  border: 1px solid #e6e6e6;
  border-width: 1px 0
}

.card-body .item:first-child {
  border-top: none
}

.card-body .item:last-child {
  border-bottom: none
}

.item-header {
  min-height: 0;
  padding: .1875rem .9375rem;
  border-top: 1px solid #e6e6e6;
  background: #f7f7f7;
  color: #888
}

.item-linked {
  padding: 0
}

.item-linked>a {
  width: 100%;
  padding: .625rem .46875rem .625rem .9375rem;
  color: #222
}

.item-input input, .item-input textarea, .item-main, .item-title, .item-title-row {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.item-title-row~[class*=item-] {
  margin-top: .3125rem
}

.item-title {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 500
}

.item-icon {
  color: rgba(136, 136, 136, .45);
  font-size: 1.25rem
}

.item-after {
  color: #888;
  margin-left: .3125rem
}

.item-after+.icon {
  margin-left: .1875rem
}

.item-subtitle {
  color: #555
}

.item-desc {
  font-size: .875rem;
  color: #888;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3em;
  max-height: 2.6em
}

.item-content .item-main {
  display: block
}

.item-media+.item-main {
  margin-left: .625rem
}

.item-input {
  padding-top: 0;
  padding-bottom: 0
}

.item-checkbox, .item-input, .item-radio {
  border-color: #ddd
}

.item-checkbox .field-container, .item-input .field-container, .item-radio .field-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0
}

.item-input .field-label {
  display: block;
  width: 35%
}

.item-input input, .item-input input:focus, .item-input input:hover, .item-input textarea, .item-input textarea:focus, .item-input textarea:hover {
  margin: 0;
  padding: .8125rem 0;
  border: none
}

.item-checkbox, .item-radio {
  padding: 0
}

.item-checkbox .field-container, .item-radio .field-container {
  padding: 0 .9375rem
}

.item-checkbox .field-container:active, .item-radio .field-container:active {
  background: #eee
}

.item-checkbox .field-label, .item-radio .field-label {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: .8125rem 0;
  line-height: normal
}

.item-checkbox input, .item-radio input {
  display: none
}

.item-checkbox input+.field-icon, .item-radio input+.field-icon {
  display: none;
  overflow: hidden;
  border-radius: .625rem;
  color: #0e90d2;
  font-size: 1.25rem
}

.item-checkbox input:checked+.field-icon, .item-radio input:checked+.field-icon {
  display: block
}

.item-checkbox .field-icon {
  background: #0e90d2;
  color: #fff!important
}

.list-inset {
  margin-left: .9375rem;
  margin-right: .9375rem
}

.loader {
  display: inline-block;
  text-align: center
}

.loader>div {
  width: 16px;
  height: 16px;
  background-color: #888;
  display: inline-block;
  -webkit-animation: amt-bouncedelay 1.4s infinite ease-in-out both;
  animation: amt-bouncedelay 1.4s infinite ease-in-out both
}

.loader>div+div {
  margin-left: 5px
}

.loader .loader-bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.loader .loader-bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes amt-bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes amt-bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.loader-rounded>div {
  border-radius: 100%
}

.loader-primary>div {
  background-color: #0e90d2
}

.loader-secondary>div {
  background-color: #3bb4f2
}

.loader-success>div {
  background-color: #5eb95e
}

.loader-warning>div {
  background-color: #f37b1d
}

.loader-alert>div {
  background-color: #dd514c
}

.loader-dark>div {
  background-color: #393939
}

.loader-white>div {
  background-color: #fff
}

.modal {
  position: fixed;
  z-index: 1010;
  left: 50%;
  top: 50%;
  width: 270px;
  text-align: center;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.modal:focus {
  outline: 0
}

.modal-inner {
  position: relative;
  background: #f8f8f8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-animation: amt-modal-in .3s ease-out;
  animation: amt-modal-in .3s ease-out
}

.modal-out .modal-inner {
  -webkit-animation-name: amt-modal-out;
  animation-name: amt-modal-out
}

@-webkit-keyframes amt-modal-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
  }
}

@keyframes amt-modal-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
  }
}

@-webkit-keyframes amt-modal-out {
  to {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
  }
}

@keyframes amt-modal-out {
  to {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
  }
}

.modal-header {
  padding: .9375rem .625rem
}

.modal-title {
  margin: 0;
  font-weight: 500;
  font-size: 1.125rem
}

.modal-icon, .popup-icon {
  position: absolute;
  right: .3125rem;
  top: .3125rem;
  color: rgba(136, 136, 136, .5);
  cursor: pointer
}

.modal-icon:active, .popup-icon:active {
  color: #555;
  background: #eee
}

.modal-body {
  padding: .9375rem .625rem;
  text-align: center
}

.modal-header+.modal-body {
  padding-top: 0
}

.modal-body+.modal-body {
  margin-top: 5px
}

.modal-body input[type=text] {
  padding-top: .5em;
  padding-bottom: .5em
}

.modal-body>:last-child {
  margin-bottom: 0!important
}

.modal-body+.modal-footer {
  border-top: 1px solid #dedede
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.modal-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  font-size: 1rem;
  line-height: 2.75rem;
  text-align: center;
  color: #0e90d2;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.modal-btn+.modal-btn {
  border-left: 1px solid #dedede
}

.modal-btn:active {
  background: #d4d4d4
}

.modal-transition-appear.modal-actions, .modal-transition-appear.popup {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.modal-transition-appear-active.modal-actions, .modal-transition-appear-active.popup {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear, -webkit-transform .3s linear
}

.modal-out.modal-actions, .modal-out.popup {
  -webkit-animation: amt-modal-transition-out .3s linear;
  animation: amt-modal-transition-out .3s linear
}

.modal-actions {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1010;
  width: 100%;
  text-align: center
}

.modal-actions .list {
  margin: 0
}

@-webkit-keyframes amt-modal-transition-out {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes amt-modal-transition-out {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.modal-actions-group {
  margin: .625rem
}

.modal-actions-header {
  color: #888;
  font-size: .875rem
}

.modal-actions-alert {
  color: #dd514c
}

.modal-actions-alert a {
  color: inherit
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  background: #fff;
  overflow: hidden
}

.modal-popup-appear-active {
  color: red!important;
  border: 1px solid red
}

.popup-inner {
  padding-top: 2.75rem;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.popup-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 2.75rem;
  border-bottom: 1px solid #dedede;
  background-color: #fff
}

.popup-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.popup-title {
  margin: 0 1.875rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.6875rem;
  text-align: center;
  color: #333
}

.popup-body {
  padding: .9375rem;
  background: #f8f8f8;
  color: #555
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1009;
  background: rgba(0, 0, 0, .3);
  opacity: 1;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: amt-fade-in;
  animation-name: amt-fade-in
}

.modal-backdrop.modal-backdrop-out {
  -webkit-animation-name: amt-fade-out;
  animation-name: amt-fade-out
}

.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: visible;
  height: 2.75rem;
  padding: 0 .625rem;
  line-height: 2.6875rem;
  background: #eee;
  color: #333
}

.navbar:after {
  border-color: #e2e2e2
}

.navbar-title {
  margin: 0;
  font-size: 100%;
  font-weight: 700;
  color: inherit
}

.navbar-center, .navbar-left, .navbar-right {
  display: block;
  white-space: nowrap;
  overflow: visible
}

.navbar-center:first-child:last-child, .navbar-left:first-child:last-child, .navbar-right:first-child:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0
}

.navbar-nav-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.fb-legacy-flexbox .navbar-nav-item {
  display: inline-block
}

.navbar-nav-item+.navbar-nav-item {
  margin-left: .625rem
}

.navbar-icon-sibling-of-title {
  font-size: inherit;
  line-height: normal
}

.navbar-left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}

.fb-legacy-flexbox .navbar-left {
  width: 25%
}

.navbar-left .navbar-icon {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.navbar-center, .navbar-right {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: center
}

.fb-legacy-flexbox .navbar-center {
  width: 50%
}

.navbar-right {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  text-align: right
}

.fb-legacy-flexbox .navbar-right {
  width: 25%
}

.navbar-left:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.navbar-left:first-child+.navbar-right:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.navbar-center:first-child:not(:last-child) {
  margin-left: 25%
}

.navbar-center+.navbar-left {
  margin-right: -25%
}

.navbar-primary {
  background: #0e90d2;
  color: #fff
}

.navbar-primary:after {
  border-color: #0c80ba
}

.navbar-alert .navbar-nav-item, .navbar-dark .navbar-nav-item, .navbar-primary .navbar-nav-item, .navbar-secondary .navbar-nav-item, .navbar-success .navbar-nav-item, .navbar-warning .navbar-nav-item {
  color: #f2f2f2
}

.navbar-secondary {
  background: #3bb4f2;
  color: #fff
}

.navbar-secondary:after {
  border-color: #23abf0
}

.navbar-success {
  background: #5eb95e;
  color: #fff
}

.navbar-success:after {
  border-color: #4db14d
}

.navbar-warning {
  background: #f37b1d;
  color: #fff
}

.navbar-warning:after {
  border-color: #ea6e0c
}

.navbar-alert {
  background: #dd514c;
  color: #fff
}

.navbar-alert:after {
  border-color: #d93c37
}

.navbar-dark {
  background: #393939;
  color: #fff
}

.navbar-dark:after {
  border-color: #2c2c2c
}

.notification {
  top: 0;
  left: 0;
  z-index: 1100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: .625rem 1rem;
  background: rgba(34, 34, 34, .9);
  color: #fff
}

.notification-icon {
  cursor: pointer
}

.notification-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .875rem
}

.notification-content .notification-title {
  font-size: .875rem
}

.notification-content>:first-child {
  margin-top: 0
}

.notification-content>:last-child {
  margin-bottom: 0
}

.notification-title {
  margin: 0;
  color: inherit
}

.notification-primary {
  background: rgba(14, 144, 210, .9);
  color: #fff
}

.notification-secondary {
  background: rgba(59, 180, 242, .9);
  color: #fff
}

.notification-success {
  background: rgba(94, 185, 94, .9);
  color: #fff
}

.notification-warning {
  background: rgba(243, 123, 29, .9);
  color: #fff
}

.notification-alert {
  background: rgba(221, 81, 76, .9);
  color: #fff
}

.notification-animated {
  position: absolute
}

.notification-enter {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

.notification-enter-active {
  -webkit-animation: amt-notification-enter .3s ease-in-out;
  animation: amt-notification-enter .3s ease-in-out
}

.notification-leave {
  -webkit-animation: amt-notification-leave .3s ease-in-out;
  animation: amt-notification-leave .3s ease-in-out
}

@-webkit-keyframes amt-notification-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: .5
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes amt-notification-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: .5
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes amt-notification-leave {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: .5
  }
}

@keyframes amt-notification-leave {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: .5
  }
}

.offcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1020;
  width: 60%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

.offcanvas-left {
  left: 0;
  -webkit-animation-name: offcanvas-left-in;
  animation-name: offcanvas-left-in
}

.offcanvas-left.offcanvas-out {
  -webkit-animation-name: offcanvas-left-out;
  animation-name: offcanvas-left-out
}

@-webkit-keyframes offcanvas-left-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes offcanvas-left-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes offcanvas-left-out {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes offcanvas-left-out {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.offcanvas-right {
  right: 0;
  -webkit-animation-name: offcanvas-right-in;
  animation-name: offcanvas-right-in
}

.offcanvas-right.offcanvas-out {
  -webkit-animation-name: offcanvas-right-out;
  animation-name: offcanvas-right-out
}

@-webkit-keyframes offcanvas-right-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes offcanvas-right-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes offcanvas-right-out {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes offcanvas-right-out {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.with-offcanvas-closing .offcanvas-push-target, .with-offcanvas-left .offcanvas-push-target, .with-offcanvas-right .offcanvas-push-target {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.with-offcanvas-left .offcanvas-push-target {
  -webkit-transform: translate3d(16.875rem, 0, 0);
  transform: translate3d(16.875rem, 0, 0)
}

.with-offcanvas-right .offcanvas-push-target {
  -webkit-transform: translate3d(-16.875rem, 0, 0);
  transform: translate3d(-16.875rem, 0, 0)
}

.with-offcanvas-closing .offcanvas-push-target {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 15rem;
  margin: 0;
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-name: amt-slide-top-fixed;
  animation-name: amt-slide-top-fixed
}

.popover-out {
  -webkit-animation-name: amt-popover-out;
  animation-name: amt-popover-out
}

@-webkit-keyframes amt-popover-out {
  to {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}

@keyframes amt-popover-out {
  to {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}

.popover-inner {
  position: relative;
  z-index: 110;
  background: #fff;
  padding: 8px
}

.popover-angle, .popover-angle:after {
  border-width: 8px;
  position: absolute;
  z-index: 120;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover-angle:after {
  content: "";
  border-width: 7px
}

.popover-angle-bottom {
  bottom: 0;
  border-top-color: #ddd;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
  border-bottom-width: 0
}

.popover-angle-bottom:after {
  border-top-color: #fff;
  bottom: 1px;
  border-bottom-width: 0
}

.popover-angle-top {
  top: 0;
  border-bottom-color: #ddd;
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
  border-top-width: 0
}

.popover-angle-top:after {
  top: 1px;
  border-bottom-color: #fff;
  border-top-width: 0
}

.popover-angle-bottom:after, .popover-angle-top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.popover-angle-left {
  left: 0;
  border-right-color: #ddd;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  border-left-width: 0
}

.popover-angle-left:after {
  border-right-color: #fff;
  top: -7px;
  left: 1px;
  border-left-width: 0
}

.popover-angle-right {
  right: 0;
  border-left-color: #ddd;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  border-right-width: 0
}

.popover-angle-right:after {
  border-left-color: #fff;
  top: -7px;
  right: 1px;
  border-right-width: 0
}

.slider, .slider-slides {
  position: relative
}

.slider ol, .slider ul {
  list-style: none;
  padding: 0
}

.slider-slides {
  width: 100%;
  overflow: hidden;
  margin: 0
}

.slider-slides>li {
  position: relative;
  display: none;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px
}

.slider-slides>li>a>img, .slider-slides>li>img {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1
}

.slider-slides>li.active.right, .slider-slides>li.next {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.slider-slides>li.active.left, .slider-slides>li.prev {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.slider-slides>li.active, .slider-slides>li.next.left, .slider-slides>li.prev.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slider-slides>.active, .slider-slides>.next, .slider-slides>.prev {
  display: block
}

.slider-slides>.active {
  left: 0
}

.slider-slides>.next, .slider-slides>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.slider-control-next, .slider-control-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  border-radius: 50%;
  color: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer
}

.slider-control-prev {
  left: 10px
}

.slider-control-next {
  right: 10px
}

.slider-indicators, .slider-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.slider-indicators {
  position: absolute;
  bottom: .9375rem;
  left: 50%;
  z-index: 15;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  margin: 0
}

.slider-indicators li {
  display: block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer
}

.slider-indicators li+li {
  margin-left: 8px
}

.slider-indicators .active {
  background: #fff
}

.slider-thumbs {
  margin: 5px 0 0
}

.slider-thumbs li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: .75;
  cursor: pointer;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.slider-thumbs li+li {
  margin-left: 2px
}

.slider-thumbs .active {
  opacity: 1
}

.slider-caption {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  width: 100%;
  padding-top: .9375rem;
  padding-bottom: .9375rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.switch {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

.switch input[type=checkbox] {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden
}

.switch input[type=checkbox]:checked+.switch-label:after {
  -webkit-transform: translateX(1.375rem);
  transform: translateX(1.375rem)
}

.switch.disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none
}

.switch .switch-label, .switch .switch-label:after {
  background: #aaa
}

.switch .switch-label:before {
  background: #fff
}

.switch input:checked+.switch-label, .switch input:checked+.switch-label:after {
  background: #0e90d2
}

.list .switch {
  margin-bottom: 0
}

.switch-label {
  position: relative;
  display: block;
  width: 3.25rem;
  height: 1.875rem;
  border-radius: 9999px;
  -webkit-transition: background .35s;
  transition: background .35s
}

.switch-label:after, .switch-label:before {
  position: absolute;
  display: block;
  content: " ";
  -webkit-transition: all .35s;
  transition: all .35s;
  border-radius: 9999px
}

.switch-label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px
}

.switch-label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 1.375rem;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.switch-secondary input:checked+.switch-label, .switch-secondary input:checked+.switch-label:after {
  background: #3bb4f2
}

.switch-success input:checked+.switch-label, .switch-success input:checked+.switch-label:after {
  background: #5eb95e
}

.switch-warning input:checked+.switch-label, .switch-warning input:checked+.switch-label:after {
  background: #f37b1d
}

.switch-alert input:checked+.switch-label, .switch-alert input:checked+.switch-label:after {
  background: #dd514c
}

.switch-dark input:checked+.switch-label, .switch-dark input:checked+.switch-label:after {
  background: #393939
}

.tabbar, .tabbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tabbar {
  width: 100%;
  height: 3.0625rem;
  padding: 0 1rem;
  background: #e6e6e6
}

.tabbar:before {
  border-color: #d2d2d2
}

.tabbar, .tabbar a {
  color: #888
}

.tabbar>.active, .tabbar>.active a {
  color: #0e90d2
}

.tabbar-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.tabbar-item .icon {
  position: relative
}

.tabbar-item .badge {
  position: absolute;
  left: 100%;
  top: -2px;
  margin-left: -10px;
  padding: 2px 5px;
  font-size: .625rem;
  min-width: 0
}

.tabbar-item.active {
  cursor: default;
  pointer-events: none
}

.tabbar-label {
  position: relative;
  display: block;
  text-align: center
}

.icon~.tabbar-label {
  font-size: .625rem
}

.tabbar-primary {
  background: #0e90d2
}

.tabbar-primary:before {
  border-color: #0b76ac
}

.tabbar-secondary {
  background: #3bb4f2
}

.tabbar-secondary:before {
  border-color: #14a6ef
}

.tabbar-success {
  background: #5eb95e
}

.tabbar-success:before {
  border-color: #48a648
}

.tabbar-warning {
  background: #f37b1d
}

.tabbar-warning:before {
  border-color: #dc670c
}

.tabbar-alert {
  background: #dd514c
}

.tabbar-alert:before {
  border-color: #d6302a
}

.tabbar-dark {
  background: #393939
}

.tabbar-dark:before {
  border-color: #252525
}

.tabbar-alert, .tabbar-alert a, .tabbar-dark, .tabbar-dark a, .tabbar-primary, .tabbar-primary a, .tabbar-secondary, .tabbar-secondary a, .tabbar-success, .tabbar-success a, .tabbar-warning, .tabbar-warning a {
  color: #dedede
}

.tabbar-alert>.active, .tabbar-alert>.active a, .tabbar-dark>.active, .tabbar-dark>.active a, .tabbar-primary>.active, .tabbar-primary>.active a, .tabbar-secondary>.active, .tabbar-secondary>.active a, .tabbar-success>.active, .tabbar-success>.active a, .tabbar-warning>.active, .tabbar-warning>.active a {
  color: #fff
}

.tabs {
  margin: .9375rem 0;
  background: #fff
}

.tabs-nav {
  margin-bottom: 0
}

.tabs-body {
  position: relative;
  z-index: 100;
  overflow: hidden
}

.tab-panel {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
  padding: .9375rem;
  visibility: hidden;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.tab-panel.active {
  position: relative;
  z-index: 100;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.tab-panel.active~.tab-panel {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.tab-panel.tab-panel-no-padded {
  padding: 0
}

.tabs-inset {
  margin-left: .9375rem;
  margin-right: .9375rem
}

.root {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.fl {
  float: left
}

.fr {
  float: right
}

.fn {
  float: none
}

.padding-0 {
  padding: 0!important
}

.margin-0 {
  margin: 0!important
}

.padding-xs {
  padding: .3125rem!important
}

.margin-xs {
  margin: .3125rem!important
}

.padding-sm {
  padding: .625rem!important
}

.margin-sm {
  margin: .625rem!important
}

.padding {
  padding: .9375rem!important
}

.margin {
  margin: .9375rem!important
}

.padding-lg {
  padding: 1.25rem!important
}

.margin-lg {
  margin: 1.25rem!important
}

.padding-xl {
  padding: 2rem!important
}

.margin-xl {
  margin: 2rem!important
}

.padding-h-0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.margin-h-0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.padding-h-xs {
  padding-left: .3125rem!important;
  padding-right: .3125rem!important
}

.margin-h-xs {
  margin-left: .3125rem!important;
  margin-right: .3125rem!important
}

.padding-h-sm {
  padding-left: .625rem!important;
  padding-right: .625rem!important
}

.margin-h-sm {
  margin-left: .625rem!important;
  margin-right: .625rem!important
}

.padding-h {
  padding-left: .9375rem!important;
  padding-right: .9375rem!important
}

.margin-h {
  margin-left: .9375rem!important;
  margin-right: .9375rem!important
}

.padding-h-lg {
  padding-left: 1.25rem!important;
  padding-right: 1.25rem!important
}

.margin-h-lg {
  margin-left: 1.25rem!important;
  margin-right: 1.25rem!important
}

.padding-h-xl {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}

.margin-h-xl {
  margin-left: 2rem!important;
  margin-right: 2rem!important
}

.padding-v-0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.margin-v-0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.padding-v-xs {
  padding-top: .3125rem!important;
  padding-bottom: .3125rem!important
}

.margin-v-xs {
  margin-top: .3125rem!important;
  margin-bottom: .3125rem!important
}

.padding-v-sm {
  padding-top: .625rem!important;
  padding-bottom: .625rem!important
}

.margin-v-sm {
  margin-top: .625rem!important;
  margin-bottom: .625rem!important
}

.padding-v {
  padding-top: .9375rem!important;
  padding-bottom: .9375rem!important
}

.margin-v {
  margin-top: .9375rem!important;
  margin-bottom: .9375rem!important
}

.padding-v-lg {
  padding-top: 1.25rem!important;
  padding-bottom: 1.25rem!important
}

.margin-v-lg {
  margin-top: 1.25rem!important;
  margin-bottom: 1.25rem!important
}

.padding-v-xl {
  padding-top: 2rem!important;
  padding-bottom: 2rem!important
}

.margin-v-xl {
  margin-top: 2rem!important;
  margin-bottom: 2rem!important
}

.padding-top-0 {
  padding-top: 0!important
}

.margin-top-0 {
  margin-top: 0!important
}

.padding-top-xs {
  padding-top: .3125rem!important
}

.margin-top-xs {
  margin-top: .3125rem!important
}

.padding-top-sm {
  padding-top: .625rem!important
}

.margin-top-sm {
  margin-top: .625rem!important
}

.padding-top {
  padding-top: .9375rem!important
}

.margin-top {
  margin-top: .9375rem!important
}

.padding-top-lg {
  padding-top: 1.25rem!important
}

.margin-top-lg {
  margin-top: 1.25rem!important
}

.padding-top-xl {
  padding-top: 2rem!important
}

.margin-top-xl {
  margin-top: 2rem!important
}

.padding-right-0 {
  padding-right: 0!important
}

.margin-right-0 {
  margin-right: 0!important
}

.padding-right-xs {
  padding-right: .3125rem!important
}

.margin-right-xs {
  margin-right: .3125rem!important
}

.padding-right-sm {
  padding-right: .625rem!important
}

.margin-right-sm {
  margin-right: .625rem!important
}

.padding-right {
  padding-right: .9375rem!important
}

.margin-right {
  margin-right: .9375rem!important
}

.padding-right-lg {
  padding-right: 1.25rem!important
}

.margin-right-lg {
  margin-right: 1.25rem!important
}

.padding-right-xl {
  padding-right: 2rem!important
}

.margin-right-xl {
  margin-right: 2rem!important
}

.padding-bottom-0 {
  padding-bottom: 0!important
}

.margin-bottom-0 {
  margin-bottom: 0!important
}

.padding-bottom-xs {
  padding-bottom: .3125rem!important
}

.margin-bottom-xs {
  margin-bottom: .3125rem!important
}

.padding-bottom-sm {
  padding-bottom: .625rem!important
}

.margin-bottom-sm {
  margin-bottom: .625rem!important
}

.padding-bottom {
  padding-bottom: .9375rem!important
}

.margin-bottom {
  margin-bottom: .9375rem!important
}

.padding-bottom-lg {
  padding-bottom: 1.25rem!important
}

.margin-bottom-lg {
  margin-bottom: 1.25rem!important
}

.padding-bottom-xl {
  padding-bottom: 2rem!important
}

.margin-bottom-xl {
  margin-bottom: 2rem!important
}

.padding-left-0 {
  padding-left: 0!important
}

.margin-left-0 {
  margin-left: 0!important
}

.padding-left-xs {
  padding-left: .3125rem!important
}

.margin-left-xs {
  margin-left: .3125rem!important
}

.padding-left-sm {
  padding-left: .625rem!important
}

.margin-left-sm {
  margin-left: .625rem!important
}

.padding-left {
  padding-left: .9375rem!important
}

.margin-left {
  margin-left: .9375rem!important
}

.padding-left-lg {
  padding-left: 1.25rem!important
}

.margin-left-lg {
  margin-left: 1.25rem!important
}

.padding-left-xl {
  padding-left: 2rem!important
}

.margin-left-xl {
  margin-left: 2rem!important
}

.align-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.align-v .align-top {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.align-v .align-center {
  -ms-flex-item-align: center;
  align-self: center
}

.align-v .align-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-center {
  text-align: center!important
}

.text-justify {
  text-align: justify!important
}

.text-primary {
  color: #0e90d2!important
}

.text-secondary {
  color: #3bb4f2!important
}

.text-success {
  color: #5eb95e!important
}

.text-warning {
  color: #f37b1d!important
}

.text-alert {
  color: #dd514c!important
}

.view, .views {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.views {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  position: relative
}

.view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  background: #f4f4f4;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.view>.container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0
}

@-webkit-keyframes amt-view-sfl-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes amt-view-sfl-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes amt-view-sfl-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
  }
}

@keyframes amt-view-sfl-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
  }
}

@-webkit-keyframes amt-view-sfr-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes amt-view-sfr-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes amt-view-sfr-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
  }
}

@keyframes amt-view-sfr-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
  }
}

@-webkit-keyframes amt-view-rfl-enter {
  0% {
    opacity: .75;
    -webkit-transform: translate3d(75%, 0, 0);
    transform: translate3d(75%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes amt-view-rfl-enter {
  0% {
    opacity: .75;
    -webkit-transform: translate3d(75%, 0, 0);
    transform: translate3d(75%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes amt-view-rfl-leave {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes amt-view-rfl-leave {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@-webkit-keyframes amt-view-rfr-enter {
  0% {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes amt-view-rfr-enter {
  0% {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes amt-view-rfr-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes amt-view-rfr-leave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.view-transition-rfl-enter-active, .view-transition-rfl-leave, .view-transition-rfr-enter-active, .view-transition-rfr-leave, .view-transition-sfl-enter-active, .view-transition-sfl-leave, .view-transition-sfr-enter-active, .view-transition-sfr-leave {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: cubic-bezier(.36, .66, .04, 1);
  animation-timing-function: cubic-bezier(.36, .66, .04, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.view-transition-sfl-enter-active, .view-transition-sfr-enter-active {
  pointer-events: none;
  z-index: 20
}

.view-transition-sfl-leave, .view-transition-sfr-leave {
  pointer-events: none;
  z-index: 10
}

.view-transition-sfr-enter-active {
  -webkit-animation-name: amt-view-sfr-enter;
  animation-name: amt-view-sfr-enter
}

.view-transition-sfl-enter-active {
  -webkit-animation-name: amt-view-sfl-enter;
  animation-name: amt-view-sfl-enter
}

.view-transition-sfr-leave {
  -webkit-animation-name: amt-view-sfr-leave;
  animation-name: amt-view-sfr-leave
}

.view-transition-sfl-leave {
  -webkit-animation-name: amt-view-sfl-leave;
  animation-name: amt-view-sfl-leave
}

.view-transition-rfl-enter-active, .view-transition-rfr-enter-active {
  pointer-events: none;
  z-index: 10
}

.view-transition-rfl-leave, .view-transition-rfr-leave {
  pointer-events: none;
  z-index: 20
}

.view-transition-rfr-enter-active {
  -webkit-animation-name: amt-view-rfr-enter;
  animation-name: amt-view-rfr-enter
}

.view-transition-rfr-leave {
  -webkit-animation-name: amt-view-rfr-leave;
  animation-name: amt-view-rfr-leave
}

.view-transition-rfl-enter-active {
  -webkit-animation-name: amt-view-rfl-enter;
  animation-name: amt-view-rfl-enter
}

.view-transition-rfl-leave {
  -webkit-animation-name: amt-view-rfl-leave;
  animation-name: amt-view-rfl-leave
}