*,
*::before,
*::after {
  box-sizing: border-box;
}
::selection {
  color: #fff;
  background-color: var(--primary-color);
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
video {
  width: 100%;
  height: auto;
}
audio:not([controls]) {
  display: none !important;
  height: 0;
}
[hidden] {
  display: none;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: inherit;
  margin: 0 0 1rem 0;
}
p:last-child {
  margin: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: var(--alert-color);
  color: var(--black-color);
}
code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.clip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
cite {
  font-style: normal;
}
img {
  border: 0 none;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  max-height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
  line-height: 0;
  position: relative;
}
fieldset {
  border: 1px solid silver;
  margin: 0;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.video {
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.38889rem;
  position: relative;
}
.video.widescreen {
  padding-bottom: 56.34%;
}
.video.vimeo {
  padding-top: 0;
}
.video iframe,
.video object,
.video embed,
.video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.inline.flex {
  display: inline-flex;
}
.flex {
  display: flex;
}
.not-allowed {
  cursor: not-allowed;
}
.left.aligned {
  text-align: left;
}
.center.aligned {
  text-align: center;
}
.right.aligned {
  text-align: right;
}
.show-all {
  display: inherit;
}
.hide-all {
  display: none;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
  border: 0;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
html.ios {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
html.ios,
html.ios body {
  height: initial;
}

.wojo-grid {
  width: auto;
  max-width: 1280px;
  margin: 0 auto;
}
.wojo.mason {
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2rem;
  column-gap: 2rem;
  counter-reset: item-counter;
}
.wojo.mason.grid {
  -webkit-column-count: 8;
  column-count: 8;
  -webkit-column-gap: 2rem;
  column-gap: 1rem;
  counter-reset: item-counter;
}
.wojo.mason > .item {
  display: inline-block;
  width: 100%;
  margin-bottom: 2rem;
}
.wojo.mason.grid > .item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}
.wojo.mason.loading {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.wojo.mason.loading::before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.wojo.mason.loading:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
  animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1)
    rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0);
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.full.padding {
  padding: var(--padding);
}
.full.big.padding {
  padding: calc(var(--padding) * 2);
}
.full.large.padding {
  padding: calc(var(--padding) * 3);
}
.full.small.padding {
  padding: calc(var(--padding) / 2);
}
.vertical.padding {
  padding: var(--padding) 0;
}
.horizontal.padding {
  padding: 0 var(--padding);
}
.small.vertical.padding {
  padding: calc(var(--padding) / 2) 0;
}
.small.horizontal.padding {
  padding: 0 calc(var(--padding) / 2);
}
.small.top.padding {
  padding-top: calc(var(--padding) / 2);
}
.small.bottom.padding {
  padding-bottom: calc(var(--padding) / 2);
}
.small.left.padding {
  padding-left: calc(var(--padding) / 2);
}
.small.right.padding {
  padding-right: calc(var(--padding) / 2);
}
.right.padding {
  padding-right: var(--padding);
}
.left.padding {
  padding-left: var(--padding);
}
.top.padding {
  padding-top: var(--padding);
}
.bottom.padding {
  padding-bottom: var(--padding);
}
.big.vertical.padding {
  padding: calc(var(--padding) * 2) 0;
}
.big.horizontal.padding {
  padding: 0 calc(var(--padding) * 2);
}
.big.top.padding {
  padding-top: calc(var(--padding) * 2);
}
.big.bottom.padding {
  padding-bottom: calc(var(--padding) * 2);
}
.big.left.padding {
  padding-left: calc(var(--padding) * 2);
}
.big.right.padding {
  padding-right: calc(var(--padding) * 2);
}
.large.vertical.padding {
  padding: calc(var(--padding) * 3) 0;
}
.large.horizontal.padding {
  padding: 0 calc(var(--padding) * 3);
}
.large.top.padding {
  padding-top: calc(var(--padding) * 3);
}
.large.bottom.padding {
  padding-bottom: calc(var(--padding) * 3);
}
.large.left.padding {
  padding-left: calc(var(--padding) * 3);
}
.large.right.padding {
  padding-right: calc(var(--padding) * 3);
}
.full.margin {
  margin: var(--margin);
}
.full.big.margin {
  margin: calc(var(--margin) * 2);
}
.full.large.margin {
  margin: calc(var(--margin) * 3);
}
.vertical.margin {
  margin: var(--margin) 0;
}
.horizontal.margin {
  margin: 0 var(--margin);
}
.full.small.margin {
  margin: calc(var(--margin) / 2);
}
.small.vertical.margin {
  margin: calc(var(--margin) / 2) 0;
}
.small.horizontal.margin {
  margin: 0 calc(var(--margin) / 2);
}
.small.top.margin {
  margin-top: calc(var(--margin) / 2);
}
.small.bottom.margin {
  margin-bottom: calc(var(--margin) / 2);
}
.small.left.margin {
  margin-left: calc(var(--margin) / 2);
}
.small.right.margin {
  margin-right: calc(var(--margin) / 2);
}
.right.margin {
  margin-right: var(--margin);
}
.left.margin {
  margin-left: var(--margin);
}
.top.margin {
  margin-top: var(--margin);
}
.bottom.margin {
  margin-bottom: var(--margin);
}
.big.vertical.margin {
  margin: calc(var(--margin) * 2) 0;
}
.big.horizontal.margin {
  margin: 0 calc(var(--margin) * 2);
}
.big.top.margin {
  margin-top: calc(var(--margin) * 2);
}
.big.bottom.margin {
  margin-bottom: calc(var(--margin) * 2);
}
.big.left.margin {
  margin-left: calc(var(--margin) * 2);
}
.big.right.margin {
  margin-right: calc(var(--margin) * 2);
}
.large.vertical.margin {
  margin: calc(var(--margin) * 3) 0;
}
.large.horizontal.margin {
  margin: 0 calc(var(--margin) * 3);
}
.large.top.margin {
  margin-top: calc(var(--margin) * 3);
}
.large.bottom.margin {
  margin-bottom: calc(var(--margin) * 3);
}
.large.left.margin {
  margin-left: calc(var(--margin) * 3);
}
.large.right.margin {
  margin-right: calc(var(--margin) * 3);
}
.align.center {
  justify-content: center;
}
.align.end {
  justify-content: flex-end;
}
.align.spaced {
  justify-content: space-between;
}
.align.around {
  justify-content: space-around;
}
.align.top {
  align-items: flex-start;
}
.align.bottom {
  align-items: flex-end;
}
.align.middle {
  align-items: center;
}
.align.stretch {
  align-items: stretch;
}
.align.self.top {
  align-self: flex-start;
}
.align.self.bottom {
  align-self: flex-end;
}
.align.self.middle {
  -ms-grid-row-align: center;
  align-self: center;
}
.align.self.stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.row {
  display: flex;
  flex-flow: row wrap;
}
.row.gutters {
  margin-left: var(--gutter-compensation);
}
.row.mini.gutters {
  margin-left: calc(var(--gutter-compensation) / 4);
}
.row.small.gutters {
  margin-left: calc(var(--gutter-compensation) / 2);
}
.row.big.gutters {
  margin-left: calc(var(--gutter-compensation) * 2);
}
.row.large.gutters {
  margin-left: calc(var(--gutter-compensation) * 3);
}
.row.vertical.gutters {
  margin-left: 0;
}
.row.gutters > .columns {
  padding-left: var(--gutter);
  margin-bottom: var(--gutter);
}
.row.mini.gutters > .columns {
  padding-left: calc(var(--gutter) / 4);
  margin-bottom: calc(var(--gutter) / 4);
}
.row.small.gutters > .columns {
  padding-left: calc(var(--gutter) / 2);
  margin-bottom: calc(var(--gutter) / 2);
}
.row.big.gutters > .columns {
  padding-left: calc(var(--gutter) * 2);
  margin-bottom: calc(var(--gutter) * 2);
}
.row.large.gutters > .columns {
  padding-left: calc(var(--gutter) * 3);
  margin-bottom: calc(var(--gutter) * 3);
}
.row.horizontal.gutters > .columns {
  margin-bottom: 0;
}
.row.vertical.gutters > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row .columns {
  flex: 1 1 0px;
  min-width: 0;
}
.row .columns.auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  white-space: nowrap;
}
.row.grid {
  flex-direction: row;
  flex-wrap: wrap;
}
.row.grid > .columns {
  flex: 0 1 auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}
@media screen and (min-width: 64.063em) {
  .row .columns.screen-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row .columns.screen-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .row .columns.screen-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .row .columns.screen-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row .columns.screen-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .row .columns.screen-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .row .columns.screen-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row .columns.screen-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .row .columns.screen-33 {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row .columns.screen-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .row .columns.screen-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row .columns.screen-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row .columns.screen-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .row .columns.screen-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .row .columns.screen.offset-90 {
    margin-left: 90%;
  }
  .row .columns.screen.offset-80 {
    margin-left: 80%;
  }
  .row .columns.screen.offset-70 {
    margin-left: 70%;
  }
  .row .columns.screen.offset-60 {
    margin-left: 60%;
  }
  .row .columns.screen.offset-50 {
    margin-left: 50%;
  }
  .row .columns.screen.offset-40 {
    margin-left: 40%;
  }
  .row .columns.screen.offset-30 {
    margin-left: 30%;
  }
  .row .columns.screen.offset-20 {
    margin-left: 20%;
  }
  .row .columns.screen.offset-10 {
    margin-left: 10%;
  }
  .row.grid.screen-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row.grid.screen-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row.grid.screen-3 > .columns {
    flex: 0 0 Calc(100% / 3);
    max-width: Calc(100% / 3);
  }
  .row.grid.screen-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row.grid.screen-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row.grid.screen-6 > .columns {
    flex: 0 0 Calc(100% / 6);
    max-width: Calc(100% / 6);
  }
  .row.grid.screen-7 > .columns {
    flex: 0 0 Calc(100% / 7);
    max-width: Calc(100% / 7);
  }
  .row.grid.screen-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .screen.order-1 {
    order: 1;
  }
  .screen.order-2 {
    order: 2;
  }
  .screen.order-3 {
    order: 3;
  }
  .screen.order-4 {
    order: 4;
  }
  .screen.order-5 {
    order: 5;
  }
  .screen.order-6 {
    order: 6;
  }
  .screen.left.aligned {
    text-align: left;
  }
  .screen.center.aligned {
    text-align: center;
  }
  .screen.right.aligned {
    text-align: right;
  }
  .screen-hide {
    display: none;
  }
}
@media screen and (min-width: 40.625em) and (max-width: 64em) and (orientation: landscape) {
  .row .columns.tablet-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row .columns.tablet-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .row .columns.tablet-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .row .columns.tablet-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row .columns.tablet-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .row .columns.tablet-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .row .columns.tablet-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row .columns.tablet-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .row .columns.tablet-33 {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row .columns.tablet-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .row .columns.tablet-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row .columns.tablet-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row .columns.tablet-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .row .columns.tablet-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .row .columns.tablet.offset-90 {
    margin-left: 90%;
  }
  .row .columns.tablet.offset-80 {
    margin-left: 80%;
  }
  .row .columns.tablet.offset-70 {
    margin-left: 70%;
  }
  .row .columns.tablet.offset-60 {
    margin-left: 60%;
  }
  .row .columns.tablet.offset-50 {
    margin-left: 50%;
  }
  .row .columns.tablet.offset-40 {
    margin-left: 40%;
  }
  .row .columns.tablet.offset-30 {
    margin-left: 30%;
  }
  .row .columns.tablet.offset-20 {
    margin-left: 20%;
  }
  .row .columns.tablet.offset-10 {
    margin-left: 10%;
  }
  .row.grid.tablet-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row.grid.tablet-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row.grid.tablet-3 > .columns {
    flex: 0 0 Calc(100% / 3);
    max-width: Calc(100% / 3);
  }
  .row.grid.tablet-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row.grid.tablet-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row.grid.tablet-6 > .columns {
    flex: 0 0 Calc(100% / 6);
    max-width: Calc(100% / 6);
  }
  .row.grid.tablet-7 > .columns {
    flex: 0 0 Calc(100% / 7);
    max-width: Calc(100% / 7);
  }
  .row.grid.tablet-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tablet.order-1 {
    order: 1;
  }
  .tablet.order-2 {
    order: 2;
  }
  .tablet.order-3 {
    order: 3;
  }
  .tablet.order-4 {
    order: 4;
  }
  .tablet.order-5 {
    order: 5;
  }
  .tablet.order-6 {
    order: 6;
  }
  .tablet.left.aligned {
    text-align: left;
  }
  .tablet.center.aligned {
    text-align: center;
  }
  .tablet.right.aligned {
    text-align: right;
  }
  .tablet-hide {
    display: none;
  }
}
@media screen and (max-width: 48.063em) {
  .row.mobile.fluid > .columns,
  .row .columns.mobile-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row .columns.mobile-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .row .columns.mobile-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .row .columns.mobile-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row .columns.mobile-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .row .columns.mobile-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .row .columns.mobile-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row .columns.mobile-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .row .columns.mobile-33 {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row .columns.mobile-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .row .columns.mobile-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row .columns.mobile-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row .columns.mobile-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .row .columns.mobile-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .row.grid.mobile-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row.grid.mobile-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row.grid.mobile-3 > .columns {
    flex: 0 0 Calc(100% / 3);
    max-width: Calc(100% / 3);
  }
  .row.grid.mobile-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row.grid.mobile-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row.grid.mobile-6 > .columns {
    flex: 0 0 Calc(100% / 6);
    max-width: Calc(100% / 6);
  }
  .row.grid.mobile-7 > .columns {
    flex: 0 0 Calc(100% / 7);
    max-width: Calc(100% / 7);
  }
  .row.grid.mobile-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .mobile.order-1 {
    order: 1;
  }
  .mobile.order-2 {
    order: 2;
  }
  .mobile.order-3 {
    order: 3;
  }
  .mobile.order-4 {
    order: 4;
  }
  .mobile.order-5 {
    order: 5;
  }
  .mobile.order-6 {
    order: 6;
  }
  .mobile.left.aligned {
    text-align: left;
  }
  .mobile.center.aligned {
    text-align: center;
  }
  .mobile.right.aligned {
    text-align: right;
  }
  .mobile-hide {
    display: none;
  }
  .wojo.mason {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .wojo.mason.grid {
    -webkit-column-count: 5;
    column-count: 5;
  }
}
@media screen and (max-width: 30em) {
  .row.phone.fluid > .columns,
  .row .columns.phone-100,
  .row.grid[class*="screen-"] > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row .columns.phone-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .row .columns.phone-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .row .columns.phone-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row .columns.phone-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .row .columns.phone-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .row .columns.phone-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row .columns.phone-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .row .columns.phone-33 {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row .columns.phone-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .row .columns.phone-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row .columns.phone-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row .columns.phone-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .row .columns.phone-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .row.grid.phone-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row.grid.phone-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row.grid.phone-3 > .columns {
    flex: 0 0 Calc(100% / 3);
    max-width: Calc(100% / 3);
  }
  .row.grid.phone-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row.grid.phone-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row.grid.phone-6 > .columns {
    flex: 0 0 Calc(100% / 6);
    max-width: Calc(100% / 6);
  }
  .row.grid.phone-7 > .columns {
    flex: 0 0 Calc(100% / 7);
    max-width: Calc(100% / 7);
  }
  .row.grid.phone-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .phone.order-1 {
    order: 1;
  }
  .phone.order-2 {
    order: 2;
  }
  .phone.order-3 {
    order: 3;
  }
  .phone.order-4 {
    order: 4;
  }
  .phone.order-5 {
    order: 5;
  }
  .phone.order-6 {
    order: 6;
  }
  .phone.left.aligned {
    text-align: left;
  }
  .phone.center.aligned {
    text-align: center;
  }
  .phone.right.aligned {
    text-align: right;
  }
  .phone-hide {
    display: none;
  }
  .wojo.mason {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .wojo.mason.grid {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
#debug-panel {
  opacity: 0.9;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
}
#debug-panel .debug-wrapper {
  padding: 0px 0.875em;
  background-color: #2a2a2e;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  margin: 0px auto 0px auto;
}
#debug-panel .debug-wrapper .legend {
  background-color: #0c0c0d;
  padding: 0.25em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: auto;
  margin-top: -1.25em;
}
#debug-panel a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  margin: 0 0.25em;
  line-height: 1;
}
#debug-panel .debug-wrapper .legend span {
  color: #999;
  font-weight: 300;
}
#debug-panel .items {
  padding: 10px;
  height: 200px;
  overflow-y: auto;
  padding-top: 1em;
  font-size: 13px;
  color: #888;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
#debug-panel pre {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.25rem;
}
#debug-panel a.clear_session {
  color: #e91e63;
  opacity: 1;
  margin-left: 0.5em;
  display: inline-block;
}
#debug-panel #contentQueries {
  color: #db7de9;
}
#debug-panel .checkbox {
  font-size: 14px;
  line-height: 1em;
  padding-left: 0.5em;
}
.animate {
  -webkit-animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pulsate {
  -webkit-animation-name: pulsate;
  animation-name: pulsate;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulsate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.blink {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.hitLeft {
  -webkit-animation-name: hitLeft;
  animation-name: hitLeft;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes hitLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translateX(20px) rotate(4deg);
    transform: translateX(20px) rotate(4deg);
  }
}
@keyframes hitLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translateX(20px) rotate(4deg);
    transform: translateX(20px) rotate(4deg);
  }
}
.hitRight {
  -webkit-animation-name: hitRight;
  animation-name: hitRight;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes hitRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translateX(-20px) rotate(-4deg);
    transform: translateX(-20px) rotate(-4deg);
  }
}
@keyframes hitRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translateX(-20px) rotate(-4deg);
    transform: translateX(-20px) rotate(-4deg);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
@keyframes shake {
  10% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
.ball {
  -webkit-animation-name: ball;
  animation-name: ball;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes ball {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  85% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ball {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  85% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.pullUp {
  -webkit-animation-name: pullUp;
  animation-name: pullUp;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pullUp {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pullDown {
  -webkit-animation-name: pullDown;
  animation-name: pullDown;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pullDown {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pullLeft {
  -webkit-animation-name: pullLeft;
  animation-name: pullLeft;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes pullLeft {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pullLeft {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pullRight {
  -webkit-animation-name: pullRight;
  animation-name: pullRight;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes pullRight {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pullRight {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.jumpInLeft {
  -webkit-animation-name: jumpInLeft;
  animation-name: jumpInLeft;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes jumpInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
  }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@keyframes jumpInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
  }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
.jumpInRight {
  -webkit-animation-name: jumpInRight;
  animation-name: jumpInRight;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes jumpInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
  }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
@keyframes jumpInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
  }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
.jumpOutRight {
  -webkit-animation-name: jumpOutRight;
  animation-name: jumpOutRight;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes jumpOutRight {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
  }
}
@keyframes jumpOutRight {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
  }
}
.jumpOutLeft {
  -webkit-animation-name: jumpOutLeft;
  animation-name: jumpOutLeft;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes jumpOutLeft {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
  }
}
@keyframes jumpOutLeft {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
  }
}
.rollInLeft {
  -webkit-animation-name: rollInLeft;
  animation-name: rollInLeft;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(-400px) rotate(445deg);
    transform: translateX(-400px) rotate(445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(20px) rotate(20deg);
    transform: translateX(20px) rotate(20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes rollInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(-400px) rotate(445deg);
    transform: translateX(-400px) rotate(445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(20px) rotate(20deg);
    transform: translateX(20px) rotate(20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
.rollInRight {
  -webkit-animation-name: rollInRight;
  animation-name: rollInRight;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(400px) rotate(-445deg);
    transform: translateX(400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-20px) rotate(-20deg);
    transform: translateX(-20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes rollInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(400px) rotate(-445deg);
    transform: translateX(400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-20px) rotate(-20deg);
    transform: translateX(-20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
.rollInTop {
  -webkit-animation-name: rollInTop;
  animation-name: rollInTop;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollInTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(-400px) rotate(-445deg);
    transform: translateY(-400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(20px) rotate(-20deg);
    transform: translateY(20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes rollInTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(-400px) rotate(-445deg);
    transform: translateY(-400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(20px) rotate(-20deg);
    transform: translateY(20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
.rollInBottom {
  -webkit-animation-name: rollInBottom;
  animation-name: rollInBottom;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollInBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(400px) rotate(-445deg);
    transform: translateY(400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(-20deg);
    transform: translateY(-20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes rollInBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(400px) rotate(-445deg);
    transform: translateY(400px) rotate(-445deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(-20deg);
    transform: translateY(-20px) rotate(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
.rollOutLeft {
  -webkit-animation-name: rollOutLeft;
  animation-name: rollOutLeft;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollOutLeft {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(20px) rotate(-20deg);
    transform: translateX(20px) rotate(-20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(-400px) rotate(-445deg);
    transform: translateX(-400px) rotate(-445deg);
  }
}
@keyframes rollOutLeft {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(20px) rotate(-20deg);
    transform: translateX(20px) rotate(-20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(-400px) rotate(-445deg);
    transform: translateX(-400px) rotate(-445deg);
  }
}
.rollOutRight {
  -webkit-animation-name: rollOutRight;
  animation-name: rollOutRight;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollOutRight {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(20deg);
    transform: translateX(-20px) rotate(20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(400px) rotate(445deg);
    transform: translateX(400px) rotate(445deg);
  }
}
@keyframes rollOutRight {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(20deg);
    transform: translateX(-20px) rotate(20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(400px) rotate(445deg);
    transform: translateX(400px) rotate(445deg);
  }
}
.rollOutTop {
  -webkit-animation-name: rollOutTop;
  animation-name: rollOutTop;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollOutTop {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(20px) rotate(20deg);
    transform: translateY(20px) rotate(20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(-400px) rotate(445deg);
    transform: translateY(-400px) rotate(445deg);
  }
}
@keyframes rollOutTop {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(20px) rotate(20deg);
    transform: translateY(20px) rotate(20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(-400px) rotate(445deg);
    transform: translateY(-400px) rotate(445deg);
  }
}
.rollOutBottom {
  -webkit-animation-name: rollOutBottom;
  animation-name: rollOutBottom;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes rollOutBottom {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-20px) rotate(-20deg);
    transform: translateY(-20px) rotate(-20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(400px) rotate(-445deg);
    transform: translateY(400px) rotate(-445deg);
  }
}
@keyframes rollOutBottom {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-20px) rotate(-20deg);
    transform: translateY(-20px) rotate(-20deg);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(400px) rotate(-445deg);
    transform: translateY(400px) rotate(-445deg);
  }
}
.popIn {
  -webkit-animation-name: popIn;
  animation-name: popIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes popIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes popIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.popInLeft {
  -webkit-animation-name: popInLeft;
  animation-name: popInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes popInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes popInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.popInRight {
  -webkit-animation-name: popInRight;
  animation-name: popInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes popInRight {
  0% {
    -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes popInRight {
  0% {
    -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.popInTop {
  -webkit-animation-name: popInTop;
  animation-name: popInTop;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes popInTop {
  0% {
    -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
@keyframes popInTop {
  0% {
    -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
.popInBottom {
  -webkit-animation-name: popInBottom;
  animation-name: popInBottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes popInBottom {
  0% {
    -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
@keyframes popInBottom {
  0% {
    -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
.popOut {
  -webkit-animation-name: popOut;
  animation-name: popOut;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes popOut {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08);
  }
  80% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes popOut {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08);
  }
  80% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.popOutLeft {
  -webkit-animation-name: popOutLeft;
  animation-name: popOutLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes popOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
  }
}
@keyframes popOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
  }
}
.popOutRight {
  -webkit-animation-name: popOutRight;
  animation-name: popOutRight;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes popOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
  }
}
@keyframes popOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
  }
}
.popOutTop {
  -webkit-animation-name: popOutTop;
  animation-name: popOutTop;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes popOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
  }
}
@keyframes popOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
  }
}
.popOutBottom {
  -webkit-animation-name: popOutBottom;
  animation-name: popOutBottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes popOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
  }
}
@keyframes popOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
  }
}
.flip {
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(-180deg)
      scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(-180deg)
      scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  }
}
.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes flipInX {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
  }
  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
  }
}
@keyframes flipInX {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
  }
  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
  }
}
.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes flipInY {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
  }
  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
  }
}
@keyframes flipInY {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
  }
  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
  }
}
.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeInTop {
  0% {
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeInBottom {
  0% {
    -webkit-transform: translate3d(0, 400px, 0);
    transform: translate3d(0, 400px, 0);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    -webkit-transform: translate3d(0, 400px, 0);
    transform: translate3d(0, 400px, 0);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
    opacity: 0;
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
}
.fadeOutTop {
  -webkit-animation-name: fadeOutTop;
  animation-name: fadeOutTop;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeOutTop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  40% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 0;
  }
}
@keyframes fadeOutTop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  40% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 0;
  }
}
.fadeOutBottom {
  -webkit-animation-name: fadeOutBottom;
  animation-name: fadeOutBottom;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeOutBottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  40% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  40% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
  100% {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
    opacity: 0;
  }
}
.driveInLeft {
  -webkit-animation-name: driveInLeft;
  animation-name: driveInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveInLeft {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes driveInLeft {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.driveInRight {
  -webkit-animation-name: driveInRight;
  animation-name: driveInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveInRight {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes driveInRight {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.driveInTop {
  -webkit-animation-name: driveInTop;
  animation-name: driveInTop;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveInTop {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes driveInTop {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.driveInBottom {
  -webkit-animation-name: driveInBottom;
  animation-name: driveInBottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveInBottom {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes driveInBottom {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.driveOutLeft {
  -webkit-animation-name: driveOutLeft;
  animation-name: driveOutLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }
}
@keyframes driveOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }
}
.driveOutRight {
  -webkit-animation-name: driveOutRight;
  animation-name: driveOutRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }
}
@keyframes driveOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }
}
.driveOutTop {
  -webkit-animation-name: driveOutTop;
  animation-name: driveOutTop;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
  }
}
@keyframes driveOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
  }
}
.driveOutBottom {
  -webkit-animation-name: driveOutBottom;
  animation-name: driveOutBottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes driveOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
}
@keyframes driveOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
}
.spin {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
@-webkit-keyframes spin {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: rotateZ(380deg);
    transform: rotateZ(380deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes spin {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: rotateZ(380deg);
    transform: rotateZ(380deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
.spinIn {
  -webkit-animation-name: spinIn;
  animation-name: spinIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes spinIn {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
    transform: rotateZ(0deg) scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
    transform: rotateZ(380deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
    transform: rotateZ(360deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes spinIn {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
    transform: rotateZ(0deg) scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
    transform: rotateZ(380deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
    transform: rotateZ(360deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
.spinOut {
  -webkit-animation-name: spinOut;
  animation-name: spinOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes spinOut {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
    transform: rotateZ(0deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  20% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
    transform: rotateZ(-20deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
    transform: rotateZ(360deg) scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes spinOut {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
    transform: rotateZ(0deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  20% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
    transform: rotateZ(-20deg) scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
    transform: rotateZ(360deg) scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
.swoopInLeft {
  -webkit-animation-name: swoopInLeft;
  animation-name: swoopInLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopInLeft {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
    transform: scaleX(1.5) translate3d(-400px, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
    transform: scaleX(1) translate3d(20px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
}
@keyframes swoopInLeft {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
    transform: scaleX(1.5) translate3d(-400px, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
    transform: scaleX(1) translate3d(20px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
}
.swoopInRight {
  -webkit-animation-name: swoopInRight;
  animation-name: swoopInRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopInRight {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
    transform: scaleX(1.5) translate3d(400px, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
    transform: scaleX(1) translate3d(-20px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
}
@keyframes swoopInRight {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
    transform: scaleX(1.5) translate3d(400px, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
    transform: scaleX(1) translate3d(-20px, 0, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
}
.swoopInTop {
  -webkit-animation-name: swoopInTop;
  animation-name: swoopInTop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopInTop {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
    transform: scaleY(1.5) translate3d(0, -400px, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
    transform: scaleY(1) translate3d(0, 20px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
}
@keyframes swoopInTop {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
    transform: scaleY(1.5) translate3d(0, -400px, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
    transform: scaleY(1) translate3d(0, 20px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
}
.swoopInBottom {
  -webkit-animation-name: swoopInBottom;
  animation-name: swoopInBottom;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopInBottom {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
    transform: scaleY(1.5) translate3d(0, 250px, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
}
@keyframes swoopInBottom {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
    transform: scaleY(1.5) translate3d(0, 250px, 0);
  }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
}
.swoopOutLeft {
  -webkit-animation-name: swoopOutLeft;
  animation-name: swoopOutLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
    transform: scaleX(1) translate3d(20px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
    transform: scaleX(1.5) translate3d(-400px, 0, 0);
  }
}
@keyframes swoopOutLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
    transform: scaleX(1) translate3d(20px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
    transform: scaleX(1.5) translate3d(-400px, 0, 0);
  }
}
.swoopOutRight {
  -webkit-animation-name: swoopOutRight;
  animation-name: swoopOutRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
    transform: scaleX(1) translate3d(-20px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
    transform: scaleX(1.5) translate3d(400px, 0, 0);
  }
}
@keyframes swoopOutRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
    transform: scaleX(1) translate3d(-20px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
    transform: scaleX(1.5) translate3d(400px, 0, 0);
  }
}
.swoopOutTop {
  -webkit-animation-name: swoopOutTop;
  animation-name: swoopOutTop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
    transform: scaleY(1) translate3d(0, 20px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
    transform: scaleY(1.5) translate3d(0, -400px, 0);
  }
}
@keyframes swoopOutTop {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
    transform: scaleY(1) translate3d(0, 20px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
    transform: scaleY(1.5) translate3d(0, -400px, 0);
  }
}
.swoopOutBottom {
  -webkit-animation-name: swoopOutBottom;
  animation-name: swoopOutBottom;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
    transform: scaleY(1.5) translate3d(0, 200px, 0);
  }
}
@keyframes swoopOutBottom {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
    transform: scaleY(1.5) translate3d(0, 200px, 0);
  }
}
.fold {
  -webkit-animation-name: fold;
  animation-name: fold;
}
@-webkit-keyframes fold {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(1, 0.4, 1);
    transform: scale3d(1, 0.4, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: scale3d(0.2, 0.2, 0.2);
    transform: scale3d(0.2, 0.2, 0.2);
  }
}
@keyframes fold {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(1, 0.4, 1);
    transform: scale3d(1, 0.4, 1);
  }
  60% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
  }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: scale3d(0.2, 0.2, 0.2);
    transform: scale3d(0.2, 0.2, 0.2);
  }
}
.unfold {
  -webkit-animation-name: unfold;
  animation-name: unfold;
}
@-webkit-keyframes unfold {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  30% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 1, 1);
    transform: scale3d(0.4, 1, 1);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes unfold {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  30% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale3d(0.4, 1, 1);
    transform: scale3d(0.4, 1, 1);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.scaleOut {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.animate[data-delay="100"] {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.animate[data-delay="150"] {
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms;
}
.animate[data-duration="100"] {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.animate[data-duration="150"] {
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}
.animate[data-delay="200"] {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.animate[data-delay="250"] {
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.animate[data-duration="200"] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.animate[data-duration="250"] {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}
.animate[data-delay="300"] {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.animate[data-delay="350"] {
  -webkit-animation-delay: 350ms;
  animation-delay: 350ms;
}
.animate[data-duration="300"] {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.animate[data-duration="350"] {
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
}
.animate[data-delay="400"] {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.animate[data-delay="450"] {
  -webkit-animation-delay: 450ms;
  animation-delay: 450ms;
}
.animate[data-duration="400"] {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.animate[data-duration="450"] {
  -webkit-animation-duration: 450ms;
  animation-duration: 450ms;
}
.animate[data-delay="500"] {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.animate[data-delay="550"] {
  -webkit-animation-delay: 550ms;
  animation-delay: 550ms;
}
.animate[data-duration="500"] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animate[data-duration="550"] {
  -webkit-animation-duration: 550ms;
  animation-duration: 550ms;
}
.animate[data-delay="600"] {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animate[data-delay="650"] {
  -webkit-animation-delay: 650ms;
  animation-delay: 650ms;
}
.animate[data-duration="600"] {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.animate[data-duration="650"] {
  -webkit-animation-duration: 650ms;
  animation-duration: 650ms;
}
.animate[data-delay="700"] {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.animate[data-delay="750"] {
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms;
}
.animate[data-duration="700"] {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.animate[data-duration="750"] {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
}
.animate[data-delay="800"] {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.animate[data-delay="850"] {
  -webkit-animation-delay: 850ms;
  animation-delay: 850ms;
}
.animate[data-duration="800"] {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.animate[data-duration="850"] {
  -webkit-animation-duration: 850ms;
  animation-duration: 850ms;
}
.animate[data-delay="900"] {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.animate[data-delay="950"] {
  -webkit-animation-delay: 950ms;
  animation-delay: 950ms;
}
.animate[data-duration="900"] {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.animate[data-duration="950"] {
  -webkit-animation-duration: 950ms;
  animation-duration: 950ms;
}
.animate[data-delay="1000"] {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animate[data-duration="1000"] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animate[data-delay="1050"],
.animate[data-delay="1100"],
.animate[data-delay="1150"],
.animate[data-delay="1200"],
.animate[data-delay="1250"] {
  -webkit-animation-delay: 1250ms;
  animation-delay: 1250ms;
}
.animate[data-delay="1300"],
.animate[data-delay="1350"],
.animate[data-delay="1400"],
.animate[data-delay="1450"],
.animate[data-delay="1500"] {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animate[data-delay="1550"],
.animate[data-delay="1600"],
.animate[data-delay="1650"],
.animate[data-delay="1700"],
.animate[data-delay="1750"] {
  -webkit-animation-delay: 1750ms;
  animation-delay: 1750ms;
}
.animate[data-duration="1050"],
.animate[data-duration="1100"],
.animate[data-duration="1150"],
.animate[data-duration="1200"],
.animate[data-duration="1250"] {
  -webkit-animation-duration: 1250ms;
  animation-duration: 1250ms;
}
.animate[data-duration="1300"],
.animate[data-duration="1350"],
.animate[data-duration="1400"],
.animate[data-duration="1450"],
.animate[data-duration="1500"] {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.animate[data-duration="1550"],
.animate[data-duration="1600"],
.animate[data-duration="1650"],
.animate[data-duration="1700"],
.animate[data-duration="1750"] {
  -webkit-animation-duration: 1750ms;
  animation-duration: 1750ms;
}
.animate[data-delay="1800"],
.animate[data-delay="1850"],
.animate[data-delay="1900"],
.animate[data-delay="1950"],
.animate[data-delay="2000"] {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animate[data-delay="2050"],
.animate[data-delay="2100"],
.animate[data-delay="2150"],
.animate[data-delay="2200"],
.animate[data-delay="2250"] {
  -webkit-animation-delay: 2250ms;
  animation-delay: 2250ms;
}
.animate[data-delay="2300"],
.animate[data-delay="2350"],
.animate[data-delay="2400"],
.animate[data-delay="2450"],
.animate[data-delay="2500"] {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.animate[data-delay="2550"],
.animate[data-delay="2600"],
.animate[data-delay="2650"],
.animate[data-delay="2700"],
.animate[data-delay="2750"] {
  -webkit-animation-delay: 2750ms;
  animation-delay: 2750ms;
}
.animate[data-duration="1800"],
.animate[data-duration="1850"],
.animate[data-duration="1900"],
.animate[data-duration="1950"],
.animate[data-duration="2000"] {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animate[data-duration="2050"],
.animate[data-duration="2100"],
.animate[data-duration="2150"],
.animate[data-duration="2200"],
.animate[data-duration="2250"] {
  -webkit-animation-duration: 2250ms;
  animation-duration: 2250ms;
}
.animate[data-duration="2300"],
.animate[data-duration="2350"],
.animate[data-duration="2400"],
.animate[data-duration="2450"],
.animate[data-duration="2500"] {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}
.animate[data-duration="2550"],
.animate[data-duration="2600"],
.animate[data-duration="2650"],
.animate[data-duration="2700"],
.animate[data-duration="2750"] {
  -webkit-animation-duration: 2750ms;
  animation-duration: 2750ms;
}
.animate[data-delay="2800"],
.animate[data-delay="2850"],
.animate[data-delay="2900"],
.animate[data-delay="2950"],
.animate[data-delay="3000"] {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animate[data-delay="3050"],
.animate[data-delay="3100"],
.animate[data-delay="3150"],
.animate[data-delay="3200"],
.animate[data-delay="3250"] {
  -webkit-animation-delay: 3250ms;
  animation-delay: 3250ms;
}
.animate[data-delay="3300"],
.animate[data-delay="3350"],
.animate[data-delay="3400"],
.animate[data-delay="3450"],
.animate[data-delay="3500"] {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.animate[data-delay="3550"],
.animate[data-delay="3600"],
.animate[data-delay="3650"],
.animate[data-delay="3700"],
.animate[data-delay="3750"] {
  -webkit-animation-delay: 3750ms;
  animation-delay: 3750ms;
}
.animate[data-duration="2800"],
.animate[data-duration="2850"],
.animate[data-duration="2900"],
.animate[data-duration="2950"],
.animate[data-duration="3000"] {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.animate[data-duration="3050"],
.animate[data-duration="3100"],
.animate[data-duration="3150"],
.animate[data-duration="3200"],
.animate[data-duration="3250"] {
  -webkit-animation-duration: 3250ms;
  animation-duration: 3250ms;
}
.animate[data-duration="3300"],
.animate[data-duration="3350"],
.animate[data-duration="3400"],
.animate[data-duration="3450"],
.animate[data-duration="3500"] {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
}
.animate[data-duration="3550"],
.animate[data-duration="3600"],
.animate[data-duration="3650"],
.animate[data-duration="3700"],
.animate[data-duration="3750"] {
  -webkit-animation-duration: 3750ms;
  animation-duration: 3750ms;
}
.animate[data-delay="3800"],
.animate[data-delay="3850"],
.animate[data-delay="3900"],
.animate[data-delay="3950"],
.animate[data-delay="4000"] {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animate[data-delay="4050"],
.animate[data-delay="4100"],
.animate[data-delay="4150"],
.animate[data-delay="4200"],
.animate[data-delay="4250"] {
  -webkit-animation-delay: 4250ms;
  animation-delay: 4250ms;
}
.animate[data-delay="4300"],
.animate[data-delay="4350"],
.animate[data-delay="4400"],
.animate[data-delay="4450"],
.animate[data-delay="4500"] {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.animate[data-delay="4550"],
.animate[data-delay="4600"],
.animate[data-delay="4650"],
.animate[data-delay="4700"],
.animate[data-delay="4750"] {
  -webkit-animation-delay: 4750ms;
  animation-delay: 4750ms;
}
.animate[data-duration="3800"],
.animate[data-duration="3850"],
.animate[data-duration="3900"],
.animate[data-duration="3950"],
.animate[data-duration="4000"] {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
.animate[data-duration="4050"],
.animate[data-duration="4100"],
.animate[data-duration="4150"],
.animate[data-duration="4200"],
.animate[data-duration="4250"] {
  -webkit-animation-duration: 4250ms;
  animation-duration: 4250ms;
}
.animate[data-duration="4300"],
.animate[data-duration="4350"],
.animate[data-duration="4400"],
.animate[data-duration="4450"],
.animate[data-duration="4500"] {
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
}
.animate[data-duration="4550"],
.animate[data-duration="4600"],
.animate[data-duration="4650"],
.animate[data-duration="4700"],
.animate[data-duration="4750"] {
  -webkit-animation-duration: 4750ms;
  animation-duration: 4750ms;
}
.animate[data-delay="4800"],
.animate[data-delay="4850"],
.animate[data-delay="4900"],
.animate[data-delay="4950"],
.animate[data-delay="5000"] {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animate[data-duration="4800"],
.animate[data-duration="4850"],
.animate[data-duration="4900"],
.animate[data-duration="4950"],
.animate[data-duration="5000"] {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

.wojo.dropdown {
  position: absolute;
  z-index: 500;
  top: -5000px;
  left: -5000px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 0) scale(0.85);
  transform: translate(0, 0) scale(0.85);
  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out,
    -webkit-transform 0.1s ease-out;
  pointer-events: none;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background: #fff;
  border: 1px solid var(--grey-color-300);
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}
.wojo.dropdown.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}
.wojo.dropdown.static {
  padding: 1rem;
}
.wojo.dropdown.fixed {
  position: fixed;
}
.wojo.float {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 1rem;
  border-radius: 0.25rem;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid var(--grey-color-300);
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}
.wojo.float.active {
  display: block;
}
.wojo.dropdown .pointer {
  height: 16px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0;
  -webkit-transform: translate(0px, -16px);
  transform: translate(0px, -16px);
}
.wojo.dropdown .pointer::after,
.wojo.dropdown.top-left .pointer::after,
.wojo.dropdown.top-center .pointer::after,
.wojo.dropdown.top-right .pointer::after {
  border: 1px solid var(--dark-color-shadow);
  box-shadow: 0 2px 1px 0 var(--dark-color-shadow);
  left: 50%;
  top: 12px;
  background: #fff;
  content: "";
  height: 12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 12px;
  margin-left: -8px;
}
.wojo.dropdown.top-left .pointer::after {
  left: 0;
  margin-left: 1em;
}
.wojo.dropdown.top-right .pointer::after {
  left: auto;
  right: 0;
  margin-left: auto;
  margin-right: 1em;
}
.wojo.dropdown.top-left,
.wojo.dropdown.top-center,
.wojo.dropdown.top-right {
  margin-top: 0.5em;
}
.wojo.dropdown.pointing.top-left,
.wojo.dropdown.pointing.top-center,
.wojo.dropdown.pointing.top-right {
  margin-top: 1em;
}
.wojo.dropdown > .item > .icon,
.wojo.dropdown > .item > .label,
.wojo.dropdown > .item > .flag,
.wojo.dropdown > .item > .image,
.wojo.dropdown > .item > span,
.wojo.dropdown > .item > img {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.dropdown > .item > .icon,
.wojo.dropdown > .item > .label,
.wojo.dropdown > .item > .flag,
.wojo.dropdown > .item > .image,
.wojo.dropdown > .item > img {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: nowrap;
  margin-right: 1rem;
}
.wojo.dropdown > .item > .right.icon,
.wojo.dropdown > .item > .right.label,
.wojo.dropdown > .item > .right.flag,
.wojo.dropdown > .item > .right.image,
.wojo.dropdown > .item > img.right {
  margin-right: 0;
  margin-left: 1rem;
}
.wojo.dropdown.nowrap {
  white-space: nowrap;
}
.wojo.dropdown a.item {
  position: relative;
  cursor: pointer;
  padding: 0.75rem 1.25rem;
  line-height: 1em;
  border-radius: 0;
  font-size: 1em;
  color: var(--dark-color);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  white-space: nowrap;
  align-items: center;
}
.wojo.dropdown a.item:hover {
  color:#8898aa;
}
.wojo.dropdown a.item.active {
  background-color: var(--primary-color);
  color: #fff;
  pointer-events: none;
}
.wojo.dropdown .divider {
  border-top: 1px solid var(--dark-color-shadow);
  height: 0em;
  margin: 0.5rem 0em;
}
.wojo.dropdown .basic.divider {
  border-top: 1px solid var(--dark-color-shadow);
  height: 0;
  margin: 0;
}
.wojo.dropdown .big.divider {
  margin: 1rem 0em;
}
.wojo.dropdown > .header {
  padding: 0.5rem 1.25rem;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.wojo.dropdown > .scrolling {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  padding-right: 1rem;
}
.wojo.dropdown.fluid {
  width: calc(100% - 2.5rem);
}
[data-dropdown] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[data-dropdown] > .text {
  padding-right: 0.5em;
}
.wojo.dropdown a.item.disabled {
  pointer-events: none;
  opacity: 0.75;
}
.wojo.dropdown.small a.item {
  padding: 0.75rem 1.25rem;
}
.wojo.dropdown.mini {
  font-size: 0.75rem;
}
.wojo.dropdown.tiny {
  font-size: 0.813rem;
}
.wojo.dropdown.small {
  font-size: 0.875rem;
}
.wojo.dropdown {
  font-size: 1rem;
}
.wojo.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}
img.wojo.image {
  display: block;
}
.wojo.image svg,
.wojo.image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.wojo.inline.image,
.wojo.inline.image svg,
.wojo.inline.image img {
  display: inline-block;
}
.wojo.rounded.images .image,
.wojo.rounded.images img,
.wojo.rounded.image img,
.wojo.rounded.image svg,
.wojo.rounded.image {
  border-radius: 0.25rem;
}
.wojo.rounded.left.images .image,
.wojo.rounded.left.images img,
.wojo.rounded.left.image img,
.wojo.rounded.left.image svg,
.wojo.rounded.left.image {
  border-radius: 0.25rem 0 0 0.25rem;
}
.wojo.rounded.right.images .image,
.wojo.rounded.right.images img,
.wojo.rounded.right.image img,
.wojo.rounded.right.image svg,
.wojo.rounded.right.image {
  border-radius: 0 0.25rem 0.25rem 0;
}
.wojo.circular.images .image,
.wojo.circular.images img,
.wojo.circular.image img,
.wojo.circular.image svg,
.wojo.circular.image {
  border-radius: 500rem;
  overflow: hidden;
}
.wojo.shadow.images .image,
.wojo.shadow.images img,
.wojo.shadow.image img,
.wojo.shadow.image svg,
.wojo.shadow.image {
  box-shadow: 0px 2px 3px var(--dark-color-shadow);
}
.wojo.boxed.images .image,
.wojo.boxed.images img,
.wojo.boxed.image img,
.wojo.boxed.image svg,
.wojo.boxed.image {
  border: 1px solid var(--light-color);
}
.wojo.framed.images .image,
.wojo.framed.images img,
.wojo.framed.image img,
.wojo.framed.image svg,
.wojo.framed.image {
  border: 1px solid var(--light-color);
  padding: 1rem;
}
.wojo.avatar.images .image,
.wojo.avatar.images img,
.wojo.avatar.images svg,
.wojo.avatar.image img,
.wojo.avatar.image svg,
.wojo.avatar.image {
  width: 3em;
  height: 3em;
  border-radius: 500rem;
}
.wojo.category.images .image,
.wojo.category.images img,
.wojo.category.image img,
.wojo.category.image {
  width: 2rem;
  height: 2rem;
  padding: 0;
  line-height: 2rem;
  box-sizing: content-box;
  font-size: 0.875rem;
  border-radius: 500rem;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
}
.wojo.center.image {
  margin: 0 auto;
  display: block;
}
.wojo.images {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 1rem auto;
}
.wojo.images .image,
.wojo.images img {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  opacity: 0.85;
}
.wojo.mime.images .image,
.wojo.mime.images img,
.wojo.mime.images svg,
.wojo.mime.image {
  padding: 0.5rem;
  text-align: center;
  display: inline-flex;
}
.wojo.tiny.images .image,
.wojo.tiny.images img,
.wojo.tiny.images svg,
.wojo.tiny.image {
  width: 24px;
}
.wojo.mini.images .image,
.wojo.mini.images img,
.wojo.mini.images svg,
.wojo.mini.image {
  width: 32px;
}
.wojo.default.images .image,
.wojo.default.images img,
.wojo.default.images svg,
.wojo.default.image {
  width: 48px;
}
.wojo.small.images .image,
.wojo.small.images img,
.wojo.small.images svg,
.wojo.small.image {
  width: 64px;
}
.wojo.notification.images img,
.wojo.notification.images svg,
.wojo.notification.image {
  width: 96px;
}
.wojo.badge.images .image,
.wojo.badge.images img,
.wojo.badge.images svg,
.wojo.badge.image {
  width: 112px;
}
.wojo.normal.images .image,
.wojo.normal.images img,
.wojo.normal.images svg,
.wojo.normal.image {
  width: 128px;
}
.wojo.medium.images .image,
.wojo.medium.images img,
.wojo.medium.images svg,
.wojo.medium.image {
  width: 160px;
}
.wojo.large.images .image,
.wojo.large.images img,
.wojo.large.images svg,
.wojo.large.image {
  width: 256px;
}
.wojo.big.images .image,
.wojo.big.images img,
.wojo.big.images svg,
.wojo.big.image {
  width: 448px;
}
.wojo.huge.images .image,
.wojo.huge.images img,
.wojo.huge.images svg,
.wojo.huge.image {
  width: 512px;
}
.wojo.massive.images .image,
.wojo.massive.images img,
.wojo.massive.images svg,
.wojo.massive.image {
  width: 640px;
}
.wojo.fluid.image,
.wojo.fluid.image img,
.wojo.fluid.image svg,
.wojo.fluid.images,
.wojofluid.images img,
.wojo.fluid.images svg {
  display: block;
  width: 100%;
  height: auto;
}
.wojo.label {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  outline: none;
  vertical-align: middle;
  background-color: #757575;
  color: #fff;
  font-family: inherit;
  font-weight: 500;
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: 1rem;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0.25rem;
  box-sizing: content-box;
  border: 1px solid #757575;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.wojo.basic.label,
.wojo.inverted.label {
  background-color: transparent;
  box-shadow: none;
  border-color: #757575;
  color: #757575;
}
.wojo.primary.label {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.wojo.primary.basic.label {
  background-color: transparent;
  color: var(--primary-color);
}
.wojo.primary.inverted.label {
  background-color: var(--primary-color-inverted);
  border-color: var(--primary-color-inverted);
  color: var(--primary-color);
}
.wojo.secondary.label {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #fff;
}
.wojo.secondary.basic.label {
  background-color: transparent;
  color: var(--secondary-color);
}
.wojo.secondary.inverted.label {
  background-color: var(--secondary-color-inverted);
  border-color: var(--secondary-color-inverted);
  color: var(--secondary-color);
}
.wojo.positive.label {
  border-color: var(--positive-color);
  background-color: var(--positive-color);
  color: #fff;
}
.wojo.positive.basic.label {
  background-color: transparent;
  color: var(--positive-color);
}
.wojo.positive.inverted.label {
  background-color: var(--positive-color-inverted);
  border-color: var(--positive-color-inverted);
  color: var(--positive-color);
}
.wojo.negative.label {
  background-color: var(--negative-color);
  border-color: var(--negative-color);
  color: #fff;
}
.wojo.negative.basic.label {
  background-color: transparent;
  color: var(--negative-color);
}
.wojo.negative.inverted.label {
  background-color: var(--negative-color-inverted);
  border-color: var(--negative-color-inverted);
  color: var(--negative-color);
}
.wojo.light.label {
  background-color: var(--light-color);
  border-color: var(--light-color);
  color: var(--body-color);
}
.wojo.light.basic.label {
  background-color: transparent;
  color: var(--light-color);
}
.wojo.light.inverted.label {
  background-color: var(--light-color-inverted);
  border-color: var(--light-color-inverted);
  color: var(--light-color);
}
.wojo.dark.label {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
  color: #fff;
}
.wojo.dark.basic.label {
  background-color: transparent;
  color: #fff;
}
.wojo.dark.inverted.label {
  background-color: var(--dark-color-inverted);
  border-color: var(--dark-color-inverted);
  color: var(--dark-color);
}
.wojo.alert.label {
  background-color: var(--alert-color);
  border-color: var(--alert-color);
  color: #fff;
}
.wojo.alert.basic.label {
  background-color: transparent;
  color: var(--alert-color);
}
.wojo.white.label {
  background-color: #fff;
  border-color: #fff;
  color: var(--primary-color);
}
.wojo.white.basic.label {
  background-color: transparent;
  color: #fff;
}
.wojo.transparent.label {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: 1px solid transparent;
}
.wojo.label .icon {
  margin-right: 0.5rem;
}
.wojo.right.label .icon {
  margin-left: 0.5rem;
  margin-right: 0;
}
.wojo.rounded.label {
  border-radius: 2rem;
}
.wojo.circular.label {
  border-radius: 100rem;
}
.wojo.initials.label {
  width: 2rem;
  height: 2rem;
  padding: 0;
  line-height: 2rem;
  font-size: 0.875rem;
}
.wojo.initials.label .icon {
  margin-right: 0;
}
.wojo.empty.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.875rem;
  height: 0.875rem;
  padding: 0;
}
.wojo.ring.label {
  border-radius: 100%;
  height: 0.875rem;
  padding: 0;
  vertical-align: middle;
  width: 0.875rem;
}
.wojo.ring.label.spaced {
  margin-right: 0.5rem;
}
.wojo.ring.label::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 0.625rem;
  left: 0.125rem;
  position: absolute;
  top: 0.125rem;
  transition: all 0.3s ease 0s;
  width: 0.625rem;
}
.wojo.link.label {
  cursor: pointer;
}
.wojo.simple.label {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}
.wojo.label .status {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0.813rem;
  height: 0.813rem;
  border-radius: 1rem;
  background: #ffffff;
  border: 2px solid #ffffff;
}
.wojo.label .status.negative {
  background: var(--negative-color);
}
.wojo.label .status.positive {
  background: var(--positive-color);
}
.wojo.top.right.attached.label {
  position: absolute;
  top: 0;
  right: 0;
}
.wojo.top.left.attached.label {
  position: absolute;
  top: 0;
  left: 0;
}
.wojo.tiny.label {
  font-size: 0.6875rem;
  padding: 0.25rem 0.5rem;
}
.wojo.tiny.empty.label {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
}
.wojo.small.label {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.wojo.small.empty.label {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
}
.wojo.label {
  font-size: 0.813rem;
}
.wojo.big.label {
  font-size: 0.913rem;
}
.wojo.big.initials.label {
  width: calc(2.875rem - 2px);
  height: calc(2.875rem - 2px);
  line-height: calc(2.875rem - 2px);
}
.wojo.large.label {
  font-size: 1rem;
}
.wojo.message {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 1rem 1.5rem;
  background-color: var(--grey-color-100);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  border: 1px solid var(--grey-color-300);
  box-shadow: 0 0 2rem 0 var(--shadow-color);
}
.wojo.message .header {
  font-size: 1rem;
  font-weight: 700;
}
.wojo.icon.message > .icon:not(.close) {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  white-space: nowrap;
  margin-right: 1rem;
}
.wojo.icon.message > .icon:not(.close) {
  width: auto;
}
.wojo.icon.message > .content {
  flex: 1 1 0px;
}
.wojo.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0;
  top: 0.75em;
  right: 0.5em;
  opacity: 0.7;
  transition: opacity 0.1s ease;
}
.wojo.icon.message > .wojo.image {
  margin-right: 1rem;
}
.wojo.compact.message {
  display: inline-flex;
}
.wojo.primary.message {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--primary-color-inverted);
}
.wojo.secondary.message {
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color-inverted);
}
.wojo.positive.message {
  background-color: var(--positive-color);
  border: 1px solid var(--positive-color);
  color: var(--positive-color-inverted);
}
.wojo.negative.message {
  background-color: var(--negative-color);
  border: 1px solid var(--negative-color);
  color: var(--negative-color-inverted);
}
.wojo.primary.inverted.message {
  background-color: var(--primary-color-inverted);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.wojo.secondary.inverted.message {
  background-color: var(--secondary-color-inverted);
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
.wojo.positive.inverted.message {
  background-color: var(--positive-color-inverted);
  border: 1px solid var(--positive-color);
  color: var(--positive-color);
}
.wojo.negative.inverted.message {
  background-color: var(--negative-color-inverted);
  border: 1px solid var(--negative-color);
  color: var(--negative-color);
}
.wojo.info.message {
  background-color: var(--info-color);
  border: 1px solid var(--info-color);
  color: var(--info-color-inverted);
}
.wojo.info.inverted.message {
  background-color: var(--info-color-inverted);
  border: 1px solid var(--info-color);
  color: var(--info-color);
}
.wojo.alert.message {
  background-color: var(--alert-color);
  border: 1px solid var(--alert-color);
  color: var(--alert-color-inverted);
}
.wojo.alert.inverted.message {
  background-color: var(--alert-color-inverted);
  border: 1px solid var(--alert-color);
  color: var(--alert-color);
}
#wojo-overlay {
  position: fixed;
  width: auto;
  right: 1rem;
  top: 2rem;
  z-index: 5000;
}
.wojo.notice {
  max-width: 100%;
  min-width: 300px;
  position: relative;
  border-radius: 0.25rem;
  color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.wojo.notice .content {
  padding: 1.25rem;
}
.wojo.notice .wojo.progress,
.wojo.notice .wojo.progress.attached .bar {
  border-radius: 0.25rem;
}
.wojo.notice span {
  font-size: 1rem;
  display: block;
  font-weight: 600;
}
.wojo.notice .text,
.wojo.notice p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
.wojo.notice .flag {
  margin-left: 0.5rem;
}
.wojo.notice .item b {
  margin-right: 0.5rem;
}
.wojo.notice a.notice-close {
  opacity: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
}
.wojo.notice:hover a.notice-close {
  opacity: 1;
}
.wojo.notice.success {
  background-color: var(--positive-color-hover);
  color: var(--positive-color-inverted);
}
.wojo.notice.success:before {
  color: var(--positive-color);
}
.wojo.notice.info {
  background-color: var(--info-color-hover);
  color: var(--info-color-inverted);
}
.wojo.notice.info:before {
  color: var(--info-color);
}
.wojo.notice.alert {
  background-color: var(--alert-color-hover);
  color: var(--alert-color-inverted);
}
.wojo.notice.alert:before {
  color: var(--alert-color);
}
.wojo.notice.error {
  background-color: var(--negative-color-hover);
  color: var(--negative-color-inverted);
}
.wojo.notice.error:before {
  color: var(--negative-color);
}
.wojo.notes.content {
  position: relative;
  background: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 0.1) 0%,
      transparent 1px
    )
    0 36px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 1px)
    0 36px;
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 1px) 0
    36px;
  background-size: 100% 36px;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0;
  min-height: 628px;
  color: rgba(0, 0, 0, 0.85);
  padding: 0;
  padding-left: 2rem;
  font-weight: 400;
}
.wojo.notes.content p {
  margin: 0;
}
.wojo.notes.content::before,
.wojo.notes.content::after {
  content: "";
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  height: 100%;
}
.wojo.notes.content::after {
  left: 1.25rem;
}
.wojo.heading.message {
  box-shadow: none;
  border: 0;
  margin: 0;
}
.wojo.basic.message {
  padding: 0;
}
.wojo.simple.message {
  border: 0;
  box-shadow: none;
}
.wojo.transparent.message {
  background-color: transparent;
}
.wojo.attached.message {
  margin: 0;
}
.wojo.top.attached.message {
  margin-top: 0;
}
.wojo.bottom.attached.message {
  margin-bottom: 0;
}
.wojo.relaxed.message {
  padding: 2rem;
}
.wojo.small.message {
  font-size: 0.875rem;
}
.wojo.message {
  font-size: 1rem;
}
ul.wojo.list,
ol.wojo.list {
  list-style-type: none;
  margin: 1rem 0;
  padding: 0;
}
ul.wojo.list li,
ol.wojo.list li {
  list-style-type: none;
  list-style-position: outside;
  padding: 0.125rem 0;
}
ul.wojo.list ul,
ol.wojo.list ol,
ul ul,
ol ol {
  margin: 0;
  padding: 0 0 0 0.75rem;
}
.wojo.list .item {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  margin-bottom: 0.25rem;
}
.wojo.list.middle.aligned .item {
  align-items: center;
}
.wojo.list .item > .content,
.wojo.list .item > .icon {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.list .item > .icon,
.wojo.list .item > b.index {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  padding-right: 1rem;
}
.wojo.list .item > .image {
  margin-right: 1rem;
}
.wojo.list .item .icon:only-child,
.wojo.list .item .image:only-child {
  -ms-grid-row-align: center;
  align-self: center;
}
.wojo.list .item .header {
  line-height: 1rem;
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.wojo.list .item .description {
  margin-left: 0.5rem;
  font-weight: 400;
}
.wojo.horizontal.list {
  display: inline-flex;
  flex-flow: row wrap;
}
.wojo.horizontal.list > .item {
  margin-left: 1rem;
  align-items: center;
}
.wojo.horizontal.list:not(.celled):not(.bulleted) > .item:first-child {
  margin-left: 0em;
  padding-left: 0em;
}
.wojo.divided.list:not(.horizontal) > .item {
  border-top: 1px solid var(--grey-color-300);
}
.wojo.divided.list:not(.horizontal) > .item:first-child {
  border-top: none;
}
.wojo.divided.horizontal.list > .item,
.wojo.celled.horizontal.list > .item {
  padding-left: 1rem;
}
.wojo.divided.horizontal.list > .item.active,
.wojo.celled.horizontal.list > .item.active {
  font-weight: 700;
  color: var(--dark-color);
}
.wojo.divided.horizontal.list > .item::before,
.wojo.celled.horizontal.list > .item::before,
.wojo.horizontal.celled.list > .item:last-child::after {
  border-left: 1px solid var(--grey-color-300);
  height: 50%;
  left: 0;
  top: 25%;
  width: 1px;
  position: absolute;
  content: "";
}
.wojo.horizontal.divided.list > .item:first-child::before {
  border: none;
}
.wojo.celled.list:not(.horizontal) > .item {
  border-top: 1px solid var(--grey-color-300);
  padding: 0.5rem;
}
.wojo.celled.list:not(.horizontal) > .item:last-child {
  border-bottom: 1px solid var(--grey-color-300);
}
.wojo.horizontal.celled.list > .item:last-child::after {
  left: auto;
  right: -1rem;
}
.wojo.celled.horizontal.list > .item:first-child {
  margin-left: 0;
}
.wojo.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.5rem;
}
.wojo.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.5rem;
}
.wojo.horizontal.relaxed.list .list > .item:not(:first-child),
.wojo.horizontal.relaxed.list > .item:not(:first-child) {
  padding-left: 1rem;
}
.wojo.horizontal.relaxed.list .list > .item:not(:last-child),
.wojo.horizontal.relaxed.list > .item:not(:last-child) {
  padding-right: 1rem;
}
.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.875em;
}
.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.875em;
}
.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
.wojo.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  padding-left: 1.5rem;
}
.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
.wojo.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  padding-right: 1.5rem;
}
.wojo.fluid.list .item {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0;
}
.wojo.fluid.list .item > .content {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.fluid.list .item > .content.auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.wojo.horizontal.compact.list .item {
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
.wojo.items {
  display: flex;
  flex-direction: column;
}
.wojo.items > .item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
}
.wojo.items > .item > .columns {
  flex: 1 1 0px;
  min-width: 0;
  padding: 0.75em;
  white-space: nowrap;
}
.wojo.items > .item > .columns.auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  white-space: nowrap;
}
.wojo.items > .item > .columns > .header {
  font-weight: 500;
}
.wojo.divided.items > .item {
  border-top: 1px solid var(--grey-color-300);
}
.wojo.celled.items > .item {
  border-top: 1px solid var(--grey-color-300);
}
.wojo.celled.items > .item:last-child {
  border-bottom: 1px solid var(--grey-color-300);
}
ul.wojo.fitted.list,
ol.wojo.fitted.list {
  margin: 0;
}
.wojo.items > .item > .columns.one.wide {
  flex: 0 0 10%;
  max-width: 10%;
}
.wojo.items > .item > .columns.two.wide {
  flex: 0 0 20%;
  max-width: 20%;
}
.wojo.items > .item > .columns.three.wide {
  flex: 0 0 30%;
  max-width: 30%;
}
.wojo.items > .item > .columns.four.wide {
  flex: 0 0 40%;
  max-width: 40%;
}
.wojo.items > .item > .columns.five.wide {
  flex: 0 0 50%;
  max-width: 50%;
}
.wojo.items > .item > .columns.six.wide {
  flex: 0 0 60%;
  max-width: 60%;
}
.wojo.items > .item > .columns.seven.wide {
  flex: 0 0 70%;
  max-width: 70%;
}
.wojo.items > .item > .columns.eight.wide {
  flex: 0 0 80%;
  max-width: 80%;
}
.wojo.items > .item > .columns.nine.wide {
  flex: 0 0 90%;
  max-width: 90%;
}
.wojo.items > .item > .columns.ten.wide {
  flex: 0 0 100%;
  max-width: 100%;
}
.wojo.mini.list {
  font-size: 0.75rem;
}
.wojo.tiny.list,
.wojo.tiny.items {
  font-size: 0.813rem;
}
.wojo.small.list,
.wojo.small.items {
  font-size: 0.938rem;
}
.wojo.list,
.wojo.items {
  font-size: 1rem;
}
@media screen and (max-width: 48.063em) {
  .wojo.items {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .wojo.items > .item > .columns.one.wide,
  .wojo.items > .item > .columns.two.wide,
  .wojo.items > .item > .columns.three.wide,
  .wojo.items > .item > .columns.four.wide,
  .wojo.items > .item > .columns.five.wide,
  .wojo.items > .item > .columns.six.wide,
  .wojo.items > .item > .columns.seven.wide,
  .wojo.items > .item > .columns.eight.wide,
  .wojo.items > .item > .columns.nine.wide,
  .wojo.items > .item > .columns.ten.wide,
  .wojo.items > .item > .columns {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    white-space: nowrap;
  }
  .wojo.divided.items > .item {
    border-top: 1px solid var(--grey-color-300);
    border-left: 1px solid var(--grey-color-300);
  }
  .wojo.divided.items > .item:first-child {
    border-left: 0;
  }
}
.wojo.table {
  width: 100%;
  background: #ffffff;
  margin: 0em;
  border: 1px solid var(--grey-color-300);
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0px;
}
.wojo.table:first-child {
  margin-top: 0em;
}
.wojo.table:last-child {
  margin-bottom: 0em;
}
.wojo.table th,
.wojo.table td {
  transition: background 0.1s ease, color 0.1s ease;
}
.wojo.table thead {
  box-shadow: none;
}
.wojo.table thead th {
  cursor: auto;
  background: var(--grey-color-100);
  text-align: inherit;
  padding: 1em 0.75em;
  vertical-align: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: none;
  border-bottom: 1px solid var(--grey-color-300);
  border-left: none;
}
.wojo.table thead tr > th:first-child {
  border-left: none;
}
.wojo.table thead tr:first-child > th:first-child {
  border-radius: 0.25rem 0 0em 0;
}
.wojo.table thead tr:first-child > th:last-child {
  border-radius: 0 0.25rem 0 0;
}
.wojo.table thead tr:first-child > th:only-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.wojo.table tfoot {
  box-shadow: none;
}
.wojo.table tfoot th {
  cursor: auto;
  border-top: 1px solid var(--grey-color-300);
  background: var(--grey-color-100);
  text-align: inherit;
  color: var(--dark-color);
  padding: 0.75em 0.75em;
  vertical-align: middle;
  font-style: normal;
  font-size: 0.813rem;
  font-weight: 600;
  text-transform: none;
}
.wojo.table tfoot tr > th:first-child {
  border-left: none;
}
.wojo.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.25rem;
}
.wojo.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.25rem 0em;
}
.wojo.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.25rem 0.25rem;
}
.wojo.table tr td {
  border-top: 3px solid var(--grey-color-300);
}
.wojo.table tr:first-child td {
  border-top: none;
}
.wojo.table td {
  padding: 0.75em 0.75em;
  text-align: inherit;
  font-weight: 400;
}
.wojo.table th .image,
.wojo.table th .image img,
.wojo.table td .image,
.wojo.table td .image img {
  max-width: none;
}
.wojo.basic.table {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.wojo.basic.table thead,
.wojo.basic.table tfoot {
  box-shadow: none;
}
.wojo.basic.table th {
  background: transparent;
  border-left: none;
  text-transform: uppercase;
  font-size: 0.813rem;
  white-space: nowrap;
}
.wojo.basic.table tr td {
  border-top: 1px solid var(--grey-color-300);
}
.wojo.basic.table thead tr:first-child > th:last-child,
.wojo.table thead tr:first-child > th:first-child {
  border-radius: 0;
}
.wojo.basic.striped.table tbody tr:nth-child(2n) {
  background-color: var(--grey-color-100);
}
.wojo.table th.center.aligned,
.wojo.table td.center.aligned {
  text-align: center;
}
.wojo.table th.right.aligned,
.wojo.table td.right.aligned {
  text-align: right;
}
.wojo[class*="very basic"].table {
  border: none;
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) th,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td {
  padding: "";
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) th:first-child,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td:first-child {
  padding-left: 0em;
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) th:last-child,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td:last-child {
  padding-right: 0em;
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped)
  thead
  tr:first-child
  th {
  padding-top: 0em;
}
.wojo.very.basic.table tr td {
  border-top: 0 solid rgba(34, 36, 38, 0.1);
}
.wojo.table th.auto,
.wojo.table td.auto {
  width: 1px;
  white-space: nowrap;
}
.wojo.compact.table th {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.wojo.compact.table td {
  padding: 0.5em 0.75em;
}
.wojo[class*="very compact"].table th {
  padding-left: 0.613em;
  padding-right: 0.613em;
}
.wojo[class*="very compact"].table td {
  padding: 0.375em 0.613em;
}
.wojo.compact.fitted.table td {
  padding: 0.2em 0.4em;
}
.wojo.collapsing.table {
  width: auto;
}
.wojo.table .handle {
  cursor: move;
}
.wojo.table th.one.wide,
.wojo.table td.one.wide {
  width: 6.25%;
}
.wojo.table th.two.wide,
.wojo.table td.two.wide {
  width: 12.5%;
}
.wojo.table th.three.wide,
.wojo.table td.three.wide {
  width: 18.75%;
}
.wojo.table th.four.wide,
.wojo.table td.four.wide {
  width: 25%;
}
.wojo.table th.five.wide,
.wojo.table td.five.wide {
  width: 31.25%;
}
.wojo.table th.six.wide,
.wojo.table td.six.wide {
  width: 37.5%;
}
.wojo.table th.seven.wide,
.wojo.table td.seven.wide {
  width: 43.75%;
}
.wojo.table th.eight.wide,
.wojo.table td.eight.wide {
  width: 50%;
}
.wojo.table th.nine.wide,
.wojo.table td.nine.wide {
  width: 56.25%;
}
.wojo.table th.ten.wide,
.wojo.table td.ten.wide {
  width: 62.5%;
}
.wojo.table th.eleven.wide,
.wojo.table td.eleven.wide {
  width: 68.75%;
}
.wojo.table th.twelve.wide,
.wojo.table td.twelve.wide {
  width: 75%;
}
.wojo.table th.thirteen.wide,
.wojo.table td.thirteen.wide {
  width: 81.25%;
}
.wojo.table th.fourteen.wide,
.wojo.table td.fourteen.wide {
  width: 87.5%;
}
.wojo.table th.fifteen.wide,
.wojo.table td.fifteen.wide {
  width: 93.75%;
}
.wojo.table th.sixteen.wide,
.wojo.table td.sixteen.wide {
  width: 100%;
}
.wojo.small.table {
  font-size: 0.875rem;
}
.wojo.table {
  font-size: 1rem;
}
.wojo.large.table {
  font-size: 1.25rem;
}
@media screen and (max-width: 30em) {
  .wojo.responsive.table {
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: "";
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 200;
  box-shadow: 1px 1px 0px 0px #bababc;
}
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 0.75rem;
  border: 1px solid #d4d4d5;
  line-height: 1.4285em;
  max-width: none;
  background: #ffffff;
  padding: 0.5em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.25rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12),
    0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 100;
}
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.063rem;
  margin-bottom: 0;
}
[data-tooltip]:not([data-position]):after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}
[data-tooltip]:before {
  opacity: 0;
  -webkit-transform: rotate(45deg) scale(0) !important;
  transform: rotate(45deg) scale(0) !important;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  transition: all 0.1s ease;
}
[data-tooltip]:after {
  opacity: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  transition: all 0.1s ease;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}
[data-tooltip]:hover:before {
  -webkit-transform: rotate(45deg) scale(1) !important;
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
}
[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
}
[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  -webkit-transform: translateY(-50%) scale(0) !important;
  transform: translateY(-50%) scale(0) !important;
}
[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  -webkit-transform: translateY(-50%) scale(1) !important;
  transform: translateY(-50%) scale(1) !important;
}
[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
}
[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}
[data-tooltip][data-inverted]:before {
  background: #1b1c1d;
}
[data-tooltip][data-inverted]:after {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #ffffff;
}
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 0.5em;
}
[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.063rem;
  margin-bottom: 0;
}
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.063rem;
  margin-bottom: 0.125rem;
}
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.063rem;
  margin-bottom: 0.125rem;
}
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 0.5em;
}
[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.063rem;
  margin-top: 0.125rem;
}
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.063rem;
  margin-top: 0.125rem;
}
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.125rem;
  margin-top: 0.063rem;
}
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.125rem;
  margin-right: -0.063rem;
}
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.063rem;
  margin-left: 0.125rem;
}
[data-position~="bottom"][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-position="left center"][data-tooltip]:before {
  background: #ffffff;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-position="right center"][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-position~="top"][data-tooltip]:before {
  background: #ffffff;
}
[data-inverted][data-position~="bottom"][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-inverted][data-position~="top"][data-tooltip]:before {
  background: #1b1c1d;
}
[data-position~="bottom"][data-tooltip]:before {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
[data-position~="bottom"][data-tooltip]:after {
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
[data-position="left center"][data-tooltip]:before {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
[data-position="left center"][data-tooltip]:after {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:after {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.jqstooltip {
  background-color: var(--dark-color);
  border-radius: 0.25rem;
  color: #ffffff;
  font-size: 0.75rem;
  width: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  text-align: left;
  white-space: nowrap;
  z-index: 10000;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}
.jqsfield {
  padding: 0.25rem;
  text-align: left;
}
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  background-color: var(--dark-color);
  font-size: 0.875rem;
  text-align: center;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  z-index: 1000;
  line-height: 1.25em;
  padding: 0.5em 0.75em;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.188rem;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: 700;
  margin: 0.25em 0;
  color: #fff;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}
.wojo.form {
  position: relative;
  max-width: 100%;
}
.wojo.form .field > label {
  display: block;
  margin: 0em 0em 0.5rem 0em;
  color: var(--body-color);
  font-size: 0.813rem;
  font-weight: 700;
  text-transform: uppercase;
}
.wojo.form .field label .icon.asterisk {
  font-size: 0.75em;
  vertical-align: middle;
  color: var(--alert-color);
}
.wojo.form textarea,
.wojo.file > input,
.wojo.form input:not([type]),
.wojo.form input[type="date"],
.wojo.form input[type="datetime-local"],
.wojo.form input[type="email"],
.wojo.form input[type="number"],
.wojo.form input[type="password"],
.wojo.form input[type="search"],
.wojo.form input[type="tel"],
.wojo.form input[type="time"],
.wojo.form input[type="text"],
.wojo.form input[type="url"] {
  width: 100%;
  font-family: inherit;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: normal;
  vertical-align: middle;
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
  height: calc(1.75rem + 1rem + 2px);
  background: #fff;
  border: 0px solid var(--grey-color-300);
  color: var(--body-color);
  border-radius: 0.25rem;
  font-weight: 400;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.15s ease 0s;
}
.wojo.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.wojo.form input.basic {
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: var(--grey-color-500);
  background: rgba(255, 255, 255, 0);
  border-radius: 0;
  padding: 1rem 0;
}
.wojo.form textarea:focus,
.wojo.form input:not([type]):focus,
.wojo.form input[type="date"]:focus,
.wojo.form input[type="datetime-local"]:focus,
.wojo.form input[type="email"]:focus,
.wojo.form input[type="number"]:focus,
.wojo.form input[type="password"]:focus,
.wojo.form input[type="search"]:focus,
.wojo.form input[type="tel"]:focus,
.wojo.form input[type="time"]:focus,
.wojo.form input[type="text"]:focus,
.wojo.form input[type="url"]:focus,
.wojo.form input[type="text"]:focus,
.wojo.form select:focus {
  color: var(--dark-color);
  border-color: var(--primary-color);
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.5);
}
.wojo.form textarea.basic:focus,
.wojo.form input.basic:not([type]):focus,
.wojo.form input.basic[type="date"]:focus,
.wojo.form input.basic[type="datetime-local"]:focus,
.wojo.form input.basic[type="email"]:focus,
.wojo.form input.basic[type="number"]:focus,
.wojo.form input.basic[type="password"]:focus,
.wojo.form input.basic[type="search"]:focus,
.wojo.form input.basic[type="tel"]:focus,
.wojo.form input.basic[type="time"]:focus,
.wojo.form input.basic[type="text"]:focus {
  color: var(--dark-color);
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: var(--primary-color);
  background: rgba(255, 255, 255, 0);
  border-radius: 0;
  box-shadow: none;
}
.wojo.form ::-webkit-input-placeholder {
  color: var(--grey-color-500);
}
.wojo.form :-ms-input-placeholder {
  color: var(--grey-color-500);
}
.wojo.form ::-moz-placeholder {
  color: var(--grey-color-500);
}
.wojo.form :focus::-webkit-input-placeholder {
  color: var(--grey-color-700);
}
.wojo.form :focus:-ms-input-placeholder {
  color: var(--grey-color-700);
}
.wojo.form :focus::-moz-placeholder {
  color: var(--grey-color-700);
}
.wojo.form input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #fff inset;
  border-color: #fff;
}
.wojo.form input:-webkit-autofill:focus {
  box-shadow: 0px 0px 0px 100px #fff inset;
  border-color: #fff;
}
.wojo.form select {
  font-family: inherit;
  display: inline-block;
  width: 100%;
  color: var(--dark-color);
  line-height: 1rem;
  padding: 0 1.5rem;
  font-size: 1rem;
  height: calc(1.875rem + 1rem);
  border: 0px solid var(--grey-color-300);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23212529' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 1rem center;
  background-size: auto auto;
  background-size: 8px 10px;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.wojo.form select.basic {
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid var(--grey-color-500);
  border-radius: 0;
  padding: 1rem 0;
  background-color: rgba(255, 255, 255, 0);
}
.wojo.form select:focus {
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.5);
}
.wojo.form select option {
  font-size: 0.913rem;
}
.wojo.file {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.wojo.file > input,
.wojo.file > div {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.file > div {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.wojo.file > div .label {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  font-size: 0.75rem;
  width: 1rem;
  height: 1rem;
  font-weight: 500;
  border-radius: 0.25rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--dark-color-shadow);
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1);
}
.wojo.checkbox {
  position: relative;
  padding: 0 0 0 2.5rem;
  text-align: left;
  line-height: 1;
  margin-bottom: 1.5em;
}
.wojo.checkbox.inline {
  display: inline-flex;
  margin-right: 1.5em;
}
.wojo.checkbox.inline > * {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  max-width: 100%;
}
.wojo.checkbox label {
  cursor: pointer;
  color: var(--grey-color-500);
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wojo.checkbox label::before,
.wojo.checkbox label::after {
  content: "";
  position: absolute;
  top: 50%;
}
.wojo.checkbox.radio label::before,
.wojo.checkbox.radio label::after {
  border-radius: 50%;
}
.wojo.checkbox label::before {
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border: 2px solid var(--grey-color-300);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wojo.checkbox label::after {
  left: 0.125rem;
  width: 1rem;
  height: 1rem;
  margin: -0.5rem 0 0;
  opacity: 0;
  background: var(--primary-color);
  -webkit-transform: translate3d(-20px, 0, 0) scale(0.5);
  transform: translate3d(-20px, 0, 0) scale(0.5);
  transition: all 0.35s ease;
}
.wojo.checkbox.radio label::before {
  width: 1.5rem;
  height: 1.5rem;
}
.wojo.checkbox.radio label::after {
  left: 0.25rem;
}
.wojo.checkbox.small label::before {
  width: 1rem;
  height: 1rem;
}
.wojo.checkbox.small label::after {
  width: 0.75rem;
  height: 0.75rem;
  margin: -0.35rem 0 0;
}
.wojo.checkbox input[type="radio"],
.wojo.checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
}
.wojo.checkbox input[type="radio"]:checked + label:after,
.wojo.checkbox input[type="checkbox"]:checked + label:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: all 0.2s ease;
}
.wojo.toggle.checkbox {
  padding: 0 0 0 3.5rem;
}
.wojo.toggle.checkbox label::before,
.wojo.toggle.checkbox label::after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.wojo.toggle.checkbox label::before {
  left: 0;
  width: 2.5rem;
  height: 0.875rem;
  background-color: var(--grey-color-300);
  border-radius: 0.5rem;
  border: 0;
}
.wojo.toggle.checkbox label::after {
  left: 0;
  opacity: 1;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 1px solid var(--grey-color-300);
  border-radius: 50%;
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.1);
}
.wojo.toggle.checkbox input[type="radio"]:checked + label:before,
.wojo.toggle.checkbox input[type="checkbox"]:checked + label:before {
  background-color: var(--primary-color);
}
.wojo.toggle.checkbox input[type="radio"]:checked + label:after,
.wojo.toggle.checkbox input[type="checkbox"]:checked + label:after {
  border-color: var(--primary-color);
  -webkit-transform: translate(90%, -50%);
  transform: translate(90%, -50%);
}
.wojo.checkbox input[type="radio"]:checked + label,
.wojo.checkbox input[type="checkbox"]:checked + label {
  color: var(--body-color);
}
.wojo.checkbox.fitted {
  margin-bottom: 0;
}
.wavatar-dropzone {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--grey-color-300);
  border-radius: 0.25rem;
  padding: 0px;
  margin: 0 auto;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.wavatar-dropzone > div {
  flex: 1 1 0px;
  min-width: 0;
  cursor: pointer;
}
.wavatar-dropzone img {
  max-width: 150px;
  max-height: 150px;
  vertical-align: middle;
  border-radius: 0.25em;
  z-index: 3;
}
.wavatar-dropzone [type="file"] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.wavatar-focus,
.wavatar-dropzone:hover {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  box-shadow: 0 3px 9px var(--shadow-color), 3px 4px 8px var(--shadow-color);
}
.wavatar-accept {
  color: var(--positive-color);
  border: 1px solid var(--positive-color);
}
.wavatar-enter {
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
.wavatar-reject {
  color: var(--negative-color);
  border: 1px solid var(--negative-color);
}
.wojo.color.picker {
  background: #fff;
  position: absolute;
  border-radius: 0.25rem;
  border: 1px solid var(--grey-color-300);
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  z-index: 1500;
  transition: all linear 0.2s;
}
.wojo.color.picker h5 {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--body-color);
  margin-bottom: 0.5rem;
}
.wojo.color.picker .items {
  display: flex;
  flex-flow: row wrap;
  margin-left: -0.25rem;
}
.wojo.color.picker .wojo.mini.input {
  margin: 0.5rem 0;
}
.wojo.color.picker .row {
  margin-top: 1rem;
}
.wojo.color.picker .wojo.mini.input.error {
  border: 1px solid var(--negative-color);
}
.wojo.color.picker .wojo.mini.input.error input {
  color: var(--negative-color);
}
.wojo.color.picker .items .item {
  border-radius: 0.25rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  flex: 1 1 0px;
  min-width: 0;
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
}
.wojo.color.picker .items .item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.wojo.color.picker .button[data-close] {
  position: absolute;
  right: 0;
  top: 0;
}
.wojo.color.picker .colorPickDummy {
  background: #fff;
  border: 1px dashed var(--grey-color-300);
}
.wojo.calendar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  background-color: transparent;
  transition: background-color 0.2s linear, opacity 0.2s ease;
  z-index: 1200;
  overflow: hidden;
}
.wojo.calendar.active {
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.75);
}
.wojo.calendar.inactive {
  opacity: 0;
  background-color: transparent;
}
.wojo.calendar .container {
  line-height: normal;
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 50%;
  bottom: 2rem;
  min-width: 280px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.25rem;
  -webkit-transform: translateX(-50%) scale(1.05) perspective(1px);
  transform: translateX(-50%) scale(1.05) perspective(1px);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease,
    -webkit-transform 0.25s ease;
}
.wojo.calendar.active .container {
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.wojo.calendar .header {
  padding: 1.5rem;
  color: #fff;
  background-color: var(--primary-color);
}
.wojo.calendar .header .current.year {
  display: block;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
}
.wojo.calendar .header .current.year:hover {
  color: #fff;
}
.wojo.calendar .header .current.date {
  font-size: 1.875rem;
  font-weight: 300;
}
.wojo.calendar .content {
  position: relative;
  background-color: #fff;
  width: 400px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 0 1 auto;
}
.wojo.calendar .content .prev.link,
.wojo.calendar .content .next.link {
  position: absolute;
  top: 0.5rem;
  left: 0.875rem;
  display: block;
  text-align: center;
  line-height: 2rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border-radius: 0.25rem;
  opacity: 1;
  transition: opacity 0.25s ease, background-color 0.25s linear;
  z-index: 2;
}
.wojo.calendar .content .next.link {
  left: auto;
  right: 0.875rem;
}
.wojo.calendar .content .prev.link:hover,
.wojo.calendar .content .next.link:hover {
  background-color: var(--grey-color-300);
}
.wojo.calendar .content .prev.link:active,
.wojo.calendar .content .next.link:active {
  background-color: var(--grey-color-500);
}
.wojo.calendar .content .views {
  width: 1200px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.25s ease;
  display: flex;
  flex-flow: row wrap;
}
.wojo.calendar .content .sections {
  padding: 0 1rem 0.75rem;
  -webkit-transform: translateX(-100%) perspective(1px);
  transform: translateX(-100%) perspective(1px);
  transition: none;
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}
.wojo.calendar .content .sections.animate-left {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.wojo.calendar .content .sections.animate-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.wojo.calendar .sections .heading {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  padding: 1rem 0;
}
.wojo.calendar .sections .weekdays {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
  background-color: var(--grey-color-100);
  padding: 0.5rem 0;
  border-top: 1px solid var(--grey-color-300);
  border-bottom: 1px solid var(--grey-color-300);
}
.wojo.calendar .sections .weekdays span {
  text-align: center;
  font-size: 0.75rem;
  flex: 0 0 Calc(100% / 7);
  max-width: Calc(100% / 7);
  font-weight: 700;
}
.wojo.calendar .sections .week {
  display: flex;
  flex-direction: row;
}
.wojo.calendar .sections .week .item {
  flex: 0 0 Calc(100% / 7);
  max-width: Calc(100% / 7);
  text-decoration: none;
  text-align: center;
  font-size: 0.875rem;
  outline: none;
  cursor: pointer;
  padding: 1.125rem 0.5rem;
  line-height: 1rem;
  position: relative;
  transition: background-color 0.2s linear;
}
.wojo.calendar .sections .week .pm,
.wojo.calendar .sections .week .nm {
  color: var(--grey-color-500);
}
.sections .week .item.disabled {
  cursor: not-allowed;
  color: var(--grey-color-500);
}
.wojo.calendar .sections .week .item:not(.disabled):not(.selected):hover {
  background-color: var(--grey-color-300);
}
.wojo.calendar .sections .week .item:not(.disabled):not(.selected):active {
  background-color: var(--grey-color-500);
}
.wojo.calendar .sections .week .item.current {
  color: var(--primary-color);
  background-color: var(--grey-color-300);
  font-weight: 500;
}
.wojo.calendar .sections .week .item.pm,
.dudp__cal-dates .item.nm {
  color: var(--grey-color-500);
}
.wojo.calendar .sections .week .item.selected {
  font-weight: normal;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 0.25rem;
}
.wojo.calendar .sections .week .item.selected::before,
.wojo.calendar .months .month.selected::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
}
.wojo.calendar .content .months {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease,
    -webkit-transform 0.25s ease;
}
.wojo.calendar .months .month-row {
  display: flex;
  flex-direction: row;
}
.wojo.calendar .months .month {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 1rem;
  position: relative;
  transition: background-color 0.2s linear;
}
.wojo.calendar .months .month:hover {
  background-color: var(--grey-color-300);
}
.wojo.calendar .months .month:active {
  background-color: var(--grey-color-500);
}
.wojo.calendar .months .month.selected {
  font-weight: 500;
  color: #fff;
  background-color: var(--primary-color);
}
.wojo.calendar .content .years {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 1;
  transition: opacity 0.25s ease;
  overflow-y: scroll;
  overflow-x: hidden;
}
.wojo.calendar .years .year {
  display: block;
  padding: 0.5rem 0;
  text-align: center;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.wojo.calendar .years .year:hover {
  background-color: var(--grey-color-300);
}
.wojo.calendar .years .year:active {
  background-color: var(--grey-color-500);
}
.wojo.calendar .years .year.selected {
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  background-color: var(--primary-color);
}
.wojo.calendar .content .actions {
  padding: 0 0.875rem 0.875rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.wojo.calendar .content .actions .button {
  font-size: 0.875rem;
  padding: 0 1rem;
  min-width: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 2rem;
  font-weight: 500;
  cursor: pointer;
  color: var(--primary-color);
  border-radius: 0.25rem;
  border: 0;
  background-color: #fff;
  transition: background-color 0.2s linear;
}
.wojo.calendar .content .actions .button.clear {
  color: var(--negative-color);
}
.wojo.calendar .content .actions .button.today {
  color: var(--positive-color);
}
.wojo.calendar .content .actions .button:hover {
  background-color: var(--grey-color-300);
}
.wojo.calendar .content .actions .button:active {
  background-color: var(--grey-color-500);
}
.wojo.calendar .content .months.is-hidden,
.wojo.calendar .content .prev.link.is-hidden,
.wojo.calendar .content .next.link.is-hidden,
.wojo.calendar .content .views.is-hidden,
.wojo.calendar .content .years.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.wojo.calendar .content .months.is-out {
  opacity: 0;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.wojo.calendar .content .views.is-out {
  opacity: 0;
}
body[datepicker-display="on"] {
  overflow: hidden;
}
.wojo.time.picker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  transition: background-color 0.28s ease;
  z-index: 1200;
}
.wojo.time.picker.hidden {
  display: none;
}
.wojo.time.picker.animate {
  background-color: transparent;
}
.wojo.time.picker .container {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 50%;
  bottom: 24px;
  min-width: 280px;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.25rem;
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: opacity 0.28s ease, -webkit-transform 0.28s ease;
  transition: transform 0.28s ease, opacity 0.28s ease;
  transition: transform 0.28s ease, opacity 0.28s ease,
    -webkit-transform 0.28s ease;
  overflow: hidden;
}
.wojo.time.picker .container.animate {
  -webkit-transform: translateX(-50%) scale(1.05);
  transform: translateX(-50%) scale(1.05);
  opacity: 0;
}
.wojo.time.picker .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  padding: 1.5rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  background-color: var(--primary-color);
}
.wojo.time.picker .header > span {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  line-height: 3rem;
  cursor: default;
}
.wojo.time.picker .header > span:not(.separator):not(.ampm) {
  cursor: pointer;
  margin: 0 0.25rem;
}
.wojo.time.picker .header .hour.active,
.wojo.time.picker .header .minute.active {
  color: #fff;
}
.wojo.time.picker .header .ampm {
  font-size: 1.5rem;
}
.wojo.time.picker .content {
  position: relative;
  padding: 1.5rem;
  background-color: #fff;
}
.wojo.time.picker .content .section {
  position: relative;
  width: 300px;
  height: 300px;
  margin-bottom: 1.5rem;
  border-radius: 0.25rem;
}
.wojo.time.picker .content .section .button.am,
.wojo.time.picker .content .section .button.pm {
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.wojo.time.picker .content .section .button.am {
  left: 0;
}
.wojo.time.picker .content .section .button.pm {
  right: 0;
}
.wojo.time.picker .content .section .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0.375rem;
  background-color: var(--grey-color-300);
  border-radius: 50%;
}
.wojo.time.picker .content .section .hours,
.wojo.time.picker .content .section .minutes {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.35s ease,
    -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease,
    -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.wojo.time.picker .content .section .hours.animate {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}
.wojo.time.picker .content .section .minutes.animate {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.wojo.time.picker .content .section .hours.hidden,
.wojo.time.picker .content .section .minutes.hidden {
  display: none;
}
.wojo.time.picker .content .section .digit {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  margin-top: -1.5rem;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  z-index: 1;
}
.wojo.time.picker .content .section .digit span {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: background-color 0.28s, color 0.14s;
}
.wojo.time.picker .content .section .digit span small {
  line-height: 1rem;
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
}
.wojo.time.picker .content .section .minutes .digit:not(.marker) {
  margin-top: -0.5rem;
  height: 0.75rem;
}
.wojo.time.picker .content .section .minutes .digit:not(.marker) span {
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  margin-left: 2rem;
  background-color: var(--grey-color-300);
}
.wojo.time.picker .content .section .digit.active span,
.wojo.time.picker .content .section .minutes .digit.active:not(.marker) span,
.wojo.time.picker .content .section .minutes .digit:not(.marker) span:hover,
.wojo.time.picker .content .section .digit span:hover {
  background-color: var(--primary-color);
  color: #fff;
  z-index: 2;
  -webkit-transform: scale(1.75);
  transform: scale(1.75);
}
.wojo.time.picker .content .section .minutes .digit.marker {
  margin-top: -0.75rem;
}
.wojo.time.picker .content .section .minutes .digit.marker span {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.wojo.time.picker .actions {
  margin: 0 -1rem -1rem;
  text-align: right;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.wojo.time.picker .actions .button {
  font-size: 0.875rem;
  padding: 0 1rem;
  min-width: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 2rem;
  font-weight: 500;
  cursor: pointer;
  color: var(--primary-color);
  border-radius: 0.25rem;
  border: 0;
  background-color: #fff;
  transition: background-color 0.2s linear;
}
.wojo.time.picker .actions .button.cancel {
  color: var(--negative-color);
}
.wojo.time.picker .actions .button.now {
  color: var(--positive-color);
}
.wojo.time.picker .actions .button:hover {
  background-color: var(--grey-color-300);
}
.wojo.time.picker .actions .button:active {
  background-color: var(--grey-color-500);
}
body[timepicker-display="on"] {
  overflow: hidden;
}
.wojo.range,
.wojo.range .fill {
  border-radius: 0.25rem;
}
.wojo.range {
  background: var(--grey-color-300);
  position: relative;
}
.wojo.range.horizontal {
  height: 0.5rem;
  width: 100%;
}
.wojo.range.vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
  height: 100%;
}
.wojo.range.disabled {
  opacity: 0.4;
}
.wojo.range .fill {
  background: var(--primary-color);
  position: absolute;
}
.wojo.range.horizontal .fill {
  top: 0;
  height: 100%;
}
.wojo.range.vertical .fill {
  bottom: 0;
  width: 100%;
}
.wojo.range .handle {
  cursor: pointer;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  transition: background 0.3s ease;
  border-radius: 50%;
  z-index: 2;
}
.wojo.range .handle:active,
.wojo.range.active .handle {
  background: #fff;
}
.wojo.range.horizontal .handle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.wojo.range.vertical .handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
.wojo.range .counter {
  position: absolute;
  right: 0;
  top: -1.5rem;
  font-weight: 500;
  font-size: 0.75rem;
}
.wojo.range .labels {
  width: 100%;
  display: flex;
  padding-top: 0.5rem;
  justify-content: space-between;
  z-index: 1;
}
.wojo.range .labels .label {
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  padding-top: 0.5rem;
}
.wojo.range .labels .label::before {
  content: "";
  height: 0.5em;
  width: 1px;
  background: var(--dark-color-shadow);
  position: absolute;
  top: 0;
  left: 50%;
}
.wojo.range .labels .label:first-child::before {
  left: 0;
}
.wojo.range .labels .label:last-child::before {
  right: 0;
  left: auto;
}
.wojo.small.range,
.wojo.small.range .fill {
  border-radius: 0.188rem;
}
.wojo.small.range.horizontal {
  height: 0.25rem;
}
.wojo.small.range .handle {
  width: 1rem;
  height: 1rem;
}
.wojo.loading.form {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.wojo.loading.form:before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 10;
}
.wojo.loading.form:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
  animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1)
    rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0);
  visibility: visible;
  z-index: 11;
}
@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
[data-editable="true"] {
  position: relative;
}
[data-editable="true"]::after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px dashed var(--grey-color-500);
}
.wojo.editable {
  background-color: #fff;
  border: 0;
  -webkit-appearance: none;
  padding: 0.125rem 1rem !important;
  outline: var(--primary-color) solid 2px;
  outline-offset: 0px;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}
.wojo.fields {
  display: flex;
  flex-direction: row;
  margin-left: -2em;
}
.wojo.fields .field {
  flex: 1 1 0;
  min-width: 0;
  padding-left: 2em;
  margin-bottom: 2em;
}
.wojo.fields .field.auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  white-space: nowrap;
}
.wojo.block.fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: 0;
  margin-bottom: 0;
}
.wojo.block.fields .field {
  flex: 0 1 auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  min-width: 0;
  padding-left: 0;
  margin-bottom: 2em;
}
.wojo.fields .field.labeled > label {
  margin-bottom: 0;
  text-align: right;
}
.wojo.fields .field > p {
  margin-top: 1rem;
}
.wojo.fields .field.one.wide {
  flex: 0 0 10%;
  max-width: 10%;
}
.wojo.fields .field.two.wide {
  flex: 0 0 20%;
  max-width: 20%;
}
.wojo.fields .field.three.wide {
  flex: 0 0 30%;
  max-width: 30%;
}
.wojo.fields .field.four.wide {
  flex: 0 0 40%;
  max-width: 40%;
}
.wojo.fields .field.five.wide {
  flex: 0 0 50%;
  max-width: 50%;
}
.wojo.fields .field.six.wide {
  flex: 0 0 60%;
  max-width: 60%;
}
.wojo.fields .field.seven.wide {
  flex: 0 0 70%;
  max-width: 70%;
}
.wojo.fields .field.eight.wide {
  flex: 0 0 80%;
  max-width: 80%;
}
.wojo.fields .field.nine.wide {
  flex: 0 0 90%;
  max-width: 90%;
}
.wojo.inline.fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wojo.inline.fields .field {
  flex: 0 1 auto;
  margin-bottom: 0;
}
.wojo.small.fields {
  margin-left: -1em;
}
.wojo.small.fields .field {
  padding-left: 1em;
  margin-bottom: 1em;
}
.wojo.fields .basic.field {
  margin-bottom: 0;
}
.wojo.fields.disabled .field,
.wojo.fields .field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.wojo.fields .field.disabled label {
  opacity: 0.45;
}
.wojo.fields .field.disabled :disabled {
  opacity: 1;
}
.wojo.small.form textarea,
.wojo.small.form input:not([type]),
.wojo.small.form input[type="date"],
.wojo.small.form input[type="datetime-local"],
.wojo.small.form input[type="email"],
.wojo.small.form input[type="number"],
.wojo.small.form input[type="password"],
.wojo.small.form input[type="search"],
.wojo.small.form input[type="tel"],
.wojo.small.form input[type="time"],
.wojo.small.form input[type="text"],
.wojo.small.form input[type="file"],
.wojo.small.form input[type="url"] {
  line-height: 0.875rem;
  padding: 0 1.5rem;
  font-size: 0.875rem;
  height: calc(1.25rem + 1rem + 2px);
}
.wojo.small.form textarea:not([rows]),
.wojo.form textarea.small:not([rows]) {
  height: 6em;
  min-height: 4em;
  max-height: 12em;
  padding: 1rem 1.5rem;
}
.wojo.tiny.form textarea:not([rows]),
.wojo.form textarea.tiny:not([rows]) {
  height: 3.188em;
  min-height: 3.188em;
  max-height: 12em;
  padding: 0.5rem 1rem;
}
.wojo.small.form input.basic {
  padding: 0.875rem 0;
}
.wojo.small.fields .field {
  margin-bottom: 1rem;
}
.wojo.small.form .wojo.select > .counter,
.wojo.small.select > .counter,
.wojo.small.form select {
  height: calc(1.25rem + 1rem + 2px);
}
.wojo.small.form .wojo.select > .counter > span,
.wojo.small.select > .counter > span {
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0.75rem 1.5rem;
}
.wojo.small.form .wojo.select > .menu > .options li.item,
.wojo.small.select > .menu > .options li.item {
  font-size: 0.875rem;
}
.wojo.form {
  font-size: 1rem;
}
@media screen and (max-width: 48.063em) {
  .wojo.fields {
    display: flex;
    flex-direction: column;
    margin-left: 0;
  }
  .wojo.fields .field {
    flex: 0 1 auto;
    max-width: 100%;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    min-width: 0;
    padding-left: 0;
  }
  .wojo.fields .field.one.wide,
  .wojo.fields .field.two.wide,
  .wojo.fields .field.three.wide,
  .wojo.fields .field.four.wide,
  .wojo.fields .field.five.wide,
  .wojo.fields .field.six.wide,
  .wojo.fields .field.seven.wide,
  .wojo.fields .field.eight.wide,
  .wojo.fields .field.nine.wide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .wojo.fields .field.labeled {
    margin-bottom: 0;
  }
  .wojo.fields .field.labeled > label {
    text-align: left;
    margin-bottom: 0.5rem;
  }
  .wojo.inline.fields {
    flex-direction: row;
    align-items: center;
    margin-left: -2em;
  }
  .wojo.inline.fields .field {
    flex: 0 1 auto;
    padding-left: 2em;
  }
}
.wojo.input {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  border-radius: 0.25rem;
  border: 1px solid #e8e7ed;
  background-color: #fff;
  align-items: stretch;
  transition: all 0.2s ease-in-out;
}
.wojo.input input,
.wojo.form .wojo.input input,
.wojo.form .wojo.input textarea {
  flex: 1 1 0px;
  min-width: 0;
  border: 0;
  line-height: normal;
  vertical-align: middle;
  border-radius: 0.25rem;
  box-shadow: none;
  height: calc(1.875rem + 1rem - 2px);
}
.wojo.icon.input > i.icon,
.wojo.input .tag.label {
  line-height: 1rem;
  padding: 0 1rem;
  -ms-grid-row-align: center;
  align-self: center;
}
.wojo.action.input > .button,
.wojo.icon.input > .button {
  padding: 0 1.875rem;
  flex: 0 1 auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  height: calc(100%-4px);
}
.wojo.action.input > .icon.button,
.wojo.icon.input > .icon.button {
  padding: 0 1rem;
  border: 0;
}
.wojo.action.input > .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.25rem;
  background: var(--grey-color-100);
}
.wojo.action.input > .buttons .wojo.button {
  padding: 0 1rem;
}
.wojo.input > select {
  width: auto;
  box-shadow: none;
}
.wojo.basic.input {
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: var(--grey-color-500);
  background: rgba(255, 255, 255, 0);
  border-radius: 0;
}
.wojo.basic.input input,
.wojo.form .wojo.basic.input input,
.wojo.form .wojo.basic.input textarea {
  background: rgba(255, 255, 255, 0);
  padding: 1rem 0;
}
.wojo.input .tag.label {
  background-color: var(--primary-color);
  padding: 0.5rem 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: var(--primary-color-inverted);
  white-space: nowrap;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}
.wojo.input .tag [data-role="remove"] {
  margin-left: 0.5rem;
  cursor: pointer;
}
.wojo.input .tag [data-role="remove"]::after {
  content: "x";
  font-weight: 700;
}
.wojo.input.focus {
  border-color: var(--primary-color);
}
.wojo.basic.input.focus {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--primary-color);
}
.wojo.basic.input.focus input:focus {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  color: rgba(255, 255, 255, 1);
}
.wojo.action.input.number {
  max-width: 150px;
}
.wojo.mini.basic.input input {
  padding: 0.875rem 0;
}
.wojo.form .wojo.mini.input input,
.wojo.mini.input input {
  line-height: 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  height: calc(1rem + 1rem);
}
.wojo.small.basic.input input {
  padding: 0.875rem 0;
}
.wojo.form .wojo.small.input input,
.wojo.small.input input {
  line-height: 0.875rem;
  padding: 0.875rem 1.5rem;
  font-size: 0.875rem;
  height: calc(1.25rem + 1rem + 2px);
}
.wojo.form .wojo.input input,
.wojo.input input {
  line-height: 1rem;
  padding: 0.875rem 1.5rem;
  font-size: 14px;
  height: calc(1.875rem + 1rem);
}
@font-face {
  font-family: "WojoIcons";
  src: url("../fonts/wojoicons.eot?rr6pzw");
  src: url("../fonts/wojoicons.eot?rr6pzw#iefix") format("embedded-opentype"),
    url("../fonts/wojoicons.ttf?rr6pzw") format("truetype"),
    url("../fonts/wojoicons.woff?rr6pzw") format("woff"),
    url("../fonts/wojoicons.svg?rr6pzw#wojoicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
i.icon {
  font-family: "WojoIcons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  backface-visibility: hidden;
  vertical-align: middle;
  position: relative;
}
i.icon.middle {
  vertical-align: middle;
}
i.icon.agenda:before {
  content: "\e900";
}
i.icon.aid.kit:before {
  content: "\e901";
}
i.icon.anchor:before {
  content: "\e902";
}
.icon.android:before {
  content: "\e967";
}
i.icon.angle.double.down:before {
  content: "\e903";
}
i.icon.angle.double.left:before {
  content: "\e904";
}
i.icon.angle.double.right:before {
  content: "\e905";
}
i.icon.angle.double.up:before {
  content: "\e906";
}
i.icon.angle.down:before {
  content: "\e907";
}
i.icon.angle.left:before {
  content: "\e908";
}
i.icon.angle.right:before {
  content: "\e909";
}
i.icon.angle.up:before {
  content: "\e90a";
}
i.icon.antena:before {
  content: "\e90b";
}
i.icon.app:before {
  content: "\e90c";
}
i.icon.app.add:before {
  content: "\e90d";
}
i.icon.app.remove:before {
  content: "\e90e";
}
.icon.apple:before {
  content: "\e968";
}
i.icon.apps:before {
  content: "\e910";
}
i.icon.apps.alt:before {
  content: "\e911";
}
i.icon.arrow.backward:before {
  content: "\e912";
}
i.icon.arrow.forward:before {
  content: "\e913";
}
i.icon.arrows:before {
  content: "\e914";
}
i.icon.arrows.horizontal:before {
  content: "\e915";
}
i.icon.arrows.vertical:before {
  content: "\e916";
}
i.icon.asterisk:before {
  content: "\e917";
}
i.icon.backward:before {
  content: "\e918";
}
i.icon.badge:before {
  content: "\e919";
}
i.icon.bag:before {
  content: "\e92f";
}
i.icon.ban:before {
  content: "\e91a";
}
i.icon.bar.chart:before {
  content: "\e91b";
}
i.icon.bar.chart.alt:before {
  content: "\e91c";
}
i.icon.basket:before {
  content: "\e91d";
}
i.icon.basket.alt:before {
  content: "\e930";
}
i.icon.basketball:before {
  content: "\e91e";
}
i.icon.batery.empty:before {
  content: "\e91f";
}
i.icon.batery.full:before {
  content: "\e920";
}
i.icon.batery20:before {
  content: "\e921";
}
i.icon.batery50:before {
  content: "\e922";
}
i.icon.bell:before {
  content: "\e923";
}
i.icon.binoculars:before {
  content: "\e924";
}
i.icon.blackboard:before {
  content: "\e925";
}
i.icon.bluetooth:before {
  content: "\e926";
}
i.icon.bluetooth.connected:before {
  content: "\e927";
}
i.icon.bolt:before {
  content: "\e928";
}
i.icon.book:before {
  content: "\e929";
}
i.icon.bookmark:before {
  content: "\e92a";
}
i.icon.briefcase:before {
  content: "\e92c";
}
i.icon.briefcase.alt:before {
  content: "\e92d";
}
i.icon.brightness:before {
  content: "\e931";
}
i.icon.brightness.alt:before {
  content: "\e932";
}
i.icon.brush:before {
  content: "\e933";
}
i.icon.bubble:before {
  content: "\e935";
}
i.icon.building:before {
  content: "\e936";
}
i.icon.burger:before {
  content: "\e937";
}
i.icon.bus:before {
  content: "\e938";
}
i.icon.cake:before {
  content: "\e939";
}
i.icon.calculator:before {
  content: "\e93a";
}
i.icon.calendar:before {
  content: "\e93b";
}
i.icon.calendar.add:before {
  content: "\e93c";
}
i.icon.calendar.alt:before {
  content: "\e93d";
}
i.icon.calendar.remove:before {
  content: "\e93e";
}
i.icon.camera:before {
  content: "\e93f";
}
i.icon.camera.alt:before {
  content: "\e940";
}
i.icon.car:before {
  content: "\e941";
}
i.icon.cd:before {
  content: "\e942";
}
i.icon.certificate:before {
  content: "\e943";
}
i.icon.chat:before {
  content: "\e9ed";
}
i.icon.check:before {
  content: "\e944";
}
i.icon.check.all:before {
  content: "\e945";
}
i.icon.checkbox:before {
  content: "\e946";
}
i.icon.checkbox.checked:before {
  content: "\e947";
}
i.icon.checkbox.checkedalt:before {
  content: "\e90f";
}
i.icon.chevron.down:before {
  content: "\e948";
}
i.icon.chevron.right:before {
  content: "\e94a";
}
i.icon.chevron.up:before {
  content: "\e94b";
}
i.icon.chevron.left:before {
  content: "\e949";
}
i.icon.circle.check:before {
  content: "\e94c";
}
i.icon.circle.chevron.down:before {
  content: "\e94d";
}
i.icon.circle.chevron.left:before {
  content: "\e94e";
}
i.icon.circle.chevron.right:before {
  content: "\e94f";
}
i.icon.circle.chevron.up:before {
  content: "\e950";
}
i.icon.circle.delete:before {
  content: "\e951";
}
i.icon.circle.minus:before {
  content: "\e952";
}
i.icon.circle.plus:before {
  content: "\e953";
}
i.icon.clipboard:before {
  content: "\e954";
}
i.icon.clipboard.alt:before {
  content: "\e955";
}
i.icon.clock:before {
  content: "\e956";
}
i.icon.close:before {
  content: "\e957";
}
i.icon.cloud.download:before {
  content: "\e958";
}
i.icon.cloud.upload:before {
  content: "\e959";
}
i.icon.code:before {
  content: "\e95a";
}
i.icon.code.alt:before {
  content: "\e95b";
}
i.icon.cogs:before {
  content: "\e95c";
}
i.icon.collection:before {
  content: "\e95d";
}
i.icon.comment:before {
  content: "\e95e";
}
i.icon.comments:before {
  content: "\e95f";
}
i.icon.compass:before {
  content: "\e960";
}
i.icon.compress:before {
  content: "\e961";
}
i.icon.contacts:before {
  content: "\e934";
}
i.icon.contrast:before {
  content: "\e962";
}
i.icon.copy:before {
  content: "\e963";
}
i.icon.crayon:before {
  content: "\e96b";
}
i.icon.credit.card:before {
  content: "\e96c";
}
i.icon.crop:before {
  content: "\e96d";
}
i.icon.css:before {
  content: "\e96e";
}
i.icon.cup:before {
  content: "\e96f";
}
i.icon.customize:before {
  content: "\e964";
}
i.icon.cut:before {
  content: "\e970";
}
i.icon.dashboard:before {
  content: "\e971";
}
i.icon.database:before {
  content: "\e972";
}
i.icon.database.alt:before {
  content: "\e973";
}
i.icon.date:before {
  content: "\e974";
}
i.icon.delete:before {
  content: "\e975";
}
i.icon.desktop:before {
  content: "\e976";
}
i.icon.dice:before {
  content: "\e977";
}
i.icon.directions:before {
  content: "\e978";
}
i.icon.download:before {
  content: "\e979";
}
i.icon.download.alt:before {
  content: "\e97a";
}
i.icon.drop:before {
  content: "\e97c";
}
i.icon.dropbox:before {
  content: "\e97d";
}
i.icon.dropper:before {
  content: "\e97e";
}
i.icon.earth:before {
  content: "\e97f";
}
i.icon.ellipsis.horizontal:before {
  content: "\e980";
}
i.icon.ellipsis.horizontal.alt:before {
  content: "\e981";
}
i.icon.ellipsis.vertical:before {
  content: "\e982";
}
i.icon.ellipsis.vertical.alt:before {
  content: "\e983";
}
i.icon.email:before {
  content: "\e985";
}
i.icon.email.alt:before {
  content: "\e999";
}
i.icon.eraser:before {
  content: "\e986";
}
i.icon.expand:before {
  content: "\e987";
}
i.icon.eye:before {
  content: "\e988";
}
i.icon.eye.blocked:before {
  content: "\e989";
}
i.icon.eye.glasses:before {
  content: "\e98a";
}
i.icon.facebook:before {
  content: "\e98b";
}
i.icon.facebook.alt:before {
  content: "\e98c";
}
i.icon.faq:before {
  content: "\e98d";
}
i.icon.feather:before {
  content: "\e98e";
}
i.icon.female:before {
  content: "\e98f";
}
i.icon.female.gender:before {
  content: "\e990";
}
i.icon.file:before {
  content: "\e991";
}
i.icon.file.add:before {
  content: "\e992";
}
i.icon.file.remove:before {
  content: "\e993";
}
i.icon.files:before {
  content: "\e994";
}
i.icon.files.add:before {
  content: "\e995";
}
i.icon.files.remove:before {
  content: "\e996";
}
i.icon.filter:before {
  content: "\e997";
}
i.icon.find:before {
  content: "\e998";
}
i.icon.fire:before {
  content: "\e99b";
}
i.icon.flag:before {
  content: "\e99c";
}
i.icon.floppy:before {
  content: "\e99d";
}
i.icon.flow.tree:before {
  content: "\e99e";
}
i.icon.folder:before {
  content: "\e99f";
}
i.icon.folder.add:before {
  content: "\e9a0";
}
i.icon.folder.open:before {
  content: "\e9a1";
}
i.icon.folder.remove:before {
  content: "\e9a2";
}
i.icon.food.dome:before {
  content: "\e9a3";
}
i.icon.football:before {
  content: "\e9a4";
}
i.icon.forward:before {
  content: "\e9a5";
}
i.icon.gamepad:before {
  content: "\e9a6";
}
i.icon.ghost:before {
  content: "\e9a7";
}
i.icon.gift:before {
  content: "\e9a8";
}
i.icon.github:before {
  content: "\e9a9";
}
i.icon.globe:before {
  content: "\e9aa";
}
i.icon.google:before {
  content: "\e9ab";
}
i.icon.google.drive:before {
  content: "\e9ac";
}
i.icon.google.plus:before {
  content: "\e9ad";
}
i.icon.gps:before {
  content: "\e9ae";
}
i.icon.grid:before {
  content: "\e9af";
}
i.icon.grid.align.bottom.left:before {
  content: "\e9b0";
}
i.icon.grid.align.bottom.right:before {
  content: "\e9b1";
}
i.icon.grid.align.center.bottom:before {
  content: "\e9b2";
}
i.icon.grid.align.center.left:before {
  content: "\e9b3";
}
i.icon.grid.align.center.middle:before {
  content: "\e9b4";
}
i.icon.grid.align.center.right:before {
  content: "\e9b5";
}
i.icon.grid.align.center.top:before {
  content: "\e9b6";
}
i.icon.grid.align.top.left:before {
  content: "\e9b7";
}
i.icon.grid.align.top.right:before {
  content: "\e9b8";
}
i.icon.hdd:before {
  content: "\e9b9";
}
i.icon.headphones:before {
  content: "\e9ba";
}
i.icon.heart:before {
  content: "\e9bb";
}
i.icon.heart.alt:before {
  content: "\e9bc";
}
i.icon.help:before {
  content: "\e9bd";
}
i.icon.history:before {
  content: "\e9be";
}
i.icon.home:before {
  content: "\e9bf";
}
i.icon.hourglass:before {
  content: "\e9c0";
}
i.icon.html5:before {
  content: "\e9c2";
}
i.icon.icecream:before {
  content: "\e9c3";
}
i.icon.id:before {
  content: "\e9c4";
}
i.icon.inbox:before {
  content: "\e9c5";
}
i.icon.indent:before {
  content: "\e9c6";
}
i.icon.info.sign:before {
  content: "\e9c7";
}
i.icon.instagram:before {
  content: "\e9c8";
}
i.icon.invoice:before {
  content: "\e9c9";
}
i.icon.ip:before {
  content: "\e9ca";
}
i.icon.key:before {
  content: "\e9cb";
}
i.icon.laptop:before {
  content: "\e9cc";
}
i.icon.layer:before {
  content: "\e9ce";
}
i.icon.layer.alt:before {
  content: "\e9cf";
}
i.icon.leaf:before {
  content: "\e9d0";
}
i.icon.line.chart:before {
  content: "\e9d1";
}
i.icon.linkedin:before {
  content: "\ea81";
}
i.icon.lock:before {
  content: "\e9d2";
}
i.icon.long.arrow.down:before {
  content: "\e9d3";
}
i.icon.long.arrow.down.left:before {
  content: "\e9d4";
}
i.icon.long.arrow.down.right:before {
  content: "\e9d5";
}
i.icon.long.arrow.left:before {
  content: "\e9d6";
}
i.icon.long.arrow.right:before {
  content: "\e9d7";
}
i.icon.long.arrow.up:before {
  content: "\e9d8";
}
i.icon.long.arrow.up.left:before {
  content: "\e9d9";
}
i.icon.long.arrow.up.right:before {
  content: "\e9da";
}
i.icon.magnet:before {
  content: "\e9db";
}
i.icon.male:before {
  content: "\e9dc";
}
i.icon.male.gender:before {
  content: "\e9dd";
}
i.icon.map:before {
  content: "\e9de";
}
i.icon.maple.leaf:before {
  content: "\e9df";
}
i.icon.marker:before {
  content: "\e9e0";
}
i.icon.mask:before {
  content: "\e9e1";
}
i.icon.medal:before {
  content: "\e9e2";
}
i.icon.membership:before {
  content: "\e9e3";
}
i.icon.microphone:before {
  content: "\e9e5";
}
i.icon.minus:before {
  content: "\e9e6";
}
i.icon.minus.alt:before {
  content: "\e9e7";
}
i.icon.money:before {
  content: "\e9e8";
}
i.icon.mouse:before {
  content: "\e9e4";
}
i.icon.move:before {
  content: "\e9e9";
}
i.icon.move.horizontal:before {
  content: "\e9ea";
}
i.icon.move.vertical:before {
  content: "\e9eb";
}
i.icon.movie:before {
  content: "\e9ec";
}
i.icon.mug:before {
  content: "\ea08";
}
i.icon.musical.note.playlist:before {
  content: "\e9ee";
}
i.icon.musical.notes:before {
  content: "\e9ef";
}
i.icon.mute:before {
  content: "\e9f0";
}
i.icon.news:before {
  content: "\e9fe";
}
i.icon.note:before {
  content: "\e9f1";
}
i.icon.note.alt:before {
  content: "\e9f2";
}
i.icon.ordered.list:before {
  content: "\e9f3";
}
i.icon.outbox:before {
  content: "\e9f4";
}
i.icon.outdent:before {
  content: "\e9f5";
}
i.icon.paint.roller:before {
  content: "\e9f6";
}
i.icon.pan:before {
  content: "\e9f7";
}
i.icon.paper.plane:before {
  content: "\e9f9";
}
i.icon.paper.clip:before {
  content: "\e9f8";
}
i.icon.paste:before {
  content: "\ea59";
}
i.icon.pause:before {
  content: "\e9fa";
}
i.icon.pen:before {
  content: "\e9fc";
}
i.icon.pen.alt:before {
  content: "\e9fd";
}
i.icon.pencil:before {
  content: "\e9ff";
}
i.icon.phone:before {
  content: "\ea00";
}
i.icon.phone.call:before {
  content: "\ea01";
}
i.icon.photo:before {
  content: "\ea02";
}
i.icon.photo.alt:before {
  content: "\ea03";
}
i.icon.photos:before {
  content: "\ea04";
}
i.icon.pie.chart:before {
  content: "\ea05";
}
i.icon.pill:before {
  content: "\ea06";
}
i.icon.pin:before {
  content: "\ea07";
}
i.icon.pinterest:before {
  content: "\ea09";
}
i.icon.plane:before {
  content: "\ea0a";
}
i.icon.play:before {
  content: "\ea0b";
}
i.icon.plus:before {
  content: "\ea0c";
}
i.icon.plus.alt:before {
  content: "\ea0d";
}
i.icon.poll:before {
  content: "\ea67";
}
i.icon.postcard:before {
  content: "\ea0e";
}
i.icon.power:before {
  content: "\ea0f";
}
i.icon.printer:before {
  content: "\ea10";
}
i.icon.puzzle:before {
  content: "\ea11";
}
i.icon.qr:before {
  content: "\ea12";
}
i.icon.question.sign:before {
  content: "\ea13";
}
i.icon.queue.add:before {
  content: "\e965";
}
i.icon.queue.remove:before {
  content: "\e966";
}
i.icon.quote:before {
  content: "\ea14";
}
i.icon.radio:before {
  content: "\ea15";
}
i.icon.radio.checked:before {
  content: "\ea16";
}
i.icon.record:before {
  content: "\ea17";
}
i.icon.redo:before {
  content: "\ea18";
}
i.icon.refresh:before {
  content: "\ea19";
}
i.icon.reorder:before {
  content: "\ea1a";
}
i.icon.repeat:before {
  content: "\ea1b";
}
i.icon.resize:before {
  content: "\ea1c";
}
i.icon.round.chart:before {
  content: "\ea1d";
}
i.icon.rss:before {
  content: "\ea1e";
}
i.icon.sailboat:before {
  content: "\ea1f";
}
i.icon.select:before {
  content: "\ea20";
}
i.icon.select.all:before {
  content: "\ea21";
}
i.icon.send:before {
  content: "\ea71";
}
i.icon.send.alt:before {
  content: "\ea72";
}
i.icon.server:before {
  content: "\ea22";
}
i.icon.server.alt:before {
  content: "\ea23";
}
i.icon.setting:before {
  content: "\ea24";
}
i.icon.settings.alt:before {
  content: "\ea25";
}
i.icon.share:before {
  content: "\ea26";
}
i.icon.shield:before {
  content: "\ea27";
}
i.icon.shield.alt:before {
  content: "\ea28";
}
i.icon.shirt:before {
  content: "\ea29";
}
i.icon.shuffle:before {
  content: "\ea2a";
}
i.icon.sliders.horizontal:before {
  content: "\ea2b";
}
i.icon.sliders.horizontal.alt:before {
  content: "\ea73";
}
i.icon.sliders.vertical:before {
  content: "\ea2c";
}
i.icon.sliders.vertical.alt:before {
  content: "\ea7b";
}
i.icon.smartphone:before {
  content: "\ea2d";
}
i.icon.smile:before {
  content: "\ea2e";
}
i.icon.snowflake:before {
  content: "\ea2f";
}
.icon.sort:before {
  content: "\ea83";
}
i.icon.sort.ascending:before {
  content: "\ea30";
}
i.icon.sort.descending:before {
  content: "\ea31";
}
i.icon.soundcloud:before {
  content: "\ea32";
}
i.icon.speaker:before {
  content: "\ea33";
}
i.icon.spin.full:before {
  content: "\e92b";
}
i.icon.spin.circles:before {
  content: "\ea34";
}
i.icon.star:before {
  content: "\ea35";
}
i.icon.star.full:before {
  content: "\ea36";
}
i.icon.star.half:before {
  content: "\ea37";
}
i.icon.step.backward:before {
  content: "\ea38";
}
i.icon.step.forward:before {
  content: "\ea39";
}
i.icon.stop:before {
  content: "\ea3a";
}
i.icon.stop.watch:before {
  content: "\ea3b";
}
i.icon.storage:before {
  content: "\e92e";
}
i.icon.storage.alt:before {
  content: "\ea3c";
}
i.icon.sunset:before {
  content: "\ea3d";
}
i.icon.switch:before {
  content: "\ea3e";
}
i.icon.tab:before {
  content: "\ea42";
}
i.icon.tablet:before {
  content: "\ea43";
}
i.icon.tag:before {
  content: "\ea44";
}
i.icon.tag.delete:before {
  content: "\ea45";
}
i.icon.tags:before {
  content: "\ea46";
}
i.icon.target:before {
  content: "\ea47";
}
i.icon.tennis.ball:before {
  content: "\ea48";
}
i.icon.thumbs.down:before {
  content: "\ea49";
}
i.icon.thumbs.up:before {
  content: "\ea4a";
}
i.icon.tie:before {
  content: "\ea4b";
}
i.icon.timeline:before {
  content: "\ea4c";
}
i.icon.toggle.off:before {
  content: "\ea3f";
}
i.icon.toggle.off.alt:before {
  content: "\ea40";
}
i.icon.toggle.on:before {
  content: "\ea41";
}
i.icon.toggle.on.alt:before {
  content: "\ea4d";
}
i.icon.trailer:before {
  content: "\ea4e";
}
i.icon.train:before {
  content: "\ea4f";
}
i.icon.trash:before {
  content: "\ea51";
}
i.icon.trash.alt:before {
  content: "\ea50";
}
i.icon.triangle.down:before {
  content: "\ea52";
}
i.icon.triangle.left:before {
  content: "\ea53";
}
i.icon.triangle.right:before {
  content: "\ea54";
}
i.icon.triangle.unfold.more:before {
  content: "\ea55";
}
i.icon.triangle.up:before {
  content: "\ea56";
}
i.icon.trophy:before {
  content: "\ea57";
}
i.icon.tumblr:before {
  content: "\ea58";
}
i.icon.twitter:before {
  content: "\ea5a";
}
i.icon.umbrella:before {
  content: "\ea5b";
}
i.icon.underline:before {
  content: "\ea5c";
}
i.icon.undo:before {
  content: "\ea5d";
}
i.icon.unfold.in:before {
  content: "\ea5e";
}
i.icon.unfold.less:before {
  content: "\ea5f";
}
i.icon.unfold.more:before {
  content: "\ea60";
}
i.icon.unfold.out:before {
  content: "\ea61";
}
i.icon.unlink:before {
  content: "\ea62";
}
i.icon.unlock:before {
  content: "\ea63";
}
i.icon.unordered.list:before {
  content: "\ea64";
}
i.icon.upload:before {
  content: "\ea65";
}
i.icon.upload.alt:before {
  content: "\ea66";
}
i.icon.url:before {
  content: "\ea68";
}
i.icon.url.alt:before {
  content: "\ea69";
}
i.icon.usb.stick:before {
  content: "\ea6a";
}
i.icon.user:before {
  content: "\ea6b";
}
i.icon.user.add:before {
  content: "\ea6c";
}
i.icon.user.alt:before {
  content: "\ea6d";
}
i.icon.user.profile:before {
  content: "\ea6e";
}
i.icon.user.remove:before {
  content: "\ea6f";
}
i.icon.users:before {
  content: "\ea70";
}
i.icon.view.agenda:before {
  content: "\ea74";
}
i.icon.view.day:before {
  content: "\ea75";
}
i.icon.view.grid:before {
  content: "\ea76";
}
i.icon.view.list:before {
  content: "\ea77";
}
i.icon.view.week:before {
  content: "\ea78";
}
i.icon.vimeo:before {
  content: "\ea79";
}
i.icon.voicemail:before {
  content: "\ea7a";
}
i.icon.volume:before {
  content: "\e9fb";
}
i.icon.wallet:before {
  content: "\ea7c";
}
i.icon.wallpaper:before {
  content: "\ea7d";
}
i.icon.wand:before {
  content: "\ea7e";
}
i.icon.warning.sign:before {
  content: "\ea7f";
}
i.icon.water:before {
  content: "\ea80";
}
i.icon.weather.cloud:before {
  content: "\ea82";
}
i.icon.widgets:before {
  content: "\ea87";
}
i.icon.wifi.full:before {
  content: "\ea88";
}
i.icon.wifi.low:before {
  content: "\ea89";
}
i.icon.windows:before {
  content: "\ea8a";
}
i.icon.wojologo:before {
  content: "\ea8b";
}
i.icon.wojologo.alt:before {
  content: "\ea8c";
}
i.icon.wysiwyg.align.center:before {
  content: "\ea8e";
}
i.icon.wysiwyg.align.justify:before {
  content: "\ea8f";
}
i.icon.wysiwyg.align.left:before {
  content: "\ea90";
}
i.icon.wysiwyg.align.right:before {
  content: "\ea91";
}
i.icon.wysiwyg.bold:before {
  content: "\ea92";
}
i.icon.wysiwyg.border.dashed:before {
  content: "\eaa0";
}
i.icon.wysiwyg.border.dotted:before {
  content: "\eaa1";
}
i.icon.wysiwyg.border.double:before {
  content: "\eaa2";
}
i.icon.wysiwyg.border.inset:before {
  content: "\eaa5";
}
i.icon.wysiwyg.border.outset:before {
  content: "\eaa6";
}
i.icon.wysiwyg.border.solid:before {
  content: "\eaa3";
}
.icon.wysiwyg.bounce:before {
  content: "\eaa8";
}
.icon.wysiwyg.fade:before {
  content: "\eaa9";
}
.icon.wysiwyg.flip:before {
  content: "\eaaa";
}
.icon.wysiwyg.fold:before {
  content: "\eaab";
}
i.icon.wysiwyg.color:before {
  content: "\ea93";
}
i.icon.wysiwyg.font:before {
  content: "\ea94";
}
i.icon.wysiwyg.gradient:before {
  content: "\eaa4";
}
i.icon.wysiwyg.italic:before {
  content: "\ea95";
}
i.icon.wysiwyg.paragraph:before {
  content: "\ea96";
}
i.icon.wysiwyg.picture:before {
  content: "\eaa7";
}
i.icon.wysiwyg.remove.format:before {
  content: "\ea97";
}
.icon.wysiwyg.roll:before {
  content: "\eaac";
}
i.icon.wysiwyg.size:before {
  content: "\ea98";
}
.icon.wysiwyg.slide:before {
  content: "\eaad";
}
i.icon.wysiwyg.strikethrough:before {
  content: "\ea99";
}
i.icon.wysiwyg.subscript:before {
  content: "\ea9a";
}
i.icon.wysiwyg.superscript:before {
  content: "\ea9b";
}
i.icon.wysiwyg.table:before {
  content: "\ea9c";
}
i.icon.wysiwyg.type:before {
  content: "\ea9d";
}
i.icon.wysiwyg.underline:before {
  content: "\ea9e";
}
.icon.wysiwyg.zoom:before {
  content: "\eaae";
}
i.icon.youtube:before {
  content: "\ea9f";
}
i.icon.spinning {
  animation: icon-spinning 2s linear infinite;
}
@keyframes icon-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
i.icon.active {
  opacity: 1;
}
i.emphasized.icon {
  opacity: 1;
}
.icon.disabled {
  opacity: 0.3;
}
i.link.icon {
  opacity: 0.8;
  cursor: pointer;
}
i.link.icon:hover {
  opacity: 1;
}
i.flipped.icon,
i.horizontally.flipped.icon {
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  transform: scale(1, -1);
}
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  transform: rotate(-90deg);
}
i.white.icon {
  color: #fff;
}
i.dark.icon {
  color: var(--dark-color);
}
i.light.icon {
  color: var(--light-color);
}
i.primary.icon {
  color: var(--primary-color);
}
i.secondary.icon {
  color: var(--secondary-color);
}
i.positive.icon {
  color: var(--positive-color);
}
i.negative.icon {
  color: var(--negative-color);
}
i.pink.icon {
  color: #e91e63;
}
i.purple.icon {
  color: #9c27b0;
}
i.warning.icon {
  color: #ffc107;
}
i.primary.inverted.icon {
  color: var(--primary-color-inverted);
}
i.secondary.inverted.icon {
  color: var(--secondary-color-inverted);
}
i.positive.inverted.icon {
  color: var(--positive-color-inverted);
}
i.negative.inverted.icon {
  color: var(--negative-color-inverted);
}
i.dark.inverted.icon {
  color: var(--dark-color-inverted);
}
i.light.inverted.icon {
  color: var(--light-color-inverted);
}
i.inverted.twitter.icon {
  background-color: #00bfff;
  color: #ffffff;
}
i.inverted.facebook.icon {
  background-color: #128bdb;
  color: #ffffff;
}
i.inverted.youtube.icon {
  background-color: #e20000;
  color: #ffffff;
}
i.inverted.google.icon {
  background-color: #e20000;
  color: #ffffff;
}
i.inverted.instagram.icon {
  background-color: #0569aa;
  color: #ffffff;
}
.wojo.icons {
  display: flex;
  flex-flow: row wrap;
}
.wojo.icons .icon,
.wojo.icons a {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 0.5em;
  align-self: center;
}
i.tiny.icon {
  font-size: 0.625rem;
}
i.tiny.icon.circular {
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  box-shadow: none;
}
i.small.icon {
  font-size: 0.938rem;
}
i.icon {
  font-size: 1rem;
}
i.medium.icon {
  font-size: 1.5rem;
}
i.large.icon {
  font-size: 2rem;
  vertical-align: middle;
}
i.big.icon {
  font-size: 3rem;
  vertical-align: middle;
}
i.huge.icon {
  font-size: 4rem;
  vertical-align: middle;
}
i.massive.icon {
  font-size: 6rem;
  vertical-align: middle;
}
i.gigantic.icon {
  font-size: 8rem;
  vertical-align: middle;
}
i.ginormous.icon {
  font-size: 12rem;
  vertical-align: middle;
  line-height: 1em;
}
span.flag.icon {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  line-height: 1;
}
span.flag.icon:before {
  content: "\00a0";
}
span.flag.icon.squared {
  width: 1rem;
}
.flag.icon.ad {
  background-image: url(../../../../../assets/flags/4x3/ad.svg);
}
.flag.icon.ad.squared {
  background-image: url(../../../../../assets/flags/1x1/ad.svg);
}
.flag.icon.ae {
  background-image: url(../../../../../assets/flags/4x3/ae.svg);
}
.flag.icon.ae.squared {
  background-image: url(../../../../../assets/flags/1x1/ae.svg);
}
.flag.icon.af {
  background-image: url(../../../../../assets/flags/4x3/af.svg);
}
.flag.icon.af.squared {
  background-image: url(../../../../../assets/flags/1x1/af.svg);
}
.flag.icon.ag {
  background-image: url(../../../../../assets/flags/4x3/ag.svg);
}
.flag.icon.ag.squared {
  background-image: url(../../../../../assets/flags/1x1/ag.svg);
}
.flag.icon.ai {
  background-image: url(../../../../../assets/flags/4x3/ai.svg);
}
.flag.icon.ai.squared {
  background-image: url(../../../../../assets/flags/1x1/ai.svg);
}
.flag.icon.al {
  background-image: url(../../../../../assets/flags/4x3/al.svg);
}
.flag.icon.al.squared {
  background-image: url(../../../../../assets/flags/1x1/al.svg);
}
.flag.icon.am {
  background-image: url(../../../../../assets/flags/4x3/am.svg);
}
.flag.icon.am.squared {
  background-image: url(../../../../../assets/flags/1x1/am.svg);
}
.flag.icon.ao {
  background-image: url(../../../../../assets/flags/4x3/ao.svg);
}
.flag.icon.ao.squared {
  background-image: url(../../../../../assets/flags/1x1/ao.svg);
}
.flag.icon.aq {
  background-image: url(../../../../../assets/flags/4x3/aq.svg);
}
.flag.icon.aq.squared {
  background-image: url(../../../../../assets/flags/1x1/aq.svg);
}
.flag.icon.ar {
  background-image: url(../../../../../assets/flags/4x3/ar.svg);
}
.flag.icon.ar.squared {
  background-image: url(../../../../../assets/flags/1x1/ar.svg);
}
.flag.icon.as {
  background-image: url(../../../../../assets/flags/4x3/as.svg);
}
.flag.icon.as.squared {
  background-image: url(../../../../../assets/flags/1x1/as.svg);
}
.flag.icon.at {
  background-image: url(../../../../../assets/flags/4x3/at.svg);
}
.flag.icon.at.squared {
  background-image: url(../../../../../assets/flags/1x1/at.svg);
}
.flag.icon.au {
  background-image: url(../../../../../assets/flags/4x3/au.svg);
}
.flag.icon.au.squared {
  background-image: url(../../../../../assets/flags/1x1/au.svg);
}
.flag.icon.aw {
  background-image: url(../../../../../assets/flags/4x3/aw.svg);
}
.flag.icon.aw.squared {
  background-image: url(../../../../../assets/flags/1x1/aw.svg);
}
.flag.icon.ax {
  background-image: url(../../../../../assets/flags/4x3/ax.svg);
}
.flag.icon.ax.squared {
  background-image: url(../../../../../assets/flags/1x1/ax.svg);
}
.flag.icon.az {
  background-image: url(../../../../../assets/flags/4x3/az.svg);
}
.flag.icon.az.squared {
  background-image: url(../../../../../assets/flags/1x1/az.svg);
}
.flag.icon.ba {
  background-image: url(../../../../../assets/flags/4x3/ba.svg);
}
.flag.icon.ba.squared {
  background-image: url(../../../../../assets/flags/1x1/ba.svg);
}
.flag.icon.bb {
  background-image: url(../../../../../assets/flags/4x3/bb.svg);
}
.flag.icon.bb.squared {
  background-image: url(../../../../../assets/flags/1x1/bb.svg);
}
.flag.icon.bd {
  background-image: url(../../../../../assets/flags/4x3/bd.svg);
}
.flag.icon.bd.squared {
  background-image: url(../../../../../assets/flags/1x1/bd.svg);
}
.flag.icon.be {
  background-image: url(../../../../../assets/flags/4x3/be.svg);
}
.flag.icon.be.squared {
  background-image: url(../../../../../assets/flags/1x1/be.svg);
}
.flag.icon.bf {
  background-image: url(../../../../../assets/flags/4x3/bf.svg);
}
.flag.icon.bf.squared {
  background-image: url(../../../../../assets/flags/1x1/bf.svg);
}
.flag.icon.bg {
  background-image: url(../../../../../assets/flags/4x3/bg.svg);
}
.flag.icon.bg.squared {
  background-image: url(../../../../../assets/flags/1x1/bg.svg);
}
.flag.icon.bh {
  background-image: url(../../../../../assets/flags/4x3/bh.svg);
}
.flag.icon.bh.squared {
  background-image: url(../../../../../assets/flags/1x1/bh.svg);
}
.flag.icon.bi {
  background-image: url(../../../../../assets/flags/4x3/bi.svg);
}
.flag.icon.bi.squared {
  background-image: url(../../../../../assets/flags/1x1/bi.svg);
}
.flag.icon.bj {
  background-image: url(../../../../../assets/flags/4x3/bj.svg);
}
.flag.icon.bj.squared {
  background-image: url(../../../../../assets/flags/1x1/bj.svg);
}
.flag.icon.bl {
  background-image: url(../../../../../assets/flags/4x3/bl.svg);
}
.flag.icon.bl.squared {
  background-image: url(../../../../../assets/flags/1x1/bl.svg);
}
.flag.icon.bm {
  background-image: url(../../../../../assets/flags/4x3/bm.svg);
}
.flag.icon.bm.squared {
  background-image: url(../../../../../assets/flags/1x1/bm.svg);
}
.flag.icon.bn {
  background-image: url(../../../../../assets/flags/4x3/bn.svg);
}
.flag.icon.bn.squared {
  background-image: url(../../../../../assets/flags/1x1/bn.svg);
}
.flag.icon.bo {
  background-image: url(../../../../../assets/flags/4x3/bo.svg);
}
.flag.icon.bo.squared {
  background-image: url(../../../../../assets/flags/1x1/bo.svg);
}
.flag.icon.bq {
  background-image: url(../../../../../assets/flags/4x3/bq.svg);
}
.flag.icon.bq.squared {
  background-image: url(../../../../../assets/flags/1x1/bq.svg);
}
.flag.icon.br {
  background-image: url(../../../../../assets/flags/4x3/br.svg);
}
.flag.icon.br.squared {
  background-image: url(../../../../../assets/flags/1x1/br.svg);
}
.flag.icon.bs {
  background-image: url(../../../../../assets/flags/4x3/bs.svg);
}
.flag.icon.bs.squared {
  background-image: url(../../../../../assets/flags/1x1/bs.svg);
}
.flag.icon.bt {
  background-image: url(../../../../../assets/flags/4x3/bt.svg);
}
.flag.icon.bt.squared {
  background-image: url(../../../../../assets/flags/1x1/bt.svg);
}
.flag.icon.bv {
  background-image: url(../../../../../assets/flags/4x3/bv.svg);
}
.flag.icon.bv.squared {
  background-image: url(../../../../../assets/flags/1x1/bv.svg);
}
.flag.icon.bw {
  background-image: url(../../../../../assets/flags/4x3/bw.svg);
}
.flag.icon.bw.squared {
  background-image: url(../../../../../assets/flags/1x1/bw.svg);
}
.flag.icon.by {
  background-image: url(../../../../../assets/flags/4x3/by.svg);
}
.flag.icon.by.squared {
  background-image: url(../../../../../assets/flags/1x1/by.svg);
}
.flag.icon.bz {
  background-image: url(../../../../../assets/flags/4x3/bz.svg);
}
.flag.icon.bz.squared {
  background-image: url(../../../../../assets/flags/1x1/bz.svg);
}
.flag.icon.ca {
  background-image: url(../../../../../assets/flags/4x3/ca.svg);
}
.flag.icon.ca.squared {
  background-image: url(../../../../../assets/flags/1x1/ca.svg);
}
.flag.icon.cc {
  background-image: url(../../../../../assets/flags/4x3/cc.svg);
}
.flag.icon.cc.squared {
  background-image: url(../../../../../assets/flags/1x1/cc.svg);
}
.flag.icon.cd {
  background-image: url(../../../../../assets/flags/4x3/cd.svg);
}
.flag.icon.cd.squared {
  background-image: url(../../../../../assets/flags/1x1/cd.svg);
}
.flag.icon.cf {
  background-image: url(../../../../../assets/flags/4x3/cf.svg);
}
.flag.icon.cf.squared {
  background-image: url(../../../../../assets/flags/1x1/cf.svg);
}
.flag.icon.cg {
  background-image: url(../../../../../assets/flags/4x3/cg.svg);
}
.flag.icon.cg.squared {
  background-image: url(../../../../../assets/flags/1x1/cg.svg);
}
.flag.icon.ch {
  background-image: url(../../../../../assets/flags/4x3/ch.svg);
}
.flag.icon.ch.squared {
  background-image: url(../../../../../assets/flags/1x1/ch.svg);
}
.flag.icon.ci {
  background-image: url(../../../../../assets/flags/4x3/ci.svg);
}
.flag.icon.ci.squared {
  background-image: url(../../../../../assets/flags/1x1/ci.svg);
}
.flag.icon.ck {
  background-image: url(../../../../../assets/flags/4x3/ck.svg);
}
.flag.icon.ck.squared {
  background-image: url(../../../../../assets/flags/1x1/ck.svg);
}
.flag.icon.cl {
  background-image: url(../../../../../assets/flags/4x3/cl.svg);
}
.flag.icon.cl.squared {
  background-image: url(../../../../../assets/flags/1x1/cl.svg);
}
.flag.icon.cm {
  background-image: url(../../../../../assets/flags/4x3/cm.svg);
}
.flag.icon.cm.squared {
  background-image: url(../../../../../assets/flags/1x1/cm.svg);
}
.flag.icon.cn {
  background-image: url(../../../../../assets/flags/4x3/cn.svg);
}
.flag.icon.cn.squared {
  background-image: url(../../../../../assets/flags/1x1/cn.svg);
}
.flag.icon.co {
  background-image: url(../../../../../assets/flags/4x3/co.svg);
}
.flag.icon.co.squared {
  background-image: url(../../../../../assets/flags/1x1/co.svg);
}
.flag.icon.cr {
  background-image: url(../../../../../assets/flags/4x3/cr.svg);
}
.flag.icon.cr.squared {
  background-image: url(../../../../../assets/flags/1x1/cr.svg);
}
.flag.icon.cu {
  background-image: url(../../../../../assets/flags/4x3/cu.svg);
}
.flag.icon.cu.squared {
  background-image: url(../../../../../assets/flags/1x1/cu.svg);
}
.flag.icon.cv {
  background-image: url(../../../../../assets/flags/4x3/cv.svg);
}
.flag.icon.cv.squared {
  background-image: url(../../../../../assets/flags/1x1/cv.svg);
}
.flag.icon.cw {
  background-image: url(../../../../../assets/flags/4x3/cw.svg);
}
.flag.icon.cw.squared {
  background-image: url(../../../../../assets/flags/1x1/cw.svg);
}
.flag.icon.cx {
  background-image: url(../../../../../assets/flags/4x3/cx.svg);
}
.flag.icon.cx.squared {
  background-image: url(../../../../../assets/flags/1x1/cx.svg);
}
.flag.icon.cy {
  background-image: url(../../../../../assets/flags/4x3/cy.svg);
}
.flag.icon.cy.squared {
  background-image: url(../../../../../assets/flags/1x1/cy.svg);
}
.flag.icon.cz {
  background-image: url(../../../../../assets/flags/4x3/cz.svg);
}
.flag.icon.cz.squared {
  background-image: url(../../../../../assets/flags/1x1/cz.svg);
}
.flag.icon.de {
  background-image: url(../../../../../assets/flags/4x3/de.svg);
}
.flag.icon.de.squared {
  background-image: url(../../../../../assets/flags/1x1/de.svg);
}
.flag.icon.dj {
  background-image: url(../../../../../assets/flags/4x3/dj.svg);
}
.flag.icon.dj.squared {
  background-image: url(../../../../../assets/flags/1x1/dj.svg);
}
.flag.icon.dk {
  background-image: url(../../../../../assets/flags/4x3/dk.svg);
}
.flag.icon.dk.squared {
  background-image: url(../../../../../assets/flags/1x1/dk.svg);
}
.flag.icon.dm {
  background-image: url(../../../../../assets/flags/4x3/dm.svg);
}
.flag.icon.dm.squared {
  background-image: url(../../../../../assets/flags/1x1/dm.svg);
}
.flag.icon.do {
  background-image: url(../../../../../assets/flags/4x3/do.svg);
}
.flag.icon.do.squared {
  background-image: url(../../../../../assets/flags/1x1/do.svg);
}
.flag.icon.dz {
  background-image: url(../../../../../assets/flags/4x3/dz.svg);
}
.flag.icon.dz.squared {
  background-image: url(../../../../../assets/flags/1x1/dz.svg);
}
.flag.icon.ec {
  background-image: url(../../../../../assets/flags/4x3/ec.svg);
}
.flag.icon.ec.squared {
  background-image: url(../../../../../assets/flags/1x1/ec.svg);
}
.flag.icon.ee {
  background-image: url(../../../../../assets/flags/4x3/ee.svg);
}
.flag.icon.ee.squared {
  background-image: url(../../../../../assets/flags/1x1/ee.svg);
}
.flag.icon.eg {
  background-image: url(../../../../../assets/flags/4x3/eg.svg);
}
.flag.icon.eg.squared {
  background-image: url(../../../../../assets/flags/1x1/eg.svg);
}
.flag.icon.eh {
  background-image: url(../../../../../assets/flags/4x3/eh.svg);
}
.flag.icon.eh.squared {
  background-image: url(../../../../../assets/flags/1x1/eh.svg);
}
.flag.icon.er {
  background-image: url(../../../../../assets/flags/4x3/er.svg);
}
.flag.icon.er.squared {
  background-image: url(../../../../../assets/flags/1x1/er.svg);
}
.flag.icon.es {
  background-image: url(../../../../../assets/flags/4x3/es.svg);
}
.flag.icon.es.squared {
  background-image: url(../../../../../assets/flags/1x1/es.svg);
}
.flag.icon.et {
  background-image: url(../../../../../assets/flags/4x3/et.svg);
}
.flag.icon.et.squared {
  background-image: url(../../../../../assets/flags/1x1/et.svg);
}
.flag.icon.fi {
  background-image: url(../../../../../assets/flags/4x3/fi.svg);
}
.flag.icon.fi.squared {
  background-image: url(../../../../../assets/flags/1x1/fi.svg);
}
.flag.icon.fj {
  background-image: url(../../../../../assets/flags/4x3/fj.svg);
}
.flag.icon.fj.squared {
  background-image: url(../../../../../assets/flags/1x1/fj.svg);
}
.flag.icon.fk {
  background-image: url(../../../../../assets/flags/4x3/fk.svg);
}
.flag.icon.fk.squared {
  background-image: url(../../../../../assets/flags/1x1/fk.svg);
}
.flag.icon.fm {
  background-image: url(../../../../../assets/flags/4x3/fm.svg);
}
.flag.icon.fm.squared {
  background-image: url(../../../../../assets/flags/1x1/fm.svg);
}
.flag.icon.fo {
  background-image: url(../../../../../assets/flags/4x3/fo.svg);
}
.flag.icon.fo.squared {
  background-image: url(../../../../../assets/flags/1x1/fo.svg);
}
.flag.icon.fr {
  background-image: url(../../../../../assets/flags/4x3/fr.svg);
}
.flag.icon.fr.squared {
  background-image: url(../../../../../assets/flags/1x1/fr.svg);
}
.flag.icon.ga {
  background-image: url(../../../../../assets/flags/4x3/ga.svg);
}
.flag.icon.ga.squared {
  background-image: url(../../../../../assets/flags/1x1/ga.svg);
}
.flag.icon.gb,
.flag.icon.en {
  background-image: url(../../../../../assets/flags/4x3/gb.svg);
}
.flag.icon.gb.squared,
.flag.icon.en.squared {
  background-image: url(../../../../../assets/flags/1x1/gb.svg);
}
.flag.icon.gd {
  background-image: url(../../../../../assets/flags/4x3/gd.svg);
}
.flag.icon.gd.squared {
  background-image: url(../../../../../assets/flags/1x1/gd.svg);
}
.flag.icon.ge {
  background-image: url(../../../../../assets/flags/4x3/ge.svg);
}
.flag.icon.ge.squared {
  background-image: url(../../../../../assets/flags/1x1/ge.svg);
}
.flag.icon.gf {
  background-image: url(../../../../../assets/flags/4x3/gf.svg);
}
.flag.icon.gf.squared {
  background-image: url(../../../../../assets/flags/1x1/gf.svg);
}
.flag.icon.gg {
  background-image: url(../../../../../assets/flags/4x3/gg.svg);
}
.flag.icon.gg.squared {
  background-image: url(../../../../../assets/flags/1x1/gg.svg);
}
.flag.icon.gh {
  background-image: url(../../../../../assets/flags/4x3/gh.svg);
}
.flag.icon.gh.squared {
  background-image: url(../../../../../assets/flags/1x1/gh.svg);
}
.flag.icon.gi {
  background-image: url(../../../../../assets/flags/4x3/gi.svg);
}
.flag.icon.gi.squared {
  background-image: url(../../../../../assets/flags/1x1/gi.svg);
}
.flag.icon.gl {
  background-image: url(../../../../../assets/flags/4x3/gl.svg);
}
.flag.icon.gl.squared {
  background-image: url(../../../../../assets/flags/1x1/gl.svg);
}
.flag.icon.gm {
  background-image: url(../../../../../assets/flags/4x3/gm.svg);
}
.flag.icon.gm.squared {
  background-image: url(../../../../../assets/flags/1x1/gm.svg);
}
.flag.icon.gn {
  background-image: url(../../../../../assets/flags/4x3/gn.svg);
}
.flag.icon.gn.squared {
  background-image: url(../../../../../assets/flags/1x1/gn.svg);
}
.flag.icon.gp {
  background-image: url(../../../../../assets/flags/4x3/gp.svg);
}
.flag.icon.gp.squared {
  background-image: url(../../../../../assets/flags/1x1/gp.svg);
}
.flag.icon.gq {
  background-image: url(../../../../../assets/flags/4x3/gq.svg);
}
.flag.icon.gq.squared {
  background-image: url(../../../../../assets/flags/1x1/gq.svg);
}
.flag.icon.gr {
  background-image: url(../../../../../assets/flags/4x3/gr.svg);
}
.flag.icon.gr.squared {
  background-image: url(../../../../../assets/flags/1x1/gr.svg);
}
.flag.icon.gs {
  background-image: url(../../../../../assets/flags/4x3/gs.svg);
}
.flag.icon.gs.squared {
  background-image: url(../../../../../assets/flags/1x1/gs.svg);
}
.flag.icon.gt {
  background-image: url(../../../../../assets/flags/4x3/gt.svg);
}
.flag.icon.gt.squared {
  background-image: url(../../../../../assets/flags/1x1/gt.svg);
}
.flag.icon.gu {
  background-image: url(../../../../../assets/flags/4x3/gu.svg);
}
.flag.icon.gu.squared {
  background-image: url(../../../../../assets/flags/1x1/gu.svg);
}
.flag.icon.gw {
  background-image: url(../../../../../assets/flags/4x3/gw.svg);
}
.flag.icon.gw.squared {
  background-image: url(../../../../../assets/flags/1x1/gw.svg);
}
.flag.icon.gy {
  background-image: url(../../../../../assets/flags/4x3/gy.svg);
}
.flag.icon.gy.squared {
  background-image: url(../../../../../assets/flags/1x1/gy.svg);
}
.flag.icon.hk {
  background-image: url(../../../../../assets/flags/4x3/hk.svg);
}
.flag.icon.hk.squared {
  background-image: url(../../../../../assets/flags/1x1/hk.svg);
}
.flag.icon.hm {
  background-image: url(../../../../../assets/flags/4x3/hm.svg);
}
.flag.icon.hm.squared {
  background-image: url(../../../../../assets/flags/1x1/hm.svg);
}
.flag.icon.hn {
  background-image: url(../../../../../assets/flags/4x3/hn.svg);
}
.flag.icon.hn.squared {
  background-image: url(../../../../../assets/flags/1x1/hn.svg);
}
.flag.icon.hr {
  background-image: url(../../../../../assets/flags/4x3/hr.svg);
}
.flag.icon.hr.squared {
  background-image: url(../../../../../assets/flags/1x1/hr.svg);
}
.flag.icon.ht {
  background-image: url(../../../../../assets/flags/4x3/ht.svg);
}
.flag.icon.ht.squared {
  background-image: url(../../../../../assets/flags/1x1/ht.svg);
}
.flag.icon.hu {
  background-image: url(../../../../../assets/flags/4x3/hu.svg);
}
.flag.icon.hu.squared {
  background-image: url(../../../../../assets/flags/1x1/hu.svg);
}
.flag.icon.id {
  background-image: url(../../../../../assets/flags/4x3/id.svg);
}
.flag.icon.id.squared {
  background-image: url(../../../../../assets/flags/1x1/id.svg);
}
.flag.icon.ie {
  background-image: url(../../../../../assets/flags/4x3/ie.svg);
}
.flag.icon.ie.squared {
  background-image: url(../../../../../assets/flags/1x1/ie.svg);
}
.flag.icon.il {
  background-image: url(../../../../../assets/flags/4x3/il.svg);
}
.flag.icon.il.squared {
  background-image: url(../../../../../assets/flags/1x1/il.svg);
}
.flag.icon.im {
  background-image: url(../../../../../assets/flags/4x3/im.svg);
}
.flag.icon.im.squared {
  background-image: url(../../../../../assets/flags/1x1/im.svg);
}
.flag.icon.in {
  background-image: url(../../../../../assets/flags/4x3/in.svg);
}
.flag.icon.in.squared {
  background-image: url(../../../../../assets/flags/1x1/in.svg);
}
.flag.icon.io {
  background-image: url(../../../../../assets/flags/4x3/io.svg);
}
.flag.icon.io.squared {
  background-image: url(../../../../../assets/flags/1x1/io.svg);
}
.flag.icon.iq {
  background-image: url(../../../../../assets/flags/4x3/iq.svg);
}
.flag.icon.iq.squared {
  background-image: url(../../../../../assets/flags/1x1/iq.svg);
}
.flag.icon.ir {
  background-image: url(../../../../../assets/flags/4x3/ir.svg);
}
.flag.icon.ir.squared {
  background-image: url(../../../../../assets/flags/1x1/ir.svg);
}
.flag.icon.is {
  background-image: url(../../../../../assets/flags/4x3/is.svg);
}
.flag.icon.is.squared {
  background-image: url(../../../../../assets/flags/1x1/is.svg);
}
.flag.icon.it {
  background-image: url(../../../../../assets/flags/4x3/it.svg);
}
.flag.icon.it.squared {
  background-image: url(../../../../../assets/flags/1x1/it.svg);
}
.flag.icon.je {
  background-image: url(../../../../../assets/flags/4x3/je.svg);
}
.flag.icon.je.squared {
  background-image: url(../../../../../assets/flags/1x1/je.svg);
}
.flag.icon.jm {
  background-image: url(../../../../../assets/flags/4x3/jm.svg);
}
.flag.icon.jm.squared {
  background-image: url(../../../../../assets/flags/1x1/jm.svg);
}
.flag.icon.jo {
  background-image: url(../../../../../assets/flags/4x3/jo.svg);
}
.flag.icon.jo.squared {
  background-image: url(../../../../../assets/flags/1x1/jo.svg);
}
.flag.icon.jp {
  background-image: url(../../../../../assets/flags/4x3/jp.svg);
}
.flag.icon.jp.squared {
  background-image: url(../../../../../assets/flags/1x1/jp.svg);
}
.flag.icon.ke {
  background-image: url(../../../../../assets/flags/4x3/ke.svg);
}
.flag.icon.ke.squared {
  background-image: url(../../../../../assets/flags/1x1/ke.svg);
}
.flag.icon.kg {
  background-image: url(../../../../../assets/flags/4x3/kg.svg);
}
.flag.icon.kg.squared {
  background-image: url(../../../../../assets/flags/1x1/kg.svg);
}
.flag.icon.kh {
  background-image: url(../../../../../assets/flags/4x3/kh.svg);
}
.flag.icon.kh.squared {
  background-image: url(../../../../../assets/flags/1x1/kh.svg);
}
.flag.icon.ki {
  background-image: url(../../../../../assets/flags/4x3/ki.svg);
}
.flag.icon.ki.squared {
  background-image: url(../../../../../assets/flags/1x1/ki.svg);
}
.flag.icon.km {
  background-image: url(../../../../../assets/flags/4x3/km.svg);
}
.flag.icon.km.squared {
  background-image: url(../../../../../assets/flags/1x1/km.svg);
}
.flag.icon.kn {
  background-image: url(../../../../../assets/flags/4x3/kn.svg);
}
.flag.icon.kn.squared {
  background-image: url(../../../../../assets/flags/1x1/kn.svg);
}
.flag.icon.kp {
  background-image: url(../../../../../assets/flags/4x3/kp.svg);
}
.flag.icon.kp.squared {
  background-image: url(../../../../../assets/flags/1x1/kp.svg);
}
.flag.icon.kr {
  background-image: url(../../../../../assets/flags/4x3/kr.svg);
}
.flag.icon.kr.squared {
  background-image: url(../../../../../assets/flags/1x1/kr.svg);
}
.flag.icon.kw {
  background-image: url(../../../../../assets/flags/4x3/kw.svg);
}
.flag.icon.kw.squared {
  background-image: url(../../../../../assets/flags/1x1/kw.svg);
}
.flag.icon.ky {
  background-image: url(../../../../../assets/flags/4x3/ky.svg);
}
.flag.icon.ky.squared {
  background-image: url(../../../../../assets/flags/1x1/ky.svg);
}
.flag.icon.kz {
  background-image: url(../../../../../assets/flags/4x3/kz.svg);
}
.flag.icon.kz.squared {
  background-image: url(../../../../../assets/flags/1x1/kz.svg);
}
.flag.icon.la {
  background-image: url(../../../../../assets/flags/4x3/la.svg);
}
.flag.icon.la.squared {
  background-image: url(../../../../../assets/flags/1x1/la.svg);
}
.flag.icon.lb {
  background-image: url(../../../../../assets/flags/4x3/lb.svg);
}
.flag.icon.lb.squared {
  background-image: url(../../../../../assets/flags/1x1/lb.svg);
}
.flag.icon.lc {
  background-image: url(../../../../../assets/flags/4x3/lc.svg);
}
.flag.icon.lc.squared {
  background-image: url(../../../../../assets/flags/1x1/lc.svg);
}
.flag.icon.li {
  background-image: url(../../../../../assets/flags/4x3/li.svg);
}
.flag.icon.li.squared {
  background-image: url(../../../../../assets/flags/1x1/li.svg);
}
.flag.icon.lk {
  background-image: url(../../../../../assets/flags/4x3/lk.svg);
}
.flag.icon.lk.squared {
  background-image: url(../../../../../assets/flags/1x1/lk.svg);
}
.flag.icon.lr {
  background-image: url(../../../../../assets/flags/4x3/lr.svg);
}
.flag.icon.lr.squared {
  background-image: url(../../../../../assets/flags/1x1/lr.svg);
}
.flag.icon.ls {
  background-image: url(../../../../../assets/flags/4x3/ls.svg);
}
.flag.icon.ls.squared {
  background-image: url(../../../../../assets/flags/1x1/ls.svg);
}
.flag.icon.lt {
  background-image: url(../../../../../assets/flags/4x3/lt.svg);
}
.flag.icon.lt.squared {
  background-image: url(../../../../../assets/flags/1x1/lt.svg);
}
.flag.icon.lu {
  background-image: url(../../../../../assets/flags/4x3/lu.svg);
}
.flag.icon.lu.squared {
  background-image: url(../../../../../assets/flags/1x1/lu.svg);
}
.flag.icon.lv {
  background-image: url(../../../../../assets/flags/4x3/lv.svg);
}
.flag.icon.lv.squared {
  background-image: url(../../../../../assets/flags/1x1/lv.svg);
}
.flag.icon.ly {
  background-image: url(../../../../../assets/flags/4x3/ly.svg);
}
.flag.icon.ly.squared {
  background-image: url(../../../../../assets/flags/1x1/ly.svg);
}
.flag.icon.ma {
  background-image: url(../../../../../assets/flags/4x3/ma.svg);
}
.flag.icon.ma.squared {
  background-image: url(../../../../../assets/flags/1x1/ma.svg);
}
.flag.icon.mc {
  background-image: url(../../../../../assets/flags/4x3/mc.svg);
}
.flag.icon.mc.squared {
  background-image: url(../../../../../assets/flags/1x1/mc.svg);
}
.flag.icon.md {
  background-image: url(../../../../../assets/flags/4x3/md.svg);
}
.flag.icon.md.squared {
  background-image: url(../../../../../assets/flags/1x1/md.svg);
}
.flag.icon.me {
  background-image: url(../../../../../assets/flags/4x3/me.svg);
}
.flag.icon.me.squared {
  background-image: url(../../../../../assets/flags/1x1/me.svg);
}
.flag.icon.mf {
  background-image: url(../../../../../assets/flags/4x3/mf.svg);
}
.flag.icon.mf.squared {
  background-image: url(../../../../../assets/flags/1x1/mf.svg);
}
.flag.icon.mg {
  background-image: url(../../../../../assets/flags/4x3/mg.svg);
}
.flag.icon.mg.squared {
  background-image: url(../../../../../assets/flags/1x1/mg.svg);
}
.flag.icon.mh {
  background-image: url(../../../../../assets/flags/4x3/mh.svg);
}
.flag.icon.mh.squared {
  background-image: url(../../../../../assets/flags/1x1/mh.svg);
}
.flag.icon.mk {
  background-image: url(../../../../../assets/flags/4x3/mk.svg);
}
.flag.icon.mk.squared {
  background-image: url(../../../../../assets/flags/1x1/mk.svg);
}
.flag.icon.ml {
  background-image: url(../../../../../assets/flags/4x3/ml.svg);
}
.flag.icon.ml.squared {
  background-image: url(../../../../../assets/flags/1x1/ml.svg);
}
.flag.icon.mm {
  background-image: url(../../../../../assets/flags/4x3/mm.svg);
}
.flag.icon.mm.squared {
  background-image: url(../../../../../assets/flags/1x1/mm.svg);
}
.flag.icon.mn {
  background-image: url(../../../../../assets/flags/4x3/mn.svg);
}
.flag.icon.mn.squared {
  background-image: url(../../../../../assets/flags/1x1/mn.svg);
}
.flag.icon.mo {
  background-image: url(../../../../../assets/flags/4x3/mo.svg);
}
.flag.icon.mo.squared {
  background-image: url(../../../../../assets/flags/1x1/mo.svg);
}
.flag.icon.mp {
  background-image: url(../../../../../assets/flags/4x3/mp.svg);
}
.flag.icon.mp.squared {
  background-image: url(../../../../../assets/flags/1x1/mp.svg);
}
.flag.icon.mq {
  background-image: url(../../../../../assets/flags/4x3/mq.svg);
}
.flag.icon.mq.squared {
  background-image: url(../../../../../assets/flags/1x1/mq.svg);
}
.flag.icon.mr {
  background-image: url(../../../../../assets/flags/4x3/mr.svg);
}
.flag.icon.mr.squared {
  background-image: url(../../../../../assets/flags/1x1/mr.svg);
}
.flag.icon.ms {
  background-image: url(../../../../../assets/flags/4x3/ms.svg);
}
.flag.icon.ms.squared {
  background-image: url(../../../../../assets/flags/1x1/ms.svg);
}
.flag.icon.mt {
  background-image: url(../../../../../assets/flags/4x3/mt.svg);
}
.flag.icon.mt.squared {
  background-image: url(../../../../../assets/flags/1x1/mt.svg);
}
.flag.icon.mu {
  background-image: url(../../../../../assets/flags/4x3/mu.svg);
}
.flag.icon.mu.squared {
  background-image: url(../../../../../assets/flags/1x1/mu.svg);
}
.flag.icon.mv {
  background-image: url(../../../../../assets/flags/4x3/mv.svg);
}
.flag.icon.mv.squared {
  background-image: url(../../../../../assets/flags/1x1/mv.svg);
}
.flag.icon.mw {
  background-image: url(../../../../../assets/flags/4x3/mw.svg);
}
.flag.icon.mw.squared {
  background-image: url(../../../../../assets/flags/1x1/mw.svg);
}
.flag.icon.mx {
  background-image: url(../../../../../assets/flags/4x3/mx.svg);
}
.flag.icon.mx.squared {
  background-image: url(../../../../../assets/flags/1x1/mx.svg);
}
.flag.icon.my {
  background-image: url(../../../../../assets/flags/4x3/my.svg);
}
.flag.icon.my.squared {
  background-image: url(../../../../../assets/flags/1x1/my.svg);
}
.flag.icon.mz {
  background-image: url(../../../../../assets/flags/4x3/mz.svg);
}
.flag.icon.mz.squared {
  background-image: url(../../../../../assets/flags/1x1/mz.svg);
}
.flag.icon.na {
  background-image: url(../../../../../assets/flags/4x3/na.svg);
}
.flag.icon.na.squared {
  background-image: url(../../../../../assets/flags/1x1/na.svg);
}
.flag.icon.nc {
  background-image: url(../../../../../assets/flags/4x3/nc.svg);
}
.flag.icon.nc.squared {
  background-image: url(../../../../../assets/flags/1x1/nc.svg);
}
.flag.icon.ne {
  background-image: url(../../../../../assets/flags/4x3/ne.svg);
}
.flag.icon.ne.squared {
  background-image: url(../../../../../assets/flags/1x1/ne.svg);
}
.flag.icon.nf {
  background-image: url(../../../../../assets/flags/4x3/nf.svg);
}
.flag.icon.nf.squared {
  background-image: url(../../../../../assets/flags/1x1/nf.svg);
}
.flag.icon.ng {
  background-image: url(../../../../../assets/flags/4x3/ng.svg);
}
.flag.icon.ng.squared {
  background-image: url(../../../../../assets/flags/1x1/ng.svg);
}
.flag.icon.ni {
  background-image: url(../../../../../assets/flags/4x3/ni.svg);
}
.flag.icon.ni.squared {
  background-image: url(../../../../../assets/flags/1x1/ni.svg);
}
.flag.icon.nl {
  background-image: url(../../../../../assets/flags/4x3/nl.svg);
}
.flag.icon.nl.squared {
  background-image: url(../../../../../assets/flags/1x1/nl.svg);
}
.flag.icon.no {
  background-image: url(../../../../../assets/flags/4x3/no.svg);
}
.flag.icon.no.squared {
  background-image: url(../../../../../assets/flags/1x1/no.svg);
}
.flag.icon.np {
  background-image: url(../../../../../assets/flags/4x3/np.svg);
}
.flag.icon.np.squared {
  background-image: url(../../../../../assets/flags/1x1/np.svg);
}
.flag.icon.nr {
  background-image: url(../../../../../assets/flags/4x3/nr.svg);
}
.flag.icon.nr.squared {
  background-image: url(../../../../../assets/flags/1x1/nr.svg);
}
.flag.icon.nu {
  background-image: url(../../../../../assets/flags/4x3/nu.svg);
}
.flag.icon.nu.squared {
  background-image: url(../../../../../assets/flags/1x1/nu.svg);
}
.flag.icon.nz {
  background-image: url(../../../../../assets/flags/4x3/nz.svg);
}
.flag.icon.nz.squared {
  background-image: url(../../../../../assets/flags/1x1/nz.svg);
}
.flag.icon.om {
  background-image: url(../../../../../assets/flags/4x3/om.svg);
}
.flag.icon.om.squared {
  background-image: url(../../../../../assets/flags/1x1/om.svg);
}
.flag.icon.pa {
  background-image: url(../../../../../assets/flags/4x3/pa.svg);
}
.flag.icon.pa.squared {
  background-image: url(../../../../../assets/flags/1x1/pa.svg);
}
.flag.icon.pe {
  background-image: url(../../../../../assets/flags/4x3/pe.svg);
}
.flag.icon.pe.squared {
  background-image: url(../../../../../assets/flags/1x1/pe.svg);
}
.flag.icon.pf {
  background-image: url(../../../../../assets/flags/4x3/pf.svg);
}
.flag.icon.pf.squared {
  background-image: url(../../../../../assets/flags/1x1/pf.svg);
}
.flag.icon.pg {
  background-image: url(../../../../../assets/flags/4x3/pg.svg);
}
.flag.icon.pg.squared {
  background-image: url(../../../../../assets/flags/1x1/pg.svg);
}
.flag.icon.ph {
  background-image: url(../../../../../assets/flags/4x3/ph.svg);
}
.flag.icon.ph.squared {
  background-image: url(../../../../../assets/flags/1x1/ph.svg);
}
.flag.icon.pk {
  background-image: url(../../../../../assets/flags/4x3/pk.svg);
}
.flag.icon.pk.squared {
  background-image: url(../../../../../assets/flags/1x1/pk.svg);
}
.flag.icon.pl {
  background-image: url(../../../../../assets/flags/4x3/pl.svg);
}
.flag.icon.pl.squared {
  background-image: url(../../../../../assets/flags/1x1/pl.svg);
}
.flag.icon.pm {
  background-image: url(../../../../../assets/flags/4x3/pm.svg);
}
.flag.icon.pm.squared {
  background-image: url(../../../../../assets/flags/1x1/pm.svg);
}
.flag.icon.pn {
  background-image: url(../../../../../assets/flags/4x3/pn.svg);
}
.flag.icon.pn.squared {
  background-image: url(../../../../../assets/flags/1x1/pn.svg);
}
.flag.icon.pr {
  background-image: url(../../../../../assets/flags/4x3/pr.svg);
}
.flag.icon.pr.squared {
  background-image: url(../../../../../assets/flags/1x1/pr.svg);
}
.flag.icon.ps {
  background-image: url(../../../../../assets/flags/4x3/ps.svg);
}
.flag.icon.ps.squared {
  background-image: url(../../../../../assets/flags/1x1/ps.svg);
}
.flag.icon.pt {
  background-image: url(../../../../../assets/flags/4x3/pt.svg);
}
.flag.icon.pt.squared {
  background-image: url(../../../../../assets/flags/1x1/pt.svg);
}
.flag.icon.pw {
  background-image: url(../../../../../assets/flags/4x3/pw.svg);
}
.flag.icon.pw.squared {
  background-image: url(../../../../../assets/flags/1x1/pw.svg);
}
.flag.icon.py {
  background-image: url(../../../../../assets/flags/4x3/py.svg);
}
.flag.icon.py.squared {
  background-image: url(../../../../../assets/flags/1x1/py.svg);
}
.flag.icon.qa {
  background-image: url(../../../../../assets/flags/4x3/qa.svg);
}
.flag.icon.qa.squared {
  background-image: url(../../../../../assets/flags/1x1/qa.svg);
}
.flag.icon.re {
  background-image: url(../../../../../assets/flags/4x3/re.svg);
}
.flag.icon.re.squared {
  background-image: url(../../../../../assets/flags/1x1/re.svg);
}
.flag.icon.ro {
  background-image: url(../../../../../assets/flags/4x3/ro.svg);
}
.flag.icon.ro.squared {
  background-image: url(../../../../../assets/flags/1x1/ro.svg);
}
.flag.icon.rs {
  background-image: url(../../../../../assets/flags/4x3/rs.svg);
}
.flag.icon.rs.squared {
  background-image: url(../../../../../assets/flags/1x1/rs.svg);
}
.flag.icon.ru {
  background-image: url(../../../../../assets/flags/4x3/ru.svg);
}
.flag.icon.ru.squared {
  background-image: url(../../../../../assets/flags/1x1/ru.svg);
}
.flag.icon.rw {
  background-image: url(../../../../../assets/flags/4x3/rw.svg);
}
.flag.icon.rw.squared {
  background-image: url(../../../../../assets/flags/1x1/rw.svg);
}
.flag.icon.sa {
  background-image: url(../../../../../assets/flags/4x3/sa.svg);
}
.flag.icon.sa.squared {
  background-image: url(../../../../../assets/flags/1x1/sa.svg);
}
.flag.icon.sb {
  background-image: url(../../../../../assets/flags/4x3/sb.svg);
}
.flag.icon.sb.squared {
  background-image: url(../../../../../assets/flags/1x1/sb.svg);
}
.flag.icon.sc {
  background-image: url(../../../../../assets/flags/4x3/sc.svg);
}
.flag.icon.sc.squared {
  background-image: url(../../../../../assets/flags/1x1/sc.svg);
}
.flag.icon.sd {
  background-image: url(../../../../../assets/flags/4x3/sd.svg);
}
.flag.icon.sd.squared {
  background-image: url(../../../../../assets/flags/1x1/sd.svg);
}
.flag.icon.se {
  background-image: url(../../../../../assets/flags/4x3/se.svg);
}
.flag.icon.se.squared {
  background-image: url(../../../../../assets/flags/1x1/se.svg);
}
.flag.icon.sg {
  background-image: url(../../../../../assets/flags/4x3/sg.svg);
}
.flag.icon.sg.squared {
  background-image: url(../../../../../assets/flags/1x1/sg.svg);
}
.flag.icon.sh {
  background-image: url(../../../../../assets/flags/4x3/sh.svg);
}
.flag.icon.sh.squared {
  background-image: url(../../../../../assets/flags/1x1/sh.svg);
}
.flag.icon.si {
  background-image: url(../../../../../assets/flags/4x3/si.svg);
}
.flag.icon.si.squared {
  background-image: url(../../../../../assets/flags/1x1/si.svg);
}
.flag.icon.sj {
  background-image: url(../../../../../assets/flags/4x3/sj.svg);
}
.flag.icon.sj.squared {
  background-image: url(../../../../../assets/flags/1x1/sj.svg);
}
.flag.icon.sk {
  background-image: url(../../../../../assets/flags/4x3/sk.svg);
}
.flag.icon.sk.squared {
  background-image: url(../../../../../assets/flags/1x1/sk.svg);
}
.flag.icon.sl {
  background-image: url(../../../../../assets/flags/4x3/sl.svg);
}
.flag.icon.sl.squared {
  background-image: url(../../../../../assets/flags/1x1/sl.svg);
}
.flag.icon.sm {
  background-image: url(../../../../../assets/flags/4x3/sm.svg);
}
.flag.icon.sm.squared {
  background-image: url(../../../../../assets/flags/1x1/sm.svg);
}
.flag.icon.sn {
  background-image: url(../../../../../assets/flags/4x3/sn.svg);
}
.flag.icon.sn.squared {
  background-image: url(../../../../../assets/flags/1x1/sn.svg);
}
.flag.icon.so {
  background-image: url(../../../../../assets/flags/4x3/so.svg);
}
.flag.icon.so.squared {
  background-image: url(../../../../../assets/flags/1x1/so.svg);
}
.flag.icon.sr {
  background-image: url(../../../../../assets/flags/4x3/sr.svg);
}
.flag.icon.sr.squared {
  background-image: url(../../../../../assets/flags/1x1/sr.svg);
}
.flag.icon.ss {
  background-image: url(../../../../../assets/flags/4x3/ss.svg);
}
.flag.icon.ss.squared {
  background-image: url(../../../../../assets/flags/1x1/ss.svg);
}
.flag.icon.st {
  background-image: url(../../../../../assets/flags/4x3/st.svg);
}
.flag.icon.st.squared {
  background-image: url(../../../../../assets/flags/1x1/st.svg);
}
.flag.icon.sv {
  background-image: url(../../../../../assets/flags/4x3/sv.svg);
}
.flag.icon.sv.squared {
  background-image: url(../../../../../assets/flags/1x1/sv.svg);
}
.flag.icon.sx {
  background-image: url(../../../../../assets/flags/4x3/sx.svg);
}
.flag.icon.sx.squared {
  background-image: url(../../../../../assets/flags/1x1/sx.svg);
}
.flag.icon.sy {
  background-image: url(../../../../../assets/flags/4x3/sy.svg);
}
.flag.icon.sy.squared {
  background-image: url(../../../../../assets/flags/1x1/sy.svg);
}
.flag.icon.sz {
  background-image: url(../../../../../assets/flags/4x3/sz.svg);
}
.flag.icon.sz.squared {
  background-image: url(../../../../../assets/flags/1x1/sz.svg);
}
.flag.icon.tc {
  background-image: url(../../../../../assets/flags/4x3/tc.svg);
}
.flag.icon.tc.squared {
  background-image: url(../../../../../assets/flags/1x1/tc.svg);
}
.flag.icon.td {
  background-image: url(../../../../../assets/flags/4x3/td.svg);
}
.flag.icon.td.squared {
  background-image: url(../../../../../assets/flags/1x1/td.svg);
}
.flag.icon.tf {
  background-image: url(../../../../../assets/flags/4x3/tf.svg);
}
.flag.icon.tf.squared {
  background-image: url(../../../../../assets/flags/1x1/tf.svg);
}
.flag.icon.tg {
  background-image: url(../../../../../assets/flags/4x3/tg.svg);
}
.flag.icon.tg.squared {
  background-image: url(../../../../../assets/flags/1x1/tg.svg);
}
.flag.icon.th {
  background-image: url(../../../../../assets/flags/4x3/th.svg);
}
.flag.icon.th.squared {
  background-image: url(../../../../../assets/flags/1x1/th.svg);
}
.flag.icon.tj {
  background-image: url(../../../../../assets/flags/4x3/tj.svg);
}
.flag.icon.tj.squared {
  background-image: url(../../../../../assets/flags/1x1/tj.svg);
}
.flag.icon.tk {
  background-image: url(../../../../../assets/flags/4x3/tk.svg);
}
.flag.icon.tk.squared {
  background-image: url(../../../../../assets/flags/1x1/tk.svg);
}
.flag.icon.tl {
  background-image: url(../../../../../assets/flags/4x3/tl.svg);
}
.flag.icon.tl.squared {
  background-image: url(../../../../../assets/flags/1x1/tl.svg);
}
.flag.icon.tm {
  background-image: url(../../../../../assets/flags/4x3/tm.svg);
}
.flag.icon.tm.squared {
  background-image: url(../../../../../assets/flags/1x1/tm.svg);
}
.flag.icon.tn {
  background-image: url(../../../../../assets/flags/4x3/tn.svg);
}
.flag.icon.tn.squared {
  background-image: url(../../../../../assets/flags/1x1/tn.svg);
}
.flag.icon.to {
  background-image: url(../../../../../assets/flags/4x3/to.svg);
}
.flag.icon.to.squared {
  background-image: url(../../../../../assets/flags/1x1/to.svg);
}
.flag.icon.tr {
  background-image: url(../../../../../assets/flags/4x3/tr.svg);
}
.flag.icon.tr.squared {
  background-image: url(../../../../../assets/flags/1x1/tr.svg);
}
.flag.icon.tt {
  background-image: url(../../../../../assets/flags/4x3/tt.svg);
}
.flag.icon.tt.squared {
  background-image: url(../../../../../assets/flags/1x1/tt.svg);
}
.flag.icon.tv {
  background-image: url(../../../../../assets/flags/4x3/tv.svg);
}
.flag.icon.tv.squared {
  background-image: url(../../../../../assets/flags/1x1/tv.svg);
}
.flag.icon.tw {
  background-image: url(../../../../../assets/flags/4x3/tw.svg);
}
.flag.icon.tw.squared {
  background-image: url(../../../../../assets/flags/1x1/tw.svg);
}
.flag.icon.tz {
  background-image: url(../../../../../assets/flags/4x3/tz.svg);
}
.flag.icon.tz.squared {
  background-image: url(../../../../../assets/flags/1x1/tz.svg);
}
.flag.icon.ua {
  background-image: url(../../../../../assets/flags/4x3/ua.svg);
}
.flag.icon.ua.squared {
  background-image: url(../../../../../assets/flags/1x1/ua.svg);
}
.flag.icon.ug {
  background-image: url(../../../../../assets/flags/4x3/ug.svg);
}
.flag.icon.ug.squared {
  background-image: url(../../../../../assets/flags/1x1/ug.svg);
}
.flag.icon.um {
  background-image: url(../../../../../assets/flags/4x3/um.svg);
}
.flag.icon.um.squared {
  background-image: url(../../../../../assets/flags/1x1/um.svg);
}
.flag.icon.us {
  background-image: url(../../../../../assets/flags/4x3/us.svg);
}
.flag.icon.us.squared {
  background-image: url(../../../../../assets/flags/1x1/us.svg);
}
.flag.icon.uy {
  background-image: url(../../../../../assets/flags/4x3/uy.svg);
}
.flag.icon.uy.squared {
  background-image: url(../../../../../assets/flags/1x1/uy.svg);
}
.flag.icon.uz {
  background-image: url(../../../../../assets/flags/4x3/uz.svg);
}
.flag.icon.uz.squared {
  background-image: url(../../../../../assets/flags/1x1/uz.svg);
}
.flag.icon.va {
  background-image: url(../../../../../assets/flags/4x3/va.svg);
}
.flag.icon.va.squared {
  background-image: url(../../../../../assets/flags/1x1/va.svg);
}
.flag.icon.vc {
  background-image: url(../../../../../assets/flags/4x3/vc.svg);
}
.flag.icon.vc.squared {
  background-image: url(../../../../../assets/flags/1x1/vc.svg);
}
.flag.icon.ve {
  background-image: url(../../../../../assets/flags/4x3/ve.svg);
}
.flag.icon.ve.squared {
  background-image: url(../../../../../assets/flags/1x1/ve.svg);
}
.flag.icon.vg {
  background-image: url(../../../../../assets/flags/4x3/vg.svg);
}
.flag.icon.vg.squared {
  background-image: url(../../../../../assets/flags/1x1/vg.svg);
}
.flag.icon.vi {
  background-image: url(../../../../../assets/flags/4x3/vi.svg);
}
.flag.icon.vi.squared {
  background-image: url(../../../../../assets/flags/1x1/vi.svg);
}
.flag.icon.vn {
  background-image: url(../../../../../assets/flags/4x3/vn.svg);
}
.flag.icon.vn.squared {
  background-image: url(../../../../../assets/flags/1x1/vn.svg);
}
.flag.icon.vu {
  background-image: url(../../../../../assets/flags/4x3/vu.svg);
}
.flag.icon.vu.squared {
  background-image: url(../../../../../assets/flags/1x1/vu.svg);
}
.flag.icon.wf {
  background-image: url(../../../../../assets/flags/4x3/wf.svg);
}
.flag.icon.wf.squared {
  background-image: url(../../../../../assets/flags/1x1/wf.svg);
}
.flag.icon.ws {
  background-image: url(../../../../../assets/flags/4x3/ws.svg);
}
.flag.icon.ws.squared {
  background-image: url(../../../../../assets/flags/1x1/ws.svg);
}
.flag.icon.ye {
  background-image: url(../../../../../assets/flags/4x3/ye.svg);
}
.flag.icon.ye.squared {
  background-image: url(../../../../../assets/flags/1x1/ye.svg);
}
.flag.icon.yt {
  background-image: url(../../../../../assets/flags/4x3/yt.svg);
}
.flag.icon.yt.squared {
  background-image: url(../../../../../assets/flags/1x1/yt.svg);
}
.flag.icon.za {
  background-image: url(../../../../../assets/flags/4x3/za.svg);
}
.flag.icon.za.squared {
  background-image: url(../../../../../assets/flags/1x1/za.svg);
}
.flag.icon.zm {
  background-image: url(../../../../../assets/flags/4x3/zm.svg);
}
.flag.icon.zm.squared {
  background-image: url(../../../../../assets/flags/1x1/zm.svg);
}
.flag.icon.zw {
  background-image: url(../../../../../assets/flags/4x3/zw.svg);
}
.flag.icon.zw.squared {
  background-image: url(../../../../../assets/flags/1x1/zw.svg);
}
.flag.icon.eu {
  background-image: url(../../../../../assets/flags/4x3/eu.svg);
}
.flag.icon.eu.squared {
  background-image: url(../../../../../assets/flags/1x1/eu.svg);
}
.flag.icon.gb.eng {
  background-image: url(../../../../../assets/flags/4x3/gb.eng.svg);
}
.flag.icon.gb.eng.squared {
  background-image: url(../../../../../assets/flags/1x1/gb.eng.svg);
}
.flag.icon.gb.nir {
  background-image: url(../../../../../assets/flags/4x3/gb.nir.svg);
}
.flag.icon.gb.nir.squared {
  background-image: url(../../../../../assets/flags/1x1/gb.nir.svg);
}
.flag.icon.gb.sct {
  background-image: url(../../../../../assets/flags/4x3/gb.sct.svg);
}
.flag.icon.gb.sct.squared {
  background-image: url(../../../../../assets/flags/1x1/gb.sct.svg);
}
.flag.icon.gb.wls {
  background-image: url(../../../../../assets/flags/4x3/gb.wls.svg);
}
.flag.icon.gb.wls.squared {
  background-image: url(../../../../../assets/flags/1x1/gb.wls.svg);
}
.flag.icon.un {
  background-image: url(../../../../../assets/flags/4x3/un.svg);
}
.flag.icon.un.squared {
  background-image: url(../../../../../assets/flags/1x1/un.svg);
}
span.flag.icon.disabled {
  opacity: 0.5;
}
span.flag.small.icon {
  width: 1rem;
  height: 1rem;
}
span.flag.icon {
  width: 1.5em;
  height: 1em;
}
span.flag.full.icon {
  width: 100%;
  height: 100%;
}

.nav-button {
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  outline: none;
  vertical-align: middle;
  font-family: inherit;
  font-size:14px;
  font-weight: 500;
  margin: 0;
  color:#272727;
  padding: 0.875rem 1rem;
  line-height: 1rem;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: content-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;

}
.nav-button:hover,
.nav-button:active,
.nav-button:focus {
  color: #001fb8;
}
.nav-button:active,
.nav-button.active {
  color:001fb8;
}
---
.wojo.button {
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  outline: none;
  vertical-align: middle;
  background-color: #757575;
  color: #fff;
  font-family: inherit;
  font-weight: 500;
  margin: 0;
  padding: 0.875rem 1.875rem;
  line-height: 1rem;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0.25rem;
  border: 1px solid #757575;
  box-sizing: content-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.wojo.button:hover,
.wojo.button:active,
.wojo.button:focus {
  color: #fff;
  background: #616161;
  border-color: #616161;
}
.wojo.button:active,
.wojo.button.active {
  outline: 0 none;
  box-shadow: none;
}
.wojo.basic.buttons .button,
.wojo.basic.button,
.wojo.basic.primary.buttons .button,
.wojo.basic.primary.button,
.wojo.basic.secondary.buttons .button,
.wojo.basic.secondary.button,
.wojo.basic.positive.buttons .button,
.wojo.basic.positive.button,
.wojo.basic.negative.buttons .button,
.wojo.basic.negative.button,
.wojo.basic.white.buttons .button,
.wojo.basic.white.button,
.wojo.basic.light.buttons .button,
.wojo.basic.light.button,
.wojo.basic.dark.buttons .button,
.wojo.basic.dark.button,
.wojo.simple.buttons .button,
.wojo.simple.button,
.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button,
.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button,
.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button,
.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button,
.wojo.simple.white.buttons .button,
.wojo.simple.white.button,
.wojo.simple.light.buttons .button,
.wojo.simple.light.button,
.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button,
.wojo.inverted.buttons .button,
.wojo.inverted.button,
.wojo.inverted.primary.buttons .button,
.wojo.inverted.primary.button,
.wojo.inverted.secondary.buttons .button,
.wojo.inverted.secondary.button,
.wojo.inverted.positive.buttons .button,
.wojo.inverted.positive.button,
.wojo.inverted.negative.buttons .button,
.wojo.inverted.negative.button,
.wojo.inverted.white.buttons .button,
.wojo.inverted.white.button,
.wojo.inverted.light.buttons .button,
.wojo.inverted.light.button,
.wojo.inverted.dark.buttons .button,
.wojo.inverted.dark.button {
  background: transparent;
  box-shadow: none;
  color: var(--body-color);
}
.wojo.simple.buttons .button,
.wojo.simple.button,
.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button,
.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button,
.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button,
.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button,
.wojo.simple.white.buttons .button,
.wojo.simple.white.button,
.wojo.simple.light.buttons .button,
.wojo.simple.light.button,
.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button {
  box-shadow: none;
  border-color: transparent;
}
.wojo.basic.button:hover,
.wojo.basic.button.active,
.wojo.basic.button:active {
  color: #fff;
  background: #616161;
  border-color: #616161;
}
.wojo.primary.buttons .button,
.wojo.primary.button {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.wojo.primary.buttons .button:hover,
.wojo.primary.buttons .button:active,
.wojo.primary.buttons .button:focus,
.wojo.primary.button:hover,
.wojo.primary.button:active,
.wojo.primary.button:focus {
  color: #fff;
  background: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
.wojo.primary.buttons .button:active,
.wojo.primary.buttons .button.active,
.wojo.primary.button:active,
.wojo.primary.button.active {
  box-shadow: none;
}
.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button {
  color: var(--primary-color);
  border-color: transparent;
}
.wojo.simple.primary.button:hover,
.wojo.simple.primary.button.active,
.wojo.simple.primary.button:active {
  color: var(--primary-color-hover);
  background: transparent;
}
.wojo.basic.primary.buttons .button,
.wojo.basic.primary.button {
  color: var(--primary-color);
}
.wojo.basic.primary.button:hover,
.wojo.basic.primary.button.active,
.wojo.basic.primary.button:active {
  color: #fff;
}
.wojo.inverted.primary.buttons .button,
.wojo.inverted.primary.button {
  background-color: var(--primary-color-inverted);
  color: var(--primary-color);
  border-color: var(--primary-color-inverted);
}
.wojo.inverted.primary.buttons .button.active,
.wojo.inverted.primary.buttons .button:hover,
.wojo.inverted.primary.button:hover,
.wojo.inverted.primary.button.active,
.wojo.inverted.primary.button:active {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.wojo.secondary.buttons .button,
.wojo.secondary.button {
  background-color: var(--secondary-color);
  color: #fff;
  border-color: var(--secondary-color);
}
.wojo.secondary.buttons .button:hover,
.wojo.secondary.buttons .button:active,
.wojo.secondary.buttons .button:focus,
.wojo.secondary.button:hover,
.wojo.secondary.button:active,
.wojo.secondary.button:focus {
  color: #fff;
  background: var(--secondary-color-hover);
  border-color: var(--secondary-color-hover);
}
.wojo.secondary.buttons .button:active,
.wojo.secondary.buttons .button.active,
.wojo.secondary.button:active,
.wojo.secondary.button.active {
  box-shadow: none;
}
.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button {
  color: var(--secondary-color);
  border-color: transparent;
}
.wojo.simple.secondary.button:hover,
.wojo.simple.secondary.button.active,
.wojo.simple.secondary.button:active {
  color: var(--secondary-color-hover);
  background: transparent;
}
.wojo.basic.secondary.buttons .button,
.wojo.basic.secondary.button {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.wojo.basic.secondary.button:hover,
.wojo.basic.secondary.button.active,
.wojo.basic.secondary.button:active {
  color: #fff;
}
.wojo.inverted.secondary.buttons .button,
.wojo.inverted.secondary.button {
  background-color: var(--secondary-color-inverted);
  color: var(--secondary-color);
  border-color: var(--secondary-color-inverted);
}
.wojo.inverted.secondary.buttons .button.active,
.wojo.inverted.secondary.buttons .button:hover,
.wojo.inverted.secondary.button:hover,
.wojo.inverted.secondary.button.active,
.wojo.inverted.secondary.button:active {
  color: #fff;
  background: var(--secondary-color);
  border-color: var(--secondary-color);
}
.wojo.positive.buttons .button,
.wojo.positive.button {
  background-color: var(--positive-color);
  color: #fff;
  border-color: var(--positive-color);
}
.wojo.positive.buttons .button:hover,
.wojo.positive.buttons .button:active,
.wojo.positive.buttons .button:focus,
.wojo.positive.button:hover,
.wojo.positive.button:active,
.wojo.positive.button:focus {
  color: #fff;
  background: var(--positive-color-hover);
  border-color: var(--positive-color-hover);
}
.wojo.positive.buttons .button:active,
.wojo.positive.buttons .button.active,
.wojo.positive.button:active,
.wojo.positive.button.active {
  box-shadow: none;
}
.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button {
  color: var(--positive-color-hover);
  border-color: transparent;
}
.wojo.simple.positive.button:hover,
.wojo.simple.positive.button.active,
.wojo.simple.positive.button:active {
  color: var(--positive-color-hover);
  background: transparent;
}
.wojo.basic.positive.buttons .button,
.wojo.basic.positive.button {
  border-color: var(--positive-color-hover);
  color: var(--positive-color-hover);
}
.wojo.basic.positive.button:hover,
.wojo.basic.positive.button.active,
.wojo.basic.positive.button:active {
  color: #fff;
}
.wojo.inverted.positive.buttons .button,
.wojo.inverted.positive.button {
  background-color: var(--positive-color-inverted);
  color: var(--positive-color);
  border-color: var(--positive-color-inverted);
}
.wojo.inverted.positive.buttons .button.active,
.wojo.inverted.positive.buttons .button:hover,
.wojo.inverted.positive.button:hover,
.wojo.inverted.positive.button.active,
.wojo.inverted.positive.button:active {
  color: #fff;
  background: var(--positive-color);
  border-color: var(--positive-color);
}
.wojo.negative.buttons .button,
.wojo.negative.button {
  background-color: var(--negative-color);
  color: #fff;
  border-color: var(--negative-color);
}
.wojo.negative.buttons .button:hover,
.wojo.negative.buttons .button:active,
.wojo.negative.buttons .button:focus,
.wojo.negative.button:hover,
.wojo.negative.button:active,
.wojo.negative.button:focus {
  color: #fff;
  background: var(--negative-color-hover);
  border-color: var(--negative-color-hover);
}
.wojo.negative.buttons .button:active,
.wojo.negative.buttons .button.active,
.wojo.negative.button:active,
.wojo.negative.button.active {
  box-shadow: none;
}
.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button {
  color: var(--negative-color-hover);
  border-color: transparent;
}
.wojo.simple.negative.button:hover,
.wojo.simple.negative.button.active,
.wojo.simple.negative.button:active {
  color: var(--negative-color-hover);
  background: transparent;
}
.wojo.basic.negative.buttons .button,
.wojo.basic.negative.button {
  border-color: var(--negative-color-hover);
  color: var(--negative-color-hover);
}
.wojo.basic.negative.button:hover,
.wojo.basic.negative.button.active,
.wojo.basic.negative.button:active {
  color: #fff;
}
.wojo.inverted.negative.buttons .button,
.wojo.inverted.negative.button {
  background-color: var(--negative-color-inverted);
  color: var(--negative-color);
  border-color: var(--negative-color-inverted);
}
.wojo.inverted.negative.buttons .button.active,
.wojo.inverted.negative.buttons .button:hover,
.wojo.inverted.negative.button:hover,
.wojo.inverted.negative.button.active,
.wojo.inverted.negative.button:active {
  color: #fff;
  background: var(--negative-color);
  border-color: var(--negative-color);
}
.wojo.light.buttons .button,
.wojo.light.button {
  background-color: var(--light-color);
  color: var(--body-color);
  border-color: var(--light-color);
}
.wojo.light.buttons .button:hover,
.wojo.light.buttons .button:active,
.wojo.light.buttons .button:focus,
.wojo.light.buttons .button.active,
.wojo.light.button:hover,
.wojo.light.button:active,
.wojo.light.button:focus {
  color: var(--body-color);
  background: var(--light-color-hover);
  border-color: var(--light-color-hover);
}
.wojo.light.buttons .button:active,
.wojo.light.buttons .button.active,
.wojo.light.button:active,
.wojo.light.button.active {
  box-shadow: none;
}
.wojo.simple.light.buttons .button,
.wojo.simple.light.button {
  color: var(--light-color);
  border-color: transparent;
}
.wojo.simple.light.button:hover,
.wojo.simple.light.button.active,
.wojo.simple.light.button:active {
  color: var(--light-color-hover);
  background: transparent;
}
.wojo.basic.light.buttons .button,
.wojo.basic.light.button {
  border-color: var(--light-color);
  color: var(--body-color);
}
.wojo.basic.light.button:hover,
.wojo.basic.light.button.active,
.wojo.basic.light.button:active {
  color: var(--body-color);
}
.wojo.inverted.light.buttons .button,
.wojo.inverted.light.button {
  background-color: var(--light-color-inverted);
  color: var(--light-color);
  border-color: var(--light-color-inverted);
}
.wojo.inverted.light.buttons .button.active,
.wojo.inverted.light.buttons .button:hover,
.wojo.inverted.light.button:hover,
.wojo.inverted.light.button.active,
.wojo.inverted.light.button:active {
  color: #fff;
  background: var(--light-color);
  border-color: var(--light-color);
}
.wojo.dark.buttons .button,
.wojo.dark.button {
  background-color: var(--dark-color);
  color: #fff;
  border-color: var(--dark-color);
}
.wojo.dark.buttons .button:hover,
.wojo.dark.buttons .button:active,
.wojo.dark.buttons .button:focus,
.wojo.dark.button:hover,
.wojo.dark.button:active,
.wojo.dark.button:focus {
  color: #fff;
  background: var(--dark-color-hover);
  border-color: var(--dark-color-hover);
}
.wojo.dark.buttons .button:active,
.wojo.dark.buttons .button.active,
.wojo.dark.button:active,
.wojo.dark.button.active {
  box-shadow: none;
}
.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button {
  color: var(--dark-color);
  border-color: transparent;
}
.wojo.simple.dark.button:hover,
.wojo.simple.dark.button.active,
.wojo.simple.dark.button:active {
  color: var(--dark-color-hover);
  background: transparent;
}
.wojo.basic.dark.buttons .button,
.wojo.basic.dark.button {
  border-color: var(--dark-color);
  color: var(--dark-color);
}
.wojo.basic.dark.button:hover,
.wojo.basic.dark.button.active,
.wojo.basic.dark.button:active {
  color: #fff;
}
.wojo.inverted.dark.buttons .button,
.wojo.inverted.dark.button {
  background-color: var(--dark-color-inverted);
  color: var(--dark-color);
  border-color: var(--dark-color-inverted);
}
.wojo.inverted.dark.buttons .button.active,
.wojo.inverted.dark.buttons .button:hover,
.wojo.inverted.dark.button:hover,
.wojo.inverted.dark.button.active,
.wojo.inverted.dark.button:active {
  color: #fff;
  background: var(--dark-color);
  border-color: var(--dark-color);
}
.wojo.white.buttons .button,
.wojo.white.button {
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.11), 0 1px 1px rgba(0, 0, 0, 0.08);
  color: var(--primary-color);
  border-color: #fff;
}
.wojo.white.buttons .button:hover,
.wojo.white.buttons .button:active,
.wojo.white.buttons .button:focus,
.wojo.white.button:hover,
.wojo.white.button:active,
.wojo.white.button:focus {
 COLOR: #001fb8;
}
.wojo.white.buttons .button:active,
.wojo.white.buttons .button.active,
.wojo.white.button:active,
.wojo.white.button.active {
  box-shadow: 0 0 0 0 transparent;
}
.wojo.basic.white.buttons .button,
.wojo.basic.white.button {
  border-color: #fff;
  color: #fff;
}
.wojo.basic.white.button:hover,
.wojo.basic.white.button.active,
.wojo.basic.white.button:active {
  color: var(--primary-color);
}
.wojo.transparent.buttons .button,
.wojo.transparent.button {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: transparent;
}
.wojo.transparent.buttons .button:hover,
.wojo.transparent.buttons .button:active,
.wojo.transparent.buttons .button:focus,
.wojo.transparent.button:active,
.wojo.transparent.button:focus {
  background: rgba(255, 255, 255, 0.4);
}
.wojo.fluid.button,
.wojo.fluid.buttons {
  display: flex;
  margin: 0;
}
.wojo.fluid.buttons .button {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.fluid.labeled.button span {
  flex: 1 1 0px;
}
button.wojo.fluid.button {
  width: calc(100% - 3.75rem - 2px);
}
.wojo.icon.button {
  margin: 0;
  line-height: 1rem;
  padding: 0.875rem;
  font-size: 1rem;
}
.wojo.icon.button .icon,
.wojo.icon.button img {
  width: 1rem;
}
.wojo.button:not(.icon) .icon,
.wojo.button:not(.icon) img {
  margin-right: 1rem;
}
.wojo.right.button:not(.labeled):not(.icon) .icon,
.wojo.right.button:not(.labeled):not(.icon) img {
  margin-right: 0;
  margin-left: 1rem;
}
.wojo.right.button:not(.labeled):not(.icon) img {
  width: 1rem;
  height: 1rem;
}
.wojo.labeled.button {
  padding: 0;
}
.wojo.labeled.button span,
.wojo.labeled.button .icon,
.wojo.labeled.button img {
  flex: 0 1 auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}
.wojo.labeled.button span {
  padding: 0.875rem 1.875rem;
}
.wojo.labeled.button .icon {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0.875rem;
  background-color: rgba(50, 50, 93, 0.1);
  box-shadow: 1px 0 0 0 rgba(50, 50, 93, 0.2);
}
.wojo.right.labeled.button .icon {
  box-shadow: -1px 0 0 0 rgba(50, 50, 93, 0.2);
}
.wojo.buttons {
  display: inline-flex;
  flex-direction: row;
}
.wojo.buttons .button {
  flex: 1 0 auto;
  margin: 0em;
  border-radius: 0em;
  box-shadow: none;
}
.wojo.buttons .button:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.wojo.buttons .button:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.wojo.rounded.buttons .button:first-child {
  border-radius: 2rem 0 0 2rem;
}
.wojo.rounded.buttons .button:last-child {
  border-radius: 0 2rem 2rem 0;
}
.wojo.button .status {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0.813rem;
  height: 0.813rem;
  border-radius: 1rem;
  background: #ffffff;
  border: 2px solid #ffffff;
}
.wojo.button .status.negative {
  background: var(--negative-color);
}
.wojo.button .status.positive {
  background: var(--positive-color);
}
.wojo.circular.button {
  border-radius: 100rem;
}
.wojo.compact.buttons,
.wojo.compact.button {
  padding: 0.75rem 1rem;
}
.wojo.rounded.buttons,
.wojo.rounded.button {
  border-radius: 2.5rem;
}
.wojo.spaced.button {
  margin-right: 1rem;
}
.wojo.passive.button {
  cursor: default;
  pointer-events: none;
}
.wojo.attached.buttons,
.wojo.attached.button {
  position: absolute;
  z-index: 2;
}
.wojo.attached.top.buttons,
.wojo.attached.top.button {
  top: 0;
}
.wojo.attached.bottom.buttons,
.wojo.attached.bottom.button {
  bottom: 0;
}
.wojo.attached.left.buttons,
.wojo.attached.left.button {
  left: 0;
}
.wojo.attached.right.buttons,
.wojo.attached.right.button {
  right: 0;
}
.wojo.attached.middle.buttons,
.wojo.attached.middle.button {
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wojo.attached.spaced.top.buttons,
.wojo.attached.spaced.top.button {
  top: 1rem;
}
.wojo.attached.spaced.right.buttons,
.wojo.attached.spaced.right.button {
  right: 1rem;
}
.wojo.attached.spaced.left.buttons,
.wojo.attached.spaced.left.button {
  left: 1rem;
}
.wojo.attached.outside.top.buttons,
.wojo.attached.outside.top.button {
  top: -1rem;
}
.wojo.attached.outside.right.buttons,
.wojo.attached.outside.right.button {
  right: -1rem;
}
.wojo.attached.outside.left.buttons,
.wojo.attached.outside.left.button {
  left: -1rem;
}
.wojo.buttons .disabled.button,
.wojo.disabled.button,
.wojo.button:disabled,
.wojo.disabled.button:hover,
.wojo.disabled.active.button {
  cursor: default;
  opacity: 0.45;
  box-shadow: none;
  pointer-events: none;
}
.wojo.loading.loading.button {
  z-index: 1;
  cursor: default;
  color: transparent;
  opacity: 1;
  pointer-events: none;
  transition: all 0s linear, opacity 0.1s ease;
}
.wojo.loading.button::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: calc(-1.5rem / 2);
  margin-left: calc(-1.5rem / 2);
  border-radius: 50%;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #fff;
  -webkit-animation: spinner 0.6s linear infinite;
  animation: spinner 0.6s linear infinite;
}
.wojo.small.loading.button::after {
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #fff;
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wojo.relaxed.button {
  padding: 0.875rem 2.5rem;
}
.wojo.very.relaxed.button {
  padding: 0.875rem 4rem;
}
.wojo.mini.buttons .button,
.wojo.mini.button {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
  line-height: 0.75rem;
}
.wojo.mini.button .icon {
  font-size: 1rem;
}
button.wojo.mini.fluid.button {
  width: calc(100% - 2rem - 2px);
}
.wojo.mini.circular.button,
.wojo.mini.icon.button {
  padding: 0.375rem;
}
.wojo.small.buttons .button,
.wojo.small.button {
  font-size: 0.875rem;
  padding: 0.625rem 1.25rem;
}
button.wojo.small.fluid.button {
  width: calc(100% - 2.5rem - 2px);
}
.wojo.small.circular.button,
.wojo.small.icon.button {
  padding: 0.625rem;
}
.wojo.buttons .button,
.wojo.button {
  font-size: 1rem;
}
.wojo.big.buttons .button,
.wojo.big.button {
  font-size: 1.25rem;
  padding: 1em 2em;
}
.wojo.big.circular.button {
  padding: 1.25rem;
}
.wojo.huge.buttons .button,
.wojo.huge.button {
  font-size: 1.5rem;
  padding: 1.25em 2.5em;
}
.wojo.huge.circular.button {
  padding: 1.5rem;
}
.wojo.massive.buttons .button,
.wojo.massive.button {
  font-size: 1.5rem;
  padding: 1.5em 3em;
}
.wojo.massive.circular.button {
  padding: 2.5rem;
}
.wojo.compact.button {
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 30em) {
  .wojo.stacked.button {
    display: flex;
    flex: 1 1 0px;
    min-width: 0;
    margin-bottom: 0.25rem;
  }
  .wojo.buttons.stacked {
    display: flex;
    flex-direction: column;
  }
  .wojo.buttons.stacked .button {
    flex: 1 1 0px;
    min-width: 0;
    border-radius: 0.25rem;
    justify-content: flex-start;
    margin-bottom: 0.25rem;
  }
  .wojo.buttons.stacked .button:first-child,
  .wojo.buttons.stacked .button:last-child {
    border-radius: 0.25rem;
  }
}
.wojo.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 1rem 0;
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid var(--grey-color-300);
  box-shadow: 0 0 2rem 0 var(--shadow-color);
}
.wojo.card > .content:not(.notes),
.wojo.segment > .content:not(.notes) {
  flex: 1 1 auto;
  padding: 1.5rem;
}
.wojo.card > .header,
.wojo.card > .footer,
.wojo.segment > .header,
.wojo.segment > .footer {
  padding: 1.25rem 1.5rem;
}
.wojo.card > .header.divided,
.wojo.segment > .header.divided {
  border-bottom: 1px solid var(--shadow-color);
}
.wojo.card > .footer.divided,
.wojo.segment > .footer.divided {
  border-top: 1px solid var(--shadow-color);
}
.wojo.card > .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wojo.segment {
  position: relative;
  padding: 2rem;
  margin: 1rem 0;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid var(--grey-color-300);
}
.wojo.segment > .header {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.wojo.segment > .basic.header {
  display: inherit;
  flex-flow: inherit;
  position: relative;
}
.wojo.segment > .header > .items {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 1rem;
}
.wojo.segment > .header > .items:last-child {
  margin-right: 0;
}
.wojo.segment.gutters,
.wojo.segment.gutters > .content:not(.notes) {
  padding: 2rem 2rem 0 2rem;
}
.wojo.basic.segment,
.wojo.basic.card,
.wojo.basic.cards > .card {
  border: 0;
}
.wojo.fitted.segment,
.wojo.fitted.card,
.wojo.fitted.cards > .card {
  padding: 0;
}
.wojo.simple.segment,
.wojo.simple.card,
.wojo.simple.cards > .card {
  box-shadow: none;
}
.wojo.attached.segment,
.wojo.attached.card {
  margin: 0;
}
.wojo.top.attached.segment,
.wojo.top.attached.card {
  margin-top: 0;
}
.wojo.bottom.attached.segment,
.wojo.bottom.attached.card {
  margin-bottom: 0;
}
.wojo.spaced.segment,
.wojo.spaced.card {
  margin: 2rem 0;
}
.wojo.cards {
  display: flex;
  flex-flow: row wrap;
  margin-left: var(--gutter-compensation);
  flex-wrap: wrap;
}
.wojo.cards .card {
  position: relative;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #d9e1ec;
  border-radius: 4px;
  margin-left: var(--gutter);
  margin-bottom: var(--gutter);
}
.wojo.cards .card > .content {
  padding: 2em;
  flex: 1 1 auto;
}
.wojo.cards .card > .header,
.wojo.cards .card > .footer {
  padding: 1.25rem 1.5rem;
}
.wojo.cards .card > .header.divided {
  border-bottom: 1px solid var(--shadow-color);
}
.wojo.cards .card > .footer.divided {
  border-top: 1px solid var(--shadow-color);
}
.wojo.full.cards .card {
  flex-direction: column;
  display: flex;
}
.wojo.full.cards .card > .footer {
  margin-top: auto;
}
.wojo.fof.card {
  min-height: 50vh;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.wojo.fof.card h1 {
  font-size: 8rem;
  letter-spacing: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  color: var(--secondary-color);
}
.wojo.fof.card p:first-of-type {
  font-size: 1.5rem;
  line-height: 1.7;
  color: var(--grey-color);
}
.wojo.loading.segment,
.wojo.loading.card {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.wojo.loading.segment::before,
.wojo.loading.card::before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.wojo.loading.segment::after,
.wojo.loading.card::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
  animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1)
    rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0);
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 64.063em) {
  .wojo.cards.screen-1,
  .wojo.cards.screen-2,
  .wojo.cards.screen-3,
  .wojo.cards.screen-4,
  .wojo.cards.screen-5 {
    flex-wrap: wrap;
  }
  .wojo.cards.screen-1 > .card {
    flex: 0 0 calc(100% - var(--gutter));
    max-width: calc(100% - var(--gutter));
  }
  .wojo.cards.screen-2 > .card {
    flex: 0 0 calc(50% - var(--gutter));
    max-width: calc(50% - var(--gutter));
  }
  .wojo.cards.screen-3 > .card {
    flex: 0 0 calc(100% / 3 - var(--gutter));
    max-width: calc(100% / 3 - var(--gutter));
  }
  .wojo.cards.screen-4 > .card {
    flex: 0 0 calc(25% - var(--gutter));
    max-width: calc(25% - var(--gutter));
  }
  .wojo.cards.screen-5 > .card {
    flex: 0 0 calc(20% - var(--gutter));
    max-width: calc(20% - var(--gutter));
  }
}
@media screen and (min-width: 40.625em) and (max-width: 64em) {
  .wojo.cards.tablet-1,
  .wojo.cards.tablet-2,
  .wojo.cards.tablet-3,
  .wojo.cards.tablet-4,
  .wojo.cards.tablet-5 {
    flex-wrap: wrap;
  }
  .wojo.cards.tablet-1 > .card {
    flex: 0 0 calc(100% - var(--gutter));
    max-width: calc(100% - var(--gutter));
  }
  .wojo.cards.tablet-2 > .card {
    flex: 0 0 calc(50% - var(--gutter));
    max-width: calc(50% - var(--gutter));
  }
  .wojo.cards.tablet-3 > .card {
    flex: 0 0 calc(100% / 3 - var(--gutter));
    max-width: calc(100% / 3 - var(--gutter));
  }
  .wojo.cards.tablet-4 > .card {
    flex: 0 0 calc(25% - var(--gutter));
    max-width: calc(25% - var(--gutter));
  }
  .wojo.cards.tablet-5 > .card {
    flex: 0 0 calc(20% - var(--gutter));
    max-width: calc(20% - var(--gutter));
  }
}
@media screen and (max-width: 48.063em) {
  .wojo.cards.mobile-1,
  .wojo.cards.mobile-2,
  .wojo.cards.mobile-3,
  .wojo.cards.mobile-4,
  .wojo.cards.mobile-5 {
    flex-wrap: wrap;
  }
  .wojo.cards.mobile-1 > .card {
    flex: 0 0 calc(100% - var(--gutter));
    max-width: calc(100% - var(--gutter));
  }
  .wojo.cards.mobile-2 > .card {
    flex: 0 0 calc(50% - var(--gutter));
    max-width: calc(50% - var(--gutter));
  }
  .wojo.cards.mobile-3 > .card {
    flex: 0 0 calc(100% / 3 - var(--gutter));
    max-width: calc(100% / 3 - var(--gutter));
  }
  .wojo.cards.mobile-4 > .card {
    flex: 0 0 calc(25% - var(--gutter));
    max-width: calc(25% - var(--gutter));
  }
  .wojo.cards.mobile-5 > .card {
    flex: 0 0 calc(20% - var(--gutter));
    max-width: calc(20% - var(--gutter));
  }
}
@media screen and (max-width: 30em) {
  .wojo.cards[class*="screen-"],
  .wojo.cards[class*="tablet-"],
  .wojo.cards[class*="mobile-"] {
    flex-wrap: wrap;
  }
  .wojo.cards[class*="screen-"] > .card,
  .wojo.cards[class*="tablet-"] > .card,
  .wojo.cards[class*="mobile-"] > .card {
    flex: 0 0 calc(100% - var(--gutter));
    max-width: calc(100% - var(--gutter));
  }
}
.wojo.comments {
  margin: 1.5em 0em;
}
.wojo.comments .comment {
  position: relative;
  background-image: none;
  margin: 1em 0em 0em;
  padding: 1em 0em 0em;
  border: none;
  border-top: none;
}
.wojo.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em;
}
.wojo.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em;
}
.wojo.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px;
}
.wojo.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none;
}
.wojo.comments .comment .avatar {
  display: block;
  width: 3em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em;
}
.wojo.comments .comment img.avatar,
.wojo.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
.wojo.comments .comment > .content {
  display: block;
}
.wojo.comments .comment > .avatar ~ .content {
  margin-left: 5.5em;
}
.wojo.comments .comment .author {
  font-size: 1em;
  font-weight: 700;
}
.wojo.comments .comment a.author {
  cursor: pointer;
}
.wojo.comments .comment a.author:hover {
  color: #1e70bf;
}
.wojo.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em;
}
.wojo.comments .comment .metadata > * {
  margin: 0em 0.5em 0em 0em;
}
.wojo.comments .comment .metadata .wojo.stars {
  margin-left: 1em;
}
.wojo.comments .comment .metadata > :last-child {
  margin-right: 0em;
}
.wojo.comments .comment .description {
  margin: 0.25em 0em 0.5em;
  word-wrap: break-word;
  line-height: 1.3;
}
.wojo.comments .comment .actions a {
  cursor: pointer;
  font-size: 0.875em;
}
.wojo.comments .comment .actions a .icon {
  margin-left: 0.25em;
}
.wojo.comments .comment .actions a:last-child {
  margin-right: 0em;
}
.wojo.comments .comment .actions a.active,
.wojo.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.wojo.collapsed.comments,
.wojo.comments .collapsed.comments,
.wojo.comments .collapsed.comment {
  display: none;
}
.wojo.comments .comment .delete {
  margin-left: 1em;
}
.wojo.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.5em;
  padding: 3em 0 2em 3em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
}
.wojo.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.wojo.minimal.comments .comment > .content:hover > .actions {
  opacity: 1;
}
.wojo.mini.comments {
  font-size: 0.78571429rem;
}
.wojo.tiny.comments {
  font-size: 0.85714286rem;
}
.wojo.small.comments {
  font-size: 0.9em;
}
.wojo.comments {
  font-size: 1em;
}
.wojo.large.comments {
  font-size: 1.1em;
}
.wojo.big.comments {
  font-size: 1.28571429rem;
}
.wojo.huge.comments {
  font-size: 1.2em;
}
.wojo.massive.comments {
  font-size: 1.71428571rem;
}
.modal-open .dimmer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1049;
  background-color: rgba(0, 0, 0, 0.75);
}
.modal-open {
  overflow: hidden;
}
.modal-open .wojo.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.wojo.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.wojo.modal .dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 1.75rem auto;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: calc(100% - (1.75rem * 2));
}
.wojo.modal .dialog > .content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--grey-color-300);
  border-radius: 0.25rem;
  outline: 0;
}
.wojo.modal .dialog > .content > .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--grey-color-300);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.wojo.modal .dialog > .content > .header > button {
  background: #fff;
  border: 0;
  cursor: pointer;
}
.wojo.modal .dialog > .content > .header h5 {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 600;
}
.wojo.modal .dialog > .content > .header h5 span {
  margin: 0 0.5rem;
  font-size: 1rem;
}
.wojo.modal .dialog > .content > .body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.5rem;
}
.wojo.modal .dialog > .content > .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid var(--grey-color-300);
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.wojo.modal .dialog > .content > .footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.wojo.modal .dialog > .content > .footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.wojo.small.modal .dialog {
  width: 320px;
}
.wojo.modal .dialog {
  width: 480px;
}
.wojo.medium.modal .dialog {
  width: 640px;
}
.wojo.big.modal .dialog {
  width: 1024px;
}
.wojo.full.modal .dialog {
  width: 100%;
}
@media screen and (max-width: 48.063em) {
  .wojo.big.modal .dialog,
  .wojo.full.modal .dialog {
    width: 100%;
  }
}
@media screen and (max-width: 30em) {
  .wojo.small.modal .dialog,
  .wojo.modal .dialog,
  .wojo.medium.modal .dialog,
  .wojo.big.modal .dialog,
  .wojo.full.modal .dialog {
    width: 100%;
  }
}
.wojo.progress {
  width: 100%;
  height: 1.5rem;
  background: var(--grey-color-300);
  position: relative;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.wojo.progress .bar {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: var(--grey-color);
  border-radius: 0.25rem;
  z-index: 1;
}
.wojo.progress .label {
  font-weight: 700;
  margin-top: 0.25em;
  text-align: center;
  font-size: 0.875rem;
}
.wojo.progress .tipWrap {
  display: none;
}
.wojo.progress .tip {
  position: absolute;
  z-index: 2;
  transform: translateY(-50%);
  right: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  top: 50%;
  color: rgba(255, 255, 255, 0.7);
}
.wojo.primary.progress .bar {
  background: var(--primary-color);
}
.wojo.secondary.progress .bar {
  background: var(--secondary-color);
}
.wojo.positive.progress .bar {
  background: var(--positive-color);
}
.wojo.negative.progress .bar {
  background: var(--negative-color);
}
.wojo.dark.progress .bar {
  background: var(--dark-color);
}
.wojo.transparent.progress .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.wojo.active.progress .bar::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 0.25rem;
  -webkit-animation: progress-active 2s ease infinite;
  animation: progress-active 2s ease infinite;
}
@-webkit-keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.wojo.progress.attached {
  background: transparent;
  position: absolute;
  border: none;
  margin: 0;
  left: 0;
}
.wojo.progress.attached,
.wojo.progress.attached .bar {
  overflow: hidden;
  border-radius: 0;
}
.wojo.progress.attached .bar {
  border-radius: 0;
}
.wojo.progress.top.attached,
.wojo.progress.top.attached .bar {
  top: 0;
}
.wojo.progress.bottom.attached,
.wojo.progress.bottom.attached .bar {
  bottom: 0;
}
.wojo.progress.fitted {
  margin-bottom: 0;
}
.wojo.tiny.progress {
  height: 0.25rem;
}
.wojo.mini.progress {
  height: 0.5rem;
}
.wojo.small.progress {
  height: 1rem;
}
.wojo.tiny.text {
  font-size: 0.688rem;
}
.wojo.mini.text {
  font-size: 0.75rem;
}
.wojo.small.text {
  font-size: 0.875rem;
}
.wojo.normal.text {
  font-size: 1rem;
}
.wojo.medium.text {
  font-size: 1.25rem;
}
.wojo.large.text {
  font-size: 1.625rem;
}
.wojo.big.text {
  font-size: 2.25rem;
}
.wojo.huge.text {
  font-size: 2.75rem;
}
.wojo.massive.text {
  font-size: 3.25rem;
}
.wojo.thin.text {
  font-weight: 300;
}
.wojo.light.text {
  font-weight: 400;
}
.wojo.semi.text {
  font-weight: 500;
}
.wojo.demi.text {
  font-weight: 700;
}
.wojo.bold.text {
  font-weight: 800;
}
.wojo.italic.text {
  font-style: italic;
}
.wojo.link.text {
  cursor: pointer;
}
.wojo.primary.text {
  color: var(--primary-color);
}
.wojo.secondary.text {
  color: var(--secondary-color);
}
.wojo.positive.text {
  color: var(--positive-color);
}
.wojo.negative.text {
  color: var(--negative-color);
}
.wojo.light.text {
  color: var(--light-color);
}
.wojo.white.text {
  color: #fff;
}
.wojo.dark.text {
  color: var(--dark-color);
}
.wojo.grey.text {
  color: var(--grey-color);
}
.wojo.strike.text {
  text-decoration: line-through;
}
.wojo.caps {
  text-transform: uppercase;
}
.wojo.short.text {
  line-height: 1;
}
.wojo.tall.text {
  line-height: 2;
}
.wojo.dimmed.text {
  opacity: 0.75;
}
.wojo.very.dimmed.text {
  opacity: 0.5;
}
.wojo.icon.text {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.wojo.icon.text > .icon,
.wojo.icon.text > .image,
.wojo.icon.text > .label {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 0.5em;
}
.wojo.icon.text.middle {
  display: flex;
  justify-content: center;
}
.wojo.icon.right.text > .icon,
.wojo.icon.right.text > .image,
.wojo.icon.right.text > .label {
  margin-left: 0.5em;
  margin-right: auto;
}
.wojo.primary.bg {
  background-color: var(--primary-color);
}
.wojo.primary.inverted.bg {
  background-color: var(--primary-color-inverted);
}
.wojo.secondary.bg {
  background-color: var(--secondary-color);
}
.wojo.secondary.inverted.bg {
  background-color: var(--secondary-color-inverted);
}
.wojo.positive.bg {
  background-color: var(--positive-color);
}
.wojo.positive.inverted.bg {
  background-color: var(--positive-color-inverted);
}
.wojo.negative.bg {
  background-color: var(--negative-color);
}
.wojo.negative.inverted.bg {
  background-color: var(--negative-color-inverted);
}
.wojo.light.bg {
  background-color: var(--light-color);
}
.wojo.dark.bg {
  background-color: var(--dark-color);
}
.wojo.grey.bg {
  background-color: var(--grey-color);
}
.wojo.grey100.bg {
  background-color: var(--grey-color-100);
}
.wojo.grey300.bg {
  background-color: var(--grey-color-300);
}
.wojo.grey500.bg {
  background-color: var(--grey-color-500);
}
.wojo.boxed {
  border: 1px solid var(--grey-color-300);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wojo.shadow {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.wojo.soft.shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.wojo.readonly {
  position: relative;
  cursor: not-allowed;
  point-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.wojo.readonly:before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  border-radius: 0.25em;
  z-index: 10;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.highlite {
  background-color: #fffde7;
}
.dimmable {
  position: relative;
  z-index: 0;
}
.dimmable.active::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--dark-color-shadow);
}
.wojo.tabs .nav,
.wojo.navs .nav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.wojo.tabs .nav li,
.wojo.navs .nav li {
  margin-right: 1rem;
}
.wojo.tabs .nav li:last-child,
.wojo.navs .nav li:last-child {
  margin-right: 0;
}
.wojo.tabs .nav li a,
.wojo.navs .nav li a {
  border: 1px solid var(--grey-color-300);
  padding: 0.5rem 1.75rem;
  border-radius: 0.25rem;
  display: flex;
  background: #fff;
  flex-flow: row wrap;
  font-weight: 600;
  color: var(--primary-color);
}
.wojo.tabs .nav li a .icon,
.wojo.tabs .nav li a img,
.wojo.navs .nav li a .icon,
.wojo.navs .nav li a img {
  flex: 0 0 auto;
  max-width: 100%;
  align-self: center;
  margin-right: 0.5rem;
}
.wojo.tabs .nav li a.right .icon,
.wojo.tabs .nav li a.right img,
.wojo.navs .nav li a.right .icon,
.wojo.navs .nav li a.right img {
  margin-left: 0.5rem;
}
.wojo.tabs .nav li.active a,
.wojo.tabs .nav li a:hover,
.wojo.navs .nav li.active a,
.wojo.navs .nav li a:hover {
  background-color: var(--primary-color);
  color: var(--primary-color-inverted);
}
.wojo.tabs .tab {
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-radius: 0.25rem;
  padding: 2rem 1.5rem;
  background: #fff;
  border: 1px solid var(--grey-color-300);
}
.wojo.fluid.tabs .nav li,
.wojo.fluid.navs .nav li {
  flex: 1 1 0px;
  min-width: 0;
}
.wojo.navs.secondary {
  background-color: var(--secondary-color);
  border-radius: 0.25rem;
  padding: 1rem;
}
.wojo.navs.secondary .nav li a {
  background: transparent;
  color: #fff;
  border: 0;
}
.wojo.navs.secondary .nav li.active a,
.wojo.navs.secondary .nav li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.wojo.relaxed.tabs .nav li a,
.wojo.relaxed.navs .nav li a {
  padding: 1rem 1.75rem;
}
@media screen and (max-width: 48.063em) {
  .wojo.tabs .nav,
  .wojo.navs .nav {
    flex-direction: column;
  }
  .wojo.tabs .nav li,
  .wojo.navs .nav li {
    margin-right: 0;
  }
}
.wojo.accordion section {
  border-radius: 0.25rem;
  position: relative;
  border: 1px solid var(--grey-color-300);
  margin-bottom: 0.75rem;
}
.wojo.accordion section h6.summary {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0;
}
.wojo.accordion section h6.summary a {
  padding: 2rem 4.5rem 2rem 2rem;
  display: block;
  font-weight: 400;
  position: relative;
  border-radius: 0.25rem 0.25rem 0 0;
}
.wojo.accordion section h6.summary a::before {
  font-family: "WojoIcons";
  position: absolute;
  content: "\e9e6";
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.wojo.accordion section.active h6.summary a {
  background-color: var(--primary-color);
  color: var(--primary-color-inverted);
}
.wojo.accordion section.active h6.summary a::before {
  content: "\ea0c";
}
.wojo.accordion section .details {
  padding: 2rem;
}
.wojo.breadcrumb {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-weight: 300;
  text-transform: lowercase;
  margin-bottom: 2rem;
}
.wojo.breadcrumb .divider {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  white-space: nowrap;
  min-width: 0;
  margin: 0 0.75rem;
  color: var(--grey-color-500);
}
.wojo.breadcrumb a.section {
  font-weight: 600;
  color: var(--primary-color);
}
.wojo.breadcrumb .active.section {
  font-weight: 400;
  color: var(--dark-color);
}
.wojo.small.breadcrumb {
  font-size: 0.875rem;
}
.wojo.pagination {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.wojo.pagination .item {
  flex: 1 1 0px;
  min-width: 0;
  line-height: 1rem;
  padding: 0.75rem;
  font-weight: 700;
  color: var(--dark-color);
  border-radius: 0.25rem;
  text-align: center;
}
.wojo.pagination .item.active {
  background-color: var(--primary-color);
  color: var(--primary-color-inverted);
}
.wojo.pagination .item:hover {
  color: var(--primary-color);
}
.wojo.pagination .item.disabled {
  color: var(--grey-color-500);
  cursor: not-allowed;
}
.wojo.small.pagination .item {
  padding: 0.75rem;
  font-size: 0.875rem;
}
.wojo.divider {
  border-top: 1px solid var(--dark-color-shadow);
  height: 0;
  margin: 0.5rem 0;
}
.wojo.vertical.divider {
  border: 0;
  background-color: var(--dark-color-shadow);
  height: 0.75rem;
  margin: 0 0.5rem;
  width: 1px;
  display: inline-block;
}
.wojo.basic.divider {
  border-top: 1px solid var(--dark-color-shadow);
  height: 0;
  margin: 0;
}
.wojo.space.divider {
  border: 0;
  margin: 0;
  height: 1rem;
}
.wojo.auto.divider {
  border-color: var(--grey-color-300);
  margin: 1rem -2rem;
}
.wojo.wide.divider {
  border-top: 3px solid var(--grey-color-300);
}
.wojo.very.wide.divider {
  border-top: 5px solid var(--grey-color-300);
}
.wojo.basic.uploader {
  border: 0;
  width: 100%;
  color: #92aab0;
  padding: 0;
  margin-bottom: 0;
  font-size: 1em;
  text-align: left;
}
.wojo.uploader-active {
  border-color: #0b85a1;
}
.wojo.uploader div.or {
  font-size: 14px;
  font-weight: bold;
  color: #c0c0c0;
  padding: 10px;
}
.wojo.basic.uploader div.content label {
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  font-weight: normal;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  width: auto;
  margin: 0;
  box-shadow: none;
}
.wojo.uploader div.content span {
  cursor: pointer;
}
.wojo.uploader div.content input,
.wojo.button.uploader input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  border: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  direction: ltr;
  cursor: pointer;
}
.wojo.uploader div.content label:hover {
  background-color: #427fed;
}
.wojo.basic.uploader div.content label:hover {
  background-color: transparent;
}
.wojo.button.uploader {
  width: auto;
  margin: 0;
}
ul.wojo.activity,
ul.wojo.activity li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.wojo.activity li {
  clear: both;
}
ul.wojo.activity li .intro {
  float: left;
  width: 150px;
  text-align: right;
  position: relative;
  font-size: 0.938em;
  font-weight: 700;
  padding: 1rem;
}
ul.wojo.activity li .intro:after,
ul.wojo.activity li .intro:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  right: -6px;
  border-radius: 10px;
  border: 2px solid var(--secondary-color);
  top: 1.5em;
  z-index: 3;
}
ul.wojo.activity li:nth-child(2n) .content {
  background-color: var(--shadow-color);
}
ul.wojo.activity li .content {
  margin-left: 150px;
  padding: 1em;
  position: relative;
}
ul.wojo.activity li .content:before {
  position: absolute;
  height: 100%;
  content: "";
  border-left: 2px solid var(--secondary-color);
  left: 0;
  top: 0;
  z-index: 1;
}
.scrollbox {
  overflow: auto;
}
@media screen and (max-width: 769px) {
  ul.wojo.activity li .intro {
    float: none;
    width: auto;
    text-align: left;
    padding: 0.5em 1em;
    background-color: var(--shadow-color);
  }
  ul.wojo.activity li:nth-child(2n) .content {
    background-color: rgba(0, 0, 0, 0);
  }
  ul.wojo.activity li .content {
    margin-left: 0;
    padding: 0.5em 1em;
    position: relative;
  }
  ul.wojo.activity li .intro:after,
  ul.wojo.activity li .intro:before,
  ul.wojo.activity li .content:before {
    display: none;
  }
}
.wojo.stars {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.wojo.stars .star {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 0.25em;
  color: #9e9e9e;
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.wojo.stars a {
  font-size: 0.813em;
  margin-left: 2em;
  border-bottom: 1px dotted #7e7e7e;
  color: #7e7e7e;
}
.wojo.stars a span {
  font-weight: 700;
}
.wojo.stars .star.active .icon,
.wojo.stars .star.selected .icon {
  color: #ff9800;
}
.fluidbox {
  outline: none;
}
.fluidbox__overlay {
  background-color: hsla(0, 0%, 100%, 0.85);
  cursor: pointer;
  cursor: zoom-out;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: -100%;
  left: 0;
  bottom: -100%;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.fluidbox--opened .fluidbox__overlay {
  pointer-events: auto;
}
.fluidbox__wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.fluidbox--closed .fluidbox__thumb,
.fluidbox__thumb {
  -webkit-transition: opacity 0s ease-in-out 0s;
  transition: opacity 0s ease-in-out 0s;
}
.fluidbox__ghost {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0s, transform 0.5s 0s;
  transition: opacity 0s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}
.fluidbox--opened .fluidbox__ghost {
  cursor: pointer;
  cursor: zoom-out;
}
.fluidbox--closed .fluidbox__ghost {
  -webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0.5s, transform 0.5s 0s;
  transition: opacity 0s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}
.fluidbox__loader {
  opacity: 0;
  -webkit-perspective: 200px;
  perspective: 200px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fluidbox__loader:before {
  background-color: hsla(0, 0%, 100%, 0.85);
  content: "";
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  padding-bottom: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.fluidbox--loading .fluidbox__loader {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s;
}
.fluidbox--loading .fluidbox__loader:before {
  -webkit-animation: a 1s 0s infinite ease-in-out forwards;
  animation: a 1s 0s infinite ease-in-out forwards;
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}
.audioplayer {
  height: 3rem;
  color: #fff;
  background-color: var(--dark-color);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-radius: 0.25rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.audioplayer-playpause,
.audioplayer-time,
.audioplayer-bar,
.audioplayer-volume {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.audioplayer-playpause,
.audioplayer-time,
.audioplayer-volume {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}
.audioplayer-playpause {
  width: 3rem;
  border-radius: 0.25rem;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus,
.audioplayer-volume:hover,
.audioplayer-volume:focus {
  background-color: var(--primary-color);
}
.audioplayer-playpause a {
  display: block;
  height: 3rem;
  color: #fff;
  text-align: center;
  line-height: 3rem;
}
.audioplayer-playpause a .icon,
.audioplayer-volume-button a .icon {
  font-size: 1.25rem;
  color: #fff;
}
.audioplayer-time {
  width: 4.375rem;
  text-align: center;
  font-size: 0.75rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.audioplayer-bar div {
  position: absolute;
  z-index: 2;
  top: 50%;
  height: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.audioplayer-bar-loaded {
  background-color: var(--grey-color-300);
  height: 3px;
  width: 100%;
}
.audioplayer-bar-played {
  background: #fff;
  z-index: 3;
}
.audioplayer-volume {
  width: 3rem;
  height: 100%;
  cursor: pointer;
}
.audioplayer-volume-button {
  width: 100%;
  height: 100%;
}
.audioplayer-volume-button a {
  display: block;
  height: 3rem;
  color: #fff;
  text-align: center;
  line-height: 3rem;
}
.audioplayer-volume-adjust {
  height: 6.25rem;
  cursor: default;
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  background: var(--primary-color);
  z-index: 1;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
  opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
  top: auto;
  bottom: 100%;
}
.audioplayer-volume-adjust > div {
  width: 10%;
  height: 80%;
  background-color: var(--primary-color-inverted);
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 3;
}
.audioplayer-novolume .audioplayer-volume {
  display: none;
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
  border-radius: 4px;
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

h1.basic,
h2.basic,
h3.basic,
h4.basic,
h5.basic,
h6.basic,
p.basic {
  margin: 0;
}
header {
}
header .logo {
  display: inline-block;
	width: 140px;
	padding-top: 5px;
}
header#header.sticky {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  padding-top: 0;
  -webkit-animation: smoothScroll 1s forwards;
  animation: smoothScroll 1s forwards;
  background-color: #fff;
  box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
}

main {
  flex: 1 0 auto;
}
.navbar-cart{
	display:inline-block;
	position: relative;
}
#crumbs {
  margin-bottom: 1rem;
}
ul.top-menu {
  margin: 0 auto;
  width: auto;
  list-style: none;
  padding: 0;
  position: relative;
}
ul.top-menu:before,
ul.top-menu:after {
  content: "";
  display: table;
}
ul.top-menu:after {
  clear: both;
}
ul.top-menu > li {
  padding: 0;
  margin: 0;
}
ul.top-menu > li a {
  position: relative;
  cursor: pointer;
  padding: 0.75rem 1.25rem;
  line-height: 1em;
  border-radius: 0;
  font-size: 1em;
  color: var(--dark-color);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  white-space: nowrap;
  align-items: center;
}
ul.top-menu > li a .icon.chevron {
  margin-left: 0.5rem;
}
ul.top-menu > li a:hover,
ul.top-menu > li.active > a {
    color:#8898aa;
}
ul.top-menu > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 15px -3px var(--shadow-color),
    0 4px 6px -2px var(--shadow-color);
  padding: 1rem;
  position: absolute;
  z-index: 110;
  left: 0;
  margin: 0;
  list-style: none;
}
ul.top-menu > li > ul:before,
ul.top-menu > li > ul:after {
  content: "";
  display: table;
}
ul.top-menu > li > ul:after {
  clear: both;
}
ul.top-menu > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
ul.top-menu > li > ul > li a {
  color: var(--grey-color);
  padding: 0.25rem 0;
  display: block;
  font-weight: 400;
  font-size: 0.913rem;
}
ul.top-menu > li > ul > li a:hover {
  color: var(--primary-color);
}
ul.top-menu > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0.75rem 0 0;
  list-style: none;
}
ul.top-menu > li > ul > li > ul:before,
ul.top-menu > li > ul > li > ul:after {
  content: "";
  display: table;
}
ul.top-menu > li > ul > li > ul:after {
  clear: both;
}
ul.top-menu > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0.75rem 0;
  margin: 0;
  font-size: 0.875rem;
}
ul.top-menu > li > ul > li > ul > li a {
  border: 0;
}
ul.top-menu > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 0 0.875rem;
}
ul.top-menu > li > ul.normal-sub > li {
  width: 100%;
}
ul.top-menu > li > ul.normal-sub > li a {
  border: 0;
  padding: 0.5rem 0;
}
.bg-primary{
background-color: #001fb8 !important;
}
#special1 {
  background-color: #4caf50;
  color: #fff;
  border: 1px solid #4caf50;
}
#special2 {
  background-color: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
}
#special3 {
  background-color: #f44336;
  color: #fff;
  border: 1px solid #f44336;
}
#special4 {
  background-image: url("../images/deals.jpg");
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: cover;
}
#searchResult {
  background-color: #ffffff;
  max-height: 500px;
  overflow: auto;
  position: absolute;
  top: 100%;
  z-index: 10;
  width: 100%;
  box-shadow: 0 0 65px 0 rgba(0, 0, 0, 0.2);
}
.wojo.segment.homebanner {
  background-image: url("../images/home_bg.jpg");
  background-position: center center;
  background-size: cover;
  padding: 6rem 2rem;
}
#colorPanel {
  position: relative;
  text-align: center;
}
#colorPanel .icon {
  font-size: 1.5em;
  line-height: 1;
}
#colorPanel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  z-index: 100;
}
#colorPanel ul li {
  display: block;
  margin-top: 5px;
}
#colorPanel ul a {
  display: block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 1.5em;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  opacity: 0.5;
}
#colorPanel ul li:first-child a {
  background-color: #667eea !important;
}
#colorPanel ul a:hover,
#colorPanel ul a.active {
  opacity: 1;
}
#cpToggle {
  display: block;
  width: 1.5em;
  height: 1.5em;
}
#ytube {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  background-image: url("../images/player.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #05090c;
}
#ytube a {
  display: block;
  width: 100%;
  height: 320px;
}
#ytube a:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
ul.vertical-menu li,
ul.vertical-menu,
ul.vertical-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.vertical-menu li {
  border-top: 1px solid var(--grey-color-300);
  display: block;
  position: relative;
}
ul.vertical-menu li a {
  display: inline-block;
  position: relative;
  padding: 0.5rem 0;
  color: var(--grey-color);
}
ul.vertical-menu li a:hover,
ul.vertical-menu li a.active {
  color: var(--primary-color);
}
ul.vertical-menu li a.active {
  font-weight: 700;
}
ul.vertical-menu li a > i.icon {
  margin-right: 0.5rem;
}
ul.vertical-menu .menu-submenu {
  display: none;
  top: 0;
}
ul.vertical-menu .menu-submenu li {
  border-bottom: 0;
  border-top: 1px solid var(--grey-color-300);
  box-shadow: none;
  position: relative;
}
ul.vertical-menu .menu-submenu li a {
  padding: 0.5rem 1.5rem;
}
ul.vertical-menu .menu-submenu li ul li a {
  padding: 0.5rem 2.5rem;
}
ul.vertical-menu .menu-submenu li ul li ul li {
}
ul.vertical-menu .menu-submenu li ul li ul li a {
  padding: 0.5rem 4rem;
}
ul.vertical-menu .icon.chevron.down {
  position: absolute;
  right: 0;
  display: block;
  cursor: pointer;
  padding: 0.875rem 0;
}
#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff;
}
#preloader .inner {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 6.25em;
  height: 6.25em;
  animation: rotate 2.4s linear infinite;
}
#preloader .white {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  animation: flash 2.4s linear infinite;
  opacity: 0;
}
#preloader .dot {
  position: absolute;
  margin: auto;
  width: 2.4em;
  height: 2.4em;
  border-radius: 100%;
  transition: all 1s ease;
}
#preloader .dot:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 0;
  background: #ff4444;
  animation: dotsY 2.4s linear infinite;
}
#preloader .dot:nth-child(3) {
  left: 0;
  right: 0;
  top: 0;
  background: #ffbb33;
  animation: dotsX 2.4s linear infinite;
}
#preloader .dot:nth-child(4) {
  top: 0;
  bottom: 0;
  right: 0;
  background: #99cc00;
  animation: dotsY 2.4s linear infinite;
}
#preloader .dot:nth-child(5) {
  left: 0;
  right: 0;
  bottom: 0;
  background: #33b5e5;
  animation: dotsX 2.4s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  10% {
    width: 6.25em;
    height: 6.25em;
  }
  66% {
    width: 2.4em;
    height: 2.4em;
  }
  100% {
    transform: rotate(360deg);
    width: 6.25em;
    height: 6.25em;
  }
}
@keyframes dotsY {
  66% {
    opacity: 0.1;
    width: 2.4em;
  }
  77% {
    opacity: 1;
    width: 0;
  }
}
@keyframes dotsX {
  66% {
    opacity: 0.1;
    height: 2.4em;
  }
  77% {
    opacity: 1;
    height: 0;
  }
}
@keyframes flash {
  33% {
    opacity: 0;
    border-radius: 0%;
  }
  55% {
    opacity: 0.6;
    border-radius: 100%;
  }
  66% {
    opacity: 0;
  }
}