*,
*::before,
*::after {
 box-sizing:inherit
}
::-moz-selection {
 background:#9c27b0;
 color:#fff
}
::selection {
 background:#9c27b0;
 color:#fff
}
html {
 font-family:sans-serif;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 box-sizing:border-box
}
body {
 margin:0;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:none;
 height:100%;
 line-height:1.5;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
 display:block
}
audio,
canvas,
video {
 display:inline-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 {
 margin:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
mark {
 background:#ff0;
 color:#000
}
code,
kbd,
pre,
samp {
 font-family:Monaco,Menlo,Consolas,courier new,monospace
}
pre {
 white-space:pre;
 white-space:pre-wrap;
 word-wrap:break-word
}
code {
 display:block;
 padding:9.5px;
 font-size:13px;
 line-height:1.428571429;
 word-break:break-all;
 word-wrap:break-word;
 color:#333;
 background-color:#f5f5f5;
 border-left:5px solid #ccc;
 border-radius:4px;
 margin-top:10px;
 margin-right:0;
 margin-bottom:10px;
 margin-left:0
}
pre {
 display:block;
 padding:9.5px;
 margin:0 0 10px;
 font-size:14px;
 line-height:1.4;
 word-break:break-all;
 word-wrap:break-word;
 color:#333;
 background-color:#f5f5f5;
 border-left:5px solid #ccc;
 border-radius:4px
}
blockquote {
 background:#f9f9f9;
 border-radius:.188rem;
 padding:1em 2em;
 position:relative
}
blockquote p {
 font-family:georgia,times new roman,times,serif;
 font-size:1.25em;
 font-style:italic;
 line-height:170%;
 margin-left:1em
}
blockquote small {
 margin-top:1em;
 display:inline-block;
 font-size:1em
}
blockquote p:first-child:before {
 color:#ccc;
 content:"\e108";
 font-family:wojoicons;
 font-size:1.5em;
 left:0;
 position:absolute;
 top:.5em
}
blockquote p:last-child:after {
 bottom:2px;
 color:#ccc;
 content:"\e108";
 font-family:wojoicons;
 font-size:22px;
 position:absolute;
 right:10px
}
blockquote p:last-child {
 padding:0
}
blockquote.pullquote.alignright {
 margin-left:20px;
 display:inline;
 float:right
}
blockquote.pullquote {
 width:40%
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
cite {
 font-style:normal
}
img {
 border:0;
 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:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 zoom:1
}
.flex-video {
 height:0;
 margin-bottom:.88889rem;
 overflow:hidden;
 padding-bottom:67.5%;
 padding-top:1.38889rem;
 position:relative
}
.flex-video.widescreen {
 padding-bottom:56.34%
}
.flex-video.vimeo {
 padding-top:0
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 border:0
}
.not-allowed {
 cursor:not-allowed
}
.content-left {
 text-align:left
}
.content-center {
 text-align:center
}
.content-right {
 text-align:right
}
.show-all {
 display:inherit
}
.hide-all {
 display:none
}
.hidden {
 visibility:hidden
}
.relative {
 position:relative
}
.absolute {
 position:absolute
}
.overflow {
 overflow:hidden
}
.push-right {
 float:right
}
.wojo-grid {
 width:auto;
 max-width:1280px;
 margin:0 auto
}
.vertical-padding {
 padding:2em 0
}
.horizontal-padding {
 padding:0 2em
}
.half-padding {
 padding:1em
}
.half-vertical-padding {
 padding:1em 0
}
.half-horizontal-padding {
 padding:0 1em
}
.half-top-padding {
 padding-top:1em
}
.half-bottom-padding {
 padding-bottom:1em
}
.half-left-padding {
 padding-left:1em
}
.half-right-padding {
 padding-right:1em
}
.padding-right {
 padding-right:2em
}
.padding-left {
 padding-left:2em
}
.padding-top {
 padding-top:2em
}
.padding-bottom {
 padding-bottom:2em
}
.padding {
 padding:2em
}
.double-padding {
 padding:4em
}
.double-horizontal-padding {
 padding:0 4em
}
.double-vertical-padding {
 padding:4em 0
}
.odd-padding {
 padding:2em 4em
}
.even-padding {
 padding:4em 2em
}
.vertical-margin {
 margin:2em 0
}
.horizontal-margin {
 margin:0 2em
}
.half-margin {
 margin:1em
}
.half-vertical-margin {
 margin:1em 0
}
.half-horizontal-margin {
 margin:0 1em
}
.half-top-margin {
 margin-top:1em
}
.half-bottom-margin {
 margin-bottom:1em
}
.half-left-margin {
 margin-left:1em
}
.half-right-margin {
 margin-right:1em
}
.margin-right {
 margin-right:2em
}
.margin-left {
 margin-left:2em
}
.margin-top {
 margin-top:2em
}
.margin-bottom {
 margin-bottom:2em
}
.margin {
 margin:2em
}
.row {
 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
}
.row .row {
 max-width:none
}
.row.blocks {
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:center;
 align-content:flex-start;
 align-items:flex-start
}
.row.blocks .columns,
.row.blocks .column {
 flex:0 1 auto;
 align-self:auto
}
.row.double-gutters,
.row.double-horizontal-gutters {
 margin-left:-4em
}
.row.gutters,
.row.horizontal-gutters {
 margin-left:-2em
}
.row.half-gutters,
.row.half-horizontal-gutters {
 margin-left:-1em
}
.row.double-gutters .column,
.row.double-gutters .columns {
 padding-left:4em;
 margin-bottom:4em
}
.row.gutters .column,
.row.gutters .columns {
 padding-left:2em;
 margin-bottom:2em
}
.row.half-gutters .column,
.row.half-gutters .columns {
 padding-left:1em;
 margin-bottom:1em
}
.row.double-horizontal-gutters .column,
.row.double-horizontal-gutters .columns,
.row.horizontal-gutters .column,
.row.horizontal-gutters .columns,
.row.half-horizontal-gutters .column,
.row.half-horizontal-gutters .columns {
 padding-left:4em;
 margin-bottom:0
}
.row.horizontal-gutters .column,
.row.horizontal-gutters .columns {
 padding-left:2em
}
.row.half-horizontal-gutters .column,
.row.half-horizontal-gutters .columns {
 padding-left:1em
}
.row.double-vertical-gutters .column,
.row.double-vertical-gutters .columns,
.row.vertical-gutters .column,
.row.vertical-gutters .columns,
.row.half-vertical-gutters .column,
.row.half-vertical-gutters .columns {
 padding-left:0;
 margin-bottom:4em
}
.row.vertical-gutters .column,
.row.vertical-gutters .columns {
 margin-bottom:2em
}
.row.half-vertical-gutters .column,
.row.half-vertical-gutters .columns {
 margin-bottom:1em
}
.row.no-gutters .column,
.row.no-gutters .columns {
 margin-bottom:0
}
.row.no-all-gutters .column,
.row.no-all-gutters .columns {
 margin-bottom:0;
 padding-left:0
}
.column,
.columns {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0px;
 min-width:0
}
.column.row.row,
.row.row.columns {
 float:none;
 display:block
}
.row .column.row.row,
.row .row.row.columns {
 padding-left:0;
 padding-right:0;
 margin-left:0;
 margin-right:0
}
.shrink {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%;
 white-space:nowrap
}
.column.align-top,
.align-top.columns {
 -webkit-align-self:flex-start;
 -ms-flex-item-align:start;
 align-self:flex-start
}
.column.align-bottom,
.align-bottom.columns {
 -webkit-align-self:flex-end;
 -ms-flex-item-align:end;
 align-self:flex-end
}
.column.align-middle,
.align-middle.columns {
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center
}
.column.align-stretch,
.align-stretch.columns {
 -webkit-align-self:stretch;
 -ms-flex-item-align:stretch;
 align-self:stretch
}
.align-right {
 -webkit-justify-content:flex-end;
 -ms-flex-pack:end;
 justify-content:flex-end
}
.align-center {
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center
}
.align-justify {
 -webkit-justify-content:space-between;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.align-spaced {
 -webkit-justify-content:space-around;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.align-top {
 -webkit-align-items:flex-start;
 -ms-flex-align:start;
 align-items:flex-start
}
.align-self-top {
 -webkit-align-self:flex-start;
 -ms-flex-item-align:start;
 align-self:flex-start
}
.align-bottom {
 -webkit-align-items:flex-end;
 -ms-flex-align:end;
 align-items:flex-end
}
.align-self-bottom {
 -webkit-align-self:flex-end;
 -ms-flex-item-align:end;
 align-self:flex-end
}
.align-middle {
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.align-self-middle {
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center
}
.align-stretch {
 -webkit-align-items:stretch;
 -ms-flex-align:stretch;
 align-items:stretch
}
.align-self-stretch {
 -webkit-align-self:stretch;
 -ms-flex-item-align:stretch;
 align-self:stretch
}
@media screen and (min-width:64.063em) {
 .wojo-grid {
  padding:0 2rem
 }
 .screen-10 {
  -webkit-flex:0 0 10%;
  -ms-flex:0 0 10%;
  flex:0 0 10%;
  max-width:10%
 }
 .screen-offset-0 {
  margin-left:0%
 }
 .screen-20 {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .screen-offset-10 {
  margin-left:10%
 }
 .screen-30 {
  -webkit-flex:0 0 30%;
  -ms-flex:0 0 30%;
  flex:0 0 30%;
  max-width:30%
 }
 .screen-offset-20 {
  margin-left:20%
 }
 .screen-40 {
  -webkit-flex:0 0 40%;
  -ms-flex:0 0 40%;
  flex:0 0 40%;
  max-width:40%
 }
 .screen-offset-30 {
  margin-left:30%
 }
 .screen-50 {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .screen-offset-40 {
  margin-left:40%
 }
 .screen-60 {
  -webkit-flex:0 0 60%;
  -ms-flex:0 0 60%;
  flex:0 0 60%;
  max-width:60%
 }
 .screen-offset-50 {
  margin-left:50%
 }
 .screen-70 {
  -webkit-flex:0 0 70%;
  -ms-flex:0 0 70%;
  flex:0 0 70%;
  max-width:70%
 }
 .screen-offset-60 {
  margin-left:60%
 }
 .screen-80 {
  -webkit-flex:0 0 80%;
  -ms-flex:0 0 80%;
  flex:0 0 80%;
  max-width:80%
 }
 .screen-offset-7 {
  margin-left:70%
 }
 .screen-90 {
  -webkit-flex:0 0 90%;
  -ms-flex:0 0 90%;
  flex:0 0 90%;
  max-width:90%
 }
 .screen-offset-80 {
  margin-left:80%
 }
 .screen-100 {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .screen-offset-90 {
  margin-left:90%
 }
 .screen-block-1,
 .screen-block-2,
 .screen-block-3,
 .screen-block-4,
 .screen-block-5,
 .screen-block-6,
 .screen-block-7,
 .screen-block-8 {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .screen-block-1>.column {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .screen-block-2>.column {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .screen-block-3>.column {
  -webkit-flex:0 0 calc(100%/3);
  -ms-flex:0 0 calc(100%/3);
  flex:0 0 calc(100%/3);
  max-width:calc(100%/3)
 }
 .screen-block-4>.column {
  -webkit-flex:0 0 25%;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .screen-block-5>.column {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .screen-block-6>.column {
  -webkit-flex:0 0 calc(100%/6);
  -ms-flex:0 0 calc(100%/6);
  flex:0 0 calc(100%/6);
  max-width:calc(100%/6)
 }
 .screen-block-7>.column {
  -webkit-flex:0 0 calc(100%/7);
  -ms-flex:0 0 calc(100%/7);
  flex:0 0 calc(100%/7);
  max-width:calc(100%/7)
 }
 .screen-block-8>.column {
  -webkit-flex:0 0 12.5%;
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
 .screen-order-1 {
  -webkit-order:1;
  -ms-flex-order:1;
  order:1
 }
 .screen-order-2 {
  -webkit-order:2;
  -ms-flex-order:2;
  order:2
 }
 .screen-order-3 {
  -webkit-order:3;
  -ms-flex-order:3;
  order:3
 }
 .screen-order-4 {
  -webkit-order:4;
  -ms-flex-order:4;
  order:4
 }
 .screen-order-5 {
  -webkit-order:5;
  -ms-flex-order:5;
  order:5
 }
 .screen-order-6 {
  -webkit-order:6;
  -ms-flex-order:6;
  order:6
 }
 .screen-content-left {
  text-align:left
 }
 .screen-content-center {
  text-align:center
 }
 .screen-content-right {
  text-align:right
 }
 .screen-right-divider {
  box-shadow:inset -1px 0 0 0 #ddd
 }
 .screen-left-divider {
  box-shadow:inset 1px 0 0 0 #ddd
 }
}
@media screen and (min-width:40.625em) and (max-width:64em) {
 .wojo-grid {
  padding:0 1.75rem
 }
 .tablet-10 {
  -webkit-flex:0 0 10%;
  -ms-flex:0 0 10%;
  flex:0 0 10%;
  max-width:10%
 }
 .tablet-offset-0 {
  margin-left:0%
 }
 .tablet-20 {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .tablet-offset-10 {
  margin-left:10%
 }
 .tablet-30 {
  -webkit-flex:0 0 30%;
  -ms-flex:0 0 30%;
  flex:0 0 30%;
  max-width:30%
 }
 .tablet-offset-20 {
  margin-left:20%
 }
 .tablet-40 {
  -webkit-flex:0 0 40%;
  -ms-flex:0 0 40%;
  flex:0 0 40%;
  max-width:40%
 }
 .tablet-offset-30 {
  margin-left:30%
 }
 .tablet-50 {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .tablet-offset-40 {
  margin-left:40%
 }
 .tablet-60 {
  -webkit-flex:0 0 60%;
  -ms-flex:0 0 60%;
  flex:0 0 60%;
  max-width:60%
 }
 .tablet-offset-50 {
  margin-left:50%
 }
 .tablet-70 {
  -webkit-flex:0 0 70%;
  -ms-flex:0 0 70%;
  flex:0 0 70%;
  max-width:70%
 }
 .tablet-offset-60 {
  margin-left:60%
 }
 .tablet-80 {
  -webkit-flex:0 0 80%;
  -ms-flex:0 0 80%;
  flex:0 0 80%;
  max-width:80%
 }
 .tablet-offset-70 {
  margin-left:70%
 }
 .tablet-90 {
  -webkit-flex:0 0 90%;
  -ms-flex:0 0 90%;
  flex:0 0 90%;
  max-width:90%
 }
 .tablet-offset-80 {
  margin-left:80%
 }
 .tablet-100 {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .tablet-offset-9 {
  margin-left:90%
 }
 .tablet-block-1,
 .tablet-block-2,
 .tablet-block-3,
 .tablet-block-4,
 .tablet-block-5,
 .tablet-block-6,
 .tablet-block-7,
 .tablet-block-8 {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .tablet-block-1>.column {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .tablet-block-2>.column {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .tablet-block-3>.column {
  -webkit-flex:0 0 calc(100%/3);
  -ms-flex:0 0 calc(100%/3);
  flex:0 0 calc(100%/3);
  max-width:calc(100%/3)
 }
 .tablet-block-4>.column {
  -webkit-flex:0 0 25%;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .tablet-block-5>.column {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .tablet-block-6>.column {
  -webkit-flex:0 0 calc(100%/6);
  -ms-flex:0 0 calc(100%/6);
  flex:0 0 calc(100%/6);
  max-width:calc(100%/6)
 }
 .tablet-block-7>.column {
  -webkit-flex:0 0 calc(100%/7);
  -ms-flex:0 0 calc(100%/7);
  flex:0 0 calc(100%/7);
  max-width:calc(100%/7)
 }
 .tablet-block-8>.column {
  -webkit-flex:0 0 12.5%;
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
 .tablet-order-1 {
  -webkit-order:1;
  -ms-flex-order:1;
  order:1
 }
 .tablet-order-2 {
  -webkit-order:2;
  -ms-flex-order:2;
  order:2
 }
 .tablet-order-3 {
  -webkit-order:3;
  -ms-flex-order:3;
  order:3
 }
 .tablet-order-4 {
  -webkit-order:4;
  -ms-flex-order:4;
  order:4
 }
 .tablet-order-5 {
  -webkit-order:5;
  -ms-flex-order:5;
  order:5
 }
 .tablet-order-6 {
  -webkit-order:6;
  -ms-flex-order:6;
  order:6
 }
 .tablet-right-divider {
  box-shadow:inset -1px 0 0 0 #ddd
 }
 .tablet-left-divider {
  box-shadow:inset 1px 0 0 0 #ddd
 }
 .tablet-flex-hide,
 .tablet-hide {
  display:none
 }
}
@media screen and (max-width:48.063em) {
 .wojo-grid {
  padding:0 1.5rem
 }
 .mobile-10 {
  -webkit-flex:0 0 10%;
  -ms-flex:0 0 10%;
  flex:0 0 10%;
  max-width:10%
 }
 .mobile-offset-0 {
  margin-left:0%
 }
 .mobile-20 {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .mobile-offset-10 {
  margin-left:10%
 }
 .mobile-30 {
  -webkit-flex:0 0 30%;
  -ms-flex:0 0 30%;
  flex:0 0 30%;
  max-width:30%
 }
 .mobile-offset-20 {
  margin-left:20%
 }
 .mobile-40 {
  -webkit-flex:0 0 40%;
  -ms-flex:0 0 40%;
  flex:0 0 40%;
  max-width:40%
 }
 .mobile-offset-30 {
  margin-left:30%
 }
 .mobile-50 {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .mobile-offset-40 {
  margin-left:40%
 }
 .mobile-60 {
  -webkit-flex:0 0 60%;
  -ms-flex:0 0 60%;
  flex:0 0 60%;
  max-width:60%
 }
 .mobile-offset-50 {
  margin-left:50%
 }
 .mobile-70 {
  -webkit-flex:0 0 70%;
  -ms-flex:0 0 70%;
  flex:0 0 70%;
  max-width:70%
 }
 .mobile-offset-60 {
  margin-left:60%
 }
 .mobile-80 {
  -webkit-flex:0 0 80%;
  -ms-flex:0 0 80%;
  flex:0 0 80%;
  max-width:80%
 }
 .mobile-offset-70 {
  margin-left:70%
 }
 .mobile-90 {
  -webkit-flex:0 0 90%;
  -ms-flex:0 0 90%;
  flex:0 0 90%;
  max-width:90%
 }
 .mobile-offset-80 {
  margin-left:80%
 }
 .mobile-100 {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .mobile-offset-90 {
  margin-left:90%
 }
 .mobile-block-1,
 .mobile-block-2,
 .mobile-block-3,
 .mobile-block-4,
 .mobile-block-5,
 .mobile-block-6,
 .mobile-block-7,
 .mobile-block-8 {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .mobile-block-1>.column {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .mobile-block-2>.column {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .mobile-block-3>.column {
  -webkit-flex:0 0 calc(100%/3);
  -ms-flex:0 0 calc(100%/3);
  flex:0 0 calc(100%/3);
  max-width:calc(100%/3)
 }
 .mobile-block-4>.column {
  -webkit-flex:0 0 25%;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .mobile-block-5>.column {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .mobile-block-6>.column {
  -webkit-flex:0 0 calc(100%/6);
  -ms-flex:0 0 calc(100%/6);
  flex:0 0 calc(100%/6);
  max-width:calc(100%/6)
 }
 .mobile-block-7>.column {
  -webkit-flex:0 0 calc(100%/7);
  -ms-flex:0 0 calc(100%/7);
  flex:0 0 calc(100%/7);
  max-width:calc(100%/7)
 }
 .mobile-block-8>.column {
  -webkit-flex:0 0 12.5%;
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
 .mobile-order-1 {
  -webkit-order:1;
  -ms-flex-order:1;
  order:1
 }
 .mobile-order-2 {
  -webkit-order:2;
  -ms-flex-order:2;
  order:2
 }
 .mobile-order-3 {
  -webkit-order:3;
  -ms-flex-order:3;
  order:3
 }
 .mobile-order-4 {
  -webkit-order:4;
  -ms-flex-order:4;
  order:4
 }
 .mobile-order-5 {
  -webkit-order:5;
  -ms-flex-order:5;
  order:5
 }
 .mobile-order-6 {
  -webkit-order:6;
  -ms-flex-order:6;
  order:6
 }
 .mobile-order-7 {
  -webkit-order:7;
  -ms-flex-order:7;
  order:7
 }
 .mobile-order-8 {
  -webkit-order:8;
  -ms-flex-order:8;
  order:8
 }
 .row.double-gutters,
 .row.double-horizontal-gutters {
  margin-left:-2em
 }
 .row.gutters,
 .row.horizontal-gutters {
  margin-left:-1em
 }
 .row.half-gutters,
 .row.half-horizontal-gutters {
  margin-left:-.5em
 }
 .row.double-gutters .column,
 .row.double-gutters .columns {
  padding-left:2em;
  margin-bottom:2em
 }
 .row.gutters .column,
 .row.gutters .columns {
  padding-left:1em;
  margin-bottom:1em
 }
 .row.half-gutters .column,
 .row.half-gutters .columns {
  padding-left:.5em;
  margin-bottom:.5em
 }
 .row.double-horizontal-gutters .column,
 .row.double-horizontal-gutters .columns,
 .row.horizontal-gutters .column,
 .row.horizontal-gutters .columns,
 .row.half-horizontal-gutters .column,
 .row.half-horizontal-gutters .columns {
  padding-left:2em;
  margin-bottom:0
 }
 .row.horizontal-gutters .column,
 .row.horizontal-gutters .columns {
  padding-left:1em
 }
 .row.half-horizontal-gutters .column,
 .row.half-horizontal-gutters .columns {
  padding-left:.5em
 }
 .row.double-vertical-gutters .column,
 .row.double-vertical-gutters .columns,
 .row.vertical-gutters .column,
 .row.vertical-gutters .columns,
 .row.half-vertical-gutters .column,
 .row.half-vertical-gutters .columns {
  padding-left:0;
  margin-bottom:2em
 }
 .row.vertical-gutters .column,
 .row.vertical-gutters .columns {
  margin-bottom:1em
 }
 .row.half-vertical-gutters .column,
 .row.half-vertical-gutters .columns {
  margin-bottom:.5em
 }
 .row.half-gutters-mobile .column,
 .row.half-gutters-mobile .columns {
  padding-left:1em;
  margin-bottom:1em
 }
 .mobile-flex-hide,
 .mobile-hide {
  display:none
 }
 .mobile-content-left {
  text-align:left
 }
 .mobile-content-center {
  text-align:center
 }
 .mobile-content-right {
  text-align:right
 }
 .screen-right-divider,
 .tablet-right-divider,
 .screen-left-divider,
 .tablet-left-divider {
  box-shadow:none
 }
 .double-padding {
  padding:2em
 }
}
@media screen and (max-width:30em) {
 .wojo-grid {
  padding:0 1rem
 }
 .phone-10 {
  -webkit-flex:0 0 10%;
  -ms-flex:0 0 10%;
  flex:0 0 10%;
  max-width:10%
 }
 .phone-offset-0 {
  margin-left:0%
 }
 .phone-20 {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .phone-offset-10 {
  margin-left:10%
 }
 .phone-30 {
  -webkit-flex:0 0 30%;
  -ms-flex:0 0 30%;
  flex:0 0 30%;
  max-width:30%
 }
 .phone-offset-20 {
  margin-left:20%
 }
 .phone-40 {
  -webkit-flex:0 0 40%;
  -ms-flex:0 0 40%;
  flex:0 0 40%;
  max-width:40%
 }
 .phone-offset-30 {
  margin-left:30%
 }
 .phone-50 {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .phone-offset-40 {
  margin-left:40%
 }
 .phone-60 {
  -webkit-flex:0 0 60%;
  -ms-flex:0 0 60%;
  flex:0 0 60%;
  max-width:60%
 }
 .phone-offset-50 {
  margin-left:50%
 }
 .phone-70 {
  -webkit-flex:0 0 70%;
  -ms-flex:0 0 70%;
  flex:0 0 70%;
  max-width:70%
 }
 .phone-offset-60 {
  margin-left:60%
 }
 .phone-80 {
  -webkit-flex:0 0 80%;
  -ms-flex:0 0 80%;
  flex:0 0 80%;
  max-width:80%
 }
 .phone-offset-70 {
  margin-left:70%
 }
 .phone-90 {
  -webkit-flex:0 0 90%;
  -ms-flex:0 0 90%;
  flex:0 0 90%;
  max-width:90%
 }
 .phone-offset-80 {
  margin-left:80%
 }
 .phone-100 {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .phone-offset-90 {
  margin-left:90%
 }
 .phone-block-1,
 .phone-block-2,
 .phone-block-3,
 .phone-block-4,
 .phone-block-5,
 .phone-block-6,
 .phone-block-7,
 .phone-block-8 {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .phone-block-1>.column {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .phone-block-2>.column {
  -webkit-flex:0 0 50%;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .phone-block-3>.column {
  -webkit-flex:0 0 calc(100%/3);
  -ms-flex:0 0 calc(100%/3);
  flex:0 0 calc(100%/3);
  max-width:calc(100%/3)
 }
 .phone-block-4>.column {
  -webkit-flex:0 0 25%;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .phone-block-5>.column {
  -webkit-flex:0 0 20%;
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .phone-block-6>.column {
  -webkit-flex:0 0 calc(100%/6);
  -ms-flex:0 0 calc(100%/6);
  flex:0 0 calc(100%/6);
  max-width:calc(100%/6)
 }
 .phone-block-7>.column {
  -webkit-flex:0 0 calc(100%/7);
  -ms-flex:0 0 calc(100%/7);
  flex:0 0 calc(100%/7);
  max-width:calc(100%/7)
 }
 .phone-block-8>.column {
  -webkit-flex:0 0 12.5%;
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
 .phone-order-1 {
  -webkit-order:1;
  -ms-flex-order:1;
  order:1
 }
 .phone-order-2 {
  -webkit-order:2;
  -ms-flex-order:2;
  order:2
 }
 .phone-order-3 {
  -webkit-order:3;
  -ms-flex-order:3;
  order:3
 }
 .phone-order-4 {
  -webkit-order:4;
  -ms-flex-order:4;
  order:4
 }
 .phone-order-5 {
  -webkit-order:5;
  -ms-flex-order:5;
  order:5
 }
 .phone-order-6 {
  -webkit-order:6;
  -ms-flex-order:6;
  order:6
 }
 .row.double-gutters,
 .row.double-horizontal-gutters {
  margin-left:-2em
 }
 .row.gutters,
 .row.horizontal-gutters {
  margin-left:-1em
 }
 .row.half-gutters,
 .row.half-horizontal-gutters {
  margin-left:-.5em
 }
 .row.double-gutters .column,
 .row.double-gutters .columns {
  padding-left:2em;
  margin-bottom:2em
 }
 .row.gutters .column,
 .row.gutters .columns {
  padding-left:1em;
  margin-bottom:1em
 }
 .row.half-gutters .column,
 .row.half-gutters .columns {
  padding-left:.5em;
  margin-bottom:.5em
 }
 .row.double-horizontal-gutters .column,
 .row.double-horizontal-gutters .columns,
 .row.horizontal-gutters .column,
 .row.horizontal-gutters .columns,
 .row.half-horizontal-gutters .column,
 .row.half-horizontal-gutters .columns {
  padding-left:2em;
  margin-bottom:0
 }
 .row.horizontal-gutters .column,
 .row.horizontal-gutters .columns {
  padding-left:1em
 }
 .row.half-horizontal-gutters .column,
 .row.half-horizontal-gutters .columns {
  padding-left:.5em
 }
 .row.double-vertical-gutters .column,
 .row.double-vertical-gutters .columns,
 .row.vertical-gutters .column,
 .row.vertical-gutters .columns,
 .row.half-vertical-gutters .column,
 .row.half-vertical-gutters .columns {
  padding-left:0;
  margin-bottom:2em
 }
 .row.vertical-gutters .column,
 .row.vertical-gutters .columns {
  margin-bottom:1em
 }
 .row.half-vertical-gutters .column,
 .row.half-vertical-gutters .columns {
  margin-bottom:.5em
 }
 .phone-flex-hide,
 .phone-hide {
  display:none
 }
 .phone-content-left {
  text-align:left!important
 }
 .phone-content-center {
  text-align:center
 }
 .phone-content-right {
  text-align:right
 }
 .phone-padding {
  padding:1em
 }
 .screen-right-divider,
 .tablet-right-divider,
 .screen-left-divider,
 .tablet-left-divider {
  box-shadow:none
 }
 .double-padding {
  padding:1em
 }
}
.row.divided {
 display:flex;
 flex-wrap:wrap;
 margin:0 -1px -1px 0;
 padding:0
}
.row.divided .column {
 border-right:1px solid rgba(0,0,0,.1);
 border-bottom:1px solid rgba(0,0,0,.1)
}
.row.divided .column:empty {
 height:0;
 border:none
}
.row.celled {
 border-bottom:1px solid rgba(0,0,0,.1);
 -webkit-transition:all .35s ease;
 -moz-transition:all .35s ease;
 -o-transition:all .35s ease;
 transition:all .35s ease
}
.masonry {
 margin:1.5em 0;
 padding:0;
 -moz-column-gap:1.5em;
 -webkit-column-gap:1.5em;
 column-gap:1.5em;
 -moz-column-count:3;
 -webkit-column-count:3;
 column-count:3
}
.masonry>.item {
 display:inline-block;
 margin:0 0 1.5em;
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
@media screen and (min-width:40.625em) and (max-width:64em) {
 .masonry {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2
 }
}
@media screen and (max-width:48.063em) {
 .masonry {
  -moz-column-count:1;
  -webkit-column-count:1;
  column-count:1
 }
}
@media screen and (max-width:30em) {
 .masonry {
  -moz-column-count:1;
  -webkit-column-count:1;
  column-count:1
 }
}
#debug-panel {
 opacity:.8;
 position:fixed;
 bottom:0;
 left:0;
 z-index:9999;
 width:100%
}
#debug-panel #debug-panel-content {
 padding:.75em 1em;
 background-color:#fff;
 border-top:1px solid rgba(0,0,0,.2);
 margin:0
}
#debug-panel #contentGeneral,
#debug-panel #contentParams,
#debug-panel #contentWarnings,
#debug-panel #contentErrors,
#debug-panel #contentQueries {
 background-color:#f2f5f7;
 font-family:Monaco,Menlo,Consolas,courier new,monospace;
 font-size:.85em;
 border-top:1px solid rgba(0,0,0,.2);
 padding:.938em;
 height:200px;
 overflow-y:auto
}
#debug-panel #contentQueries {
 color:red
}
#debug-panel .icon {
 color:#161f27
}
#debug-panel a.clear_session .icon {
 color:red
}
#debug-panel pre {
 border:0;
 background-color:#fff
}
.transition {
 -webkit-animation-iteration-count:1;
 animation-iteration-count:1;
 -webkit-animation-duration:.3s;
 animation-duration:.3s;
 -webkit-animation-timing-function:ease;
 animation-timing-function:ease;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.animating.transition {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 visibility:visible!important
}
.loading.transition {
 position:absolute;
 top:-99999px;
 left:-99999px
}
.hidden.transition {
 display:none;
 visibility:hidden
}
.visible.transition {
 display:block!important;
 visibility:visible!important
}
.disabled.transition {
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.looping.transition {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.transition.browse {
 -webkit-animation-duration:.5s;
 animation-duration:.5s
}
.transition.browse.in {
 -webkit-animation-name:browseIn;
 animation-name:browseIn
}
.transition.browse.left.out,
.transition.browse.out {
 -webkit-animation-name:browseOutLeft;
 animation-name:browseOutLeft
}
.transition.browse.right.out {
 -webkit-animation-name:browseOutRight;
 animation-name:browseOutRight
}
@-webkit-keyframes browseIn {
 0% {
  -webkit-transform:scale(.8) translateZ(0);
  transform:scale(.8) translateZ(0);
  z-index:-1
 }
 10% {
  -webkit-transform:scale(.8) translateZ(0);
  transform:scale(.8) translateZ(0);
  z-index:-1;
  opacity:.7
 }
 80% {
  -webkit-transform:scale(1.05) translateZ(0);
  transform:scale(1.05) translateZ(0);
  opacity:1;
  z-index:999
 }
 100% {
  -webkit-transform:scale(1) translateZ(0);
  transform:scale(1) translateZ(0);
  z-index:999
 }
}
@keyframes browseIn {
 0% {
  -webkit-transform:scale(.8) translateZ(0);
  transform:scale(.8) translateZ(0);
  z-index:-1
 }
 10% {
  -webkit-transform:scale(.8) translateZ(0);
  transform:scale(.8) translateZ(0);
  z-index:-1;
  opacity:.7
 }
 80% {
  -webkit-transform:scale(1.05) translateZ(0);
  transform:scale(1.05) translateZ(0);
  opacity:1;
  z-index:999
 }
 100% {
  -webkit-transform:scale(1) translateZ(0);
  transform:scale(1) translateZ(0);
  z-index:999
 }
}
@-webkit-keyframes browseOutLeft {
 0% {
  z-index:999;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0);
  transform:translateX(0) rotateY(0) rotateX(0)
 }
 50% {
  z-index:-1;
  -webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
 }
 80% {
  opacity:1
 }
 100% {
  z-index:-1;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  opacity:0
 }
}
@keyframes browseOutLeft {
 0% {
  z-index:999;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0);
  transform:translateX(0) rotateY(0) rotateX(0)
 }
 50% {
  z-index:-1;
  -webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
 }
 80% {
  opacity:1
 }
 100% {
  z-index:-1;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  opacity:0
 }
}
@-webkit-keyframes browseOutRight {
 0% {
  z-index:999;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0);
  transform:translateX(0) rotateY(0) rotateX(0)
 }
 50% {
  z-index:1;
  -webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
 }
 80% {
  opacity:1
 }
 100% {
  z-index:1;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  opacity:0
 }
}
@keyframes browseOutRight {
 0% {
  z-index:999;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0);
  transform:translateX(0) rotateY(0) rotateX(0)
 }
 50% {
  z-index:1;
  -webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
 }
 80% {
  opacity:1
 }
 100% {
  z-index:1;
  -webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
  opacity:0
 }
}
.drop.transition {
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center;
 -webkit-animation-duration:.4s;
 animation-duration:.4s;
 -webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);
 animation-timing-function:cubic-bezier(.34,1.61,.7,1)
}
.drop.transition.in {
 -webkit-animation-name:dropIn;
 animation-name:dropIn
}
.drop.transition.out {
 -webkit-animation-name:dropOut;
 animation-name:dropOut
}
@-webkit-keyframes dropIn {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes dropIn {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes dropOut {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
}
@keyframes dropOut {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
}
.transition.fade.in {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
.transition[class*="fade up"].in {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
.transition[class*="fade down"].in {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
.transition[class*="fade left"].in {
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft
}
.transition[class*="fade right"].in {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
.transition.fade.out {
 -webkit-animation-name:fadeOut;
 animation-name:fadeOut
}
.transition[class*="fade up"].out {
 -webkit-animation-name:fadeOutUp;
 animation-name:fadeOutUp
}
.transition[class*="fade down"].out {
 -webkit-animation-name:fadeOutDown;
 animation-name:fadeOutDown
}
.transition[class*="fade left"].out {
 -webkit-animation-name:fadeOutLeft;
 animation-name:fadeOutLeft
}
.transition[class*="fade right"].out {
 -webkit-animation-name:fadeOutRight;
 animation-name:fadeOutRight
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(10%);
  transform:translateY(10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(10%);
  transform:translateY(10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translateY(-10%);
  transform:translateY(-10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translateY(-10%);
  transform:translateY(-10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(10%);
  transform:translateX(10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(10%);
  transform:translateX(10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translateX(-10%);
  transform:translateX(-10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translateX(-10%);
  transform:translateX(-10%)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes fadeOutUp {
 0% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateY(5%);
  transform:translateY(5%)
 }
}
@keyframes fadeOutUp {
 0% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateY(5%);
  transform:translateY(5%)
 }
}
@-webkit-keyframes fadeOutDown {
 0% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateY(-5%);
  transform:translateY(-5%)
 }
}
@keyframes fadeOutDown {
 0% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateY(-5%);
  transform:translateY(-5%)
 }
}
@-webkit-keyframes fadeOutLeft {
 0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(5%);
  transform:translateX(5%)
 }
}
@keyframes fadeOutLeft {
 0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(5%);
  transform:translateX(5%)
 }
}
@-webkit-keyframes fadeOutRight {
 0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(-5%);
  transform:translateX(-5%)
 }
}
@keyframes fadeOutRight {
 0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 100% {
  opacity:0;
  -webkit-transform:translateX(-5%);
  transform:translateX(-5%)
 }
}
.flip.transition.in,
.flip.transition.out {
 -webkit-animation-duration:.6s;
 animation-duration:.6s
}
.horizontal.flip.transition.in {
 -webkit-animation-name:horizontalFlipIn;
 animation-name:horizontalFlipIn
}
.horizontal.flip.transition.out {
 -webkit-animation-name:horizontalFlipOut;
 animation-name:horizontalFlipOut
}
.vertical.flip.transition.in {
 -webkit-animation-name:verticalFlipIn;
 animation-name:verticalFlipIn
}
.vertical.flip.transition.out {
 -webkit-animation-name:verticalFlipOut;
 animation-name:verticalFlipOut
}
@-webkit-keyframes horizontalFlipIn {
 0% {
  -webkit-transform:perspective(2000px) rotateY(-90deg);
  transform:perspective(2000px) rotateY(-90deg);
  opacity:0
 }
 100% {
  -webkit-transform:perspective(2000px) rotateY(0);
  transform:perspective(2000px) rotateY(0);
  opacity:1
 }
}
@keyframes horizontalFlipIn {
 0% {
  -webkit-transform:perspective(2000px) rotateY(-90deg);
  transform:perspective(2000px) rotateY(-90deg);
  opacity:0
 }
 100% {
  -webkit-transform:perspective(2000px) rotateY(0);
  transform:perspective(2000px) rotateY(0);
  opacity:1
 }
}
@-webkit-keyframes verticalFlipIn {
 0% {
  -webkit-transform:perspective(2000px) rotateX(-90deg);
  transform:perspective(2000px) rotateX(-90deg);
  opacity:0
 }
 100% {
  -webkit-transform:perspective(2000px) rotateX(0);
  transform:perspective(2000px) rotateX(0);
  opacity:1
 }
}
@keyframes verticalFlipIn {
 0% {
  -webkit-transform:perspective(2000px) rotateX(-90deg);
  transform:perspective(2000px) rotateX(-90deg);
  opacity:0
 }
 100% {
  -webkit-transform:perspective(2000px) rotateX(0);
  transform:perspective(2000px) rotateX(0);
  opacity:1
 }
}
@-webkit-keyframes horizontalFlipOut {
 0% {
  -webkit-transform:perspective(2000px) rotateY(0);
  transform:perspective(2000px) rotateY(0);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(2000px) rotateY(90deg);
  transform:perspective(2000px) rotateY(90deg);
  opacity:0
 }
}
@keyframes horizontalFlipOut {
 0% {
  -webkit-transform:perspective(2000px) rotateY(0);
  transform:perspective(2000px) rotateY(0);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(2000px) rotateY(90deg);
  transform:perspective(2000px) rotateY(90deg);
  opacity:0
 }
}
@-webkit-keyframes verticalFlipOut {
 0% {
  -webkit-transform:perspective(2000px) rotateX(0);
  transform:perspective(2000px) rotateX(0);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(2000px) rotateX(-90deg);
  transform:perspective(2000px) rotateX(-90deg);
  opacity:0
 }
}
@keyframes verticalFlipOut {
 0% {
  -webkit-transform:perspective(2000px) rotateX(0);
  transform:perspective(2000px) rotateX(0);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(2000px) rotateX(-90deg);
  transform:perspective(2000px) rotateX(-90deg);
  opacity:0
 }
}
.scale.transition.in {
 -webkit-animation-name:scaleIn;
 animation-name:scaleIn
}
.scale.transition.out {
 -webkit-animation-name:scaleOut;
 animation-name:scaleOut
}
@-webkit-keyframes scaleIn {
 0% {
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.8)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes scaleIn {
 0% {
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.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(.9);
  transform:scale(.9)
 }
}
@keyframes scaleOut {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
}
.transition.fly {
 -webkit-animation-duration:.6s;
 animation-duration:.6s;
 -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
 transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.transition.fly.in {
 -webkit-animation-name:flyIn;
 animation-name:flyIn
}
.transition[class*="fly up"].in {
 -webkit-animation-name:flyInUp;
 animation-name:flyInUp
}
.transition[class*="fly down"].in {
 -webkit-animation-name:flyInDown;
 animation-name:flyInDown
}
.transition[class*="fly left"].in {
 -webkit-animation-name:flyInLeft;
 animation-name:flyInLeft
}
.transition[class*="fly right"].in {
 -webkit-animation-name:flyInRight;
 animation-name:flyInRight
}
.transition.fly.out {
 -webkit-animation-name:flyOut;
 animation-name:flyOut
}
.transition[class*="fly up"].out {
 -webkit-animation-name:flyOutUp;
 animation-name:flyOutUp
}
.transition[class*="fly down"].out {
 -webkit-animation-name:flyOutDown;
 animation-name:flyOutDown
}
.transition[class*="fly left"].out {
 -webkit-animation-name:flyOutLeft;
 animation-name:flyOutLeft
}
.transition[class*="fly right"].out {
 -webkit-animation-name:flyOutRight;
 animation-name:flyOutRight
}
@-webkit-keyframes flyIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes flyIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@-webkit-keyframes flyInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,1500px,0);
  transform:translate3d(0,1500px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes flyInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,1500px,0);
  transform:translate3d(0,1500px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes flyInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-1500px,0);
  transform:translate3d(0,-1500px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes flyInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-1500px,0);
  transform:translate3d(0,-1500px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@-webkit-keyframes flyInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(1500px,0,0);
  transform:translate3d(1500px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes flyInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(1500px,0,0);
  transform:translate3d(1500px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@-webkit-keyframes flyInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-1500px,0,0);
  transform:translate3d(-1500px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes flyInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-1500px,0,0);
  transform:translate3d(-1500px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@-webkit-keyframes flyOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@keyframes flyOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@-webkit-keyframes flyOutUp {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes flyOutUp {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@-webkit-keyframes flyOutDown {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes flyOutDown {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@-webkit-keyframes flyOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes flyOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@-webkit-keyframes flyOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes flyOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.transition.slide.in,
.transition[class*="slide down"].in {
 -webkit-animation-name:slideInY;
 animation-name:slideInY;
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
.transition[class*="slide up"].in {
 -webkit-animation-name:slideInY;
 animation-name:slideInY;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 transform-origin:bottom center
}
.transition[class*="slide left"].in {
 -webkit-animation-name:slideInX;
 animation-name:slideInX;
 -webkit-transform-origin:center right;
 -ms-transform-origin:center right;
 transform-origin:center right
}
.transition[class*="slide right"].in {
 -webkit-animation-name:slideInX;
 animation-name:slideInX;
 -webkit-transform-origin:center left;
 -ms-transform-origin:center left;
 transform-origin:center left
}
.transition.slide.out,
.transition[class*="slide down"].out {
 -webkit-animation-name:slideOutY;
 animation-name:slideOutY;
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
.transition[class*="slide up"].out {
 -webkit-animation-name:slideOutY;
 animation-name:slideOutY;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 transform-origin:bottom center
}
.transition[class*="slide left"].out {
 -webkit-animation-name:slideOutX;
 animation-name:slideOutX;
 -webkit-transform-origin:center right;
 -ms-transform-origin:center right;
 transform-origin:center right
}
.transition[class*="slide right"].out {
 -webkit-animation-name:slideOutX;
 animation-name:slideOutX;
 -webkit-transform-origin:center left;
 -ms-transform-origin:center left;
 transform-origin:center left
}
@-webkit-keyframes slideInY {
 0% {
  opacity:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
 }
}
@keyframes slideInY {
 0% {
  opacity:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
 }
}
@-webkit-keyframes slideInX {
 0% {
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@keyframes slideInX {
 0% {
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@-webkit-keyframes slideOutY {
 0% {
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
 }
}
@keyframes slideOutY {
 0% {
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
 }
}
@-webkit-keyframes slideOutX {
 0% {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
 }
}
@keyframes slideOutX {
 0% {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
 }
}
.transition.swing {
 -webkit-animation-duration:.8s;
 animation-duration:.8s
}
.transition[class*="swing down"].in {
 -webkit-animation-name:swingInX;
 animation-name:swingInX;
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
.transition[class*="swing up"].in {
 -webkit-animation-name:swingInX;
 animation-name:swingInX;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 transform-origin:bottom center
}
.transition[class*="swing left"].in {
 -webkit-animation-name:swingInY;
 animation-name:swingInY;
 -webkit-transform-origin:center right;
 -ms-transform-origin:center right;
 transform-origin:center right
}
.transition[class*="swing right"].in {
 -webkit-animation-name:swingInY;
 animation-name:swingInY;
 -webkit-transform-origin:center left;
 -ms-transform-origin:center left;
 transform-origin:center left
}
.transition.swing.out,
.transition[class*="swing down"].out {
 -webkit-animation-name:swingOutX;
 animation-name:swingOutX;
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
.transition[class*="swing up"].out {
 -webkit-animation-name:swingOutX;
 animation-name:swingOutX;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 transform-origin:bottom center
}
.transition[class*="swing left"].out {
 -webkit-animation-name:swingOutY;
 animation-name:swingOutY;
 -webkit-transform-origin:center right;
 -ms-transform-origin:center right;
 transform-origin:center right
}
.transition[class*="swing right"].out {
 -webkit-animation-name:swingOutY;
 animation-name:swingOutY;
 -webkit-transform-origin:center left;
 -ms-transform-origin:center left;
 transform-origin:center left
}
@-webkit-keyframes swingInX {
 0% {
  -webkit-transform:perspective(1000px) rotateX(90deg);
  transform:perspective(1000px) rotateX(90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(1000px) rotateX(-30deg);
  transform:perspective(1000px) rotateX(-30deg);
  opacity:1
 }
 60% {
  -webkit-transform:perspective(1000px) rotateX(15deg);
  transform:perspective(1000px) rotateX(15deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateX(-7.5deg);
  transform:perspective(1000px) rotateX(-7.5deg)
 }
 100% {
  -webkit-transform:perspective(1000px) rotateX(0);
  transform:perspective(1000px) rotateX(0)
 }
}
@keyframes swingInX {
 0% {
  -webkit-transform:perspective(1000px) rotateX(90deg);
  transform:perspective(1000px) rotateX(90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(1000px) rotateX(-30deg);
  transform:perspective(1000px) rotateX(-30deg);
  opacity:1
 }
 60% {
  -webkit-transform:perspective(1000px) rotateX(15deg);
  transform:perspective(1000px) rotateX(15deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateX(-7.5deg);
  transform:perspective(1000px) rotateX(-7.5deg)
 }
 100% {
  -webkit-transform:perspective(1000px) rotateX(0);
  transform:perspective(1000px) rotateX(0)
 }
}
@-webkit-keyframes swingInY {
 0% {
  -webkit-transform:perspective(1000px) rotateY(-90deg);
  transform:perspective(1000px) rotateY(-90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(1000px) rotateY(30deg);
  transform:perspective(1000px) rotateY(30deg);
  opacity:1
 }
 60% {
  -webkit-transform:perspective(1000px) rotateY(-17.5deg);
  transform:perspective(1000px) rotateY(-17.5deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateY(7.5deg);
  transform:perspective(1000px) rotateY(7.5deg)
 }
 100% {
  -webkit-transform:perspective(1000px) rotateY(0);
  transform:perspective(1000px) rotateY(0)
 }
}
@keyframes swingInY {
 0% {
  -webkit-transform:perspective(1000px) rotateY(-90deg);
  transform:perspective(1000px) rotateY(-90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(1000px) rotateY(30deg);
  transform:perspective(1000px) rotateY(30deg);
  opacity:1
 }
 60% {
  -webkit-transform:perspective(1000px) rotateY(-17.5deg);
  transform:perspective(1000px) rotateY(-17.5deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateY(7.5deg);
  transform:perspective(1000px) rotateY(7.5deg)
 }
 100% {
  -webkit-transform:perspective(1000px) rotateY(0);
  transform:perspective(1000px) rotateY(0)
 }
}
@-webkit-keyframes swingOutX {
 0% {
  -webkit-transform:perspective(1000px) rotateX(0);
  transform:perspective(1000px) rotateX(0)
 }
 40% {
  -webkit-transform:perspective(1000px) rotateX(-7.5deg);
  transform:perspective(1000px) rotateX(-7.5deg)
 }
 60% {
  -webkit-transform:perspective(1000px) rotateX(17.5deg);
  transform:perspective(1000px) rotateX(17.5deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateX(-30deg);
  transform:perspective(1000px) rotateX(-30deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(1000px) rotateX(90deg);
  transform:perspective(1000px) rotateX(90deg);
  opacity:0
 }
}
@keyframes swingOutX {
 0% {
  -webkit-transform:perspective(1000px) rotateX(0);
  transform:perspective(1000px) rotateX(0)
 }
 40% {
  -webkit-transform:perspective(1000px) rotateX(-7.5deg);
  transform:perspective(1000px) rotateX(-7.5deg)
 }
 60% {
  -webkit-transform:perspective(1000px) rotateX(17.5deg);
  transform:perspective(1000px) rotateX(17.5deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateX(-30deg);
  transform:perspective(1000px) rotateX(-30deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(1000px) rotateX(90deg);
  transform:perspective(1000px) rotateX(90deg);
  opacity:0
 }
}
@-webkit-keyframes swingOutY {
 0% {
  -webkit-transform:perspective(1000px) rotateY(0);
  transform:perspective(1000px) rotateY(0)
 }
 40% {
  -webkit-transform:perspective(1000px) rotateY(7.5deg);
  transform:perspective(1000px) rotateY(7.5deg)
 }
 60% {
  -webkit-transform:perspective(1000px) rotateY(-10deg);
  transform:perspective(1000px) rotateY(-10deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateY(30deg);
  transform:perspective(1000px) rotateY(30deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(1000px) rotateY(-90deg);
  transform:perspective(1000px) rotateY(-90deg);
  opacity:0
 }
}
@keyframes swingOutY {
 0% {
  -webkit-transform:perspective(1000px) rotateY(0);
  transform:perspective(1000px) rotateY(0)
 }
 40% {
  -webkit-transform:perspective(1000px) rotateY(7.5deg);
  transform:perspective(1000px) rotateY(7.5deg)
 }
 60% {
  -webkit-transform:perspective(1000px) rotateY(-10deg);
  transform:perspective(1000px) rotateY(-10deg)
 }
 80% {
  -webkit-transform:perspective(1000px) rotateY(30deg);
  transform:perspective(1000px) rotateY(30deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(1000px) rotateY(-90deg);
  transform:perspective(1000px) rotateY(-90deg);
  opacity:0
 }
}
.flash.transition {
 -webkit-animation-duration:875ms;
 animation-duration:875ms;
 -webkit-animation-name:flash;
 animation-name:flash
}
.shake.transition {
 -webkit-animation-duration:875ms;
 animation-duration:875ms;
 -webkit-animation-name:shake;
 animation-name:shake
}
.bounce.transition {
 -webkit-animation-duration:875ms;
 animation-duration:875ms;
 -webkit-animation-name:bounce;
 animation-name:bounce
}
.tada.transition {
 -webkit-animation-duration:875ms;
 animation-duration:875ms;
 -webkit-animation-name:tada;
 animation-name:tada
}
.pulse.transition {
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name:pulse;
 animation-name:pulse
}
.jiggle.transition {
 -webkit-animation-duration:875ms;
 animation-duration:875ms;
 -webkit-animation-name:jiggle;
 animation-name:jiggle
}
@-webkit-keyframes flash {
 0%,
 100%,
 50% {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
@keyframes flash {
 0%,
 100%,
 50% {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
@-webkit-keyframes shake {
 0%,
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translateX(10px);
  transform:translateX(10px)
 }
}
@keyframes shake {
 0%,
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translateX(10px);
  transform:translateX(10px)
 }
}
@-webkit-keyframes bounce {
 0%,
 100%,
 20%,
 50%,
 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 40% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px)
 }
 60% {
  -webkit-transform:translateY(-15px);
  transform:translateY(-15px)
 }
}
@keyframes bounce {
 0%,
 100%,
 20%,
 50%,
 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 40% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px)
 }
 60% {
  -webkit-transform:translateY(-15px);
  transform:translateY(-15px)
 }
}
@-webkit-keyframes tada {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 10%,
 20% {
  -webkit-transform:scale(.9) rotate(-3deg);
  transform:scale(.9) rotate(-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale(1.1) rotate(3deg);
  transform:scale(1.1) rotate(3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale(1.1) rotate(-3deg);
  transform:scale(1.1) rotate(-3deg)
 }
 100% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
}
@keyframes tada {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 10%,
 20% {
  -webkit-transform:scale(.9) rotate(-3deg);
  transform:scale(.9) rotate(-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale(1.1) rotate(3deg);
  transform:scale(1.1) rotate(3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale(1.1) rotate(-3deg);
  transform:scale(1.1) rotate(-3deg)
 }
 100% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
}
@-webkit-keyframes pulse {
 0%,
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 50% {
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:.7
 }
}
@keyframes pulse {
 0%,
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 50% {
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:.7
 }
}
@-webkit-keyframes jiggle {
 0%,
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
}
@keyframes jiggle {
 0%,
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
}
.wojo.dropdown {
 cursor:pointer;
 position:relative;
 display:inline-block;
 outline:none;
 text-align:left;
 -webkit-transition:box-shadow .1s ease,width .1s ease;
 transition:box-shadow .1s ease,width .1s ease;
 -webkit-tap-highlight-color:transparent;
 white-space:nowrap
}
.wojo.dropdown .menu {
 font-family:wsansregular;
 cursor:auto;
 position:absolute;
 display:none;
 outline:none;
 top:100%;
 min-width:-webkit-max-content;
 min-width:-moz-max-content;
 min-width:max-content;
 margin:0;
 padding:0;
 background:#fff;
 font-size:1em;
 text-shadow:none;
 text-align:left;
 box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
 border:1px solid #e7e7e7;
 border-radius:0;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease;
 z-index:101;
 will-change:transform,opacity
}
.wojo.dropdown .menu>* {
 white-space:nowrap
}
.wojo.dropdown>input:not(.search):first-child,
.wojo.dropdown>select {
 display:none!important
}
.wojo.dropdown>.dropdown.icon {
 position:relative;
 width:auto;
 font-size:.813em;
 margin:0 0 0 1em
}
.wojo.dropdown>.dropdown.fitted.icon {
 margin:0;
 height:1.5rem;
 line-height:1.5rem
}
.wojo.dropdown .menu>.item .dropdown.icon {
 width:auto;
 float:right;
 margin:0 0 0 1em
}
.wojo.dropdown .menu>.item .dropdown.icon+.text {
 margin-right:1em
}
.wojo.dropdown>.text {
 display:inline-block;
 -webkit-transition:none;
 transition:none
}
.wojo.dropdown .menu>.item {
 position:relative;
 cursor:pointer;
 display:block;
 border:none;
 height:auto;
 text-align:left;
 border-top:none;
 line-height:1em;
 color:rgba(0,0,0,.75);
 padding:.875rem 1.125rem!important;
 font-size:1rem;
 text-transform:none;
 font-weight:400;
 box-shadow:none;
 -webkit-touch-callout:none
}
.wojo.dropdown .menu>.item:first-child {
 border-top-width:0
}
.wojo.dropdown>.text>[class*="right floated"],
.wojo.dropdown .menu .item>[class*="right floated"] {
 float:right!important;
 margin-right:0!important;
 margin-left:1em!important
}
.wojo.dropdown>.text>[class*="left floated"],
.wojo.dropdown .menu .item>[class*="left floated"] {
 float:left!important;
 margin-left:0!important;
 margin-right:1em!important
}
.wojo.dropdown .menu .item>.icon.floated,
.wojo.dropdown .menu .item>.flag.floated,
.wojo.dropdown .menu .item>.image.floated,
.wojo.dropdown .menu .item>img.floated {
 margin-top:0
}
.wojo.dropdown .menu>.header {
 margin:1rem 0 .75rem;
 padding:0 1.125rem;
 color:rgba(0,0,0,.85);
 font-size:.938em;
 font-family:wsansdemi;
 text-transform:uppercase
}
.wojo.dropdown .menu>.divider {
 border-top:1px solid rgba(34,36,38,.1);
 height:0;
 margin:.5em 0
}
.wojo.dropdown .menu>.basic.divider {
 margin:0
}
.wojo.dropdown .menu>.input {
 width:auto;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin:1.125rem .875rem;
 min-width:10rem
}
.wojo.dropdown .menu>.header+.input {
 margin-top:0
}
.wojo.dropdown .menu>.input:not(.transparent) input {
 padding:.5em 1em
}
.wojo.dropdown .menu>.input:not(.transparent) .button,
.wojo.dropdown .menu>.input:not(.transparent) .icon,
.wojo.dropdown .menu>.input:not(.transparent) .label {
 padding-top:.5em;
 padding-bottom:.5em
}
.wojo.dropdown>.text>.description,
.wojo.dropdown .menu>.item>.description {
 float:right;
 margin:0 0 0 1em;
 color:rgba(0,0,0,.4)
}
.wojo.dropdown .menu>.message,
.wojo.dropdown .menu>.segment {
 padding:.875rem 1.125rem;
 font-weight:400
}
.wojo.dropdown .menu>.wojo.basic.fitted.message {
 padding:0
}
.wojo.dropdown .menu>.message:not(.wojo) {
 color:rgba(0,0,0,.4)
}
.wojo.dropdown .menu .menu {
 top:0%!important;
 left:100%!important;
 right:auto!important;
 margin:0 0 0 -.5em!important;
 border-radius:0!important;
 z-index:21!important
}
.wojo.dropdown .menu .menu:after {
 display:none
}
.wojo.dropdown>.text>.icon,
.wojo.dropdown>.text>.label,
.wojo.dropdown>.text>.flag,
.wojo.dropdown>.text>img,
.wojo.dropdown>.text>.image {
 margin-top:0
}
.wojo.dropdown .menu>.item>.icon,
.wojo.dropdown .menu>.item>.label,
.wojo.dropdown .menu>.item>.flag,
.wojo.dropdown .menu>.item>.image,
.wojo.dropdown .menu>.item>img {
 margin-top:0
}
.wojo.dropdown>.text>.icon,
.wojo.dropdown>.text>.label,
.wojo.dropdown>.text>.flag,
.wojo.dropdown>.text>img,
.wojo.dropdown>.text>.image,
.wojo.dropdown .menu>.item>.icon,
.wojo.dropdown .menu>.item>.label,
.wojo.dropdown .menu>.item>.flag,
.wojo.dropdown .menu>.item>.image,
.wojo.dropdown .menu>.item>img {
 margin-left:0;
 float:none;
 margin-right:.875rem
}
.wojo.dropdown>.text>img,
.wojo.dropdown>.text>.image,
.wojo.dropdown .menu>.item>.image,
.wojo.dropdown .menu>.item>img {
 display:inline-block;
 vertical-align:middle;
 width:auto;
 max-height:2em
}
.wojo.dropdown .wojo.menu>.item:before,
.wojo.menu .wojo.dropdown .menu>.item:before {
 display:none
}
.wojo.menu .wojo.dropdown .menu .active.item {
 border-left:none
}
.wojo.menu .right.menu .dropdown:last-child .menu,
.wojo.menu .right.dropdown.item .menu,
.wojo.buttons>.wojo.dropdown:last-child .menu {
 left:auto;
 right:0
}
.wojo.label.dropdown .menu {
 min-width:100%
}
.wojo.dropdown.icon.button>.dropdown.icon {
 margin:0
}
.wojo.button.dropdown .menu {
 min-width:100%
}
.wojo.selection.dropdown {
 cursor:pointer;
 word-wrap:break-word;
 line-height:1.25em;
 white-space:normal;
 outline:0;
 -webkit-transform:rotateZ(0deg);
 -ms-transform:rotate(0deg);
 transform:rotateZ(0deg);
 min-width:14em;
 min-height:2.7142em;
 display:inline-block;
 padding:.75em 2.6em .75em 1em;
 background-color:#f8fafa;
 border:2px solid #e1bee7;
 color:#0d0d0d;
 border-radius:.25rem;
 -webkit-transition:box-shadow .1s ease,width .1s ease;
 transition:box-shadow .1s ease,width .1s ease
}
.wojo.selection.inverted.dropdown {
 background-color:#fff
}
.wojo.selection.dropdown.visible,
.wojo.selection.dropdown.active {
 z-index:100
}
select.wojo.dropdown {
 height:38px;
 padding:.5em;
 border:1px solid #ddd;
 visibility:visible
}
.wojo.selection.dropdown>.search.icon,
.wojo.selection.dropdown>.delete.icon,
.wojo.selection.dropdown>.dropdown.icon {
 cursor:pointer;
 position:absolute;
 top:auto;
 width:auto;
 z-index:3;
 right:1em;
 opacity:.8;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease
}
.wojo.compact.selection.dropdown {
 min-width:0
}
.wojo.selection.dropdown .menu {
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-overflow-scrolling:touch;
 border-top-width:0;
 outline:none;
 width:100%;
 border:0;
 border-radius:0;
 box-shadow:0 2px 3px 0 #ddd;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease;
 box-sizing:border-box
}
.wojo.selection.dropdown .menu:after,
.wojo.selection.dropdown .menu:before {
 display:none
}
.wojo.selection.dropdown .menu>.message {
 padding:.875rem 1.125rem
}
@media only screen and (max-width:767px) {
 .wojo.selection.dropdown .menu {
  max-height:7.5rem
 }
}
@media only screen and (min-width:768px) {
 .wojo.selection.dropdown .menu {
  max-height:10rem
 }
}
@media only screen and (min-width:992px) {
 .wojo.selection.dropdown .menu {
  max-height:15rem
 }
}
@media only screen and (min-width:1920px) {
 .wojo.selection.dropdown .menu {
  max-height:20rem
 }
}
.wojo.selection.dropdown .menu>.item {
 border-top:1px solid #fafafa;
 padding:.875rem 1.125rem;
 white-space:normal;
 word-wrap:normal
}
.wojo.selection.dropdown:hover {
 border-color:#9c27b0;
 box-shadow:none
}
.wojo.selection.active.dropdown {
 border-color:transparent;
 box-shadow:0 2px 3px 0 #ddd
}
.wojo.selection.active.dropdown .menu {
 border-color:#9c27b0;
 box-shadow:0 2px 3px 0 #ddd
}
.wojo.selection.dropdown:focus {
 border-color:transparent;
 box-shadow:none
}
.wojo.selection.dropdown:focus .menu {
 border-color:#9c27b0;
 box-shadow:0 2px 3px 0 #ddd
}
.wojo.selection.visible.dropdown>.text:not(.default) {
 font-weight:400;
 color:rgba(0,0,0,.8)
}
.wojo.selection.active.dropdown:hover {
 border-color:#f2f5f7;
 box-shadow:0 2px 3px 0 #ddd
}
.wojo.selection.active.dropdown:hover .menu {
 border-color:#9c27b0;
 box-shadow:0 2px 3px 0 #ddd
}
.wojo.active.selection.dropdown>.dropdown.icon,
.wojo.visible.selection.dropdown>.dropdown.icon {
 opacity:1;
 z-index:3
}
.wojo.active.selection.dropdown {
 border-bottom-left-radius:0!important;
 border-bottom-right-radius:0!important
}
.wojo.search.dropdown {
 min-width:''
}
.wojo.search.dropdown>input.search {
 background:none transparent!important;
 border:none!important;
 box-shadow:none!important;
 cursor:pointer;
 top:0;
 left:0;
 width:100%;
 outline:none;
 -webkit-tap-highlight-color:transparent;
 padding:inherit
}
.wojo.search.dropdown>input.search {
 position:absolute;
 z-index:2
}
.wojo.search.dropdown>.text {
 cursor:text;
 position:relative;
 z-index:3
}
.wojo.search.selection.dropdown>input.search {
 line-height:1.25em;
 padding:.625em 2.6em .625em 1em
}
.wojo.search.dropdown.active>input.search,
.wojo.search.dropdown.visible>input.search {
 cursor:auto
}
.wojo.search.dropdown.active>.text,
.wojo.search.dropdown.visible>.text {
 pointer-events:none
}
.wojo.active.search.dropdown input.search:focus+.text .icon,
.wojo.active.search.dropdown input.search:focus+.text .flag {
 opacity:.45
}
.wojo.active.search.dropdown input.search:focus+.text {
 color:rgba(0,0,0,.4)!important
}
.wojo.search.dropdown .menu {
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-overflow-scrolling:touch
}
@media only screen and (max-width:767px) {
 .wojo.search.dropdown .menu {
  max-height:7.5rem
 }
}
@media only screen and (min-width:768px) {
 .wojo.search.dropdown .menu {
  max-height:10rem
 }
}
@media only screen and (min-width:992px) {
 .wojo.search.dropdown .menu {
  max-height:15rem
 }
}
@media only screen and (min-width:1920px) {
 .wojo.search.dropdown .menu {
  max-height:20rem
 }
}
.wojo.multiple.dropdown {
 padding:.438em 2.6em .438em .188em
}
.wojo.multiple.dropdown .menu {
 cursor:auto
}
.wojo.multiple.search.dropdown,
.wojo.multiple.search.dropdown>input.search {
 cursor:text
}
.wojo.multiple.dropdown>.label {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 display:inline-block;
 vertical-align:top;
 white-space:normal;
 font-size:.813em;
 padding:.313em .875em;
 margin:.188em .188rem .188em 0;
 box-shadow:0 0 0 1px #ddd inset
}
.wojo.multiple.dropdown .dropdown.icon {
 cursor:pointer;
 position:absolute;
 top:1em;
 width:auto;
 z-index:3;
 right:1em;
 opacity:.8;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease
}
.wojo.multiple.dropdown>.text {
 position:static;
 padding:0;
 max-width:100%;
 line-height:1.75em;
 margin-left:.5em
}
.wojo.multiple.dropdown>.label~.text {
 display:none
}
.wojo.multiple.search.dropdown>.text {
 display:inline-block;
 position:absolute;
 top:0;
 left:0;
 padding:inherit;
 margin:.5em 0 .5em .875em;
 line-height:1.2142em
}
.wojo.multiple.search.dropdown>.label~.text {
 display:none
}
.wojo.multiple.search.dropdown>input.search {
 position:static;
 padding:0;
 max-width:100%;
 margin:.5em 0 .5em .875em;
 width:2.2em;
 line-height:1.2142em
}
.wojo.basic.multiple.dropdown>.wojo.label {
 font-size:.875em;
 padding:0;
 background:0 0;
 box-shadow:none
}
.wojo.inline.dropdown {
 cursor:pointer;
 display:inline-block;
 color:inherit
}
.wojo.inline.dropdown .dropdown.icon {
 margin:0 .5em 0 .25em;
 vertical-align:baseline
}
.wojo.inline.dropdown>.text {
 font-family:wsansdemi
}
.wojo.inline.dropdown .menu {
 cursor:auto;
 margin-top:.25em;
 border-radius:0
}
.wojo.dropdown .menu .active.item {
 background:0 0;
 font-family:wsansdemi;
 color:rgba(0,0,0,.95);
 box-shadow:none;
 z-index:102
}
.wojo.dropdown .menu>.item:hover {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95);
 z-index:103
}
.wojo.loading.dropdown>i.icon:before,
.wojo.loading.dropdown>i.icon:after {
 left:30%!important
}
.wojo.loading.dropdown>i.icon {
 top:50%!important
}
.wojo.multiple.loading.dropdown>i.icon:before,
.wojo.multiple.loading.dropdown>i.icon:after {
 top:0%!important;
 left:0%!important
}
.wojo.loading.dropdown>i.icon:before {
 position:absolute;
 content:'';
 top:50%;
 left:0;
 margin:-1.25em 0 0 -1.25em;
 width:1.5em;
 height:1.5em;
 border-radius:500rem;
 border:.2em solid rgba(0,0,0,.1)
}
.wojo.loading.dropdown>i.icon:after {
 position:absolute;
 content:'';
 top:50%;
 left:0;
 box-shadow:0 0 0 1px transparent;
 margin:-1.25em 0 0 -1.25em;
 width:1.5em;
 height:1.5em;
 -webkit-animation:dropdown-spin .6s linear;
 animation:dropdown-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:#767676 transparent transparent;
 border-style:solid;
 border-width:.2em
}
.wojo.loading.dropdown.button>i.icon:before,
.wojo.loading.dropdown.button>i.icon:after {
 display:none
}
@-webkit-keyframes dropdown-spin {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes dropdown-spin {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.wojo.dropdown>.default.text,
.wojo.default.dropdown>.text {
 color:#607d8a
}
.wojo.dropdown:hover>.default.text,
.wojo.default.dropdown:hover>.text {
 color:#607d8a
}
.wojo.loading.dropdown>.text {
 -webkit-transition:none;
 transition:none
}
.wojo.dropdown .loading.menu {
 display:block;
 visibility:hidden;
 z-index:-1
}
.wojo.dropdown.selected,
.wojo.dropdown .menu .selected.item {
 background:rgba(0,0,0,.03);
 color:#9c27b0
}
.wojo.dropdown>.filtered.text {
 visibility:hidden
}
.wojo.dropdown .filtered.item {
 display:none!important
}
.wojo.dropdown.error,
.wojo.dropdown.error>.text,
.wojo.dropdown.error>.default.text {
 color:#9f3a38
}
.wojo.selection.dropdown.error {
 background:#fff6f6;
 border-color:#e0b4b4
}
.wojo.selection.dropdown.error:hover {
 border-color:#e0b4b4
}
.wojo.dropdown.error>.menu,
.wojo.dropdown.error>.menu .menu {
 border-color:#e0b4b4
}
.wojo.dropdown.error>.menu>.item {
 color:#9f3a38
}
.wojo.multiple.selection.error.dropdown>.label {
 border-color:#e0b4b4
}
.wojo.dropdown.error>.menu>.item:hover {
 background-color:#fff2f2
}
.wojo.dropdown.error>.menu .active.item {
 background-color:#fdcfcf
}
.wojo.disabled.dropdown,
.wojo.dropdown .menu>.disabled.item {
 cursor:default;
 pointer-events:none;
 opacity:.45
}
.wojo.dropdown .menu {
 left:0
}
.wojo.dropdown .right.menu>.menu,
.wojo.dropdown .menu .right.menu {
 left:100%!important;
 right:auto!important;
 border-radius:0!important
}
.wojo.dropdown>.left.menu .menu,
.wojo.dropdown .menu .left.menu {
 left:auto!important;
 right:100%!important;
 border-radius:0!important
}
.wojo.dropdown .item .left.dropdown.icon,
.wojo.dropdown .left.menu .item .dropdown.icon {
 width:auto;
 float:left;
 margin:0 .875rem 0 0
}
.wojo.dropdown .item .left.dropdown.icon,
.wojo.dropdown .left.menu .item .dropdown.icon {
 width:auto;
 float:left;
 margin:0 .875rem 0 0
}
.wojo.dropdown .item .left.dropdown.icon+.text,
.wojo.dropdown .left.menu .item .dropdown.icon+.text {
 margin-left:1em
}
.wojo.upward.dropdown>.menu {
 top:auto;
 bottom:100%;
 box-shadow:0 -12px -24px rgba(0,0,0,.15),0 -10px -10px rgba(0,0,0,.1);
 border-radius:0
}
.wojo.dropdown .upward.menu {
 top:auto!important;
 bottom:0!important
}
.wojo.simple.upward.active.dropdown,
.wojo.simple.upward.dropdown:hover {
 border-radius:0!important
}
.wojo.upward.dropdown.button:not(.pointing):not(.floating).active {
 border-radius:0
}
.wojo.upward.selection.dropdown .menu {
 border-top-width:1px!important;
 border-bottom-width:0!important;
 box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)
}
.wojo.upward.selection.dropdown:hover {
 box-shadow:0 0 2px 0 rgba(0,0,0,.05)
}
.wojo.active.upward.selection.dropdown {
 border-radius:0!important
}
.wojo.upward.selection.dropdown.visible {
 box-shadow:0 0 3px 0 rgba(0,0,0,.08);
 border-radius:0!important
}
.wojo.upward.active.selection.dropdown:hover {
 box-shadow:0 0 3px 0 rgba(0,0,0,.05)
}
.wojo.upward.active.selection.dropdown:hover .menu {
 box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)
}
.wojo.scrolling.dropdown .menu,
.wojo.dropdown .scrolling.menu {
 overflow-x:hidden;
 overflow-y:auto
}
.wojo.scrolling.dropdown .menu {
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-overflow-scrolling:touch;
 min-width:100%!important;
 width:auto!important
}
.wojo.dropdown .scrolling.menu {
 position:static;
 overflow-y:auto;
 border:none;
 box-shadow:none!important;
 border-radius:0!important;
 margin:0!important;
 min-width:100%!important;
 width:auto!important;
 border-top:1px solid #ddd
}
.wojo.scrolling.dropdown .menu .item.item.item,
.wojo.dropdown .scrolling.menu>.item.item.item {
 border-top:none;
 padding-right:calc(1.125rem + 17px)!important
}
.wojo.scrolling.dropdown .menu .item:first-child,
.wojo.dropdown .scrolling.menu .item:first-child {
 border-top:none
}
.wojo.dropdown>.animating.menu .scrolling.menu,
.wojo.dropdown>.visible.menu .scrolling.menu {
 display:block
}
@media all and (-ms-high-contrast:none) {
 .wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  min-width:calc(100% - 17px)
 }
}
@media only screen and (max-width:767px) {
 .wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height:9.875rem
 }
}
@media only screen and (min-width:768px) {
 .wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height:14.5rem
 }
}
@media only screen and (min-width:992px) {
 .wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height:19.375rem
 }
}
@media only screen and (min-width:1920px) {
 .wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height:19.375rem
 }
}
.wojo.simple.dropdown .menu:before,
.wojo.simple.dropdown .menu:after {
 display:none
}
.wojo.simple.dropdown .menu {
 position:absolute;
 display:block;
 overflow:hidden;
 top:-9999px!important;
 opacity:0;
 width:0;
 height:0;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease
}
.wojo.simple.active.dropdown,
.wojo.simple.dropdown:hover {
 border-bottom-left-radius:0!important;
 border-bottom-right-radius:0!important
}
.wojo.simple.active.dropdown>.menu,
.wojo.simple.dropdown:hover>.menu {
 overflow:visible;
 width:auto;
 height:auto;
 top:100%!important;
 opacity:1
}
.wojo.simple.dropdown>.menu>.item:active>.menu,
.wojo.simple.dropdown:hover>.menu>.item:hover>.menu {
 overflow:visible;
 width:auto;
 height:auto;
 top:0%!important;
 left:100%!important;
 opacity:1
}
.wojo.simple.disabled.dropdown:hover .menu {
 display:none;
 height:0;
 width:0;
 overflow:hidden
}
.wojo.simple.visible.dropdown>.menu {
 display:block
}
.wojo.fluid.dropdown {
 display:block;
 width:100%;
 min-width:0
}
.wojo.fluid.dropdown>.dropdown.icon {
 float:right
}
.wojo.floating.dropdown .menu {
 left:0;
 right:auto;
 box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)!important;
 border-radius:0!important
}
.wojo.floating.dropdown>.menu {
 margin-top:.5em!important;
 border-radius:0!important
}
.wojo.pointing.dropdown>.menu {
 top:100%;
 margin-top:.875rem;
 border-radius:.25em
}
.wojo.pointing.dropdown>.menu:after {
 display:block;
 position:absolute;
 pointer-events:none;
 content:'';
 visibility:visible;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 width:.5em;
 height:.5em;
 box-shadow:-1px -1px 0 0 #ddd;
 background:#fff;
 z-index:2
}
.wojo.pointing.dropdown.upward>.menu:after {
 box-shadow:1px 1px 0 0 #ddd
}
.wojo.pointing.dropdown>.menu:after {
 top:-.25em;
 left:50%;
 margin:0 0 0 -.25em
}
.wojo.top.left.pointing.dropdown>.menu {
 top:100%;
 bottom:auto;
 left:0%;
 right:auto;
 margin:1em 0 0
}
.wojo.top.left.pointing.dropdown>.menu {
 top:100%;
 bottom:auto;
 left:0%;
 right:auto;
 margin:1em 0 0
}
.wojo.top.left.pointing.dropdown>.menu:after {
 top:-.25em;
 left:1em;
 right:auto;
 margin:0;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.wojo.top.right.pointing.dropdown>.menu {
 top:100%;
 bottom:auto;
 right:0%;
 left:auto;
 margin:1em 0 0
}
.wojo.top.right.pointing.dropdown>.menu:after {
 top:-.25em;
 left:auto;
 right:1em;
 margin:0;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.wojo.left.pointing.dropdown>.menu {
 top:0%;
 left:100%;
 right:auto;
 margin:0 0 0 1em
}
.wojo.left.pointing.dropdown>.menu:after {
 top:1em;
 left:-.25em;
 margin:0;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.wojo.right.pointing.dropdown>.menu {
 top:0%;
 left:auto;
 right:100%;
 margin:0 1em 0 0
}
.wojo.right.pointing.dropdown>.menu:after {
 top:1em;
 left:auto;
 right:-.25em;
 margin:0;
 -webkit-transform:rotate(135deg);
 -ms-transform:rotate(135deg);
 transform:rotate(135deg)
}
.wojo.bottom.pointing.dropdown>.menu {
 top:auto;
 bottom:100%;
 left:0%;
 right:auto;
 margin:0 0 1em
}
.wojo.bottom.pointing.dropdown>.menu:after {
 top:auto;
 bottom:-.25em;
 right:auto;
 margin:0;
 -webkit-transform:rotate(-135deg);
 -ms-transform:rotate(-135deg);
 transform:rotate(-135deg)
}
.wojo.bottom.pointing.dropdown>.menu .menu {
 top:auto!important;
 bottom:0!important
}
.wojo.bottom.left.pointing.dropdown>.menu {
 left:0%;
 right:auto
}
.wojo.bottom.left.pointing.dropdown>.menu:after {
 left:1em;
 right:auto
}
.wojo.bottom.right.pointing.dropdown>.menu {
 right:0%;
 left:auto
}
.wojo.bottom.right.pointing.dropdown>.menu:after {
 left:auto;
 right:1em
}
.wojo.upward.pointing.dropdown>.menu,
.wojo.upward.top.pointing.dropdown>.menu {
 top:auto;
 bottom:100%;
 margin:0 0 .875rem
}
.wojo.upward.pointing.dropdown>.menu:after,
.wojo.upward.top.pointing.dropdown>.menu:after {
 top:100%;
 bottom:auto;
 margin:-.25em 0 0
}
.wojo.dropdown>.dropdown.icon {
 font-family:wojoicons;
 line-height:auto;
 height:1em;
 width:1.23em;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 text-align:center
}
.wojo.dropdown>.dropdown.icon {
 width:auto
}
.wojo.dropdown>.dropdown.icon:before {
 content:"\e051"
}
.wojo.dropdown .menu .item .dropdown.icon:before {
 content:'\f0da'
}
.wojo.dropdown .item .left.dropdown.icon:before,
.wojo.dropdown .left.menu .item .dropdown.icon:before {
 content:"\f0d9"
}
.wojo.vertical.menu .dropdown.item>.dropdown.icon:before {
 content:"\e053"
}
.wojo.dropdown .menu.mini .item {
 font-size:.75rem
}
.wojo.selection.tiny.dropdown {
 padding:.5em 2.6em .5em .75em;
 line-height:1.5em
}
.wojo.dropdown .menu.tiny .item,
.wojo.selection.tiny.dropdown,
.wojo.selection.tiny.dropdown .menu .item {
 font-size:.875rem
}
.wojo.dropdown .menu.small .item,
.wojo.selection.small.dropdown,
.wojo.selection.small.dropdown .menu .item {
 font-size:.875rem
}
.wojo.dropdown .mini.small .item,
.wojo.selection.mini.dropdown,
.wojo.selection.mini.dropdown .menu .item {
 font-size:.75rem
}
.wojo.dropdown .menu.large .item {
 font-size:1.125rem
}
.wojo.menu {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin:1rem 0;
 background:#fff;
 border:1px solid #ddd;
 box-shadow:0 1px 2px 0 #ddd;
 border-radius:.25rem;
 min-height:2.938em
}
.wojo.menu:after {
 content:'';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.wojo.menu:first-child {
 margin-top:0
}
.wojo.menu:last-child {
 margin-bottom:0
}
.wojo.menu .menu {
 margin:0
}
.wojo.menu:not(.vertical)>.menu {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.wojo.menu:not(.vertical) .item {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.menu .item {
 position:relative;
 vertical-align:middle;
 line-height:1;
 text-decoration:none;
 -webkit-tap-highlight-color:transparent;
 -webkit-box-flex:0;
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background:0 0;
 padding:1em 1.25em;
 text-transform:none;
 color:rgba(0,0,0,.87);
 font-weight:400;
 -webkit-transition:background .1s ease,box-shadow .1s ease,color .1s ease;
 transition:background .1s ease,box-shadow .1s ease,color .1s ease
}
.wojo.menu>.item:first-child {
 border-radius:.25rem 0 0 .25rem
}
.wojo.menu .item:before {
 position:absolute;
 content:'';
 top:0%;
 right:0;
 height:100%;
 width:1px;
 background:rgba(34,36,38,.1)
}
.wojo.menu .text.item>*,
.wojo.menu .item>a:not(.wojo),
.wojo.menu .item>p:only-child {
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text;
 line-height:1.3
}
.wojo.menu .item>p:first-child {
 margin-top:0
}
.wojo.menu .item>p:last-child {
 margin-bottom:0
}
.wojo.menu .item>i.icon {
 opacity:.9;
 float:none;
 margin:0 .375em 0 0
}
.wojo.menu:not(.vertical) .item>.button {
 position:relative;
 top:0;
 margin:-.5em 0;
 padding-bottom:.875em;
 padding-top:.875em;
 font-size:1em
}
.wojo.menu .item>.input {
 width:100%
}
.wojo.menu:not(.vertical) .item>.input {
 position:relative;
 top:0;
 margin:-.5em 0
}
.wojo.menu .item>.input input {
 font-size:1em;
 padding-top:.625em;
 padding-bottom:.625em
}
.wojo.menu .header.item,
.wojo.vertical.menu .header.item {
 margin:0;
 background:'';
 text-transform:normal;
 font-family:wsansbold
}
.wojo.vertical.menu .item>.header:not(.wojo) {
 margin:0 0 .5em;
 font-size:1em;
 font-family:wsansbold
}
.wojo.menu .wojo.popup {
 display:none
}
.wojo.menu .wojo.visible.popup {
 display:block
}
.wojo.menu .item>i.dropdown.icon {
 font-family:wojoicons;
 content:"\e051";
 padding:0;
 float:right;
 margin:0 0 0 1em
}
.wojo.menu .dropdown.item .menu {
 left:0;
 min-width:calc(100% - 1px);
 border-radius:0 0 .25rem .25rem;
 background:#fff;
 margin:0;
 box-shadow:0 1px 3px 0 rgba(0,0,0,.08);
 -webkit-box-orient:vertical!important;
 -webkit-box-direction:normal!important;
 -webkit-flex-direction:column!important;
 -ms-flex-direction:column!important;
 flex-direction:column!important
}
.wojo.menu .wojo.dropdown .menu>.item {
 margin:0;
 text-align:left;
 font-size:1em!important;
 padding:.875em 1.25em!important;
 background:0 0!important;
 color:rgba(0,0,0,.87)!important;
 text-transform:none!important;
 font-weight:400!important;
 box-shadow:none!important;
 -webkit-transition:none!important;
 transition:none!important
}
.wojo.menu .wojo.dropdown .menu>.item:hover {
 background:rgba(0,0,0,.05)!important;
 color:rgba(0,0,0,.95)!important
}
.wojo.menu .wojo.dropdown .menu>.selected.item {
 background:rgba(0,0,0,.05)!important;
 color:rgba(0,0,0,.95)!important
}
.wojo.menu .wojo.dropdown .menu>.active.item {
 background:rgba(0,0,0,.03)!important;
 font-weight:700!important;
 color:rgba(0,0,0,.95)!important
}
.wojo.menu .wojo.dropdown.item .menu .item:not(.filtered) {
 display:block
}
.wojo.menu .wojo.dropdown .menu>.item .icon:not(.dropdown) {
 display:inline-block;
 font-size:1em!important;
 float:none;
 margin:0 .75em 0 0
}
.wojo.menu .pointing.dropdown.item .menu {
 margin-top:.75em
}
.wojo.vertical.menu .dropdown.item>.icon {
 float:right;
 margin-left:1em
}
.wojo.vertical.menu .dropdown.item .menu {
 top:0%!important;
 left:100%;
 min-width:0;
 margin:0;
 box-shadow:0 1px 3px 0 rgba(0,0,0,.08);
 border-radius:0 .25rem .25rem .25rem
}
.wojo.vertical.menu .active.dropdown.item {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.wojo.vertical.menu .dropdown.active.item {
 box-shadow:none
}
.wojo.item.menu .dropdown .menu .item {
 width:100%
}
.wojo.menu .item>.label {
 margin-left:1em;
 padding:.3em .875em
}
.wojo.vertical.menu .item>.label {
 margin-top:-.15em;
 margin-bottom:-.15em;
 padding:.3em .875em
}
.wojo.menu .item>.floating.label {
 padding:.3em .875em
}
.wojo.menu .item>img:not(.wojo) {
 display:inline-block;
 vertical-align:middle;
 margin:-.3em 0;
 width:2.5em
}
.wojo.vertical.menu .item>img:not(.wojo):only-child {
 display:block;
 max-width:100%;
 width:auto
}
.wojo.vertical.sidebar.menu>.item:first-child:before {
 display:block!important
}
.wojo.vertical.sidebar.menu>.item::before {
 top:auto;
 bottom:0
}
.wojo.link.menu .item:hover,
.wojo.menu .dropdown.item:hover,
.wojo.menu .link.item:hover,
.wojo.menu a.item:hover {
 cursor:pointer;
 background:rgba(0,0,0,.03);
 color:rgba(0,0,0,.95)
}
.wojo.link.menu .item:active,
.wojo.menu .link.item:active,
.wojo.menu a.item:active {
 background:rgba(0,0,0,.03);
 color:rgba(0,0,0,.95)
}
.wojo.menu .active.item {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95);
 font-family:wsansregular;
 box-shadow:none
}
.wojo.menu .active.item>i.icon {
 opacity:1
}
.wojo.menu .active.item:hover,
.wojo.vertical.menu .active.item:hover {
 background-color:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95)
}
.wojo.menu .item.disabled,
.wojo.menu .item.disabled:hover {
 cursor:default;
 background-color:transparent!important;
 color:rgba(40,40,40,.3)
}
.wojo.menu:not(.vertical) .left.item,
.wojo.menu:not(.vertical) .left.menu {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin-right:auto!important
}
.wojo.menu:not(.vertical) .right.item,
.wojo.menu:not(.vertical) .right.menu {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin-left:auto!important
}
.wojo.menu .right.item::before,
.wojo.menu .right.menu>.item::before {
 right:auto;
 left:0
}
.wojo.vertical.menu {
 display:block;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 background:#fff;
 box-shadow:0 1px 2px 0 #ddd
}
.wojo.vertical.menu .item {
 display:block;
 background:0 0;
 border-top:none;
 border-right:none
}
.wojo.vertical.menu>.item:first-child {
 border-radius:.25rem .25rem 0 0
}
.wojo.vertical.menu>.item:last-child {
 border-radius:0 0 .25rem .25rem
}
.wojo.vertical.menu .item>.label {
 float:right;
 text-align:center
}
.wojo.vertical.menu .item>i.icon {
 width:1.18em;
 float:right;
 margin:0 0 0 .5em
}
.wojo.vertical.menu .item>.label+i.icon {
 float:none;
 margin:0 .5em 0 0
}
.wojo.vertical.menu .item:before {
 position:absolute;
 content:'';
 top:0%;
 left:0;
 width:100%;
 background:rgba(34,36,38,.1);
 height:1px
}
.wojo.vertical.menu .item:first-child:before {
 display:none!important
}
.wojo.vertical.menu .item>.menu {
 margin:.5em -1.25em 0
}
.wojo.vertical.menu .menu .item {
 background:0 0;
 padding:.5em 1.33333333em;
 font-size:.938em;
 color:rgba(0,0,0,.5)
}
.wojo.vertical.menu .item .menu a.item:hover,
.wojo.vertical.menu .item .menu .link.item:hover {
 color:rgba(0,0,0,.85)
}
.wojo.vertical.menu .menu .item:before {
 display:none
}
.wojo.vertical.menu .active.item {
 background:rgba(0,0,0,.05);
 border-radius:0;
 box-shadow:none
}
.wojo.vertical.menu>.active.item:first-child {
 border-radius:.25rem .25rem 0 0
}
.wojo.vertical.menu>.active.item:last-child {
 border-radius:0 0 .25rem .25rem
}
.wojo.vertical.menu>.active.item:only-child {
 border-radius:.25rem
}
.wojo.vertical.menu .active.item .menu .active.item {
 border-left:none
}
.wojo.vertical.menu .item .menu .active.item {
 background-color:transparent;
 font-family:wsansbold;
 color:rgba(0,0,0,.95)
}
.wojo.tabular.menu .active.dropdown.item {
 margin-bottom:0;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 border-top:2px solid transparent;
 border-bottom:none
}
.wojo.pagination.menu {
 margin:0;
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 vertical-align:middle;
 box-shadow:none;
 min-height:1em;
 border:none;
 background:0 0
}
.wojo.pagination.menu .item:last-child {
}
.wojo.compact.menu .item:last-child {
}
.wojo.pagination.menu .item:last-child:before {
 display:none
}
.wojo.pagination.menu .item {
 padding:1.25em 1.5em;
 line-height:1em;
 font-family:wsansbold;
 text-align:center
}
.wojo.pagination.menu .item:hover {
 color:rgba(0,0,0,.5);
 background:0 0
}
.wojo.pagination.menu .icon.item i.icon {
 vertical-align:top
}
.wojo.pagination.menu .active.item {
 border-top:none;
 background-image:none;
 box-shadow:0 5px 40px 0 rgba(0,0,0,.4);
 color:#fff;
 background-color:#9c27b0
}
.wojo.pagination.menu .item:before {
 background:0 0;
 width:1px
}
.wojo.text.menu {
 background:none transparent;
 border-radius:0;
 box-shadow:none;
 border:none;
 margin:1em -.5em
}
.wojo.text.menu .item {
 border-radius:0;
 box-shadow:none;
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center;
 margin:0;
 padding:.375em .5em;
 font-family:wsansregular;
 color:rgba(0,0,0,.6);
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease
}
.wojo.text.menu .item:before,
.wojo.text.menu .menu .item:before {
 display:none!important
}
.wojo.text.menu .header.item {
 background-color:transparent;
 opacity:1;
 color:rgba(0,0,0,.85);
 font-size:1em;
 text-transform:uppercase;
 font-family:wsansbold
}
.wojo.text.menu .item>img:not(.wojo) {
 margin:0
}
.wojo.text.item.menu .item {
 margin:0
}
.wojo.vertical.text.menu {
 margin:1em 0
}
.wojo.vertical.text.menu:first-child {
 margin-top:0
}
.wojo.vertical.text.menu:last-child {
 margin-bottom:0
}
.wojo.vertical.text.menu .item {
 margin:.625em 0
}
.wojo.vertical.text.menu .item>i.icon {
 float:none;
 margin:0 .375em 0 0
}
.wojo.vertical.text.menu .header.item {
 margin:.625em 0 .875em
}
.wojo.vertical.text.menu .item:not(.dropdown)>.menu {
 margin:0
}
.wojo.vertical.text.menu .item:not(.dropdown)>.menu>.item {
 margin:0;
 padding:.5em 0
}
.wojo.text.menu .item:hover {
 opacity:1;
 background-color:transparent
}
.wojo.text.menu .active.item {
 background-color:transparent;
 border:none;
 box-shadow:none;
 font-family:wsansregular;
 color:rgba(0,0,0,.95)
}
.wojo.text.menu .active.item:hover {
 background-color:transparent
}
.wojo.text.pointing.menu .active.item:after {
 box-shadow:none
}
.wojo.text.attached.menu {
 box-shadow:none
}
.wojo.fluid.text.menu {
 margin-left:0;
 margin-right:0
}
.wojo.vertical.icon.menu {
 display:inline-block;
 width:auto
}
.wojo.icon.menu .item {
 height:auto;
 text-align:center;
 color:#566278
}
.wojo.icon.menu .item>.icon:not(.dropdown) {
 margin:0;
 opacity:1
}
.wojo.icon.menu .icon:before {
 opacity:1
}
.wojo.menu .icon.item>.icon {
 width:auto;
 margin:0 auto
}
.wojo.vertical.icon.menu .item>.icon:not(.dropdown) {
 display:block;
 opacity:1;
 margin:0 auto;
 float:none
}
.wojo.labeled.icon.menu {
 text-align:center
}
.wojo.labeled.icon.menu .item {
 min-width:6em;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.wojo.labeled.icon.menu .item>.icon:not(.dropdown) {
 height:1em;
 display:block;
 font-size:1.875em!important;
 margin:0 auto .5rem!important
}
.wojo.fluid.labeled.icon.menu>.item {
 min-width:0
}
.wojo.fitted.menu .item,
.wojo.fitted.menu .item .menu .item,
.wojo.menu .fitted.item {
 padding:0
}
.wojo.horizontally.fitted.menu .item,
.wojo.horizontally.fitted.menu .item .menu .item,
.wojo.menu .horizontally.fitted.item {
 padding-top:1em;
 padding-bottom:1em
}
.wojo.vertically.fitted.menu .item,
.wojo.vertically.fitted.menu .item .menu .item,
.wojo.menu .vertically.fitted.item {
 padding-left:1.25em;
 padding-right:1.25em
}
.wojo.borderless.menu .item:before,
.wojo.borderless.menu .item .menu .item:before,
.wojo.menu .borderless.item:before {
 background:0 0!important
}
.wojo.compact.menu {
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 margin:0;
 vertical-align:middle
}
.wojo.compact.vertical.menu {
 display:inline-block
}
.wojo.compact.menu .item:last-child {
 border-radius:0 .25rem .25rem 0
}
.wojo.compact.menu .item:last-child:before {
 display:none
}
.wojo.compact.vertical.menu {
 width:auto!important
}
.wojo.compact.vertical.menu .item:last-child::before {
 display:block
}
.wojo.menu.fluid,
.wojo.vertical.menu.fluid {
 width:100%!important
}
.wojo.pointing.menu .item:after {
 visibility:hidden;
 position:absolute;
 content:'';
 top:100%;
 left:50%;
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 transform:translateX(-50%) translateY(-50%) rotate(45deg);
 background:0 0;
 margin:.5px 0 0;
 width:.625em;
 height:.625em;
 border:none;
 border-bottom:1px solid #d4d4d5;
 border-right:1px solid #d4d4d5;
 z-index:2;
 -webkit-transition:background .1s ease;
 transition:background .1s ease
}
.wojo.vertical.pointing.menu .item:after {
 position:absolute;
 top:50%;
 right:0%;
 bottom:auto;
 left:auto;
 -webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(50%) translateY(-50%) rotate(45deg);
 transform:translateX(50%) translateY(-50%) rotate(45deg);
 margin:0 -.5px 0 0;
 border:none;
 border-top:1px solid #d4d4d5;
 border-right:1px solid #d4d4d5
}
.wojo.pointing.menu .active.item:after {
 visibility:visible
}
.wojo.pointing.menu .active.dropdown.item:after {
 visibility:hidden
}
.wojo.pointing.menu .dropdown.active.item:after,
.wojo.pointing.menu .active.item .menu .active.item:after {
 display:none
}
.wojo.pointing.menu .active.item:hover:after {
 background-color:#f2f2f2
}
.wojo.pointing.menu .active.item:after {
 background-color:#f2f2f2
}
.wojo.pointing.menu .active.item:hover:after {
 background-color:#f2f2f2
}
.wojo.vertical.pointing.menu .active.item:hover:after {
 background-color:#f2f2f2
}
.wojo.vertical.pointing.menu .active.item:after {
 background-color:#f2f2f2
}
.wojo.vertical.pointing.menu .menu .active.item:after {
 background-color:#fff
}
.wojo.mini.menu {
 font-size:.75rem
}
.wojo.small.menu {
 font-size:.938rem
}
.wojo.small.vertical.menu {
 width:13rem
}
.wojo.menu {
 font-size:1rem
}
.wojo.vertical.menu {
 width:15rem
}
.wojo.large.menu {
 font-size:1.25rem
}
.wojo.large.vertical.menu {
 width:18rem
}
.wojo.huge.menu {
 font-size:1.375rem
}
.wojo.huge.vertical.menu {
 width:20rem
}
.wojo.image {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 max-width:100%;
 box-shadow:1px 1px 0 0 rgba(0,0,0,.1)
}
img.wojo.image {
 background:0 0
}
.wojo.image .caption {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 padding:.8em;
 text-align:center;
 box-shadow:inset 0 1px 0 0 #fff;
 position:relative
}
.wojo.image img {
 width:auto;
 max-width:100%;
 max-height:100%;
 vertical-align:top;
 border:0
}
.wojo.disabled.image {
 cursor:default;
 opacity:.3
}
.wojo.basic.image {
 box-shadow:none
}
.wojo.rounded.images .image,
.wojo.rounded.images img,
.wojo.rounded.image img,
.wojo.rounded.image {
 border-radius:.25em
}
.wojo.circular.images .image,
.wojo.circular.images img,
.wojo.circular.image img,
.wojo.circular.image {
 border-radius:500rem
}
.wojo.avatar.images .image,
.wojo.avatar.images img,
.wojo.avatar.image img,
.wojo.avatar.image {
 margin-right:.5em;
 display:inline-block;
 width:3em;
 height:3em;
 border-radius:500rem;
 box-shadow:0 0 0 2px #fff
}
.wojo.avatar.small.images .image,
.wojo.avatar.small.images img,
.wojo.avatar.small.image img,
.wojo.avatar.small.image {
 margin-right:1em;
 display:inline-block;
 width:2.5em;
 height:2.5em;
 border-radius:500rem
}
.wojo.category.images .image,
.wojo.category.images img,
.wojo.category.image img,
.wojo.category.image {
 margin-right:.5em;
 display:inline-block;
 width:2rem;
 height:2rem;
 border-radius:500rem
}
.wojo.icon.image {
 min-width:3em
}
.wojo.icon.image>.action {
 position:absolute;
 top:55%;
 right:.5em;
 background-color:#fff;
 box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
 border-radius:500rem;
 margin:0 auto;
 text-align:center;
 width:1.5rem;
 height:1.5rem
}
.wojo.floated.image,
.wojo.floated.images {
 float:left;
 margin-right:1em;
 margin-bottom:1em
}
.wojo.right.floated.images,
.wojo.right.floated.image {
 float:right;
 margin-bottom:1em;
 margin-left:1em
}
.wojo.inverted.image {
 background-color:transparent;
 box-shadow:0 0 0 1px #fff
}
.wojo.circular.primary.image img,
.wojo.circular.primary.image {
 box-shadow:none
}
.wojo.circular.primary.image {
 border:2px solid #daddde;
 padding:1px;
 background-color:#fff
}
.wojo.centered.image {
 display:flex;
 align-items:center;
 justify-content:center
}
.wojo.centered.image img {
 flex:0 0 auto
}
.wojo.image .header {
 padding:.5em;
 background-color:#f5f5f5;
 font-size:.938em;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)
}
.wojo.thumb img,
.wojo.thumb .holder {
 height:120px;
 width:200px
}
.wojo.mime.image {
 width:24px;
 text-align:center;
 padding:0!important
}
.wojo.tiny.images .image,
.wojo.tiny.images img,
.wojo.tiny.image {
 width:20px;
 font-size:.7rem
}
.wojo.upload.image {
 height:42px;
 width:42px;
 text-align:center;
 padding:0!important
}
.wojo.mini.images .image,
.wojo.mini.images img,
.wojo.mini.image {
 width:45px;
 font-size:.8rem
}
.wojo.small.images .image,
.wojo.small.images img,
.wojo.small.image {
 width:60px;
 font-size:.9rem
}
.wojo.listing.images .image,
.wojo.listing.images img,
.wojo.listing.image {
 width:100px;
 font-size:.9rem
}
.wojo.normal.images .image,
.wojo.normal.images img,
.wojo.normal.image {
 width:150px;
 font-size:.9rem
}
.wojo.medium.images .image,
.wojo.medium.images img,
.wojo.medium.image {
 width:250px;
 font-size:1rem
}
.wojo.large.images .image,
.wojo.large.images img,
.wojo.large.image {
 width:350px;
 font-size:1.1rem
}
.wojo.huge.images .image,
.wojo.huge.images img,
.wojo.huge.image {
 width:600px;
 font-size:1.2rem
}
figure {
 box-shadow:0 5px 7px rgba(0,0,0,.1);
 overflow:hidden;
 position:relative
}
.wojo.images {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-flow:row wrap;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
.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 transparent;
 opacity:.85
}
.wojo.images .image.active,
.wojo.images img.active {
 border-bottom:1px solid #9c27b0;
 box-shadow:0 6px 5px 0 rgba(0,0,0,.1);
 opacity:1
}
.wojo.label {
 display:inline-block;
 line-height:1em;
 vertical-align:middle;
 margin:0 .125em;
 background-color:#dfe5e8;
 background-image:none;
 padding:.5em .875em;
 color:rgba(0,0,0,.6);
 text-transform:none;
 font-family:wsansdemi;
 border:0 solid transparent;
 border-radius:.188rem;
 -webkit-transition:background .1s ease;
 transition:background .1s ease
}
.wojo.label:first-child {
 margin-left:0
}
.wojo.label:last-child {
 margin-right:0
}
a.wojo.label {
 cursor:pointer
}
.wojo.label>a {
 cursor:pointer;
 color:inherit;
 opacity:.5;
 -webkit-transition:.1s opacity ease;
 transition:.1s opacity ease
}
.wojo.label>a:hover {
 opacity:1
}
.wojo.label>img {
 width:auto;
 vertical-align:middle;
 height:2em
}
.wojo.label>.icon {
 width:auto;
 margin:0 .75em 0 0
}
.wojo.label.icon>.icon {
 width:auto;
 margin:0
}
.wojo.label>.detail {
 display:inline-block;
 vertical-align:top;
 font-family:wsansregular;
 margin-left:1em;
 opacity:.85
}
.wojo.label>.detail .icon {
 margin:0 .25em 0 0
}
.wojo.label>.close.icon,
.wojo.label>.delete.icon {
 cursor:pointer;
 margin-right:0;
 margin-left:.5em;
 font-size:.938em;
 opacity:.5;
 -webkit-transition:background .1s ease;
 transition:background .1s ease
}
.wojo.label>.delete.icon:hover {
 opacity:1
}
.wojo.labels>.label {
 margin:0 .5em .5em 0
}
.wojo.header>.wojo.label {
 margin-top:-.25em
}
.wojo.attached.segment>.wojo.top.left.attached.label,
.wojo.bottom.attached.segment>.wojo.top.left.attached.label {
 border-top-left-radius:0
}
.wojo.attached.segment>.wojo.top.right.attached.label,
.wojo.bottom.attached.segment>.wojo.top.right.attached.label {
 border-top-right-radius:0
}
.wojo.top.attached.segment>.wojo.bottom.left.attached.label {
 border-bottom-left-radius:0
}
.wojo.top.attached.segment>.wojo.bottom.right.attached.label {
 border-bottom-right-radius:0
}
.wojo.top.attached.label:first-child+:not(.attached) {
}
.wojo.bottom.attached.label:first-child~:last-child:not(.attached) {
 margin-top:0;
 margin-bottom:2rem
}
.wojo.image.label {
 width:auto;
 margin-top:0;
 margin-bottom:0;
 max-width:9999px;
 vertical-align:baseline;
 text-transform:none;
 background:#f5f5f5;
 padding:.5em .875em .5em .5em;
 border-radius:.188rem;
 box-shadow:none
}
.wojo.image.label img {
 display:inline-block;
 vertical-align:top;
 height:2em;
 margin:-.5em .5em -.5em -.5em;
 border-radius:.188rem 0 0 .188rem
}
.wojo.image.label .detail {
 background:rgba(0,0,0,.1);
 margin:-.5em -.875em -.5em .5em;
 padding:.5em .875em;
 border-radius:0 .188rem .188rem 0
}
.wojo.tag.labels .label,
.wojo.tag.label {
 margin-left:1em;
 position:relative;
 padding-left:1.5em;
 padding-right:1.5em;
 border-radius:0 .188rem .188rem 0;
 -webkit-transition:none;
 transition:none
}
.wojo.tag.labels .label:before,
.wojo.tag.label:before {
 position:absolute;
 -webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);
 -ms-transform:translateY(-50%) translateX(50%) rotate(-45deg);
 transform:translateY(-50%) translateX(50%) rotate(-45deg);
 top:50%;
 right:100%;
 content:'';
 background-color:inherit;
 background-image:none;
 width:1.5em;
 height:1.5em;
 -webkit-transition:none;
 transition:none
}
.wojo.tag.labels .label:after,
.wojo.tag.label:after {
 position:absolute;
 content:'';
 top:50%;
 left:-.25em;
 margin-top:-.25em;
 background-color:#fff;
 width:.5em;
 height:.5em;
 box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);
 border-radius:500rem
}
.wojo.corner.label {
 position:absolute;
 top:0;
 right:0;
 margin:0;
 padding:0;
 text-align:center;
 border-color:#e6edf8;
 width:4em;
 height:4em;
 z-index:1;
 -webkit-transition:border-color .1s ease;
 transition:border-color .1s ease
}
.wojo.corner.label {
 background-color:transparent
}
.wojo.corner.label:after {
 position:absolute;
 content:"";
 right:0;
 top:0;
 z-index:-1;
 width:0;
 height:0;
 background-color:transparent;
 border-top:0 solid transparent;
 border-right:4em solid transparent;
 border-bottom:4em solid transparent;
 border-left:0 solid transparent;
 border-right-color:inherit;
 -webkit-transition:border-color .1s ease;
 transition:border-color .1s ease
}
.wojo.corner.label .icon {
 cursor:default;
 position:relative;
 top:.64285714em;
 left:.78571429em;
 font-size:1.14285714em;
 margin:0
}
.wojo.left.corner.label,
.wojo.left.corner.label:after {
 right:auto;
 left:0
}
.wojo.left.corner.label:after {
 border-top:4em solid transparent;
 border-right:4em solid transparent;
 border-bottom:0 solid transparent;
 border-left:0 solid transparent;
 border-top-color:inherit
}
.wojo.left.corner.label .icon {
 left:-.78571429em
}
.wojo.segment>.wojo.corner.label {
 top:-1px;
 right:-1px
}
.wojo.segment>.wojo.left.corner.label {
 right:auto;
 left:-1px
}
.wojo.ribbon.label {
 position:relative;
 margin:0;
 min-width:-webkit-max-content;
 min-width:-moz-max-content;
 min-width:max-content;
 border-radius:0 .188rem .188rem 0;
 border-color:rgba(0,0,0,.15)
}
.wojo.ribbon.label:after {
 position:absolute;
 content:'';
 top:100%;
 left:0%;
 background-color:transparent;
 border-style:solid;
 border-width:0 1.2em 1.2em 0;
 border-color:transparent;
 border-right-color:inherit;
 width:0;
 height:0
}
.wojo.ribbon.label {
 left:calc( -1rem - 1.2em );
 margin-right:-1.2em;
 padding-left:calc( 1rem + 1.2em );
 padding-right:1.2em
}
.wojo[class*="right ribbon"].label {
 left:calc(100% + 1rem + 1.2em );
 padding-left:1.2em;
 padding-right:calc( 1rem + 1.2em )
}
.wojo[class*="right ribbon"].label {
 text-align:left;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%);
 border-radius:.188rem 0 0 .188rem
}
.wojo[class*="right ribbon"].label:after {
 left:auto;
 right:0%;
 border-style:solid;
 border-width:1.2em 1.2em 0 0;
 border-color:transparent;
 border-top-color:inherit
}
.wojo.image>.ribbon.label,
.wojo.card .image>.ribbon.label {
 position:absolute;
 top:1rem
}
.wojo.card .image>.wojo.ribbon.label,
.wojo.image>.wojo.ribbon.label {
 left:calc( 0.05rem - 1.2em )
}
.wojo.card .image>.wojo[class*="right ribbon"].label,
.wojo.image>.wojo[class*="right ribbon"].label {
 left:calc(100% + -0.05rem + 1.2em );
 padding-left:.875em
}
.wojo.table td>.wojo.ribbon.label {
 left:calc( -0.625em - 1.2em )
}
.wojo.table td>.wojo[class*="right ribbon"].label {
 left:calc(100% + 0.625em + 1.2em );
 padding-left:.875em
}
.wojo.top.attached.label,
.wojo.attached.label {
 width:100%;
 position:absolute;
 margin:0;
 top:0;
 left:0;
 padding:.75em 1em;
 z-index:3;
 border-radius:.188rem .188rem 0 0
}
.wojo.bottom.attached.label {
 top:auto;
 bottom:0;
 border-radius:0 0 .188rem .188rem
}
.wojo.top.left.attached.label {
 width:auto;
 margin-top:0;
 border-radius:0 0 .188rem 0
}
.wojo.top.right.attached.label {
 width:auto;
 left:auto;
 right:0;
 border-radius:0 0 0 .188rem
}
.wojo.bottom.left.attached.label {
 width:auto;
 top:auto;
 bottom:0;
 border-radius:0 .188rem 0 .188rem
}
.wojo.bottom.right.attached.label {
 top:auto;
 bottom:0;
 left:auto;
 right:0;
 width:auto;
 border-radius:.188rem 0 .188rem 0
}
.wojo.label.disabled {
 opacity:.5
}
a.wojo.labels .label:hover,
a.wojo.label:hover {
 background-color:#ebebeb;
 border-color:#ebebeb;
 background-image:none;
 color:rgba(0,0,0,.8)
}
.wojo.labels a.label:hover:before,
a.wojo.label:hover:before {
 color:rgba(0,0,0,.8)
}
.wojo.active.label {
 background-color:#e1e1e1;
 border-color:#e1e1e1;
 background-image:none;
 color:rgba(0,0,0,.95)
}
.wojo.active.label:before {
 background-color:#e1e1e1;
 background-image:none;
 color:rgba(0,0,0,.95)
}
a.wojo.labels .active.label:hover,
a.wojo.active.label:hover {
 background-color:#c8c8c8;
 border-color:#c8c8c8;
 background-image:none;
 color:rgba(0,0,0,.95)
}
.wojo.labels a.active.label:activehover:before,
a.wojo.active.label:activehover:before {
 background-color:#c8c8c8;
 background-image:none;
 color:rgba(0,0,0,.95)
}
.wojo.labels.visible .label,
.wojo.label.visible {
 display:inline-block!important
}
.wojo.labels.hidden .label,
.wojo.label.hidden {
 display:none!important
}
.wojo.black.labels .label,
.wojo.black.label {
 background-color:#111;
 border-color:#111;
 color:#fff
}
.wojo.black.labels .label:hover,
a.wojo.black.label:hover {
 background-color:#27292a;
 border-color:#27292a;
 color:#fff
}
.wojo.black.corner.label,
.wojo.black.corner.label:hover {
 background-color:transparent
}
.wojo.black.ribbon.label {
 border-color:#2f3032
}
.wojo.basic.black.label {
 background-color:#fff;
 color:#111;
 border-color:#111
}
.wojo.basic.black.labels a.label:hover,
a.wojo.basic.black.label:hover {
 background-color:#fff;
 color:#27292a;
 border-color:#27292a
}
.wojo.primary.labels .label,
.wojo.primary.label {
 background-color:#9c27b0;
 border-color:#9c27b0;
 color:#fff
}
.wojo.primary.labels .label:hover,
a.wojo.primary.label:hover {
 background-color:#8e24aa;
 border-color:#8e24aa;
 color:#fff
}
.wojo.primary.corner.label,
.wojo.primary.corner.label:hover {
 background-color:transparent
}
.wojo.primary.ribbon.label {
 border-color:#7b1fa2
}
.wojo.basic.primary.label {
 background-color:#fff;
 color:#9c27b0;
 border-color:#9c27b0
}
.wojo.basic.primary.labels a.label:hover,
a.wojo.basic.primary.label:hover {
 background-color:#fff;
 color:#8e24aa;
 border-color:#8e24aa
}
.wojo.secondary.labels .label,
.wojo.secondary.label {
 background-color:#03a9f4;
 border-color:#03a9f4;
 color:#fff
}
.wojo.secondary.labels .label:hover,
a.wojo.secondary.label:hover {
 background-color:#039be5;
 border-color:#039be5;
 color:#fff
}
.wojo.secondary.corner.label,
.wojo.secondary.corner.label:hover {
 background-color:transparent
}
.wojo.secondary.ribbon.label {
 border-color:#0097a7
}
.wojo.basic.secondary.label {
 background-color:#fff;
 color:#03a9f4;
 border-color:#03a9f4
}
.wojo.basic.secondary.labels a.label:hover,
a.wojo.basic.secondary.label:hover {
 background-color:#fff;
 color:#039be5;
 border-color:#039be5
}
.wojo.positive.labels .label,
.wojo.positive.label {
 background-color:#8bc34a;
 border-color:#8bc34a;
 color:#fff
}
.wojo.positive.labels .label:hover,
a.wojo.positive.label:hover {
 background-color:#38b491;
 border-color:#38b491;
 color:#fff
}
.wojo.positive.corner.label,
.wojo.positive.corner.label:hover {
 background-color:transparent
}
.wojo.positive.ribbon.label {
 border-color:#8bc34a
}
.wojo.basic.positive.label {
 background-color:#fff;
 color:#8bc34a;
 border-color:#8bc34a
}
.wojo.basic.positive.labels a.label:hover,
a.wojo.basic.positive.label:hover {
 background-color:#fff;
 color:#38b491;
 border-color:#38b491
}
.wojo.negative.labels .label,
.wojo.negative.label {
 background-color:#e91e63;
 border-color:#e91e63;
 color:#fff
}
.wojo.negative.labels .label:hover,
a.wojo.negative.label:hover {
 background-color:#c86671;
 border-color:#c86671;
 color:#fff
}
.wojo.negative.corner.label,
.wojo.negative.corner.label:hover {
 background-color:transparent
}
.wojo.negative.ribbon.label {
 border-color:#e91e63
}
.wojo.basic.negative.label {
 background-color:#fff;
 color:#e91e63;
 border-color:#e91e63
}
.wojo.basic.negative.labels a.label:hover,
a.wojo.basic.negative.label:hover {
 background-color:#fff;
 color:#c86671;
 border-color:#c86671
}
.wojo.basic.label {
 background:none #fff;
 border:1px solid #ddd;
 color:rgba(0,0,0,.87);
 box-shadow:none
}
a.wojo.basic.label:hover {
 text-decoration:none;
 background:none #fff;
 color:#1e70bf;
 box-shadow:1px solid #ddd;
 box-shadow:none
}
.wojo.basic.pointing.label:before {
 border-color:inherit
}
.wojo.simple.label {
 background:0 0;
 border:0;
 color:rgba(0,0,0,.87);
 box-shadow:none
}
.wojo.highlited.label,
.wojo.highlited.label:hover {
 background-color:#fff9c4
}
.wojo.dimmed.label,
.wojo.dimmed.label:hover {
 background-color:rgba(255,255,255,.3);
 color:#fff
}
.wojo.transparent.label,
.wojo.transparent.label:hover {
 background-color:#f8fafa
}
.wojo.very.dimmed.label,
.wojo.very.dimmed.label:hover {
 background-color:rgba(255,255,255,.5)
}
.wojo.label.fluid,
.wojo.fluid.labels>.label {
 width:100%;
 box-sizing:border-box
}
.wojo.empty.labels .label,
.wojo.empty.label {
 padding:.75em;
 line-height:1em;
 text-align:center
}
.wojo.circular.labels .label,
.wojo.circular.label {
 min-width:2em;
 min-height:2em;
 padding:.5em;
 line-height:1em;
 text-align:center;
 border-radius:500rem
}
.wojo.empty.circular.labels .label,
.wojo.empty.circular.label {
 min-width:0;
 min-height:0;
 overflow:hidden;
 width:.5em;
 height:.5em;
 vertical-align:baseline
}
.wojo.initials.circular.labels .label,
.wojo.initials.circular.label {
 min-width:2rem;
 min-height:2em;
 width:2em;
 height:2rem;
 padding:0;
 line-height:2rem;
 font-size:.875rem;
 vertical-align:baseline;
 margin-right:.875em;
 font-family:wsansmedium
}
.wojo.initials.circular.label .icon {
 margin:0
}
.wojo.pointing.label {
 position:relative
}
.wojo.attached.pointing.label {
 position:absolute
}
.wojo.pointing.label:before {
 background-color:inherit;
 background-image:inherit;
 border-width:none;
 border-style:solid;
 border-color:inherit
}
.wojo.pointing.label:before {
 position:absolute;
 content:'';
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 background-image:none;
 z-index:2;
 width:.6666em;
 height:.6666em;
 -webkit-transition:background .1s ease;
 transition:background .1s ease
}
.wojo.pointing.label,
.wojo[class*="pointing above"].label {
 margin-top:1em
}
.wojo.pointing.label:before,
.wojo[class*="pointing above"].label:before {
 border-width:1px 0 0 1px;
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 transform:translateX(-50%) translateY(-50%) rotate(45deg);
 top:0%;
 left:50%
}
.wojo[class*="bottom pointing"].label,
.wojo[class*="pointing below"].label {
 margin-top:0;
 margin-bottom:1em
}
.wojo[class*="bottom pointing"].label:before,
.wojo[class*="pointing below"].label:before {
 border-width:0 1px 1px 0;
 right:auto;
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 transform:translateX(-50%) translateY(-50%) rotate(45deg);
 top:100%;
 left:50%
}
.wojo[class*="left pointing"].label {
 margin-top:0;
 margin-left:.6666em
}
.wojo[class*="left pointing"].label:before {
 border-width:0 0 1px 1px;
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
 transform:translateX(-50%) translateY(-50%) rotate(45deg);
 bottom:auto;
 right:auto;
 top:50%;
 left:0
}
.wojo[class*="right pointing"].label {
 margin-top:0;
 margin-right:.6666em
}
.wojo[class*="right pointing"].label:before {
 border-width:1px 1px 0 0;
 -webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);
 -ms-transform:translateX(50%) translateY(-50%) rotate(45deg);
 transform:translateX(50%) translateY(-50%) rotate(45deg);
 top:50%;
 right:0%;
 bottom:auto;
 left:auto
}
.wojo.basic.pointing.label:before,
.wojo.basic[class*="pointing above"].label:before {
 margin-top:-1px
}
.wojo.basic[class*="bottom pointing"].label:before,
.wojo.basic[class*="pointing below"].label:before {
 bottom:auto;
 top:100%;
 margin-top:1px
}
.wojo.basic[class*="left pointing"].label:before {
 top:50%;
 left:-1px
}
.wojo.basic[class*="right pointing"].label:before {
 top:50%;
 right:-1px
}
.wojo.floating.label {
 position:absolute;
 z-index:100;
 top:-1em;
 left:100%;
 margin:0 0 0 -1.5em
}
.wojo.fitted.label {
 padding:0
}
.wojo.fitted.label>.icon {
 width:auto;
 margin:0
}
.wojo.mini.labels .label,
.wojo.mini.label {
 font-size:.625rem;
 font-family:wsanslight
}
.wojo.tiny.labels .label,
.wojo.tiny.label {
 font-size:.75rem;
 font-family:wsansregular
}
.wojo.small.labels .label,
.wojo.small.label {
 font-size:.813rem
}
.wojo.labels .label,
.wojo.label {
 font-size:.875rem
}
.wojo.large.labels .label,
.wojo.large.label {
 font-size:1rem
}
.wojo.big.labels .label,
.wojo.big.label {
 font-size:1.063rem
}
.wojo.huge.labels .label,
.wojo.huge.label {
 font-size:1.125rem
}
.wojo.massive.labels .label,
.wojo.massive.label {
 font-size:1.5rem
}
.wojo.gigantic.labels .label,
.wojo.gigantic.label {
 font-size:2.5rem
}
.wojo.message {
 position:relative;
 min-height:1em;
 margin:1em 0;
 background-color:#f9f9f9;
 padding:1em 1.5em;
 line-height:1.4285em;
 color:rgba(0,0,0,.87);
 -webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
 transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
 border-radius:.125rem;
 box-shadow:0 0 0 1px rgba(0,0,0,.1)
}
.wojo.message:first-child {
 margin-top:0
}
.wojo.message:last-child {
 margin-bottom:0
}
.wojo.message .header {
 display:block;
 font-family:wsansdemi
}
.wojo.message .header:not(.wojo) {
 font-size:1.125rem
}
.wojo.message p {
 opacity:.85;
 margin:.75em 0
}
.wojo.message p:first-child {
 margin-top:0
}
.wojo.message p:last-child {
 margin-bottom:0
}
.wojo.message .header+p {
 margin-top:.5em
}
.wojo.message ul.list {
 text-align:left;
 padding:0;
 opacity:.85;
 list-style-position:inside;
 margin:.5em 0 0
}
.wojo.message ul.list:first-child {
 margin-top:0
}
.wojo.message ul.list:last-child {
 margin-bottom:0
}
.wojo.message ul.list li {
 position:relative;
 list-style-type:none;
 margin:0 0 .3em 1em;
 padding:0
}
.wojo.message ul.list li:before {
 position:absolute;
 content:'•';
 left:-1em;
 height:100%;
 vertical-align:baseline
}
.wojo.message ul.list li:last-child {
 margin-bottom:0
}
.wojo.message>.icon {
 margin-right:.6em
}
.wojo.message>.close.icon {
 cursor:pointer;
 position:absolute;
 margin:0;
 top:.5em;
 right:.5em;
 width:1rem;
 height:1rem;
 line-height:1rem;
 opacity:.7;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease
}
.wojo.message>.close.icon:hover {
 opacity:1
}
.wojo.message>:first-child {
 margin-top:0
}
.wojo.message>:last-child {
 margin-bottom:0
}
#wojo-overlay {
 position:fixed;
 width:auto;
 top:50%;
 right:0;
 z-index:80000;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.notice {
 max-width:500px;
 min-width:300px;
 position:relative;
 box-shadow:0 4px 4px rgba(0,0,0,.24),0 0 4px rgba(0,0,0,.12)
}
.wojo.notice:before {
 background-color:rgba(0,0,0,.14);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:64px;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 font-family:wojoicons;
 color:#fff;
 font-size:2em
}
.wojo.notice .content {
 padding:1em;
 margin:0 0 0 64px
}
.wojo.notice span {
 font-size:1em;
 display:block;
 font-family:wsansbold
}
.wojo.notice p {
 margin-top:0
}
.wojo.notice a.notice-close {
 opacity:0
}
.wojo.notice:hover a.notice-close {
 opacity:1
}
.wojo.notice i.icon.close {
 position:absolute;
 right:.5em;
 top:0;
 color:rgba(0,0,0,.8)
}
.wojo.notice.success {
 background-color:#fff;
 color:#8bc34a
}
.wojo.notice.success:before {
 background-color:#8bc34a;
 content:"\e04e"
}
.wojo.notice.success .wojo.progress.transparent .bar {
 background-color:#8bc34a!important
}
.wojo.notice.info {
 background-color:#fff;
 color:#03a9f4
}
.wojo.notice.info:before {
 background-color:#03a9f4;
 content:"\e0c0"
}
.wojo.notice.info .wojo.progress.transparent .bar {
 background-color:#03a9f4!important
}
.wojo.notice.alert {
 background-color:#fff;
 color:#ffc107
}
.wojo.notice.alert:before {
 background-color:#ffc107;
 content:"\e166"
}
.wojo.notice.alert .wojo.progress.transparent .bar {
 background-color:#ffc107!important
}
.wojo.notice.error {
 background-color:#fff;
 color:#f44336
}
.wojo.notice.error:before {
 background-color:#f44336;
 content:"\e07b"
}
.wojo.notice.error .wojo.progress.transparent .bar {
 background-color:#f44336!important
}
.wojo.note {
 font-size:.875rem;
 padding:.25em .875em;
 display:inline-block;
 border-radius:.125em;
 font-family:wsansdemi;
 color:#fff;
 line-height:1rem;
 box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 5px rgba(0,0,0,.06)
}
.wojo.note a {
 color:#454545
}
.wojo.note a:hover {
 color:#fff
}
.wojo.note.success {
 background-color:#4cbe83
}
.wojo.note.info {
 background-color:#6cc8d5
}
.wojo.note.alert {
 background-color:#eda93c
}
.wojo.note.error {
 background-color:#e57c67
}
.wojo.notes.content {
 font-family:handlee,wsansregular;
 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,.85)
}
.wojo.notes.content::before,
.wojo.notes.content::after {
 content:"";
 border-left:1px solid rgba(0,0,0,.1);
 position:absolute;
 top:-8px;
 left:16px;
 height:100%
}
.wojo.notes.content::after {
 left:19px
}
.wojo.dropdown .menu>.message {
 margin:0 -1px
}
.wojo.visible.visible.visible.visible.message {
 display:block
}
.wojo.icon.visible.visible.visible.visible.message {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.wojo.hidden.hidden.hidden.hidden.message {
 display:none
}
.wojo.compact.message {
 display:inline-block;
 margin:0
}
.wojo.attached.message {
 margin-bottom:-1px;
 border-radius:.28571429rem .28571429rem 0 0;
 box-shadow:0 0 0 1px #ddd inset;
 margin-left:-1px;
 margin-right:-1px
}
.wojo.attached+.wojo.attached.message:not(.top):not(.bottom) {
 margin-top:-1px;
 border-radius:0
}
.wojo.bottom.attached.message {
 margin-top:-1px;
 border-radius:0 0 .28571429rem .28571429rem;
 box-shadow:0 0 0 1px #ddd inset,0 1px 2px 0 #ddd
}
.wojo.bottom.attached.message:not(:last-child) {
 margin-bottom:1em
}
.wojo.attached.icon.message {
 width:auto
}
.wojo.icon.message {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.icon.message>.icon:not(.close),
.wojo.icon.message>img {
 display:block;
 -webkit-box-flex:0;
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 line-height:1;
 vertical-align:middle;
 font-size:3rem;
 opacity:.8
}
.wojo.icon.message>.content {
 display:block;
 -webkit-box-flex:1;
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 vertical-align:middle
}
.wojo.icon.message .icon:not(.close)+.content,
.wojo.icon.message>img+.content {
 padding-left:0
}
.wojo.icon.message>img {
 width:auto;
 height:3rem;
 margin-right:1rem;
 border-radius:.188rem
}
.wojo.icon.message .circular.icon {
 width:1em
}
.wojo.floating.message {
 box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)
}
.wojo.black.message {
 background-color:#363c4d;
 color:rgba(255,255,255,.9);
 box-shadow:none
}
.wojo.success.message,
.wojo.positive.message {
 background:rgba(76,175,80,.8);
 box-shadow:0 0 5px rgba(76,175,80,.5);
 color:#fff
}
.wojo.error.message,
.wojo.negative.message {
 background:rgba(244,67,54,.8);
 box-shadow:0 0 5px rgba(244,67,54,.5);
 color:#fff
}
.wojo.info.message {
 background:rgba(33,150,243,.8);
 box-shadow:0 0 5px rgba(33,150,243,.5);
 color:#fff
}
.wojo.alert.message {
 background:rgba(255,152,0,.8);
 box-shadow:0 0 5px rgba(255,152,0,.5);
 color:#fff
}
.wojo.basic.message {
 background-color:transparent;
 border:0;
 box-shadow:none;
 padding:0
}
.wojo.basic.message .content {
 padding:0
}
.wojo.basic.message .header {
 font-size:2rem;
 font-family:wsansregular
}
.wojo.tiny.message {
 font-size:.813rem
}
.wojo.small.message {
 font-size:.938rem;
 padding:.875em;
 line-height:1em
}
.wojo.small.icon.message>.icon:not(.close) {
 font-size:1rem
}
.wojo.message {
 font-size:1em
}
.wojo.large.message {
 font-size:1.125rem
}
.wojo.large.message>.icon:not(.close),
.wojo.large.message>img {
 font-size:4rem
}
.wojo.huge.message {
 font-size:1.42857143em
}
.wojo.massive.message {
 font-size:2rem
}
ul.wojo.list,
ol.wojo.list,
.wojo.list {
 list-style-type:none;
 margin:1em 0;
 padding:0
}
ul.wojo.list:first-child,
ol.wojo.list:first-child,
.wojo.list:first-child {
 margin-top:0;
 padding-top:0
}
ul.wojo.list:last-child,
ol.wojo.list:last-child,
.wojo.list:last-child {
 margin-bottom:0;
 padding-bottom:0
}
ul.wojo.list li,
ol.wojo.list li,
.wojo.list>.item,
.wojo.list .list>.item {
 display:list-item;
 table-layout:fixed;
 list-style-type:none;
 list-style-position:outside;
 padding:.188em 0;
 line-height:1.125em
}
ul.wojo.list>li:first-child:after,
ol.wojo.list>li:first-child:after,
.wojo.list>.list>.item,
.wojo.list>.item:after {
 content:'';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
ul.wojo.list li:first-child,
ol.wojo.list li:first-child,
.wojo.list .list>.item:first-child,
.wojo.list>.item:first-child {
 padding-top:0
}
ul.wojo.list li:last-child,
ol.wojo.list li:last-child,
.wojo.list .list>.item:last-child,
.wojo.list>.item:last-child {
 padding-bottom:0
}
ul.wojo.list ul,
ol.wojo.list ol,
.wojo.list .list {
 clear:both;
 margin:0;
 padding:.75em 0 .25em .5em
}
ul.wojo.list ul li,
ol.wojo.list ol li,
.wojo.list .list>.item {
 padding:.125em 0;
 line-height:inherit
}
.wojo.list .list>.item>i.icon,
.wojo.list>.item>i.icon {
 display:table-cell;
 margin:0;
 padding-top:0;
 padding-right:.25em;
 vertical-align:top;
 -webkit-transition:color .1s ease;
 transition:color .1s ease
}
.wojo.list .list>.item>i.icon:only-child,
.wojo.list>.item>i.icon:only-child {
 display:inline-block;
 vertical-align:top
}
.wojo.list .list>.item>.image,
.wojo.list>.item>.image {
 display:table-cell;
 background-color:transparent;
 margin:0;
 vertical-align:top
}
.wojo.list .list>.item>.image:not(:only-child):not(img),
.wojo.list>.item>.image:not(:only-child):not(img) {
 padding-right:.5em
}
.wojo.list .list>.item>.image img,
.wojo.list>.item>.image img {
 vertical-align:top
}
.wojo.list .list>.item>img.image,
.wojo.list .list>.item>.image:only-child,
.wojo.list>.item>img.image,
.wojo.list>.item>.image:only-child {
 display:inline-block
}
.wojo.list .list>.item>.content,
.wojo.list>.item>.content {
 line-height:1.125em
}
.wojo.list .list>.item>.image+.content,
.wojo.list .list>.item>.icon+.content,
.wojo.list>.item>.image+.content,
.wojo.list>.item>.icon+.content {
 display:table-cell;
 padding:0 0 0 .5em;
 vertical-align:top
}
.wojo.list .list>.item>img.image+.content,
.wojo.list>.item>img.image+.content {
 display:inline-block
}
.wojo.list .list>.item>.content>.list,
.wojo.list>.item>.content>.list {
 margin-left:0;
 padding-left:0
}
.wojo.list .list>.item .header,
.wojo.list>.item .header {
 display:block;
 margin:0;
 margin-bottom:.25em;
 font-family:wsansdemi
}
.wojo.list .list>.item .description,
.wojo.list>.item .description {
 display:block
}
.wojo.list .list>a.item:hover,
.wojo.list>a.item:hover {
}
.wojo.list .list>a.item i.icon,
.wojo.list>a.item i.icon {
 color:rgba(0,0,0,.4)
}
.wojo[class*="left floated"].list {
 float:left
}
.wojo[class*="right floated"].list {
 float:right
}
.wojo.list .list>.item [class*="left floated"],
.wojo.list>.item [class*="left floated"] {
 float:left;
 margin:0 1em 0 0
}
.wojo.list .list>.item [class*="right floated"],
.wojo.list>.item [class*="right floated"] {
 float:right;
 margin:0 0 0 1em
}
.wojo.menu .wojo.list>.item,
.wojo.menu .wojo.list .list>.item {
 display:list-item;
 table-layout:fixed;
 background-color:transparent;
 list-style-type:none;
 list-style-position:outside;
 padding:.188em 0;
 line-height:1.125em
}
.wojo.menu .wojo.list .list>.item:before,
.wojo.menu .wojo.list>.item:before {
 border:none;
 background:0 0
}
.wojo.menu .wojo.list .list>.item:first-child,
.wojo.menu .wojo.list>.item:first-child {
 padding-top:0
}
.wojo.menu .wojo.list .list>.item:last-child,
.wojo.menu .wojo.list>.item:last-child {
 padding-bottom:0
}
.wojo.horizontal.list {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-flow:row wrap;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
.wojo.horizontal.list>.item {
 display:inline-block;
 margin-left:1em;
 font-size:1rem;
 white-space:nowrap
}
.wojo.horizontal.fixed.list {
 display:inline-block
}
.wojo.horizontal.list:not(.celled)>.item:first-child {
 margin-left:0!important;
 padding-left:0!important
}
.wojo.horizontal.list .list {
 padding-left:0;
 padding-bottom:0
}
.wojo.horizontal.list>.item>.image,
.wojo.horizontal.list .list>.item>.image,
.wojo.horizontal.list>.item>.icon,
.wojo.horizontal.list .list>.item>.icon,
.wojo.horizontal.list>.item>.content,
.wojo.horizontal.list .list>.item>.content {
 vertical-align:middle
}
.wojo.horizontal.list>.item:first-child,
.wojo.horizontal.list>.item:last-child {
 padding-top:.188em;
 padding-bottom:.188em
}
.wojo.horizontal.list>.item>i.icon {
 margin:0;
 padding:0 .25em 0 0
}
.wojo.horizontal.list>.item>.icon,
.wojo.horizontal.list>.item>.icon+.content {
 float:none;
 display:inline-block
}
.wojo.list .list>.disabled.item,
.wojo.list>.disabled.item {
 pointer-events:none;
 color:rgba(40,40,40,.3)!important
}
.wojo.inverted.list .list>.disabled.item,
.wojo.inverted.list>.disabled.item {
 color:rgba(225,225,225,.3)!important
}
.wojo.list .list>a.item:hover .icon,
.wojo.list>a.item:hover .icon {
 color:rgba(0,0,0,.87)
}
.wojo.list[class*="top aligned"] .image,
.wojo.list[class*="top aligned"] .content,
.wojo.list [class*="top aligned"] {
 vertical-align:top!important
}
.wojo.list[class*="middle aligned"] .image,
.wojo.list[class*="middle aligned"] .content,
.wojo.list [class*="middle aligned"] {
 vertical-align:middle!important
}
.wojo.list[class*="bottom aligned"] .image,
.wojo.list[class*="bottom aligned"] .content,
.wojo.list [class*="bottom aligned"] {
 vertical-align:bottom!important
}
.wojo.link.list .item,
.wojo.link.list a.item,
.wojo.link.list .item a:not(.wojo) {
 color:rgba(0,0,0,.4);
 -webkit-transition:.1s color ease;
 transition:.1s color ease
}
.wojo.link.list a.item:hover,
.wojo.link.list .item a:not(.wojo):hover {
 color:rgba(0,0,0,.8)
}
.wojo.link.list a.item:active,
.wojo.link.list .item a:not(.wojo):active {
 color:rgba(0,0,0,.9)
}
.wojo.link.list .active.item,
.wojo.link.list .active.item a:not(.wojo) {
 color:rgba(0,0,0,.95)
}
.wojo.selection.list .list>.item,
.wojo.selection.list>.item {
 cursor:pointer;
 background:0 0;
 padding:.5em;
 margin:0;
 color:rgba(0,0,0,.4);
 -webkit-transition:.1s color ease,.1s padding-left ease,.1s background-color ease;
 transition:.1s color ease,.1s padding-left ease,.1s background-color ease
}
.wojo.selection.list .list>.item:last-child,
.wojo.selection.list>.item:last-child {
 margin-bottom:0
}
.wojo.selection.list.list>.item:hover,
.wojo.selection.list>.item:hover {
 background:rgba(0,0,0,.03);
 color:rgba(0,0,0,.8)
}
.wojo.selection.list .list>.item:active,
.wojo.selection.list>.item:active {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.9)
}
.wojo.selection.list .list>.item.active,
.wojo.selection.list>.item.active {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95)
}
.wojo.fitted.list:not(.selection) .list>.item,
.wojo.fitted.list:not(.selection)>.item {
 padding-left:0;
 padding-right:0
}
.wojo.fitted.selection.list .list>.item,
.wojo.fitted.selection.list>.item {
 margin-left:-.5em;
 margin-right:-.5em
}
ul.wojo.list,
.wojo.bulleted.list {
 margin-left:1.25rem
}
ul.wojo.list li,
.wojo.bulleted.list .list>.item,
.wojo.bulleted.list>.item {
 position:relative
}
ul.wojo.list li:before,
.wojo.bulleted.list .list>.item:before,
.wojo.bulleted.list>.item:before {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 pointer-events:none;
 position:absolute;
 top:auto;
 left:auto;
 margin-left:-1.25rem;
 content:'•';
 opacity:1;
 color:inherit;
 vertical-align:top
}
ul.wojo.list ul,
.wojo.bulleted.list .list {
 padding-left:1.25rem
}
ul.wojo.horizontal.bulleted.list,
.wojo.horizontal.bulleted.list {
 margin-left:0
}
ul.wojo.horizontal.bulleted.list li,
.wojo.horizontal.bulleted.list>.item {
 margin-left:1.75rem
}
ul.wojo.horizontal.bulleted.list li:first-child,
.wojo.horizontal.bulleted.list>.item:first-child {
 margin-left:0
}
ul.wojo.horizontal.bulleted.list li::before,
.wojo.horizontal.bulleted.list>.item::before {
 color:rgba(0,0,0,.87)
}
ul.wojo.horizontal.bulleted.list li:first-child::before,
.wojo.horizontal.bulleted.list>.item:first-child::before {
 display:none
}
ol.wojo.list,
.wojo.ordered.list,
.wojo.ordered.list .list,
ol.wojo.list ol {
 counter-reset:ordered;
 margin-left:1.25rem;
 list-style-type:none
}
ol.wojo.list li,
.wojo.ordered.list .list>.item,
.wojo.ordered.list>.item {
 list-style-type:none;
 position:relative
}
ol.wojo.list li:before,
.wojo.ordered.list .list>.item:before,
.wojo.ordered.list>.item:before {
 position:absolute;
 top:auto;
 left:auto;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 pointer-events:none;
 margin-left:-1.25rem;
 counter-increment:ordered;
 content:counters(ordered,".") " ";
 text-align:right;
 color:rgba(0,0,0,.87);
 vertical-align:middle;
 opacity:.8
}
ol.wojo.inverted.list li:before,
.wojo.ordered.inverted.list .list>.item:before,
.wojo.ordered.inverted.list>.item:before,
.wojo.inverted.list {
 color:rgba(255,255,255,.7)
}
.wojo.ordered.list>.list>.item[data-value],
.wojo.ordered.list>.item[data-value] {
 content:attr(data-value)
}
ol.wojo.list li[value]:before {
 content:attr(value)
}
ol.wojo.list ol,
.wojo.ordered.list .list {
 margin-left:1em
}
ol.wojo.list ol li:before,
.wojo.ordered.list .list>.item:before {
 margin-left:-2em
}
ol.wojo.horizontal.list,
.wojo.ordered.horizontal.list {
 margin-left:0
}
ol.wojo.horizontal.list li:before,
.wojo.ordered.horizontal.list .list>.item:before,
.wojo.ordered.horizontal.list>.item:before {
 position:static;
 margin:0 .5em 0 0
}
.wojo.divided.list>.item {
 border-top:1px solid #ddd
}
.wojo.divided.list .list>.item {
 border-top:none
}
.wojo.divided.list .item .list>.item {
 border-top:none
}
.wojo.divided.list .list>.item:first-child,
.wojo.divided.list>.item:first-child {
 border-top:none
}
.wojo.divided.list:not(.horizontal) .list>.item:first-child {
 border-top-width:1px
}
.wojo.divided.bulleted.list:not(.horizontal),
.wojo.divided.bulleted.list .list {
 margin-left:0;
 padding-left:0
}
.wojo.divided.bulleted.list>.item:not(.horizontal) {
 padding-left:1.25rem
}
.wojo.divided.ordered.list {
 margin-left:0
}
.wojo.divided.ordered.list .list>.item,
.wojo.divided.ordered.list>.item {
 padding-left:1.25rem
}
.wojo.divided.ordered.list .item .list {
 margin-left:0;
 margin-right:0;
 padding-bottom:.188em
}
.wojo.divided.ordered.list .item .list>.item {
 padding-left:1em
}
.wojo.divided.selection.list .list>.item,
.wojo.divided.selection.list>.item {
 margin:0;
 border-radius:0
}
.wojo.divided.horizontal.list {
 margin-left:0
}
.wojo.divided.horizontal.list>.item {
 border:none;
 margin:0;
 padding-left:.75em;
 padding-right:.75em;
 line-height:.625em;
 position:relative
}
.wojo.divided.horizontal.list>.item:before {
 border-left:1px solid rgba(0,0,0,.1);
 content:'';
 position:absolute;
 height:80%;
 left:0;
 top:10%
}
.wojo.horizontal.divided.list>.item:first-child:before,
.wojo.horizontal.divided.list>.item:first-child {
 border-left:none
}
.wojo.celled.list>.item,
.wojo.celled.list>.list {
 border-top:1px solid rgba(0,0,0,.1);
 padding-left:.5em;
 padding-right:.5em
}
.wojo.celled.list>.item:last-child {
 border-bottom:1px solid #ddd
}
.wojo.celled.list>.item:first-child,
.wojo.celled.list>.item:last-child {
 padding-top:.188em;
 padding-bottom:.188em
}
.wojo.celled.list .item .list>.item {
 border-width:0
}
.wojo.celled.list .list>.item:first-child {
 border-top-width:0
}
.wojo.celled.bulleted.list {
 margin-left:0
}
.wojo.celled.bulleted.list .list>.item,
.wojo.celled.bulleted.list>.item {
 padding-left:1.25rem
}
.wojo.celled.bulleted.list .item .list {
 margin-left:-1.25rem;
 margin-right:-1.25rem;
 padding-bottom:.188em
}
.wojo.celled.ordered.list {
 margin-left:0
}
.wojo.celled.ordered.list .list>.item,
.wojo.celled.ordered.list>.item {
 padding-left:1.25rem
}
.wojo.celled.ordered.list .item .list {
 margin-left:0;
 margin-right:0;
 padding-bottom:.188em
}
.wojo.celled.ordered.list .list>.item {
 padding-left:1em
}
.wojo.horizontal.celled.list {
 margin-left:0
}
.wojo.horizontal.celled.list .list>.item,
.wojo.horizontal.celled.list>.item {
 border-top:none;
 border-left:1px solid #ddd;
 margin:0;
 padding-left:.5em;
 padding-right:.5em;
 line-height:.6
}
.wojo.horizontal.celled.list .list>.item:last-child,
.wojo.horizontal.celled.list>.item:last-child {
 border-bottom:none;
 border-right:1px solid #ddd
}
.wojo.relaxed.list:not(.horizontal)>.item {
 padding-top:.375em;
 padding-bottom:.375em
}
.wojo.relaxed.list:not(.horizontal) .list>.item {
 padding-top:.188em;
 padding-bottom:.188em
}
.wojo.horizontal.relaxed.list>.item {
 padding-left:1rem;
 padding-right:1rem
}
.wojo[class*="very relaxed"].list:not(.horizontal)>.item {
 padding-top:.813em;
 padding-bottom:.813em
}
.wojo[class*="very relaxed"].list:not(.horizontal) .list>.item {
 padding-top:.25em;
 padding-bottom:.25em
}
.wojo.horizontal[class*="very relaxed"].list .list>.item,
.wojo.horizontal[class*="very relaxed"].list>.item {
 padding-left:1.5rem;
 padding-right:1.5rem
}
.wojo.flex.list .item {
 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
}
.wojo.flex.list .item .content {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0px;
 min-width:0
}
.wojo.flex.list.align-middle .item {
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.flex.list.align-middle .item .content.shrink {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%
}
@media screen and (max-width:48.063em) {
 .wojo.flex.responsive.list .item {
  -webkit-flex-flow:column;
  -ms-flex-flow:column;
  flex-flow:column
 }
}
.wojo.attached.list {
 margin:0
}
.wojo.top.attached.list {
 margin-top:0;
 margin-bottom:1em
}
.wojo.bottom.attached.list {
 margin-bottom:0;
 margin-top:1em
}
.wojo.mini.list {
 font-size:.75em
}
.wojo.tiny.list {
 font-size:.875em
}
.wojo.small.list {
 font-size:.938em
}
.wojo.list {
 font-size:1em
}
.wojo.large.list {
 font-size:1.125em
}
.wojo.big.list {
 font-size:1.25em
}
.wojo.huge.list {
 font-size:1.375em
}
.wojo.massive.list {
 font-size:1.625em
}
.wojo.mini.horizontal.list .list>.item,
.wojo.mini.horizontal.list>.item {
 font-size:.75rem
}
.wojo.tiny.horizontal.list .list>.item,
.wojo.tiny.horizontal.list>.item {
 font-size:.875rem
}
.wojo.small.horizontal.list .list>.item,
.wojo.small.horizontal.list>.item {
 font-size:.813rem
}
.wojo.horizontal.list .list>.item,
.wojo.horizontal.list>.item {
 font-size:1rem
}
.wojo.large.horizontal.list .list>.item,
.wojo.large.horizontal.list>.item {
 font-size:1.125rem
}
.wojo.big.horizontal.list .list>.item,
.wojo.big.horizontal.list>.item {
 font-size:1.25rem
}
.wojo.huge.horizontal.list .list>.item,
.wojo.huge.horizontal.list>.item {
 font-size:1.375rem
}
.wojo.massive.horizontal.list .list>.item,
.wojo.massive.horizontal.list>.item {
 font-size:1.625rem
}
.wojo.table {
 width:100%;
 background:#fff;
 margin:0;
 border:1px solid #ddd;
 box-shadow:none;
 border-radius:0;
 text-align:left;
 border-collapse:separate;
 border-spacing:0;
 color:#3d4051
}
.wojo.table:first-child {
 margin-top:0
}
.wojo.table:last-child {
 margin-bottom:0
}
.wojo.table th,
.wojo.table td {
 -webkit-transition:background .1s ease,color .1s ease;
 transition:background .1s ease,color .1s ease
}
.wojo.table thead {
 box-shadow:none
}
.wojo.table thead th {
 cursor:auto;
 background:#f9fafb;
 text-align:inherit;
 color:#7e7e7e;
 padding:1em .875em;
 vertical-align:inherit;
 font-family:wsansbold;
 font-size:.938rem;
 font-weight:700;
 text-transform:none;
 border-bottom:1px solid rgba(34,36,38,.1);
 border-left:none
}
.wojo.table thead tr>th:first-child {
 border-left:none
}
.wojo.table thead tr:first-child>th:first-child {
 border-radius:.188rem 0 0 0
}
.wojo.table thead tr:first-child>th:last-child {
 border-radius:0 .188rem 0 0
}
.wojo.table thead tr:first-child>th:only-child {
 border-radius:.188rem .188rem 0 0
}
.wojo.table tfoot {
 box-shadow:none
}
.wojo.table tfoot th {
 cursor:auto;
 border-top:1px solid #ddd;
 background:#f9fafb;
 text-align:inherit;
 color:rgba(0,0,0,.87);
 padding:.875em;
 vertical-align:middle;
 font-style:normal;
 font-family:wsansbold;
 font-size:.813rem;
 font-weight:700;
 text-transform:none
}
.wojo.table tfoot tr>th:first-child {
 border-left:none
}
.wojo.table tfoot tr:first-child>th:first-child {
 border-radius:0 0 0 .188rem
}
.wojo.table tfoot tr:first-child>th:last-child {
 border-radius:0 0 .188rem 0
}
.wojo.table tfoot tr:first-child>th:only-child {
 border-radius:0 0 .188rem .188rem
}
.wojo.table tr td {
 border-top:3px solid rgba(0,0,0,.05)
}
.wojo.table tr:first-child td {
 border-top:none
}
.wojo.table td {
 padding:.875em;
 text-align:inherit
}
.wojo.table>.icon {
 vertical-align:baseline
}
.wojo.table>.icon:only-child {
 margin:0
}
.wojo.table.segment {
 padding:0
}
.wojo.table.segment:after {
 display:none
}
.wojo.table.segment.stacked:after {
 display:block
}
.wojo.table th .image,
.wojo.table th .image img,
.wojo.table td .image,
.wojo.table td .image img {
 max-width:none
}
.wojo.basic.dashed.table thead th {
 border-top:none;
 border-bottom:none
}
.wojo.basic.table.dashed tr td {
 border-top:2px dashed rgba(34,36,38,.1)
}
.wojo.basic.table.dashed {
 border-bottom:2px dashed rgba(34,36,38,.1);
 border-radius:0
}
.wojo.structured.table {
 border-collapse:collapse
}
.wojo.structured.table thead th {
 border-left:none;
 border-right:none
}
.wojo.structured.sorting.table thead th {
 border-left:1px solid #ddd;
 border-right:1px solid #ddd
}
.wojo.structured.basic.table th {
 border-left:none;
 border-right:none
}
.wojo.structured.celled.table tr th,
.wojo.structured.celled.table tr td {
 border-left:1px solid rgba(34,36,38,.1);
 border-right:1px solid rgba(34,36,38,.1)
}
.wojo.definition.table {
 border:0
}
.wojo.definition.table thead th {
 background:#fff
}
.wojo.definition.table thead:not(.full-width) th:first-child {
 pointer-events:none;
 background:0 0;
 font-weight:400;
 color:rgba(0,0,0,.4)
}
.wojo.definition.table tfoot:not(.full-width) th:first-child {
 pointer-events:none;
 background:0 0;
 font-weight:rgba(0,0,0,.4);
 color:normal;
 box-shadow:1px 1px 0 1px #fff
}
.wojo.celled.definition.table thead:not(.full-width) th:first-child {
 box-shadow:0 -1px 0 1px #fff
}
.wojo.celled.definition.table tfoot:not(.full-width) th:first-child {
 box-shadow:0 1px 0 1px #fff
}
.wojo.definition.table tr td:first-child {
 font-family:wsansbold;
 color:rgba(0,0,0,.95);
 font-size:.75rem;
 text-align:center
}
.wojo.definition.table thead:not(.full-width) th:nth-child(2) {
 border-left:1px solid #ddd
}
.wojo.definition.table tfoot:not(.full-width) th:nth-child(2) {
 border-left:1px solid #ddd
}
.wojo.definition.table td:nth-child(2) {
 border-left:1px solid #ddd
}
.wojo.table th.collapsing,
.wojo.table td.collapsing {
 width:1px;
 white-space:nowrap
}
.wojo.fixed.table {
 table-layout:fixed
}
.wojo.fixed.table th,
.wojo.fixed.table td {
 overflow:hidden;
 text-overflow:ellipsis
}
.wojo.striped.table>tr:nth-child(2n),
.wojo.striped.table tbody tr:nth-child(2n) {
 background-color:#f5f5f5
}
.wojo.rounded.table {
 border-radius:.188rem
}
.wojo.one.cols.table td {
 width:100%
}
.wojo.two.cols.table td {
 width:50%
}
.wojo.three.cols.table td {
 width:33.33333333%
}
.wojo.four.cols.table td {
 width:25%
}
.wojo.five.cols.table td {
 width:20%
}
.wojo.six.cols.table td {
 width:16.66666667%
}
.wojo.seven.cols.table td {
 width:14.28571429%
}
.wojo.eight.cols.table td {
 width:12.5%
}
.wojo.nine.cols.table td {
 width:11.11111111%
}
.wojo.ten.cols.table td {
 width:10%
}
.wojo.eleven.cols.table td {
 width:9.09090909%
}
.wojo.twelve.cols.table td {
 width:8.33333333%
}
.wojo.thirteen.cols.table td {
 width:7.69230769%
}
.wojo.fourteen.cols.table td {
 width:7.14285714%
}
.wojo.fifteen.cols.table td {
 width:6.66666667%
}
.wojo.sixteen.cols.table td {
 width:6.25%
}
.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.table[class*="left aligned"],
.wojo.table [class*="left aligned"] {
 text-align:left
}
.wojo.table[class*="center aligned"],
.wojo.table [class*="center aligned"] {
 text-align:center
}
.wojo.table[class*="right aligned"],
.wojo.table [class*="right aligned"] {
 text-align:right
}
.wojo.table[class*="top aligned"],
.wojo.table [class*="top aligned"] {
 vertical-align:top
}
.wojo.table[class*="middle aligned"],
.wojo.table [class*="middle aligned"] {
 vertical-align:middle
}
.wojo.table[class*="bottom aligned"],
.wojo.table [class*="bottom aligned"] {
 vertical-align:bottom
}
.wojo.sorting.table thead th {
 cursor:pointer;
 white-space:nowrap;
 color:rgba(0,0,0,.87)
}
.wojo.sorting.table thead th:first-child {
 border-left:none
}
.wojo.sorting.table thead th.sorted,
.wojo.sorting.table thead th.sorted:hover {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.wojo.sorting.table thead th:not(.disabled):after {
 display:inline-block;
 width:1em;
 opacity:.2;
 margin:0 0 0 .5em;
 font-family:wojoicons;
 content:'\e915';
 font-style:normal;
 font-weight:400;
 font-size:.875rem;
 text-decoration:inherit
}
.wojo.sorting.table thead th.asc:after {
 content:'\e145'
}
.wojo.sorting.table thead th.desc:after {
 content:'\e142'
}
.wojo.sorting.table th.disabled:after {
 content:''
}
.wojo.sorting.table th.disabled:hover {
 cursor:auto;
 color:rgba(0,0,0,.95)
}
.wojo.sorting.table thead th:hover {
 color:#33bfc1
}
.wojo.sorting.table thead th.sorted {
 background-color:#f5f5f5;
 color:rgba(0,0,0,.95)
}
.wojo.sorting.table thead th.sorted:after {
 display:inline-block
}
.wojo.sorting.table thead th.sorted:hover {
 background-color:#f5f5f5;
 color:rgba(0,0,0,.95)
}
.wojo.table i.icon.handle {
 cursor:pointer
}
.wojo.table tr.sorting-row {
 background-color:#f7f7f7
}
.wojo.collapsing.table {
 width:auto
}
.wojo.basic.table {
 background:0 0;
 border:0;
 box-shadow:none
}
.wojo.basic.table thead,
.wojo.basic.table tfoot {
 box-shadow:none
}
.wojo.basic.table th {
 background:0 0;
 border-left:none;
 font-family:wsansdemi;
 font-weight:600
}
.wojo.basic.table tbody tr {
 border-bottom:1px solid rgba(0,0,0,.1)
}
.wojo.basic.table td {
 background:0 0
}
.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:#f9f9f9
}
.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:0
}
.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:0
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) thead tr:first-child th {
 padding-top:0
}
.wojo.very.basic.table tr td {
 border-top:0 solid rgba(34,36,38,.1)
}
.wojo.celled.table tr th,
.wojo.celled.table tr td {
 border-left:1px solid rgba(34,36,38,.1)
}
.wojo.celled.table tr th:first-child,
.wojo.celled.table tr td:first-child {
 border-left:none
}
.wojo.padded.table th {
 padding-left:1em;
 padding-right:1em
}
.wojo.padded.table th,
.wojo.padded.table td {
 padding:1em
}
.wojo[class*="very padded"].table th {
 padding-left:1.5em;
 padding-right:1.5em
}
.wojo[class*="very padded"].table td {
 padding:1.5em
}
.wojo.compact.table th {
 padding-left:.7em;
 padding-right:.7em
}
.wojo.compact.table td {
 padding:.5em .7em
}
.wojo[class*="very compact"].table th {
 padding-left:.6em;
 padding-right:.6em
}
.wojo[class*="very compact"].table td {
 padding:.4em .6em
}
.wojo.compact.fitted.table td {
 padding:.2em .4em
}
.wojo.table[class*="left aligned"],
.wojo.table [class*="left aligned"] {
 text-align:left
}
.wojo.table[class*="center aligned"],
.wojo.table [class*="center aligned"] {
 text-align:center
}
.wojo.table[class*="right aligned"],
.wojo.table [class*="right aligned"] {
 text-align:right
}
.wojo.table[class*="top aligned"],
.wojo.table [class*="top aligned"] {
 vertical-align:top
}
.wojo.table[class*="middle aligned"],
.wojo.table [class*="middle aligned"] {
 vertical-align:middle
}
.wojo.table[class*="bottom aligned"],
.wojo.table [class*="bottom aligned"] {
 vertical-align:bottom
}
.wojo.small.table {
 font-size:.9em
}
.wojo.table {
 font-size:1em
}
.wojo.large.table {
 font-size:1.1em
}
table.bt thead {
 display:none
}
table.bt tbody td {
 border:none;
 display:block;
 vertical-align:middle;
 text-align:left
}
table.bt tbody td:before {
 content:attr(data-th) ":";
 font-family:wsansbold;
 font-size:.938em;
 width:8em;
 display:inline-block;
 color:#222426
}
table.bt tbody td.bt-hide {
 display:none
}
table.bt tbody td .bt-content {
 vertical-align:middle;
 display:inline-block
}
.bt-wrapper.active {
 max-height:610px;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
@media screen and (max-width:48.063em) {
 .wojo.table tr td {
  border-top:1px solid rgba(0,0,0,.05)
 }
 .wojo.basic.table tbody tr {
  box-shadow:0 2px 0 0 rgba(0,0,0,.05)
 }
 .wojo.table th.collapsing,
 .wojo.table td.collapsing {
  width:auto;
  white-space:normal
 }
 table {
  width:100%
 }
 .wojo.table td[class*=wide],
 .wojo.table th[class*=wide] {
  width:100%!important
 }
 thead {
  display:none
 }
 tr:nth-of-type(2n) {
  background-color:inherit
 }
 tr td:first-child {
  background:#fff
 }
 tbody td {
  display:block;
  text-align:center
 }
 tbody td:before {
  content:attr(data-th);
  display:block
 }
}
.wojo.calendar .wojo.popup,
.wojo.mini.calendar .wojo.popup {
 max-width:none;
 padding:0;
 border:none;
 user-select:none;
 font-size:.938rem
}
.wojo.calendar .wojo.popup::before {
 background:#f9fafb
}
.wojo.calendar .wojo.popup.top::before {
 background:#fff
}
.wojo.calendar .calendar:focus {
 outline:0
}
.wojo.calendar .wojo.table.year,
.wojo.calendar .wojo.table.month,
.wojo.calendar .wojo.table.minute {
 min-width:15em
}
.wojo.calendar .wojo.table.day {
 min-width:18em
}
.wojo.calendar .wojo.table.hour {
 min-width:20em
}
.wojo.calendar .wojo.table tr th,
.wojo.calendar .wojo.table tr td {
 padding:.5em;
 white-space:nowrap
}
.wojo.calendar .wojo.table tr th {
 border-left:none
}
.wojo.calendar .wojo.table tr th .icon {
 margin:0
}
.wojo.calendar .wojo.table tr th .icon {
 margin:0
}
.wojo.calendar .wojo.table tr:first-child th {
 position:relative;
 padding-left:0;
 padding-right:0
}
.wojo.calendar .wojo.table.day tr:first-child th {
 border:none
}
.wojo.calendar .wojo.table.day tr:nth-child(2) th {
 padding-top:.2em;
 padding-bottom:.3em
}
.wojo.calendar .wojo.table tr td {
 padding-left:.1em;
 padding-right:.1em
}
.wojo.calendar .wojo.table tr .link {
 cursor:pointer
}
.wojo.calendar .wojo.table tr .prev.link {
 width:14.28571429%;
 position:absolute;
 left:0
}
.wojo.calendar .wojo.table tr .next.link {
 width:14.28571429%;
 position:absolute;
 right:0
}
.wojo.calendar .wojo.table tr .disabled {
 pointer-events:none;
 color:rgba(40,40,40,.3)
}
.wojo.calendar .wojo.table tr td.today {
 font-family:wsansbold;
 background-color:rgba(0,0,0,.1)
}
.wojo.calendar .wojo.table tr td.range {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95);
 box-shadow:none
}
.wojo.calendar .wojo.table.inverted tr td.range {
 background:rgba(255,255,255,.08);
 color:#fff;
 box-shadow:none
}
.wojo.calendar .calendar:focus .wojo.table tbody tr td.focus,
.wojo.calendar .calendar.active .wojo.table tbody tr td.focus {
 box-shadow:inset 0 0 0 1px #33bfc1
}
.wojo.calendar .wojo.table tbody tr td.active {
 background:#33bfc1;
 color:#fff
}
.wojo.calendar .calendar:focus .wojo.table.inverted tbody tr td.focus,
.wojo.calendar .calendar.active .wojo.table.inverted tbody tr td.focus {
 box-shadow:inset 0 0 0 1px #33bfc1
}
.wojo.calendar .header {
 display:table;
 table-layout:fixed;
 width:100%;
 background:#fff;
 box-shadow:inset 0 1px 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1)
}
.wojo.calendar .header div {
 width:14.28%!important;
 display:table-cell;
 box-sizing:border-box;
 position:relative;
 font-family:wsansbold;
 text-align:center;
 text-transform:uppercase;
 padding:.5em;
 font-size:.938em
}
.wojo.calendar .content {
 display:table;
 table-layout:fixed;
 width:100%;
 overflow:hidden
}
.wojo.calendar .weeks {
 display:table-row;
 width:100%
}
.wojo.calendar .weeks .cell {
 width:14.28%!important;
 display:table-cell;
 vertical-align:top;
 box-sizing:border-box;
 position:relative;
 font-family:wsansbold;
 color:inherit;
 background:#fff;
 box-shadow:0 0 0 1px rgba(0,0,0,.1);
 -webkit-transition:.25s;
 transition:.25s;
 padding:0;
 text-decoration:none
}
.wojo.calendar .weeks .day:before {
 content:" ";
 display:block;
 padding-top:100%;
 float:left
}
.wojo.calendar .weeks .empty {
 background-color:#fdfdfd
}
.wojo.calendar .weeks .date {
 position:absolute;
 line-height:1em;
 text-align:right;
 top:2px;
 right:5px;
 font-size:.875em;
 color:rgba(0,0,0,.5)
}
.wojo.calendar .weeks .day.today {
 background:#fffde7
}
.wojo.calendar .weeks .day.today .date {
 color:#e91e63
}
.wojo.calendar .progress {
 position:relative;
 text-align:center;
 line-height:0;
 max-width:20px;
 margin:0 auto;
 padding-top:30%
}
.wojo.calendar .indicator {
 display:inline-block;
 margin:1px;
 width:8px;
 height:8px;
 vertical-align:middle;
 border-radius:6px;
 background-color:#2b3d4c;
 font-size:0;
 color:transparent
}
.wojo.calendar .indicator:hover {
 cursor:pointer
}
.wojo.calendar .list {
 background:rgba(255,255,255,.85);
 overflow:auto;
 position:absolute;
 top:38px;
 width:100%;
 height:calc(100% - 40px);
 display:none
}
.wojo.calendar .list .event {
 display:block;
 color:#fff;
 padding:.5em .938em;
 border-radius:.188em;
 margin-bottom:.5em;
 position:relative
}
.wojo.calendar .list .event p {
 font-size:.938em
}
.wojo.calendar .list .event>a {
 font-size:.938em;
 font-family:wsansbold;
 color:rgba(255,255,255,.75)
}
.wojo.calendar .list .event>a:hover {
 color:#fff
}
.wojo.calendar .list .event .time {
 font-family:wsansbold;
 position:absolute;
 right:.938em;
 bottom:0
}
.wojo.calendar .list .event .time .start,
.wojo.calendar .list .event .time .end {
 font-size:.875em;
 display:inline-block
}
.wojo.calendar .list .event .time .end:not(:empty):before {
 content:'-';
 padding:0 2px
}
.wojo.calendar .list .date {
 width:4.5em;
 position:absolute;
 left:0;
 top:.938em;
 text-align:center;
 font-size:.938em;
 font-family:wsansbold;
 line-height:1.2em
}
.wojo.calendar .list .date>span {
 display:block
}
.wojo.calendar .list .today .date {
 color:#e91e63
}
.wojo.calendar .event-item {
 position:relative;
 padding:.938em .938em .5em 4.5em;
 display:none;
 border-top:1px solid rgba(0,0,0,.1);
 text-align:left
}
.wojo.calendar .event-item:after {
 content:'-/-';
 padding:.5em .938em;
 display:block;
 margin-bottom:.5em
}
.wojo.calendar .event-item .remove {
 top:1em;
 position:absolute;
 right:1.5em;
 color:#fff
}
.wojo.calendar .list .active {
 display:block
}
.wojo.calendar .list .active:after {
 display:none!important
}
@media(min-width:400px) {
 .wojo.calendar .weeks .date {
  top:5px;
  left:5px;
  font-size:.785em
 }
}
@media(min-width:600px) {
 .wojo.calendar .weeks .day {
  padding-top:1.5em;
  position:relative
 }
 .wojo.calendar .weeks .day:before {
  padding-top:77%
 }
 .wojo.calendar .progress {
  width:auto;
  max-width:none
 }
 .wojo.calendar .progress {
  padding:0
 }
 .wojo.calendar .indicator {
  font-family:wsansdemi;
  text-align:left;
  display:block;
  margin:0 0 1px;
  width:auto;
  font-size:.75em;
  padding:1em;
  border-radius:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  box-sizing:border-box
 }
 .wojo.calendar .indicator.start {
  border-radius:3px 0 0 3px
 }
 .wojo.calendar .indicator.end {
  border-radius:0 3px 3px 0
 }
}
.wojo.divider {
 margin:1rem 0;
 border:0;
 border-top:1px solid rgba(0,0,0,.1);
 border-bottom:1px solid rgba(255,255,255,.05);
 line-height:1;
 height:0;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 position:relative;
 -webkit-tap-highlight-color:transparent
}
.wojo.basic.divider {
 margin:0;
 border:0;
 border-bottom:1px solid #ddd
}
.wojo.double.divider {
 border-top:2px solid #e1e0e5;
 border-bottom:1px solid rgba(255,255,255,.5)
}
.wojo.tripple.divider {
 border-top:3px solid rgba(0,0,0,.1);
 border-bottom:3px solid rgba(255,255,255,.8)
}
.wojo.quintuple.divider {
 border-top:5px solid rgba(0,0,0,.1);
 border-bottom:5px solid rgba(255,255,255,.8)
}
.wojo.fitted.divider {
 margin-left:-2rem;
 margin-right:-2rem
}
.wojo.clearing.divider {
 clear:both
}
.wojo.section.divider {
 margin-top:2rem;
 margin-bottom:2rem
}
.wojo.small.divider {
 margin:.5rem 0;
 height:0
}
.wojo.space.divider {
 margin:0;
 border:0!important;
 height:1em;
 border-color:transparent
}
.wojo.small.space.divider {
 height:.5em
}
.wojo.big.space.divider {
 height:2em
}
.wojo.large.space.divider {
 height:3em
}
.wojo.huge.space.divider {
 height:4em
}
.wojo.basic.space.divider {
 margin:0;
 border:0!important;
 height:0;
 border-color:transparent
}
.wojo.split.divider {
 height:5px;
 background-color:#dfe2e7;
 border-bottom:1px solid #fff;
 border-top:1px solid #d6d8dd;
 border-radius:.25em;
 box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.05)
}
.wojo.attached.divider {
 margin-bottom:0;
 margin-top:0
}
.wojo.top.attached.divider {
 margin-top:0
}
.wojo.bottom.attached.divider {
 margin-bottom:0
}
.wojo.separator {
 height:1em;
 width:1px;
 background:rgba(0,0,0,.1);
 display:inline-block;
 vertical-align:middle;
 margin:0 1em
}
.wojo.basic.separator {
 width:0;
 margin:0 .5em
}
.wojo.comments {
 margin:1.5em 0
}
.wojo.comments .comment {
 position:relative;
 background-image:none;
 margin:1em 0 0;
 padding:1em 0 0;
 border:none;
 border-top:none
}
.wojo.comments .comment:first-child {
 margin-top:0;
 padding-top:0
}
.wojo.comments .comment .comments {
 margin:0 0 .5em .5em;
 padding:1em 0 1em 1em
}
.wojo.comments .comment .comments:before {
 position:absolute;
 top:0;
 left:0
}
.wojo.comments .comment .comments .comment {
 border:none;
 border-top:none;
 background:0 0
}
.wojo.comments .comment .avatar {
 display:block;
 width:3em;
 height:auto;
 float:left;
 margin:.2em 0 0
}
.wojo.comments .comment img.avatar,
.wojo.comments .comment .avatar img {
 display:block;
 margin:0 auto;
 width:100%;
 height:100%;
 border-radius:.25rem
}
.wojo.comments .comment>.content {
 display:block
}
.wojo.comments .comment>.avatar~.content {
 margin-left:5.5em
}
.wojo.comments .comment .author {
 font-size:1em;
 font-family:wsansdemi
}
.wojo.comments .comment a.author {
 cursor:pointer
}
.wojo.comments .comment a.author:hover {
 color:#1e70bf
}
.wojo.comments .comment .metadata {
 display:inline-block;
 margin-left:.5em;
 color:rgba(0,0,0,.4);
 font-size:.875em
}
.wojo.comments .comment .metadata>* {
 margin:0 .5em 0 0
}
.wojo.comments .comment .metadata .wojo.stars {
 margin-left:1em
}
.wojo.comments .comment .metadata>:last-child {
 margin-right:0
}
.wojo.comments .comment .description {
 margin:.25em 0 .5em;
 word-wrap:break-word;
 line-height:1.3
}
.wojo.comments .comment .actions a {
 cursor:pointer;
 font-size:.875em
}
.wojo.comments .comment .actions a .icon {
 margin-left:.25em
}
.wojo.comments .comment .actions a:last-child {
 margin-right:0
}
.wojo.comments .comment .actions a.active,
.wojo.comments .comment .actions a:hover {
 color:rgba(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 0 0 rgba(34,36,38,.15)
}
.wojo.minimal.comments .comment .actions {
 opacity:0;
 position:absolute;
 top:0;
 right:0;
 left:auto;
 -webkit-transition:opacity .2s ease;
 transition:opacity .2s ease;
 -webkit-transition-delay:.1s;
 transition-delay:.1s
}
.wojo.minimal.comments .comment>.content:hover>.actions {
 opacity:1
}
.wojo.mini.comments {
 font-size:.78571429rem
}
.wojo.tiny.comments {
 font-size:.85714286rem
}
.wojo.small.comments {
 font-size:.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
}
.wojo.form {
 position:relative;
 max-width:100%;
 padding:0
}
.wojo.form .field>p {
 margin:1em 0
}
.wojo.form .field>label {
 display:block;
 color:#757575;
 font-size:.938em;
 font-family:wsansdemi;
 text-transform:none;
 margin-bottom:.75em
}
.wojo.form .field>label.inverted {
 color:#bac6cb
}
.wojo.form .field>label.transparent {
 color:rgba(255,255,255,.5);
 text-transform:uppercase;
 font-family:wsansdemi;
 font-size:.813em;
 margin-bottom:0
}
.wojo.form .field>label .icon.asterisk {
 font-size:.875em;
 vertical-align:middle;
 color:#e91e63
}
.wojo.form textarea,
.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],
.wojo.form .wojo.input {
 width:100%;
 vertical-align:top
}
.wojo.form ::-webkit-datetime-edit,
.wojo.form ::-webkit-inner-spin-button {
 height:1.25em
}
.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] {
 font-family:wsansregular;
 margin:0;
 outline:none;
 -webkit-appearance:none;
 tap-highlight-color:transparent;
 line-height:1.25em;
 padding:.75em 1em;
 font-size:1em;
 background-color:#f8fafa;
 color:#0d0d0d;
 border:2px solid #e1bee7;
 border-radius:.25rem;
 box-shadow:none;
 -webkit-transition:all .5s ease-in-out;
 -moz-transition:all .5s ease-in-out;
 -ms-transition:all .5s ease-in-out;
 -o-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out
}
.wojo.form textarea {
 font-family:wsansregular;
 margin:0;
 -webkit-appearance:none;
 tap-highlight-color:transparent;
 padding:.75em 1em;
 background-color:#f8fafa;
 border:2px solid #e1bee7;
 outline:none;
 color:#0d0d0d;
 border-radius:.25rem;
 box-shadow:none;
 -webkit-transition:all .5s ease-in-out;
 -moz-transition:all .5s ease-in-out;
 -ms-transition:all .5s ease-in-out;
 -o-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
 font-size:1em;
 line-height:1.25;
 resize:none
}
.wojo.finput {
 display:table;
 width:100%
}
.wojo.button.group-span-filestyle {
 font-size:.938rem
}
.wojo.finput span,
.wojo.finput i.icon {
 display:table-cell;
 vertical-align:middle;
 padding:0 .5em
}
.wojo.form textarea {
 height:12em;
 min-height:8em;
 max-height:24em
}
.wojo.small.form textarea,
.wojo.form textarea.small {
 height:6em;
 min-height:4em;
 max-height:12em
}
.wojo.tiny.form textarea,
.wojo.form textarea.tiny {
 height:2.5em;
 min-height:3em;
 max-height:12em
}
.wojo.form textarea,
.wojo.form input[type=checkbox] {
 vertical-align:top
}
.wojo.form input.attached {
 width:auto
}
.wojo.form .wojo.input>input {
 width:0!important
}
.wojo.form select {
 display:block;
 height:auto;
 width:100%;
 background:#fff;
 border:1px solid #ddd;
 border-radius:.188rem;
 box-shadow:0 0 0 0 transparent inset;
 padding:.62em 1em;
 color:rgba(0,0,0,.87);
 -webkit-transition:color .1s ease,border-color .1s ease;
 transition:color .1s ease,border-color .1s ease
}
.wojo.form ::-webkit-input-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.form ::-ms-input-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.form ::-moz-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.form :focus::-webkit-input-placeholder {
 color:#607d8a
}
.wojo.form :focus::-ms-input-placeholder {
 color:rgba(0,0,0,.87)
}
.wojo.form :focus::-moz-placeholder {
 color:rgba(0,0,0,.87)
}
.wojo.form .error ::-webkit-input-placeholder {
 color:#e7bdbc
}
.wojo.form .error ::-ms-input-placeholder {
 color:#e7bdbc
}
.wojo.form .error ::-moz-placeholder {
 color:#e7bdbc
}
.wojo.form .error :focus::-webkit-input-placeholder {
 color:#da9796
}
.wojo.form .error :focus::-ms-input-placeholder {
 color:#da9796
}
.wojo.form .error :focus::-moz-placeholder {
 color:#da9796
}
.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 {
 color:rgba(0,0,0,.95);
 border:2px solid #9c27b0;
 border-radius:.25rem;
 background:#fff
}
.wojo.form textarea:focus {
 color:rgba(0,0,0,.95);
 border-radius:.25rem;
 background:#fff;
 border:2px solid #9c27b0;
 -webkit-appearance:none
}
.wojo.loading.form {
 position:relative;
 cursor:default;
 point-events:none
}
.wojo.loading.form:before {
 position:absolute;
 content:'';
 top:0%;
 left:0%;
 background:rgba(255,255,255,.8);
 width:100%;
 height:100%;
 z-index:100
}
.wojo.loading.form:after {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 margin:-1.5em 0 0 -1.5em;
 width:3em;
 height:3em;
 -webkit-animation:form-spin .6s linear;
 animation:form-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
 border-style:solid;
 border-width:.2em;
 box-shadow:0 0 0 1px transparent;
 visibility:visible;
 z-index:101
}
.wojo.loading.inverted.form:before {
 background:rgba(0,0,0,.5)
}
.wojo.loading.inverted.form:after {
 border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)
}
@-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)
 }
}
.wojo.checkbox {
 position:relative;
 display:inline-block;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 outline:none;
 vertical-align:baseline;
 font-style:normal;
 min-height:18px;
 font-size:1rem;
 line-height:20px;
 min-width:16px
}
.wojo.checkbox input[type=checkbox],
.wojo.checkbox input[type=radio] {
 cursor:pointer;
 position:absolute;
 top:0;
 left:0;
 opacity:0!important;
 outline:none;
 z-index:3;
 width:20px;
 height:20px
}
.wojo.checkbox .box,
.wojo.checkbox label {
 cursor:auto;
 position:relative;
 display:block;
 padding-left:1.875em;
 outline:none;
 font-size:1em;
 margin-bottom:0!important;
 font-family:wsansregular!important
}
.wojo.small.checkbox input[type=checkbox],
.wojo.small.checkbox input[type=radio] {
 width:16px;
 height:16px
}
.wojo.small.checkbox {
 min-height:16px;
 font-size:1rem;
 min-width:16px
}
.wojo.small.checkbox .box,
.wojo.small.checkbox label {
 font-size:.938em
}
.wojo.checkbox .box:before,
.wojo.checkbox label:before {
 position:absolute;
 top:50%;
 left:0;
 width:20px;
 height:20px;
 content:'';
 background-color:#fff;
 border-radius:.188rem;
 -webkit-transition:border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 transition:border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
 transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 border:1px solid #bac6cb;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.small.checkbox .box:before,
.wojo.small.checkbox label:before {
 width:16px;
 height:16px
}
.wojo.checkbox .box:after,
.wojo.checkbox label:after {
 position:absolute;
 font-size:16px;
 top:50%;
 left:0;
 width:20px;
 height:20px;
 text-align:center;
 opacity:0;
 color:rgba(0,0,0,.87);
 -webkit-transition:border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 transition:border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
 transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.small.checkbox .box:after,
.wojo.small.checkbox label:after {
 width:16px
}
.wojo.checkbox label,
.wojo.checkbox+label {
 color:#607d8a;
 -webkit-transition:color .1s ease;
 transition:color .1s ease
}
.wojo.checkbox+label {
 vertical-align:middle
}
.wojo.checkbox .box:hover::before,
.wojo.checkbox label:hover::before {
 background:#fff;
 border-color:rgba(34,36,38,.35)
}
.wojo.checkbox label:hover,
.wojo.checkbox+label:hover {
 color:rgba(0,0,0,.8)
}
.wojo.checkbox .box:active::before,
.wojo.checkbox label:active::before {
 background:#f9fafb;
 border-color:rgba(34,36,38,.35)
}
.wojo.checkbox .box:active::after,
.wojo.checkbox label:active::after {
 color:rgba(0,0,0,.95)
}
.wojo.checkbox input:active~label {
 color:rgba(0,0,0,.95)
}
.wojo.checkbox input:focus~.box:before,
.wojo.checkbox input:focus~label:before {
 background:#fff;
 border-color:#96c8da
}
.wojo.checkbox input:focus~.box:after,
.wojo.checkbox input:focus~label:after {
 color:rgba(0,0,0,.95)
}
.wojo.checkbox input:focus~label {
 color:rgba(0,0,0,.95)
}
.wojo.checkbox input:checked~.box:before,
.wojo.checkbox input:checked~label:before {
 background-color:#9c27b0;
 border-color:#9c27b0
}
.wojo.checkbox input:checked~.box:after,
.wojo.checkbox input:checked~label:after {
 opacity:1;
 color:#fff
}
.wojo.checkbox input:indeterminate~.box:before,
.wojo.checkbox input:indeterminate~label:before {
 background:#fff;
 border-color:rgba(34,36,38,.35)
}
.wojo.checkbox input:indeterminate~.box:after,
.wojo.checkbox input:indeterminate~label:after {
 opacity:1;
 color:rgba(0,0,0,.95)
}
.wojo.checkbox input:indeterminate:focus~.box:before,
.wojo.checkbox input:indeterminate:focus~label:before,
.wojo.checkbox input:checked:focus~.box:before,
.wojo.checkbox input:checked:focus~label:before {
 background:#fff;
 border-color:#96c8da
}
.wojo.checkbox input:indeterminate:focus~.box:after,
.wojo.checkbox input:indeterminate:focus~label:after,
.wojo.checkbox input:checked:focus~.box:after,
.wojo.checkbox input:checked:focus~label:after {
 color:rgba(0,0,0,.95)
}
.wojo.read-only.checkbox,
.wojo.read-only.checkbox label {
 cursor:default
}
.wojo.disabled.checkbox .box:after,
.wojo.disabled.checkbox label,
.wojo.checkbox input[disabled]~.box:after,
.wojo.checkbox input[disabled]~label {
 cursor:default;
 opacity:.5;
 color:#000
}
.wojo.checkbox input.hidden {
 z-index:-1
}
.wojo.checkbox input.hidden+label {
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.wojo.radio.checkbox {
 min-height:18px
}
.wojo.radio.checkbox .box,
.wojo.radio.checkbox label {
 padding-left:2em
}
.wojo.radio.checkbox .box:before,
.wojo.radio.checkbox label:before {
 content:'';
 -webkit-transform:none;
 -ms-transform:none;
 transform:none;
 width:20px;
 height:20px;
 border-radius:500rem;
 top:0;
 left:0
}
.wojo.small.radio.checkbox .box:before,
.wojo.small.radio.checkbox label:before {
 width:16px;
 height:16px
}
.wojo.small.radio.checkbox {
 line-height:16px
}
.wojo.radio.checkbox .box:after,
.wojo.radio.checkbox label:after {
 border:none;
 content:''!important;
 width:20px;
 height:20px;
 line-height:20px
}
.wojo.small.radio.checkbox .box:after,
.wojo.small.radio.checkbox label:after {
 width:16px;
 height:16px;
 line-height:16px
}
.wojo.radio.checkbox .box:after,
.wojo.radio.checkbox label:after {
 top:10px;
 left:5px;
 width:10px;
 height:10px;
 border-radius:500rem;
 background-color:#9c27b0
}
.wojo.small.radio.checkbox .box:after,
.wojo.small.radio.checkbox label:after {
 left:4px;
 top:50%;
 width:8px;
 height:8px;
 border-radius:500rem;
 background-color:#f9f9f9
}
.wojo.radio.checkbox input:focus~.box:before,
.wojo.radio.checkbox input:focus~label:before {
 background-color:#fff
}
.wojo.radio.checkbox input:focus~.box:after,
.wojo.radio.checkbox input:focus~label:after {
 background-color:rgba(0,0,0,.95)
}
.wojo.radio.checkbox input:indeterminate~.box:after,
.wojo.radio.checkbox input:indeterminate~label:after {
 opacity:0
}
.wojo.radio.checkbox input:checked~.box:before,
.wojo.radio.checkbox input:checked~label:before {
 background-color:#fff
}
.wojo.radio.checkbox input:checked~.box:after,
.wojo.radio.checkbox input:checked~label:after {
 background-color:#9c27b0
}
.wojo.radio.checkbox input:focus:checked~.box:before,
.wojo.radio.checkbox input:focus:checked~label:before {
 background-color:#fff
}
.wojo.radio.checkbox input:focus:checked~.box:after,
.wojo.radio.checkbox input:focus:checked~label:after {
 background-color:#9c27b0
}
.wojo.slider.checkbox {
 min-height:1.25rem
}
.wojo.small.slider.checkbox {
 min-height:1rem
}
.wojo.slider.checkbox input {
 width:3.5rem;
 height:1.25rem
}
.wojo.small.slider.checkbox input {
 width:3.5rem;
 height:1rem
}
.wojo.slider.checkbox .box,
.wojo.slider.checkbox label {
 padding-left:4.5rem;
 line-height:1rem;
 color:rgba(0,0,0,.4)
}
.wojo.small.slider.checkbox .box,
.wojo.small.slider.checkbox label {
 padding-left:4rem
}
.wojo.slider.checkbox .box:before,
.wojo.slider.checkbox label:before {
 display:block;
 position:absolute;
 content:'';
 border:none!important;
 left:0;
 z-index:1;
 top:.4rem;
 background-color:rgba(0,0,0,.05);
 width:3.5rem;
 height:.21428571rem;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none;
 border-radius:500rem;
 -webkit-transition:background .3s ease;
 transition:background .3s ease
}
.wojo.small.slider.checkbox .box:before,
.wojo.small.slider.checkbox label:before {
 top:.4rem;
 width:3rem;
 height:.21428571rem
}
.wojo.slider.checkbox .box:after,
.wojo.slider.checkbox label:after {
 background:#FFFFFF -webkit-linear-gradient(transparent,rgba(0,0,0,0.05));
 background:#FFFFFF linear-gradient(transparent,rgba(0,0,0,0.05));
 position:absolute;
 content:''!important;
 opacity:1;
 z-index:2;
 border:none;
 box-shadow:0 1px 2px 0 #ddd,0 0 0 1px #ddd inset;
 width:1.5rem;
 height:1.5rem;
 top:-.25rem;
 left:0;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none;
 border-radius:500rem;
 -webkit-transition:left .3s ease;
 transition:left .3s ease
}
.wojo.small.slider.checkbox .box:after,
.wojo.small.slider.checkbox label:after {
 box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
 width:1rem;
 height:1rem;
 top:0
}
.wojo.slider.checkbox input:focus~.box:before,
.wojo.slider.checkbox input:focus~label:before {
 background-color:rgba(0,0,0,.15);
 border:none
}
.wojo.slider.checkbox .box:hover,
.wojo.slider.checkbox label:hover {
 color:rgba(0,0,0,.8)
}
.wojo.slider.checkbox .box:hover::before,
.wojo.slider.checkbox label:hover::before {
 background:rgba(0,0,0,.15)
}
.wojo.slider.checkbox input:checked~.box,
.wojo.slider.checkbox input:checked~label {
 color:rgba(0,0,0,.95)!important
}
.wojo.slider.checkbox input:checked~.box:before,
.wojo.slider.checkbox input:checked~label:before {
 background-color:#545454!important
}
.wojo.slider.checkbox input:checked~.box:after,
.wojo.slider.checkbox input:checked~label:after {
 left:2rem;
 background:#FFFFFF -webkit-linear-gradient(transparent,rgba(0,0,0,0.05));
 background:#FFFFFF linear-gradient(transparent,rgba(0,0,0,0.05))
}
.wojo.slider.checkbox input:focus:checked~.box,
.wojo.slider.checkbox input:focus:checked~label {
 color:rgba(0,0,0,.95)!important
}
.wojo.slider.checkbox input:focus:checked~.box:before,
.wojo.slider.checkbox input:focus:checked~label:before {
 background-color:#000!important
}
.wojo.slider.radio.checkbox input:focus:checked~.box:after,
.wojo.slider.radio.checkbox input:focus:checked~label:after {
 background:#FFFFFF -webkit-linear-gradient(transparent,rgba(0,0,0,0.05));
 background:#FFFFFF linear-gradient(transparent,rgba(0,0,0,0.05))
}
.wojo.toggle.checkbox {
 min-height:1.5rem
}
.wojo.toggle.checkbox input {
 width:3.5rem;
 height:1.5rem
}
.wojo.toggle.small.checkbox {
 min-height:1rem
}
.wojo.toggle.small.checkbox input {
 width:3rem;
 height:1rem
}
.wojo.toggle.checkbox .box,
.wojo.toggle.checkbox label {
 min-height:1.5rem;
 padding-left:4.5rem;
 color:rgba(0,0,0,.87)
}
.wojo.toggle.small.checkbox .box,
.wojo.toggle.small.checkbox label {
 min-height:1rem;
 padding-left:4rem;
 color:rgba(0,0,0,.87)
}
.wojo.toggle.checkbox label {
 padding-top:.15em
}
.wojo.toggle.checkbox .box:before,
.wojo.toggle.checkbox label:before {
 display:block;
 position:absolute;
 content:'';
 z-index:1;
 border:none;
 top:50%;
 background:rgba(0,0,0,.05);
 width:3.5rem;
 height:1.5rem;
 border-radius:500rem;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.toggle.small.checkbox .box:before,
.wojo.toggle.small.checkbox label:before {
 width:3rem;
 height:.938rem
}
.wojo.toggle.checkbox .box:after,
.wojo.toggle.checkbox label:after {
 background:#FFFFFF -webkit-linear-gradient(transparent,rgba(0,0,0,0.05));
 background:#FFFFFF linear-gradient(transparent,rgba(0,0,0,0.05));
 position:absolute;
 content:''!important;
 opacity:1;
 z-index:2;
 border:none;
 box-shadow:0 1px 2px 0 #ddd,0 0 0 1px #ddd inset;
 width:1.5rem;
 height:1.5rem;
 top:50%;
 left:0;
 border-radius:500rem;
 -webkit-transition:background .3s ease,left .3s ease;
 transition:background .3s ease,left .3s ease
}
.wojo.toggle.small.checkbox .box:after,
.wojo.toggle.small.checkbox label:after {
 box-shadow:0 0 1px 0 #ddd,0 0 0 1px #ddd inset;
 width:1.25rem;
 height:1.25rem
}
.wojo.toggle.checkbox input~.box:after,
.wojo.toggle.checkbox input~label:after {
 left:-.05rem
}
.wojo.toggle.checkbox input:focus~.box:before,
.wojo.toggle.checkbox input:focus~label:before {
 background-color:rgba(0,0,0,.15);
 border:none
}
.wojo.toggle.checkbox .box:hover::before,
.wojo.toggle.checkbox label:hover::before {
 background-color:rgba(0,0,0,.15);
 border:none
}
.wojo.toggle.checkbox input:checked~.box,
.wojo.toggle.checkbox input:checked~label {
 color:rgba(0,0,0,.95)!important
}
.wojo.toggle.checkbox input:checked~.box:before,
.wojo.toggle.checkbox input:checked~label:before {
 background-color:#9c27b0!important
}
.wojo.toggle.checkbox input:checked~.box:after,
.wojo.toggle.checkbox input:checked~label:after {
 left:2.15rem
}
.wojo.toggle.checkbox input:focus:checked~.box,
.wojo.toggle.checkbox input:focus:checked~label {
 color:rgba(0,0,0,.95)!important
}
.wojo.toggle.checkbox input:focus:checked~.box:before,
.wojo.toggle.checkbox input:focus:checked~label:before {
 background-color:#9c27b0!important
}
.wojo.fitted.checkbox .box,
.wojo.fitted.checkbox label {
 padding-left:0!important
}
.wojo.fitted.toggle.checkbox,
.wojo.fitted.toggle.checkbox {
 width:3.5rem
}
.wojo.fitted.slider.checkbox,
.wojo.fitted.slider.checkbox {
 width:3.5rem
}
.wojo.checkbox label:after,
.wojo.checkbox .box:after {
 font-family:wojoicons
}
.wojo.checkbox input:checked~.box:after,
.wojo.checkbox input:checked~label:after {
 content:'\e04e';
 font-size:12px
}
.wojo.checkbox input:indeterminate~.box:after,
.wojo.checkbox input:indeterminate~label:after {
 content:'\e0dd'
}
.wojo.range {
 margin-top:2em;
 width:100%
}
.wojo.range .back-bar {
 background-color:rgba(0,0,0,.05);
 border-radius:6px;
 height:6px;
 position:relative
}
.wojo.range .back-bar .pointer {
 background:#FFFFFF -webkit-linear-gradient(transparent,rgba(0,0,0,0.05));
 background:#FFFFFF linear-gradient(transparent,rgba(0,0,0,0.05));
 border-radius:500px;
 box-shadow:0 1px 2px 0 #ddd,0 0 0 1px #ddd inset;
 box-sizing:border-box;
 cursor:col-resize;
 height:1rem;
 opacity:1;
 position:absolute;
 top:-.35em;
 width:1rem;
 z-index:2
}
.wojo.range .back-bar .pointer-label {
 color:#939599;
 font-family:wsansbold;
 font-size:.625rem;
 line-height:1;
 position:absolute;
 top:-1.75em;
 white-space:nowrap
}
.wojo.range .back-bar .pointer-label.low {
 left:0
}
.wojo.range .back-bar .pointer-label.high {
 right:0
}
.wojo.range .back-bar .pointer.last-active {
 z-index:3
}
.wojo.range .back-bar .pointer-label.focused {
 color:#3d4051
}
.wojo.range .back-bar .selected-bar {
 background-color:#33bfc1;
 border-radius:2px;
 height:100%;
 position:absolute
}
.wojo.range .clickable-dummy {
 cursor:pointer;
 height:100%;
 position:absolute;
 width:100%;
 z-index:1
}
.wojo.range .scale {
 position:relative;
 top:.25em
}
.wojo.range .scale ins {
 color:rgba(0,0,0,.2);
 font-family:wsansbold;
 font-size:.625rem;
 left:0;
 line-height:1;
 position:absolute;
 text-decoration:none;
 top:1em
}
.wojo.range .scale span {
 border-left:1px solid #e5e5e5;
 font-size:0;
 height:5px;
 position:absolute
}
.wojo.range.slider-readonly .clickable-dummy,
.wojo.range.slider-readonly .pointer {
 cursor:auto
}
.ezdz-dropzone {
 position:relative;
 width:150px;
 height:150px;
 overflow:hidden;
 display:table;
 text-align:center;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:.188rem;
 padding:0;
 margin:0 auto
}
.ezdz-dropzone.square {
 width:100%;
 height:100%;
 border-radius:.188rem
}
.ezdz-dropzone.inverted {
 background-color:#f5f5f5
}
.ezdz-dropzone.left {
 margin:0
}
.ezdz-dropzone>div {
 display:table-cell;
 vertical-align:middle;
 max-width:150px;
 max-height:150px
}
.ezdz-dropzone.square>div {
 width:100%;
 height:300px;
 font-size:.775rem;
 text-transform:uppercase;
 font-family:wsansdemi
}
.ezdz-dropzone.square>div i.icon {
 font-size:2.75rem;
 border-radius:500rem;
 width:6rem;
 height:6rem;
 background:#e5e5e5;
 line-height:6rem;
 margin-bottom:.25em;
 color:#a0a0a0
}
.ezdz-dropzone span {
 display:inline-block;
 max-width:90%;
 padding:4%;
 overflow:hidden;
 font-size:13px;
 font-weight:400;
 line-height:10px;
 color:#fff;
 text-overflow:ellipsis;
 white-space:nowrap;
 vertical-align:middle;
 background:#000;
 border-radius:20px
}
.ezdz-dropzone img {
 width:300px;
 height:auto;
 vertical-align:middle;
 border-radius:.188em;
 z-index:3
}
.ezdz-dropzone.square img {
 max-width:100%;
 max-height:100%
}
.ezdz-dropzone [type=file] {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 cursor:pointer;
 opacity:0
}
.ezdz-focus,
.ezdz-dropzone:hover {
 color:#9aca40;
 border:1px solid #9c27b0
}
.ezdz-accept {
 color:#8bc34a;
 border:1px solid #8bc34a
}
.ezdz-enter {
 color:#9c27b0;
 border:1px solid #9c27b0
}
.ezdz-reject {
 color:#e91e63;
 border:1px solid #e91e63
}
.sp-container {
 position:absolute;
 top:0;
 left:0;
 display:inline-block;
 *display:inline;
 *zoom:1;
 z-index:9999994;
 overflow:hidden;
 padding:0;
 background:#fff;
 box-shadow:0 12px 24px rgba(0,0,0,.15),0 10px 10px rgba(0,0,0,.1);
 border:1px solid #ddd
}
.sp-container.sp-flat {
 position:relative
}
.sp-container,
.sp-container * {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.sp-top {
 position:relative;
 width:100%;
 display:inline-block
}
.sp-top-inner {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.sp-color {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:20%
}
.sp-hue {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:84%;
 height:100%
}
.sp-clear-enabled .sp-hue {
 top:33px;
 height:77.5%
}
.sp-fill {
 padding-top:80%
}
.sp-sat,
.sp-val {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.sp-alpha-enabled .sp-top {
 margin-bottom:18px
}
.sp-alpha-enabled .sp-alpha {
 display:block
}
.sp-alpha-handle {
 position:absolute;
 top:-4px;
 bottom:-4px;
 width:6px;
 left:50%;
 cursor:pointer;
 border:1px solid #000;
 background:#fff;
 opacity:.8
}
.sp-alpha {
 display:none;
 position:absolute;
 bottom:-14px;
 right:0;
 left:0;
 height:8px
}
.sp-alpha-inner {
 border:solid 1px #333;
 border-radius:.188em
}
.sp-clear {
 display:none
}
.sp-clear-enabled .sp-clear {
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:84%;
 height:28px;
 text-align:center;
 line-height:28px
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
 -webkit-user-select:none;
 -moz-user-select:-moz-none;
 -o-user-select:none;
 user-select:none
}
.sp-container.sp-input-disabled .sp-input-container {
 display:none
}
.sp-container.sp-buttons-disabled .sp-button-container {
 display:none
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
 display:none
}
.sp-palette-only .sp-picker-container {
 display:none
}
.sp-palette-disabled .sp-palette-container {
 display:none
}
.sp-initial-disabled .sp-initial {
 display:none
}
.sp-sat {
 background-image:-webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0)));
 background-image:-webkit-linear-gradient(left,#FFF,rgba(204,154,129,0));
 background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));
 background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));
 background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));
 background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))
}
.sp-val {
 background-image:-webkit-gradient(linear,0 100%,0 0,from(#000000),to(rgba(204,154,129,0)));
 background-image:-webkit-linear-gradient(bottom,#000000,rgba(204,154,129,0));
 background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));
 background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));
 background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));
 background-image:linear-gradient(to top,#000,rgba(204,154,129,0))
}
.sp-hue {
 background:-moz-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
 background:-ms-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
 background:-o-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
 background:-webkit-gradient(linear,left top,left bottom,from(#ff0000),color-stop(0.17,#ffff00),color-stop(0.33,#00ff00),color-stop(0.5,#00ffff),color-stop(0.67,#0000ff),color-stop(0.83,#ff00ff),to(#ff0000))
}
.sp-1 {
 height:17%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')
}
.sp-2 {
 height:16%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')
}
.sp-3 {
 height:17%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')
}
.sp-4 {
 height:17%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')
}
.sp-5 {
 height:16%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')
}
.sp-6 {
 height:17%;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')
}
.sp-hidden {
 display:none!important
}
.sp-cf:before,
.sp-cf:after {
 content:"";
 display:table
}
.sp-cf:after {
 clear:both
}
.sp-cf {
 *zoom:1
}
@media(max-device-width:480px) {
 .sp-color {
  right:40%
 }
 .sp-hue {
  left:63%
 }
 .sp-fill {
  padding-top:60%
 }
}
.sp-dragger {
 border-radius:10px;
 height:10px;
 width:10px;
 box-shadow:inset 0 0 0 3px rgba(255,255,255,.5);
 background:0 0;
 cursor:pointer;
 position:absolute;
 top:0;
 left:0
}
.sp-slider {
 position:absolute;
 top:0;
 cursor:pointer;
 height:3px;
 left:-1px;
 right:-1px;
 border:1px solid #000;
 background:#fff;
 opacity:.8
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 font-size:.875rem
}
.sp-top {
 margin-bottom:3px
}
.sp-color,
.sp-hue,
.sp-clear {
 box-shadow:0 0 0 1px #ddd
}
.sp-input-container {
 float:right;
 width:100px;
 margin-bottom:.5em
}
.sp-initial-disabled .sp-input-container {
 width:100%
}
.sp-input {
 margin:0;
 outline:none;
 -webkit-appearance:none;
 tap-highlight-color:transparent;
 line-height:1em;
 padding:.75em 1em;
 font-size:1em;
 background:#fff;
 border:1px solid #ddd;
 color:rgba(0,0,0,.87);
 border-radius:.188rem;
 box-shadow:none;
 -webkit-transition:color .1s ease,border-color .1s ease;
 transition:color .1s ease,border-color .1s ease;
 width:100%
}
.sp-input:focus {
 color:rgba(0,0,0,.95);
 border-color:#9c27b0;
 border-radius:.188rem;
 background:#fff;
 box-shadow:0 0 0 0 rgba(34,36,38,.35) inset
}
.sp-input.sp-validation-error {
 border:1px solid #da9796;
 color:#da9796
}
.sp-picker-container,
.sp-palette-container {
 float:left;
 position:relative;
 padding:10px;
 padding-bottom:300px;
 margin-bottom:-290px
}
.sp-picker-container {
 width:172px;
 border-left:solid 1px #fff
}
.sp-palette-container {
 border-right:solid 1px #ccc
}
.sp-palette-only .sp-palette-container {
 border:0
}
.sp-palette .sp-thumb-el {
 display:block;
 position:relative;
 float:left;
 width:24px;
 height:15px;
 margin:3px;
 cursor:pointer;
 border:solid 2px transparent
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
 border-color:orange
}
.sp-thumb-el {
 position:relative
}
.sp-initial {
 float:left;
 border:solid 1px #333
}
.sp-initial span {
 width:30px;
 height:25px;
 border:none;
 display:block;
 float:left;
 margin:0
}
.sp-palette-button-container,
.sp-button-container {
 float:right
}
.sp-replacer {
 margin:0;
 overflow:hidden;
 cursor:pointer;
 padding:4px;
 display:inline-block;
 *zoom:1;
 border:solid 1px #91765d;
 background:#eee;
 color:#333;
 vertical-align:middle
}
.sp-replacer:hover,
.sp-replacer.sp-active {
 border-color:#f0c49b;
 color:#111
}
.sp-replacer.sp-disabled {
 cursor:default;
 border-color:silver;
 color:silver
}
.sp-dd {
 padding:2px 0;
 height:16px;
 line-height:16px;
 float:left;
 font-size:10px
}
.sp-preview {
 position:relative;
 width:25px;
 height:20px;
 border:solid 1px #222;
 margin-right:5px;
 float:left;
 z-index:0
}
.sp-palette {
 *width:220px;
 max-width:220px
}
.sp-palette .sp-thumb-el {
 width:16px;
 height:16px;
 margin:2px 1px;
 border:solid 1px #d0d0d0
}
.sp-container {
 padding-bottom:0
}
.sp-container button {
 cursor:pointer;
 display:inline-block;
 min-height:1em;
 outline:none;
 border:none;
 vertical-align:baseline;
 background:#fff;
 color:rgba(0,0,0,.6);
 font-family:wsansbold;
 margin:0 .25em 0 0;
 padding:.875em 1.5em;
 text-transform:none;
 line-height:1em;
 font-style:normal;
 text-align:center;
 text-decoration:none;
 border-radius:.188rem;
 box-shadow:0 0 0 1px rgba(34,36,38,.5) inset;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
 transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
 will-change:'';
 -webkit-tap-highlight-color:transparent
}
.sp-container button:hover {
 background-color:#ebebeb;
 box-shadow:0 0 0 1px transparent inset,0 0 0 0 #ddd inset;
 color:rgba(0,0,0,.8)
}
.sp-container button:active {
 background-color:#e1e1e1;
 box-shadow:0 0 0 1px transparent inset;
 color:rgba(0,0,0,.95)
}
.sp-cancel {
 font-size:.938em;
 margin:0;
 padding:2px;
 margin-right:5px;
 vertical-align:middle;
 text-decoration:none
}
.sp-cancel:hover {
 text-decoration:underline
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
 border-color:#000
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
 position:relative;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.sp-palette .sp-thumb-inner {
 font-family:wojoicons;
 text-align:center;
 line-height:16px
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after {
 content:"\e04e";
 color:#000
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner:after {
 content:"\e04e";
 color:#fff
}
.sp-palette-only .sp-palette-container .sp-palette .sp-thumb-inner {
}
.sp-palette-only .sp-palette-container .sp-palette .sp-thumb-el {
 width:55px;
 height:55px;
 margin:0;
 border:0
}
.sp-palette-only .sp-palette-container .sp-palette .sp-thumb-inner {
 line-height:50px;
 box-shadow:0 0 0 1px #fff
}
[contenteditable=true]:empty:before {
 content:attr(placeholder)
}
[contenteditable=true] {
 background-color:#f8fafa
}
[data-editable=true]:before {
 font-family:wojoicons;
 content:"\e14b";
 margin-right:.5em;
 vertical-align:middle;
 opacity:.35
}
span[data-editable=true] {
 display:inline-block;
 padding:.5em
}
.wojo.editable {
 box-shadow:inset 0 0 0 2px #9c27b0,0 0 3px 2px rgba(0,0,0,.1);
 outline:none;
 border:0;
 -webkit-appearance:none;
 background-color:#fff;
 color:#2f323a
}
.wojo.fields {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:row;
 flex-direction:row;
 margin-left:-2em
}
.wojo.fields .field {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0;
 min-width:0;
 padding-left:2em;
 margin-bottom:2em
}
.wojo.block.fields {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 flex-direction:column;
 align-items:stretch;
 margin-left:0;
 margin-bottom:0
}
.wojo.block.fields .field {
 -webkit-flex:0 1 auto;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 align-self:auto;
 min-width:0;
 padding-left:0;
 margin-bottom:2em
}
.wojo.fields .field.one.wide {
 -webkit-flex:0 0 10%;
 -ms-flex:0 0 10%;
 flex:0 0 10%;
 max-width:10%
}
.wojo.fields .field.two.wide {
 -webkit-flex:0 0 20%;
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
}
.wojo.fields .field.three.wide {
 -webkit-flex:0 0 30%;
 -ms-flex:0 0 30%;
 flex:0 0 30%;
 max-width:30%
}
.wojo.fields .field.four.wide {
 -webkit-flex:0 0 40%;
 -ms-flex:0 0 40%;
 flex:0 0 40%;
 max-width:40%
}
.wojo.fields .field.five.wide {
 -webkit-flex:0 0 50%;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.wojo.fields .field.six.wide {
 -webkit-flex:0 0 60%;
 -ms-flex:0 0 60%;
 flex:0 0 60%;
 max-width:60%
}
.wojo.fields .field.seven.wide {
 -webkit-flex:0 0 70%;
 -ms-flex:0 0 70%;
 flex:0 0 70%;
 max-width:70%
}
.wojo.fields .field.eight.wide {
 -webkit-flex:0 0 80%;
 -ms-flex:0 0 80%;
 flex:0 0 80%;
 max-width:80%
}
.wojo.fields .field.nine.wide {
 -webkit-flex:0 0 90%;
 -ms-flex:0 0 90%;
 flex:0 0 90%;
 max-width:90%
}
.field.align-middle {
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center
}
.field.align-top {
 -webkit-align-self:flex-start;
 -ms-flex-item-align:start;
 align-self:flex-start
}
.field.align-bottom {
 -webkit-align-self:flex-end;
 -ms-flex-item-align:end;
 align-self:flex-end
}
.wojo.inline.fields {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 flex-wrap:wrap;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.inline.fields .field {
 -webkit-flex:0 1 auto;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 margin-bottom:0
}
.wojo.fields .basic.field,
.basic.field {
 margin-bottom:0
}
.wojo.fields .fitted.field,
.fitted.field {
 padding-left:0
}
.wojo.fields .field.shrink {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%
}
.wojo.fields.disabled .field,
.wojo.fields .field :disabled {
 pointer-events:none;
 opacity:.45
}
.wojo.fields .field.disabled label {
 opacity:.45
}
.wojo.fields .field.disabled :disabled {
 opacity:1
}
.wojo.mini.form,
.wojo.mini.fields {
 font-size:.75em
}
.wojo.small.form,
.wojo.small.fields {
 font-size:.938rem
}
.wojo.form {
 font-size:1rem
}
.wojo.large.form {
 font-size:1.125rem
}
.wojo.huge.form {
 font-size:1.375rem
}
@media screen and (max-width:48.063em) {
 .wojo.fields {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  margin-left:0
 }
 .wojo.fields .field,
 .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 {
  -webkit-flex:0 1 auto;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
  max-width:100%;
  -webkit-align-self:stretch;
  -ms-flex-item-align:stretch;
  align-self:stretch;
  min-width:0;
  padding-left:0
 }
 .wojo.fields .field.labeled {
  margin-bottom:0
 }
 .wojo.inline.fields {
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:-2em
 }
 .wojo.inline.fields .field {
  -webkit-flex:0 1 auto;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
  padding-left:2em
 }
}
.wojo.input {
 position:relative;
 font-weight:400;
 font-style:normal;
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 color:rgba(0,0,0,.87)
}
.wojo.input input {
 margin:0;
 max-width:100%;
 -webkit-box-flex:1;
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto;
 outline:none;
 -webkit-tap-highlight-color:transparent;
 text-align:left;
 font-family:wsansregular;
 line-height:1.25em;
 padding:.85em 1em;
 font-size:1em;
 background:#fff;
 border:2px solid #f8fafa;
 color:rgba(0,0,0,.87);
 border-radius:.25rem;
 -webkit-transition:box-shadow .1s ease,border-color .1s ease;
 transition:box-shadow .1s ease,border-color .1s ease;
 box-shadow:none
}
.wojo.input input::-webkit-input-placeholder {
 color:#607d8a
}
.wojo.input input::-moz-placeholder {
 color:#607d8a
}
.wojo.input input::-ms-input-placeholder {
 color:#607d8a
}
.wojo.disabled.input,
.wojo.input input[disabled] {
 opacity:.45
}
.wojo.disabled.input input {
 pointer-events:none
}
.wojo.input input:active,
.wojo.input.down input {
 background-color:#f2f5f7;
 color:rgba(0,0,0,.3);
 box-shadow:none
}
.wojo.loading.loading.input>i.icon:before {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:1.2em;
 height:1.2em;
 border-radius:500rem;
 border:4px solid rgba(0,0,0,.1)
}
.wojo.loading.loading.input>i.icon:after {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 margin-left:-.625em;
 margin-top:-.625em;
 width:1.2em;
 height:1.2em;
 -webkit-animation:button-spin .6s linear;
 animation:button-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:#767676 transparent transparent;
 border-style:solid;
 border-width:4px;
 box-shadow:0 0 0 1px transparent
}
.wojo.input.focus input,
.wojo.input input:focus {
 border-bottom-color:#9c27b0;
 background:#fff;
 color:rgba(0,0,0,.87);
 box-shadow:none
}
.wojo.input.focus input::-webkit-input-placeholder,
.wojo.input input:focus::-webkit-input-placeholder {
 color:rgba(0,0,0,.87)
}
.wojo.input.focus input::-moz-placeholder,
.wojo.input input:focus::-moz-placeholder {
 color:rgba(0,0,0,.87)
}
.wojo.input.focus input::-ms-input-placeholder,
.wojo.input input:focus::-ms-input-placeholder {
 color:rgba(0,0,0,.87)
}
.wojo.transparent.input input,
.wojo.transparent.input textarea {
 border-color:transparent!important;
 background-color:transparent!important;
 padding:0!important;
 box-shadow:none!important
}
.wojo.transparent.icon.input>i.icon {
 width:1.1em
}
.wojo.transparent.icon.input>input {
 padding-left:0!important;
 padding-right:2em!important
}
.wojo.transparent[class*="left icon"].input>input {
 padding-left:2em!important;
 padding-right:0!important
}
.wojo.transparent.inverted.input {
 color:#fff
}
.wojo.transparent.inverted.input input {
 color:inherit
}
.wojo.transparent.inverted.input input::-webkit-input-placeholder {
 color:rgba(255,255,255,.5)
}
.wojo.transparent.inverted.input input::-moz-placeholder {
 color:rgba(255,255,255,.5)
}
.wojo.transparent.inverted.input input::-ms-input-placeholder {
 color:rgba(255,255,255,.5)
}
.wojo.transparent.loading.loading.input>i.icon:before {
 border:4px solid rgba(0,0,0,.3)
}
.wojo.transparent.loading.loading.input>i.icon:after {
 border-color:rgba(0,0,0,.9) transparent transparent
}
.wojo.dimmed.transparent.input input {
 background-color:rgba(255,255,255,.1)!important;
 padding:.5em!important
}
.wojo.dimmed.transparent.icon.input>i.icon {
 width:2.1em
}
.wojo.icon.input>i.icon,
.wojo.icon.input>button {
 cursor:default;
 position:absolute;
 line-height:1;
 text-align:center;
 top:0;
 right:0;
 margin:0;
 height:100%;
 width:2.625em;
 opacity:.5;
 border-radius:0 .25rem .25rem 0;
 -webkit-transition:opacity .3s ease;
 transition:opacity .3s ease
}
.wojo.icon.input>button {
 cursor:pointer;
 border-radius:0;
 background:0 0;
 text-align:center;
 width:4em;
 padding:0
}
.wojo.icon.input>button>.icon {
 left:0
}
.wojo.icon.input>i.icon:not(.link) {
 pointer-events:none
}
.wojo.icon.input input {
 padding-right:2.625em!important
}
.wojo.icon.input>i.icon:before,
.wojo.icon.input>i.icon:after {
 left:0;
 position:absolute;
 text-align:center;
 top:50%;
 width:100%;
 transform:translateY(-50%)
}
.wojo.icon.input>i.link.icon {
 cursor:pointer
}
.wojo.icon.input>i.circular.icon {
 top:.35em;
 right:.5em
}
.wojo.left.icon.input>i.icon {
 right:auto;
 left:1px;
 border-radius:.25rem 0 0 .25rem
}
.wojo.left.icon.input>i.circular.icon {
 right:auto;
 left:.5em
}
.wojo.left.icon.input>input {
 padding-left:3em!important;
 padding-right:1em!important
}
.wojo.icon.input>input:focus~i.icon {
 opacity:1
}
.wojo.labeled.input>.label {
 -webkit-box-flex:0;
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 margin:0;
 font-size:1em
}
.wojo.labeled.input>.label:not(.corner) {
 padding-top:.85em;
 padding-bottom:.85em;
 line-height:1.25em
}
.wojo.labeled.input:not([class*="corner labeled"]) .label:first-child {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.wojo.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
 border-top-left-radius:0;
 border-bottom-left-radius:0;
 border-left-color:transparent
}
.wojo.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus {
 border-left-color:#9c27b0
}
.wojo[class*="right labeled"].input input {
 border-top-right-radius:0!important;
 border-bottom-right-radius:0!important;
 border-right-color:transparent!important
}
.wojo[class*="right labeled"].input input+.label {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.wojo[class*="right labeled"].input input:focus {
 border-right-color:#9c27b0!important
}
.wojo.labeled.input .corner.label {
 top:1px;
 right:1px;
 font-size:.625em;
 border-radius:0 .25rem 0 0
}
.wojo[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
 padding-right:2.5em!important
}
.wojo[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input {
 padding-right:3.25em!important
}
.wojo[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon {
 margin-right:1.25em
}
.wojo[class*="left corner labeled"].labeled.input input {
 padding-left:2.5em!important
}
.wojo[class*="left corner labeled"].icon.input>input {
 padding-left:3.25em!important
}
.wojo[class*="left corner labeled"].icon.input>.icon {
 margin-left:1.25em
}
.wojo.input>.wojo.corner.label {
 top:1px;
 right:1px
}
.wojo.input>.wojo.left.corner.label {
 right:auto;
 left:1px
}
.wojo.action.input>.button,
.wojo.action.input>.buttons {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-flex:0;
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.wojo.action.input>.button,
.wojo.action.input>.buttons>.button {
 padding-top:.85em;
 padding-bottom:.785em;
 margin:0
}
.wojo.action.input:not([class*="left action"])>input {
 border-top-right-radius:0!important;
 border-bottom-right-radius:0!important;
 border-right-color:transparent!important
}
.wojo.action.input:not([class*="left action"])>.dropdown,
.wojo.action.input:not([class*="left action"])>.button,
.wojo.action.input:not([class*="left action"])>.buttons>.button {
 border-radius:0
}
.wojo.action.input:not([class*="left action"])>.dropdown:last-child,
.wojo.action.input:not([class*="left action"])>.button:last-child,
.wojo.action.input:not([class*="left action"])>.buttons:last-child>.button {
 border-radius:0 .25rem .25rem 0
}
.wojo.action.input:not([class*="left action"]) input:focus {
 border-right-color:#9c27b0!important
}
.wojo[class*="left action"].input>input {
 border-top-left-radius:0!important;
 border-bottom-left-radius:0!important;
 border-left-color:transparent!important
}
.wojo[class*="left action"].input>.dropdown,
.wojo[class*="left action"].input>.button,
.wojo[class*="left action"].input>.buttons>.button {
 border-radius:0
}
.wojo[class*="left action"].input>.dropdown:first-child,
.wojo[class*="left action"].input>.button:first-child,
.wojo[class*="left action"].input>.buttons:first-child>.button {
 border-radius:.25rem 0 0 .25rem
}
.wojo[class*="left action"].input>input:focus {
 border-left-color:#9c27b0!important
}
.wojo.inverted.input input {
 border:transparent;
 box-shadow:inset 0 1px 0 0 #cfd7dc
}
.wojo.spinner.input {
 width:60px;
 padding:0
}
.wojo.spinner.input input {
 padding:.5em .75em;
 background-color:#f8fafa;
 color:#0d0d0d;
 border:2px solid #e1bee7
}
.wojo.spinner.labeled.input>.label {
 padding:0;
 margin:0;
 border:0
}
.wojo.spinner.input button {
 display:block;
 width:100%;
 height:50%;
 margin:0;
 padding:0 .5em;
 font-size:1em;
 font-family:wsanslight;
 border-radius:0 0 .25rem 0;
 box-shadow:none
}
.wojo.spinner.input button:first-child {
 box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);
 border-radius:0 .25rem 0 0
}
.wojo.fluid.input {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.wojo.basic.input,
.wojo.basic.input input,
.wojo.basic.input textarea {
 background:rgba(255,255,255,.1)
}
.wojo.basic.input input,
.wojo.basic.input textarea {
 border:1px solid transparent;
 border-radius:0;
 color:rgba(255,255,255,.8);
 padding:1em
}
.wojo.basic.input input::-webkit-input-placeholder,
.wojo.basic.input textarea::-webkit-input-placeholder {
 color:rgba(255,255,255,.75)
}
.wojo.basic.input ::-moz-placeholder,
.wojo.basic.input textarea::-moz-placeholder {
 color:rgba(255,255,255,.75)
}
.wojo.basic.input input::-ms-input-placeholder,
.wojo.basic.input textarea::-ms-input-placeholder {
 color:rgba(255,255,255,.75)
}
.wojo.form ::-webkit-input-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.form ::-ms-input-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.form ::-moz-placeholder {
 color:#607d8a;
 font-size:.813em
}
.wojo.basic.input input:not([type]):focus,
.wojo.basic.input input[type=date]:focus,
.wojo.basic.input input[type=datetime-local]:focus,
.wojo.basic.input input[type=email]:focus,
.wojo.basic.input input[type=number]:focus,
.wojo.basic.input input[type=password]:focus,
.wojo.basic.input input[type=search]:focus,
.wojo.basic.input input[type=tel]:focus,
.wojo.basic.input input[type=time]:focus,
.wojo.basic.input input[type=text]:focus,
.wojo.basic.input input[type=url]:focus {
 color:rgba(255,255,255,.95);
 border:1px solid rgba(255,255,255,.3);
 border-radius:0;
 background:rgba(255,255,255,.1)
}
.wojo.basic.input textarea:focus {
 color:rgba(255,255,255,.95);
 border:1px solid rgba(255,255,255,.3);
 border-radius:0;
 background:rgba(255,255,255,.1);
 -webkit-appearance:none
}
.wojo.loading.loading.input>i.icon:before {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:1.2em;
 height:1.2em;
 border-radius:500rem;
 border:4px solid rgba(255,255,255,.4)
}
.wojo.loading.loading.input>i.icon:after {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 margin-left:-.625em;
 margin-top:-.625em;
 width:1.2em;
 height:1.2em;
 -webkit-animation:button-spin .6s linear;
 animation:button-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:rgba(255,255,255,.8) transparent transparent;
 border-style:solid;
 border-width:4px;
 box-shadow:0 0 0 1px transparent
}
.wojo.fluid.input>input {
 width:0!important
}
.wojo.input.content-center input {
 text-align:center
}
.wojo.mini.input input {
 padding:.75em 1em
}
.wojo.mini.input,
.wojo.mini.input input {
 font-size:.75rem
}
.wojo.tiny.input {
 font-size:.875rem
}
.wojo.tiny.input input {
 padding:.5em 1em
}
.wojo.small.input {
 font-size:.938rem
}
.wojo.small.input input {
 font-size:.875rem
}
.wojo.input {
 font-size:1em
}
.wojo.large.input {
 font-size:1.125em
}
.wojo.big.input {
 font-size:1.375em
}
.wojo.huge.input {
 font-size:2em
}
.wojo.huge.input input {
 border:0;
 box-shadow:none;
 background:0 0
}
.wojo.massive.input {
 font-size:1.625em
}
.wojo.medium.input input {
 font-family:wsansdemi
}
@font-face {
 font-family:wojoicons;
 src:url(../fonts/wojoicons.ttf) format('truetype'),
 url(../fonts/wojoicons.woff) format('woff'),
 url(../fonts/wojoicons.svg) format('svg');
 font-weight:400;
 font-style:normal
}
i.icon {
 font-family:wojoicons;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 text-align:center;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-smoothing:antialiased;
 backface-visibility:hidden;
 display:inline-block;
 vertical-align:top
}
i.icon.middle {
 vertical-align:middle
}
.icon.agenda:before {
 content:"\e000"
}
.icon.aid.kit:before {
 content:"\e001"
}
.icon.align.center:before {
 content:"\e002"
}
.icon.align.justify:before {
 content:"\e003"
}
.icon.align.left:before {
 content:"\e004"
}
.icon.align.right:before {
 content:"\e005"
}
.icon.align.center.middle:before {
 content:"\e904"
}
.icon.align.center.bottom:before {
 content:"\e905"
}
.icon.align.center.top:before {
 content:"\e906"
}
.icon.align.center.left:before {
 content:"\e907"
}
.icon.align.center.right:before {
 content:"\e908"
}
.icon.align.bottom.left:before {
 content:"\e909"
}
.icon.align.bottom.right:before {
 content:"\e90a"
}
.icon.align.top.right:before {
 content:"\e90b"
}
.icon.align.top.left:before {
 content:"\e90c"
}
.icon.anchor:before {
 content:"\e006"
}
.icon.angle.double.down:before {
 content:"\e007"
}
.icon.angle.double.left:before {
 content:"\e008"
}
.icon.angle.double.right:before {
 content:"\e009"
}
.icon.angle.double.up:before {
 content:"\e00a"
}
.icon.angle.down:before {
 content:"\e00b"
}
.icon.angle.left:before {
 content:"\e00c"
}
.icon.angle.right:before {
 content:"\e00d"
}
.icon.angle.up:before {
 content:"\e00e"
}
.icon.antena:before {
 content:"\e00f"
}
.icon.app:before {
 content:"\e010"
}
.icon.app.add:before {
 content:"\e011"
}
.icon.app.remove:before {
 content:"\e012"
}
.icon.apple:before {
 content:"\e013"
}
.icon.apps:before {
 content:"\e014"
}
.icon.apps.alt:before {
 content:"\e015"
}
.icon.arrow.backward:before {
 content:"\e016"
}
.icon.arrow.forward:before {
 content:"\e017"
}
.icon.arrows:before {
 content:"\e018"
}
.icon.arrows.horizontal:before {
 content:"\e019"
}
.icon.arrows.vertical:before {
 content:"\e01a"
}
.icon.asterisk:before {
 content:"\e01b"
}
.icon.backward:before {
 content:"\e01c"
}
.icon.badge:before {
 content:"\e01d"
}
.icon.bag:before {
 content:"\e01e"
}
.icon.bag.add:before {
 content:"\e01f"
}
.icon.bag.remove:before {
 content:"\e020"
}
.icon.ban:before {
 content:"\e021"
}
.icon.bar.chart:before {
 content:"\e022"
}
.icon.bar.chart.alt:before {
 content:"\e023"
}
.icon.basket:before {
 content:"\e024"
}
.icon.basket.add:before {
 content:"\e025"
}
.icon.basket.remove:before {
 content:"\e026"
}
.icon.basketball:before {
 content:"\e027"
}
.icon.batery20:before {
 content:"\e028"
}
.icon.batery40:before {
 content:"\e029"
}
.icon.batery60:before {
 content:"\e02a"
}
.icon.batery80:before {
 content:"\e02b"
}
.icon.batery.empty:before {
 content:"\e02c"
}
.icon.batery.full:before {
 content:"\e02d"
}
.icon.bell:before {
 content:"\e02e"
}
.icon.binoculars:before {
 content:"\e02f"
}
.icon.blackboard.graph:before {
 content:"\e030"
}
.icon.bluetooth:before {
 content:"\e031"
}
.icon.bluetooth.connected:before {
 content:"\e032"
}
.icon.bolt:before {
 content:"\e033"
}
.icon.book:before {
 content:"\e034"
}
.icon.bookmark:before {
 content:"\e035"
}
.icon.bottle:before {
 content:"\e036"
}
.icon.briefcase:before {
 content:"\e037"
}
.icon.briefcase.alt:before {
 content:"\e038"
}
.icon.brightness:before {
 content:"\e039"
}
.icon.brush:before {
 content:"\e03a"
}
.icon.bubble:before {
 content:"\e03b"
}
.icon.bubbles:before {
 content:"\e03c"
}
.icon.building:before {
 content:"\e03d"
}
.icon.burger:before {
 content:"\e03e"
}
.icon.bus:before {
 content:"\e03f"
}
.icon.businessman:before {
 content:"\e040"
}
.icon.cake:before {
 content:"\e041"
}
.icon.cake.alt:before {
 content:"\e042"
}
.icon.calculator:before {
 content:"\e043"
}
i.icon.calendar:before {
 content:"\e044"
}
.icon.calendar.add:before {
 content:"\e045"
}
.icon.calendar.alt:before {
 content:"\e046"
}
.icon.calendar.remove:before {
 content:"\e047"
}
.icon.camera:before {
 content:"\e048"
}
.icon.camera.retro:before {
 content:"\e049"
}
.icon.car:before {
 content:"\e04a"
}
.icon.carrot:before {
 content:"\e04b"
}
.icon.cd:before {
 content:"\e04c"
}
.icon.certificate:before {
 content:"\e04d"
}
.icon.check:before {
 content:"\e04e"
}
.icon.checkbox:before {
 content:"\e04f"
}
.icon.checkbox.checked:before {
 content:"\e050"
}
.icon.chevron.down:before {
 content:"\e051"
}
.icon.chevron.left:before {
 content:"\e052"
}
.icon.chevron.right:before {
 content:"\e053"
}
.icon.chevron.up:before {
 content:"\e054"
}
.icon.circle.check:before {
 content:"\e055"
}
.icon.circle.chevron.down:before {
 content:"\e056"
}
.icon.circle.chevron.left:before {
 content:"\e057"
}
.icon.circle.chevron.right:before {
 content:"\e058"
}
.icon.circle.chevron.up:before {
 content:"\e059"
}
.icon.circle.delete:before {
 content:"\e05a"
}
.icon.circle.minus:before {
 content:"\e05b"
}
.icon.circle.plus:before {
 content:"\e05c"
}
.icon.clipboard:before {
 content:"\e05d"
}
.icon.clipboard.alt:before {
 content:"\e05e"
}
.icon.clock:before {
 content:"\e05f"
}
.icon.close:before {
 content:"\e060"
}
.icon.cloud.download:before {
 content:"\e061"
}
.icon.cloud.upload:before {
 content:"\e062"
}
.icon.code:before {
 content:"\e063"
}
.icon.code.alt:before {
 content:"\e064"
}
.icon.cog:before {
 content:"\e065"
}
.icon.cogs:before {
 content:"\e066"
}
.icon.columns:before {
 content:"\e067"
}
.icon.comment:before {
 content:"\e068"
}
.icon.comment.add:before {
 content:"\e069"
}
.icon.comment.remove:before {
 content:"\e06a"
}
.icon.compass:before {
 content:"\e06b"
}
.icon.compress:before {
 content:"\e06c"
}
.icon.content.left:before {
 content:"\e06d"
}
.icon.content.right:before {
 content:"\e06e"
}
.icon.contrast:before {
 content:"\e06f"
}
.icon.copy:before {
 content:"\e070"
}
.icon.crayon:before {
 content:"\e071"
}
.icon.credit.card:before {
 content:"\e072"
}
.icon.crop:before {
 content:"\e073"
}
.icon.css:before {
 content:"\e074"
}
.icon.cup:before {
 content:"\e075"
}
.icon.cut:before {
 content:"\e076"
}
.icon.dashboard:before {
 content:"\e077"
}
.icon.data:before {
 content:"\e078"
}
.icon.database:before {
 content:"\e079"
}
.icon.date:before {
 content:"\e07a"
}
.icon.delete:before {
 content:"\e07b"
}
.icon.desktop:before {
 content:"\e07c"
}
.icon.dices:before {
 content:"\e07d"
}
.icon.directions:before {
 content:"\e07e"
}
.icon.download:before {
 content:"\e07f"
}
.icon.download.alt:before {
 content:"\e080"
}
.icon.drop:before {
 content:"\e081"
}
.icon.dropbox:before {
 content:"\e082"
}
.icon.dropper:before {
 content:"\e083"
}
.icon.earth:before {
 content:"\e084"
}
.icon.ellipsis.horizontal:before {
 content:"\e085"
}
.icon.ellipsis.horizontal.alt:before {
 content:"\e086"
}
.icon.ellipsis.vertical:before {
 content:"\e087"
}
.icon.ellipsis.vertical.alt:before {
 content:"\e088"
}
.icon.email:before {
 content:"\e089"
}
.icon.eraser:before {
 content:"\e920"
}
.icon.expand:before {
 content:"\e08a"
}
.icon.eye:before {
 content:"\e08b"
}
.icon.eye.blocked:before {
 content:"\e08c"
}
.icon.eye.glasses:before {
 content:"\e08d"
}
.icon.facebook:before {
 content:"\e08e"
}
.icon.facebook.alt:before {
 content:"\e08f"
}
.icon.feather:before {
 content:"\e090"
}
.icon.female:before {
 content:"\e091"
}
.icon.female.gender:before {
 content:"\e092"
}
.icon.file:before {
 content:"\e093"
}
.icon.file.add:before {
 content:"\e094"
}
.icon.file.remove:before {
 content:"\e095"
}
.icon.files:before {
 content:"\e096"
}
.icon.files.add:before {
 content:"\e097"
}
.icon.files.remove:before {
 content:"\e098"
}
.icon.filter:before {
 content:"\e099"
}
.icon.finance:before {
 content:"\e09a"
}
.icon.find:before {
 content:"\e09b"
}
.icon.find.add:before {
 content:"\e09c"
}
.icon.find.remove:before {
 content:"\e09d"
}
.icon.fire:before {
 content:"\e09e"
}
.icon.flag:before {
 content:"\e09f"
}
.icon.floppy:before {
 content:"\e0a0"
}
.icon.flow.tree:before {
 content:"\e0a1"
}
.icon.folder:before {
 content:"\e0a2"
}
.icon.folder.add:before {
 content:"\e0a3"
}
.icon.folder.open:before {
 content:"\e0a4"
}
.icon.folder.remove:before {
 content:"\e0a5"
}
.icon.food.dome:before {
 content:"\e0a6"
}
.icon.football:before {
 content:"\e0a7"
}
.icon.forward:before {
 content:"\e0a8"
}
.icon.gamepad:before {
 content:"\e0a9"
}
.icon.ghost:before {
 content:"\e0aa"
}
.icon.gift:before {
 content:"\e0ab"
}
.icon.github:before {
 content:"\e0ac"
}
.icon.globe:before {
 content:"\e0ad"
}
.icon.google:before {
 content:"\e0ae"
}
.icon.google.drive:before {
 content:"\e0af"
}
.icon.google.plus:before {
 content:"\e0b0"
}
.icon.grid:before {
 content:"\e0b1"
}
.icon.hdd:before {
 content:"\e0b2"
}
.icon.headphones:before {
 content:"\e0b3"
}
.icon.heart:before {
 content:"\e0b4"
}
.icon.heart.broken:before {
 content:"\e0b5"
}
.icon.help:before {
 content:"\e0b6"
}
.icon.history:before {
 content:"\e900"
}
.icon.home:before {
 content:"\e0b7"
}
.icon.home.alt:before {
 content:"\e0b8"
}
.icon.hourglass:before {
 content:"\e0b9"
}
.icon.house:before {
 content:"\e0ba"
}
.icon.html5:before {
 content:"\e0bb"
}
.icon.ice.cream:before {
 content:"\e0bc"
}
.icon.id:before {
 content:"\e903"
}
.icon.idea:before {
 content:"\e0bd"
}
.icon.inbox:before {
 content:"\e0be"
}
.icon.indent:before {
 content:"\e0bf"
}
.icon.info.sign:before {
 content:"\e0c0"
}
.icon.ip:before {
 content:"\e902"
}
.icon.key:before {
 content:"\e0c1"
}
.icon.lab:before {
 content:"\e0c2"
}
.icon.lab.alt:before {
 content:"\e0c3"
}
.icon.laptop:before {
 content:"\e0c4"
}
.icon.layer:before {
 content:"\e0c5"
}
.icon.layer.alt:before {
 content:"\e0c6"
}
.icon.leaf:before {
 content:"\e0c7"
}
.icon.line.chart:before {
 content:"\e0c8"
}
.icon.lock:before {
 content:"\e0c9"
}
.icon.long.arrow.down:before {
 content:"\e0ca"
}
.icon.long.arrow.down.left:before {
 content:"\e0cb"
}
.icon.long-arrow-down-right:before {
 content:"\e0cc"
}
.icon.long.arrow.left:before {
 content:"\e0cd"
}
.icon.long.arrow.right:before {
 content:"\e0ce"
}
.icon.long.arrow.up:before {
 content:"\e0cf"
}
.icon.long.arrow.up.left:before {
 content:"\e0d0"
}
.icon.long.arrow.up.right:before {
 content:"\e0d1"
}
.icon.magnet:before {
 content:"\e0d2"
}
.icon.male:before {
 content:"\e0d3"
}
.icon.male.gender:before {
 content:"\e0d4"
}
.icon.map:before {
 content:"\e0d5"
}
.icon.maple.leaf:before {
 content:"\e91b"
}
.icon.marker:before {
 content:"\e0d6"
}
.icon.marker.alt:before {
 content:"\e0d7"
}
.icon.medal:before {
 content:"\e0d8"
}
.icon.megaphone:before {
 content:"\e0d9"
}
.icon.membership:before {
 content:"\e901"
}
.icon.mice:before {
 content:"\e0da"
}
.icon.microphone:before {
 content:"\e0db"
}
.icon.minus:before {
 content:"\e0dc"
}
.icon.minus.alt:before {
 content:"\e0dd"
}
.icon.money:before {
 content:"\e0de"
}
.icon.money.bag:before {
 content:"\e0df"
}
.icon.movie:before {
 content:"\e0e0"
}
.icon.move:before {
 content:"\e923"
}
.icon.move.horizontal:before {
 content:"\e922"
}
.icon.move.vertical:before {
 content:"\e921"
}
.icon.mp3.player:before {
 content:"\e0e1"
}
.icon.mug:before {
 content:"\e0e2"
}
.icon.musical.note:before {
 content:"\e0e3"
}
.icon.musical.note.playlist:before {
 content:"\e0e4"
}
.icon.musical.notes:before {
 content:"\e0e5"
}
.icon.mute:before {
 content:"\e91c"
}
.icon.note:before {
 content:"\e0e6"
}
.icon.news:before {
 content:"\e91a"
}
.icon.notification.sign:before {
 content:"\e0e7"
}
.icon.ordered.list:before {
 content:"\e0e8"
}
.icon.outdent:before {
 content:"\e0e9"
}
.icon.paint.roller:before {
 content:"\e0ea"
}
.icon.paper.clip:before {
 content:"\e0eb"
}
.icon.paper.plane:before {
 content:"\e0ec"
}
.icon.pause:before {
 content:"\e0ed"
}
.icon.pear:before {
 content:"\e0ee"
}
.icon.pen:before {
 content:"\e0ef"
}
.icon.pen.alt:before {
 content:"\e0f0"
}
.icon.pen.point:before {
 content:"\e0f1"
}
.icon.pencil:before {
 content:"\e0f2"
}
.icon.pencil.alt:before {
 content:"\e0f3"
}
.icon.phone:before {
 content:"\e0f4"
}
.icon.phone.call:before {
 content:"\e0f5"
}
.icon.photo:before {
 content:"\e0f6"
}
.icon.photos:before {
 content:"\e0f7"
}
.icon.pie.chart:before {
 content:"\e0f8"
}
.icon.pill:before {
 content:"\e0f9"
}
.icon.pin:before {
 content:"\e0fa"
}
.icon.plane:before {
 content:"\e0fb"
}
.icon.play:before {
 content:"\e0fc"
}
.icon.plug:before {
 content:"\e0fd"
}
.icon.plus:before {
 content:"\e0fe"
}
.icon.plus.alt:before {
 content:"\e0ff"
}
.icon.police.car:before {
 content:"\e100"
}
.icon.postcard:before {
 content:"\e101"
}
.icon.power:before {
 content:"\e102"
}
.icon.printer:before {
 content:"\e103"
}
.icon.puzzle:before {
 content:"\e104"
}
.icon.pyramid.chart:before {
 content:"\e105"
}
.icon.qr:before {
 content:"\e106"
}
.icon.question.sign:before {
 content:"\e107"
}
.icon.quote:before {
 content:"\e108"
}
.icon.radio:before {
 content:"\e109"
}
.icon.radio.checked:before {
 content:"\e10a"
}
.icon.record:before {
 content:"\e10b"
}
.icon.resize:before {
 content:"\e90d"
}
.icon.redo:before {
 content:"\e10c"
}
.icon.refresh:before {
 content:"\e10d"
}
.icon.reorder:before {
 content:"\e10e"
}
.icon.reply:before {
 content:"\e10f"
}
.icon.round.chart:before {
 content:"\e110"
}
.icon.rss:before {
 content:"\e111"
}
.icon.sailboat:before {
 content:"\e112"
}
.icon.select:before {
 content:"\e113"
}
.icon.select.dotted:before {
 content:"\e924"
}
.icon.server:before {
 content:"\e114"
}
.icon.server.alt:before {
 content:"\e115"
}
.icon.setting:before {
 content:"\e116"
}
.icon.share:before {
 content:"\e117"
}
.icon.shield:before {
 content:"\e118"
}
.icon.shield.delete:before {
 content:"\e119"
}
.icon.shirt:before {
 content:"\e11a"
}
.icon.shoe:before {
 content:"\e11b"
}
.icon.shuffle:before {
 content:"\e11c"
}
.icon.sign.in:before {
 content:"\e11d"
}
.icon.sign.out:before {
 content:"\e11e"
}
.icon.sliders.horizontal:before {
 content:"\e11f"
}
.icon.sliders.vertical:before {
 content:"\e120"
}
.icon.smartphone:before {
 content:"\e121"
}
.icon.smile:before {
 content:"\e122"
}
.icon.snowflake:before {
 content:"\e123"
}
.icon.sort.ascending:before {
 content:"\e124"
}
.icon.sort.descending:before {
 content:"\e125"
}
.icon.speaker:before {
 content:"\e126"
}
.icon.spinner.circles:before {
 content:"\e127"
}
.icon.spreadsheet:before {
 content:"\e128"
}
.icon.star:before {
 content:"\e129"
}
.icon.star.full:before {
 content:"\e925"
}
.icon.step.backward:before {
 content:"\e12a"
}
.icon.step.forward:before {
 content:"\e12b"
}
.icon.stop:before {
 content:"\e12c"
}
.icon.stop.watch:before {
 content:"\e12d"
}
.icon.sunset:before {
 content:"\e12e"
}
.icon.switch.off:before {
 content:"\e12f"
}
.icon.switch.off.alt:before {
 content:"\e130"
}
.icon.switch.on:before {
 content:"\e131"
}
.icon.switch.on.alt:before {
 content:"\e132"
}
.icon.table:before {
 content:"\e133"
}
.icon.table.delete:before {
 content:"\e90e"
}
.icon.table.delete.cell:before {
 content:"\e90f"
}
.icon.table.delete.row:before {
 content:"\e910"
}
.icon.table.cell.after:before {
 content:"\e911"
}
.icon.table.cell.before:before {
 content:"\e912"
}
.icon.table.row.before:before {
 content:"\e913"
}
.icon.table.row.after:before {
 content:"\e914"
}
.icon.tablet:before {
 content:"\e134"
}
.icon.tag:before {
 content:"\e135"
}
.icon.tag.delete:before {
 content:"\e136"
}
.icon.tags:before {
 content:"\e137"
}
.icon.tape:before {
 content:"\e138"
}
.icon.target:before {
 content:"\e139"
}
.icon.tennis.ball:before {
 content:"\e13a"
}
.icon.thumbs.down:before {
 content:"\e13b"
}
.icon.thumbs.up:before {
 content:"\e13c"
}
.icon.tie:before {
 content:"\e13d"
}
.icon.trailer:before {
 content:"\e13e"
}
.icon.train:before {
 content:"\e13f"
}
.icon.trash:before {
 content:"\e140"
}
.icon.trash.alt:before {
 content:"\e141"
}
.icon.triangle.down:before {
 content:"\e142"
}
.icon.triangle.left:before {
 content:"\e143"
}
.icon.triangle.right:before {
 content:"\e144"
}
.icon.triangle.up:before {
 content:"\e145"
}
.icon.triangle.unfold.more:before {
 content:"\e915"
}
.icon.trophy:before {
 content:"\e146"
}
.icon.tumblr:before {
 content:"\e147"
}
.icon.tv:before {
 content:"\e148"
}
.icon.twitter:before {
 content:"\e149"
}
.icon.umbrella:before {
 content:"\e14a"
}
.icon.underline:before {
 content:"\e14b"
}
.icon.undo:before {
 content:"\e14c"
}
.icon.unfold.in:before {
 content:"\e14d"
}
.icon.unfold.less:before {
 content:"\e14e"
}
.icon.unfold.more:before {
 content:"\e14f"
}
.icon.unfold.out:before {
 content:"\e150"
}
.icon.unlink:before {
 content:"\e151"
}
.icon.unlock:before {
 content:"\e152"
}
.icon.unordered.list:before {
 content:"\e153"
}
.icon.upload:before {
 content:"\e154"
}
.icon.upload.alt:before {
 content:"\e155"
}
.icon.url:before {
 content:"\e156"
}
.icon.url.alt:before {
 content:"\e157"
}
.icon.usb.stick:before {
 content:"\e158"
}
.icon.user:before {
 content:"\e159"
}
.icon.user.add:before {
 content:"\e15a"
}
.icon.user.profile:before {
 content:"\e15b"
}
.icon.user.remove:before {
 content:"\e15c"
}
.icon.users:before {
 content:"\e15d"
}
.icon.users.add:before {
 content:"\e15e"
}
.icon.users.remove:before {
 content:"\e15f"
}
.icon.utensil:before {
 content:"\e160"
}
.icon.vimeo:before {
 content:"\e161"
}
.icon.voicemail:before {
 content:"\e162"
}
.icon.volume:before {
 content:"\e163"
}
.icon.wallet:before {
 content:"\e164"
}
.icon.wand:before {
 content:"\e165"
}
.icon.warning.sign:before {
 content:"\e166"
}
.icon.water:before {
 content:"\e167"
}
.icon.weather:before {
 content:"\e168"
}
.icon.weather.cloud:before {
 content:"\e169"
}
.icon.weather.rain:before {
 content:"\e16a"
}
.icon.weather.snow:before {
 content:"\e16b"
}
.icon.weather.thunder:before {
 content:"\e16c"
}
.icon.weight:before {
 content:"\e16d"
}
.icon.wifi.full:before {
 content:"\e16e"
}
.icon.wifi.low:before {
 content:"\e16f"
}
.icon.wifi.mid:before {
 content:"\e170"
}
.icon.windows:before {
 content:"\e171"
}
.icon.wojologo:before {
 content:"\e172"
}
.icon.wojologo.alt:before {
 content:"\e916"
}
.icon.wrench:before {
 content:"\e173"
}
.icon.wrist.watch:before {
 content:"\e174"
}
.icon.wysiwyg.area:before {
 content:"\e91d"
}
.icon.wysiwyg.input:before {
 content:"\e91e"
}
.icon.wysiwyg.select:before {
 content:"\e91f"
}
.icon.wysiwyg.bold:before {
 content:"\e175"
}
.icon.wysiwyg.font:before {
 content:"\e176"
}
.icon.wysiwyg.italic:before {
 content:"\e177"
}
.icon.wysiwyg.paragraph:before {
 content:"\e178"
}
.icon.wysiwyg.size:before {
 content:"\e179"
}
.icon.wysiwyg.remove.format:before {
 content:"\e917"
}
.icon.wysiwyg.strikethrough:before {
 content:"\e17a"
}
.icon.wysiwyg.subscript:before {
 content:"\e17b"
}
.icon.wysiwyg.superscript:before {
 content:"\e17c"
}
.icon.wysiwyg.table:before {
 content:"\e17d"
}
.icon.wysiwyg.type:before {
 content:"\e17e"
}
.icon.wysiwyg.underline:before {
 content:"\e17f"
}
.icon.youtube:before {
 content:"\e180"
}
.icon.youtube.alt:before {
 content:"\e181"
}
.icon.pinterest:before {
 content:"\e918"
}
.icon.instagram:before {
 content:"\e919"
}
i.icon.spinning {
 -webkit-animation:icon-spinning 2s linear infinite;
 -moz-animation:icon-spinning 2s linear infinite;
 -ms-animation:icon-spinning 2s linear infinite;
 animation:icon-spinning 2s linear infinite
}
@keyframes icon-spinning {
 from {
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes icon-spinning {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
i.icon.active {
 opacity:1
}
i.emphasized.icon {
 opacity:1
}
i.icon.disabled {
 opacity:.3
}
i.link.icon {
 opacity:.8;
 cursor:pointer
}
i.link.icon:hover {
 opacity:1
}
i.circular.icon {
 border-radius:500em;
 text-align:center;
 box-shadow:0 0 0 2px rgba(0,0,0,.1) inset;
 line-height:2.5rem;
 width:2.5rem;
 height:2.5rem
}
i.circular.inverted.icon {
 border:none
}
i.flipped.icon,
i.horizontally.flipped.icon {
 -webkit-transform:scale(-1,1);
 -ms-transform:scale(-1,1);
 transform:scale(-1,1)
}
i.vertically.flipped.icon {
 -webkit-transform:scale(1,-1);
 -ms-transform:scale(1,-1);
 transform:scale(1,-1)
}
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
 -webkit-transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
i.rounded.icon {
 width:2em;
 height:2em;
 box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;
 border-radius:.25em;
 padding:0;
 line-height:2;
 vertical-align:middle;
 text-align:center
}
i.rounded.icon.outline {
 color:#939599
}
i.rounded.icon.outline.positive {
}
i.rounded.icon.outline.negative {
}
i.rounded.icon.outline.white {
}
i.rounded.icon.outline.primary {
}
i.rounded.icon.outline.secondary {
}
i.rounded.icon.outline.purple {
}
i.rounded.inverted.icon {
 border:none;
 box-shadow:none
}
i.white.icon {
 color:#fff
}
i.black.icon {
 color:#607d8b
}
i.primary.icon {
 color:#9c27b0
}
i.positive.icon {
 color:#8bc34a
}
i.negative.icon {
 color:#e91e63
}
i.pink.icon {
 color:#d9499a
}
i.purple.icon {
 color:#564f8a
}
i.secondary.icon {
 color:#03a9f4
}
i.inverted.icon {
 background-color:rgba(255,255,255,.5);
 color:rgba(0,0,0,.6)
}
i.inverted.black.icon {
 color:#607d8b
}
i.inverted.primary.icon {
 color:#9c27b0
}
i.inverted.positive.icon {
 color:#8bc34a
}
i.inverted.negative.icon {
 color:#e91e63
}
i.inverted.pink.icon {
 color:#ff8edf
}
i.inverted.purple.icon {
 color:#cdc6ff
}
i.inverted.secondary.icon {
 color:#03a9f4
}
i.inverted.rounded.icon,
i.inverted.circular.icon {
}
i.inverted.rounded.black.icon,
i.inverted.circular.black.icon {
 background-color:#607d8b;
 color:#fff
}
i.inverted.rounded.primary.icon,
i.inverted.circular.primary.icon {
 background-color:#9c27b0;
 color:#fff
}
i.inverted.rounded.positive.icon,
i.inverted.circular.positive.icon {
 background-color:#8bc34a;
 color:#fff
}
i.inverted.rounded.negative.icon,
i.inverted.circular.negative.icon {
 background-color:#e91e63;
 color:#fff
}
i.inverted.rounded.pink.icon,
i.inverted.circular.pink.icon {
 background-color:#d9499a;
 color:#fff
}
i.inverted.rounded.purple.icon,
i.inverted.circular.purple.icon {
 background-color:#564f8a;
 color:#fff
}
i.inverted.rounded.secondary.icon,
i.inverted.circular.secondary.icon {
 background-color:#03a9f4;
 color:#fff
}
i.inverted.twitter.icon {
 background-color:#00bfff;
 color:#fff
}
i.inverted.facebook.icon {
 background-color:#128bdb;
 color:#fff
}
i.inverted.youtube.icon {
 background-color:#e20000;
 color:#fff
}
i.inverted.google.icon {
 background-color:#e20000;
 color:#fff
}
i.inverted.instagram.icon {
 background-color:#0569aa;
 color:#fff
}
.wojo.icons {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-flow:row wrap;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
.wojo.icons .icon,
.wojo.icons a {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%;
 margin-right:.5em;
 -webkit-align-self:center;
 -ms-flex-item-align:center;
 align-self:center
}
i.tiny.icon {
 font-size:.625rem
}
i.tiny.icon.circular {
 line-height:1rem;
 width:1rem;
 height:1rem;
 box-shadow:none
}
i.small.icon {
 font-size:.938rem
}
i.small.circular.icon {
 line-height:2rem;
 width:2rem;
 height:2rem
}
i.icon {
 font-size:1rem
}
i.medium.icon {
 font-size:1.5rem
}
i.large.icon {
 font-size:2rem;
 vertical-align:middle
}
i.large.circular.icon {
 line-height:3rem;
 width:3rem;
 height:3rem
}
i.big.icon {
 font-size:3rem;
 vertical-align:middle
}
i.big.circular.icon {
 line-height:6rem;
 width:6rem;
 height:6rem
}
i.huge.icon {
 font-size:4rem;
 vertical-align:middle
}
i.huge.circular.icon {
 box-shadow:0 0 0 4px rgba(0,0,0,.1) inset;
 line-height:8rem;
 width:8rem;
 height:8rem
}
i.massive.icon {
 font-size:6rem;
 vertical-align:middle
}
i.massive.circular.icon {
 box-shadow:0 0 0 5px rgba(0,0,0,.1) inset;
 line-height:10rem;
 width:10rem;
 height:10rem
}
i.gigantic.icon {
 font-size:8rem;
 vertical-align:middle
}
i.ginormous.icon {
 font-size:12rem;
 vertical-align:middle;
 line-height:1em
}
.wojo.button {
 cursor:pointer;
 display:inline-block;
 min-height:1em;
 outline:none;
 border:none;
 vertical-align:baseline;
 background-color:#dfe5e8;
 color:rgba(0,0,0,.6);
 font-family:wsansdemi;
 margin:0 .25em 0 0;
 padding:.75em 1.5em;
 text-transform:none;
 line-height:1em;
 font-style:normal;
 text-align:center;
 text-decoration:none;
 white-space:nowrap;
 border-radius:.25rem;
 box-shadow:0 0 0 1px transparent inset,0 0 0 0 #ddd inset;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-transition:all .35s ease;
 -moz-transition:all .35s ease;
 -o-transition:all .35s ease;
 transition:all .35s ease;
 will-change:'';
 -webkit-tap-highlight-color:transparent
}
.wojo.button:hover {
 background-color:#c6d1d6;
 box-shadow:0 0 0 1px transparent inset,0 0 0 0 #ddd inset;
 color:rgba(0,0,0,.8)
}
.wojo.button:hover .icon {
 opacity:.85
}
.wojo.button:focus {
 background-color:#b4c1c7;
 color:rgba(0,0,0,.8);
 background-image:''!important;
 box-shadow:''!important
}
.wojo.button:focus .icon {
 opacity:.85
}
.wojo.button:active,
.wojo.active.button:active {
 background-color:#b4c1c7;
 background-image:'';
 color:rgba(255,255,255,.8);
 box-shadow:0 0 0 1px transparent inset,none
}
.wojo.active.button {
 background-color:#b4c1c7;
 box-shadow:0 0 0 1px transparent inset;
 color:rgba(255,255,255,.8)
}
.wojo.active.button:hover {
 background-color:#b4c1c7;
 color:#fff
}
.wojo.active.button:active {
 background-color:#b4c1c7
}
.wojo.passive.button {
 cursor:default;
 pointer-events:none
}
.wojo.loading.loading.loading.loading.loading.loading.button {
 position:relative;
 cursor:default;
 color:transparent;
 opacity:1;
 pointer-events:auto;
 -webkit-transition:all 0s linear,opacity .1s ease;
 transition:all 0s linear,opacity .1s ease
}
.wojo.loading.button:before {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 width:1.5em;
 height:1.5em;
 border-radius:500rem;
 transform:translate(-50%,-50%);
 border:4px solid rgba(0,0,0,.15)
}
.wojo.loading.small.button:before {
 width:1em;
 height:1em;
 border-radius:500rem
}
.wojo.loading.button:after {
 position:absolute;
 content:'';
 top:calc(50% - .750em);
 left:calc(50% - .750em);
 width:1.5em;
 height:1.5em;
 -webkit-animation:button-spin .6s linear;
 animation:button-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:#fff transparent transparent;
 border-style:solid;
 border-width:4px;
 box-shadow:0 0 0 1px transparent
}
.wojo.loading.small.button:after {
 top:calc(50% - .5em);
 left:calc(50% - .5em);
 width:1em;
 height:1em;
 border-width:4px;
 box-shadow:0 0 0 1px transparent
}
.wojo.labeled.icon.loading.button .icon {
 background-color:transparent;
 box-shadow:none
}
@-webkit-keyframes button-spin {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes button-spin {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.wojo.basic.loading.button:not(.inverted):before {
 border-color:rgba(0,0,0,.1)
}
.wojo.basic.loading.button:not(.inverted):after {
 border-top-color:#767676
}
.wojo.buttons .disabled.button,
.wojo.disabled.button,
.wojo.button:disabled,
.wojo.disabled.button:hover,
.wojo.disabled.active.button {
 cursor:default;
 opacity:.45!important;
 box-shadow:none!important;
 pointer-events:none
}
.wojo.basic.buttons .wojo.disabled.button {
 border-color:rgba(34,36,38,.5)
}
.wojo.labeled.button:not(.icon) {
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -webkit-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row;
 background:0 0!important;
 padding:0!important;
 border:none!important;
 box-shadow:none!important
}
.wojo.labeled.button>.button {
 margin:0
}
.wojo.labeled.button>.label {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 0 0 -1px!important;
 padding:'';
 font-size:1em;
 border-color:#ddd
}
.wojo.labeled.button>.tag.label:before {
 width:1.85em;
 height:1.85em
}
.wojo.labeled.button:not([class*="left labeled"])>.button {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.wojo.labeled.button:not([class*="left labeled"])>.label {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.wojo[class*="left labeled"].button>.button {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.wojo[class*="left labeled"].button>.label {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.wojo.button>.icon:not(.button) {
 opacity:.8;
 margin:0 .375em 0 -.25em;
 -webkit-transition:opacity .1s ease;
 transition:opacity .1s ease;
 vertical-align:'';
 color:''
}
.wojo.compact.buttons .button,
.wojo.compact.button {
 padding:.5em 1.125em
}
.wojo.compact.icon.buttons .button,
.wojo.compact.icon.button {
 padding:.5em
}
.wojo.compact.labeled.icon.buttons .button,
.wojo.compact.labeled.icon.button {
 padding:.5em 3.875em
}
.wojo.icon.buttons .button,
.wojo.icon.button {
 padding:.875em
}
.wojo.icon.buttons .button>.icon,
.wojo.icon.button>.icon {
 opacity:.9;
 margin:0;
 vertical-align:top
}
.wojo.basic.buttons .button,
.wojo.basic.button {
 background:0 0;
 color:rgba(0,0,0,.6);
 font-weight:400;
 border-radius:.25rem;
 text-transform:none;
 text-shadow:none;
 box-shadow:0 0 0 1px #ddd inset
}
.wojo.basic.buttons {
 box-shadow:none;
 border:1px solid #ddd;
 border-radius:.25rem
}
.wojo.basic.buttons .button {
 border-radius:0
}
.wojo.basic.buttons .button:hover,
.wojo.basic.button:hover {
 background:#fff;
 color:rgba(0,0,0,.8);
 box-shadow:0 0 0 1px #ddd inset,0 0 0 0 #ddd inset
}
.wojo.basic.buttons .button:focus,
.wojo.basic.button:focus {
 background:#fff;
 color:rgba(0,0,0,.8);
 box-shadow:0 0 0 1px #ddd inset,0 0 0 0 #ddd inset
}
.wojo.basic.buttons .button:active,
.wojo.basic.button:active {
 background-color:#f5f5f5;
 color:rgba(0,0,0,.9);
 box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 1px 0 #ddd inset
}
.wojo.basic.buttons .active.button,
.wojo.basic.active.button {
 background:rgba(0,0,0,.05);
 color:rgba(0,0,0,.95);
 box-shadow:#ddd
}
.wojo.basic.buttons .active.button:hover,
.wojo.basic.active.button:hover {
 background-color:rgba(0,0,0,.05)
}
.wojo.basic.buttons .button:hover {
 box-shadow:0 0 0 1px #ddd inset,0 0 0 0 #ddd inset inset
}
.wojo.basic.buttons .button:active {
 box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 1px 0 #ddd inset inset
}
.wojo.basic.buttons .active.button {
 box-shadow:#ddd inset
}
.wojo.basic.buttons:not(.vertical) .button {
 border-left:1px solid #ddd;
 box-shadow:none
}
.wojo.basic.buttons:not(.vertical) .button:first-child {
 border-left:0
}
.wojo.labeled.icon.buttons .button,
.wojo.labeled.icon.button {
 position:relative;
 padding-left:4em;
 padding-right:1.5em
}
.wojo.labeled.icon.buttons>.button>.icon,
.wojo.labeled.icon.button>.icon {
 position:absolute;
 height:100%;
 line-height:1;
 border-radius:0;
 border-top-left-radius:inherit;
 border-bottom-left-radius:inherit;
 text-align:center;
 margin:0;
 width:2.5em;
 background-color:rgba(0,0,0,.05);
 color:'';
 box-shadow:-1px 0 0 0 transparent inset
}
.wojo.labeled.icon.buttons>.button>.icon,
.wojo.labeled.icon.button>.icon {
 top:0;
 left:0
}
.wojo.right.labeled.icon.button {
 padding-right:4em;
 padding-left:1.5em
}
.wojo.right.labeled.icon.button>.icon {
 left:auto;
 right:0;
 border-radius:0;
 border-top-right-radius:inherit;
 border-bottom-right-radius:inherit;
 box-shadow:1px 0 0 0 transparent inset
}
.wojo.labeled.icon.buttons>.button>.icon:before,
.wojo.labeled.icon.button>.icon:before,
.wojo.labeled.icon.buttons>.button>.icon:after,
.wojo.labeled.icon.button>.icon:after {
 display:block;
 position:absolute;
 width:100%;
 top:50%;
 text-align:center;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.labeled.icon.buttons .button>.icon {
 border-radius:0
}
.wojo.labeled.icon.buttons .button:first-child>.icon {
 border-top-left-radius:.25rem;
 border-bottom-left-radius:.25rem
}
.wojo.labeled.icon.buttons .button:last-child>.icon {
 border-top-right-radius:.25rem;
 border-bottom-right-radius:.25rem
}
.wojo.fluid[class*="left labeled"].icon.button,
.wojo.fluid[class*="right labeled"].icon.button {
 padding-left:1.5em;
 padding-right:1.5em
}
.wojo.circular.button {
 border-radius:10em
}
.wojo.circular.button>.icon {
 width:1em
}
.wojo.floating.button {
 position:absolute;
 right:-2.5em;
 margin:0;
 border-radius:0 .25em .25em 0;
 background-color:#fff;
 box-shadow:10px 0 10px 0 rgba(0,0,0,.1)
}
.wojo.left.floating.button {
 left:-2.5em;
 right:auto;
 border-radius:.25em 0 0 .25em;
 box-shadow:-10px 0 10px 0 rgba(0,0,0,.1)
}
.wojo.fluid.buttons,
.wojo.fluid.button {
 width:100%;
 margin:0
}
.wojo.fluid.button {
 display:block
}
.wojo.black.buttons .button,
.wojo.black.button {
 background-color:#566278;
 color:#fff
}
.wojo.black.button {
 box-shadow:0 0 0 0 #ddd inset
}
.wojo.black.buttons .button:hover,
.wojo.black.button:hover {
 background-color:#27292a;
 color:#fff
}
.wojo.black.buttons .button:focus,
.wojo.black.button:focus {
 background-color:#2f3032;
 color:#fff
}
.wojo.black.buttons .button:active,
.wojo.black.button:active {
 background-color:#343637;
 color:#fff
}
.wojo.black.buttons .active.button,
.wojo.black.buttons .active.button:active,
.wojo.black.active.button,
.wojo.black.button .active.button:active {
 background-color:#0f0f10;
 color:#fff
}
.wojo.black.basic.buttons .button,
.wojo.black.basic.button {
 box-shadow:0 0 0 2px #566278 inset;
 background-color:transparent;
 color:#566278
}
.wojo.black.basic.buttons .button:hover,
.wojo.black.basic.button:hover {
 background:0 0;
 box-shadow:0 0 0 2px #27292a inset;
 color:#27292a
}
.wojo.black.basic.buttons .button:focus,
.wojo.black.basic.button:focus {
 background:0 0;
 box-shadow:0 0 0 2px #27292a inset;
 color:#27292a
}
.wojo.black.basic.buttons .button:active,
.wojo.black.basic.button:active {
 background:0 0;
 box-shadow:0 0 0 2px #0f0f10 inset;
 color:#0f0f10
}
.wojo.black.basic.buttons .active.button,
.wojo.black.basic.buttons .active.button:active,
.wojo.black.basic.active.button,
.wojo.black.basic.button .active.button:active {
 box-shadow:0 0 0 2px #343637 inset;
 color:#343637
}
.wojo.primary.buttons .button,
.wojo.primary.button {
 background-color:#9c27b0;
 color:#fff;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
}
.wojo.primary.buttons .button:hover,
.wojo.primary.button:hover {
 background-color:#8e24aa;
 color:#fff;
 box-shadow:0 6px 10px 0 rgba(0,0,0,.1),0 1px 20px 0 rgba(0,0,0,.12),0 4px 8px -2px rgba(0,0,0,.3)
}
.wojo.primary.buttons .button:focus,
.wojo.primary.button:focus {
 background-color:#7b1fa2;
 color:#fff
}
.wojo.primary.buttons .button:active,
.wojo.primary.button:active {
 background-color:#7b1fa2;
 color:#fff
}
.wojo.primary.buttons .active.button,
.wojo.primary.active.button {
 background-color:#7b1fa2;
 color:#fff
}
.wojo.primary.basic.buttons .button,
.wojo.primary.basic.button {
 box-shadow:0 0 0 2px #9c27b0 inset;
 background-color:transparent;
 color:#9c27b0
}
.wojo.primary.basic.buttons .button:hover,
.wojo.primary.basic.button:hover {
 background:0 0;
 box-shadow:0 0 0 2px #8e24aa inset;
 color:#8e24aa
}
.wojo.primary.basic.buttons .button:focus,
.wojo.primary.basic.button:focus {
 background:0 0;
 box-shadow:0 0 0 2px #7b1fa2 inset;
 color:#7b1fa2
}
.wojo.primary.basic.buttons .button:active,
.wojo.primary.basic.button:active {
 background:0 0;
 box-shadow:0 0 0 2px #7b1fa2 inset;
 color:#7b1fa2
}
.wojo.primary.basic.buttons .active.button,
.wojo.primary.basic.buttons .active.button:active,
.wojo.primary.basic.active.button,
.wojo.primary.basic.button .active.button:active {
 box-shadow:0 0 0 2px #7b1fa2 inset;
 color:#7b1fa2
}
.wojo.secondary.buttons .button,
.wojo.secondary.button {
 background-color:#03a9f4;
 color:#fff
}
.wojo.secondary.button {
 box-shadow:0 0 0 0 #ddd inset
}
.wojo.secondary.buttons .button:hover,
.wojo.secondary.button:hover {
 background-color:#039be5;
 color:#fff
}
.wojo.secondary.buttons .button:focus,
.wojo.secondary.button:focus {
 background-color:#0097a7;
 color:#fff
}
.wojo.secondary.buttons .button:active,
.wojo.secondary.button:active {
 background-color:#0288d1;
 color:#fff
}
.wojo.secondary.buttons .active.button,
.wojo.secondary.active.button {
 background-color:#01579b;
 color:#fff
}
.wojo.secondary.basic.buttons .button,
.wojo.secondary.basic.button {
 box-shadow:0 0 0 2px #03a9f4 inset;
 background-color:transparent;
 color:#03a9f4
}
.wojo.secondary.basic.buttons .button:hover,
.wojo.secondary.basic.button:hover {
 background:0 0;
 box-shadow:0 0 0 2px #039be5 inset;
 color:#039be5
}
.wojo.secondary.basic.buttons .button:focus,
.wojo.secondary.basic.button:focus {
 background:0 0;
 box-shadow:0 0 0 2px #0097a7 inset;
 color:#0097a7
}
.wojo.secondary.basic.buttons .button:active,
.wojo.secondary.basic.button:active {
 background:0 0;
 box-shadow:0 0 0 2px #0288d1 inset;
 color:#0288d1
}
.wojo.secondary.basic.buttons .active.button,
.wojo.secondary.basic.buttons .active.button:active,
.wojo.secondary.basic.active.button,
.wojo.secondary.basic.button .active.button:active {
 box-shadow:0 0 0 2px #01579b inset;
 color:#01579b
}
.wojo.positive.buttons .button,
.wojo.positive.button {
 background-color:#8bc34a;
 color:#fff
}
.wojo.positive.button {
 box-shadow:0 0 0 0 #ddd inset
}
.wojo.positive.buttons .button:hover,
.wojo.positive.button:hover {
 background-color:#38b491;
 color:#fff
}
.wojo.positive.buttons .button:focus,
.wojo.positive.button:focus {
 background-color:#31a07f;
 color:#fff
}
.wojo.positive.buttons .button:active,
.wojo.positive.button:active {
 background-color:#31a07f;
 color:#fff
}
.wojo.positive.buttons .active.button,
.wojo.positive.active.button,
.wojo.positive.buttons .active.button:active {
 background-color:#31a07f;
 color:#fff
}
.wojo.positive.basic.buttons .button,
.wojo.positive.basic.button {
 box-shadow:0 0 0 2px #8bc34a inset;
 background-color:transparent;
 color:#8bc34a
}
.wojo.positive.basic.buttons .button:hover,
.wojo.positive.basic.button:hover {
 background:0 0;
 box-shadow:0 0 0 2px #38b491 inset;
 color:#38b491
}
.wojo.positive.basic.buttons .button:focus,
.wojo.positive.basic.button:focus {
 background:0 0;
 box-shadow:0 0 0 2px #31a07f inset;
 color:#31a07f
}
.wojo.positive.basic.buttons .button:active,
.wojo.positive.basic.button:active {
 background:0 0;
 box-shadow:0 0 0 2px #31a07f inset;
 color:#31a07f
}
.wojo.positive.basic.buttons .active.button,
.wojo.positive.basic.buttons .active.button:active,
.wojo.positive.basic.active.button,
.wojo.positive.basic.button .active.button:active {
 box-shadow:0 0 0 2px #31a07f inset;
 color:#31a07f
}
.wojo.negative.buttons .button,
.wojo.negative.button {
 background-color:#e91e63;
 color:#fff
}
.wojo.negative.button {
 box-shadow:0 0 0 0 #ddd inset
}
.wojo.negative.buttons .button:hover,
.wojo.negative.button:hover {
 background-color:#c86671;
 color:#fff
}
.wojo.negative.buttons .button:focus,
.wojo.negative.button:focus {
 background-color:#b35b64;
 color:#fff
}
.wojo.negative.buttons .button:active,
.wojo.negative.button:active {
 background-color:#b35b64;
 color:#fff
}
.wojo.negative.buttons .active.button,
.wojo.negative.active.button,
.wojo.negative.buttons .active.button:active {
 background-color:#b35b64;
 color:#fff
}
.wojo.negative.basic.buttons .button,
.wojo.negative.basic.button {
 box-shadow:0 0 0 2px #e91e63 inset;
 background-color:transparent;
 color:#e91e63
}
.wojo.negative.basic.buttons .button:hover,
.wojo.negative.basic.button:hover {
 background:0 0;
 box-shadow:0 0 0 2px #c86671 inset;
 color:#c86671
}
.wojo.negative.basic.buttons .button:focus,
.wojo.negative.basic.button:focus {
 background:0 0;
 box-shadow:0 0 0 2px #b35b64 inset;
 color:#b35b64
}
.wojo.negative.basic.buttons .button:active,
.wojo.negative.basic.button:active {
 background:0 0;
 box-shadow:0 0 0 2px #b35b64 inset;
 color:#b35b64
}
.wojo.negative.basic.buttons .active.button,
.wojo.negative.basic.buttons .active.button:active,
.wojo.negative.basic.active.button,
.wojo.negative.basic.button .active.button:active {
 box-shadow:0 0 0 2px #b35b64 inset;
 color:#b35b64
}
.wojo.buttons .or {
 position:relative;
 width:.3em;
 height:2.57142857em;
 z-index:3
}
.wojo.buttons .or:before {
 position:absolute;
 text-align:center;
 border-radius:500rem;
 content:'or';
 top:50%;
 left:50%;
 background-color:#fff;
 text-shadow:none;
 margin-top:-.89285714em;
 margin-left:-.89285714em;
 width:1.78571429em;
 height:1.78571429em;
 line-height:1.78571429em;
 color:rgba(0,0,0,.4);
 font-style:normal;
 font-weight:700;
 box-shadow:0 0 0 1px transparent inset
}
.wojo.buttons .or[data-text]:before {
 content:attr(data-text)
}
.wojo.buttons {
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -webkit-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row;
 font-size:0;
 vertical-align:baseline;
 margin:0 .25em 0 0
}
.wojo.buttons:not(.basic):not(.inverted) {
 box-shadow:none
}
.wojo.buttons:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.wojo.buttons .button {
 -webkit-box-flex:1;
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto;
 margin:0;
 border-radius:0
}
.wojo.buttons>.wojo.button:not(.basic):not(.inverted),
.wojo.buttons:not(.basic):not(.inverted)>.button {
 box-shadow:0 0 0 1px transparent inset,0 0 0 0 #ddd inset
}
.wojo.buttons .button:first-child {
 border-left:none;
 margin-left:0;
 border-top-left-radius:.25rem;
 border-bottom-left-radius:.25rem
}
.wojo.buttons .button:last-child {
 border-top-right-radius:.25rem;
 border-bottom-right-radius:.25rem
}
.wojo.vertical.buttons {
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.wojo.vertical.buttons .button {
 display:block;
 float:none;
 width:100%;
 margin:0;
 box-shadow:none
}
.wojo.vertical.buttons .button:first-child,
.wojo.vertical.buttons .mini.button:first-child,
.wojo.vertical.buttons .tiny.button:first-child,
.wojo.vertical.buttons .small.button:first-child,
.wojo.vertical.buttons .massive.button:first-child,
.wojo.vertical.buttons .huge.button:first-child {
 border-radius:.25rem .25rem 0 0
}
.wojo.vertical.buttons .button:last-child,
.wojo.vertical.buttons .mini.button:last-child,
.wojo.vertical.buttons .tiny.button:last-child,
.wojo.vertical.buttons .small.button:last-child,
.wojo.vertical.buttons .massive.button:last-child,
.wojo.vertical.buttons .huge.button:last-child,
.wojo.vertical.buttons .gigantic.button:last-child {
 margin-bottom:0;
 border-radius:0 0 .25rem .25rem
}
.wojo.transparent.button {
 background-color:rgba(255,255,255,.2);
 box-shadow:0 6px 20px 0 rgba(0,0,0,.1);
 color:rgba(255,255,255,.8)
}
.wojo.transparent.button:hover {
 background-color:rgba(255,255,255,.1);
 box-shadow:0 16px 40px 0 rgba(0,0,0,.15)
}
.wojo.transparent.white.button {
 background-color:#fff;
 color:rgba(0,0,0,.8)
}
.wojo.rounded.button {
 border-radius:2em
}
.wojo.fitted.buttons .button,
.wojo.fitted.button {
 margin:0
}
.wojo.micro.buttons .button,
.wojo.micro.button {
 font-size:.688rem
}
.wojo.mini.buttons .button,
.wojo.mini.button {
 font-size:.75rem
}
.wojo.tiny.buttons .button,
.wojo.tiny.button {
 font-size:.813rem
}
.wojo.tiny.circular.icon.button {
 height:2rem;
 width:2rem;
 line-height:2rem;
 padding:0
}
.wojo.small.buttons .button,
.wojo.small.button {
 font-size:.875rem
}
.wojo.buttons .button,
.wojo.buttons .or,
.wojo.button {
 font-size:1rem
}
.wojo.large.buttons .button,
.wojo.large.button {
 font-size:1.125rem
}
.wojo.big.buttons .button,
.wojo.big.button {
 font-size:1.25rem
}
.wojo.big.circular.icon.button {
 height:3rem;
 width:3rem
}
.wojo.huge.buttons .button,
.wojo.huge.button {
 font-size:1.5rem
}
.wojo.huge.circular.icon.button {
 height:4rem;
 width:4rem
}
.wojo.massive.buttons .button,
.wojo.massive.button {
 font-size:2rem
}
.wojo.segment {
 position:relative;
 background:#fff;
 margin:2rem 0;
 padding:2em;
 border-radius:.188rem
}
.wojo.card {
 background-color:#f6f7f8;
 margin-bottom:2em;
 position:relative
}
.wojo.card>.header {
 background-color:#f7f9fa;
 padding:1em 1.5em
}
.wojo.card>.content {
 background-color:#fff;
 padding:1em 1.5em
}
.wojo.card>.content.fitted {
 padding:0
}
.wojo.card>.sub.header:not(.wojo) {
 background-color:#9c27b0;
 padding-bottom:0
}
.wojo.card>.header.primary {
 background-color:#9c27b0;
 color:#fff
}
.wojo.card>.header.secondary {
 background-color:#03a9f4;
 color:#fff
}
.wojo.card>.header.positive {
 background-color:#66bb6a;
 color:#fff
}
.wojo.card>.header.negative {
 background-color:#f65f6e;
 color:#fff
}
.wojo.card>.footer {
 background-color:#fff
}
.wojo.card>.footer.actions {
 border-top:1px solid #ddd;
 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;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.card>.footer.actions .items {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0px;
 min-width:0;
 padding:1em;
 text-align:center
}
.wojo.card>.footer.actions .items a {
 font-family:wsansregular;
 font-size:.913em
}
.wojo.card>.footer.actions .items a:not(.button) .icon {
 margin-right:.875em
}
.wojo.card>.footer.actions .items:nth-child(odd) {
 border-right:1px solid #ddd
}
.wojo.photo.card {
 overflow:hidden;
 padding:2em 1em;
 text-align:center;
 box-shadow:0 5px 7px rgba(0,0,0,.1);
 z-index:1;
 background-color:#fff
}
.wojo.photo.card img {
 width:120px;
 border-radius:120px;
 box-shadow:0 0 0 5px #fff
}
.wojo.photo.card .icon {
 margin:0 .25em
}
.wojo.photo.card:before {
 background:#424242;
 content:"";
 height:150px;
 left:0;
 margin-top:-65px;
 position:absolute;
 top:0;
 transform:skewY(-25deg);
 transition:all .5s ease 0s;
 width:100%;
 z-index:-1
}
.wojo.photo.card:hover:before {
 background:#9c27b0
}
.wojo.error.card>.header {
 text-align:left;
 background-color:#607d8b;
 color:#fff;
 padding:4rem;
 font-size:5rem;
 font-family:wsanslight
}
.wojo.error.card>.content {
 padding:6rem;
 position:relative
}
.wojo.error.card>.content p {
 font-size:2rem;
 font-family:wsansregular;
 color:#344b5e;
 width:70%
}
.wojo.error.card>.content div {
 position:absolute;
 top:-2em;
 right:2em;
 text-align:center
}
.wojo.error.card>.content a {
 display:block;
 width:5em;
 height:5em;
 background-color:#9c27b0;
 border-radius:5em;
 line-height:5em;
 text-align:center;
 color:#fff;
 box-shadow:0 2px 2px 1px rgba(0,0,0,.1)
}
.wojo.error.card>.content span {
 font-family:wsansbold;
 text-transform:uppercase;
 font-size:.875em;
 color:#73909d
}
.wojo.error.card>.content a .icon {
 font-size:2rem
}
.wojo.grid.card {
 padding:1em;
 margin:0;
 background-color:#fff
}
.wojo.card.top.attached,
.wojo.segment.top.attached {
 margin-top:0;
 margin-bottom:2em
}
.wojo.card.bottom.attached,
.wojo.segment.bottom.attached {
 margin-bottom:0;
 margin-top:2em
}
.wojo.card.attached,
.wojo.segment.attached {
 margin:0
}
.wojo.card.half,
.wojo.segment.half {
 padding:1em
}
.wojo.segment.tabbed {
 border-radius:0 .188rem .188rem .188rem
}
.wojo.basic.segment {
 padding:0
}
.wojo.primary.segment {
 background-color:#f7f7f7
}
.wojo.secondary.segment {
 background-color:#fff
}
.wojo.tertiary.segment {
 background-color:#fdfdfd
}
.wojo.loading.segment,
.wojo.loading.card {
 position:relative;
 cursor:default;
 point-events:none;
 text-shadow:none!important;
 color:transparent!important;
 -webkit-transition:all 0s linear;
 transition:all 0s linear
}
.wojo.loading.segment:before,
.wojo.loading.card:before {
 position:absolute;
 content:'';
 top:0%;
 left:0%;
 background:rgba(255,255,255,.8);
 width:100%;
 height:100%;
 border-radius:.28571429rem;
 z-index:100
}
.wojo.loading.segment:after,
.wojo.loading.card:after {
 position:absolute;
 content:'';
 top:50%;
 left:50%;
 margin:-1.5em 0 0 -1.5em;
 width:3em;
 height:3em;
 -webkit-animation:segment-spin .6s linear;
 animation:segment-spin .6s linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 border-radius:500rem;
 border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
 border-style:solid;
 border-width:.2em;
 box-shadow:0 0 0 1px transparent;
 visibility:visible;
 z-index:101
}
.wojo.small.loading.segment:after,
.wojo.small.loading.card:after {
 margin:-1em 0 0 -1em;
 width:2em;
 height:2em
}
@-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)
 }
}
#trumbowyg-icons {
 overflow:hidden;
 visibility:hidden;
 height:0;
 width:0
}
#trumbowyg-icons svg {
 height:0;
 width:0
}
.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after {
 box-sizing:border-box
}
.trumbowyg-box svg {
 width:17px;
 height:100%;
 fill:#222
}
.trumbowyg-box,
.trumbowyg-editor {
 display:block;
 position:relative;
 width:100%;
 min-height:300px;
 margin:0 auto
}
.trumbowyg-box .trumbowyg-editor {
 margin:0 auto
}
.trumbowyg-box.trumbowyg-fullscreen {
 background:#fefefe;
 border:none!important
}
.trumbowyg-editor,
.trumbowyg-textarea {
 position:relative;
 box-sizing:border-box;
 padding:20px;
 min-height:300px;
 width:100%;
 border-style:none;
 resize:none;
 outline:none;
 overflow:auto
}
.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor::before {
 color:transparent!important;
 text-shadow:0 0 7px #333
}
@media screen and (min-width:0 \0 ) {
 .trumbowyg-box-blur .trumbowyg-editor *,
 .trumbowyg-box-blur .trumbowyg-editor::before {
  color:rgba(200,200,200,.6)!important
 }
}
.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
 opacity:.2
}
.trumbowyg-textarea {
 position:relative;
 display:block;
 overflow:auto;
 border:none;
 white-space:normal;
 font-size:14px;
 font-family:inherit;
 line-height:18px
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
 height:1px!important;
 width:25%;
 min-height:0!important;
 padding:0!important;
 background:0 0;
 opacity:0!important;
 border:0
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
 display:block
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
 display:none
}
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
 opacity:.8;
 background:0 0
}
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
 content:attr(placeholder);
 color:#999;
 pointer-events:none
}
.trumbowyg-button-pane {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 width:100%;
 min-height:36px;
 background:#003040;
 margin:0;
 list-style-type:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative
}
.trumbowyg-button-pane .trumbowyg-button-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
 color:transparent
}
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group::before {
 content:"";
 display:block;
 width:1px;
 background-color:rgba(255,255,255,.2);
 height:16px;
 top:10px;
 position:absolute
}
.trumbowyg-button-pane button {
 display:block;
 position:relative;
 width:36px;
 height:36px;
 padding:0 5px!important;
 overflow:hidden;
 border:none;
 cursor:pointer;
 background:0 0;
 -webkit-transition:background-color 150ms,opacity 150ms;
 transition:background-color 150ms,opacity 150ms
}
.trumbowyg-button-pane button.trumbowyg-textual-button {
 width:auto;
 line-height:35px
}
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
 opacity:.2;
 cursor:default
}
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
 background:#e3e9eb
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
 background-color:#027297;
 outline:none
}
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
 display:block;
 content:" ";
 position:absolute;
 top:25px;
 right:3px;
 height:0;
 width:0;
 border:3px solid transparent;
 border-top-color:#fff
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
 padding-left:10px!important;
 padding-right:18px!important
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
 top:17px;
 right:7px
}
.trumbowyg-button-pane .trumbowyg-right {
 margin-left:auto
}
.trumbowyg-button-pane .trumbowyg-right::before {
 display:none!important
}
.trumbowyg-dropdown {
 width:200px;
 background:#fff;
 box-shadow:0 10px 30px 0 rgba(0,0,0,.1)
}
.trumbowyg-dropdown button {
 display:block;
 width:100%;
 height:35px;
 line-height:35px;
 text-decoration:none;
 background:#fff;
 padding:0 10px;
 color:#212f38;
 border:none;
 cursor:pointer;
 text-align:left;
 font-size:15px;
 -webkit-transition:all 150ms;
 transition:all 150ms
}
.trumbowyg-dropdown button:hover,
.trumbowyg-dropdown button:focus {
 background:#027297;
 color:#fff
}
.trumbowyg-dropdown button svg {
 float:left;
 margin-right:14px
}
.trumbowyg-modal {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 max-width:520px;
 width:100%;
 height:350px;
 z-index:11;
 overflow:hidden;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.trumbowyg-modal-box {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 max-width:500px;
 width:calc(100% - 20px);
 padding-bottom:45px;
 z-index:1;
 background-color:#fff;
 text-align:center;
 font-size:14px;
 box-shadow:rgba(0,0,0,.2) 0 2px 3px;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.trumbowyg-modal-box .trumbowyg-modal-title {
 font-size:24px;
 font-family:wsanslight;
 margin:0 0 20px;
 padding:15px 0 13px;
 display:block;
 border-bottom:1px solid #eee;
 color:rgba(255,255,255,.85);
 background-color:#003040
}
.trumbowyg-modal-box .trumbowyg-progress {
 width:100%;
 height:3px;
 position:absolute;
 top:58px
}
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
 background:#2bc06a;
 height:100%;
 -webkit-transition:width 150ms linear;
 transition:width 150ms linear
}
.trumbowyg-modal-box label {
 display:block;
 position:relative;
 margin:15px 12px;
 height:30px;
 line-height:30px;
 overflow:hidden
}
.trumbowyg-modal-box label .trumbowyg-input-infos {
 display:block;
 text-align:left;
 height:30px;
 line-height:30px;
 -webkit-transition:all 150ms;
 transition:all 150ms
}
.trumbowyg-modal-box label .trumbowyg-input-infos span {
 display:block;
 color:#69878f;
 background-color:#fff;
 padding:0 7px;
 width:150px;
 font-family:wsansdemi
}
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
 color:#e74c3c
}
.trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-modal-box label.trumbowyg-input-error textarea {
 border:1px solid #e74c3c
}
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
 margin-top:-27px
}
.trumbowyg-modal-box label input {
 position:absolute;
 top:0;
 right:0;
 height:30px;
 line-height:30px;
 border:1px solid #dedede;
 background:#fff;
 font-size:14px;
 max-width:330px;
 width:70%;
 padding:0 7px;
 -webkit-transition:all 150ms;
 transition:all 150ms
}
.trumbowyg-modal-box label input:hover,
.trumbowyg-modal-box label input:focus {
 outline:none;
 border:1px solid #95a5a6
}
.trumbowyg-modal-box label input:focus {
 background:#fbfcfc
}
.trumbowyg-modal-box .error {
 margin-top:25px;
 display:block;
 color:red
}
.trumbowyg-modal-box .trumbowyg-modal-button {
 position:absolute;
 bottom:10px;
 right:0;
 text-decoration:none;
 color:#fff;
 display:block;
 width:100px;
 height:35px;
 line-height:33px;
 margin:0 10px;
 background-color:#333;
 border:none;
 cursor:pointer;
 font-family:inherit;
 font-size:16px;
 -webkit-transition:all 150ms;
 transition:all 150ms
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
 right:110px;
 background-color:#9c27b0;
 font-family:wsansdemi
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
 background:#8e24aa;
 outline:none
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
 background:#7b1fa2
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
 color:#555;
 background:#e6e6e6;
 font-family:wsansdemi
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
 background:#fbfbfb;
 outline:none
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
 background:#d5d5d5
}
.trumbowyg-overlay {
 position:absolute;
 background-color:rgba(255,255,255,.5);
 width:100%;
 left:0;
 display:none;
 z-index:10
}
body.trumbowyg-body-fullscreen {
 overflow:hidden
}
.trumbowyg-fullscreen {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 z-index:99999
}
.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .trumbowyg-editor {
 border:none
}
.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen .trumbowyg-textarea {
 height:calc(100% - 37px)!important;
 overflow:auto
}
.trumbowyg-fullscreen .trumbowyg-overlay {
 height:100%!important
}
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
 color:#222;
 fill:transparent
}
.trumbowyg-editor object,
.trumbowyg-editor embed,
.trumbowyg-editor video,
.trumbowyg-editor img {
 max-width:100%
}
.trumbowyg-editor video,
.trumbowyg-editor img {
 height:auto
}
.trumbowyg-editor img {
 cursor:move
}
.trumbowyg-editor.trumbowyg-reset-css {
 background:#fefefe!important;
 font-family:trebuchet ms,Helvetica,Verdana,sans-serif!important;
 font-size:14px!important;
 line-height:1.45em!important;
 white-space:normal!important;
 color:#333
}
.trumbowyg-editor.trumbowyg-reset-css a {
 color:#15c!important;
 text-decoration:underline!important
}
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css blockquote {
 box-shadow:none!important;
 background:0 0!important;
 margin:0!important;
 margin-bottom:15px!important;
 line-height:1.4em!important;
 font-family:trebuchet ms,Helvetica,Verdana,sans-serif!important;
 font-size:14px!important;
 border:none
}
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object,
.trumbowyg-editor.trumbowyg-reset-css hr {
 margin-bottom:15px!important
}
.trumbowyg-editor.trumbowyg-reset-css blockquote {
 margin-left:32px!important;
 font-style:italic!important;
 color:#555
}
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol {
 padding-left:20px!important
}
.trumbowyg-editor.trumbowyg-reset-css ul ul,
.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul {
 border:none;
 margin:2px!important;
 padding:0!important;
 padding-left:24px!important
}
.trumbowyg-editor.trumbowyg-reset-css hr {
 display:block;
 height:1px;
 border:none;
 border-top:1px solid #ccc
}
.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
 color:#111;
 background:0 0;
 margin:0!important;
 padding:0!important;
 font-weight:700
}
.trumbowyg-editor.trumbowyg-reset-css h1 {
 font-size:32px!important;
 line-height:38px!important;
 margin-bottom:20px!important
}
.trumbowyg-editor.trumbowyg-reset-css h2 {
 font-size:26px!important;
 line-height:34px!important;
 margin-bottom:15px!important
}
.trumbowyg-editor.trumbowyg-reset-css h3 {
 font-size:22px!important;
 line-height:28px!important;
 margin-bottom:7px!important
}
.trumbowyg-editor.trumbowyg-reset-css h4 {
 font-size:16px!important;
 line-height:22px!important;
 margin-bottom:7px!important
}
.trumbowyg-button-group button {
 position:relative;
 font-family:wojoicons;
 font-size:1rem;
 color:rgba(255,255,255,.8)
}
.trumbowyg-button-group button.trumbowyg-viewHTML-button:before {
 content:"\e063"
}
.trumbowyg-button-group button.trumbowyg-formatting-button:before {
 content:"\e17e"
}
.trumbowyg-button-group button.trumbowyg-strong-button:before {
 content:"\e175"
}
.trumbowyg-button-group button.trumbowyg-em-button:before {
 content:"\e177"
}
.trumbowyg-button-group button.trumbowyg-del-button:before {
 content:"\e17f"
}
.trumbowyg-button-group button.trumbowyg-superscript-button:before {
 content:"\e17c"
}
.trumbowyg-button-group button.trumbowyg-subscript-button:before {
 content:"\e17b"
}
.trumbowyg-button-group button.trumbowyg-link-button:before {
 content:"\e157"
}
.trumbowyg-button-group button.trumbowyg-insertImage-button:before {
 content:"\e0f6"
}
.trumbowyg-button-group button.trumbowyg-justifyLeft-button:before {
 content:"\e004"
}
.trumbowyg-button-group button.trumbowyg-justifyCenter-button:before {
 content:"\e002"
}
.trumbowyg-button-group button.trumbowyg-justifyRight-button:before {
 content:"\e005"
}
.trumbowyg-button-group button.trumbowyg-justifyFull-button:before {
 content:"\e003"
}
.trumbowyg-button-group button.trumbowyg-unorderedList-button:before {
 content:"\e153"
}
.trumbowyg-button-group button.trumbowyg-orderedList-button:before {
 content:"\e0e8"
}
.trumbowyg-button-group button.trumbowyg-horizontalRule-button:before {
 content:"\e0dc"
}
.trumbowyg-button-group button.trumbowyg-removeformat-button:before {
 content:"\e920"
}
.trumbowyg-button-group button.trumbowyg-fullscreen-button:before {
 content:"\e08a"
}
.wojo.popup {
 display:none;
 position:absolute;
 top:0;
 right:0;
 min-width:-webkit-min-content;
 min-width:-moz-min-content;
 min-width:min-content;
 z-index:1900;
 border:1px solid #d4d4d5;
 line-height:1.4285em;
 max-width:250px;
 background:#fff;
 padding:.5em 1em;
 font-weight:400;
 font-style:normal;
 color:rgba(0,0,0,.87);
 border-radius:.25rem;
 box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.wojo.popup>.header {
 padding:0;
 font-family:wsansbold;
 font-size:1.14285714em;
 line-height:1.2
}
.wojo.popup>.header+.content {
 padding-top:.5em
}
.wojo.popup:before {
 position:absolute;
 content:'';
 width:.71428571em;
 height:.71428571em;
 background:#fff;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 z-index:2;
 box-shadow:1px 1px 0 0 #bababc
}
[data-tooltip] {
 position:relative
}
[data-tooltip]:before {
 pointer-events:none;
 position:absolute;
 content:'';
 font-size:.75rem;
 width:.71428571em;
 height:.71428571em;
 background:#fff;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 z-index:200
}
[data-tooltip]:after {
 pointer-events:none;
 content:attr(data-tooltip);
 position:absolute;
 text-transform:none;
 text-align:left;
 white-space:nowrap;
 font-size:.75rem;
 line-height:1.4285em;
 max-width:none;
 background:#fff;
 padding:.5em 1em;
 font-weight:400;
 font-style:normal;
 color:rgba(0,0,0,.87);
 border-radius:.25rem;
 box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
 z-index:100
}
[data-tooltip]:not([data-position]):before {
 top:auto;
 right:auto;
 bottom:100%;
 left:50%;
 background:#fff;
 margin-left:-.07142857rem;
 margin-bottom:.14285714rem
}
[data-tooltip]:not([data-position]):after {
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 bottom:100%;
 margin-bottom:.5em
}
[data-tooltip]:before,
[data-tooltip]:after {
 pointer-events:none;
 visibility:hidden
}
[data-tooltip]:before {
 opacity:0;
 -webkit-transform:rotate(45deg) scale(0)!important;
 -ms-transform:rotate(45deg) scale(0)!important;
 transform:rotate(45deg) scale(0)!important;
 -webkit-transform-origin:center top;
 -ms-transform-origin:center top;
 transform-origin:center top;
 -webkit-transition:all .1s ease;
 transition:all .1s ease
}
[data-tooltip]:after {
 opacity:1;
 -webkit-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 transform-origin:center bottom;
 -webkit-transition:all .1s ease;
 transition:all .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;
 -ms-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;
 -ms-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;
 -ms-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;
 -ms-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;
 -ms-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;
 -ms-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;
 -ms-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:#fff;
 border:none;
 box-shadow:none
}
[data-tooltip][data-inverted]:after .header {
 background-color:none;
 color:#fff
}
[data-position="top center"][data-tooltip]:after {
 top:auto;
 right:auto;
 left:50%;
 bottom:100%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-bottom:.5em
}
[data-position="top center"][data-tooltip]:before {
 top:auto;
 right:auto;
 bottom:100%;
 left:50%;
 background:#fff;
 margin-left:-.07142857rem;
 margin-bottom:.14285714rem
}
[data-position="top left"][data-tooltip]:after {
 top:auto;
 right:auto;
 left:0;
 bottom:100%;
 margin-bottom:.5em
}
[data-position="top left"][data-tooltip]:before {
 top:auto;
 right:auto;
 bottom:100%;
 left:1em;
 margin-left:-.07142857rem;
 margin-bottom:.14285714rem
}
[data-position="top right"][data-tooltip]:after {
 top:auto;
 left:auto;
 right:0;
 bottom:100%;
 margin-bottom:.5em
}
[data-position="top right"][data-tooltip]:before {
 top:auto;
 left:auto;
 bottom:100%;
 right:1em;
 margin-left:-.07142857rem;
 margin-bottom:.14285714rem
}
[data-position="bottom center"][data-tooltip]:after {
 bottom:auto;
 right:auto;
 left:50%;
 top:100%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-top:.5em
}
[data-position="bottom center"][data-tooltip]:before {
 bottom:auto;
 right:auto;
 top:100%;
 left:50%;
 margin-left:-.07142857rem;
 margin-top:.14285714rem
}
[data-position="bottom left"][data-tooltip]:after {
 left:0;
 top:100%;
 margin-top:.5em
}
[data-position="bottom left"][data-tooltip]:before {
 bottom:auto;
 right:auto;
 top:100%;
 left:1em;
 margin-left:-.07142857rem;
 margin-top:.14285714rem
}
[data-position="bottom right"][data-tooltip]:after {
 right:0;
 top:100%;
 margin-top:.5em
}
[data-position="bottom right"][data-tooltip]:before {
 bottom:auto;
 left:auto;
 top:100%;
 right:1em;
 margin-left:-.14285714rem;
 margin-top:.07142857rem
}
[data-position="left center"][data-tooltip]:after {
 right:100%;
 top:50%;
 margin-right:.5em;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
[data-position="left center"][data-tooltip]:before {
 right:100%;
 top:50%;
 margin-top:-.14285714rem;
 margin-right:-.07142857rem
}
[data-position="right center"][data-tooltip]:after {
 left:100%;
 top:50%;
 margin-left:.5em;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
[data-position="right center"][data-tooltip]:before {
 left:100%;
 top:50%;
 margin-top:-.07142857rem;
 margin-left:.14285714rem
}
[data-position~=bottom][data-tooltip]:before {
 background:#fff;
 box-shadow:-1px -1px 0 0 #bababc
}
[data-position="left center"][data-tooltip]:before {
 background:#fff;
 box-shadow:1px -1px 0 0 #bababc
}
[data-position="right center"][data-tooltip]:before {
 background:#fff;
 box-shadow:-1px 1px 0 0 #bababc
}
[data-position~=top][data-tooltip]:before {
 background:#fff
}
[data-inverted][data-position~=bottom][data-tooltip]:before {
 background:#1b1c1d;
 box-shadow:-1px -1px 0 0 #bababc
}
[data-inverted][data-position="left center"][data-tooltip]:before {
 background:#1b1c1d;
 box-shadow:1px -1px 0 0 #bababc
}
[data-inverted][data-position="right center"][data-tooltip]:before {
 background:#1b1c1d;
 box-shadow:-1px 1px 0 0 #bababc
}
[data-inverted][data-position~=top][data-tooltip]:before {
 background:#1b1c1d
}
[data-position~=bottom][data-tooltip]:before {
 -webkit-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 transform-origin:center bottom
}
[data-position~=bottom][data-tooltip]:after {
 -webkit-transform-origin:center top;
 -ms-transform-origin:center top;
 transform-origin:center top
}
[data-position="left center"][data-tooltip]:before {
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
[data-position="left center"][data-tooltip]:after {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
[data-position="right center"][data-tooltip]:before {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
[data-position="right center"][data-tooltip]:after {
 -webkit-transform-origin:left center;
 -ms-transform-origin:left center;
 transform-origin:left center
}
.wojo.popup {
 margin:0
}
.wojo.top.popup {
 margin:0 0 .71428571em
}
.wojo.top.left.popup {
 -webkit-transform-origin:left bottom;
 -ms-transform-origin:left bottom;
 transform-origin:left bottom
}
.wojo.top.center.popup {
 -webkit-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 transform-origin:center bottom
}
.wojo.top.right.popup {
 -webkit-transform-origin:right bottom;
 -ms-transform-origin:right bottom;
 transform-origin:right bottom
}
.wojo.left.center.popup {
 margin:0 .71428571em 0 0;
 -webkit-transform-origin:right 50%;
 -ms-transform-origin:right 50%;
 transform-origin:right 50%
}
.wojo.right.center.popup {
 margin:0 0 0 .71428571em;
 -webkit-transform-origin:left 50%;
 -ms-transform-origin:left 50%;
 transform-origin:left 50%
}
.wojo.bottom.popup {
 margin:.71428571em 0 0
}
.wojo.bottom.left.popup {
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top
}
.wojo.bottom.center.popup {
 -webkit-transform-origin:center top;
 -ms-transform-origin:center top;
 transform-origin:center top
}
.wojo.bottom.right.popup {
 -webkit-transform-origin:right top;
 -ms-transform-origin:right top;
 transform-origin:right top
}
.wojo.bottom.center.popup:before {
 margin-left:-.30714286em;
 top:-.30714286em;
 left:50%;
 right:auto;
 bottom:auto;
 box-shadow:-1px -1px 0 0 #bababc
}
.wojo.bottom.left.popup {
 margin-left:0
}
.wojo.bottom.left.popup:before {
 top:-.30714286em;
 left:1em;
 right:auto;
 bottom:auto;
 margin-left:0;
 box-shadow:-1px -1px 0 0 #bababc
}
.wojo.bottom.right.popup {
 margin-right:0
}
.wojo.bottom.right.popup:before {
 top:-.30714286em;
 right:1em;
 bottom:auto;
 left:auto;
 margin-left:0;
 box-shadow:-1px -1px 0 0 #bababc
}
.wojo.top.center.popup:before {
 top:auto;
 right:auto;
 bottom:-.30714286em;
 left:50%;
 margin-left:-.30714286em
}
.wojo.top.left.popup {
 margin-left:0
}
.wojo.top.left.popup:before {
 bottom:-.30714286em;
 left:1em;
 top:auto;
 right:auto;
 margin-left:0
}
.wojo.top.right.popup {
 margin-right:0
}
.wojo.top.right.popup:before {
 bottom:-.30714286em;
 right:1em;
 top:auto;
 left:auto;
 margin-left:0
}
.wojo.left.center.popup:before {
 top:50%;
 right:-.30714286em;
 bottom:auto;
 left:auto;
 margin-top:-.30714286em;
 box-shadow:1px -1px 0 0 #bababc
}
.wojo.right.center.popup:before {
 top:50%;
 left:-.30714286em;
 bottom:auto;
 right:auto;
 margin-top:-.30714286em;
 box-shadow:-1px 1px 0 0 #bababc
}
.wojo.bottom.popup:before {
 background:#fff
}
.wojo.right.center.popup:before,
.wojo.left.center.popup:before {
 background:#fff
}
.wojo.top.popup:before {
 background:#fff
}
.wojo.inverted.bottom.popup:before {
 background:#1b1c1d
}
.wojo.inverted.right.center.popup:before,
.wojo.inverted.left.center.popup:before {
 background:#1b1c1d
}
.wojo.inverted.top.popup:before {
 background:#1b1c1d
}
.wojo.loading.popup {
 display:block;
 visibility:hidden;
 z-index:-1
}
.wojo.animating.popup,
.wojo.visible.popup {
 display:block
}
.wojo.visible.popup {
 -webkit-transform:translateZ(0px);
 transform:translateZ(0px);
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.wojo.basic.popup:before {
 display:none
}
.wojo.wide.popup {
 max-width:350px
}
.wojo[class*="very wide"].popup {
 max-width:550px
}
.wojo.inverted.popup {
 background:#1b1c1d;
 color:#fff;
 border:none;
 box-shadow:none
}
.wojo.inverted.popup .header {
 background-color:none;
 color:#fff
}
.wojo.inverted.popup:before {
 background-color:#1b1c1d;
 box-shadow:none!important
}
.wojo.flowing.popup {
 max-width:none
}
.wojo.mini.popup {
 font-size:.668rem
}
.wojo.tiny.popup {
 font-size:.688rem
}
.wojo.small.popup {
 font-size:.75rem
}
.wojo.popup {
 font-size:.875rem
}
.wojo.large.popup {
 font-size:1rem
}
.wojo.huge.popup {
 font-size:1.25rem
}
@media only screen and (max-width:767px) {
 .wojo.wide.popup,
 .wojo[class*="very wide"].popup {
  max-width:250px
 }
}
.wojo.fluid.popup {
 width:100%;
 max-width:none
}
.jqstooltip {
 font-family:wsansregular;
 background-color:rgba(34,55,64,.9);
 border-radius:.214em;
 color:#fff;
 font-size:.75rem;
 text-align:center;
 width:auto;
 box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)
}
.jqsfield {
 padding:5px
}
.morris-hover {
 position:absolute;
 z-index:1000
}
.morris-hover.morris-default-style {
 background-color:rgba(34,55,64,.9);
 font-size:.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:.5em .75em;
 color:rgba(0,0,0,.87);
 border-radius:.188rem;
 box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08)
}
.morris-hover.morris-default-style .morris-hover-row-label {
 font-family:wsansbold;
 margin:.25em 0;
 color:#fff
}
.morris-hover.morris-default-style .morris-hover-point {
 white-space:nowrap;
 margin:.1em 0
}
.jqstooltip {
 position:absolute;
 left:0;
 top:0;
 visibility:hidden;
 text-align:left;
 white-space:nowrap;
 z-index:10000
}
.jqsfield {
 text-align:left
}
.dimmable:not(.body) {
 position:relative
}
.wojo.dimmer {
 display:none;
 position:absolute;
 top:0!important;
 left:0!important;
 width:100%;
 height:100%;
 text-align:center;
 vertical-align:middle;
 background-color:rgba(196,207,212,.75);
 opacity:0;
 line-height:1;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-transition:background-color .5s linear;
 transition:background-color .5s linear;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 will-change:opacity;
 z-index:1000
}
.wojo.dimmer>.content {
 width:100%;
 height:100%;
 display:table;
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text
}
.wojo.dimmer>.content>* {
 display:table-cell;
 vertical-align:middle;
 color:#fff
}
.wojo.segment>.wojo.dimmer {
 border-radius:inherit!important
}
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
 overflow:hidden
}
.dimmed.dimmable>.wojo.animating.dimmer,
.dimmed.dimmable>.wojo.visible.dimmer,
.wojo.active.dimmer {
 display:block;
 opacity:1
}
.wojo.disabled.dimmer {
 width:0!important;
 height:0!important
}
.wojo.page.dimmer {
 position:fixed;
 -webkit-transform-style:'';
 transform-style:'';
 -webkit-perspective:2000px;
 perspective:2000px;
 -webkit-transform-origin:center center;
 -ms-transform-origin:center center;
 transform-origin:center center
}
body.animating.in.dimmable,
body.dimmed.dimmable {
 overflow:hidden
}
body.dimmable>.dimmer {
 position:fixed
}
.blurring.dimmable>:not(.dimmer) {
 -webkit-filter:blur(0px) grayscale(0);
 filter:blur(0px) grayscale(0);
 -webkit-transition:800ms filter ease;
 transition:800ms filter ease
}
.blurring.dimmed.dimmable>:not(.dimmer) {
 -webkit-filter:blur(5px) grayscale(.7);
 filter:blur(5px) grayscale(.7)
}
.blurring.dimmable>.dimmer {
 background-color:rgba(0,0,0,.6)
}
.blurring.dimmable>.inverted.dimmer {
 background-color:#c4cfd4
}
.wojo.dimmer>.top.aligned.content>* {
 vertical-align:top
}
.wojo.dimmer>.bottom.aligned.content>* {
 vertical-align:bottom
}
.wojo.inverted.dimmer {
 background-color:#9c27b0
}
.wojo.inverted.dimmer>.content>* {
 color:#fff
}
.wojo.simple.dimmer {
 display:block;
 overflow:hidden;
 opacity:1;
 width:0%;
 height:0%;
 z-index:-100;
 background-color:transparent
}
.dimmed.dimmable>.wojo.simple.dimmer {
 overflow:visible;
 opacity:1;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.85);
 z-index:1
}
.wojo.simple.inverted.dimmer {
 background-color:transparent
}
.dimmed.dimmable>.wojo.simple.inverted.dimmer {
 background-color:rgba(255,255,255,.85)
}
.wojo.modal {
 display:none;
 position:fixed;
 z-index:1001;
 top:50%;
 left:50%;
 text-align:left;
 background:#fff;
 border:none;
 box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
 -webkit-transform-origin:50% 25%;
 -ms-transform-origin:50% 25%;
 transform-origin:50% 25%;
 border-radius:.188rem;
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text;
 will-change:top,left,margin,transform,opacity
}
.wojo.modal>:first-child:not(.icon),
.wojo.modal>.icon:first-child+* {
 border-top-left-radius:.188rem;
 border-top-right-radius:.188rem
}
.wojo.modal>:last-child {
 border-bottom-left-radius:.188rem;
 border-bottom-right-radius:.188rem
}
.wojo.modal>.close {
 cursor:pointer;
 position:absolute;
 top:-2.5rem;
 right:-2.5rem;
 z-index:1;
 opacity:.8;
 color:#9c27b0;
 width:2.25rem;
 height:2.25rem;
 padding:.625rem 0 0
}
.wojo.modal>.close:hover {
 opacity:1
}
.wojo.modal>.close .icon {
 font-size:2em
}
.wojo.modal>.header {
 display:block;
 font-family:wsansregular;
 background-color:#263238;
 margin:0;
 padding:1.25rem 1.5rem;
 box-shadow:none;
 border-top-left-radius:.188rem;
 border-top-right-radius:.188rem;
 color:rgba(255,255,255,.85)
}
.wojo.modal>.header:not(.wojo) {
 font-size:1.42857143rem;
 line-height:1.2857em
}
.wojo.modal>.content {
 display:block;
 width:100%;
 font-size:1em;
 line-height:1.4;
 padding:2rem;
 background:#fff
}
.wojo.modal>.image.content {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -webkit-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row
}
.wojo.modal>.content>.image {
 display:block;
 -webkit-box-flex:0;
 -webkit-flex:0 1 auto;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 width:'';
 -webkit-align-self:top;
 -ms-flex-item-align:top;
 align-self:top
}
.wojo.modal>[class*="top aligned"] {
 -webkit-align-self:top;
 -ms-flex-item-align:top;
 align-self:top
}
.wojo.modal>[class*="middle aligned"] {
 -webkit-align-self:middle;
 -ms-flex-item-align:middle;
 align-self:middle
}
.wojo.modal>[class*=stretched] {
 -webkit-align-self:stretch;
 -ms-flex-item-align:stretch;
 align-self:stretch
}
.wojo.modal>.content>.description {
 display:block;
 -webkit-box-flex:1;
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto;
 min-width:0;
 -webkit-align-self:top;
 -ms-flex-item-align:top;
 align-self:top
}
.wojo.modal>.content>.icon+.description,
.wojo.modal>.content>.image+.description {
 -webkit-box-flex:0;
 -webkit-flex:0 1 auto;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 min-width:'';
 width:auto;
 padding-left:2em
}
.wojo.modal>.content>.image>i.icon {
 margin:0;
 opacity:1;
 width:auto;
 line-height:1;
 font-size:8rem
}
.wojo.modal>.actions {
 background:#fff;
 padding:1rem;
 text-align:right
}
.wojo.modal .actions>.button {
 margin-left:.75em
}
@media only screen and (max-width:767px) {
 .wojo.modal {
  width:95%;
  margin:0 0 0 -47.5%
 }
}
@media only screen and (min-width:768px) {
 .wojo.modal {
  width:88%;
  margin:0 0 0 -44%
 }
}
@media only screen and (min-width:992px) {
 .wojo.modal {
  width:850px;
  margin:0 0 0 -425px
 }
}
@media only screen and (min-width:1200px) {
 .wojo.modal {
  width:900px;
  margin:0 0 0 -450px
 }
}
@media only screen and (min-width:1920px) {
 .wojo.modal {
  width:950px;
  margin:0 0 0 -475px
 }
}
@media only screen and (max-width:991px) {
 .wojo.modal>.header {
  padding-right:2.25rem
 }
 .wojo.modal>.close {
  top:1.0535rem;
  right:1rem;
  color:rgba(0,0,0,.87)
 }
}
@media only screen and (max-width:767px) {
 .wojo.modal>.header {
  padding:.75rem 1rem!important;
  padding-right:2.25rem!important
 }
 .wojo.modal>.content {
  display:block;
  padding:1rem!important
 }
 .wojo.modal>.close {
  top:.5rem!important;
  right:.5rem!important
 }
 .wojo.modal .image.content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .wojo.modal .content>.image {
  display:block;
  max-width:100%;
  margin:0 auto!important;
  text-align:center;
  padding:0 0 1rem!important
 }
 .wojo.modal>.content>.image>i.icon {
  font-size:5rem;
  text-align:center
 }
 .wojo.modal .content>.description {
  display:block;
  width:100%!important;
  margin:0!important;
  padding:1rem 0!important;
  box-shadow:none
 }
 .wojo.modal>.actions {
  padding:1rem 1rem 0!important
 }
 .wojo.modal .actions>.buttons,
 .wojo.modal .actions>.button {
  margin-bottom:1rem
 }
}
.wojo.inverted.dimmer>.wojo.modal {
 box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)
}
.wojo.basic.modal {
 background-color:transparent;
 border:none;
 border-radius:0;
 box-shadow:none!important;
 color:#fff
}
.wojo.basic.modal>.header,
.wojo.basic.modal>.content,
.wojo.basic.modal>.actions {
 background-color:transparent
}
.wojo.basic.modal>.header {
 color:#fff
}
.wojo.basic.modal>.close {
 top:1rem;
 right:1.5rem
}
.wojo.inverted.dimmer>.basic.modal {
 color:rgba(0,0,0,.87)
}
.wojo.inverted.dimmer>.wojo.basic.modal>.header {
 color:rgba(0,0,0,.85)
}
@media only screen and (max-width:991px) {
 .wojo.basic.modal>.close {
  color:#fff
 }
}
.wojo.active.modal {
 display:block
}
.scrolling.dimmable.dimmed {
 overflow:hidden
}
.scrolling.dimmable.dimmed>.dimmer {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.scrolling.dimmable>.dimmer {
 position:fixed
}
.modals.dimmer .wojo.scrolling.modal {
 position:static!important;
 margin:3.5rem auto!important
}
.scrolling.undetached.dimmable.dimmed {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.scrolling.undetached.dimmable.dimmed>.dimmer {
 overflow:hidden
}
.scrolling.undetached.dimmable .wojo.scrolling.modal {
 position:absolute;
 left:50%;
 margin-top:3.5rem!important
}
.wojo.modal .scrolling.content {
 max-height:calc(70vh);
 overflow:auto
}
.undetached.dimmable.dimmed>.pusher {
 z-index:auto
}
@media only screen and (max-width:991px) {
 .modals.dimmer .wojo.scrolling.modal {
  margin-top:1rem!important;
  margin-bottom:1rem!important
 }
}
.wojo.fullscreen.modal {
 width:95%!important;
 left:2.5%!important;
 margin:1em auto
}
.wojo.fullscreen.scrolling.modal {
 left:0!important
}
.wojo.fullscreen.modal>.header {
 padding-right:2.25rem
}
.wojo.fullscreen.modal>.close {
 top:.5rem;
 right:1rem;
 color:rgba(255,255,255,.87)
}
.wojo.modal {
 font-size:1rem
}
.wojo.small.modal>.header:not(.wojo) {
 font-size:1.25em
}
@media only screen and (max-width:767px) {
 .wojo.tiny.modal,
 .wojo.mini.modal {
  width:95%;
  margin:0 0 0 -47.5%
 }
}
@media only screen and (min-width:768px) {
 .wojo.tiny.modal,
 .wojo.mini.modal {
  width:70.4%;
  margin:0 0 0 -35.2%
 }
}
@media only screen and (min-width:992px) {
 .wojo.tiny.modal {
  width:580px;
  margin:0 0 0 -240px
 }
 .wojo.tiny.modal {
  width:420px;
  margin:0 0 0 -210px
 }
}
@media only screen and (min-width:1200px) {
 .wojo.tiny.modal {
  width:620px;
  margin:0 0 0 -310px
 }
 .wojo.mini.modal {
  width:480px;
  margin:0 0 0 -240px
 }
}
@media only screen and (min-width:1920px) {
 .wojo.tiny.modal {
  width:560px;
  margin:0 0 0 -280px
 }
 .wojo.mini.modal {
  width:320px;
  margin:0 0 0 -160px
 }
}
@media only screen and (max-width:767px) {
 .wojo.small.modal,
 .wojo.tiny.modal {
  width:95%;
  margin:0 0 0 -47.5%
 }
}
@media only screen and (min-width:768px) {
 .wojo.small.modal {
  width:70.4%;
  margin:0 0 0 -35.2%
 }
}
@media only screen and (min-width:992px) {
 .wojo.small.modal {
  width:680px;
  margin:0 0 0 -340px
 }
}
@media only screen and (min-width:1200px) {
 .wojo.small.modal {
  width:720px;
  margin:0 0 0 -360px
 }
}
@media only screen and (min-width:1920px) {
 .wojo.small.modal {
  width:760px;
  margin:0 0 0 -380px
 }
}
.wojo.large.modal>.header {
 font-size:1.6em
}
@media only screen and (max-width:767px) {
 .wojo.large.modal {
  width:95%;
  margin:0 0 0 -47.5%
 }
}
@media only screen and (min-width:768px) {
 .wojo.large.modal {
  width:88%;
  margin:0 0 0 -44%
 }
}
@media only screen and (min-width:992px) {
 .wojo.large.modal {
  width:1020px;
  margin:0 0 0 -510px
 }
}
@media only screen and (min-width:1200px) {
 .wojo.large.modal {
  width:1080px;
  margin:0 0 0 -540px
 }
}
@media only screen and (min-width:1920px) {
 .wojo.large.modal {
  width:1140px;
  margin:0 0 0 -570px
 }
}
.wojo.progress {
 position:relative;
 display:block;
 max-width:100%;
 border:none;
 margin:0;
 box-shadow:none;
 background-color:#e2e1e6;
 padding:0;
 border-radius:.28571429rem
}
.wojo.progress:first-child {
 margin:0 0 2.5em
}
.wojo.progress:last-child {
 margin:0 0 1.5em
}
.wojo.progress .bar {
 display:block;
 line-height:1;
 position:relative;
 width:0%;
 min-width:0;
 background:rgba(0,0,0,.1);
 border-radius:.188rem;
 -webkit-transition:width .1s ease,background-color .1s ease;
 transition:width .1s ease,background-color .1s ease
}
.wojo.progress .bar>.progress {
 white-space:nowrap;
 position:absolute;
 width:auto;
 font-size:.92857143em;
 top:50%;
 right:.5em;
 left:auto;
 bottom:auto;
 color:rgba(255,255,255,.7);
 text-shadow:none;
 margin-top:-.5em;
 font-weight:700;
 text-align:left
}
.wojo.progress>.label {
 position:absolute;
 width:100%;
 font-size:1em;
 top:100%;
 right:auto;
 left:0%;
 bottom:auto;
 color:rgba(0,0,0,.87);
 text-shadow:none;
 font-family:wsansbold;
 margin-top:.2em;
 text-align:center;
 -webkit-transition:color .4s ease;
 transition:color .4s ease
}
.wojo.progress>.small.label {
 font-size:.875em;
 font-family:wsansdemi
}
.wojo.indicating.progress[data-percent^="1"] .bar,
.wojo.indicating.progress[data-percent^="2"] .bar {
 background-color:#f44336
}
.wojo.indicating.progress[data-percent^="3"] .bar {
 background-color:#ff9800
}
.wojo.indicating.progress[data-percent^="4"] .bar,
.wojo.indicating.progress[data-percent^="5"] .bar {
 background-color:#ffc107
}
.wojo.indicating.progress[data-percent^="6"] .bar {
 background-color:#ffeb3b
}
.wojo.indicating.progress[data-percent^="7"] .bar,
.wojo.indicating.progress[data-percent^="8"] .bar {
 background-color:#4caf50
}
.wojo.indicating.progress[data-percent^="9"] .bar,
.wojo.indicating.progress[data-percent^="100"] .bar {
 background-color:#8bc34a
}
.wojo.indicating.progress[data-percent^="1"] .label,
.wojo.indicating.progress[data-percent^="2"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent^="3"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent^="4"] .label,
.wojo.indicating.progress[data-percent^="5"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent^="6"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent^="7"] .label,
.wojo.indicating.progress[data-percent^="8"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent^="9"] .label,
.wojo.indicating.progress[data-percent^="100"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress[data-percent="1"] .bar,
.wojo.indicating.progress[data-percent="2"] .bar,
.wojo.indicating.progress[data-percent="3"] .bar,
.wojo.indicating.progress[data-percent="4"] .bar,
.wojo.indicating.progress[data-percent="5"] .bar,
.wojo.indicating.progress[data-percent="6"] .bar,
.wojo.indicating.progress[data-percent="7"] .bar,
.wojo.indicating.progress[data-percent="8"] .bar,
.wojo.indicating.progress[data-percent="9"] .bar {
 background-color:#e91e63
}
.wojo.indicating.progress[data-percent="1"] .label,
.wojo.indicating.progress[data-percent="2"] .label,
.wojo.indicating.progress[data-percent="3"] .label,
.wojo.indicating.progress[data-percent="4"] .label,
.wojo.indicating.progress[data-percent="5"] .label,
.wojo.indicating.progress[data-percent="6"] .label,
.wojo.indicating.progress[data-percent="7"] .label,
.wojo.indicating.progress[data-percent="8"] .label,
.wojo.indicating.progress[data-percent="9"] .label {
 color:rgba(0,0,0,.87)
}
.wojo.indicating.progress.success .label {
 color:#6cbb6f
}
.wojo.progress.success .bar {
 background-color:#6cbb6f!important
}
.wojo.progress.success .bar,
.wojo.progress.success .bar::after {
 -webkit-animation:none!important;
 animation:none!important
}
.wojo.progress.success>.label {
 color:#6cbb6f
}
.wojo.progress.warning .bar {
 background-color:#fba92f!important
}
.wojo.progress.warning .bar,
.wojo.progress.warning .bar::after {
 -webkit-animation:none!important;
 animation:none!important
}
.wojo.progress.warning>.label {
 color:#fba92f
}
.wojo.progress.error .bar {
 background-color:#49a7f1!important
}
.wojo.progress.error .bar,
.wojo.progress.error .bar::after {
 -webkit-animation:none!important;
 animation:none!important
}
.wojo.progress.error>.label {
 color:#49a7f1
}
.wojo.progress.transparent .bar {
 background-color:rgba(0,0,0,.1)!important
}
.wojo.active.progress .bar {
 position:relative;
 min-width:2em
}
.wojo.active.progress .bar::after {
 content:'';
 opacity:0;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#fff;
 border-radius:.28571429rem;
 -webkit-animation:progress-active 2s ease infinite;
 animation:progress-active 2s ease infinite
}
@-webkit-keyframes progress-active {
 0% {
  opacity:.3;
  width:0
 }
 100% {
  opacity:0;
  width:100%
 }
}
@keyframes progress-active {
 0% {
  opacity:.3;
  width:0
 }
 100% {
  opacity:0;
  width:100%
 }
}
.wojo.disabled.progress {
 opacity:.35
}
.wojo.disabled.progress .bar,
.wojo.disabled.progress .bar::after {
 -webkit-animation:none!important;
 animation:none!important
}
.wojo.progress.attached {
 background:0 0;
 position:relative;
 border:none;
 margin:0
}
.wojo.progress.attached,
.wojo.progress.attached .bar {
 display:block;
 height:6px;
 padding:0;
 overflow:hidden;
 border-radius:0
}
.wojo.progress.attached .bar {
 border-radius:0
}
.wojo.progress.top.attached,
.wojo.progress.top.attached .bar {
 top:0;
 border-radius:0
}
.wojo.progress.top.attached .bar {
 border-radius:0
}
.wojo.segment>.wojo.attached.progress,
.wojo.card>.wojo.attached.progress,
.wojo.list .item>.wojo.attached.progress,
.wojo.flex .wojo.attached.progress {
 position:absolute;
 top:auto;
 left:0;
 bottom:100%;
 width:100%
}
.wojo.segment>.wojo.bottom.attached.progress,
.wojo.card>.wojo.bottom.attached.progress,
.wojo.list .item>.wojo.bottom.attached.progress,
.wojo.flex .wojo.bottom.progress {
 top:100%;
 bottom:auto
}
.wojo.progress .bar {
 height:1.75em
}
.wojo.pointing.progress,
.wojo.pointing.progress:first-child,
.wojo.pointing.progress:last-child {
 margin:0;
 height:2px
}
.wojo.pointing.progress .bar {
 height:2px
}
.wojo.pointing.progress .bar:after {
 height:6px;
 width:6px;
 right:0;
 top:50%;
 border-radius:500em;
 background-color:#2b3d4c;
 content:"";
 position:absolute;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.wojo.mini.progress {
 font-size:.625rem;
 border-radius:.063rem
}
.wojo.mini.progress .bar {
 height:.35em;
 border-radius:.063rem
}
.wojo.tiny.progress {
 font-size:.85714286rem;
 border-radius:.063rem
}
.wojo.tiny.progress .bar {
 height:.5em;
 border-radius:.063rem
}
.wojo.small.progress {
 font-size:.92857143rem;
 border-radius:.125rem
}
.wojo.small.progress .bar {
 height:1em;
 border-radius:.125rem
}
.wojo.progress {
 font-size:1rem
}
.wojo.large.progress {
 font-size:1.14285714rem
}
.wojo.large.progress .bar {
 height:2.5em
}
.wojo.big.progress {
 font-size:1.28571429rem
}
.wojo.big.progress .bar {
 height:3.5em
}
.wojo.tiny.text {
 font-size:.75rem
}
.wojo.mini.text {
 font-size:.875rem
}
.wojo.small.text {
 font-size:.813rem
}
.wojo.normal.text {
 font-size:1rem;
 font-weight:300;
 text-transform:none
}
.wojo.medium.text {
 font-size:1.25rem
}
.wojo.large.text {
 font-size:1.5rem
}
.wojo.big.text {
 font-size:2rem
}
.wojo.huge.text {
 font-size:4rem
}
.wojo.massive.text {
 font-size:6rem
}
.wojo.gigant.text {
 font-size:8rem
}
.wojo.caps {
 text-transform:uppercase
}
.wojo.dimmed.text {
 opacity:.5
}
.wojo.soft.dimmed.text {
 opacity:.75
}
.wojo.icon.text {
 display:-webkit-inline-flex;
 display:-ms-inline-flex;
 display:inline-flex;
 -webkit-flex-flow:row wrap;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.wojo.icon.text>.icon {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 margin-right:.5em
}
.wojo.thin.text {
 font-family:wsanslight
}
.wojo.light.text {
 font-family:wsansregular
}
.wojo.semi.text {
 font-family:wsansmedium
}
.wojo.demi.text {
 font-family:wsansdemi
}
.wojo.bold.text {
 font-family:wsansbold
}
.wojo.italic.text {
 font-style:italic
}
.wojo.primary.text {
 color:#9c27b0
}
.wojo.secondary.text {
 color:#03a9f4
}
.wojo.positive.text {
 color:#8bc34a
}
.wojo.negative.text {
 color:#e91e63
}
.wojo.white.text {
 color:#fff
}
.wojo.black.text {
 color:#111
}
.wojo.strike.text {
 text-decoration:line-through
}
.wojo.primary.bg {
 background-color:#fdfdfd
}
.wojo.secondary.bg {
 background-color:#f6f7f8
}
.wojo.tertiary.bg {
 background-color:#e1f5fe
}
.wojo.quaternary.bg {
 background-color:#f5f5f5
}
.highlite {
 background-color:#fffde7
}
.wojo.boxed {
 border:1px solid #ddd
}
.wojo.shadow {
 box-shadow:0 10px 30px 0 rgba(0,0,0,.1)
}
.wojo.soft.shadow {
 box-shadow:0 2px 10px 0 rgba(0,0,0,.05)
}
.truncate {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.scrollbox_y,
.scrollbox_x {
 overflow:auto
}
.scrolltrack {
 width:6px;
 background:transparent;
 margin-right:8px;
 border-radius:3px;
 -webkit-transition:background 250ms linear;
 transition:background 250ms linear
}
.scrolltrack:hover,
.scrolltrack.dragging {
 background:#f5f5f5
}
.scrollhandle {
 width:4px;
 right:0;
 background-color:#2b3d4c;
 border-radius:3px;
 -webkit-transition:width 250ms;
 transition:width 250ms
}
.scrolltrack:hover .scrollhandle,
.scrolltrack.dragging .scrollhandle {
 width:6px
}
.scrolltrackx {
 width:100%;
 height:6px;
 background:rgba(0,0,0,.2);
 border-radius:3px;
 -webkit-transition:background 250ms linear;
 transition:background 250ms linear
}
.scrollhandlex {
 height:6px;
 width:100%;
 background-color:#2b3d4c;
 border-radius:3px;
 -webkit-transition:width 250ms;
 transition:width 250ms
}
ul.wojo.tabs {
 margin:0;
 width:auto;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 flex-wrap:wrap
}
ul.wojo.tabs,
ul.wojo.tabs li {
 list-style-type:none;
 margin:0;
 padding:0;
 font-size:1rem;
 position:relative
}
ul.wojo.basic.tabs {
 margin:0;
 width:auto;
 background-color:transparent
}
ul.wojo.tabs li {
 -webkit-flex:0 1 auto;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 margin-right:2px;
 padding:.875em 2em
}
ul.wojo.product.tabs li {
 margin-right:0
}
ul.wojo.product.tabs li:first-child {
 padding:.875em 2em .875em 0
}
ul.wojo.product.tabs li:last-child {
 padding:.875em 0 .875em 2em
}
ul.wojo.tabs li a {
 display:block;
 font-family:wsansregular;
 -webkit-transition:all .35s ease;
 -moz-transition:all .35s ease;
 -o-transition:all .35s ease;
 transition:all .35s ease;
 color:#7e7e7e;
 border-bottom:2px solid transparent;
 text-transform:uppercase;
 font-size:.875em
}
ul.wojo.tabs li.active a {
 color:#9c27b0;
 border-bottom:2px solid #9c27b0
}
ul.wojo.tabs li a:hover {
 color:#9c27b0
}
ul.wojo.tabs li a .icon {
 padding-right:1em
}
ul.wojo.fluid.tabs {
 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
}
ul.wojo.fluid.tabs li {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0px;
 min-width:0;
 margin:0
}
.wojo.tab.wrap {
 position:relative;
 display:flex;
 align-items:left
}
.wojo.tab.wrap button {
 align-self:stretch;
 transition:all .4s ease-out;
 padding:0 1rem 0 1.5rem;
 outline:0;
 border:0;
 font-family:wsansbold;
 background:#fff;
 cursor:pointer
}
.wojo.tab.wrap button.hidden {
 transition:none;
 width:0;
 padding:0;
 overflow:hidden
}
.wojo.tab.wrap button::after {
 content:attr(count);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 background-color:#2b3d4c;
 color:#fff;
 border-radius:.188em;
 width:1em;
 height:1em;
 font-size:1em;
 line-height:1em;
 margin-left:1rem
}
.wojo.tab.wrap>ul.tabs {
 display:flex;
 justify-content:flex-start;
 flex:1;
 overflow:hidden
}
.wojo.tab.wrap ul.tabs li {
 flex:none;
 margin:0
}
.wojo.tab.wrap ul.tabs li a {
 font-family:wsansmedium;
 background-color:transparent;
 color:#fff;
 padding:.75em 1.5em
}
.wojo.tab.wrap ul.tabs li a.active,
.wojo.tab.wrap ul.tabs li a:hover {
 background-color:#fff;
 color:#50646f
}
.wojo.tab.wrap ul.tabs li a:hover {
 color:#50646f
}
.wojo.tab.wrap ul.hidden-links {
 position:absolute;
 background-color:#fff;
 box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
 border:1px solid #e7e7e7;
 right:0;
 top:100%;
 margin:0;
 padding:0;
 list-style-type:none;
 border-radius:0;
 z-index:300
}
.wojo.tab.wrap ul.hidden-links.hidden {
 display:none
}
.wojo.tab.wrap ul.hidden-links li {
 margin:0;
 padding:0;
 list-style-type:none;
 box-shadow:0 1px 0 0 rgba(0,0,0,.08)
}
.wojo.tab.wrap ul.hidden-links li:last-child {
 box-shadow:none
}
.wojo.tab.wrap ul.hidden-links li a {
 font-size:.875rem;
 line-height:1em;
 padding:1rem 1.5rem;
 font-family:wsansbold;
 display:block
}
@media screen and (max-width:769px) {
 ul.wojo.product.tabs li,
 ul.wojo.product.tabs li:last-child {
  padding-left:0
 }
}
.wojo.uploader {
 border:2px dotted #a5a5c7;
 width:100%;
 color:#92aab0;
 text-align:center;
 vertical-align:middle;
 padding:40px 0;
 margin-bottom:10px;
 font-size:1.5em;
 cursor:default;
 user-select:none
}
.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:700;
 color:silver;
 padding:10px
}
.wojo.uploader div.content label {
 background-color:#5a7bc2;
 color:#fff;
 padding:6px 0;
 font-size:14px;
 font-weight:700;
 cursor:pointer;
 border-radius:2px;
 position:relative;
 overflow:hidden;
 display:block;
 width:300px;
 margin:20px auto 0;
 box-shadow:2px 2px 2px #888
}
.wojo.basic.uploader div.content label {
 background-color:transparent;
 color:#5e5e5e;
 padding:0;
 font-size:1em;
 font-weight:400;
 border-radius:0;
 position:relative;
 overflow:hidden;
 display:block;
 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;
 right:0;
 margin:0;
 border:0;
 opacity:0;
 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;
 border:0;
 margin:0;
 padding:.75em 1.5em
}
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:.938em;
 font-family:wsansbold;
 padding:1em
}
ul.wojo.activity li .intro:after,
ul.wojo.activity li .intro:before {
 position:absolute;
 content:"";
 width:6px;
 height:6px;
 background:#2b3d4c;
 right:-4px;
 border-radius:6px;
 top:1.5em;
 z-index:3
}
ul.wojo.activity li .intro:before {
 width:9px;
 height:9px;
 background-color:#fff;
 border-radius:9px;
 right:-5px;
 top:1.35em;
 z-index:2
}
ul.wojo.activity li:nth-child(2n) .content {
 background-color:rgba(0,0,0,.02)
}
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 #00bcd4;
 left:0;
 top:0;
 z-index:1
}
@media screen and (max-width:769px) {
 ul.wojo.activity li .intro {
  float:none;
  width:auto;
  text-align:left;
  padding:.5em 1em;
  background-color:rgba(0,0,0,.05)
 }
 ul.wojo.activity li:nth-child(2n) .content {
  background-color:transparent
 }
 ul.wojo.activity li .content {
  margin-left:0;
  padding:.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.sidebar {
 position:fixed;
 width:270px;
 z-index:10000;
 top:0;
 right:0;
 bottom:0;
 overflow:auto
}
.wojo.breadcrumb {
 line-height:1;
 margin-bottom:2rem;
 vertical-align:middle;
 font-family:wsansregular
}
.wojo.breadcrumb .divider {
 display:inline-block;
 opacity:.7;
 margin:0 .75rem;
 font-size:.913em;
 color:rgba(255,255,255,.4);
 vertical-align:baseline
}
.wojo.breadcrumb a {
 color:rgba(255,255,255,.4)
}
.wojo.breadcrumb a:hover {
 color:rgba(255,255,255,.8)
}
.wojo.breadcrumb .icon.divider {
 font-size:.938em;
 vertical-align:baseline
}
.wojo.breadcrumb a.section {
 cursor:pointer
}
.wojo.breadcrumb .section {
 display:inline-block;
 margin:0;
 padding:0
}
.wojo.breadcrumb .active.section {
 font-family:wsansdemi;
 color:rgba(255,255,255,.8)
}
.wojo.mini.breadcrumb {
 font-size:.75rem
}
.wojo.tiny.breadcrumb {
 font-size:.875rem
}
.wojo.small.breadcrumb {
 font-size:.938rem
}
.wojo.breadcrumb {
 font-size:1rem
}
.wojo.large.breadcrumb {
 font-size:1.125rem
}
.wojo.big.breadcrumb {
 font-size:1.25rem
}
.wojo.huge.breadcrumb {
 font-size:1.5rem
}
.wojo.massive.breadcrumb {
 font-size:2rem
}
.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:.25em;
 color:#9e9e9e;
 width:1em;
 height:1em;
 line-height:1em
}
.wojo.stars a {
 font-size:.813em;
 margin-left:2em;
 border-bottom:1px dotted #7e7e7e;
 color:#7e7e7e
}
.wojo.stars a span {
 font-family:wsansbold
}
.wojo.stars .star.active .icon,
.wojo.stars .star.selected .icon {
 color:#ff9800
}
.fluidbox {
 outline:none
}
.fluidbox__overlay {
 background-color:hsla(0,0%,100%,.85);
 cursor:pointer;
 cursor:zoom-out;
 opacity:0;
 pointer-events:none;
 position:fixed;
 top:-100%;
 left:0;
 bottom:-100%;
 right:0;
 -webkit-transition:all .5s ease-in-out;
 transition:all .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 .5s ease-in-out;
 transition:all .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 .5s 0s;
 transition:opacity 0s 0s,-webkit-transform .5s 0s;
 transition:opacity 0s 0s,transform .5s 0s;
 transition:opacity 0s 0s,transform .5s 0s,-webkit-transform .5s 0s
}
.fluidbox--opened .fluidbox__ghost {
 cursor:pointer;
 cursor:zoom-out
}
.fluidbox--closed .fluidbox__ghost {
 -webkit-transition:opacity 0s .5s,-webkit-transform .5s 0s;
 transition:opacity 0s .5s,-webkit-transform .5s 0s;
 transition:opacity 0s .5s,transform .5s 0s;
 transition:opacity 0s .5s,transform .5s 0s,-webkit-transform .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%,.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:.5s;
 transition-duration:.5s;
 -webkit-transition-delay:0s;
 transition-delay:0s
}
.fluidbox--loading .fluidbox__loader {
 opacity:1;
 -webkit-transition:opacity .5s ease-in-out .5s;
 transition:opacity .5s ease-in-out .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:3em;
 color:#fff;
 background-color:#222;
 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;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
}
.audioplayer-playpause,
.audioplayer-time,
.audioplayer-bar,
.audioplayer-volume {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 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:3em
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus,
.audioplayer-volume:hover,
.audioplayer-volume:focus {
 background-color:#ab47bc
}
.audioplayer-playpause a {
 display:block;
 height:3em;
 color:#fff;
 text-align:center;
 line-height:3em
}
.audioplayer-playpause a .icon,
.audioplayer-volume-button a .icon {
 font-size:1.25rem;
 color:#fff
}
.audioplayer-time {
 width:4.375em;
 text-align:center;
 font-size:.75em;
 -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:#666;
 height:3px;
 width:100%
}
.audioplayer-bar-played {
 background:#fff;
 z-index:3
}
.audioplayer-volume {
 width:3em;
 height:100%;
 cursor:pointer
}
.audioplayer-volume-button {
 width:100%;
 height:100%
}
.audioplayer-volume-button a {
 display:block;
 height:3em;
 color:#fff;
 text-align:center;
 line-height:3em
}
.audioplayer-volume-adjust {
 height:6.25em;
 cursor:default;
 position:absolute;
 left:0;
 right:0;
 top:-9999px;
 background:#9c27b0
}
.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:#ba68c8;
 cursor:pointer;
 position:relative;
 z-index:1;
 margin:30% auto 0
}
.audioplayer-volume-adjust div div {
 width:100%;
 height:100%;
 position:absolute;
 bottom:0;
 left:0;
 background:#fff
}
.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 .35s ease;
 -moz-transition:all .35s ease;
 -o-transition:all .35s ease;
 transition:all .35s ease
}
@font-face {
 font-family:wsanslight;
 src:url(../fonts/wSansLight.woff2) format('woff2'),
 url(../fonts/wSansLight.woff) format('woff');
 font-weight:300;
 font-style:normal;
 font-stretch:normal;
 unicode-range:U+001D-212E
}
@font-face {
 font-family:wsansregular;
 src:url(../fonts/wSansRegular.woff2) format('woff2'),
 url(../fonts/wSansRegular.woff) format('woff');
 font-weight:400;
 font-style:normal;
 font-stretch:normal;
 unicode-range:U+0020-212E
}
@font-face {
 font-family:wsansmedium;
 src:url(../fonts/wSansMedium.woff2) format('woff2'),
 url(../fonts/wSansMedium.woff) format('woff');
 font-weight:500;
 font-style:normal;
 font-stretch:normal;
 unicode-range:U+0020-212E
}
@font-face {
 font-family:wsansdemi;
 src:url(../fonts/wSansDemi.woff2) format('woff2'),
 url(../fonts/wSansDemi.woff) format('woff');
 font-weight:600;
 font-style:normal;
 font-stretch:normal;
 unicode-range:U+0020-212E
}
@font-face {
 font-family:wsansbold;
 src:url(../fonts/wSansBold.woff2) format('woff2'),
 url(../fonts/wSansBold.woff) format('woff');
 font-weight:700;
 font-style:normal;
 font-stretch:normal;
 unicode-range:U+0020-212E
}
html,
body {
 font-size:16px
}
body {
 font-family:wsansregular,sans-serif;
 color:#7e7e7e;
 background-color:#fff;
 font-weight:400;
 line-height:1.5;
 margin:0;
 padding:0
}
b,
strong {
 font-family:wsansbold
}
a,
a.inverted,
a.white {
 cursor:pointer;
 color:#9c27b0;
 text-decoration:none;
 -webkit-transition:all .35s ease;
 -moz-transition:all .35s ease;
 -o-transition:all .35s ease;
 transition:all .35s ease;
 outline:none
}
a:hover,
a.hover,
a:focus {
 color:#ba68c8;
 -webkit-transition:all .55s ease;
 -moz-transition:all .55s ease;
 -o-transition:all .35s ease;
 transition:all .55s ease;
 outline:none;
 text-decoration:none
}
a.inverted,
p.inverted {
 color:#111
}
a.white {
 color:#fff
}
a.inverted:hover,
a.inverted.hover,
a.inverted:focus {
 color:#2e3c43
}
a.white:hover,
a.white.hover,
a.white:focus {
 color:rgba(255,255,255,.6)
}
h1 {
 min-height:1rem;
 line-height:3.5rem;
 font-size:3rem;
 font-family:wsanslight;
 font-weight:300
}
h2 {
 line-height:2.5rem;
 font-size:2rem;
 font-family:wsanslight;
 font-weight:300;
 margin-bottom:2em;
 color:#111
}
h2.title {
 margin-bottom:.5em;
 line-height:2rem
}
h3 {
 line-height:2rem;
 font-size:1.5rem;
 font-family:wsansmedium;
 font-weight:500;
 color:#111;
 margin-bottom:1rem
}
h4 {
 line-height:1.375rem;
 font-size:.813rem;
 font-family:wsansbold;
 text-transform:uppercase
}
h5 {
 line-height:2rem;
 font-size:1rem;
 font-family:wsansbold;
 font-weight:700
}
h6 {
 line-height:2rem;
 font-size:.7rem;
 font-family:wsansbold;
 font-weight:700;
 text-transform:uppercase
}
header {
 background-color:#9c27b0
}
header a.logo {
 display:block;
 vertical-align:middle;
 line-height:1
}
.logo img,
.logo svg {
 height:2em;
 padding-right:1em
}
.logoshape1,
.logoshape3 {
 fill:#e1bee7!important
}
.logoshape2 {
 fill:#fff!important
}
footer .logoshape1,
footer .logoshape3 {
 fill:rgba(255,255,255,.5)!important
}
footer .logoshape2 {
 fill:rgba(255,255,255,.9)!important
}
footer .logo img,
footer .logo svg {
 height:1.5em
}
#top-section {
 border-bottom:1px solid rgba(255,255,255,.2);
 height:3.75em;
 background-color:#9c27b0
}
#top-section .is_button {
 width:3.75em;
 height:3.75em;
 display:block;
 text-align:center;
 color:#fff;
 line-height:3.75em;
 border-right:1px solid rgba(255,255,255,.2)
}
#top-section .is_button.first {
 border-left:1px solid rgba(255,255,255,.2)
}
#top-section .is_button:hover,
#top-section .is_button.active {
 background-color:#ab47bc
}
#top-section .is_search {
 border-left:1px solid rgba(255,255,255,.2)
}
#top-section .categories {
 color:#fff;
 padding-left:1em
}
#top-section .categories span {
 padding-left:1em;
 font-family:wsansmedium;
 font-size:.875em
}
#top-section .avatar {
 width:3em;
 border-radius:500em;
 vertical-align:middle
}
#bottom-section {
 height:8em;
 background:-moz-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%);
 background:-webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%);
 background:linear-gradient(to bottom,#07121c 0%,#0d1e2d 15%);
 position:relative
}
#cTotal {
 position:absolute;
 right:.5em;
 top:.5em;
 width:1.25rem;
 height:1.25rem;
 font-size:.625rem;
 background:#ab47bc;
 line-height:1.25rem;
 border-radius:1.25rem
}
#search,
#categories {
 box-shadow:0 13px 32px 0 rgba(0,0,0,.2);
 position:absolute;
 width:100%;
 left:0;
 height:8.5em;
 z-index:3;
 background-color:#9c27b0;
 padding:2.5em 3.75em
}
#categories {
 padding:1em 3.75em;
 height:auto
}
#langChange {
 position:absolute;
 z-index:3;
 width:3.75em;
 text-align:center;
 left:0;
 box-shadow:0 13px 32px 0 rgba(0,0,0,.2)
}
#langChange a {
 display:block;
 width:3.75em;
 height:3.75em;
 text-align:center;
 line-height:3.75em;
 background:#9c27b0;
 color:#fff;
 font-family:wsansbold
}
#langChange a:hover {
 color:#9c27b0;
 background:#fff
}
#cartList {
 position:absolute;
 z-index:3;
 right:0;
 background:#fff;
 padding:1em;
 min-width:20em
}
#searchResult {
 background-color:#fff;
 max-height:500px;
 overflow:auto;
 box-shadow:0 0 65px 0 rgba(0,0,0,.2)
}
#crumbs {
 text-align:center;
 color:#fff;
 padding-top:1.5em
}
nav.menu>ul {
 margin:0 auto;
 list-style:none;
 padding:0;
 box-sizing:border-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-flow:row wrap;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
nav.menu>ul>li {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%;
 padding:0 2em 0 0;
 margin:0
}
nav.menu>ul>li a {
 text-decoration:none;
 display:block;
 color:rgba(255,255,255,.95)
}
nav.menu strong {
 font-family:wsansbold;
 text-transform:uppercase;
 font-size:.875em
}
nav.menu>ul>li a:hover,
nav.menu>ul>li a.active {
 color:rgba(255,255,255,.5)
}
nav.menu>ul>li>ul {
 padding:0;
 margin:0;
 list-style:none
}
nav.menu>ul>li>ul>li {
 margin:0;
 padding:0;
 list-style:none
}
nav.menu .sub-parent {
 margin-top:1em
}
nav.menu .sub-parent>a {
 font-family:wsansbold;
 text-transform:uppercase;
 font-size:.813em
}
nav.menu>ul>li>ul>li a {
 padding:.2em 0;
 display:block
}
nav.menu>ul>li>ul>li>ul {
 display:block;
 padding:0;
 list-style:none;
 box-sizing:border-box
}
main {
 background-color:#fff;
 box-shadow:0 0 65px 0 rgba(0,0,0,.2);
 position:relative;
 top:-4em;
 z-index:2
}
.row.celled:hover {
 border-bottom:1px solid #9c27b0;
 box-shadow:0 15px 50px 0 rgba(0,0,0,.1);
 -webkit-transition:all .55s ease;
 -moz-transition:all .55s ease;
 -o-transition:all .35s ease;
 transition:all .55s ease
}
#filter .items {
 border-right:1px solid rgba(0,0,0,.1);
 padding:1em;
 display:block
}
#filter .items.active {
 color:#9c27b0
}
#filter .items.last {
 border-right:0
}
footer {
 background-color:#263238;
 padding:6em 2em;
 color:#878c94;
 background-image:url(../images/bg_footer.png);
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:center center;
 background-size:cover
}
#special1 {
 background:#673ab7;
 background:-moz-linear-gradient(-45deg,rgba(103,58,183,1) 0%,rgba(142,109,202,1) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(103,58,183,1) 0%,rgba(142,109,202,1) 100%);
 background:linear-gradient(135deg,rgba(103,58,183,1) 0%,rgba(142,109,202,1) 100%)
}
#special2 {
 background:#03a9f4;
 background:-moz-linear-gradient(-45deg,rgba(3,169,244,1) 0%,rgba(68,191,247,1) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(3,169,244,1) 0%,rgba(68,191,247,1) 100%);
 background:linear-gradient(135deg,rgba(3,169,244,1) 0%,rgba(68,191,247,1) 100%)
}
#special3 {
 background:#009688;
 background:-moz-linear-gradient(-45deg,rgba(0,150,136,1) 0%,rgba(66,177,167,1) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(0,150,136,1) 0%,rgba(66,177,167,1) 100%);
 background:linear-gradient(135deg,rgba(0,150,136,1) 0%,rgba(66,177,167,1) 100%)
}
#special4 {
 background-color:#eee;
 background-image:url(../images/deals.jpg);
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover
}
#ytube {
 box-shadow:0 2px 10px 0 rgba(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,.25),0 10px 10px rgba(0,0,0,.22)
}
#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,.2);
 opacity:.5
}
#colorPanel ul li:first-child a {
 background-color:#9c27b0!important
}
#colorPanel ul a:hover,
#colorPanel ul a.active {
 opacity:1
}
#cpToggle {
 display:block;
 width:1.5em;
 height:1.5em
}
#preloader {
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:10000;
 background-color:#9c27b0
}
.sk-cube-grid {
 width:100px;
 height:100px;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%)
}
.sk-cube-grid .sk-cube {
 width:33.33%;
 height:33.33%;
 background-color:#fff;
 float:left;
 -webkit-animation:sk-cube 1.3s infinite ease-in-out;
 animation:sk-cube 1.3s infinite ease-in-out
}
.sk-cube-grid .sk-cube1 {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.sk-cube-grid .sk-cube2 {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.sk-cube-grid .sk-cube3 {
 -webkit-animation-delay:.4s;
 animation-delay:.4s
}
.sk-cube-grid .sk-cube4 {
 -webkit-animation-delay:.1s;
 animation-delay:.1s
}
.sk-cube-grid .sk-cube5 {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.sk-cube-grid .sk-cube6 {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.sk-cube-grid .sk-cube7 {
 -webkit-animation-delay:0s;
 animation-delay:0s
}
.sk-cube-grid .sk-cube8 {
 -webkit-animation-delay:.1s;
 animation-delay:.1s
}
.sk-cube-grid .sk-cube9 {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
@-webkit-keyframes sk-cube {
 0%,
 70%,
 100% {
  -webkit-transform:scale3D(1,1,1);
  transform:scale3D(1,1,1)
 }
 35% {
  -webkit-transform:scale3D(0,0,1);
  transform:scale3D(0,0,1)
 }
}
@keyframes sk-cube {
 0%,
 70%,
 100% {
  -webkit-transform:scale3D(1,1,1);
  transform:scale3D(1,1,1)
 }
 35% {
  -webkit-transform:scale3D(0,0,1);
  transform:scale3D(0,0,1)
 }
}
@media screen and (min-width:40.625em) and (max-width:64em) {
}
@media screen and (max-width:48.063em) {
 #top-section .categories {
  width:3.75em;
  height:3.75em;
  display:block;
  text-align:center;
  padding:0;
  line-height:3.75em;
  border-right:1px solid rgba(255,255,255,.2);
  border-left:1px solid rgba(255,255,255,.2)
 }
 #top-section .is_search {
  border-right:0
 }
 #top-section .is_language {
  -webkit-flex:1 1 0;
  -ms-flex:1 1 0;
  flex:1 1 0px;
  min-width:0;
  max-width:auto
 }
 #top-section .is_button.last {
  border-left:1px solid rgba(255,255,255,.2)
 }
 nav.menu>ul {
  -webkit-flex-flow:column;
  -ms-flex-flow:column;
  flex-flow:column
 }
 nav.menu>ul>li {
  padding:0
 }
 nav.menu>ul>li>ul,
 nav.menu>ul>li>ul>li>ul {
  margin-left:1em
 }
 .tocible {
  display:none
 }
}
@media screen and (max-width:30em) {
 .tocible {
  display:none
 }
}