*,*::before,*::after{
    box-sizing:inherit
}
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;
    direction: rtl;
    text-align: right;
}
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
}
html.ios{
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch
}
html.ios,html.ios body{
    height:initial !important
}
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:bold
}
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: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
}
blockquote{
    background:#F9F9F9;
    border-radius:0.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:#CCCCCC;
    content:"\e108";
    font-family:'WojoIcons';
    font-size:1.5em;
    left:0;
    position:absolute;
    top:.5em
}
blockquote p:last-child:after{
    bottom:2px;
    color:#CCCCCC;
    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%
}
.clip{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
cite{
    font-style:normal
}
img{
    border:0 none;
    vertical-align:top;
    width:auto;
    max-width:100%;
    max-height:auto
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0;
    line-height:0;
    position:relative
}
fieldset{
    border:1px solid silver;
    margin:0;
    padding:.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:0.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%
}
.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
}
.push-right{
    float:right
}
.wojo-grid{
    width:auto;
    max-width:1440px;
    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-vertical-padding{
    padding:4em 0
}
.double-horizontal-padding{
    padding:0 4em
}
.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 0px;
    -ms-flex:1 1 0px;
    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%
}
.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-25{
        -webkit-flex:0 0 25%;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .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-75{
        -webkit-flex:0 0 75%;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .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 33.33333%;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .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 16.66667%;
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .screen-block-7 > .column{
        -webkit-flex:0 0 14.28571%;
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
    .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 #DDDDDD
    }
    .screen-left-divider{
        box-shadow:inset 1px 0 0 0 #DDDDDD
    }
}
@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-25{
        -webkit-flex:0 0 25%;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .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-75{
        -webkit-flex:0 0 75%;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .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 33.33333%;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .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 16.66667%;
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .tablet-block-7 > .column{
        -webkit-flex:0 0 14.28571%;
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
    .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 #DDDDDD
    }
    .tablet-left-divider{
        box-shadow:inset 1px 0 0 0 #DDDDDD
    }
}
@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-25{
        -webkit-flex:0 0 25%;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .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-75{
        -webkit-flex:0 0 75%;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .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 33.33333%;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .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 16.66667%;
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .mobile-block-7 > .column{
        -webkit-flex:0 0 14.28571%;
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
    .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
    }
    .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:-0.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:0.5em;
        margin-bottom:0.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:0.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:0.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
    }
}
@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-25{
        -webkit-flex:0 0 25%;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .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-75{
        -webkit-flex:0 0 75%;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .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 33.33333%;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .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 16.66667%;
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .phone-block-7 > .column{
        -webkit-flex:0 0 14.28571%;
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
    .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:-0.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:0.5em;
        margin-bottom:0.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:0.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:0.5em
    }
    .phone-flex-hide,.phone-hide{
        display:none
    }
    .phone-flex-show,.phone-show{
        display:block
    }
    .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
    }
}
#debug-panel{
    opacity:0.9;
    position:fixed;
    bottom:0;
    left:0;
    z-index:2000;
    width:100%
}
#debug-panel .debug-wrapper{
    padding:0px .875em;
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.2);
    border-bottom:0;
    margin:0px auto 0px auto
}
#debug-panel .items{
    padding:10px;
    height:200px;
    overflow-y:auto;
    padding-top:1em;
    font-size:13px;
    color:#888;
    font-family:Monaco, Menlo, Consolas, "Courier New", monospace
}
#debug-panel pre{
    font-size:12px
}
#debug-panel .debug-wrapper .legend{
    background-color:#f9f9f9;
    padding:.25em;
    border:1px solid rgba(0,0,0,0.2);
    width:auto;
    margin-top:-1.25em
}
#debug-panel .debug-wrapper .legend span{
    color:#999;
    font-weight:300
}
#debug-panel a{
    text-decoration:none;
    color:rgba(0,0,0,0.5);
    font-size:.875rem;
    margin:0 .25em
}
#debug-panel a.clear_session{
    color:#FF6E00;
    opacity:1;
    margin-left:.5em
}
#debug-panel #contentQueries{
    color:#FF0000
}
#debug-panel .checkbox{
    font-size:14px;
    line-height:1em;
    padding-left:.5em
}
#debug-panel pre{
    border:0px
}
.transition{
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:300ms;
    animation-duration:300ms;
    -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:500ms;
    animation-duration:500ms
}
.transition.browse.in{
    -webkit-animation-name:browseIn;
    animation-name:browseIn
}
.transition.browse.out,.transition.browse.left.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(0.8) translateZ(0px);
         transform:scale(0.8) translateZ(0px);
         z-index:-1
    }
     10%{
         -webkit-transform:scale(0.8) translateZ(0px);
         transform:scale(0.8) translateZ(0px);
         z-index:-1;
         opacity:0.7
    }
     80%{
         -webkit-transform:scale(1.05) translateZ(0px);
         transform:scale(1.05) translateZ(0px);
         opacity:1;
         z-index:999
    }
     100%{
         -webkit-transform:scale(1) translateZ(0px);
         transform:scale(1) translateZ(0px);
         z-index:999
    }
}
@keyframes browseIn{
     0%{
         -webkit-transform:scale(0.8) translateZ(0px);
         transform:scale(0.8) translateZ(0px);
         z-index:-1
    }
     10%{
         -webkit-transform:scale(0.8) translateZ(0px);
         transform:scale(0.8) translateZ(0px);
         z-index:-1;
         opacity:0.7
    }
     80%{
         -webkit-transform:scale(1.05) translateZ(0px);
         transform:scale(1.05) translateZ(0px);
         opacity:1;
         z-index:999
    }
     100%{
         -webkit-transform:scale(1) translateZ(0px);
         transform:scale(1) translateZ(0px);
         z-index:999
    }
}
@-webkit-keyframes browseOutLeft{
     0%{
         z-index:999;
         -webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg)
    }
     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(0deg) rotateX(0deg) translateZ(-10px);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
         opacity:0
    }
}
@keyframes browseOutLeft{
     0%{
         z-index:999;
         -webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg)
    }
     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(0deg) rotateX(0deg) translateZ(-10px);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
         opacity:0
    }
}
@-webkit-keyframes browseOutRight{
     0%{
         z-index:999;
         -webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg)
    }
     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(0deg) rotateX(0deg) translateZ(-10px);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
         opacity:0
    }
}
@keyframes browseOutRight{
     0%{
         z-index:999;
         -webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg)
    }
     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(0deg) rotateX(0deg) translateZ(-10px);
         transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
         opacity:0
    }
}
.drop.transition{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-duration:400ms;
    animation-duration:400ms;
    -webkit-animation-timing-function:cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function:cubic-bezier(0.34, 1.61, 0.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:600ms;
    animation-duration:600ms
}
.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(0deg);
         transform:perspective(2000px) rotateY(0deg);
         opacity:1
    }
}
@keyframes horizontalFlipIn{
     0%{
         -webkit-transform:perspective(2000px) rotateY(-90deg);
         transform:perspective(2000px) rotateY(-90deg);
         opacity:0
    }
     100%{
         -webkit-transform:perspective(2000px) rotateY(0deg);
         transform:perspective(2000px) rotateY(0deg);
         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(0deg);
         transform:perspective(2000px) rotateX(0deg);
         opacity:1
    }
}
@keyframes verticalFlipIn{
     0%{
         -webkit-transform:perspective(2000px) rotateX(-90deg);
         transform:perspective(2000px) rotateX(-90deg);
         opacity:0
    }
     100%{
         -webkit-transform:perspective(2000px) rotateX(0deg);
         transform:perspective(2000px) rotateX(0deg);
         opacity:1
    }
}
@-webkit-keyframes horizontalFlipOut{
     0%{
         -webkit-transform:perspective(2000px) rotateY(0deg);
         transform:perspective(2000px) rotateY(0deg);
         opacity:1
    }
     100%{
         -webkit-transform:perspective(2000px) rotateY(90deg);
         transform:perspective(2000px) rotateY(90deg);
         opacity:0
    }
}
@keyframes horizontalFlipOut{
     0%{
         -webkit-transform:perspective(2000px) rotateY(0deg);
         transform:perspective(2000px) rotateY(0deg);
         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(0deg);
         transform:perspective(2000px) rotateX(0deg);
         opacity:1
    }
     100%{
         -webkit-transform:perspective(2000px) rotateX(-90deg);
         transform:perspective(2000px) rotateX(-90deg);
         opacity:0
    }
}
@keyframes verticalFlipOut{
     0%{
         -webkit-transform:perspective(2000px) rotateX(0deg);
         transform:perspective(2000px) rotateX(0deg);
         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(0.8);
         transform:scale(0.8)
    }
     100%{
         opacity:1;
         -webkit-transform:scale(1);
         transform:scale(1)
    }
}
@keyframes scaleIn{
     0%{
         opacity:0;
         -webkit-transform:scale(0.8);
         transform:scale(0.8)
    }
     100%{
         opacity:1;
         -webkit-transform:scale(1);
         transform:scale(1)
    }
}
@-webkit-keyframes scaleOut{
     0%{
         opacity:1;
         -webkit-transform:scale(1);
         transform:scale(1)
    }
     100%{
         opacity:0;
         -webkit-transform:scale(0.9);
         transform:scale(0.9)
    }
}
@keyframes scaleOut{
     0%{
         opacity:1;
         -webkit-transform:scale(1);
         transform:scale(1)
    }
     100%{
         opacity:0;
         -webkit-transform:scale(0.9);
         transform:scale(0.9)
    }
}
.transition.fly{
    -webkit-animation-duration:0.6s;
    animation-duration:0.6s;
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.3, 0.3, 0.3);
         transform:scale3d(0.3, 0.3, 0.3)
    }
     20%{
         -webkit-transform:scale3d(1.1, 1.1, 1.1);
         transform:scale3d(1.1, 1.1, 1.1)
    }
     40%{
         -webkit-transform:scale3d(0.9, 0.9, 0.9);
         transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
         transform:scale3d(0.97, 0.97, 0.97)
    }
     100%{
         opacity:1;
         -webkit-transform:scale3d(1, 1, 1);
         transform:scale3d(1, 1, 1)
    }
}
@keyframes flyIn{
     0%{
         opacity:0;
         -webkit-transform:scale3d(0.3, 0.3, 0.3);
         transform:scale3d(0.3, 0.3, 0.3)
    }
     20%{
         -webkit-transform:scale3d(1.1, 1.1, 1.1);
         transform:scale3d(1.1, 1.1, 1.1)
    }
     40%{
         -webkit-transform:scale3d(0.9, 0.9, 0.9);
         transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
         transform:scale3d(0.97, 0.97, 0.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(0.9, 0.9, 0.9);
         transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
         transform:scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes flyOut{
     20%{
         -webkit-transform:scale3d(0.9, 0.9, 0.9);
         transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
         transform:scale3d(0.3, 0.3, 0.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;
    transform-origin:top center
}
.transition[class*="slide up"].in{
    -webkit-animation-name:slideInY;
    animation-name:slideInY;
    -webkit-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;
    transform-origin:center right
}
.transition[class*="slide right"].in{
    -webkit-animation-name:slideInX;
    animation-name:slideInX;
    -webkit-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;
    transform-origin:top center
}
.transition[class*="slide up"].out{
    -webkit-animation-name:slideOutY;
    animation-name:slideOutY;
    -webkit-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;
    transform-origin:center right
}
.transition[class*="slide right"].out{
    -webkit-animation-name:slideOutX;
    animation-name:slideOutX;
    -webkit-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:800ms;
    animation-duration:800ms
}
.transition[class*="swing down"].in{
    -webkit-animation-name:swingInX;
    animation-name:swingInX;
    -webkit-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;
    transform-origin:bottom center
}
.transition[class*="swing left"].in{
    -webkit-animation-name:swingInY;
    animation-name:swingInY;
    -webkit-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;
    transform-origin:center left
}
.transition.swing.out,.transition[class*="swing down"].out{
    -webkit-animation-name:swingOutX;
    animation-name:swingOutX;
    -webkit-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;
    transform-origin:bottom center
}
.transition[class*="swing left"].out{
    -webkit-animation-name:swingOutY;
    animation-name:swingOutY;
    -webkit-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;
    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(0deg);
         transform:perspective(1000px) rotateX(0deg)
    }
}
@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(0deg);
         transform:perspective(1000px) rotateX(0deg)
    }
}
@-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(0deg);
         transform:perspective(1000px) rotateY(0deg)
    }
}
@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(0deg);
         transform:perspective(1000px) rotateY(0deg)
    }
}
@-webkit-keyframes swingOutX{
     0%{
         -webkit-transform:perspective(1000px) rotateX(0deg);
         transform:perspective(1000px) rotateX(0deg)
    }
     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(0deg);
         transform:perspective(1000px) rotateX(0deg)
    }
     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(0deg);
         transform:perspective(1000px) rotateY(0deg)
    }
     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(0deg);
         transform:perspective(1000px) rotateY(0deg)
    }
     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:750ms;
    animation-duration:750ms;
    -webkit-animation-name:flash;
    animation-name:flash
}
.shake.transition{
    -webkit-animation-duration:750ms;
    animation-duration:750ms;
    -webkit-animation-name:shake;
    animation-name:shake
}
.bounce.transition{
    -webkit-animation-duration:750ms;
    animation-duration:750ms;
    -webkit-animation-name:bounce;
    animation-name:bounce
}
.tada.transition{
    -webkit-animation-duration:750ms;
    animation-duration:750ms;
    -webkit-animation-name:tada;
    animation-name:tada
}
.pulse.transition{
    -webkit-animation-duration:500ms;
    animation-duration:500ms;
    -webkit-animation-name:pulse;
    animation-name:pulse
}
.jiggle.transition{
    -webkit-animation-duration:750ms;
    animation-duration:750ms;
    -webkit-animation-name:jiggle;
    animation-name:jiggle
}
@-webkit-keyframes flash{
     0%, 50%, 100%{
         opacity:1
    }
     25%, 75%{
         opacity:0
    }
}
@keyframes flash{
     0%, 50%, 100%{
         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%, 20%, 50%, 80%, 100%{
         -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%, 20%, 50%, 80%, 100%{
         -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(0.9) rotate(-3deg);
         transform:scale(0.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(0.9) rotate(-3deg);
         transform:scale(0.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%{
         -webkit-transform:scale(1);
         transform:scale(1);
         opacity:1
    }
     50%{
         -webkit-transform:scale(0.9);
         transform:scale(0.9);
         opacity:0.7
    }
     100%{
         -webkit-transform:scale(1);
         transform:scale(1);
         opacity:1
    }
}
@keyframes pulse{
     0%{
         -webkit-transform:scale(1);
         transform:scale(1);
         opacity:1
    }
     50%{
         -webkit-transform:scale(0.9);
         transform:scale(0.9);
         opacity:0.7
    }
     100%{
         -webkit-transform:scale(1);
         transform:scale(1);
         opacity:1
    }
}
@-webkit-keyframes jiggle{
     0%{
         -webkit-transform:scale3d(1, 1, 1);
         transform:scale3d(1, 1, 1)
    }
     30%{
         -webkit-transform:scale3d(1.25, 0.75, 1);
         transform:scale3d(1.25, 0.75, 1)
    }
     40%{
         -webkit-transform:scale3d(0.75, 1.25, 1);
         transform:scale3d(0.75, 1.25, 1)
    }
     50%{
         -webkit-transform:scale3d(1.15, 0.85, 1);
         transform:scale3d(1.15, 0.85, 1)
    }
     65%{
         -webkit-transform:scale3d(0.95, 1.05, 1);
         transform:scale3d(0.95, 1.05, 1)
    }
     75%{
         -webkit-transform:scale3d(1.05, 0.95, 1);
         transform:scale3d(1.05, 0.95, 1)
    }
     100%{
         -webkit-transform:scale3d(1, 1, 1);
         transform:scale3d(1, 1, 1)
    }
}
@keyframes jiggle{
     0%{
         -webkit-transform:scale3d(1, 1, 1);
         transform:scale3d(1, 1, 1)
    }
     30%{
         -webkit-transform:scale3d(1.25, 0.75, 1);
         transform:scale3d(1.25, 0.75, 1)
    }
     40%{
         -webkit-transform:scale3d(0.75, 1.25, 1);
         transform:scale3d(0.75, 1.25, 1)
    }
     50%{
         -webkit-transform:scale3d(1.15, 0.85, 1);
         transform:scale3d(1.15, 0.85, 1)
    }
     65%{
         -webkit-transform:scale3d(0.95, 1.05, 1);
         transform:scale3d(0.95, 1.05, 1)
    }
     75%{
         -webkit-transform:scale3d(1.05, 0.95, 1);
         transform:scale3d(1.05, 0.95, 1)
    }
     100%{
         -webkit-transform:scale3d(1, 1, 1);
         transform:scale3d(1, 1, 1)
    }
}
.wojo.button{
    cursor:pointer;
    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;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    outline:none;
    border:0;
    vertical-align:middle;
    background-color:#999999;
    color:#ffffff;
    font-family:'Roboto';
    font-weight:400;
    margin:0em 0.25em 0em 0em;
    padding:0.750em 1.875em;
    line-height:1.5;
    font-style:normal;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    border-radius:0.188rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    will-change:inherit;
    box-shadow:0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    -webkit-tap-highlight-color:transparent;
    transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.wojo.button:hover,.wojo.button:active,.wojo.button:focus{
    box-shadow:0px 14px 26px -12px rgba(153, 153, 153, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(153, 153, 153, 0.2)
}
.wojo.button:active,.wojo.button.active{
    box-shadow:0 3px 3px 3px rgba(0, 0, 0, 0.125) inset;
    background-image:none;
    outline:0px none
}
.wojo.basic.buttons .button,.wojo.basic.button,.wojo.basic.primary.buttons .button,.wojo.basic.primary.button,.wojo.basic.secondary.buttons .button,.wojo.basic.secondary.button,.wojo.basic.positive.buttons .button,.wojo.basic.positive.button,.wojo.basic.negative.buttons .button,.wojo.basic.negative.button,.wojo.basic.white.buttons .button,.wojo.basic.white.button,.wojo.simple.buttons .button,.wojo.simple.button,.wojo.simple.primary.buttons .button,.wojo.simple.primary.button,.wojo.simple.secondary.buttons .button,.wojo.simple.secondary.button,.wojo.simple.positive.buttons .button,.wojo.simple.positive.button,.wojo.simple.negative.buttons .button,.wojo.simple.negative.button,.wojo.simple.white.buttons .button,.wojo.simple.white.button{
    background:#1a2b3b;
    box-shadow:inset 0px 0px 0px 2px rgba(34, 36, 38, 0.15);
    color: #fff;
}
.wojo.simple.buttons .button,.wojo.simple.button,.wojo.simple.primary.buttons .button,.wojo.simple.primary.button,.wojo.simple.secondary.buttons .button,.wojo.simple.secondary.button,.wojo.simple.positive.buttons .button,.wojo.simple.positive.button,.wojo.simple.negative.buttons .button,.wojo.simple.negative.button,.wojo.simple.white.buttons .button,.wojo.simple.white.button{
    box-shadow:none
}
.wojo.primary.buttons .button,.wojo.primary.button{
    background-color:#27375b;
    box-shadow:0px 2px 2px 0px rgba(233, 30, 99, 0.14), 0px 3px 1px -2px rgba(233, 30, 99, 0.2), 0px 1px 5px 0px rgba(233, 30, 99, 0.12)
}
.wojo.primary.buttons .button:hover,.wojo.primary.buttons .button:active,.wojo.primary.buttons .button:focus,.wojo.primary.button:hover,.wojo.primary.button:active,.wojo.primary.button:focus{
    box-shadow:0px 14px 26px -12px rgba(233, 30, 99, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(233, 30, 99, 0.2)
}
.wojo.primary.buttons .button:active,.wojo.primary.buttons .button.active,.wojo.primary.button:active,.wojo.primary.button.active{
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.125) inset
}
.wojo.simple.primary.buttons .button,.wojo.simple.primary.button{
    color:#E91E63
}
.wojo.basic.primary.buttons .button,.wojo.basic.primary.button{
    box-shadow:0px 0px 0px 2px #E91E63;
    color:#009ed6
}
.wojo.secondary.buttons .button,.wojo.secondary.button{
    background-color: #27375b;
    box-shadow: 0px 2px 2px 0px rgba(39, 55, 91, 0.13), 0px 3px 1px -2px rgba(39, 55, 91, 0.63), 0px 1px 5px 0px rgba(39, 55, 91, 0.2);
}
.wojo.secondary.buttons .button:hover,.wojo.secondary.buttons .button:active,.wojo.secondary.buttons .button:focus,.wojo.secondary.button:hover,.wojo.secondary.button:active,.wojo.secondary.button:focus{
    box-shadow:0px 14px 26px -12px rgb(0, 158, 214), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(156, 39, 176, 0.2)
}
.wojo.secondary.buttons .button:active,.wojo.secondary.buttons .button.active,.wojo.secondary.button:active,.wojo.secondary.button.active{
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.125) inset
}
.wojo.simple.secondary.buttons .button,.wojo.simple.secondary.button{
    color:#673AB7
}
.wojo.basic.secondary.buttons .button,.wojo.basic.secondary.button{
    box-shadow:0px 0px 0px 2px #673AB7;
    color:#673AB7
}
.wojo.positive.buttons .button,.wojo.positive.button{
    background-color:#4CAF50;
    box-shadow:0px 2px 2px 0px rgba(76, 175, 80, 0.14), 0px 3px 1px -2px rgba(76, 175, 80, 0.2), 0px 1px 5px 0px rgba(76, 175, 80, 0.12)
}
.wojo.positive.buttons .button:hover,.wojo.positive.buttons .button:active,.wojo.positive.buttons .button:focus,.wojo.positive.button:hover,.wojo.positive.button:active,.wojo.positive.button:focus{
    box-shadow:0px 14px 26px -12px rgba(76, 175, 80, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(76, 175, 80, 0.2)
}
.wojo.positive.buttons .button:active,.wojo.positive.buttons .button.active,.wojo.positive.button:active,.wojo.positive.button.active{
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.125) inset
}
.wojo.simple.positive.buttons .button,.wojo.simple.positive.button{
    color:#4CAF50
}
.wojo.basic.positive.buttons .button,.wojo.basic.positive.button{
    box-shadow:0px 0px 0px 2px #4CAF50;
    color:#4CAF50
}
.wojo.negative.buttons .button,.wojo.negative.button{
    background-color:#F44336;
    box-shadow:0px 2px 2px 0px rgba(244, 67, 54, 0.14), 0px 3px 1px -2px rgba(244, 67, 54, 0.2), 0px 1px 5px 0px rgba(244, 67, 54, 0.12)
}
.wojo.negative.buttons .button:hover,.wojo.negative.buttons .button:active,.wojo.negative.buttons .button:focus,.wojo.negative.button:hover,.wojo.negative.button:active,.wojo.negative.button:focus{
    box-shadow:0px 14px 26px -12px rgba(244, 67, 54, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(244, 67, 54, 0.2)
}
.wojo.negative.buttons .button:active,.wojo.negative.buttons .button.active,.wojo.negative.button:active,.wojo.negative.button.active{
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.125) inset
}
.wojo.simple.negative.buttons .button,.wojo.simple.negative.button{
    color:#F44336
}
.wojo.basic.negative.buttons .button,.wojo.basic.negative.button{
    box-shadow:0px 0px 0px 2px #F44336;
    color:#F44336
}
.wojo.white.buttons .button,.wojo.white.button{
    background-color:#FFF;
    color:#999;
    box-shadow:0px 2px 2px 0px rgba(153, 153, 153, 0.14), 0px 3px 1px -2px rgba(153, 153, 153, 0.2), 0px 1px 5px 0px rgba(153, 153, 153, 0.12)
}
.wojo.white.buttons .button:hover,.wojo.white.buttons .button:active,.wojo.white.buttons .button:focus,.wojo.white.button:hover,.wojo.white.button:active,.wojo.white.button:focus{
    box-shadow:0px 14px 26px -12px rgba(153, 153, 153, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(153, 153, 153, 0.2)
}
.wojo.white.buttons .button:active,.wojo.white.buttons .button.active,.wojo.white.button:active,.wojo.white.button.active{
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.125) inset
}
.wojo.basic.white.buttons .button,.wojo.basic.white.button{
    box-shadow:0px 0px 0px 2px #999;
    color:#999
}
.wojo.transparent.buttons{
    box-shadow:none
}
.wojo.transparent.buttons .button,.wojo.transparent.button{
    background:rgba(255,255,255,0.2);
    color:#fff;
    box-shadow:none
}
.wojo.transparent.buttons .button:hover,.wojo.transparent.buttons .button:active,.wojo.transparent.buttons .button:focus,.wojo.white.button:hover,.wojo.transparent.button:active,.wojo.transparent.button:focus{
    background:rgba(255,255,255,0.4)
}
.wojo.icon.button{
    margin:0;
    line-height:1em;
    padding:0.813em;
    font-size:1em
}
.wojo.icon.button .icon{
    width:1em
}
.wojo.button:not(.icon) .icon{
    line-height:1em;
    margin-right:0.75em
}
.wojo.right.button:not(.icon) .icon{
    margin-right:0;
    margin-left:0.75em
}
.wojo.labeled.icon.buttons .button,.wojo.labeled.icon.button{
    position:relative;
    padding:0.75em 1.5em 0.75em 4em
}
.wojo.labeled.icon.buttons > .button > .icon,.wojo.labeled.icon.button > .icon{
    position:absolute;
    height:100%;
    line-height:1;
    border-radius:0px;
    border-top-left-radius:inherit;
    border-bottom-left-radius:inherit;
    text-align:center;
    margin:0em;
    width:2.50em;
    background-color:rgba(0, 0, 0, 0.05);
    color:'';
    box-shadow:-1px 0px 0px 0px transparent inset
}
.wojo.labeled.icon.buttons > .button > .icon,.wojo.labeled.icon.button > .icon{
    position:absolute;
    height:100%;
    line-height:1;
    border-radius:0px;
    border-top-left-radius:inherit;
    border-bottom-left-radius:inherit;
    text-align:center;
    margin:0em;
    width:2.50em;
    background-color:rgba(0, 0, 0, 0.05)
}
.wojo.labeled.icon.buttons > .button > .icon,.wojo.labeled.icon.button > .icon{
    top:0em;
    left:0em
}
.wojo[class*="right labeled"].icon.button{
    padding-right:4.0em;
    padding-left:1.5em
}
.wojo[class*="right labeled"].icon.button > .icon{
    left:auto;
    right:0em;
    border-radius:0px;
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
    box-shadow:1px 0px 0px 0px 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%);
    transform:translateY(-50%)
}
.wojo.labeled.icon.buttons .button > .icon{
    border-radius:0em
}
.wojo.labeled.icon.buttons .button:first-child > .icon{
    border-top-left-radius:0.188rem;
    border-bottom-left-radius:0.188rem
}
.wojo.labeled.icon.buttons .button:last-child > .icon{
    border-top-right-radius:0.188rem;
    border-bottom-right-radius:0.188rem
}
.wojo.vertical.labeled.icon.buttons .button:first-child > .icon{
    border-radius:0em;
    border-top-left-radius:0.188rem
}
.wojo.vertical.labeled.icon.buttons .button:last-child > .icon{
    border-radius:0em;
    border-bottom-left-radius:0.188rem
}
.wojo.buttons{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    font-size:0em;
    vertical-align:baseline;
    margin:0em 0.25em 0em 0em;
    box-shadow:0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)
}
.wojo.buttons .button,.wojo.primary.buttons .button,.wojo.secondary.buttons .button,.wojo.positive.buttons .button,.wojo.negative.buttons .button,.wojo.white.buttons .button{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin:0em;
    border-radius:0em;
    box-shadow:none
}
.wojo.buttons .button:first-child{
    border-top-left-radius:0.188rem;
    border-bottom-left-radius:0.188rem
}
.wojo.buttons .button:last-child{
    border-top-right-radius:0.188rem;
    border-bottom-right-radius:0.188rem
}
.wojo.rounded.buttons .button:first-child{
    border-top-left-radius:2rem;
    border-bottom-left-radius:2rem
}
.wojo.rounded.buttons .button:last-child{
    border-top-right-radius:2rem;
    border-bottom-right-radius:2rem
}
.wojo.buttons .button:hover,.wojo.buttons .button:active,.wojo.buttons .button:focus{
    box-shadow:0px 14px 26px -12px rgba(153, 153, 153, 0.42), 0px 4px 23px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(153, 153, 153, 0.2)
}
.wojo.buttons .button:active,.wojo.buttons .button.active{
    box-shadow:0 3px 3px 3px rgba(0, 0, 0, 0.1) inset;
    background-image:none;
    outline:0px none
}
.wojo.loading.loading.loading.loading.loading.loading.button{
    position:relative;
    cursor:default;
    color:transparent !important;
    opacity:1;
    pointer-events:auto;
    -webkit-transition:all 0s linear, opacity 0.1s ease;
    transition:all 0s linear, opacity 0.1s ease
}
.wojo.loading.button:before{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    width:1.25em;
    height:1.25em;
    border-radius:500rem;
    transform:translate(-50%, -50%);
    border:4px solid rgba(0, 0, 0, 0.15)
}
.wojo.loading.small.button:before{
    width:1em;
    height:1em;
    border:2px solid rgba(0, 0, 0, 0.15)
}
.wojo.loading.button:after{
    position:absolute;
    content:'';
    top:calc(50% - .875em);
    left:calc(50% - .875em);
    width:1.25em;
    height:1.25em;
    -webkit-animation:button-spin 0.6s linear;
    animation:button-spin 0.6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#ffffff transparent transparent;
    border-style:solid;
    border-width:4px;
    box-shadow:0px 0px 0px 1px transparent
}
.wojo.loading.small.button:after{
    top:calc(50% - .625em);
    left:calc(50% - .625em);
    width:1em;
    height:1em;
    border-width:2px;
    box-shadow:0px 0px 0px 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:before{
    border-color:rgba(0, 0, 0, 0.1)
}
.wojo.basic.loading.button: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:0.45;
    box-shadow:none;
    pointer-events:none
}
.wojo.separated.buttons,.wojo.separated.button{
    margin:0 0.5em
}
.wojo.basic.buttons .wojo.disabled.button{
    border-color:rgba(34, 36, 38, 0.5)
}
.wojo.fluid.button,.wojo.fluid.buttons{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0
}
.wojo.compact.buttons,.wojo.compact.button{
    padding:0.750em 1em
}
.wojo.rounded.buttons,.wojo.rounded.button{
    border-radius:2rem
}
.wojo.circular.button{
    border-radius:100rem;
    line-height:1
}
.wojo.mini.buttons .button,.wojo.mini.button{
    font-size:0.750rem;
    padding:0.250em 1em
}
.wojo.small.buttons .button,.wojo.small.button{
    font-size:0.813rem;
    padding:0.375em 1.250em
}
.wojo.small.circular.button,.wojo.small.icon.button{
    padding:0.50em
}
.wojo.buttons .button,.wojo.button{
    font-size:0.875rem
}
.wojo.big.buttons .button,.wojo.big.button{
    font-size:1rem;
    padding:1em 2em
}
.wojo.huge.buttons .button,.wojo.huge.button{
    font-size:1.25rem;
    padding:1.25em 2.50em
}
.wojo.massive.buttons .button,.wojo.massive.button{
    font-size:1.5rem;
    padding:1.5em 3em
}
.wojo.divider{
    margin:1rem 0;
    border:0;
    border-top:1px solid rgba(0,0,0,0.1);
    border-bottom:1px solid rgba(255,255,255,0.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:rgba(0,0,0,0)
}
.wojo.basic.divider{
    margin:0;
    border:0;
    border-bottom:1px solid #DDDDDD
}
.wojo.double.divider{
    border-top:2px solid rgba(0,0,0,0.05);
    border-bottom:1px solid rgba(255,255,255,0.4)
}
.wojo.tripple.divider{
    border-top:3px solid rgba(0,0,0,0.1);
    border-bottom:3px solid rgba(255,255,255,0.8)
}
.wojo.quintuple.divider{
    border-top:5px solid rgba(0,0,0,0.1);
    border-bottom:5px solid rgba(255,255,255,0.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.small.space.divider{
    height:.5em
}
.wojo.space.divider{
    margin:0;
    border:0!important;
    height:1em;
    border-color:transparent
}
.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:.250em;
    box-shadow:inset 0 1px 1px 0 rgba(0,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.half.divider{
    width:50%;
    margin:1em auto
}
.wojo.third.divider{
    width:33%;
    margin:1em auto
}
.wojo.separator{
    height:1em;
    width:1px;
    background:rgba(0,0,0,0.1);
    display:inline-block;
    vertical-align:middle;
    margin:0 1em
}
.wojo.inverted.separator,.wojo.inverted.divider{
    background:rgba(255,255,255,0.1)
}
.wojo.basic.separator{
    width:0;
    margin:0 .5em
}
.wojo.horizontal.divider{
    white-space:nowrap;
    border:0;
    margin:1rem 0;
    height:auto;
    position:relative;
    width:100%;
    display:inline-block;
    padding-right:1em;
    overflow:hidden
}
.wojo.horizontal.divider:after{
    position:absolute;
    content:"";
    height:1px;
    background:rgba(34, 36, 38, 0.15);
    margin-left:1em;
    width:100%;
    top:50%
}
.wojo.header{
    border:none;
    padding:0em;
    font-family:'Roboto Slab', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-transform:none;
    color:#3c4858
}
.wojo.header:first-child{
    margin-top:0
}
.wojo.header:last-child{
    margin-bottom:0em
}
.wojo.header .sub.header{
    display:block;
    font-family:'Roboto Slab';
    padding:0em;
    padding-bottom:1em;
    margin-top:.5em;
    font-size:1rem;
    line-height:1.25em;
    position:relative
}
.wojo.header .sub.header:before{
    background:#9c27b0;
    content:"";
    height:2px;
    left:0;
    margin:auto;
    position:absolute;
    right:auto;
    top:100%;
    width:30px;
    z-index:1
}
.wojo.header .sub.header:after{
    background:rgba(0,0,0,0.2);
    content:"";
    height:2px;
    left:0;
    margin:auto;
    position:absolute;
    right:auto;
    top:100%;
    width:80px
}
.wojo.header .sub.header.center:before,.wojo.header.center.aligned .sub.header:before{
    right:0
}
.wojo.header .sub.header.center:after,.wojo.header.center.aligned .sub.header:after{
    right:0
}
.wojo.header.right.aligned .sub.header:before,.wojo.header.right.aligned .sub.header:after{
    left:auto;
    right:0
}
.wojo.header > .icon{
    display:table-cell;
    opacity:1;
    font-size:1.5em;
    padding-top:0.133em;
    vertical-align:middle
}
.wojo.header .icon:only-child{
    display:inline-block;
    padding:0em;
    margin-right:0.75rem
}
.wojo.header > .image,.wojo.header > img{
    display:inline-block;
    margin-top:0.133em;
    width:2.5em;
    height:auto;
    vertical-align:middle
}
.wojo.header > .image:only-child,.wojo.header > img:only-child{
    margin-right:0.75rem
}
.wojo.header .content{
    display:inline-block;
    vertical-align:top
}
.wojo.header > img + .content,.wojo.header > .image + .content{
    padding-left:0.75rem;
    vertical-align:middle
}
.wojo.header > .icon + .content{
    padding-left:0.75rem;
    display:table-cell;
    vertical-align:middle
}
.wojo.header .wojo.label{
    font-size:'';
    margin-left:0.5rem;
    vertical-align:middle
}
.wojo.header + p{
    margin-top:0em
}
h1.wojo.header,h1{
    font-size:3rem;
    font-family:'Roboto Slab';
    font-weight:700;
    color:#3c4858
}
h2.wojo.header,h2{
    line-height:1.75rem;
    font-size:1.75rem;
    font-weight:700;
    color:#3c4858;
    font-family:"Roboto Slab";
}
h3.wojo.header,h3{
    font-size:1.625rem;
    font-family:'Roboto Slab';
    font-weight:700;
    color:#3c4858
}
h4.wojo.header,h4{
    line-height:1.375rem;
    font-size:1.125rem;
    font-family:"Roboto Slab";
    font-weight:700;
    color:#3c4858
}
h5.wojo.header,h5{
     font-family:"Roboto";
    font-size:1rem;
    text-transform:uppercase;
    line-height:1.5em;
    color:#3c4858;
    font-weight:500
}
h6.wojo.header,h6{
    font-family:"Roboto";
    font-size:.750rem;
    text-transform:uppercase;
    line-height:1.5em;
    color:#3c4858;
    font-weight:500;
    margin:0.5em 0
}
h7.wojo.header,h7{
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    background: #c0c0c07d;
    line-height:2rem;
    font-size:1.75rem;
    font-weight:700;
    color:#3c4858;
    margin-top: 6px;
    margin-bottom:0.5em;
    box-shadow: 0 2px 14px;
    font-family:"Roboto Slab";
    /* font-family:"Roboto";
    font-size:.750rem;
    text-transform:uppercase;
    line-height:1.5em;
    color:#3c4858;
    font-weight:500;
    margin:0.5em 0*/
}
h1.wojo.header .sub.header{
    font-size:1.125rem
}
h2.wojo.header .sub.header{
    font-size:1rem
}
h3.wojo.header .sub.header{
    font-size:1rem
}
h4.wojo.header .sub.header{
    font-size:1rem
}
h5.wojo.header .sub.header{
    font-size:0.875rem
}
.wojo.huge.header{
    min-height:1em;
    font-size:2em
}
.wojo.large.header{
    font-size:1.714em
}
.wojo.medium.header{
    font-size:1.28em
}
.wojo.small.header{
    font-size:1.071em
}
.wojo.tiny.header{
    font-size:1em
}
.wojo.huge.header .sub.header{
    font-size:1.14285714rem
}
.wojo.large.header .sub.header{
    font-size:1.14285714rem
}
.wojo.header .sub.header{
    font-size:1rem
}
.wojo.small.header .sub.header{
    font-size:1rem
}
.wojo.tiny.header .sub.header{
    font-size:0.92857143rem
}
.wojo.sub.header{
    padding:0em;
    margin-bottom:0.14285714rem;
    font-size:0.85714286em;
    text-transform:uppercase;
    color:''
}
.wojo.small.sub.header{
    font-size:0.78571429em
}
.wojo.sub.header{
    font-size:0.85714286em
}
.wojo.large.sub.header{
    font-size:0.92857143em
}
.wojo.huge.sub.header{
    font-size:1em
}
.wojo.icon.header{
    display:inline-block;
    text-align:center;
    margin:2rem 0em 1rem
}
.wojo.icon.header:after{
    content:'';
    display:block;
    height:0px;
    clear:both;
    visibility:hidden
}
.wojo.icon.header:first-child{
    margin-top:0em
}
.wojo.icon.header .icon{
    display:inline-block;
    float:none;
    width:auto;
    height:auto;
    line-height:1;
    padding:0em;
    margin:0em auto 0.5rem;
    opacity:1
}
.wojo.icon.header .content{
    display:block;
    padding:0em
}
.wojo.icon.header .circular.icon{
}
.wojo.icon.header .square.icon{
}
.wojo.block.icon.header .icon{
    margin-bottom:0em
}
.wojo.icon.header.aligned{
    margin-left:auto;
    margin-right:auto;
    display:block
}
.wojo.disabled.header{
    opacity:0.45
}
.wojo.inverted.header{
    color:#FFFFFF
}
.wojo.inverted.header .sub.header{
    color:rgba(255, 255, 255, 0.8)
}
.wojo.inverted.attached.header{
    background:#545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background:#545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    box-shadow:none;
    border-color:transparent
}
.wojo.inverted.block.header{
    background:#545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background:#545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    box-shadow:none
}
.wojo.inverted.block.header{
    border-bottom:none
}
.wojo.red.header{
    color:#DB2828 !important
}
a.wojo.red.header:hover{
    color:#d01919 !important
}
.wojo.red.dividing.header{
    border-bottom:2px solid #DB2828
}
.wojo.inverted.red.header{
    color:#FF695E !important
}
a.wojo.inverted.red.header:hover{
    color:#ff5144 !important
}
.wojo.orange.header{
    color:#F2711C !important
}
a.wojo.orange.header:hover{
    color:#f26202 !important
}
.wojo.orange.dividing.header{
    border-bottom:2px solid #F2711C
}
.wojo.inverted.orange.header{
    color:#FF851B !important
}
a.wojo.inverted.orange.header:hover{
    color:#ff7701 !important
}
.wojo.olive.header{
    color:#B5CC18 !important
}
a.wojo.olive.header:hover{
    color:#a7bd0d !important
}
.wojo.olive.dividing.header{
    border-bottom:2px solid #B5CC18
}
.wojo.inverted.olive.header{
    color:#D9E778 !important
}
a.wojo.inverted.olive.header:hover{
    color:#d8ea5c !important
}
.wojo.yellow.header{
    color:#FBBD08 !important
}
a.wojo.yellow.header:hover{
    color:#eaae00 !important
}
.wojo.yellow.dividing.header{
    border-bottom:2px solid #FBBD08
}
.wojo.inverted.yellow.header{
    color:#FFE21F !important
}
a.wojo.inverted.yellow.header:hover{
    color:#ffdf05 !important
}
.wojo.green.header{
    color:#21BA45 !important
}
a.wojo.green.header:hover{
    color:#16ab39 !important
}
.wojo.green.dividing.header{
    border-bottom:2px solid #21BA45
}
.wojo.inverted.green.header{
    color:#2ECC40 !important
}
a.wojo.inverted.green.header:hover{
    color:#22be34 !important
}
.wojo.teal.header{
    color:#00B5AD !important
}
a.wojo.teal.header:hover{
    color:#009c95 !important
}
.wojo.teal.dividing.header{
    border-bottom:2px solid #00B5AD
}
.wojo.inverted.teal.header{
    color:#6DFFFF !important
}
a.wojo.inverted.teal.header:hover{
    color:#54ffff !important
}
.wojo.blue.header{
    color:#2185D0 !important
}
a.wojo.blue.header:hover{
    color:#1678c2 !important
}
.wojo.blue.dividing.header{
    border-bottom:2px solid #2185D0
}
.wojo.inverted.blue.header{
    color:#54C8FF !important
}
a.wojo.inverted.blue.header:hover{
    color:#3ac0ff !important
}
.wojo.violet.header{
    color:#6435C9 !important
}
a.wojo.violet.header:hover{
    color:#5829bb !important
}
.wojo.violet.dividing.header{
    border-bottom:2px solid #6435C9
}
.wojo.inverted.violet.header{
    color:#A291FB !important
}
a.wojo.inverted.violet.header:hover{
    color:#8a73ff !important
}
.wojo.purple.header{
    color:#A333C8 !important
}
a.wojo.purple.header:hover{
    color:#9627ba !important
}
.wojo.purple.dividing.header{
    border-bottom:2px solid #A333C8
}
.wojo.inverted.purple.header{
    color:#DC73FF !important
}
a.wojo.inverted.purple.header:hover{
    color:#d65aff !important
}
.wojo.pink.header{
    color:#E03997 !important
}
a.wojo.pink.header:hover{
    color:#e61a8d !important
}
.wojo.pink.dividing.header{
    border-bottom:2px solid #E03997
}
.wojo.inverted.pink.header{
    color:#FF8EDF !important
}
a.wojo.inverted.pink.header:hover{
    color:#ff74d8 !important
}
.wojo.brown.header{
    color:#A5673F !important
}
a.wojo.brown.header:hover{
    color:#975b33 !important
}
.wojo.brown.dividing.header{
    border-bottom:2px solid #A5673F
}
.wojo.inverted.brown.header{
    color:#D67C1C !important
}
a.wojo.inverted.brown.header:hover{
    color:#c86f11 !important
}
.wojo.grey.header{
    color:#767676 !important
}
a.wojo.grey.header:hover{
    color:#838383 !important
}
.wojo.grey.dividing.header{
    border-bottom:2px solid #767676
}
.wojo.inverted.grey.header{
    color:#DCDDDE !important
}
a.wojo.inverted.grey.header:hover{
    color:#cfd0d2 !important
}
.wojo.left.aligned.header{
    text-align:left
}
.wojo.right.aligned.header{
    text-align:right
}
.wojo.centered.header,.wojo.center.aligned.header{
    text-align:center
}
.wojo.justified.header{
    text-align:justify
}
.wojo.justified.header:after{
    display:inline-block;
    content:'';
    width:100%
}
.wojo.floated.header,.wojo[class*="left floated"].header{
    float:left;
    margin-top:0em;
    margin-right:0.5em
}
.wojo[class*="right floated"].header{
    float:right;
    margin-top:0em;
    margin-left:0.5em
}
.wojo.fitted.header{
    padding:0em
}
.wojo.dividing.header{
    padding-bottom:0.21428571rem;
    border-bottom:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.dividing.header .sub.header{
    padding-bottom:0.21428571rem
}
.wojo.dividing.header .icon{
    margin-bottom:0em
}
.wojo.inverted.dividing.header{
    border-bottom-color:rgba(255, 255, 255, 0.1)
}
.wojo.block.header{
    background:#F3F4F5;
    padding:0.78571429rem 1rem;
    box-shadow:none;
    border:1px solid #D4D4D5;
    border-radius:0.28571429rem
}
.wojo.tiny.block.header{
    font-size:0.85714286rem
}
.wojo.small.block.header{
    font-size:0.92857143rem
}
.wojo.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
    font-size:1rem
}
.wojo.large.block.header{
    font-size:1.14285714rem
}
.wojo.huge.block.header{
    font-size:1.42857143rem
}
.wojo.attached.header{
    background:#FFFFFF;
    padding:0.78571429rem 1rem;
    margin-left:-1px;
    margin-right:-1px;
    box-shadow:none;
    border:1px solid #D4D4D5
}
.wojo.attached.block.header{
    background:#F3F4F5
}
.wojo.attached:not(.top):not(.bottom).header{
    margin-top:0em;
    margin-bottom:0em;
    border-top:none;
    border-radius:0em
}
.wojo.top.attached.header{
    margin-bottom:0em;
    border-radius:0.28571429rem 0.28571429rem 0em 0em
}
.wojo.bottom.attached.header{
    margin-top:0em;
    border-top:none;
    border-radius:0em 0em 0.28571429rem 0.28571429rem
}
.wojo.tiny.attached.header{
    font-size:0.85714286em
}
.wojo.small.attached.header{
    font-size:0.92857143em
}
.wojo.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
    font-size:1em
}
.wojo.large.attached.header{
    font-size:1.14285714em
}
.wojo.huge.attached.header{
    font-size:1.42857143em
}
.wojo.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
    font-size:1.250em
}
@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:normal;
    font-style:normal
}
i.icon{
    font-family:'WojoIcons';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    text-align:center;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    backface-visibility:hidden;
    vertical-align:inherit;
    position:relative
}
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.drag:before{
    content:"\e926"
}
.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.mask:before{
    content:"\e927"
}
.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.resize:before{
    content:"\e90d"
}
.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.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,i.rounded.icon{
    border-radius:500em;
    text-align:center;
    box-sizing:content-box;
    box-shadow:inset 0 0 0 1px rgba(34, 36, 38, 0.15);
    line-height:1rem;
    padding:.75em;
    vertical-align:middle
}
i.circular.inverted.icon,i.rounded.inverted.icon{
    box-shadow: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{
    border-radius:0.188em
}
i.rounded.icon.outline{
    color:#3c4858
}
i.rounded.inverted.icon{
    border:none;
    box-shadow:none
}
i.white.icon{
    color:#ffffff
}
i.black.icon{
    color:#212121
}
i.primary.icon{
    color:#E91E63
}
i.secondary.icon{
    color:#673AB7
}
i.positive.icon{
    color:#4CAF50
}
i.negative.icon{
    color:#F44336
}
i.pink.icon{
    color:#E91E63
}
i.purple.icon{
    color:#9C27B0
}
i.info.icon{
    color:#1E88E5
}
i.inverted.icon{
    background-color:#F5F5F5;
    color:rgba(0, 0, 0, 0.6)
}
i.inverted.black.icon{
    color:#212121
}
i.inverted.primary.icon{
    color:#E91E63
}
i.inverted.positive.icon{
    color:#4CAF50
}
i.inverted.negative.icon{
    color:#F44336
}
i.inverted.pink.icon{
    color:#E91E63
}
i.inverted.purple.icon{
    color:#9C27B0
}
i.inverted.secondary.icon{
    color:#673AB7
}
i.inverted.info.icon{
    color:#1E88E5
}
i.inverted.rounded.icon,i.inverted.circular.icon{
}
i.inverted.rounded.black.icon,i.inverted.circular.black.icon{
    background-color:#212121;
    color:#FFFFFF
}
i.inverted.rounded.primary.icon,i.inverted.circular.primary.icon{
    background-color:#E91E63;
    color:#FFFFFF
}
i.inverted.rounded.positive.icon,i.inverted.circular.positive.icon{
    background-color:#4CAF50;
    color:#FFFFFF
}
i.inverted.rounded.negative.icon,i.inverted.circular.negative.icon{
    background-color:#F44336;
    color:#FFFFFF
}
i.inverted.rounded.pink.icon,i.inverted.circular.pink.icon{
    background-color:#E91E63;
    color:#FFFFFF
}
i.inverted.rounded.purple.icon,i.inverted.circular.purple.icon{
    background-color:#9C27B0;
    color:#FFFFFF
}
i.inverted.rounded.secondary.icon,i.inverted.circular.secondary.icon{
    background-color:#673AB7;
    color:#FFFFFF
}
i.inverted.rounded.info.icon,i.inverted.circular.info.icon{
    background-color:#1E88E5;
    color:#FFFFFF
}
i.inverted.twitter.icon{
    background-color:#00BFFF;
    color:#FFFFFF
}
i.inverted.facebook.icon{
    background-color:#128BDB;
    color:#FFFFFF
}
i.inverted.youtube.icon{
    background-color:#E20000;
    color:#FFFFFF
}
i.inverted.google.icon{
    background-color:#E20000;
    color:#FFFFFF
}
i.inverted.instagram.icon{
    background-color:#0569AA;
    color:#FFFFFF
}
.wojo.icons{
    display:-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,i.small.rounded.icon{
    padding:.5rem;
    font-size:1rem
}
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:0em 0em 0em 4px rgba(0, 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:0em 0em 0em 5px rgba(0, 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
}
span.flag.icon{
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    position:relative;
    display:inline-block;
    line-height:1
}
span.flag.icon:before{
    content:"\00a0"
}
span.flag.icon.squared{
    width:1rem
}
.flag.icon.ad{
    background-image:url(../../../../../assets/flags/4x3/ad.svg)
}
.flag.icon.ad.squared{
    background-image:url(../../../../../assets/flags/1x1/ad.svg)
}
.flag.icon.ae{
    background-image:url(../../../../../assets/flags/4x3/ae.svg)
}
.flag.icon.ae.squared{
    background-image:url(../../../../../assets/flags/1x1/ae.svg)
}
.flag.icon.af{
    background-image:url(../../../../../assets/flags/4x3/af.svg)
}
.flag.icon.af.squared{
    background-image:url(../../../../../assets/flags/1x1/af.svg)
}
.flag.icon.ag{
    background-image:url(../../../../../assets/flags/4x3/ag.svg)
}
.flag.icon.ag.squared{
    background-image:url(../../../../../assets/flags/1x1/ag.svg)
}
.flag.icon.ai{
    background-image:url(../../../../../assets/flags/4x3/ai.svg)
}
.flag.icon.ai.squared{
    background-image:url(../../../../../assets/flags/1x1/ai.svg)
}
.flag.icon.al{
    background-image:url(../../../../../assets/flags/4x3/al.svg)
}
.flag.icon.al.squared{
    background-image:url(../../../../../assets/flags/1x1/al.svg)
}
.flag.icon.am{
    background-image:url(../../../../../assets/flags/4x3/am.svg)
}
.flag.icon.am.squared{
    background-image:url(../../../../../assets/flags/1x1/am.svg)
}
.flag.icon.ao{
    background-image:url(../../../../../assets/flags/4x3/ao.svg)
}
.flag.icon.ao.squared{
    background-image:url(../../../../../assets/flags/1x1/ao.svg)
}
.flag.icon.aq{
    background-image:url(../../../../../assets/flags/4x3/aq.svg)
}
.flag.icon.aq.squared{
    background-image:url(../../../../../assets/flags/1x1/aq.svg)
}
.flag.icon.ar{
    background-image:url(../../../../../assets/flags/4x3/ar.svg)
}
.flag.icon.ar.squared{
    background-image:url(../../../../../assets/flags/1x1/ar.svg)
}
.flag.icon.as{
    background-image:url(../../../../../assets/flags/4x3/as.svg)
}
.flag.icon.as.squared{
    background-image:url(../../../../../assets/flags/1x1/as.svg)
}
.flag.icon.at{
    background-image:url(../../../../../assets/flags/4x3/at.svg)
}
.flag.icon.at.squared{
    background-image:url(../../../../../assets/flags/1x1/at.svg)
}
.flag.icon.au{
    background-image:url(../../../../../assets/flags/4x3/au.svg)
}
.flag.icon.au.squared{
    background-image:url(../../../../../assets/flags/1x1/au.svg)
}
.flag.icon.aw{
    background-image:url(../../../../../assets/flags/4x3/aw.svg)
}
.flag.icon.aw.squared{
    background-image:url(../../../../../assets/flags/1x1/aw.svg)
}
.flag.icon.ax{
    background-image:url(../../../../../assets/flags/4x3/ax.svg)
}
.flag.icon.ax.squared{
    background-image:url(../../../../../assets/flags/1x1/ax.svg)
}
.flag.icon.az{
    background-image:url(../../../../../assets/flags/4x3/az.svg)
}
.flag.icon.az.squared{
    background-image:url(../../../../../assets/flags/1x1/az.svg)
}
.flag.icon.ba{
    background-image:url(../../../../../assets/flags/4x3/ba.svg)
}
.flag.icon.ba.squared{
    background-image:url(../../../../../assets/flags/1x1/ba.svg)
}
.flag.icon.bb{
    background-image:url(../../../../../assets/flags/4x3/bb.svg)
}
.flag.icon.bb.squared{
    background-image:url(../../../../../assets/flags/1x1/bb.svg)
}
.flag.icon.bd{
    background-image:url(../../../../../assets/flags/4x3/bd.svg)
}
.flag.icon.bd.squared{
    background-image:url(../../../../../assets/flags/1x1/bd.svg)
}
.flag.icon.be{
    background-image:url(../../../../../assets/flags/4x3/be.svg)
}
.flag.icon.be.squared{
    background-image:url(../../../../../assets/flags/1x1/be.svg)
}
.flag.icon.bf{
    background-image:url(../../../../../assets/flags/4x3/bf.svg)
}
.flag.icon.bf.squared{
    background-image:url(../../../../../assets/flags/1x1/bf.svg)
}
.flag.icon.bg{
    background-image:url(../../../../../assets/flags/4x3/bg.svg)
}
.flag.icon.bg.squared{
    background-image:url(../../../../../assets/flags/1x1/bg.svg)
}
.flag.icon.bh{
    background-image:url(../../../../../assets/flags/4x3/bh.svg)
}
.flag.icon.bh.squared{
    background-image:url(../../../../../assets/flags/1x1/bh.svg)
}
.flag.icon.bi{
    background-image:url(../../../../../assets/flags/4x3/bi.svg)
}
.flag.icon.bi.squared{
    background-image:url(../../../../../assets/flags/1x1/bi.svg)
}
.flag.icon.bj{
    background-image:url(../../../../../assets/flags/4x3/bj.svg)
}
.flag.icon.bj.squared{
    background-image:url(../../../../../assets/flags/1x1/bj.svg)
}
.flag.icon.bl{
    background-image:url(../../../../../assets/flags/4x3/bl.svg)
}
.flag.icon.bl.squared{
    background-image:url(../../../../../assets/flags/1x1/bl.svg)
}
.flag.icon.bm{
    background-image:url(../../../../../assets/flags/4x3/bm.svg)
}
.flag.icon.bm.squared{
    background-image:url(../../../../../assets/flags/1x1/bm.svg)
}
.flag.icon.bn{
    background-image:url(../../../../../assets/flags/4x3/bn.svg)
}
.flag.icon.bn.squared{
    background-image:url(../../../../../assets/flags/1x1/bn.svg)
}
.flag.icon.bo{
    background-image:url(../../../../../assets/flags/4x3/bo.svg)
}
.flag.icon.bo.squared{
    background-image:url(../../../../../assets/flags/1x1/bo.svg)
}
.flag.icon.bq{
    background-image:url(../../../../../assets/flags/4x3/bq.svg)
}
.flag.icon.bq.squared{
    background-image:url(../../../../../assets/flags/1x1/bq.svg)
}
.flag.icon.br{
    background-image:url(../../../../../assets/flags/4x3/br.svg)
}
.flag.icon.br.squared{
    background-image:url(../../../../../assets/flags/1x1/br.svg)
}
.flag.icon.bs{
    background-image:url(../../../../../assets/flags/4x3/bs.svg)
}
.flag.icon.bs.squared{
    background-image:url(../../../../../assets/flags/1x1/bs.svg)
}
.flag.icon.bt{
    background-image:url(../../../../../assets/flags/4x3/bt.svg)
}
.flag.icon.bt.squared{
    background-image:url(../../../../../assets/flags/1x1/bt.svg)
}
.flag.icon.bv{
    background-image:url(../../../../../assets/flags/4x3/bv.svg)
}
.flag.icon.bv.squared{
    background-image:url(../../../../../assets/flags/1x1/bv.svg)
}
.flag.icon.bw{
    background-image:url(../../../../../assets/flags/4x3/bw.svg)
}
.flag.icon.bw.squared{
    background-image:url(../../../../../assets/flags/1x1/bw.svg)
}
.flag.icon.by{
    background-image:url(../../../../../assets/flags/4x3/by.svg)
}
.flag.icon.by.squared{
    background-image:url(../../../../../assets/flags/1x1/by.svg)
}
.flag.icon.bz{
    background-image:url(../../../../../assets/flags/4x3/bz.svg)
}
.flag.icon.bz.squared{
    background-image:url(../../../../../assets/flags/1x1/bz.svg)
}
.flag.icon.ca{
    background-image:url(../../../../../assets/flags/4x3/ca.svg)
}
.flag.icon.ca.squared{
    background-image:url(../../../../../assets/flags/1x1/ca.svg)
}
.flag.icon.cc{
    background-image:url(../../../../../assets/flags/4x3/cc.svg)
}
.flag.icon.cc.squared{
    background-image:url(../../../../../assets/flags/1x1/cc.svg)
}
.flag.icon.cd{
    background-image:url(../../../../../assets/flags/4x3/cd.svg)
}
.flag.icon.cd.squared{
    background-image:url(../../../../../assets/flags/1x1/cd.svg)
}
.flag.icon.cf{
    background-image:url(../../../../../assets/flags/4x3/cf.svg)
}
.flag.icon.cf.squared{
    background-image:url(../../../../../assets/flags/1x1/cf.svg)
}
.flag.icon.cg{
    background-image:url(../../../../../assets/flags/4x3/cg.svg)
}
.flag.icon.cg.squared{
    background-image:url(../../../../../assets/flags/1x1/cg.svg)
}
.flag.icon.ch{
    background-image:url(../../../../../assets/flags/4x3/ch.svg)
}
.flag.icon.ch.squared{
    background-image:url(../../../../../assets/flags/1x1/ch.svg)
}
.flag.icon.ci{
    background-image:url(../../../../../assets/flags/4x3/ci.svg)
}
.flag.icon.ci.squared{
    background-image:url(../../../../../assets/flags/1x1/ci.svg)
}
.flag.icon.ck{
    background-image:url(../../../../../assets/flags/4x3/ck.svg)
}
.flag.icon.ck.squared{
    background-image:url(../../../../../assets/flags/1x1/ck.svg)
}
.flag.icon.cl{
    background-image:url(../../../../../assets/flags/4x3/cl.svg)
}
.flag.icon.cl.squared{
    background-image:url(../../../../../assets/flags/1x1/cl.svg)
}
.flag.icon.cm{
    background-image:url(../../../../../assets/flags/4x3/cm.svg)
}
.flag.icon.cm.squared{
    background-image:url(../../../../../assets/flags/1x1/cm.svg)
}
.flag.icon.cn{
    background-image:url(../../../../../assets/flags/4x3/cn.svg)
}
.flag.icon.cn.squared{
    background-image:url(../../../../../assets/flags/1x1/cn.svg)
}
.flag.icon.co{
    background-image:url(../../../../../assets/flags/4x3/co.svg)
}
.flag.icon.co.squared{
    background-image:url(../../../../../assets/flags/1x1/co.svg)
}
.flag.icon.cr{
    background-image:url(../../../../../assets/flags/4x3/cr.svg)
}
.flag.icon.cr.squared{
    background-image:url(../../../../../assets/flags/1x1/cr.svg)
}
.flag.icon.cu{
    background-image:url(../../../../../assets/flags/4x3/cu.svg)
}
.flag.icon.cu.squared{
    background-image:url(../../../../../assets/flags/1x1/cu.svg)
}
.flag.icon.cv{
    background-image:url(../../../../../assets/flags/4x3/cv.svg)
}
.flag.icon.cv.squared{
    background-image:url(../../../../../assets/flags/1x1/cv.svg)
}
.flag.icon.cw{
    background-image:url(../../../../../assets/flags/4x3/cw.svg)
}
.flag.icon.cw.squared{
    background-image:url(../../../../../assets/flags/1x1/cw.svg)
}
.flag.icon.cx{
    background-image:url(../../../../../assets/flags/4x3/cx.svg)
}
.flag.icon.cx.squared{
    background-image:url(../../../../../assets/flags/1x1/cx.svg)
}
.flag.icon.cy{
    background-image:url(../../../../../assets/flags/4x3/cy.svg)
}
.flag.icon.cy.squared{
    background-image:url(../../../../../assets/flags/1x1/cy.svg)
}
.flag.icon.cz{
    background-image:url(../../../../../assets/flags/4x3/cz.svg)
}
.flag.icon.cz.squared{
    background-image:url(../../../../../assets/flags/1x1/cz.svg)
}
.flag.icon.de{
    background-image:url(../../../../../assets/flags/4x3/de.svg)
}
.flag.icon.de.squared{
    background-image:url(../../../../../assets/flags/1x1/de.svg)
}
.flag.icon.dj{
    background-image:url(../../../../../assets/flags/4x3/dj.svg)
}
.flag.icon.dj.squared{
    background-image:url(../../../../../assets/flags/1x1/dj.svg)
}
.flag.icon.dk{
    background-image:url(../../../../../assets/flags/4x3/dk.svg)
}
.flag.icon.dk.squared{
    background-image:url(../../../../../assets/flags/1x1/dk.svg)
}
.flag.icon.dm{
    background-image:url(../../../../../assets/flags/4x3/dm.svg)
}
.flag.icon.dm.squared{
    background-image:url(../../../../../assets/flags/1x1/dm.svg)
}
.flag.icon.do{
    background-image:url(../../../../../assets/flags/4x3/do.svg)
}
.flag.icon.do.squared{
    background-image:url(../../../../../assets/flags/1x1/do.svg)
}
.flag.icon.dz{
    background-image:url(../../../../../assets/flags/4x3/dz.svg)
}
.flag.icon.dz.squared{
    background-image:url(../../../../../assets/flags/1x1/dz.svg)
}
.flag.icon.ec{
    background-image:url(../../../../../assets/flags/4x3/ec.svg)
}
.flag.icon.ec.squared{
    background-image:url(../../../../../assets/flags/1x1/ec.svg)
}
.flag.icon.ee{
    background-image:url(../../../../../assets/flags/4x3/ee.svg)
}
.flag.icon.ee.squared{
    background-image:url(../../../../../assets/flags/1x1/ee.svg)
}
.flag.icon.eg{
    background-image:url(../../../../../assets/flags/4x3/eg.svg)
}
.flag.icon.eg.squared{
    background-image:url(../../../../../assets/flags/1x1/eg.svg)
}
.flag.icon.eh{
    background-image:url(../../../../../assets/flags/4x3/eh.svg)
}
.flag.icon.eh.squared{
    background-image:url(../../../../../assets/flags/1x1/eh.svg)
}
.flag.icon.er{
    background-image:url(../../../../../assets/flags/4x3/er.svg)
}
.flag.icon.er.squared{
    background-image:url(../../../../../assets/flags/1x1/er.svg)
}
.flag.icon.es{
    background-image:url(../../../../../assets/flags/4x3/es.svg)
}
.flag.icon.es.squared{
    background-image:url(../../../../../assets/flags/1x1/es.svg)
}
.flag.icon.et{
    background-image:url(../../../../../assets/flags/4x3/et.svg)
}
.flag.icon.et.squared{
    background-image:url(../../../../../assets/flags/1x1/et.svg)
}
.flag.icon.fi{
    background-image:url(../../../../../assets/flags/4x3/fi.svg)
}
.flag.icon.fi.squared{
    background-image:url(../../../../../assets/flags/1x1/fi.svg)
}
.flag.icon.fj{
    background-image:url(../../../../../assets/flags/4x3/fj.svg)
}
.flag.icon.fj.squared{
    background-image:url(../../../../../assets/flags/1x1/fj.svg)
}
.flag.icon.fk{
    background-image:url(../../../../../assets/flags/4x3/fk.svg)
}
.flag.icon.fk.squared{
    background-image:url(../../../../../assets/flags/1x1/fk.svg)
}
.flag.icon.fm{
    background-image:url(../../../../../assets/flags/4x3/fm.svg)
}
.flag.icon.fm.squared{
    background-image:url(../../../../../assets/flags/1x1/fm.svg)
}
.flag.icon.fo{
    background-image:url(../../../../../assets/flags/4x3/fo.svg)
}
.flag.icon.fo.squared{
    background-image:url(../../../../../assets/flags/1x1/fo.svg)
}
.flag.icon.fr{
    background-image:url(../../../../../assets/flags/4x3/fr.svg)
}
.flag.icon.fr.squared{
    background-image:url(../../../../../assets/flags/1x1/fr.svg)
}
.flag.icon.ga{
    background-image:url(../../../../../assets/flags/4x3/ga.svg)
}
.flag.icon.ga.squared{
    background-image:url(../../../../../assets/flags/1x1/ga.svg)
}
.flag.icon.gb,.flag.icon.en{
    background-image:url(../../../../../assets/flags/4x3/gb.svg)
}
.flag.icon.gb.squared,.flag.icon.en.squared{
    background-image:url(../../../../../assets/flags/1x1/gb.svg)
}
.flag.icon.gd{
    background-image:url(../../../../../assets/flags/4x3/gd.svg)
}
.flag.icon.gd.squared{
    background-image:url(../../../../../assets/flags/1x1/gd.svg)
}
.flag.icon.ge{
    background-image:url(../../../../../assets/flags/4x3/ge.svg)
}
.flag.icon.ge.squared{
    background-image:url(../../../../../assets/flags/1x1/ge.svg)
}
.flag.icon.gf{
    background-image:url(../../../../../assets/flags/4x3/gf.svg)
}
.flag.icon.gf.squared{
    background-image:url(../../../../../assets/flags/1x1/gf.svg)
}
.flag.icon.gg{
    background-image:url(../../../../../assets/flags/4x3/gg.svg)
}
.flag.icon.gg.squared{
    background-image:url(../../../../../assets/flags/1x1/gg.svg)
}
.flag.icon.gh{
    background-image:url(../../../../../assets/flags/4x3/gh.svg)
}
.flag.icon.gh.squared{
    background-image:url(../../../../../assets/flags/1x1/gh.svg)
}
.flag.icon.gi{
    background-image:url(../../../../../assets/flags/4x3/gi.svg)
}
.flag.icon.gi.squared{
    background-image:url(../../../../../assets/flags/1x1/gi.svg)
}
.flag.icon.gl{
    background-image:url(../../../../../assets/flags/4x3/gl.svg)
}
.flag.icon.gl.squared{
    background-image:url(../../../../../assets/flags/1x1/gl.svg)
}
.flag.icon.gm{
    background-image:url(../../../../../assets/flags/4x3/gm.svg)
}
.flag.icon.gm.squared{
    background-image:url(../../../../../assets/flags/1x1/gm.svg)
}
.flag.icon.gn{
    background-image:url(../../../../../assets/flags/4x3/gn.svg)
}
.flag.icon.gn.squared{
    background-image:url(../../../../../assets/flags/1x1/gn.svg)
}
.flag.icon.gp{
    background-image:url(../../../../../assets/flags/4x3/gp.svg)
}
.flag.icon.gp.squared{
    background-image:url(../../../../../assets/flags/1x1/gp.svg)
}
.flag.icon.gq{
    background-image:url(../../../../../assets/flags/4x3/gq.svg)
}
.flag.icon.gq.squared{
    background-image:url(../../../../../assets/flags/1x1/gq.svg)
}
.flag.icon.gr{
    background-image:url(../../../../../assets/flags/4x3/gr.svg)
}
.flag.icon.gr.squared{
    background-image:url(../../../../../assets/flags/1x1/gr.svg)
}
.flag.icon.gs{
    background-image:url(../../../../../assets/flags/4x3/gs.svg)
}
.flag.icon.gs.squared{
    background-image:url(../../../../../assets/flags/1x1/gs.svg)
}
.flag.icon.gt{
    background-image:url(../../../../../assets/flags/4x3/gt.svg)
}
.flag.icon.gt.squared{
    background-image:url(../../../../../assets/flags/1x1/gt.svg)
}
.flag.icon.gu{
    background-image:url(../../../../../assets/flags/4x3/gu.svg)
}
.flag.icon.gu.squared{
    background-image:url(../../../../../assets/flags/1x1/gu.svg)
}
.flag.icon.gw{
    background-image:url(../../../../../assets/flags/4x3/gw.svg)
}
.flag.icon.gw.squared{
    background-image:url(../../../../../assets/flags/1x1/gw.svg)
}
.flag.icon.gy{
    background-image:url(../../../../../assets/flags/4x3/gy.svg)
}
.flag.icon.gy.squared{
    background-image:url(../../../../../assets/flags/1x1/gy.svg)
}
.flag.icon.hk{
    background-image:url(../../../../../assets/flags/4x3/hk.svg)
}
.flag.icon.hk.squared{
    background-image:url(../../../../../assets/flags/1x1/hk.svg)
}
.flag.icon.hm{
    background-image:url(../../../../../assets/flags/4x3/hm.svg)
}
.flag.icon.hm.squared{
    background-image:url(../../../../../assets/flags/1x1/hm.svg)
}
.flag.icon.hn{
    background-image:url(../../../../../assets/flags/4x3/hn.svg)
}
.flag.icon.hn.squared{
    background-image:url(../../../../../assets/flags/1x1/hn.svg)
}
.flag.icon.hr{
    background-image:url(../../../../../assets/flags/4x3/hr.svg)
}
.flag.icon.hr.squared{
    background-image:url(../../../../../assets/flags/1x1/hr.svg)
}
.flag.icon.ht{
    background-image:url(../../../../../assets/flags/4x3/ht.svg)
}
.flag.icon.ht.squared{
    background-image:url(../../../../../assets/flags/1x1/ht.svg)
}
.flag.icon.hu{
    background-image:url(../../../../../assets/flags/4x3/hu.svg)
}
.flag.icon.hu.squared{
    background-image:url(../../../../../assets/flags/1x1/hu.svg)
}
.flag.icon.id{
    background-image:url(../../../../../assets/flags/4x3/id.svg)
}
.flag.icon.id.squared{
    background-image:url(../../../../../assets/flags/1x1/id.svg)
}
.flag.icon.ie{
    background-image:url(../../../../../assets/flags/4x3/ie.svg)
}
.flag.icon.ie.squared{
    background-image:url(../../../../../assets/flags/1x1/ie.svg)
}
.flag.icon.il{
    background-image:url(../../../../../assets/flags/4x3/il.svg)
}
.flag.icon.il.squared{
    background-image:url(../../../../../assets/flags/1x1/il.svg)
}
.flag.icon.im{
    background-image:url(../../../../../assets/flags/4x3/im.svg)
}
.flag.icon.im.squared{
    background-image:url(../../../../../assets/flags/1x1/im.svg)
}
.flag.icon.in{
    background-image:url(../../../../../assets/flags/4x3/in.svg)
}
.flag.icon.in.squared{
    background-image:url(../../../../../assets/flags/1x1/in.svg)
}
.flag.icon.io{
    background-image:url(../../../../../assets/flags/4x3/io.svg)
}
.flag.icon.io.squared{
    background-image:url(../../../../../assets/flags/1x1/io.svg)
}
.flag.icon.iq{
    background-image:url(../../../../../assets/flags/4x3/iq.svg)
}
.flag.icon.iq.squared{
    background-image:url(../../../../../assets/flags/1x1/iq.svg)
}
.flag.icon.ir{
    background-image:url(../../../../../assets/flags/4x3/ir.svg)
}
.flag.icon.ir.squared{
    background-image:url(../../../../../assets/flags/1x1/ir.svg)
}
.flag.icon.is{
    background-image:url(../../../../../assets/flags/4x3/is.svg)
}
.flag.icon.is.squared{
    background-image:url(../../../../../assets/flags/1x1/is.svg)
}
.flag.icon.it{
    background-image:url(../../../../../assets/flags/4x3/it.svg)
}
.flag.icon.it.squared{
    background-image:url(../../../../../assets/flags/1x1/it.svg)
}
.flag.icon.je{
    background-image:url(../../../../../assets/flags/4x3/je.svg)
}
.flag.icon.je.squared{
    background-image:url(../../../../../assets/flags/1x1/je.svg)
}
.flag.icon.jm{
    background-image:url(../../../../../assets/flags/4x3/jm.svg)
}
.flag.icon.jm.squared{
    background-image:url(../../../../../assets/flags/1x1/jm.svg)
}
.flag.icon.jo{
    background-image:url(../../../../../assets/flags/4x3/jo.svg)
}
.flag.icon.jo.squared{
    background-image:url(../../../../../assets/flags/1x1/jo.svg)
}
.flag.icon.jp{
    background-image:url(../../../../../assets/flags/4x3/jp.svg)
}
.flag.icon.jp.squared{
    background-image:url(../../../../../assets/flags/1x1/jp.svg)
}
.flag.icon.ke{
    background-image:url(../../../../../assets/flags/4x3/ke.svg)
}
.flag.icon.ke.squared{
    background-image:url(../../../../../assets/flags/1x1/ke.svg)
}
.flag.icon.kg{
    background-image:url(../../../../../assets/flags/4x3/kg.svg)
}
.flag.icon.kg.squared{
    background-image:url(../../../../../assets/flags/1x1/kg.svg)
}
.flag.icon.kh{
    background-image:url(../../../../../assets/flags/4x3/kh.svg)
}
.flag.icon.kh.squared{
    background-image:url(../../../../../assets/flags/1x1/kh.svg)
}
.flag.icon.ki{
    background-image:url(../../../../../assets/flags/4x3/ki.svg)
}
.flag.icon.ki.squared{
    background-image:url(../../../../../assets/flags/1x1/ki.svg)
}
.flag.icon.km{
    background-image:url(../../../../../assets/flags/4x3/km.svg)
}
.flag.icon.km.squared{
    background-image:url(../../../../../assets/flags/1x1/km.svg)
}
.flag.icon.kn{
    background-image:url(../../../../../assets/flags/4x3/kn.svg)
}
.flag.icon.kn.squared{
    background-image:url(../../../../../assets/flags/1x1/kn.svg)
}
.flag.icon.kp{
    background-image:url(../../../../../assets/flags/4x3/kp.svg)
}
.flag.icon.kp.squared{
    background-image:url(../../../../../assets/flags/1x1/kp.svg)
}
.flag.icon.kr{
    background-image:url(../../../../../assets/flags/4x3/kr.svg)
}
.flag.icon.kr.squared{
    background-image:url(../../../../../assets/flags/1x1/kr.svg)
}
.flag.icon.kw{
    background-image:url(../../../../../assets/flags/4x3/kw.svg)
}
.flag.icon.kw.squared{
    background-image:url(../../../../../assets/flags/1x1/kw.svg)
}
.flag.icon.ky{
    background-image:url(../../../../../assets/flags/4x3/ky.svg)
}
.flag.icon.ky.squared{
    background-image:url(../../../../../assets/flags/1x1/ky.svg)
}
.flag.icon.kz{
    background-image:url(../../../../../assets/flags/4x3/kz.svg)
}
.flag.icon.kz.squared{
    background-image:url(../../../../../assets/flags/1x1/kz.svg)
}
.flag.icon.la{
    background-image:url(../../../../../assets/flags/4x3/la.svg)
}
.flag.icon.la.squared{
    background-image:url(../../../../../assets/flags/1x1/la.svg)
}
.flag.icon.lb{
    background-image:url(../../../../../assets/flags/4x3/lb.svg)
}
.flag.icon.lb.squared{
    background-image:url(../../../../../assets/flags/1x1/lb.svg)
}
.flag.icon.lc{
    background-image:url(../../../../../assets/flags/4x3/lc.svg)
}
.flag.icon.lc.squared{
    background-image:url(../../../../../assets/flags/1x1/lc.svg)
}
.flag.icon.li{
    background-image:url(../../../../../assets/flags/4x3/li.svg)
}
.flag.icon.li.squared{
    background-image:url(../../../../../assets/flags/1x1/li.svg)
}
.flag.icon.lk{
    background-image:url(../../../../../assets/flags/4x3/lk.svg)
}
.flag.icon.lk.squared{
    background-image:url(../../../../../assets/flags/1x1/lk.svg)
}
.flag.icon.lr{
    background-image:url(../../../../../assets/flags/4x3/lr.svg)
}
.flag.icon.lr.squared{
    background-image:url(../../../../../assets/flags/1x1/lr.svg)
}
.flag.icon.ls{
    background-image:url(../../../../../assets/flags/4x3/ls.svg)
}
.flag.icon.ls.squared{
    background-image:url(../../../../../assets/flags/1x1/ls.svg)
}
.flag.icon.lt{
    background-image:url(../../../../../assets/flags/4x3/lt.svg)
}
.flag.icon.lt.squared{
    background-image:url(../../../../../assets/flags/1x1/lt.svg)
}
.flag.icon.lu{
    background-image:url(../../../../../assets/flags/4x3/lu.svg)
}
.flag.icon.lu.squared{
    background-image:url(../../../../../assets/flags/1x1/lu.svg)
}
.flag.icon.lv{
    background-image:url(../../../../../assets/flags/4x3/lv.svg)
}
.flag.icon.lv.squared{
    background-image:url(../../../../../assets/flags/1x1/lv.svg)
}
.flag.icon.ly{
    background-image:url(../../../../../assets/flags/4x3/ly.svg)
}
.flag.icon.ly.squared{
    background-image:url(../../../../../assets/flags/1x1/ly.svg)
}
.flag.icon.ma{
    background-image:url(../../../../../assets/flags/4x3/ma.svg)
}
.flag.icon.ma.squared{
    background-image:url(../../../../../assets/flags/1x1/ma.svg)
}
.flag.icon.mc{
    background-image:url(../../../../../assets/flags/4x3/mc.svg)
}
.flag.icon.mc.squared{
    background-image:url(../../../../../assets/flags/1x1/mc.svg)
}
.flag.icon.md{
    background-image:url(../../../../../assets/flags/4x3/md.svg)
}
.flag.icon.md.squared{
    background-image:url(../../../../../assets/flags/1x1/md.svg)
}
.flag.icon.me{
    background-image:url(../../../../../assets/flags/4x3/me.svg)
}
.flag.icon.me.squared{
    background-image:url(../../../../../assets/flags/1x1/me.svg)
}
.flag.icon.mf{
    background-image:url(../../../../../assets/flags/4x3/mf.svg)
}
.flag.icon.mf.squared{
    background-image:url(../../../../../assets/flags/1x1/mf.svg)
}
.flag.icon.mg{
    background-image:url(../../../../../assets/flags/4x3/mg.svg)
}
.flag.icon.mg.squared{
    background-image:url(../../../../../assets/flags/1x1/mg.svg)
}
.flag.icon.mh{
    background-image:url(../../../../../assets/flags/4x3/mh.svg)
}
.flag.icon.mh.squared{
    background-image:url(../../../../../assets/flags/1x1/mh.svg)
}
.flag.icon.mk{
    background-image:url(../../../../../assets/flags/4x3/mk.svg)
}
.flag.icon.mk.squared{
    background-image:url(../../../../../assets/flags/1x1/mk.svg)
}
.flag.icon.ml{
    background-image:url(../../../../../assets/flags/4x3/ml.svg)
}
.flag.icon.ml.squared{
    background-image:url(../../../../../assets/flags/1x1/ml.svg)
}
.flag.icon.mm{
    background-image:url(../../../../../assets/flags/4x3/mm.svg)
}
.flag.icon.mm.squared{
    background-image:url(../../../../../assets/flags/1x1/mm.svg)
}
.flag.icon.mn{
    background-image:url(../../../../../assets/flags/4x3/mn.svg)
}
.flag.icon.mn.squared{
    background-image:url(../../../../../assets/flags/1x1/mn.svg)
}
.flag.icon.mo{
    background-image:url(../../../../../assets/flags/4x3/mo.svg)
}
.flag.icon.mo.squared{
    background-image:url(../../../../../assets/flags/1x1/mo.svg)
}
.flag.icon.mp{
    background-image:url(../../../../../assets/flags/4x3/mp.svg)
}
.flag.icon.mp.squared{
    background-image:url(../../../../../assets/flags/1x1/mp.svg)
}
.flag.icon.mq{
    background-image:url(../../../../../assets/flags/4x3/mq.svg)
}
.flag.icon.mq.squared{
    background-image:url(../../../../../assets/flags/1x1/mq.svg)
}
.flag.icon.mr{
    background-image:url(../../../../../assets/flags/4x3/mr.svg)
}
.flag.icon.mr.squared{
    background-image:url(../../../../../assets/flags/1x1/mr.svg)
}
.flag.icon.ms{
    background-image:url(../../../../../assets/flags/4x3/ms.svg)
}
.flag.icon.ms.squared{
    background-image:url(../../../../../assets/flags/1x1/ms.svg)
}
.flag.icon.mt{
    background-image:url(../../../../../assets/flags/4x3/mt.svg)
}
.flag.icon.mt.squared{
    background-image:url(../../../../../assets/flags/1x1/mt.svg)
}
.flag.icon.mu{
    background-image:url(../../../../../assets/flags/4x3/mu.svg)
}
.flag.icon.mu.squared{
    background-image:url(../../../../../assets/flags/1x1/mu.svg)
}
.flag.icon.mv{
    background-image:url(../../../../../assets/flags/4x3/mv.svg)
}
.flag.icon.mv.squared{
    background-image:url(../../../../../assets/flags/1x1/mv.svg)
}
.flag.icon.mw{
    background-image:url(../../../../../assets/flags/4x3/mw.svg)
}
.flag.icon.mw.squared{
    background-image:url(../../../../../assets/flags/1x1/mw.svg)
}
.flag.icon.mx{
    background-image:url(../../../../../assets/flags/4x3/mx.svg)
}
.flag.icon.mx.squared{
    background-image:url(../../../../../assets/flags/1x1/mx.svg)
}
.flag.icon.my{
    background-image:url(../../../../../assets/flags/4x3/my.svg)
}
.flag.icon.my.squared{
    background-image:url(../../../../../assets/flags/1x1/my.svg)
}
.flag.icon.mz{
    background-image:url(../../../../../assets/flags/4x3/mz.svg)
}
.flag.icon.mz.squared{
    background-image:url(../../../../../assets/flags/1x1/mz.svg)
}
.flag.icon.na{
    background-image:url(../../../../../assets/flags/4x3/na.svg)
}
.flag.icon.na.squared{
    background-image:url(../../../../../assets/flags/1x1/na.svg)
}
.flag.icon.nc{
    background-image:url(../../../../../assets/flags/4x3/nc.svg)
}
.flag.icon.nc.squared{
    background-image:url(../../../../../assets/flags/1x1/nc.svg)
}
.flag.icon.ne{
    background-image:url(../../../../../assets/flags/4x3/ne.svg)
}
.flag.icon.ne.squared{
    background-image:url(../../../../../assets/flags/1x1/ne.svg)
}
.flag.icon.nf{
    background-image:url(../../../../../assets/flags/4x3/nf.svg)
}
.flag.icon.nf.squared{
    background-image:url(../../../../../assets/flags/1x1/nf.svg)
}
.flag.icon.ng{
    background-image:url(../../../../../assets/flags/4x3/ng.svg)
}
.flag.icon.ng.squared{
    background-image:url(../../../../../assets/flags/1x1/ng.svg)
}
.flag.icon.ni{
    background-image:url(../../../../../assets/flags/4x3/ni.svg)
}
.flag.icon.ni.squared{
    background-image:url(../../../../../assets/flags/1x1/ni.svg)
}
.flag.icon.nl{
    background-image:url(../../../../../assets/flags/4x3/nl.svg)
}
.flag.icon.nl.squared{
    background-image:url(../../../../../assets/flags/1x1/nl.svg)
}
.flag.icon.no{
    background-image:url(../../../../../assets/flags/4x3/no.svg)
}
.flag.icon.no.squared{
    background-image:url(../../../../../assets/flags/1x1/no.svg)
}
.flag.icon.np{
    background-image:url(../../../../../assets/flags/4x3/np.svg)
}
.flag.icon.np.squared{
    background-image:url(../../../../../assets/flags/1x1/np.svg)
}
.flag.icon.nr{
    background-image:url(../../../../../assets/flags/4x3/nr.svg)
}
.flag.icon.nr.squared{
    background-image:url(../../../../../assets/flags/1x1/nr.svg)
}
.flag.icon.nu{
    background-image:url(../../../../../assets/flags/4x3/nu.svg)
}
.flag.icon.nu.squared{
    background-image:url(../../../../../assets/flags/1x1/nu.svg)
}
.flag.icon.nz{
    background-image:url(../../../../../assets/flags/4x3/nz.svg)
}
.flag.icon.nz.squared{
    background-image:url(../../../../../assets/flags/1x1/nz.svg)
}
.flag.icon.om{
    background-image:url(../../../../../assets/flags/4x3/om.svg)
}
.flag.icon.om.squared{
    background-image:url(../../../../../assets/flags/1x1/om.svg)
}
.flag.icon.pa{
    background-image:url(../../../../../assets/flags/4x3/pa.svg)
}
.flag.icon.pa.squared{
    background-image:url(../../../../../assets/flags/1x1/pa.svg)
}
.flag.icon.pe{
    background-image:url(../../../../../assets/flags/4x3/pe.svg)
}
.flag.icon.pe.squared{
    background-image:url(../../../../../assets/flags/1x1/pe.svg)
}
.flag.icon.pf{
    background-image:url(../../../../../assets/flags/4x3/pf.svg)
}
.flag.icon.pf.squared{
    background-image:url(../../../../../assets/flags/1x1/pf.svg)
}
.flag.icon.pg{
    background-image:url(../../../../../assets/flags/4x3/pg.svg)
}
.flag.icon.pg.squared{
    background-image:url(../../../../../assets/flags/1x1/pg.svg)
}
.flag.icon.ph{
    background-image:url(../../../../../assets/flags/4x3/ph.svg)
}
.flag.icon.ph.squared{
    background-image:url(../../../../../assets/flags/1x1/ph.svg)
}
.flag.icon.pk{
    background-image:url(../../../../../assets/flags/4x3/pk.svg)
}
.flag.icon.pk.squared{
    background-image:url(../../../../../assets/flags/1x1/pk.svg)
}
.flag.icon.pl{
    background-image:url(../../../../../assets/flags/4x3/pl.svg)
}
.flag.icon.pl.squared{
    background-image:url(../../../../../assets/flags/1x1/pl.svg)
}
.flag.icon.pm{
    background-image:url(../../../../../assets/flags/4x3/pm.svg)
}
.flag.icon.pm.squared{
    background-image:url(../../../../../assets/flags/1x1/pm.svg)
}
.flag.icon.pn{
    background-image:url(../../../../../assets/flags/4x3/pn.svg)
}
.flag.icon.pn.squared{
    background-image:url(../../../../../assets/flags/1x1/pn.svg)
}
.flag.icon.pr{
    background-image:url(../../../../../assets/flags/4x3/pr.svg)
}
.flag.icon.pr.squared{
    background-image:url(../../../../../assets/flags/1x1/pr.svg)
}
.flag.icon.ps{
    background-image:url(../../../../../assets/flags/4x3/ps.svg)
}
.flag.icon.ps.squared{
    background-image:url(../../../../../assets/flags/1x1/ps.svg)
}
.flag.icon.pt{
    background-image:url(../../../../../assets/flags/4x3/pt.svg)
}
.flag.icon.pt.squared{
    background-image:url(../../../../../assets/flags/1x1/pt.svg)
}
.flag.icon.pw{
    background-image:url(../../../../../assets/flags/4x3/pw.svg)
}
.flag.icon.pw.squared{
    background-image:url(../../../../../assets/flags/1x1/pw.svg)
}
.flag.icon.py{
    background-image:url(../../../../../assets/flags/4x3/py.svg)
}
.flag.icon.py.squared{
    background-image:url(../../../../../assets/flags/1x1/py.svg)
}
.flag.icon.qa{
    background-image:url(../../../../../assets/flags/4x3/qa.svg)
}
.flag.icon.qa.squared{
    background-image:url(../../../../../assets/flags/1x1/qa.svg)
}
.flag.icon.re{
    background-image:url(../../../../../assets/flags/4x3/re.svg)
}
.flag.icon.re.squared{
    background-image:url(../../../../../assets/flags/1x1/re.svg)
}
.flag.icon.ro{
    background-image:url(../../../../../assets/flags/4x3/ro.svg)
}
.flag.icon.ro.squared{
    background-image:url(../../../../../assets/flags/1x1/ro.svg)
}
.flag.icon.rs{
    background-image:url(../../../../../assets/flags/4x3/rs.svg)
}
.flag.icon.rs.squared{
    background-image:url(../../../../../assets/flags/1x1/rs.svg)
}
.flag.icon.ru{
    background-image:url(../../../../../assets/flags/4x3/ru.svg)
}
.flag.icon.ru.squared{
    background-image:url(../../../../../assets/flags/1x1/ru.svg)
}
.flag.icon.rw{
    background-image:url(../../../../../assets/flags/4x3/rw.svg)
}
.flag.icon.rw.squared{
    background-image:url(../../../../../assets/flags/1x1/rw.svg)
}
.flag.icon.sa{
    background-image:url(../../../../../assets/flags/4x3/sa.svg)
}
.flag.icon.sa.squared{
    background-image:url(../../../../../assets/flags/1x1/sa.svg)
}
.flag.icon.sb{
    background-image:url(../../../../../assets/flags/4x3/sb.svg)
}
.flag.icon.sb.squared{
    background-image:url(../../../../../assets/flags/1x1/sb.svg)
}
.flag.icon.sc{
    background-image:url(../../../../../assets/flags/4x3/sc.svg)
}
.flag.icon.sc.squared{
    background-image:url(../../../../../assets/flags/1x1/sc.svg)
}
.flag.icon.sd{
    background-image:url(../../../../../assets/flags/4x3/sd.svg)
}
.flag.icon.sd.squared{
    background-image:url(../../../../../assets/flags/1x1/sd.svg)
}
.flag.icon.se{
    background-image:url(../../../../../assets/flags/4x3/se.svg)
}
.flag.icon.se.squared{
    background-image:url(../../../../../assets/flags/1x1/se.svg)
}
.flag.icon.sg{
    background-image:url(../../../../../assets/flags/4x3/sg.svg)
}
.flag.icon.sg.squared{
    background-image:url(../../../../../assets/flags/1x1/sg.svg)
}
.flag.icon.sh{
    background-image:url(../../../../../assets/flags/4x3/sh.svg)
}
.flag.icon.sh.squared{
    background-image:url(../../../../../assets/flags/1x1/sh.svg)
}
.flag.icon.si{
    background-image:url(../../../../../assets/flags/4x3/si.svg)
}
.flag.icon.si.squared{
    background-image:url(../../../../../assets/flags/1x1/si.svg)
}
.flag.icon.sj{
    background-image:url(../../../../../assets/flags/4x3/sj.svg)
}
.flag.icon.sj.squared{
    background-image:url(../../../../../assets/flags/1x1/sj.svg)
}
.flag.icon.sk{
    background-image:url(../../../../../assets/flags/4x3/sk.svg)
}
.flag.icon.sk.squared{
    background-image:url(../../../../../assets/flags/1x1/sk.svg)
}
.flag.icon.sl{
    background-image:url(../../../../../assets/flags/4x3/sl.svg)
}
.flag.icon.sl.squared{
    background-image:url(../../../../../assets/flags/1x1/sl.svg)
}
.flag.icon.sm{
    background-image:url(../../../../../assets/flags/4x3/sm.svg)
}
.flag.icon.sm.squared{
    background-image:url(../../../../../assets/flags/1x1/sm.svg)
}
.flag.icon.sn{
    background-image:url(../../../../../assets/flags/4x3/sn.svg)
}
.flag.icon.sn.squared{
    background-image:url(../../../../../assets/flags/1x1/sn.svg)
}
.flag.icon.so{
    background-image:url(../../../../../assets/flags/4x3/so.svg)
}
.flag.icon.so.squared{
    background-image:url(../../../../../assets/flags/1x1/so.svg)
}
.flag.icon.sr{
    background-image:url(../../../../../assets/flags/4x3/sr.svg)
}
.flag.icon.sr.squared{
    background-image:url(../../../../../assets/flags/1x1/sr.svg)
}
.flag.icon.ss{
    background-image:url(../../../../../assets/flags/4x3/ss.svg)
}
.flag.icon.ss.squared{
    background-image:url(../../../../../assets/flags/1x1/ss.svg)
}
.flag.icon.st{
    background-image:url(../../../../../assets/flags/4x3/st.svg)
}
.flag.icon.st.squared{
    background-image:url(../../../../../assets/flags/1x1/st.svg)
}
.flag.icon.sv{
    background-image:url(../../../../../assets/flags/4x3/sv.svg)
}
.flag.icon.sv.squared{
    background-image:url(../../../../../assets/flags/1x1/sv.svg)
}
.flag.icon.sx{
    background-image:url(../../../../../assets/flags/4x3/sx.svg)
}
.flag.icon.sx.squared{
    background-image:url(../../../../../assets/flags/1x1/sx.svg)
}
.flag.icon.sy{
    background-image:url(../../../../../assets/flags/4x3/sy.svg)
}
.flag.icon.sy.squared{
    background-image:url(../../../../../assets/flags/1x1/sy.svg)
}
.flag.icon.sz{
    background-image:url(../../../../../assets/flags/4x3/sz.svg)
}
.flag.icon.sz.squared{
    background-image:url(../../../../../assets/flags/1x1/sz.svg)
}
.flag.icon.tc{
    background-image:url(../../../../../assets/flags/4x3/tc.svg)
}
.flag.icon.tc.squared{
    background-image:url(../../../../../assets/flags/1x1/tc.svg)
}
.flag.icon.td{
    background-image:url(../../../../../assets/flags/4x3/td.svg)
}
.flag.icon.td.squared{
    background-image:url(../../../../../assets/flags/1x1/td.svg)
}
.flag.icon.tf{
    background-image:url(../../../../../assets/flags/4x3/tf.svg)
}
.flag.icon.tf.squared{
    background-image:url(../../../../../assets/flags/1x1/tf.svg)
}
.flag.icon.tg{
    background-image:url(../../../../../assets/flags/4x3/tg.svg)
}
.flag.icon.tg.squared{
    background-image:url(../../../../../assets/flags/1x1/tg.svg)
}
.flag.icon.th{
    background-image:url(../../../../../assets/flags/4x3/th.svg)
}
.flag.icon.th.squared{
    background-image:url(../../../../../assets/flags/1x1/th.svg)
}
.flag.icon.tj{
    background-image:url(../../../../../assets/flags/4x3/tj.svg)
}
.flag.icon.tj.squared{
    background-image:url(../../../../../assets/flags/1x1/tj.svg)
}
.flag.icon.tk{
    background-image:url(../../../../../assets/flags/4x3/tk.svg)
}
.flag.icon.tk.squared{
    background-image:url(../../../../../assets/flags/1x1/tk.svg)
}
.flag.icon.tl{
    background-image:url(../../../../../assets/flags/4x3/tl.svg)
}
.flag.icon.tl.squared{
    background-image:url(../../../../../assets/flags/1x1/tl.svg)
}
.flag.icon.tm{
    background-image:url(../../../../../assets/flags/4x3/tm.svg)
}
.flag.icon.tm.squared{
    background-image:url(../../../../../assets/flags/1x1/tm.svg)
}
.flag.icon.tn{
    background-image:url(../../../../../assets/flags/4x3/tn.svg)
}
.flag.icon.tn.squared{
    background-image:url(../../../../../assets/flags/1x1/tn.svg)
}
.flag.icon.to{
    background-image:url(../../../../../assets/flags/4x3/to.svg)
}
.flag.icon.to.squared{
    background-image:url(../../../../../assets/flags/1x1/to.svg)
}
.flag.icon.tr{
    background-image:url(../../../../../assets/flags/4x3/tr.svg)
}
.flag.icon.tr.squared{
    background-image:url(../../../../../assets/flags/1x1/tr.svg)
}
.flag.icon.tt{
    background-image:url(../../../../../assets/flags/4x3/tt.svg)
}
.flag.icon.tt.squared{
    background-image:url(../../../../../assets/flags/1x1/tt.svg)
}
.flag.icon.tv{
    background-image:url(../../../../../assets/flags/4x3/tv.svg)
}
.flag.icon.tv.squared{
    background-image:url(../../../../../assets/flags/1x1/tv.svg)
}
.flag.icon.tw{
    background-image:url(../../../../../assets/flags/4x3/tw.svg)
}
.flag.icon.tw.squared{
    background-image:url(../../../../../assets/flags/1x1/tw.svg)
}
.flag.icon.tz{
    background-image:url(../../../../../assets/flags/4x3/tz.svg)
}
.flag.icon.tz.squared{
    background-image:url(../../../../../assets/flags/1x1/tz.svg)
}
.flag.icon.ua{
    background-image:url(../../../../../assets/flags/4x3/ua.svg)
}
.flag.icon.ua.squared{
    background-image:url(../../../../../assets/flags/1x1/ua.svg)
}
.flag.icon.ug{
    background-image:url(../../../../../assets/flags/4x3/ug.svg)
}
.flag.icon.ug.squared{
    background-image:url(../../../../../assets/flags/1x1/ug.svg)
}
.flag.icon.um{
    background-image:url(../../../../../assets/flags/4x3/um.svg)
}
.flag.icon.um.squared{
    background-image:url(../../../../../assets/flags/1x1/um.svg)
}
.flag.icon.us{
    background-image:url(../../../../../assets/flags/4x3/us.svg)
}
.flag.icon.us.squared{
    background-image:url(../../../../../assets/flags/1x1/us.svg)
}
.flag.icon.uy{
    background-image:url(../../../../../assets/flags/4x3/uy.svg)
}
.flag.icon.uy.squared{
    background-image:url(../../../../../assets/flags/1x1/uy.svg)
}
.flag.icon.uz{
    background-image:url(../../../../../assets/flags/4x3/uz.svg)
}
.flag.icon.uz.squared{
    background-image:url(../../../../../assets/flags/1x1/uz.svg)
}
.flag.icon.va{
    background-image:url(../../../../../assets/flags/4x3/va.svg)
}
.flag.icon.va.squared{
    background-image:url(../../../../../assets/flags/1x1/va.svg)
}
.flag.icon.vc{
    background-image:url(../../../../../assets/flags/4x3/vc.svg)
}
.flag.icon.vc.squared{
    background-image:url(../../../../../assets/flags/1x1/vc.svg)
}
.flag.icon.ve{
    background-image:url(../../../../../assets/flags/4x3/ve.svg)
}
.flag.icon.ve.squared{
    background-image:url(../../../../../assets/flags/1x1/ve.svg)
}
.flag.icon.vg{
    background-image:url(../../../../../assets/flags/4x3/vg.svg)
}
.flag.icon.vg.squared{
    background-image:url(../../../../../assets/flags/1x1/vg.svg)
}
.flag.icon.vi{
    background-image:url(../../../../../assets/flags/4x3/vi.svg)
}
.flag.icon.vi.squared{
    background-image:url(../../../../../assets/flags/1x1/vi.svg)
}
.flag.icon.vn{
    background-image:url(../../../../../assets/flags/4x3/vn.svg)
}
.flag.icon.vn.squared{
    background-image:url(../../../../../assets/flags/1x1/vn.svg)
}
.flag.icon.vu{
    background-image:url(../../../../../assets/flags/4x3/vu.svg)
}
.flag.icon.vu.squared{
    background-image:url(../../../../../assets/flags/1x1/vu.svg)
}
.flag.icon.wf{
    background-image:url(../../../../../assets/flags/4x3/wf.svg)
}
.flag.icon.wf.squared{
    background-image:url(../../../../../assets/flags/1x1/wf.svg)
}
.flag.icon.ws{
    background-image:url(../../../../../assets/flags/4x3/ws.svg)
}
.flag.icon.ws.squared{
    background-image:url(../../../../../assets/flags/1x1/ws.svg)
}
.flag.icon.ye{
    background-image:url(../../../../../assets/flags/4x3/ye.svg)
}
.flag.icon.ye.squared{
    background-image:url(../../../../../assets/flags/1x1/ye.svg)
}
.flag.icon.yt{
    background-image:url(../../../../../assets/flags/4x3/yt.svg)
}
.flag.icon.yt.squared{
    background-image:url(../../../../../assets/flags/1x1/yt.svg)
}
.flag.icon.za{
    background-image:url(../../../../../assets/flags/4x3/za.svg)
}
.flag.icon.za.squared{
    background-image:url(../../../../../assets/flags/1x1/za.svg)
}
.flag.icon.zm{
    background-image:url(../../../../../assets/flags/4x3/zm.svg)
}
.flag.icon.zm.squared{
    background-image:url(../../../../../assets/flags/1x1/zm.svg)
}
.flag.icon.zw{
    background-image:url(../../../../../assets/flags/4x3/zw.svg)
}
.flag.icon.zw.squared{
    background-image:url(../../../../../assets/flags/1x1/zw.svg)
}
.flag.icon.eu{
    background-image:url(../../../../../assets/flags/4x3/eu.svg)
}
.flag.icon.eu.squared{
    background-image:url(../../../../../assets/flags/1x1/eu.svg)
}
.flag.icon.gb.eng{
    background-image:url(../../../../../assets/flags/4x3/gb.eng.svg)
}
.flag.icon.gb.eng.squared{
    background-image:url(../../../../../assets/flags/1x1/gb.eng.svg)
}
.flag.icon.gb.nir{
    background-image:url(../../../../../assets/flags/4x3/gb.nir.svg)
}
.flag.icon.gb.nir.squared{
    background-image:url(../../../../../assets/flags/1x1/gb.nir.svg)
}
.flag.icon.gb.sct{
    background-image:url(../../../../../assets/flags/4x3/gb.sct.svg)
}
.flag.icon.gb.sct.squared{
    background-image:url(../../../../../assets/flags/1x1/gb.sct.svg)
}
.flag.icon.gb.wls{
    background-image:url(../../../../../assets/flags/4x3/gb.wls.svg)
}
.flag.icon.gb.wls.squared{
    background-image:url(../../../../../assets/flags/1x1/gb.wls.svg)
}
.flag.icon.un{
    background-image:url(../../../../../assets/flags/4x3/un.svg)
}
.flag.icon.un.squared{
    background-image:url(../../../../../assets/flags/1x1/un.svg)
}
span.flag.icon.disabled{
    opacity:.5
}
span.flag.small.icon{
    width:1rem;
    height:1rem
}
span.flag.icon{
    width:1.5em;
    height:1em
}
span.flag.full.icon{
    width:100%;
    height:100%
}
.wojo.image{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.1)
}
img.wojo.image{
    background:none
}
.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:0.3
}
.wojo.basic.image{
    box-shadow:none
}
.wojo.rounded.images .image,.wojo.rounded.images img,.wojo.rounded.image img,.wojo.rounded.image{
    border-radius:0.50em;
    margin-bottom: 10px;
    
}
.wojo.rounded.left.images .image,.wojo.rounded.left.images img,.wojo.rounded.left.image img,.wojo.rounded.left.image{
    border-radius:0.250em 0 0 0.250em
}
.wojo.rounded.right.images .image,.wojo.rounded.right.images img,.wojo.rounded.right.image img,.wojo.rounded.right.image{
    border-radius:0 0.250em 0.250em 0
}
.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:0.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:0.5em;
    display:inline-block;
    width:1.75rem;
    height:1.75rem;
    border-radius:500rem
}
.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:0px 0px 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 .meta{
    padding:1em 0;
    position:relative
}
.wojo.image .meta .date{
    text-align:center;
    line-height:1;
    color:#fff;
    background-color:#C0392B;
    padding:.25em 0.5em;
    top:-50%;
    right:0;
    -webkit-transform:translateY(-50%, -50%);
    -o-transform:translateY(-50%, -50%);
    -ms-transform:translateY(-50%, -50%);
    transform:translateY(-50%, -50%);
    position:absolute;
    font-family:'Roboto';
    font-size:2em
}
.wojo.image .meta .date > span{
    font-size:1rem;
    display:block
}
.wojo.image .description{
    padding:.5em;
    background-color:#F6F7F8
}
.wojo.wide.image,.wojo.wide.images{
    height:250px
}
.wojo.thumb img,.wojo.thumb .holder{
    height:120px;
    width:200px;
    position:relative;
    z-index:1
}
.wojo.thumb{
    border:1px solid #DDDDDD;
    box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.05)
}
.wojo.thumb .actions{
    position:absolute;
    z-index:2;
    right:.875em;
    top:.875em
}
.wojo.mime.image{
    width:24px
}
.wojo.tiny.images .image,.wojo.tiny.images img,.wojo.tiny.image{
    width:20px;
    font-size:0.7rem
}
.wojo.upload.image{
    height:42px;
    width:42px
}
.wojo.mini.images .image,.wojo.mini.images img,.wojo.mini.image{
    width:45px;
    font-size:0.8rem
}
.wojo.small.images .image,.wojo.small.images img,.wojo.small.image{
    width:60px;
    font-size:0.9rem
}
.wojo.normal.images .image,.wojo.normal.images img,.wojo.normal.image{
    width:100px;
    font-size:0.9rem
}
.wojo.medium.images .image,.wojo.medium.images img,.wojo.medium.image{
    width:200px;
    font-size:1rem
}
.wojo.large.images .image,.wojo.large.images img,.wojo.large.image{
    width:300px;
    font-size:1.1rem
}
.wojo.big.images .image,.wojo.big.images img,.wojo.big.image{
    width:400px;
    font-size:1.1rem
}
.wojo.huge.images .image,.wojo.huge.images img,.wojo.huge.image{
    width:500px;
    font-size:1.2rem
}
.wojo.images{
    font-size:0em;
    margin:0em -0.25rem 0rem
}
.wojo.images .image,.wojo.images img{
    display:inline-block;
    margin:0em 0.25em 0.5em
}
@media screen and (min-width:40.625em) and (max-width:64em){
    .wojo.responsive.large.image img,.wojo.responsive.large.image{
        width:150px
    }
}
.wojo.label{
    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;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1em;
    vertical-align:baseline;
    background-color:#999999;
    padding:0.5em 0.750em;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    border-radius:0.188rem;
    white-space:nowrap;
    position:relative;
    -webkit-transition:background 0.1s ease;
    transition:background 0.1s ease;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.1)
}
.wojo.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(34, 36, 38, 0.15);
    color:#999
}
.wojo.primary.label{
    background-color:#EC407A
}
.wojo.primary.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(233,30,99,0.50);
    color:#EC407A
}
.wojo.secondary.label,.wojo.pink.label{
    background-color:#7E57C2
}
.wojo.secondary.basic.label,.wojo.pink.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(156,39,176,0.50);
    color:#7E57C2
}
.wojo.positive.label,.wojo.green.label{
    background-color:#66BB6A
}
.wojo.positive.basic.label,.wojo.green.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(76,175,80,0.50);
    color:#66BB6A
}
.wojo.negative.label,.wojo.red.label{
    background-color:#EF5350
}
.wojo.negative.basic.label,.wojo.red.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(244,67,54,0.47);
    color:#EF5350
}
.wojo.info.label,.wojo.blue.label{
    background-color:#26c6da
}
.wojo.info.basic.label,.wojo.blue.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(38,198,218,0.47);
    color:#26c6da
}
.wojo.alert.label{
    background-color:#ffa726
}
.wojo.alert.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(255,167,38,0.47);
    color:#ffa726
}
.wojo.purple.label{
    background-color:#AB47BC
}
.wojo.purple.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(171,71,188,0.47);
    color:#AB47BC
}
.wojo.indigo.label{
    background-color:#5C6BC0
}
.wojo.indigo.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(92,107,192,0.47);
    color:#5C6BC0
}
.wojo.cyan.label{
    background-color:#26C6DA
}
.wojo.cyan.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(38,198,218,0.47);
    color:#26C6DA
}
.wojo.teal.label{
    background-color:#26A69A
}
.wojo.teal.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(38,165,154,0.47);
    color:#26A69A
}
.wojo.lime.label{
    background-color:#D4E157
}
.wojo.lime.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(240,240,240,0.47);
    color:#D4E157
}
.wojo.amber.label{
    background-color:#FFCA28
}
.wojo.amber.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(255,202,40,0.47);
    color:#FFCA28
}
.wojo.orange.label{
    background-color:#FFA726
}
.wojo.orange.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(255,167,38,0.47);
    color:#FFA726
}
.wojo.brown.label{
    background-color:#8D6E63
}
.wojo.brown.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(141,110,99,0.47);
    color:#8D6E63
}
.wojo.grey.label{
    background-color:#78909C
}
.wojo.grey.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px rgba(120,144,156,0.47);
    color:#78909C
}
.wojo.white.label{
    background-color:#FFF;
    color:#999
}
.wojo.white.basic.label{
    background-color:transparent;
    box-shadow:inset 0px 0px 0px 2px #FFF;
    color:#FFF
}
.wojo.white.simple.label{
    background-color:rgba(255,255,255,0.47);
    box-shadow:none;
    color:#FFF
}
.wojo.rounded.label{
    border-radius:2rem;
    padding:0.5em 1em
}
.wojo.circular.label{
    border-radius:100rem
}
.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:.750em;
    font-weight:500
}
.wojo.initials.circular.label .icon{
    margin:0
}
.wojo.label .icon{
    margin-right:0.5em
}
.wojo.right.label .icon{
    margin-left:0.5em
}
.wojo.label > .counter{
    background-color:inherit;
    border-radius:2em;
    position:absolute;
    top:-.5em;
    left:-.5em
}
.wojo.empty.label{
    min-width:0em;
    min-height:0em;
    overflow:hidden;
    width:.875rem;
    height:.875rem;
    padding:0
}
.wojo.ring.label{
    border-radius:100%;
    height:.875rem;
    padding:0;
    vertical-align:middle;
    width:.875rem
}
.wojo.ring.label::after{
    background-color:#fff;
    border-radius:50%;
    content:"";
    height:0.625rem;
    left:0.125rem;
    position:absolute;
    top:0.125rem;
    transform:scale(1);
    transition:all 0.3s ease 0s;
    width:0.625rem
}
.wojo.small.label{
    font-size:0.750rem
}
.wojo.label{
    font-size:0.813rem
}
.wojo.big.label{
    font-size:0.913rem
}
.wojo.large.label{
    font-size:1rem
}
.wojo.form{
    position:relative;
    max-width:100%
}
.wojo.form > p{
    margin:1em 0em
}
.wojo.form .field > label{
    display:block;
    margin:0em 0em 1rem 0em;
    color:#aaaaaa;
    font-size:0.875rem;
    font-weight:500;
    text-transform:none
}
.wojo.form .field > label .icon.asterisk{
    font-size:.750em;
    color:#F44336
}
.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="file"],.wojo.form input[type="url"]{
    font-family:'Roboto';
    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="file"],.wojo.form input[type="url"]{
    font-weight:400;
    margin:0em;
    outline:none;
    -webkit-appearance:none;
    tap-highlight-color:rgba(255, 255, 255, 0);
    line-height:1.25em;
    padding:0.625em 1em;
    font-size:1em;
    background:#FFFFFF;
    border:1px solid rgba(0,0,0,0.2);
    color:#000;
    border-radius:0.188rem;
    box-shadow:0em 0em 0em 0em transparent inset;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.wojo.form textarea{
    font-weight:400;
    margin:0em;
    -webkit-appearance:none;
    tap-highlight-color:rgba(255, 255, 255, 0);
    padding:0.625em 1em;
    background:#FFFFFF;
    border:1px solid rgba(0,0,0,0.2);
    outline:none;
    color:#000;
    border-radius:0.188rem;
    box-shadow:0em 0em 0em 0em transparent inset;
    -webkit-transition:color 0.1s ease, border-color 0.1s ease;
    transition:color 0.1s ease, border-color 0.1s ease;
    font-size:1em;
    line-height:1.25;
    resize:vertical
}
.wojo.form textarea:not([rows]){
    height:12em;
    min-height:8em;
    max-height:24em
}
.wojo.small.form textarea:not([rows]),.wojo.form textarea:not([rows]).small{
    height:6em;
    min-height:4em;
    max-height:12em
}
.wojo.tiny.form textarea:not([rows]),.wojo.form textarea:not([rows]).tiny{
    height:2.5em;
    min-height:3em;
    max-height:12em
}
.wojo.form textarea,.wojo.form input[type="checkbox"]{
    vertical-align:top
}
.wojo.form select{
    display:block;
    height:auto;
    width:100%;
    background:#FFFFFF;
    border:1px solid rgba(34, 36, 38, 0.15);
    border-radius:0.188rem;
    box-shadow:0em 0em 0em 0em transparent inset;
    padding:0.62em 1em;
    color:rgba(0, 0, 0, 0.87);
    -webkit-transition:color 0.1s ease, border-color 0.1s ease;
    transition:color 0.1s ease, border-color 0.1s ease
}
.wojo.form .field.field input:-webkit-autofill{
     box-shadow:0px 0px 0px 100px #FFFFF0 inset !important;
     border-color:#E5DFA1 !important
}
.wojo.form .field.field input:-webkit-autofill:focus{
     box-shadow:0px 0px 0px 100px #FFFFF0 inset !important;
     border-color:#D5C315 !important
}
.wojo.form .error.error input:-webkit-autofill{
     box-shadow:0px 0px 0px 100px #FFFAF0 inset !important;
     border-color:#E0B4B4 !important
}
.wojo.form ::-webkit-input-placeholder{
     color:rgba(0, 0, 0, 0.2);
     font-size:.913rem
}
.wojo.form :-ms-input-placeholder{
     color:rgba(0, 0, 0, 0.2);
     font-size:.913rem
}
.wojo.form ::-moz-placeholder{
     color:rgba(0, 0, 0, 0.2);
     font-size:.913rem
}
.wojo.form :focus::-webkit-input-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.form :focus:-ms-input-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.form :focus::-moz-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.form .error ::-webkit-input-placeholder{
     color:#e7bdbc
}
.wojo.form .error :-ms-input-placeholder{
     color:#e7bdbc !important
}
.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 !important
}
.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="file"]:focus,.wojo.form input[type="url"]:focus{
    color:#555;
    border-color:#673AB7;
    border-radius:0.188rem;
    background:#FFFFFF;
    box-shadow:0 1px 8px 0 rgba(0,0,0,0.03)
}
.wojo.form textarea:focus{
    color:#555;
    border-color:#673AB7;
    border-radius:0.188rem;
    background:#FFFFFF;
    box-shadow:0 1px 8px 0 rgba(0,0,0,0.03);
    -webkit-appearance:none
}
.wojo.loading.form{
    position:relative;
    cursor:default;
    pointer-events:none
}
.wojo.loading.form:before{
    position:absolute;
    content:'';
    top:0%;
    left:0%;
    background:rgba(255, 255, 255, 0.8);
    width:100%;
    height:100%;
    z-index:100
}
.wojo.loading.form:after{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-1.5em 0em 0em -1.5em;
    width:3em;
    height:3em;
    -webkit-animation:form-spin 0.6s linear;
    animation:form-spin 0.6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#673AB7 rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.15);
    border-style:solid;
    border-width:0.2em;
    box-shadow:0px 0px 0px 1px transparent;
    visibility:visible;
    z-index:101
}
@-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)
    }
}
.ezdz-dropzone{
    position:relative;
    width:150px;
    height:150px;
    overflow:hidden;
    display:table;
    text-align:center;
    background-color:#fff;
    border:1px solid #DDDDDD;
    border-radius:.188rem;
    padding:0px;
    margin:0 auto
}
.ezdz-dropzone.rounded{
    border-radius:500em;
    box-shadow:0 0 0 5px rgba(255,255,255,0.4);
    border:0
}
.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 span{
    display:inline-block;
    max-width:90%;
    padding:4%;
    overflow:hidden;
    font-size:13px;
    font-weight:normal;
    line-height:10px;
    color:white;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
    background:black;
    border-radius:20px
}
.ezdz-dropzone img{
    max-width:150px;
    max-height:150px;
    vertical-align:middle;
    border-radius:.188em;
    z-index:3
}
.ezdz-dropzone.rounded img{
    /* max-width:100%; */
    max-height:100%;
    border-radius:500em
}
.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 #33BFC1
}
.ezdz-dropzone.rounded .ezdz-focus,.ezdz-dropzone.rounded:hover{
    border:0;
    box-shadow:0 0 0 5px rgba(255,255,255,0.5)
}
.ezdz-accept{
    color:#3FC59D;
    border:1px solid #3FC59D
}
.ezdz-enter{
    color:#33BFC1;
    border:1px solid #33BFC1
}
.ezdz-reject{
    color:#E2747E;
    border:1px solid #E2747E
}
.wojo.checkbox{
    position:relative;
    display:inline-block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    outline:none;
    vertical-align:baseline;
    font-style:normal;
    min-height:19px;
    font-size:1rem;
    line-height:19px;
    min-width:19px
}
.wojo.checkbox input[type="checkbox"],.wojo.checkbox input[type="radio"]{
    cursor:pointer;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0 !important;
    outline:none;
    z-index:3;
    width:19px;
    height:19px
}
.wojo.checkbox .box,.wojo.checkbox label{
    cursor:auto;
    position:relative;
    display:block;
    padding-left:1.85714em;
    outline:none;
    font-size:1em
}
.wojo.checkbox .box:before,.wojo.checkbox label:before{
    position:absolute;
    top:0px;
    left:0px;
    width:19px;
    height:19px;
    content:'';
    background:#FFFFFF;
    border-radius:0.21428571rem;
    -webkit-transition:border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    border:1px solid #D4D4D5
}
.wojo.checkbox .box:after,.wojo.checkbox label:after{
    position:absolute;
    font-size:14px;
    top:0px;
    left:0px;
    width:19px;
    height:19px;
    text-align:center;
    opacity:0;
    color:rgba(0, 0, 0, 0.87);
    -webkit-transition:border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
    transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease
}
.wojo.checkbox label,.wojo.checkbox + label{
    color:rgba(0, 0, 0, 0.87);
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.checkbox + label{
    vertical-align:middle
}
.wojo.checkbox .box:hover::before,.wojo.checkbox label:hover::before{
    background:#FFFFFF;
    border-color:rgba(34, 36, 38, 0.35)
}
.wojo.checkbox label:hover,.wojo.checkbox + label:hover{
    color:rgba(0, 0, 0, 0.8)
}
.wojo.checkbox .box:active::before,.wojo.checkbox label:active::before{
    background:#F9FAFB;
    border-color:rgba(34, 36, 38, 0.35)
}
.wojo.checkbox .box:active::after,.wojo.checkbox label:active::after{
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:active ~ label{
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:focus ~ .box:before,.wojo.checkbox input:focus ~ label:before{
    background:#FFFFFF;
    border-color:#96C8DA
}
.wojo.checkbox input:focus ~ .box:after,.wojo.checkbox input:focus ~ label:after{
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:focus ~ label{
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:checked ~ .box:before,.wojo.checkbox input:checked ~ label:before{
    background:#FFFFFF;
    border-color:rgba(34, 36, 38, 0.35)
}
.wojo.checkbox input:checked ~ .box:after,.wojo.checkbox input:checked ~ label:after{
    opacity:1;
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:not([type=radio]):indeterminate ~ .box:before,.wojo.checkbox input:not([type=radio]):indeterminate ~ label:before{
    background:#FFFFFF;
    border-color:rgba(34, 36, 38, 0.35)
}
.wojo.checkbox input:not([type=radio]):indeterminate ~ .box:after,.wojo.checkbox input:not([type=radio]):indeterminate ~ label:after{
    opacity:1;
    color:rgba(0, 0, 0, 0.95)
}
.wojo.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,.wojo.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,.wojo.checkbox input:checked:focus ~ .box:before,.wojo.checkbox input:checked:focus ~ label:before{
    background:#FFFFFF;
    border-color:#96C8DA
}
.wojo.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,.wojo.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,.wojo.checkbox input:checked:focus ~ .box:after,.wojo.checkbox input:checked:focus ~ label:after{
    color:rgba(0, 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 !important;
    opacity:0.5;
    color:#000000
}
.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:15px
}
.wojo.radio.checkbox .box,.wojo.radio.checkbox label{
    padding-left:1.85714em
}
.wojo.radio.checkbox .box:before,.wojo.radio.checkbox label:before{
    content:'';
    -webkit-transform:none;
    transform:none;
    width:19px;
    height:19px;
    border-radius:500rem;
    top:0px;
    left:0px
}
.wojo.radio.checkbox .box:after,.wojo.radio.checkbox label:after{
    border:none;
    content:'' !important;
    width:15px;
    height:15px;
    line-height:15px
}
.wojo.radio.checkbox .box:after,.wojo.radio.checkbox label:after{
    top:0px;
    left:0px;
    width:19px;
    height:19px;
    border-radius:500rem;
    -webkit-transform:scale(0.46666667);
    transform:scale(0.46666667);
    background-color:rgba(0, 0, 0, 0.87)
}
.wojo.radio.checkbox input:focus ~ .box:before,.wojo.radio.checkbox input:focus ~ label:before{
    background-color:#FFFFFF
}
.wojo.radio.checkbox input:focus ~ .box:after,.wojo.radio.checkbox input:focus ~ label:after{
    background-color:rgba(0, 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:#FFFFFF
}
.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:#FFFFFF
}
.wojo.radio.checkbox input:focus:checked ~ .box:after,.wojo.radio.checkbox input:focus:checked ~ label:after{
    background-color:rgba(0, 0, 0, 0.95)
}
.wojo.slider.checkbox{
    min-height:1.25rem
}
.wojo.slider.checkbox input{
    width:3.5rem;
    height:1.25rem
}
.wojo.slider.checkbox .box,.wojo.slider.checkbox label{
    padding-left:4.5rem;
    line-height:1rem;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.slider.checkbox .box:before,.wojo.slider.checkbox label:before{
    display:block;
    position:absolute;
    content:'';
    border:none !important;
    left:0em;
    z-index:1;
    top:0.4rem;
    background-color:rgba(0, 0, 0, 0.05);
    width:3.5rem;
    height:0.21428571rem;
    -webkit-transform:none;
    transform:none;
    border-radius:500rem;
    -webkit-transition:background 0.3s ease;
    transition:background 0.3s ease
}
.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:0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
    width:1.5rem;
    height:1.5rem;
    top:-0.25rem;
    left:0em;
    -webkit-transform:none;
    transform:none;
    border-radius:500rem;
    -webkit-transition:left 0.3s ease;
    transition:left 0.3s ease
}
.wojo.slider.checkbox input:focus ~ .box:before,.wojo.slider.checkbox input:focus ~ label:before{
    background-color:rgba(0, 0, 0, 0.15);
    border:none
}
.wojo.slider.checkbox .box:hover,.wojo.slider.checkbox label:hover{
    color:rgba(0, 0, 0, 0.8)
}
.wojo.slider.checkbox .box:hover::before,.wojo.slider.checkbox label:hover::before{
    background:rgba(0, 0, 0, 0.15)
}
.wojo.slider.checkbox input:checked ~ .box,.wojo.slider.checkbox input:checked ~ label{
    color:rgba(0, 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
}
.wojo.slider.checkbox input:focus:checked ~ .box,.wojo.slider.checkbox input:focus:checked ~ label{
    color:rgba(0, 0, 0, 0.95) !important
}
.wojo.slider.checkbox input:focus:checked ~ .box:before,.wojo.slider.checkbox input:focus:checked ~ label:before{
    background-color:#000000 !important
}
.wojo.toggle.checkbox{
    min-height:1.5rem
}
.wojo.toggle.checkbox input{
    width:3.5rem;
    height:1.5rem
}
.wojo.toggle.checkbox .box,.wojo.toggle.checkbox label{
    min-height:1.5rem;
    padding-left:4.5rem;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.toggle.checkbox label{
    padding-top:0.15em
}
.wojo.toggle.checkbox .box:before,.wojo.toggle.checkbox label:before{
    display:block;
    position:absolute;
    content:'';
    z-index:1;
    -webkit-transform:none;
    transform:none;
    border:none;
    top:0rem;
    background:rgba(0, 0, 0, 0.05);
    box-shadow:none;
    width:3.5rem;
    height:1.5rem;
    border-radius:500rem
}
.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:1px solid rgba(0, 0, 0, 0.1);
    width:1.5rem;
    height:1.5rem;
    top:0rem;
    left:0em;
    border-radius:500rem;
    -webkit-transition:background 0.3s ease, left 0.3s ease;
    transition:background 0.3s ease, left 0.3s ease
}
.wojo.toggle.checkbox input ~ .box:after,.wojo.toggle.checkbox input ~ label:after{
    left:-0.05rem;
    box-shadow:none
}
.wojo.toggle.checkbox input:focus ~ .box:before,.wojo.toggle.checkbox input:focus ~ label:before{
    background-color:rgba(0, 0, 0, 0.15);
    border:none
}
.wojo.toggle.checkbox .box:hover::before,.wojo.toggle.checkbox label:hover::before{
    background-color:rgba(0, 0, 0, 0.15);
    border:none
}
.wojo.toggle.checkbox input:checked ~ .box,.wojo.toggle.checkbox input:checked ~ label{
    color:rgba(0, 0, 0, 0.95) !important
}
.wojo.toggle.checkbox input:checked ~ .box:before,.wojo.toggle.checkbox input:checked ~ label:before{
    background-color:#2185D0 !important
}
.wojo.toggle.checkbox input:checked ~ .box:after,.wojo.toggle.checkbox input:checked ~ label:after{
    left:2.15rem;
    box-shadow:none
}
.wojo.toggle.checkbox input:focus:checked ~ .box,.wojo.toggle.checkbox input:focus:checked ~ label{
    color:rgba(0, 0, 0, 0.95) !important
}
.wojo.toggle.checkbox input:focus:checked ~ .box:before,.wojo.toggle.checkbox input:focus:checked ~ label:before{
    background-color:#0d71bb !important
}
.wojo.fitted.checkbox .box,.wojo.fitted.checkbox label{
    padding-left:0em !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{
    font-size:12px;
    content:'\e04e'
}
.sp-container{
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
     *display:inline;
     *zoom:1;
    z-index:9999994;
    overflow:hidden;
    padding:0;
    background:#FFFFFF;
    box-shadow:0 12px 24px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.1);
    border:1px solid #dddddd
}
.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 black;
    background:white;
    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:0.188em
}
.sp-clear{
    display:none
}
.sp-clear-enabled .sp-clear{
    display:block;
    position:absolute;
    top:0px;
    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-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,0.5);
    background:transparent;
    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:white;
    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:.750rem
}
.sp-top{
    margin-bottom:3px
}
.sp-color,.sp-hue,.sp-clear{
    box-shadow:0 0 0 1px #dddddd
}
.sp-input-container{
    float:right;
    width:100px;
    margin-bottom:.5em
}
.sp-initial-disabled .sp-input-container{
    width:100%
}
.sp-input{
    margin:0em;
    outline:none;
    -webkit-appearance:none;
    tap-highlight-color:rgba(255, 255, 255, 0);
    line-height:1em;
    padding:0.75em 1em;
    font-size:1em;
    background:#fff;
    border:1px solid #dddddd;
    color:rgba(0, 0, 0, 0.87);
    border-radius:0.188rem;
    box-shadow:none;
    -webkit-transition:color 0.1s ease, border-color 0.1s ease;
    transition:color 0.1s ease, border-color 0.1s ease;
    width:100%
}
.sp-input:focus{
    color:rgba(0, 0, 0, 0.95);
    border-color:#33BFC1;
    border-radius:0.188rem;
    background:#FFFFFF;
    box-shadow:0px 0em 0em 0em rgba(34, 36, 38, 0.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, 0.6);
    font-family:'Roboto';
    margin:0em 0.25em 0em 0em;
    padding:0.750em 1.5em 0.750em;
    text-transform:none;
    line-height:1em;
    font-style:normal;
    text-align:center;
    text-decoration:none;
    border-radius:0.188rem;
    box-shadow:0px 0px 0px 1px rgba(34, 36, 38, 0.5) inset;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    will-change:'';
    -webkit-tap-highlight-color:transparent
}
.sp-container button:hover{
    background-color:#EBEBEB;
    box-shadow:0px 0px 0px 1px transparent inset, 0px 0em 0px 0px #dddddd inset;
    color:rgba(0, 0, 0, 0.8)
}
.sp-container button:active{
    background-color:#E1E1E1;
    box-shadow:0px 0px 0px 1px transparent inset;
    color:rgba(0, 0, 0, 0.95)
}
.sp-cancel{
    font-size:.875em;
    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 #FFFFFF
}
.wojo.range{
    margin-top:2em;
    width:100%
}
.wojo.range .back-bar{
    background-color:rgba(0, 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 #dddddd, 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:'Roboto';
    font-weight:600;
    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:.5em
}
.wojo.range .scale ins{
    color:#939599;
    font-family:'Roboto';
    font-weight:600;
    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
}
.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 .field.checkbox > label{
    display:inline-flex
}
.wojo.fields.disabled .field,.wojo.fields .field :disabled{
    pointer-events:none;
    opacity:0.75
}
.wojo.fields .field.disabled label{
    opacity:0.75
}
.wojo.fields .field.disabled :disabled{
    opacity:1
}
@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{
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:column;
        flex-direction:column;
        align-items:stretch;
        margin-left:0;
        margin-bottom:0
    }
    .wojo.inline.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.mini.form{
    font-size:0.78571429rem
}
.wojo.tiny.form{
    font-size:0.85714286rem
}
.wojo.small.form{
    font-size:0.875rem
}
.wojo.form{
    font-size:1rem
}
.wojo.large.form{
    font-size:1.14285714rem
}
.wojo.big.form{
    font-size:1.188rem
}
.wojo.huge.form{
    font-size:1.42857143rem
}
.wojo.massive.form{
    font-size:1.71428571rem
}
.wojo.input{
    position:relative;
    font-weight:normal;
    font-style:normal;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:2px solid rgba(0,0,0,0)
}
.wojo.input:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:100%;
    height:1px;
    background:rgba(0,0,0,0.2)
}
.wojo.input input,.wojo.form .wojo.input input,.wojo.form .wojo.input textarea{
    margin:0em;
    outline:none;
    -webkit-flex:1 1 0px;
    -ms-flex:1 1 0px;
    flex:1 1 0px;
    min-width:0;
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    text-align:left;
    font-weight:400;
    line-height:1.375em;
    padding:0.625em 0;
    background:transparent;
    border:0px solid rgba(0,0,0,0);
    color:#555;
    border-radius:0;
    -webkit-transition:box-shadow 0.1s ease, border-color 0.1s ease;
    transition:box-shadow 0.1s ease, border-color 0.1s ease;
    box-shadow:none
}
.wojo.input:after{
    background:#fff;
    bottom:-2px;
    content:"";
    height:2px;
    left:0;
    margin:auto;
    opacity:0;
    position:absolute;
    right:0;
    transition:all 0.3s ease 0s;
    width:0
}
.wojo.input input::-webkit-input-placeholder{
     color:rgba(0, 0, 0, 0.2)
}
.wojo.input input::-moz-placeholder{
     color:rgba(0, 0, 0, 0.2)
}
.wojo.input input:-ms-input-placeholder{
     color:rgba(0, 0, 0, 0.2)
}
.wojo.disabled.input,.wojo.input:not(.disabled) input[disabled]{
    opacity:0.45
}
.wojo.disabled.input input,.wojo.input:not(.disabled) input[disabled]{
    pointer-events:none
}
.wojo.input input:active,.wojo.input.down input{
    border-color:rgba(0, 0, 0, 0.3);
    background:#FAFAFA;
    color:rgba(0, 0, 0, 0.87);
    box-shadow:none
}
.wojo.loading.loading.input > i.icon: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, 0.15);
    margin:0
}
.wojo.loading.loading.input > i.icon:after{
    position:absolute;
    content:'';
    top:calc(50% - .750em);
    left:calc(50% - .750em);
    width:1.5em;
    height:1.5em;
    margin:0;
    -webkit-animation:button-spin 0.6s linear;
    animation:button-spin 0.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:0px 0px 0px 1px transparent
}
.wojo.input.focus:after{
    opacity:1;
    width:100%;
    background:#673AB7
}
.wojo.input.focus input,.wojo.input input:focus{
    background:#FFFFFF;
    color:rgba(0, 0, 0, 0.3);
    box-shadow:none
}
.wojo.input.focus input::-webkit-input-placeholder, .wojo.input input:focus::-webkit-input-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.input.focus input::-moz-placeholder, .wojo.input input:focus::-moz-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.input.focus input:-ms-input-placeholder, .wojo.input input:focus:-ms-input-placeholder{
     color:rgba(0, 0, 0, 0.3)
}
.wojo.input.transparent input:focus{
    box-shadow:0px 0em 0em 0em transparent inset;
    border-color:transparent;
    background-color:transparent
}
.wojo.input.error input{
    background-color:#FFF6F6;
    border-color:#E0B4B4;
    color:#9F3A38;
    box-shadow:none
}
 .wojo.input.error input::-webkit-input-placeholder{
     color:#e7bdbc
}
.wojo.input.error input::-moz-placeholder{
     color:#e7bdbc
}
.wojo.input.error input:-ms-input-placeholder{
     color:#e7bdbc !important
}
 .wojo.input.error input:focus::-webkit-input-placeholder{
     color:#da9796
}
.wojo.input.error input:focus::-moz-placeholder{
     color:#da9796
}
.wojo.input.error input:focus:-ms-input-placeholder{
     color:#da9796 !important
}
.wojo.transparent.input input{
    border-color:transparent !important;
    background-color:transparent !important;
    padding:0em !important;
    box-shadow:none !important
}
.wojo.transparent.icon.input > i.icon{
    width:1.1em
}
.wojo.transparent.icon.input > input{
    padding-left:0em !important;
    padding-right:2em !important
}
.wojo.transparent[class*="left icon"].input > input{
    padding-left:2em !important;
    padding-right:0em !important
}
.wojo.transparent.inverted.input{
    color:#FFFFFF
}
.wojo.transparent.inverted.input input{
    color:inherit
}
.wojo.transparent.inverted.input input::-webkit-input-placeholder{
     color:rgba(255, 255, 255, 0.5)
}
.wojo.transparent.inverted.input input::-moz-placeholder{
     color:rgba(255, 255, 255, 0.5)
}
.wojo.transparent.inverted.input input:-ms-input-placeholder{
     color:rgba(255, 255, 255, 0.5)
}
.wojo.icon.input:before,.wojo.icon.input.focus:after{
    left:3em;
    width:calc(100% - 3em)
}
.wojo.right.icon.input:before,.wojo.right.icon.input.focus:after{
    left:0;
    right:3em
}
.wojo.icon.input > i.icon,.wojo.icon.input > button,.wojo.icon.input > .button{
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    max-width:100%;
    white-space:nowrap
}
.wojo.icon.input > i.icon{
    line-height:1;
    padding:0 1em
}
.wojo.labeled.input > .label{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:0;
    display:flex;
    justify-content:center;
    flex-direction:column;
    text-align:center
}
.wojo.labeled.input > .label:first-child{
    margin-right:1em
}
.wojo.labeled.input > .label:last-child{
    margin-left:1em
}
.wojo.action.input > i.icon,.wojo.action.input > button,.wojo.action.input > .button{
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    max-width:100%;
    white-space:nowrap;
    margin:0em 0em 0em 0em
}
.wojo.action.input:before,.wojo.action.input.focus:after{
    left:3em;
    width:calc(100% - 3em)
}
.wojo.right.action.input:before,.wojo.right.action.input.focus:after{
    left:0;
    right:3em
}
.wojo.action.input:not([class*="left action"]) > input{
    border-top-right-radius:0px !important;
    border-bottom-right-radius:0px !important;
    border-right-color:transparent !important
}
.wojo.action.input:not([class*="left action"]) > .dropdown:not(:first-child),.wojo.action.input:not([class*="left action"]) > .button:not(:first-child),.wojo.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button{
    border-radius:0px
}
.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:0px 0.250rem 0.250rem 0px
}
.wojo.fluid.input{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.wojo.fluid.input > input{
    -webkit-flex:1 1 0px;
    -ms-flex:1 1 0px;
    flex:1 1 0px;
    min-width:0
}
.wojo.ajax.search{
    position:absolute;
    width:100%;
    top:calc(100% - 2px);
    left:0;
    background:#fff;
    border:1px solid rgba(34, 36, 38, 0.15);
    box-shadow:0 2px 4px rgba(34,36,38,0.15), 0 1px 1px rgba(34,36,38,0.1);
    z-index:100;
    border-radius:0 0 .250em .250em
}
.wojo.mini.input{
    font-size:0.750rem
}
.wojo.tiny.input{
    font-size:0.813rem
}
.wojo.small.input{
    font-size:0.875rem
}
.wojo.input{
    font-size:1rem
}
.wojo.large.input{
    font-size:1.125rem
}
.wojo.big.input{
    font-size:1.250rem
}
.wojo.huge.input{
    font-size:1.375rem
}
.wojo.massive.input{
    font-size:1.625rem
}
ul.wojo.list,ol.wojo.list,.wojo.list{
    list-style-type:none;
    margin:1em 0em;
    padding:0em 0em
}
ul.wojo.list:first-child,ol.wojo.list:first-child,.wojo.list:first-child{
    margin-top:0em;
    padding-top:0em
}
ul.wojo.list:last-child,ol.wojo.list:last-child,.wojo.list:last-child{
    margin-bottom:0em;
    padding-bottom:0em
}
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:0.188em 0em;
    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:0em
}
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:0em
}
ul.wojo.list ul,ol.wojo.list ol,.wojo.list .list{
    clear:both;
    margin:0em;
    padding:0.75em 0em 0.25em 0.5em
}
ul.wojo.list ul li,ol.wojo.list ol li,.wojo.list .list > .item{
    padding:0.125em 0em;
    line-height:inherit
}
.wojo.list .list > .item > i.icon,.wojo.list > .item > i.icon{
    display:table-cell;
    margin:0em;
    padding-top:0.063em;
    padding-right:0.250em;
    vertical-align:top;
    -webkit-transition:color 0.1s ease;
    transition:color 0.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:0em;
    vertical-align:top
}
.wojo.list .list > .item > .image:not(:only-child):not(img),.wojo.list > .item > .image:not(:only-child):not(img){
    padding-right:0.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:0em 0em 0em 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:0em;
    padding-left:0em
}
.wojo.list .list > .item .header,.wojo.list > .item .header{
    display:block;
    margin:0em;
    font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.list .list > .item .description,.wojo.list > .item .description{
    display:block;
    color:rgba(0, 0, 0, 0.7);
    margin-top:.25em
}
.wojo.list > .item a,.wojo.list .list > .item a{
    cursor:pointer
}
.wojo.list .list > a.item,.wojo.list > a.item{
    cursor:pointer;
    color:#4183C4
}
.wojo.list .list > a.item:hover,.wojo.list > a.item:hover{
    color:#1e70bf
}
.wojo.list .list > a.item i.icon,.wojo.list > a.item i.icon{
    color:rgba(0, 0, 0, 0.4)
}
.wojo.list .list > .item a.header,.wojo.list > .item a.header{
    cursor:pointer;
    color:#4183C4 !important
}
.wojo.list .list > .item a.header:hover,.wojo.list > .item a.header:hover{
    color:#1e70bf !important
}
.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:0em 1em 0em 0em
}
.wojo.list .list > .item [class*="right floated"],.wojo.list > .item [class*="right floated"]{
    float:right;
    margin:0em 0em 0em 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:0.188em 0em;
    line-height:1.125em
}
.wojo.menu .wojo.list .list > .item:before,.wojo.menu .wojo.list > .item:before{
    border:none;
    background:none
}
.wojo.menu .wojo.list .list > .item:first-child,.wojo.menu .wojo.list > .item:first-child{
    padding-top:0em
}
.wojo.menu .wojo.list .list > .item:last-child,.wojo.menu .wojo.list > .item:last-child{
    padding-bottom:0em
}
.wojo.horizontal.list{
    display:inline-block;
    font-size:0em
}
.wojo.horizontal.list > .item{
    display:inline-block;
    margin-left:1em;
    font-size:1rem
}
.wojo.horizontal.list:not(.celled) > .item:first-child{
    margin-left:0em !important;
    padding-left:0em !important
}
.wojo.horizontal.list .list{
    padding-left:0em;
    padding-bottom:0em
}
.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:0.188em;
    padding-bottom:0.188em
}
.wojo.horizontal.list > .item > i.icon{
    margin:0em;
    padding:0em 0.25em 0em 0em
}
.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, 0.3) !important
}
.wojo.inverted.list .list > .disabled.item,.wojo.inverted.list > .disabled.item{
    color:rgba(225, 225, 225, 0.3) !important
}
.wojo.list .list > a.item:hover .icon,.wojo.list > a.item:hover .icon{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.inverted.list .list > a.item > .icon,.wojo.inverted.list > a.item > .icon{
    color:rgba(255, 255, 255, 0.7)
}
.wojo.inverted.list .list > .item .header,.wojo.inverted.list > .item .header{
    color:rgba(255, 255, 255, 0.9)
}
.wojo.inverted.list .list > .item .description,.wojo.inverted.list > .item .description{
    color:rgba(255, 255, 255, 0.7)
}
.wojo.inverted.list .list > a.item,.wojo.inverted.list > a.item{
    cursor:pointer;
    color:rgba(255, 255, 255, 0.9)
}
.wojo.inverted.list .list > a.item:hover,.wojo.inverted.list > a.item:hover{
    color:#1e70bf
}
.wojo.inverted.list .item a:not(.wojo){
    color:rgba(255, 255, 255, 0.9) !important
}
.wojo.inverted.list .item a:not(.wojo):hover{
    color:#1e70bf !important
}
.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, 0.4);
    -webkit-transition:0.1s color ease;
    transition:0.1s color ease
}
.wojo.link.list a.item:hover,.wojo.link.list .item a:not(.wojo):hover{
    color:rgba(0, 0, 0, 0.8)
}
.wojo.link.list a.item:active,.wojo.link.list .item a:not(.wojo):active{
    color:rgba(0, 0, 0, 0.9)
}
.wojo.link.list .active.item,.wojo.link.list .active.item a:not(.wojo){
    color:rgba(0, 0, 0, 0.95)
}
.wojo.inverted.link.list .item,.wojo.inverted.link.list a.item,.wojo.inverted.link.list .item a:not(.wojo){
    color:rgba(255, 255, 255, 0.5)
}
.wojo.inverted.link.list a.item:hover,.wojo.inverted.link.list .item a:not(.wojo):hover{
    color:#ffffff
}
.wojo.inverted.link.list a.item:active,.wojo.inverted.link.list .item a:not(.wojo):active{
    color:#ffffff
}
.wojo.inverted.link.list a.active.item,.wojo.inverted.link.list .active.item a:not(.wojo){
    color:#ffffff
}
.wojo.selection.list .list > .item,.wojo.selection.list > .item{
    cursor:pointer;
    background:transparent;
    padding:0.5em 0.5em;
    margin:0em;
    color:rgba(0, 0, 0, 0.4);
    border-radius:0.5em;
    -webkit-transition:0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
    transition:0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease
}
.wojo.selection.list .list > .item:last-child,.wojo.selection.list > .item:last-child{
    margin-bottom:0em
}
.wojo.selection.list.list > .item:hover,.wojo.selection.list > .item:hover{
    background:rgba(0, 0, 0, 0.03);
    color:rgba(0, 0, 0, 0.8)
}
.wojo.selection.list .list > .item:active,.wojo.selection.list > .item:active{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.9)
}
.wojo.selection.list .list > .item.active,.wojo.selection.list > .item.active{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.inverted.selection.list > .item,.wojo.inverted.selection.list > .item{
    background:transparent;
    color:rgba(255, 255, 255, 0.5)
}
.wojo.inverted.selection.list > .item:hover,.wojo.inverted.selection.list > .item:hover{
    background:rgba(255, 255, 255, 0.02);
    color:#ffffff
}
.wojo.inverted.selection.list > .item:active,.wojo.inverted.selection.list > .item:active{
    background:rgba(255, 255, 255, 0.08);
    color:#ffffff
}
.wojo.inverted.selection.list > .item.active,.wojo.inverted.selection.list > .item.active{
    background:rgba(255, 255, 255, 0.08);
    color:#ffffff
}
.wojo.celled.selection.list .list > .item,.wojo.divided.selection.list .list > .item,.wojo.celled.selection.list > .item,.wojo.divided.selection.list > .item{
    border-radius:0em
}
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;
    font-weight:normal;
    margin-left:-1.25rem;
    content:'•';
    opacity:1;
    color:inherit;
    vertical-align:top
}
ul.wojo.list li:before,.wojo.bulleted.list .list > a.item:before,.wojo.bulleted.list > a.item:before{
    color:rgba(0, 0, 0, 0.87)
}
ul.wojo.list ul,.wojo.bulleted.list .list{
    padding-left:1.25rem
}
ul.wojo.horizontal.bulleted.list,.wojo.horizontal.bulleted.list{
    margin-left:0em
}
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:0em
}
ul.wojo.horizontal.bulleted.list li::before,.wojo.horizontal.bulleted.list > .item::before{
    color:rgba(0, 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, 0.87);
    vertical-align:middle;
    opacity:0.8
}
ol.wojo.inverted.list li:before,.wojo.ordered.inverted.list .list > .item:before,.wojo.ordered.inverted.list > .item:before{
    color:rgba(255, 255, 255, 0.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:0em
}
ol.wojo.horizontal.list li:before,.wojo.ordered.horizontal.list .list > .item:before,.wojo.ordered.horizontal.list > .item:before{
    position:static;
    margin:0em 0.5em 0em 0em
}
.wojo.divided.list > .item{
    border-top:1px solid rgba(34, 36, 38, 0.15)
}
.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:0em;
    padding-left:0em
}
.wojo.divided.bulleted.list > .item:not(.horizontal){
    padding-left:1.25rem
}
.wojo.divided.ordered.list{
    margin-left:0em
}
.wojo.divided.ordered.list .list > .item,.wojo.divided.ordered.list > .item{
    padding-left:1.25rem
}
.wojo.divided.ordered.list .item .list{
    margin-left:0em;
    margin-right:0em;
    padding-bottom:0.188em
}
.wojo.divided.ordered.list .item .list > .item{
    padding-left:1em
}
.wojo.divided.selection.list .list > .item,.wojo.divided.selection.list > .item{
    margin:0em;
    border-radius:0em
}
.wojo.divided.horizontal.list{
    margin-left:0em
}
.wojo.divided.horizontal.list > .item:not(:first-child){
    padding-left:0.5em
}
.wojo.divided.horizontal.list > .item:not(:last-child){
    padding-right:0.5em
}
.wojo.divided.horizontal.list > .item{
    border:0;
    margin:0em;
    line-height:1;
    position:relative
}
.wojo.divided.horizontal.list > .item:before{
    border-left:1px solid rgba(34, 36, 38, 0.15);
    height:50%;
    left:0;
    top:25%;
    width:1px;
    position:absolute;
    content:''
}
.wojo.horizontal.divided.list > .item:first-child:before{
    border:none
}
.wojo.divided.inverted.list > .item,.wojo.divided.inverted.list > .list,.wojo.divided.inverted.horizontal.list > .item{
    border-color:rgba(255, 255, 255, 0.1)
}
.wojo.celled.list > .item,.wojo.celled.list > .list{
    border-top:1px solid rgba(34, 36, 38, 0.15);
    padding-left:0.5em;
    padding-right:0.5em
}
.wojo.celled.list > .item:last-child{
    border-bottom:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.celled.list > .item:first-child,.wojo.celled.list > .item:last-child{
    padding-top:0.188em;
    padding-bottom:0.188em
}
.wojo.celled.list .item .list > .item{
    border-width:0px
}
.wojo.celled.list .list > .item:first-child{
    border-top-width:0px
}
.wojo.celled.bulleted.list{
    margin-left:0em
}
.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:0.188em
}
.wojo.celled.ordered.list{
    margin-left:0em
}
.wojo.celled.ordered.list .list > .item,.wojo.celled.ordered.list > .item{
    padding-left:1.25rem
}
.wojo.celled.ordered.list .item .list{
    margin-left:0em;
    margin-right:0em;
    padding-bottom:0.188em
}
.wojo.celled.ordered.list .list > .item{
    padding-left:1em
}
.wojo.horizontal.celled.list{
    margin-left:0em
}
.wojo.horizontal.celled.list .list > .item,.wojo.horizontal.celled.list > .item{
    border-top:none;
    border-left:1px solid rgba(34, 36, 38, 0.15);
    margin:0em;
    padding-left:0.5em;
    padding-right:0.5em;
    line-height:1
}
.wojo.horizontal.celled.list .list > .item:last-child,.wojo.horizontal.celled.list > .item:last-child{
    border-bottom:none;
    border-right:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.celled.inverted.list > .item,.wojo.celled.inverted.list > .list{
    border-color:1px solid rgba(255, 255, 255, 0.1)
}
.wojo.celled.inverted.horizontal.list .list > .item,.wojo.celled.inverted.horizontal.list > .item{
    border-color:1px solid rgba(255, 255, 255, 0.1)
}
.wojo.relaxed.list:not(.horizontal) > .item:not(:first-child){
    padding-top:0.42857143em
}
.wojo.relaxed.list:not(.horizontal) > .item:not(:last-child){
    padding-bottom:0.42857143em
}
.wojo.horizontal.relaxed.list .list > .item:not(:first-child),.wojo.horizontal.relaxed.list > .item:not(:first-child){
    padding-left:1rem
}
.wojo.horizontal.relaxed.list .list > .item:not(:last-child),.wojo.horizontal.relaxed.list > .item:not(:last-child){
    padding-right:1rem
}
.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child){
    padding-top:0.85714286em
}
.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child){
    padding-bottom:0.85714286em
}
.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),.wojo.horizontal[class*="very relaxed"].list > .item:not(:first-child){
    padding-left:1.5rem
}
.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),.wojo.horizontal[class*="very relaxed"].list > .item:not(:last-child){
    padding-right:1.5rem
}
.wojo.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 0px;
    -ms-flex:1 1 0px;
    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%
}
ul.vertical-menu li,ul.vertical-menu,ul.vertical-menu ul{
    list-style-type:none;
    margin:0;
    padding:0
}
ul.vertical-menu li{
    border-top:1px solid rgba(0,0,0,0.1);
    display:block;
    position:relative
}
ul.vertical-menu li a{
    display:inline-block;
    position:relative;
    padding:.5em 0;
    color:#424242
}
ul.vertical-menu li a:hover,ul.vertical-menu li a.active{
    color:#C0392B
}
ul.vertical-menu li a > i.icon{
    margin-right:.5em
}
ul.vertical-menu li a span{
    display:inline-block;
    font-size:.750em;
    padding:.5em;
    margin-left:1em;
    line-height:.75;
    border-radius:.188em;
    font-family:'Roboto';
    font-weight:600
}
ul.vertical-menu .menu-submenu{
    display:none;
    top:0
}
ul.vertical-menu .menu-submenu li{
    border-bottom:0;
    border-top:1px solid rgba(0,0,0,0.1);
    box-shadow:none;
    position:relative
}
ul.vertical-menu .menu-submenu li a{
    padding:8px 25px
}
ul.vertical-menu .menu-submenu li ul li a{
    padding:8px 45px
}
ul.vertical-menu .menu-submenu li ul li ul li{
}
ul.vertical-menu .menu-submenu li ul li ul li a{
    padding:8px 65px
}
ul.vertical-menu .icon.chevron.down{
    position:absolute;
    right:0;
    display:block;
    cursor:pointer;
    padding:8px 0
}
.wojo.auto.list{
    display:table;
    margin-left:auto!important;
    margin-right:auto!important
}
.wojo.mini.list{
    font-size:0.750rem
}
.wojo.tiny.list{
    font-size:0.813rem
}
.wojo.small.list{
    font-size:0.875rem
}
.wojo.list{
    font-size:1em
}
.wojo.large.list{
    font-size:1.125em
}
.wojo.big.list{
    font-size:1.250em
}
.wojo.huge.list{
    font-size:1.5em
}
.wojo.massive.list{
    font-size:1.625em
}
.wojo.mini.horizontal.list .list > .item,.wojo.mini.horizontal.list > .item{
    font-size:0.750rem
}
.wojo.tiny.horizontal.list .list > .item,.wojo.tiny.horizontal.list > .item{
    font-size:0.813rem
}
.wojo.small.horizontal.list .list > .item,.wojo.small.horizontal.list > .item{
    font-size:0.875rem
}
.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.250rem
}
.wojo.huge.horizontal.list .list > .item,.wojo.huge.horizontal.list > .item{
    font-size:1.5rem
}
.wojo.massive.horizontal.list .list > .item,.wojo.massive.horizontal.list > .item{
    font-size:1.625rem
}
.wojo.segment{
    position:relative;
    background:#FFFFFF;
    margin:1rem 0em;
    padding:1em 1em;
    border-radius:0.250rem;
    border:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.segment:first-child{
    margin-top:0em
}
.wojo.segment:last-child{
    margin-bottom:0em
}
.wojo.vertical.segment{
    margin:0em;
    padding-left:0em;
    padding-right:0em;
    background:none transparent;
    border-radius:0px;
    box-shadow:none;
    border:none;
    border-bottom:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.vertical.segment:last-child{
    border-bottom:none
}
.wojo.inverted.segment > .wojo.header{
    color:#FFFFFF
}
.wojo[class*="bottom attached"].segment > [class*="top attached"].label{
    border-top-left-radius:0em;
    border-top-right-radius:0em
}
.wojo[class*="top attached"].segment > [class*="bottom attached"].label{
    border-bottom-left-radius:0em;
    border-bottom-right-radius:0em
}
.wojo.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label{
    border-top-left-radius:0em;
    border-top-right-radius:0em
}
.wojo.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label{
    border-bottom-left-radius:0em;
    border-bottom-right-radius:0em
}
.wojo.basic.table.segment{
    background:#FFFFFF;
    border:1px solid rgba(34, 36, 38, 0.15);
    box-shadow:0px 1px 2px 0 rgba(34, 36, 38, 0.15)
}
.wojo[class*="very basic"].table.segment{
    padding:1em 1em
}
.wojo.fitted.segment{
    padding:0
}
.wojo.padded.segment{
    padding:1.5em
}
.wojo[class*="very padded"].segment{
    padding:3em
}
.wojo.compact.segment{
    display:table
}
.wojo.compact.segment.auto{
    margin:0 auto
}
.wojo.compact.segments{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.wojo.compact.segments .segment,.wojo.segments .compact.segment{
    display:block;
    -webkit-box-flex:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
.wojo.circular.segment{
    display:table-cell;
    padding:2em;
    text-align:center;
    vertical-align:middle;
    border-radius:500em
}
.wojo.loading.segment{
    position:relative;
    cursor:default;
    pointer-events:none;
    text-shadow:none !important;
    color:transparent !important;
    -webkit-transition:all 0s linear;
    transition:all 0s linear
}
.wojo.loading.segment:before{
    position:absolute;
    content:'';
    top:0%;
    left:0%;
    background:rgba(255, 255, 255, 0.8);
    width:100%;
    height:100%;
    border-radius:0.250rem;
    z-index:100
}
.wojo.loading.segment:after{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-1.5em 0em 0em -1.5em;
    width:3em;
    height:3em;
    -webkit-animation:segment-spin 0.6s linear;
    animation:segment-spin 0.6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style:solid;
    border-width:0.2em;
    box-shadow:0px 0px 0px 1px transparent;
    visibility:visible;
    z-index:101
}
@-webkit-keyframes segment-spin{
     from{
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg)
    }
     to{
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg)
    }
}
@keyframes segment-spin{
     from{
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg)
    }
     to{
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg)
    }
}
.wojo.basic.segment,.wojo.plugin.segment{
    background:none transparent;
    box-shadow:none;
    border:none;
    border-radius:0px;
    margin:0
}
.wojo.plugin.segment{
    margin:0 0 2rem
}
.wojo.clearing.segment:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.wojo.red.segment:not(.inverted){
    border-top:2px solid #DB2828
}
.wojo.inverted.red.segment{
    background-color:#DB2828 !important;
    color:#FFFFFF !important
}
.wojo.orange.segment:not(.inverted){
    border-top:2px solid #F2711C
}
.wojo.inverted.orange.segment{
    background-color:#F2711C !important;
    color:#FFFFFF !important
}
.wojo.yellow.segment:not(.inverted){
    border-top:2px solid #FBBD08
}
.wojo.inverted.yellow.segment{
    background-color:#FBBD08 !important;
    color:#FFFFFF !important
}
.wojo.olive.segment:not(.inverted){
    border-top:2px solid #B5CC18
}
.wojo.inverted.olive.segment{
    background-color:#B5CC18 !important;
    color:#FFFFFF !important
}
.wojo.green.segment:not(.inverted){
    border-top:2px solid #21BA45
}
.wojo.inverted.green.segment{
    background-color:#21BA45 !important;
    color:#FFFFFF !important
}
.wojo.teal.segment:not(.inverted){
    border-top:2px solid #00B5AD
}
.wojo.inverted.teal.segment{
    background-color:#00B5AD !important;
    color:#FFFFFF !important
}
.wojo.blue.segment:not(.inverted){
    border-top:2px solid #2185D0
}
.wojo.inverted.blue.segment{
    background-color:#2185D0 !important;
    color:#FFFFFF !important
}
.wojo.violet.segment:not(.inverted){
    border-top:2px solid #6435C9
}
.wojo.inverted.violet.segment{
    background-color:#6435C9 !important;
    color:#FFFFFF !important
}
.wojo.purple.segment:not(.inverted){
    border-top:2px solid #A333C8
}
.wojo.inverted.purple.segment{
    background-color:#A333C8 !important;
    color:#FFFFFF !important
}
.wojo.pink.segment:not(.inverted){
    border-top:2px solid #E03997
}
.wojo.inverted.pink.segment{
    background-color:#E03997 !important;
    color:#FFFFFF !important
}
.wojo.brown.segment:not(.inverted){
    border-top:2px solid #A5673F
}
.wojo.inverted.brown.segment{
    background-color:#A5673F !important;
    color:#FFFFFF !important
}
.wojo.grey.segment:not(.inverted){
    border-top:2px solid #767676
}
.wojo.inverted.grey.segment{
    background-color:#767676 !important;
    color:#FFFFFF !important
}
.wojo.black.segment:not(.inverted){
    border-top:2px solid #1B1C1D
}
.wojo.inverted.black.segment{
    background-color:#1B1C1D !important;
    color:#FFFFFF !important
}
.wojo[class*="left aligned"].segment{
    text-align:left
}
.wojo[class*="right aligned"].segment{
    text-align:right
}
.wojo[class*="center aligned"].segment{
    text-align:center
}
.wojo.floated.segment,.wojo[class*="left floated"].segment{
    float:left;
    margin-right:1em
}
.wojo[class*="right floated"].segment{
    float:right;
    margin-left:1em
}
.wojo.inverted.segment{
    border:none;
    box-shadow:none
}
.wojo.inverted.segment,.wojo.primary.inverted.segment{
    background:#1B1C1D;
    color:rgba(255, 255, 255, 0.9)
}
.wojo.inverted.segment .segment{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.inverted.segment .inverted.segment{
    color:rgba(255, 255, 255, 0.9)
}
.wojo.inverted.attached.segment{
    border-color:#555555
}
.wojo.primary.segment{
    background: #ffffffc7;
    color: rgb(0, 0, 0);
}
.wojo.secondary.segment{
    background-color:#F5F5F5;
    color:rgba(0, 0, 0, 0.6)
}
.wojo.secondary.inverted.segment{
    background:#4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background:#4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    color:rgba(255, 255, 255, 0.8)
}
.wojo.tertiary.segment{
    background:#DCDDDE;
    color:rgba(0, 0, 0, 0.6)
}
.wojo.tertiary.inverted.segment{
    background:#717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
    background:#717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
    color:rgba(255, 255, 255, 0.8)
}
.wojo.attached.segment{
    top:0px;
    bottom:0px;
    border-radius:0px;
    margin:0em;
    box-shadow:none;
    border:1px solid #D4D4D5
}
.wojo.attached:not(.message) + .wojo.attached.segment:not(.top){
    border-top:none
}
.wojo[class*="top attached"].segment{
    bottom:0px;
    margin-bottom:0em;
    top:0px;
    margin-top:1rem;
    border-radius:0.250rem 0.250rem 0em 0em
}
.wojo.segment[class*="top attached"]:first-child{
    margin-top:0em
}
.wojo.segment[class*="bottom attached"]{
    bottom:0px;
    margin-top:0em;
    top:0px;
    margin-bottom:1rem;
    box-shadow:0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
    border-radius:0em 0em 0.250rem 0.250rem
}
.wojo.segment[class*="bottom attached"]:last-child{
    margin-bottom:0em
}
.wojo.relaxed.segment{
    padding:2em
}
.wojo.very.relaxed.segment{
    padding:3em
}
.wojo.mini.segments .segment,.wojo.mini.segment{
    font-size:0.78571429rem
}
.wojo.tiny.segments .segment,.wojo.tiny.segment{
    font-size:0.85714286rem
}
.wojo.small.segments .segment,.wojo.small.segment{
    font-size:0.92503rem
}
.wojo.segments .segment,.wojo.segment{
    font-size:1rem
}
.wojo.large.segments .segment,.wojo.large.segment{
    font-size:1.14250rem
}
.wojo.big.segments .segment,.wojo.big.segment{
    font-size:1.250rem
}
.wojo.huge.segments .segment,.wojo.huge.segment{
    font-size:1.42503rem
}
.wojo.massive.segments .segment,.wojo.massive.segment{
    font-size:1.71428571rem
}
.wojo.cards > .card,.wojo.card{
    max-width:100%;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    width:290px;
    min-height:0px;
    background:#FFFFFF;
    padding:0em;
    border:none;
    border-radius:0.5em;
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-transition:box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition:box-shadow 0.1s ease, transform 0.1s ease;
    transition:box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
    z-index:''
}
.wojo.card{
    margin:1em 0em
}
.wojo.cards > .card a,.wojo.card a{
    cursor:pointer
}
.wojo.card:first-child{
    margin-top:0em
}
.wojo.card:last-child{
    margin-bottom:0em
}
.wojo.cards{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:-0.875em -0.5em;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.wojo.cards > .card{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0.875em 0.5em;
    float:none
}
.wojo.cards:after,.wojo.card:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.cards ~ .wojo.cards{
    margin-top:0.875em
}
.wojo.rounded.cards > .card > :first-child,.wojo.rounded.card > :first-child{
    border-radius:0.280rem 0.280rem 0em 0em !important;
    border-top:none !important
}
.wojo.rounded.cards > .card > :last-child,.wojo.rounded.card > :last-child{
    border-radius:0em 0em 0.280rem 0.280rem !important
}
.wojo.rounded.cards > .card > :only-child,.wojo.rounded.card > :only-child{
    border-radius:0.280rem !important
}
.wojo.cards > .card > .image,.wojo.card > .image{
    position:relative;
    display:block;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding:0em;
    background:rgba(0, 0, 0, 0.05)
}
.wojo.cards > .card > .image > img,.wojo.card > .image > img{
    display:block;
    width:100%;
    height:auto
}
.wojo.cards > .card > .image:not(.wojo) > img,.wojo.card > .image:not(.wojo) > img{
    border:none
}
.wojo.card .image.header{
    position:relative;
    padding:0;
    z-index:1;
    margin-left:1em;
    margin-right:1em;
    margin-top:-2em;
    border-radius:0.5em
}
.wojo.card .image.header img{
    border-radius:0.5em;
    box-shadow:0 5px 15px -8px rgba(0, 0, 0, .24), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.wojo.cards > .card > .content,.wojo.card > .content{
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    background:none;
    margin:0em;
    padding:1em 1.5em;
    box-shadow:none;
    font-size:1em;
    border-radius:0em
}
.wojo.cards > .card > .content:after,.wojo.card > .content:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.cards > .card > .content > .header,.wojo.card > .content > .header{
    display:block;
    margin:'';
    font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:rgba(0, 0, 0, 0.85)
}
.wojo.cards > .card > .content > .header:not(.wojo),.wojo.card > .content > .header:not(.wojo){
    font-family:'Roboto Slab';
    font-size:1.250em;
    margin-top:-0.21425em;
    line-height:1.2857em
}
.wojo.cards > .card > .content > .meta + .description,.wojo.cards > .card > .content > .header + .description,.wojo.card > .content > .meta + .description,.wojo.card > .content > .header + .description{
    margin-top:0.5em
}
.wojo.cards > .card [class*="left floated"],.wojo.card [class*="left floated"]{
    float:left
}
.wojo.cards > .card [class*="right floated"],.wojo.card [class*="right floated"]{
    float:right
}
.wojo.cards > .card [class*="left aligned"],.wojo.card [class*="left aligned"]{
    text-align:left
}
.wojo.cards > .card [class*="center aligned"],.wojo.card [class*="center aligned"]{
    text-align:center
}
.wojo.cards > .card [class*="right aligned"],.wojo.card [class*="right aligned"]{
    text-align:right
}
.wojo.cards > .card .content img,.wojo.card .content img{
    display:inline-block;
    vertical-align:middle;
    width:''
}
.wojo.cards > .card img.avatar,.wojo.cards > .card .avatar img,.wojo.card img.avatar,.wojo.card .avatar img{
    width:2em;
    height:2em;
    border-radius:500rem
}
.wojo.cards > .card > .content > .description,.wojo.card > .content > .description{
    clear:both;
    color:#999;
    font-size:.875em
}
.wojo.cards > .card > .content p,.wojo.card > .content p{
    margin:0em 0em 0.5em
}
.wojo.cards > .card > .content p:last-child,.wojo.card > .content p:last-child{
    margin-bottom:0em
}
.wojo.cards > .card .meta,.wojo.card .meta{
    font-size:1em;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.cards > .card .meta *,.wojo.card .meta *{
    margin-right:0.3em
}
.wojo.cards > .card .meta :last-child,.wojo.card .meta :last-child{
    margin-right:0em
}
.wojo.cards > .card .meta [class*="right floated"],.wojo.card .meta [class*="right floated"]{
    margin-right:0em;
    margin-left:0.3em
}
.wojo.cards > .card > .content a:not(.wojo),.wojo.card > .content a:not(.wojo){
    color:'';
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.cards > .card > .content a:not(.wojo):hover,.wojo.card > .content a:not(.wojo):hover{
    color:''
}
.wojo.cards > .card > .content > a.header,.wojo.card > .content > a.header{
    color:rgba(0, 0, 0, 0.85)
}
.wojo.cards > .card > .content > a.header:hover,.wojo.card > .content > a.header:hover{
    color:#C0392B
}
.wojo.cards > .card .meta > a:not(.wojo),.wojo.card .meta > a:not(.wojo){
    color:rgba(0, 0, 0, 0.4)
}
.wojo.cards > .card .meta > a:not(.wojo):hover,.wojo.card .meta > a:not(.wojo):hover{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.cards > .card > .buttons,.wojo.card > .buttons,.wojo.cards > .card > .button,.wojo.card > .button{
    margin:0px 0px
}
.wojo.cards > .card .dimmer,.wojo.card .dimmer{
    background-color:'';
    z-index:10
}
.wojo.cards > .card > .content .star.icon,.wojo.card > .content .star.icon{
    cursor:pointer;
    opacity:0.75;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.cards > .card > .content .star.icon:hover,.wojo.card > .content .star.icon:hover{
    opacity:1;
    color:#FFB70A
}
.wojo.cards > .card > .content .active.star.icon,.wojo.card > .content .active.star.icon{
    color:#FFE623
}
.wojo.cards > .card > .content .like.icon,.wojo.card > .content .like.icon{
    cursor:pointer;
    opacity:0.75;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.cards > .card > .content .like.icon:hover,.wojo.card > .content .like.icon:hover{
    opacity:1;
    color:#FF2733
}
.wojo.cards > .card > .content .active.like.icon,.wojo.card > .content .active.like.icon{
    color:#FF2733
}
.wojo.cards > .card > .extra,.wojo.card > .extra{
    max-width:100%;
    min-height:0em !important;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
    -ms-flex-positive:0;
    flex-grow:0;
    border-top:1px solid rgba(0, 0, 0, 0.05) !important;
    position:static;
    background:none;
    width:auto;
    margin:0em 0em;
    padding:0.75em 1em;
    top:0em;
    left:0em;
    color:rgba(0, 0, 0, 0.4);
    box-shadow:none;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.cards > .card > .extra a:not(.wojo),.wojo.card > .extra a:not(.wojo){
    color:rgba(0, 0, 0, 0.4)
}
.wojo.cards > .card > .extra a:not(.wojo):hover,.wojo.card > .extra a:not(.wojo):hover{
    color:#C0392B
}
.wojo.raised.cards > .card,.wojo.raised.card{
    box-shadow:0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}
.wojo.raised.cards a.card:hover,.wojo.link.cards .raised.card:hover,a.wojo.raised.card:hover,.wojo.link.raised.card:hover{
    box-shadow:0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25)
}
.wojo.raised.cards > .card,.wojo.raised.card{
    box-shadow:0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}
.wojo.centered.cards{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.wojo.centered.card{
    margin-left:auto;
    margin-right:auto
}
.wojo.fluid.card{
    width:100%;
    max-width:9999px
}
.wojo.rounded.card{
    border-radius:.250em
}
.wojo.basic.cards > .card > .content,.wojo.basic.card,.wojo.basic.cards > .card,.wojo.basic.card > .content{
    border:none;
    box-shadow:none
}
.wojo.relaxed.cards > .card > .content,.wojo.relaxed.card > .content{
    padding:2em 2em
}
.wojo.cards a.card,.wojo.link.cards .card,a.wojo.card,.wojo.link.card{
    -webkit-transform:none;
    transform:none
}
.wojo.cards a.card:hover,.wojo.link.cards .card:hover,a.wojo.card:hover,.wojo.link.card:hover{
    cursor:pointer;
    z-index:5;
    background:#FFFFFF;
    border:none;
    box-shadow:0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px);
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.wojo.card > .primary.header{
    margin:-2em 1.5em 1em;
    padding:1em;
    border-radius:.250em;
    box-shadow:0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(233, 30, 99, .6);
    background:linear-gradient(60deg, #EC407A, #D81B60)
}
.wojo.card > .secondary.header{
    margin:-2em 1.5em 1em;
    padding:1em;
    border-radius:.250em;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(103,58,183, 0.4);
    background:linear-gradient(60deg, #7E57C2, #5E35B1)
}
.wojo.card > .positive.header{
    margin:-2em 1.5em 1em;
    padding:1em;
    border-radius:.250em;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(67,160,71, 0.4);
    background:linear-gradient(60deg, #66BB6A, #43A047)
}
.wojo.card > .negative.header{
    margin:-2em 1.5em 1em;
    padding:1em;
    border-radius:.250em;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(229,57,53, 0.4);
    background:linear-gradient(60deg, #EF5350, #E53935)
}
.wojo.card.secondary{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(103,58,183, 0.4);
    background:transparent linear-gradient(60deg, #7E57C2, #5E35B1) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.positive{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(67,160,71, 0.4);
    background:transparent linear-gradient(60deg, #66BB6A, #43A047) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.negative{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(229,57,53, 0.4);
    background:transparent linear-gradient(60deg, #EF5350, #E53935) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.primary{
    background:transparent linear-gradient(60deg, #EC407A, #D81B60) repeat scroll 0% 0%;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(233, 30, 99, 0.4);
    color:rgba(255,255,255,0.85)
}
.wojo.card.purple{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(142,36,170, 0.4);
    background:transparent linear-gradient(60deg, #AB47BC, #8E24AA) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.indigo{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(57,73,171, 0.4);
    background:transparent linear-gradient(60deg, #5C6BC0, #3949AB) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.blue{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(30,136,229, 0.4);
    background:transparent linear-gradient(60deg, #42A5F5, #1E88E5) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.cyan{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0,172,193, 0.4);
    background:transparent linear-gradient(60deg, #26C6DA, #00ACC1) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.teal{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0,137,123, 0.4);
    background:transparent linear-gradient(60deg, #26A69A, #00897B) repeat scroll 0% 0%
}
.wojo.card.lime{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(192,202,51, 0.4);
    background:transparent linear-gradient(60deg, #D4E157, #C0CA33) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.amber{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(255,179,0, 0.4);
    background:transparent linear-gradient(60deg, #FFCA28, #FFB300) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.card.orange{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(251,140,0, 0.4);
    background:transparent linear-gradient(60deg, #FFA726, #FB8C00) repeat scroll 0% 0%
}
.wojo.card.grey{
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(84,110,122, 0.4);
    background:transparent linear-gradient(60deg, #78909C, #546E7A) repeat scroll 0% 0%;
    color:rgba(255,255,255,0.85)
}
.wojo.cards > .card{
    font-size:1em
}
.wojo.table{
    width:100%;
    background:#FFFFFF;
    margin:0em;
    border:1px solid #dddddd;
    box-shadow:none;
    border-radius:0;
    text-align:left;
    border-collapse:separate;
    border-spacing:0px;
    color:#3D4051
}
.wojo.table:first-child{
    margin-top:0em
}
.wojo.table:last-child{
    margin-bottom:0em
}
.wojo.table th,.wojo.table td{
    -webkit-transition:background 0.1s ease, color 0.1s ease;
    transition:background 0.1s ease, color 0.1s ease
}
.wojo.table thead{
    box-shadow:none
}
.wojo.table thead th{
    cursor:auto;
    background:#F9FAFB;
    text-align:inherit;
    color:rgba(0, 0, 0, 0.87);
    padding:1em 0.750em;
    vertical-align:inherit;
    font-family:'Roboto';
    font-size:.875rem;
    font-weight:600;
    text-transform:none;
    border-bottom:1px solid rgba(34, 36, 38, 0.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:0.188rem 0em 0em 0em
}
.wojo.table thead tr:first-child > th:last-child{
    border-radius:0em 0.188rem 0em 0em
}
.wojo.table thead tr:first-child > th:only-child{
    border-radius:0.188rem 0.188rem 0em 0em
}
.wojo.table tfoot{
    box-shadow:none
}
.wojo.table tfoot th{
    cursor:auto;
    border-top:1px solid #dddddd;
    background:#F9FAFB;
    text-align:inherit;
    color:rgba(0, 0, 0, 0.87);
    padding:0.750em 0.750em;
    vertical-align:middle;
    font-style:normal;
    font-family:'Roboto';
    font-size:.813rem;
    font-weight:600;
    text-transform:none
}
.wojo.table tfoot tr > th:first-child{
    border-left:none
}
.wojo.table tfoot tr:first-child > th:first-child{
    border-radius:0em 0em 0em 0.188rem
}
.wojo.table tfoot tr:first-child > th:last-child{
    border-radius:0em 0em 0.188rem 0em
}
.wojo.table tfoot tr:first-child > th:only-child{
    border-radius:0em 0em 0.188rem 0.188rem
}
.wojo.table tr td{
    border-top:3px solid rgba(0,0,0,0.05)
}
.wojo.table tr:first-child td{
    border-top:none
}
.wojo.table td{
    padding:0.750em 0.750em;
    text-align:inherit;
    font-family:'Roboto';
    font-weight:300
}
.wojo.table > .icon{
    vertical-align:baseline
}
.wojo.table > .icon:only-child{
    margin:0em
}
.wojo.table.segment{
    padding:0em
}
.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.table.dashed tr td{
    border-top:2px dashed rgba(34, 36, 38, 0.1)
}
.wojo.basic.table.dashed{
    border-bottom:2px dashed rgba(34, 36, 38, 0.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 #dddddd;
    border-right:1px solid #dddddd
}
.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, 0.1);
    border-right:1px solid rgba(34, 36, 38, 0.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:transparent;
    font-weight:normal;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.definition.table tfoot:not(.full-width) th:first-child{
    pointer-events:none;
    background:transparent;
    font-weight:rgba(0, 0, 0, 0.4);
    color:normal;
    box-shadow:1px 1px 0px 1px #FFFFFF
}
.wojo.celled.definition.table thead:not(.full-width) th:first-child{
    box-shadow:0px -1px 0px 1px #FFFFFF
}
.wojo.celled.definition.table tfoot:not(.full-width) th:first-child{
    box-shadow:0px 1px 0px 1px #FFFFFF
}
.wojo.definition.table tr td:first-child{
    font-family:'Roboto';
    color:rgba(0, 0, 0, 0.95);
    font-size:0.688rem;
    text-align:center;
    font-weight:600
}
.wojo.definition.table thead:not(.full-width) th:nth-child(2){
    border-left:1px solid #dddddd
}
.wojo.definition.table tfoot:not(.full-width) th:nth-child(2){
    border-left:1px solid #dddddd
}
.wojo.definition.table td:nth-child(2){
    border-left:1px solid #dddddd
}
.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:0.188rem
}
.wojo.one.column.table td{
    width:100%
}
.wojo.two.column.table td{
    width:50%
}
.wojo.three.column.table td{
    width:33.33333333%
}
.wojo.four.column.table td{
    width:25%
}
.wojo.five.column.table td{
    width:20%
}
.wojo.six.column.table td{
    width:16.66666667%
}
.wojo.seven.column.table td{
    width:14.28571429%
}
.wojo.eight.column.table td{
    width:12.5%
}
.wojo.nine.column.table td{
    width:11.11111111%
}
.wojo.ten.column.table td{
    width:10%
}
.wojo.eleven.column.table td{
    width:9.09090909%
}
.wojo.twelve.column.table td{
    width:8.33333333%
}
.wojo.thirteen.column.table td{
    width:7.69230769%
}
.wojo.fourteen.column.table td{
    width:7.14285714%
}
.wojo.fifteen.column.table td{
    width:6.66666667%
}
.wojo.sixteen.column.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, 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:0.2;
    margin:0 0 0 .5em;
    font-family:"WojoIcons";
    content:'\e915';
    font-style:normal;
    font-weight:400;
    font-size:.750rem;
    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, 0.95)
}
.wojo.sorting.table thead th:hover{
    color:#33BFC1
}
.wojo.sorting.table thead th.sorted{
    background-color:#F5F5F5;
    color:rgba(0, 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, 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:transparent;
    border:0;
    box-shadow:none
}
.wojo.basic.table thead,.wojo.basic.table tfoot{
    box-shadow:none
}
.wojo.basic.table th{
    background:transparent;
    border-left:none;
    text-transform:uppercase;
    font-size:0.813rem
}
.wojo.basic.table tr td{
    border-top:1px solid rgba(0, 0, 0, 0.1)
}
.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:0em
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) th:last-child,.wojo[class*="very basic"].table:not(.sorting):not(.striped) td:last-child{
    padding-right:0em
}
.wojo[class*="very basic"].table:not(.sorting):not(.striped) thead tr:first-child th{
    padding-top:0em
}
.wojo.very.basic.table tr td{
    border-top:0 solid rgba(34, 36, 38, 0.1)
}
.wojo.celled.table tr th,.wojo.celled.table tr td{
    border-left:1px solid rgba(34, 36, 38, 0.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 1em
}
.wojo[class*="very padded"].table th{
    padding-left:1.5em;
    padding-right:1.5em
}
.wojo[class*="very padded"].table td{
    padding:1.5em 1.5em
}
.wojo.compact.table th{
    padding-left:0.7em;
    padding-right:0.7em
}
.wojo.compact.table td{
    padding:0.5em 0.7em
}
.wojo[class*="very compact"].table th{
    padding-left:0.6em;
    padding-right:0.6em
}
.wojo[class*="very compact"].table td{
    padding:0.4em 0.6em
}
.wojo.compact.fitted.table td{
    padding:0.2em 0.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:0.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:'Roboto';
    font-size:.875em;
    width:8em;
    display:inline-block;
    color:rgba(34, 36, 38, 1)
}
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:769px){
    .wojo.table tr td{
        border-top:1px solid rgba(34, 36, 38, 0)
    }
    .wojo.basic.table tbody tr{
        box-shadow:0 2px 0 0 #B4C1C7
    }
    .wojo.table th.collapsing,.wojo.table td.collapsing{
        width:auto;
        white-space:normal
    }
    .wojo.table[class*="center aligned"],.wojo.table [class*="center aligned"],.wojo.table[class*="tight aligned"],.wojo.table [class*="tight aligned"]{
        text-align:left
    }
}
.wojo.menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:1rem 0em;
    font-family:'Roboto';
    background:#FFFFFF;
    font-weight:normal;
    border:1px solid rgba(34, 36, 38, 0.15);
    box-shadow:0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    border-radius:0.188rem;
    min-height:2.85714286em
}
.wojo.menu:after{
    content:'';
    display:block;
    height:0px;
    clear:both;
    visibility:hidden
}
.wojo.menu:first-child{
    margin-top:0rem
}
.wojo.menu:last-child{
    margin-bottom:0rem
}
.wojo.menu .menu{
    margin:0em
}
.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:none;
    padding:0.92857143em 1.14285714em;
    text-transform:none;
    color:rgba(0, 0, 0, 0.87);
    font-weight:normal;
    -webkit-transition:background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
    transition:background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease
}
.wojo.menu > .item:first-child{
    border-radius:0.188rem 0px 0px 0.188rem
}
.wojo.menu .item:before{
    position:absolute;
    content:'';
    top:0%;
    right:0px;
    height:100%;
    width:1px;
    background:rgba(34, 36, 38, 0.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:0.9;
    float:none;
    margin:0em 0.35714286em 0em 0em
}
.wojo.menu:not(.vertical) .item > .button{
    position:relative;
    top:0em;
    margin:-0.5em 0em;
    padding-bottom:0.78571429em;
    padding-top:0.78571429em;
    font-size:1em
}
.wojo.menu .item > .input{
    width:100%
}
.wojo.menu:not(.vertical) .item > .input{
    position:relative;
    top:0em;
    margin:-0.5em 0em
}
.wojo.menu .item > .input input{
    font-size:1em;
    padding-top:0.57142857em;
    padding-bottom:0.57142857em
}
.wojo.menu .header.item,.wojo.vertical.menu .header.item{
    margin:0em;
    background:'';
    text-transform:normal;
    font-weight:bold
}
.wojo.vertical.menu .item > .header:not(.wojo){
    margin:0em 0em 0.5em;
    font-size:1em;
    font-weight:bold
}
.wojo.menu .item > i.dropdown.icon{
    padding:0em;
    float:right;
    margin:0em 0em 0em 1em
}
.wojo.menu .dropdown.item .menu{
    left:0px;
    min-width:calc(100% - 1px);
    border-radius:0em 0em 0.188rem 0.188rem;
    background:#FFFFFF;
    margin:0em 0px 0px;
    box-shadow:0px 1px 3px 0px rgba(0, 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:0.78571429em 1.14285714em !important;
    background:transparent !important;
    color:rgba(0, 0, 0, 0.87) !important;
    text-transform:none !important;
    font-weight:normal !important;
    box-shadow:none !important;
    -webkit-transition:none !important;
    transition:none !important
}
.wojo.menu .wojo.dropdown .menu > .item:hover{
    background:rgba(0, 0, 0, 0.05) !important;
    color:rgba(0, 0, 0, 0.95) !important
}
.wojo.menu .wojo.dropdown .menu > .selected.item{
    background:rgba(0, 0, 0, 0.05) !important;
    color:rgba(0, 0, 0, 0.95) !important
}
.wojo.menu .wojo.dropdown .menu > .active.item{
    background:rgba(0, 0, 0, 0.03) !important;
    font-weight:bold !important;
    color:rgba(0, 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:0em 0.75em 0em 0em
}
.wojo.secondary.menu .dropdown.item > .menu,.wojo.text.menu .dropdown.item > .menu{
    border-radius:0.188rem;
    margin-top:0.35714286em
}
.wojo.menu .pointing.dropdown.item .menu{
    margin-top:0.75em
}
.wojo.inverted.menu .search.dropdown.item > .search,.wojo.inverted.menu .search.dropdown.item > .text{
    color:rgba(255, 255, 255, 0.9)
}
.wojo.vertical.menu .dropdown.item > .icon{
    float:right;
    content:"\f0da";
    margin-left:1em
}
.wojo.vertical.menu .dropdown.item .menu{
    left:100%;
    min-width:0;
    margin:0em 0em 0em 0em;
    box-shadow:0 1px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius:0em 0.188rem 0.188rem 0.188rem
}
.wojo.vertical.menu .dropdown.item.upward .menu{
    bottom:0
}
.wojo.vertical.menu .dropdown.item:not(.upward) .menu{
    top:0
}
.wojo.vertical.menu .active.dropdown.item{
    border-top-right-radius:0em;
    border-bottom-right-radius:0em
}
.wojo.vertical.menu .dropdown.active.item{
    box-shadow:none
}
.wojo.item.menu .dropdown .menu .item{
    width:100%
}
.wojo.menu .item > .label{
    background:#999999;
    color:#FFFFFF;
    margin-left:1em;
    padding:0.3em 0.78571429em
}
.wojo.vertical.menu .item > .label{
    background:#999999;
    color:#FFFFFF;
    margin-top:-0.15em;
    margin-bottom:-0.15em;
    padding:0.3em 0.78571429em
}
.wojo.menu .item > .floating.label{
    padding:0.3em 0.78571429em
}
.wojo.menu .item > img:not(.wojo){
    display:inline-block;
    vertical-align:middle;
    margin:-0.3em 0em;
    width:2.5em
}
.wojo.vertical.menu .item > img:not(.wojo):only-child{
    display:block;
    max-width:100%;
    width:auto
}
.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, 0.03);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.link.menu .item:active,.wojo.menu .link.item:active,.wojo.menu a.item:active{
    background:rgba(0, 0, 0, 0.03);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.menu .active.item{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95);
    font-weight:normal;
    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, 0.05);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.menu .item.disabled,.wojo.menu .item.disabled:hover{
    cursor:default;
    background-color:transparent !important;
    color:rgba(40, 40, 40, 0.3)
}
.wojo.pagination.menu{
    margin:0em;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:middle;
    box-shadow:none;
    border:0;
    min-height:auto;
    border-radius:0
}
.wojo.compact.menu .item:last-child{
    border-radius:0em 0.188rem 0.188rem 0em
}
.wojo.pagination.menu .item:last-child:before{
    display:none
}
.wojo.pagination.menu .item{
    text-align:center;
    font-size:.875rem;
    color:#999;
    border-radius:100rem;
    line-height:1;
    display:inline-flex;
    margin:0 .250em
}
.wojo.pagination.menu .item:before{
    display:none
}
.wojo.pagination.menu .icon.item i.icon{
    vertical-align:middle
}
.wojo.pagination.menu .active.item{
    background-color:#9c27b0;
    border-color:#9c27b0;
    color:#fff;
    box-shadow:0 4px 5px 0 rgba(156, 39, 176, .14), 0 1px 10px 0 rgba(156, 39, 176, .12), 0 2px 4px -1px rgba(156, 39, 176, .2)
}
.wojo.pagination.menu .active.item:hover,.wojo.pagination.menuu .active.item:hover{
    background-color:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95);
    border-radius:100rem
}
.wojo.pagination.menu .active.item:hover{
    background-color:#9c27b0;
    color:#fff
}
.wojo.secondary.menu{
    background:none;
    margin-left:-0.35714286em;
    margin-right:-0.35714286em;
    border-radius:0em;
    border:none;
    box-shadow:none
}
.wojo.secondary.menu .item{
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center;
    box-shadow:none;
    border:none;
    padding:0.78571429em 0.92857143em;
    margin:0em 0.35714286em;
    background:none;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease;
    border-radius:0.188rem
}
.wojo.secondary.menu .item:before{
    display:none !important
}
.wojo.secondary.menu .header.item{
    border-radius:0em;
    border-right:none;
    background:none transparent
}
.wojo.secondary.menu .item > img:not(.wojo){
    margin:0em
}
.wojo.secondary.menu .dropdown.item:hover,.wojo.secondary.menu .link.item:hover,.wojo.secondary.menu a.item:hover{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.secondary.menu .active.item{
    box-shadow:none;
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95);
    border-radius:0.188rem
}
.wojo.secondary.menu .active.item:hover{
    box-shadow:none;
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.secondary.inverted.menu .link.item,.wojo.secondary.inverted.menu a.item{
    color:rgba(255, 255, 255, 0.7) !important
}
.wojo.secondary.inverted.menu .dropdown.item:hover,.wojo.secondary.inverted.menu .link.item:hover,.wojo.secondary.inverted.menu a.item:hover{
    background:rgba(255, 255, 255, 0.08);
    color:#ffffff !important
}
.wojo.secondary.inverted.menu .active.item{
    background:rgba(255, 255, 255, 0.15);
    color:#ffffff !important
}
.wojo.secondary.item.menu{
    margin-left:0em;
    margin-right:0em
}
.wojo.secondary.item.menu .item:last-child{
    margin-right:0em
}
.wojo.secondary.attached.menu{
    box-shadow:none
}
.wojo.fitted.menu .item,.wojo.fitted.menu .item .menu .item,.wojo.menu .fitted.item{
    padding:0em
}
.wojo.horizontally.fitted.menu .item,.wojo.horizontally.fitted.menu .item .menu .item,.wojo.menu .horizontally.fitted.item{
    padding-top:0.92857143em;
    padding-bottom:0.92857143em
}
.wojo.vertically.fitted.menu .item,.wojo.vertically.fitted.menu .item .menu .item,.wojo.menu .vertically.fitted.item{
    padding-left:1.14285714em;
    padding-right:1.14285714em
}
.wojo.borderless.menu .item:before,.wojo.borderless.menu .item .menu .item:before,.wojo.menu .borderless.item:before{
    background:none !important
}
.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);
    transform:translateX(-50%) translateY(-50%) rotate(45deg);
    background:none;
    margin:0.5px 0em 0em;
    width:0.57142857em;
    height:0.57142857em;
    border:none;
    border-bottom:1px solid #D4D4D5;
    border-right:1px solid #D4D4D5;
    z-index:2;
    -webkit-transition:background 0.1s ease;
    transition:background 0.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);
    transform:translateX(50%) translateY(-50%) rotate(45deg);
    margin:0em -0.5px 0em 0em;
    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:#FFFFFF
}
.wojo.mini.menu{
    font-size:0.750rem
}
.wojo.mini.vertical.menu{
    width:9rem
}
.wojo.tiny.menu{
    font-size:0.875rem
}
.wojo.tiny.vertical.menu{
    width:11rem
}
.wojo.small.menu{
    font-size:0.913rem
}
.wojo.small.vertical.menu{
    width:13rem
}
.wojo.menu{
    font-size:1rem
}
.wojo.vertical.menu{
    width:15rem
}
.wojo.large.menu{
    font-size:1.07142857rem
}
.wojo.large.vertical.menu{
    width:18rem
}
.wojo.huge.menu{
    font-size:1.14285714rem
}
.wojo.huge.vertical.menu{
    width:20rem
}
.wojo.big.menu{
    font-size:1.250rem
}
.wojo.big.vertical.menu{
    width:22rem
}
.wojo.massive.menu{
    font-size:1.188rem
}
.wojo.massive.vertical.menu{
    width:25rem
}
.wojo.dropdown{
    cursor:pointer;
    position:relative;
    display:inline-block;
    outline:none;
    text-align:left;
    -webkit-transition:box-shadow 0.1s ease, width 0.1s ease;
    transition:box-shadow 0.1s ease, width 0.1s ease;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    font-family:'Roboto'
}
.wojo.dropdown .menu{
    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:0em;
    padding:0em 0em;
    background:#FFFFFF;
    font-size:1em;
    text-shadow:none;
    text-align:left;
    border-radius:.188rem;
    box-shadow:0 6px 10px rgba(0, 0, 0, 0.15);
    border:1px solid rgba(0,0,0,0.2);
    -webkit-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease;
    z-index:11;
    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:0.875em;
    margin:0em 0em 0em 1em
}
.wojo.dropdown .menu > .item .dropdown.icon{
    width:auto;
    float:right;
    margin:0em 0em 0em 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, 0.87);
    padding:0.625rem 1.5rem !important;
    font-size:1rem;
    text-transform:none;
    font-weight:normal;
    box-shadow:none;
    -webkit-touch-callout:none
}
.wojo.dropdown .menu > .item:first-child{
    border-top-width:0px
}
.wojo.dropdown > .text > [class*="right floated"],.wojo.dropdown .menu .item > [class*="right floated"]{
    float:right !important;
    margin-right:0em !important;
    margin-left:1em !important
}
.wojo.dropdown > .text > [class*="left floated"],.wojo.dropdown .menu .item > [class*="left floated"]{
    float:left !important;
    margin-left:0em !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:0em
}
.wojo.dropdown .menu > .header{
    margin:1rem 0rem 0.75rem;
    padding:0em 1.25em;
    color:rgba(0, 0, 0, 0.85);
    font-size:0.875em;
    font-family:'Roboto';
    text-transform:uppercase
}
.wojo.dropdown .menu > .divider{
    border-top:1px solid rgba(34, 36, 38, 0.1);
    height:0em;
    margin:0.5em 0em
}
.wojo.dropdown .menu > .input{
    width:auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:1.125rem 0.750rem;
    min-width:10rem
}
.wojo.dropdown .menu > .header + .input{
    margin-top:0em
}
.wojo.dropdown .menu > .input:not(.transparent) input{
    padding:0.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:0.5em;
    padding-bottom:0.5em
}
.wojo.dropdown > .text > .description,.wojo.dropdown .menu > .item > .description{
    float:right;
    margin:0em 0em 0em 1em;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.dropdown .menu > .message{
    padding:0.750rem 1.125rem;
    font-weight:normal
}
.wojo.dropdown .menu > .message:not(.wojo){
    color:rgba(0, 0, 0, 0.4)
}
.wojo.dropdown .menu .menu{
    top:0% !important;
    left:100% !important;
    right:auto !important;
    margin:0em 0em 0em -0.5em !important;
    border-radius:0.188rem !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:0em
}
.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:0em
}
.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-right:0em;
    float:none;
    margin-left:0.750rem
}
.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.label.dropdown .menu{
    min-width:100%
}
.wojo.dropdown.icon.button > .dropdown.icon{
    margin:0em
}
.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);
    transform:rotateZ(0deg);
    min-width:14em;
    background:#FFFFFF;
    display:inline-block;
    padding:0.625em 2.1em 0.625em 1em;
    color:rgba(0, 0, 0, 0.87);
    box-shadow:none;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-radius:0.188rem;
    -webkit-transition:box-shadow 0.1s ease, width 0.1s ease;
    transition:box-shadow 0.1s ease, width 0.1s ease
}
.wojo.basic.selection.dropdown{
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.2);
    border-radius:0;
    line-height:1.5em
}
.wojo.selection.dropdown.visible,.wojo.selection.dropdown.active{
    z-index:10
}
select.wojo.dropdown{
    height:38px;
    padding:0.5em;
    border:1px solid rgba(34, 36, 38, 0.15);
    visibility:visible
}
.wojo.selection.dropdown > .search.icon,.wojo.selection.dropdown > .delete.icon,.wojo.selection.dropdown > .dropdown.icon{
    cursor:pointer;
    position:absolute;
    width:auto;
    height:auto;
    line-height:1.2142em;
    right:1em;
    z-index:3;
    top:50%;
    transform:translateY(-50%);
    opacity:0.8;
    -webkit-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease
}
.wojo.compact.selection.dropdown{
    min-width:0px
}
.wojo.selection.dropdown .menu{
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-overflow-scrolling:touch;
    border-top-width:0px !important;
    outline:none;
    margin:0px -1px;
    min-width:calc(100% + 2px );
    width:calc(100% + 2px );
    border-radius:0em 0em 0.188rem 0.188rem;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    -webkit-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease
}
.wojo.selection.dropdown .menu:after,.wojo.selection.dropdown .menu:before{
    display:none
}
.wojo.selection.dropdown .menu > .message{
    padding:0.750rem 1.125rem
}
@media only screen and (max-width:767px){
    .wojo.selection.dropdown .menu{
        max-height:8.01428571rem
    }
}
@media only screen and (min-width:768px){
    .wojo.selection.dropdown .menu{
        max-height:10.68571429rem
    }
}
@media only screen and (min-width:992px){
    .wojo.selection.dropdown .menu{
        max-height:16.02857143rem
    }
}
@media only screen and (min-width:1920px){
    .wojo.selection.dropdown .menu{
        max-height:21.37142857rem
    }
}
.wojo.selection.dropdown .menu > .item{
    border-top:1px solid #FAFAFA;
    padding:0.750rem 1.125rem !important;
    white-space:normal;
    word-wrap:normal
}
.wojo.selection.dropdown .menu > .hidden.addition.item{
    display:none
}
.wojo.selection.dropdown:hover{
    border-color:rgba(34, 36, 38, 0.35);
    box-shadow:none
}
.wojo.selection.active.dropdown{
    border-color:#673AB7;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}
.wojo.selection.active.dropdown .menu{
    border-color:#673AB7;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}
.wojo.selection.dropdown:focus{
    border-color:#673AB7;
    box-shadow:none
}
.wojo.selection.dropdown:focus .menu{
    border-color:#673AB7;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}
.wojo.selection.visible.dropdown > .text:not(.default){
    font-weight:normal;
    color:rgba(0, 0, 0, 0.8)
}
.wojo.selection.active.dropdown:hover{
    border-color:#673AB7;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}
.wojo.selection.active.dropdown:hover .menu{
    border-color:#673AB7;
    box-shadow:0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}
.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:0em !important;
    border-bottom-right-radius:0em !important
}
.wojo.active.empty.selection.dropdown{
    border-radius:0.188rem !important;
    box-shadow:none !important
}
.wojo.active.empty.selection.dropdown .menu{
    border:none !important;
    box-shadow:none !important
}
.wojo.search.dropdown{
    min-width:''
}
.wojo.search.dropdown > input.search{
    background:none transparent !important;
    border:none !important;
    box-shadow:none !important;
    cursor:text;
    top:0em;
    left:1px;
    width:100%;
    outline:none;
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    padding:inherit
}
.wojo.search.dropdown > input.search{
    position:absolute;
    z-index:2
}
.wojo.search.dropdown > .text{
    cursor:text;
    position:relative;
    left:1px;
    z-index:3
}
.wojo.search.selection.dropdown > input.search{
    line-height:1.2142em;
    padding:0.67861429em 2.1em 0.67861429em 1em
}
.wojo.search.selection.dropdown > span.sizer{
    line-height:1.2142em;
    padding:0.67861429em 2.1em 0.67861429em 1em;
    display:none;
    white-space:pre
}
.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:0.45
}
.wojo.active.search.dropdown input.search:focus + .text{
    color:rgba(115, 115, 115, 0.87) !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:8.01428571rem
    }
}
@media only screen and (min-width:768px){
    .wojo.search.dropdown .menu{
        max-height:10.68571429rem
    }
}
@media only screen and (min-width:992px){
    .wojo.search.dropdown .menu{
        max-height:16.02857143rem
    }
}
@media only screen and (min-width:1920px){
    .wojo.search.dropdown .menu{
        max-height:21.37142857rem
    }
}
.wojo.multiple.dropdown{
    padding:0.22620476em 2.1em 0.22620476em 0.35714286em
}
.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:1em;
    padding:0.35714286em 0.750em;
    margin:0.125rem 0.188rem 0.125rem 0em;
    box-shadow:0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset
}
.wojo.multiple.dropdown .dropdown.icon{
    margin:'';
    padding:''
}
.wojo.multiple.dropdown > .text{
    position:static;
    padding:0;
    max-width:100%;
    margin:0.45240952em 0em 0.45240952em 0.625em;
    line-height:1.21428571em
}
.wojo.multiple.dropdown > .label ~ input.search{
    margin-left:0.125em !important
}
.wojo.multiple.dropdown > .label ~ .text{
    display:none
}
.wojo.multiple.search.dropdown > .text{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    padding:inherit;
    margin:0.45240952em 0em 0.45240952em 0.625em;
    line-height:1.21428571em
}
.wojo.multiple.search.dropdown > .label ~ .text{
    display:none
}
.wojo.multiple.search.dropdown > input.search{
    position:static;
    padding:0;
    max-width:100%;
    margin:0.45240952em 0em 0.45240952em 0.625em;
    width:2.2em;
    line-height:1.21428571em
}
.wojo.inline.dropdown{
    cursor:pointer;
    display:inline-block;
    color:inherit
}
.wojo.inline.dropdown .dropdown.icon{
    margin:0em 0.5em 0em 0.21428571em;
    vertical-align:baseline
}
.wojo.inline.dropdown > .text{
    font-weight:bold
}
.wojo.inline.dropdown .menu{
    cursor:auto;
    margin-top:0.21428571em;
    border-radius:0.188rem
}
.wojo.dropdown .menu .active.item{
    background:transparent;
    font-weight:bold;
    color:rgba(0, 0, 0, 0.95);
    box-shadow:none;
    z-index:12
}
.wojo.dropdown .menu > .item:hover{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95);
    z-index:13
}
.wojo.loading.dropdown > i.icon{
    height:1em !important;
    padding:1.125em 1.07142857em !important
}
.wojo.loading.dropdown > i.icon:before{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-0.625em 0em 0em -0.625em;
    width:1.188em;
    height:1.188em;
    border-radius:500rem;
    border:0.2em solid rgba(0, 0, 0, 0.1)
}
.wojo.loading.dropdown > i.icon:after{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    box-shadow:0px 0px 0px 1px transparent;
    margin:-0.625em 0em 0em -0.625em;
    width:1.188em;
    height:1.188em;
    -webkit-animation:dropdown-spin 0.6s linear;
    animation:dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#767676 transparent transparent;
    border-style:solid;
    border-width:0.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:not(.button) > .default.text,.wojo.default.dropdown:not(.button) > .text{
    color:rgba(191, 191, 191, 0.87)
}
.wojo.dropdown:not(.button) > input:focus + .default.text,.wojo.default.dropdown:not(.button) > input:focus + .text{
    color:rgba(115, 115, 115, 0.87)
}
.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, 0.03);
    color:rgba(0, 0, 0, 0.95)
}
.wojo.dropdown > .filtered.text{
    visibility:hidden
}
.wojo.dropdown .filtered.item{
    display:none !important
}
.wojo.disabled.dropdown,.wojo.dropdown .menu > .disabled.item{
    cursor:default;
    pointer-events:none;
    opacity:0.45
}
.wojo.dropdown .menu{
    left:0px
}
.wojo.dropdown .right.menu > .menu,.wojo.dropdown .menu .right.menu{
    left:100% !important;
    right:auto !important;
    border-radius:0.188rem !important
}
.wojo.dropdown > .left.menu .menu,.wojo.dropdown .menu .left.menu{
    left:auto !important;
    right:100% !important;
    border-radius:0.188rem !important
}
.wojo.dropdown .item .left.dropdown.icon,.wojo.dropdown .left.menu .item .dropdown.icon{
    width:auto;
    float:left;
    margin:0em 0.750rem 0em 0em
}
.wojo.dropdown .item .left.dropdown.icon,.wojo.dropdown .left.menu .item .dropdown.icon{
    width:auto;
    float:left;
    margin:0em 0.750rem 0em 0em
}
.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:0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius:0.188rem 0.188rem 0em 0em
}
.wojo.dropdown .upward.menu{
    top:auto !important;
    bottom:0 !important
}
.wojo.simple.upward.active.dropdown,.wojo.simple.upward.dropdown:hover{
    border-radius:0.188rem 0.188rem 0em 0em !important
}
.wojo.upward.dropdown.button:not(.pointing):not(.floating).active{
    border-radius:0.188rem 0.188rem 0em 0em
}
.wojo.upward.selection.dropdown .menu{
    border-top-width:1px !important;
    border-bottom-width:0px !important;
    box-shadow:0px -2px 3px 0px rgba(0, 0, 0, 0.08)
}
.wojo.upward.selection.dropdown:hover{
    box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.05)
}
.wojo.active.upward.selection.dropdown{
    border-radius:0em 0em 0.188rem 0.188rem !important
}
.wojo.upward.selection.dropdown.visible{
    box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius:0em 0em 0.188rem 0.188rem !important
}
.wojo.upward.active.selection.dropdown:hover{
    box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.05)
}
.wojo.upward.active.selection.dropdown:hover .menu{
    box-shadow:0px -2px 3px 0px rgba(0, 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 rgba(34, 36, 38, 0.15)
}
.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:10.188rem
    }
}
@media only screen and (min-width:768px){
    .wojo.scrolling.dropdown .menu, .wojo.dropdown .scrolling.menu{
        max-height:15.42857143rem
    }
}
@media only screen and (min-width:992px){
    .wojo.scrolling.dropdown .menu, .wojo.dropdown .scrolling.menu{
        max-height:20.57142857rem
    }
}
@media only screen and (min-width:1920px){
    .wojo.scrolling.dropdown .menu, .wojo.dropdown .scrolling.menu{
        max-height:20.57142857rem
    }
}
.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 0.1s ease;
    transition:opacity 0.1s ease
}
.wojo.simple.active.dropdown,.wojo.simple.dropdown:hover{
    border-bottom-left-radius:0em !important;
    border-bottom-right-radius:0em !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:0px;
    width:0px;
    overflow:hidden
}
.wojo.simple.visible.dropdown > .menu{
    display:block
}
.wojo.fluid.dropdown{
    display:block;
    width:100%;
    min-width:0em
}
.wojo.fluid.dropdown > .dropdown.icon{
    float:right
}
.wojo.floating.dropdown .menu{
    left:0;
    right:auto;
    box-shadow:0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
    border-radius:0.188rem !important
}
.wojo.floating.dropdown > .menu{
    margin-top:0.5em !important;
    border-radius:0.188rem !important
}
.wojo.pointing.dropdown > .menu{
    top:100%;
    margin-top:0.750rem;
    border-radius:0.188rem
}
.wojo.pointing.dropdown > .menu:after{
    display:block;
    position:absolute;
    pointer-events:none;
    content:'';
    visibility:visible;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    width:0.5em;
    height:0.5em;
    box-shadow:-1px -1px 0px 1px rgba(34, 36, 38, 0.15);
    background:#FFFFFF;
    z-index:2
}
.wojo.pointing.dropdown > .menu:after{
    top:-0.25em;
    left:50%;
    margin:0em 0em 0em -0.25em
}
.wojo.top.left.pointing.dropdown > .menu{
    top:100%;
    bottom:auto;
    left:0%;
    right:auto;
    margin:1em 0em 0em
}
.wojo.top.left.pointing.dropdown > .menu{
    top:100%;
    bottom:auto;
    left:0%;
    right:auto;
    margin:1em 0em 0em
}
.wojo.top.left.pointing.dropdown > .menu:after{
    top:-0.25em;
    left:1em;
    right:auto;
    margin:0em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.wojo.top.right.pointing.dropdown > .menu{
    top:100%;
    bottom:auto;
    right:0%;
    left:auto;
    margin:1em 0em 0em
}
.wojo.top.right.pointing.dropdown > .menu:after{
    top:-0.25em;
    left:auto;
    right:1em;
    margin:0em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.wojo.left.pointing.dropdown > .menu{
    top:0%;
    left:100%;
    right:auto;
    margin:0em 0em 0em 1em
}
.wojo.left.pointing.dropdown > .menu:after{
    top:1em;
    left:-0.25em;
    margin:0em 0em 0em 0em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.wojo.right.pointing.dropdown > .menu{
    top:0%;
    left:auto;
    right:100%;
    margin:0em 1em 0em 0em
}
.wojo.right.pointing.dropdown > .menu:after{
    top:1em;
    left:auto;
    right:-0.25em;
    margin:0em 0em 0em 0em;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg)
}
.wojo.bottom.pointing.dropdown > .menu{
    top:auto;
    bottom:100%;
    left:0%;
    right:auto;
    margin:0em 0em 1em
}
.wojo.bottom.pointing.dropdown > .menu:after{
    top:auto;
    bottom:-0.25em;
    right:auto;
    margin:0em;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.wojo.bottom.pointing.dropdown > .menu .menu{
    top:auto !important;
    bottom:0px !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:0em 0em 0.750rem;
    border-radius:0.188rem
}
.wojo.upward.pointing.dropdown > .menu:after,.wojo.upward.top.pointing.dropdown > .menu:after{
    top:100%;
    bottom:auto;
    box-shadow:1px 1px 0px 1px rgba(34, 36, 38, 0.15);
    margin:-0.25em 0em 0em
}
.wojo.dropdown > .dropdown.icon{
    font-family:'WojoIcons';
    line-height:auto;
    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:'\e053'
}
.wojo.dropdown .item .left.dropdown.icon:before,.wojo.dropdown .left.menu .item .dropdown.icon:before{
    content:"\e052"
}
.wojo.vertical.menu .dropdown.item > .dropdown.icon:before{
    content:"\e053"
}
.wojo.transparent.dropdown,.wojo.transparent.selection.dropdown{
    border:none;
    padding:0
}
.wojo.mini.dropdown,.wojo.mini.dropdown .menu >.item{
    font-size:0.750rem
}
.wojo.tiny.dropdown,.wojo.tiny.dropdown .menu >.item{
    font-size:0.857rem
}
.wojo.small.dropdown,.wojo.small.dropdown .menu >.item{
    font-size:0.913rem
}
.wojo.large.dropdown,.wojo.large.dropdown .menu >.item{
    font-size:1.125rem
}
.wojo.big.dropdown,.wojo.big.dropdown .menu >.item{
    font-size:1.188rem
}
.wojo.huge.dropdown,.wojo.huge.dropdown .menu >.item{
    font-size:1.5rem
}
.wojo.popup{
    display:none;
    position:absolute;
    top:0px;
    right:0px;
    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:#FFFFFF;
    padding:0.833em 1em;
    font-weight:normal;
    font-style:normal;
    color:rgba(0, 0, 0, 0.87);
    border-radius:0.250rem;
    box-shadow:0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}
.wojo.popup > .header{
    padding:0em;
    font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size:1.14285714em;
    line-height:1.2;
    font-weight:bold
}
.wojo.popup > .header + .content{
    padding-top:0.5em
}
.wojo.popup > .content{
    padding:0em!important
}
.wojo.popup:before{
    position:absolute;
    content:'';
    width:0.71428571em;
    height:0.71428571em;
    background:#FFFFFF;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:2;
    box-shadow:1px 1px 0px 0px #bababc
}
[data-tooltip]{
    position:relative
}
[data-tooltip]:before{
    pointer-events:none;
    position:absolute;
    content:'';
    font-size:1rem;
    width:0.625em;
    height:0.625em;
    background:#FFFFFF;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:2;
    border-bottom:1px solid #D4D4D5;
    border-right:1px solid #D4D4D5
}
[data-tooltip]:after{
    pointer-events:none;
    content:attr(data-tooltip);
    position:absolute;
    text-transform:none;
    text-align:left;
    white-space:nowrap;
    font-size:.875rem;
    border:1px solid #D4D4D5;
    line-height:1.375em;
    max-width:none;
    background:#FFFFFF;
    padding:0.5em 1em;
    font-weight:normal;
    font-style:normal;
    color:rgba(0, 0, 0, 0.87);
    border-radius:0.250rem;
    box-shadow:0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    z-index:1
}
[data-tooltip]:not([data-position]):before{
    top:auto;
    right:auto;
    bottom:100%;
    left:50%;
    background:#FFFFFF;
    margin-left:-0.125rem;
    margin-bottom:0.063rem
}
[data-tooltip]:not([data-position]):after{
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:100%;
    margin-bottom:0.5em
}
[data-tooltip]:before,[data-tooltip]:after{
    pointer-events:none;
    visibility:hidden
}
[data-tooltip]:before{
    opacity:0;
    -webkit-transform:rotate(45deg) scale(0) !important;
    transform:rotate(45deg) scale(0) !important;
    -webkit-transform-origin:center top;
    transform-origin:center top;
    -webkit-transition:all 0.1s ease;
    transition:all 0.1s ease
}
[data-tooltip]:after{
    opacity:1;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-transition:all 0.1s ease;
    transition:all 0.1s ease
}
[data-tooltip]:hover:before,[data-tooltip]:hover:after{
    visibility:visible;
    pointer-events:auto
}
[data-tooltip]:hover:before{
    -webkit-transform:rotate(45deg) scale(1) !important;
    transform:rotate(45deg) scale(1) !important;
    opacity:1
}
[data-tooltip]:after,[data-tooltip][data-position="top center"]:after,[data-tooltip][data-position="bottom center"]:after{
    -webkit-transform:translateX(-50%) scale(0) !important;
    transform:translateX(-50%) scale(0) !important
}
[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{
    -webkit-transform:translateX(-50%) scale(1) !important;
    transform:translateX(-50%) scale(1) !important
}
[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{
    -webkit-transform:translateY(-50%) scale(0) !important;
    transform:translateY(-50%) scale(0) !important
}
[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{
    -webkit-transform:translateY(-50%) scale(1) !important;
    transform:translateY(-50%) scale(1) !important
}
[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after,[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after{
    -webkit-transform:scale(0) !important;
    transform:scale(0) !important
}
[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after,[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after{
    -webkit-transform:scale(1) !important;
    transform:scale(1) !important
}
[data-tooltip][data-inverted]:before{
    box-shadow:none !important
}
[data-tooltip][data-inverted]:before{
    background:#1B1C1D
}
[data-tooltip][data-inverted]:after{
    background:#1B1C1D;
    color:#FFFFFF;
    border:none;
    box-shadow:none
}
[data-tooltip][data-inverted]:after .header{
     background-color:none;
     color:#FFFFFF
}
[data-position="top center"][data-tooltip]:after{
    top:auto;
    right:auto;
    left:50%;
    bottom:100%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    margin-bottom:0.5em
}
[data-position="top center"][data-tooltip]:before{
    top:auto;
    right:auto;
    bottom:100%;
    left:50%;
    background:#FFFFFF;
    margin-left:-0.07142857rem;
    margin-bottom:0.14285714rem
}
[data-position="top left"][data-tooltip]:after{
    top:auto;
    right:auto;
    left:0;
    bottom:100%;
    margin-bottom:0.5em
}
[data-position="top left"][data-tooltip]:before{
    top:auto;
    right:auto;
    bottom:100%;
    left:1em;
    margin-left:-0.07142857rem;
    margin-bottom:0.14285714rem
}
[data-position="top right"][data-tooltip]:after{
    top:auto;
    left:auto;
    right:0;
    bottom:100%;
    margin-bottom:0.5em
}
[data-position="top right"][data-tooltip]:before{
    top:auto;
    left:auto;
    bottom:100%;
    right:1em;
    margin-left:-0.07142857rem;
    margin-bottom:0.14285714rem
}
[data-position="bottom center"][data-tooltip]:after{
    bottom:auto;
    right:auto;
    left:50%;
    top:100%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    margin-top:0.5em
}
[data-position="bottom center"][data-tooltip]:before{
    bottom:auto;
    right:auto;
    top:100%;
    left:50%;
    margin-left:-0.07142857rem;
    margin-top:0.14285714rem
}
[data-position="bottom left"][data-tooltip]:after{
    left:0;
    top:100%;
    margin-top:0.5em
}
[data-position="bottom left"][data-tooltip]:before{
    bottom:auto;
    right:auto;
    top:100%;
    left:1em;
    margin-left:-0.07142857rem;
    margin-top:0.14285714rem
}
[data-position="bottom right"][data-tooltip]:after{
    right:0;
    top:100%;
    margin-top:0.5em
}
[data-position="bottom right"][data-tooltip]:before{
    bottom:auto;
    left:auto;
    top:100%;
    right:1em;
    margin-left:-0.14285714rem;
    margin-top:0.07142857rem
}
[data-position="left center"][data-tooltip]:after{
    right:100%;
    top:50%;
    margin-right:0.5em;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
[data-position="left center"][data-tooltip]:before{
    right:100%;
    top:50%;
    margin-top:-0.14285714rem;
    margin-right:-0.07142857rem
}
[data-position="right center"][data-tooltip]:after{
    left:100%;
    top:50%;
    margin-left:0.5em;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
[data-position="right center"][data-tooltip]:before{
    left:100%;
    top:50%;
    margin-top:-0.07142857rem;
    margin-left:0.14285714rem
}
[data-position~="bottom"][data-tooltip]:before{
    background:#FFFFFF;
    box-shadow:-1px -1px 0px 0px #bababc
}
[data-position="left center"][data-tooltip]:before{
    background:#FFFFFF;
    box-shadow:1px -1px 0px 0px #bababc
}
[data-position="right center"][data-tooltip]:before{
    background:#FFFFFF;
    box-shadow:-1px 1px 0px 0px #bababc
}
[data-position~="top"][data-tooltip]:before{
    background:#FFFFFF
}
[data-inverted][data-position~="bottom"][data-tooltip]:before{
    background:#1B1C1D;
    box-shadow:-1px -1px 0px 0px #bababc
}
[data-inverted][data-position="left center"][data-tooltip]:before{
    background:#1B1C1D;
    box-shadow:1px -1px 0px 0px #bababc
}
[data-inverted][data-position="right center"][data-tooltip]:before{
    background:#1B1C1D;
    box-shadow:-1px 1px 0px 0px #bababc
}
[data-inverted][data-position~="top"][data-tooltip]:before{
    background:#1B1C1D
}
[data-position~="bottom"][data-tooltip]:before{
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
[data-position~="bottom"][data-tooltip]:after{
    -webkit-transform-origin:center top;
    transform-origin:center top
}
[data-position="left center"][data-tooltip]:before{
    -webkit-transform-origin:top center;
    transform-origin:top center
}
[data-position="left center"][data-tooltip]:after{
    -webkit-transform-origin:right center;
    transform-origin:right center
}
[data-position="right center"][data-tooltip]:before{
    -webkit-transform-origin:right center;
    transform-origin:right center
}
[data-position="right center"][data-tooltip]:after{
    -webkit-transform-origin:left center;
    transform-origin:left center
}
.wojo.popup{
    margin:0em
}
.wojo.top.popup{
    margin:0em 0em 0.71428571em
}
.wojo.top.left.popup{
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
.wojo.top.center.popup{
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
.wojo.top.right.popup{
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
.wojo.left.center.popup{
    margin:0em 0.71428571em 0em 0em;
    -webkit-transform-origin:right 50%;
    transform-origin:right 50%
}
.wojo.right.center.popup{
    margin:0em 0em 0em 0.71428571em;
    -webkit-transform-origin:left 50%;
    transform-origin:left 50%
}
.wojo.bottom.popup{
    margin:0.71428571em 0em 0em
}
.wojo.bottom.left.popup{
    -webkit-transform-origin:left top;
    transform-origin:left top
}
.wojo.bottom.center.popup{
    -webkit-transform-origin:center top;
    transform-origin:center top
}
.wojo.bottom.right.popup{
    -webkit-transform-origin:right top;
    transform-origin:right top
}
.wojo.bottom.center.popup:before{
    margin-left:-0.30714286em;
    top:-0.30714286em;
    left:50%;
    right:auto;
    bottom:auto;
    box-shadow:-1px -1px 0px 0px #bababc
}
.wojo.bottom.left.popup{
    margin-left:0em
}
.wojo.bottom.left.popup:before{
    top:-0.30714286em;
    left:1em;
    right:auto;
    bottom:auto;
    margin-left:0em;
    box-shadow:-1px -1px 0px 0px #bababc
}
.wojo.bottom.right.popup{
    margin-right:0em
}
.wojo.bottom.right.popup:before{
    top:-0.30714286em;
    right:1em;
    bottom:auto;
    left:auto;
    margin-left:0em;
    box-shadow:-1px -1px 0px 0px #bababc
}
.wojo.top.center.popup:before{
    top:auto;
    right:auto;
    bottom:-0.30714286em;
    left:50%;
    margin-left:-0.30714286em
}
.wojo.top.left.popup{
    margin-left:0em
}
.wojo.top.left.popup:before{
    bottom:-0.30714286em;
    left:1em;
    top:auto;
    right:auto;
    margin-left:0em
}
.wojo.top.right.popup{
    margin-right:0em
}
.wojo.top.right.popup:before{
    bottom:-0.30714286em;
    right:1em;
    top:auto;
    left:auto;
    margin-left:0em
}
.wojo.left.center.popup:before{
    top:50%;
    right:-0.30714286em;
    bottom:auto;
    left:auto;
    margin-top:-0.30714286em;
    box-shadow:1px -1px 0px 0px #bababc
}
.wojo.right.center.popup:before{
    top:50%;
    left:-0.30714286em;
    bottom:auto;
    right:auto;
    margin-top:-0.30714286em;
    box-shadow:-1px 1px 0px 0px #bababc
}
.wojo.bottom.popup:before{
    background:#FFFFFF
}
.wojo.right.center.popup:before,.wojo.left.center.popup:before{
    background:#FFFFFF
}
.wojo.top.popup:before{
    background:#FFFFFF
}
.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
}
@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
}
.wojo.inverted.popup{
    background:#1B1C1D;
    color:#FFFFFF;
    border:none;
    box-shadow:none
}
.wojo.inverted.popup .header{
    background-color:none;
    color:#FFFFFF
}
.wojo.inverted.popup:before{
    background-color:#1B1C1D;
    box-shadow:none !important
}
.wojo.flowing.popup{
    max-width:none
}
.wojo.mini.popup{
    font-size:0.78571429rem
}
.wojo.tiny.popup{
    font-size:0.85714286rem
}
.wojo.small.popup{
    font-size:0.92857143rem
}
.wojo.popup{
    font-size:1rem
}
.wojo.large.popup{
    font-size:1.14285714rem
}
.wojo.huge.popup{
    font-size:1.42857143rem
}
.wojo.statistic{
    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;
    margin:1em 0em;
    max-width:auto
}
.wojo.statistic + .wojo.statistic{
    margin:0em 0em 0em 1.5em
}
.wojo.statistic:first-child{
    margin-top:0em
}
.wojo.statistic:last-child{
    margin-bottom:0em
}
.wojo.statistics{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.wojo.statistics > .statistic{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-flex:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0em 1.5em 2em;
    max-width:auto
}
.wojo.statistics{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:1em -1.5em -2em
}
.wojo.statistics:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.statistics:first-child{
    margin-top:0em
}
.wojo.statistics:last-child{
    margin-bottom:0em
}
.wojo.statistics .statistic > .value,.wojo.statistic > .value{
    font-family:'Roboto';
    font-size:4rem;
    font-weight:normal;
    line-height:1em;
    color:#1B1C1D;
    text-transform:uppercase;
    text-align:center
}
.wojo.statistics .statistic > .label,.wojo.statistic > .label{
    font-family:'Roboto';
    font-weight:500;
    font-size:1em;
    color:rgba(0, 0, 0, 0.87);
    text-transform:uppercase;
    text-align:center
}
.wojo.statistics .statistic > .label ~ .value,.wojo.statistic > .label ~ .value{
    margin-top:0rem
}
.wojo.statistics .statistic > .value ~ .label,.wojo.statistic > .value ~ .label{
    margin-top:0rem
}
.wojo.statistics .statistic > .value .icon,.wojo.statistic > .value .icon{
    opacity:1;
    width:auto;
    margin:0em
}
.wojo.statistics .statistic > .text.value,.wojo.statistic > .text.value{
    line-height:1em;
    min-height:2em;
    font-family:'Roboto';
    font-weight:700;
    text-align:center
}
.wojo.statistics .statistic > .text.value + .label,.wojo.statistic > .text.value + .label{
    text-align:center
}
.wojo.statistics .statistic > .value img,.wojo.statistic > .value img{
    max-height:3rem;
    vertical-align:baseline
}
.wojo.horizontal.statistic{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.wojo.horizontal.statistics{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0em;
    max-width:none
}
.wojo.horizontal.statistics .statistic{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center;
    max-width:none;
    margin:1em 0em
}
.wojo.horizontal.statistic > .text.value,.wojo.horizontal.statistics > .statistic > .text.value{
    min-height:0em !important
}
.wojo.horizontal.statistics .statistic > .value .icon,.wojo.horizontal.statistic > .value .icon{
    width:1.18em
}
.wojo.horizontal.statistics .statistic > .value,.wojo.horizontal.statistic > .value{
    display:inline-block;
    vertical-align:middle
}
.wojo.horizontal.statistics .statistic > .label,.wojo.horizontal.statistic > .label{
    display:inline-block;
    vertical-align:middle;
    margin:0em 0em 0em 0.75em
}
.wojo.red.statistics .statistic > .value,.wojo.statistics .red.statistic > .value,.wojo.red.statistic > .value{
    color:#DB2828
}
.wojo.orange.statistics .statistic > .value,.wojo.statistics .orange.statistic > .value,.wojo.orange.statistic > .value{
    color:#F2711C
}
.wojo.yellow.statistics .statistic > .value,.wojo.statistics .yellow.statistic > .value,.wojo.yellow.statistic > .value{
    color:#FBBD08
}
.wojo.olive.statistics .statistic > .value,.wojo.statistics .olive.statistic > .value,.wojo.olive.statistic > .value{
    color:#B5CC18
}
.wojo.green.statistics .statistic > .value,.wojo.statistics .green.statistic > .value,.wojo.green.statistic > .value{
    color:#21BA45
}
.wojo.teal.statistics .statistic > .value,.wojo.statistics .teal.statistic > .value,.wojo.teal.statistic > .value{
    color:#00B5AD
}
.wojo.blue.statistics .statistic > .value,.wojo.statistics .blue.statistic > .value,.wojo.blue.statistic > .value{
    color:#2185D0
}
.wojo.violet.statistics .statistic > .value,.wojo.statistics .violet.statistic > .value,.wojo.violet.statistic > .value{
    color:#6435C9
}
.wojo.purple.statistics .statistic > .value,.wojo.statistics .purple.statistic > .value,.wojo.purple.statistic > .value{
    color:#A333C8
}
.wojo.pink.statistics .statistic > .value,.wojo.statistics .pink.statistic > .value,.wojo.pink.statistic > .value{
    color:#E03997
}
.wojo.brown.statistics .statistic > .value,.wojo.statistics .brown.statistic > .value,.wojo.brown.statistic > .value{
    color:#A5673F
}
.wojo.grey.statistics .statistic > .value,.wojo.statistics .grey.statistic > .value,.wojo.grey.statistic > .value{
    color:#767676
}
.wojo.inverted.statistics .statistic > .value,.wojo.inverted.statistic .value{
    color:#FFFFFF
}
.wojo.inverted.statistics .statistic > .label,.wojo.inverted.statistic .label{
    color:rgba(255, 255, 255, 0.9)
}
.wojo.inverted.red.statistics .statistic > .value,.wojo.statistics .inverted.red.statistic > .value,.wojo.inverted.red.statistic > .value{
    color:#FF695E
}
.wojo.inverted.orange.statistics .statistic > .value,.wojo.statistics .inverted.orange.statistic > .value,.wojo.inverted.orange.statistic > .value{
    color:#FF851B
}
.wojo.inverted.yellow.statistics .statistic > .value,.wojo.statistics .inverted.yellow.statistic > .value,.wojo.inverted.yellow.statistic > .value{
    color:#FFE21F
}
.wojo.inverted.olive.statistics .statistic > .value,.wojo.statistics .inverted.olive.statistic > .value,.wojo.inverted.olive.statistic > .value{
    color:#D9E778
}
.wojo.inverted.green.statistics .statistic > .value,.wojo.statistics .inverted.green.statistic > .value,.wojo.inverted.green.statistic > .value{
    color:#2ECC40
}
.wojo.inverted.teal.statistics .statistic > .value,.wojo.statistics .inverted.teal.statistic > .value,.wojo.inverted.teal.statistic > .value{
    color:#6DFFFF
}
.wojo.inverted.blue.statistics .statistic > .value,.wojo.statistics .inverted.blue.statistic > .value,.wojo.inverted.blue.statistic > .value{
    color:#54C8FF
}
.wojo.inverted.violet.statistics .statistic > .value,.wojo.statistics .inverted.violet.statistic > .value,.wojo.inverted.violet.statistic > .value{
    color:#A291FB
}
.wojo.inverted.purple.statistics .statistic > .value,.wojo.statistics .inverted.purple.statistic > .value,.wojo.inverted.purple.statistic > .value{
    color:#DC73FF
}
.wojo.inverted.pink.statistics .statistic > .value,.wojo.statistics .inverted.pink.statistic > .value,.wojo.inverted.pink.statistic > .value{
    color:#FF8EDF
}
.wojo.inverted.brown.statistics .statistic > .value,.wojo.statistics .inverted.brown.statistic > .value,.wojo.inverted.brown.statistic > .value{
    color:#D67C1C
}
.wojo.inverted.grey.statistics .statistic > .value,.wojo.statistics .inverted.grey.statistic > .value,.wojo.inverted.grey.statistic > .value{
    color:#DCDDDE
}
.wojo[class*="left floated"].statistic{
    float:left;
    margin:0em 2em 1em 0em
}
.wojo[class*="right floated"].statistic{
    float:right;
    margin:0em 0em 1em 2em
}
.wojo.floated.statistic:last-child{
    margin-bottom:0em
}
.wojo.mini.statistics .statistic > .value,.wojo.mini.statistic > .value{
    font-size:1.5rem !important
}
.wojo.mini.horizontal.statistics .statistic > .value,.wojo.mini.horizontal.statistic > .value{
    font-size:1.5rem !important
}
.wojo.mini.statistics .statistic > .text.value,.wojo.mini.statistic > .text.value{
    font-size:1rem !important
}
.wojo.tiny.statistics .statistic > .value,.wojo.tiny.statistic > .value{
    font-size:2rem !important
}
.wojo.tiny.horizontal.statistics .statistic > .value,.wojo.tiny.horizontal.statistic > .value{
    font-size:2rem !important
}
.wojo.tiny.statistics .statistic > .text.value,.wojo.tiny.statistic > .text.value{
    font-size:1rem !important
}
.wojo.small.statistics .statistic > .value,.wojo.small.statistic > .value{
    font-size:3rem !important
}
.wojo.small.horizontal.statistics .statistic > .value,.wojo.small.horizontal.statistic > .value{
    font-size:2rem !important
}
.wojo.small.statistics .statistic > .text.value,.wojo.small.statistic > .text.value{
    font-size:1rem !important
}
.wojo.statistics .statistic > .value,.wojo.statistic > .value{
    font-size:4rem !important
}
.wojo.horizontal.statistics .statistic > .value,.wojo.horizontal.statistic > .value{
    font-size:3rem !important
}
.wojo.statistics .statistic > .text.value,.wojo.statistic > .text.value{
    font-size:2rem !important
}
.wojo.large.statistics .statistic > .value,.wojo.large.statistic > .value{
    font-size:5rem !important
}
.wojo.large.horizontal.statistics .statistic > .value,.wojo.large.horizontal.statistic > .value{
    font-size:4rem !important
}
.wojo.large.statistics .statistic > .text.value,.wojo.large.statistic > .text.value{
    font-size:2.5rem !important
}
.wojo.huge.statistics .statistic > .value,.wojo.huge.statistic > .value{
    font-size:6rem !important
}
.wojo.huge.horizontal.statistics .statistic > .value,.wojo.huge.horizontal.statistic > .value{
    font-size:5rem !important
}
.wojo.huge.statistics .statistic > .text.value,.wojo.huge.statistic > .text.value{
    font-size:2.5rem !important
}
.wojo.calendar.popup,.wojo.mini.calendar.popup{
    max-width:none;
    padding:0;
    border:none;
    user-select:none;
    font-size:.875rem
}
.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:0.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:0.2em;
    padding-bottom:0.3em
}
.wojo.calendar .wojo.table tr td{
    padding-left:0.1em;
    padding-right:0.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, 0.3)
}
.wojo.calendar .wojo.table tr td.today{
    font-family:'Roboto';
    background-color:rgba(0, 0, 0, 0.1)
}
.wojo.calendar .wojo.table tr td.range{
    background:rgba(0, 0, 0, 0.05);
    color:rgba(0, 0, 0, 0.95);
    box-shadow:none
}
.wojo.calendar .wojo.table.inverted tr td.range{
    background:rgba(255, 255, 255, 0.08);
    color:#ffffff;
    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,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1)
}
.wojo.calendar .header div{
    width:14.28%!important;
    display:table-cell;
    box-sizing:border-box;
    position:relative;
    font-family:'Roboto';
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    padding:.5em;
    font-size:.875em
}
.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:'Roboto';
    font-weight:600;
    color:inherit;
    background:#fff;
    box-shadow:0 0 0 1px rgba(0,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:.750em;
    color:rgba(0,0,0,0.5)
}
.wojo.calendar .weeks .day.today{
    background:#fffde7
}
.wojo.calendar .weeks .day.today .date{
    color:#E2747E
}
.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, 0.85);
    overflow:auto;
    position:absolute;
    top:38px;
    width:100%;
    height:calc(100% - 40px);
    display:none
}
.wojo.calendar .list .event{
    display:block;
    padding:.5em .875em;
    border-radius:.188em;
    margin-bottom:.5em;
    position:relative
}
.wojo.calendar .list .event p{
    font-size:.875em;
    color:rgba(0, 0, 0, 0.65)
}
.wojo.calendar .list .event > a{
    font-size:.875em;
    font-family:'Roboto';
    color:rgba(255,255,255,0.75)
}
.wojo.calendar .list .event > a:hover{
    color:rgba(255,255,255,1)
}
.wojo.calendar .list .event .time{
    font-family:'Roboto';
    position:absolute;
    right:0.875em;
    bottom:.5em;
    color:rgba(255,255,255,0.75)
}
.wojo.calendar .list .event .time .start,.wojo.calendar .list .event .time .end{
    font-size:.750em;
    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:0.875em;
    text-align:center;
    font-size:.875em;
    font-family:'Roboto';
    line-height:1.2em
}
.wojo.calendar .list .date > span{
    display:block
}
.wojo.calendar .list .today .date{
    color:#E2747E
}
.wojo.calendar .event-item{
    position:relative;
    padding:.875em 0.875em .5em 4.5em;
    display:none;
    border-top:1px solid rgba(0,0,0,0.1);
    text-align:left
}
.wojo.calendar .event-item:after{
    content:'-/-';
    padding:.5em .875em;
    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 .event:last-child{
    margin-bottom:0
}
.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:'Roboto';
        text-align:left;
        display:block;
        margin:0 0 1px 0;
        width:auto;
        font-size:0.688em;
        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.message{
    position:relative;
    min-height:1em;
    margin:1em 0em;
    background-color:#999999;
    padding:1.25em 1.5em;
    line-height:1.5em;
    color:#ffffff;
    border-radius:0.188rem;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0, 0, 0, 0.2)
}
.wojo.primary.message{
    background-color:#EC407A;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(233, 30, 99, 0.4)
}
.wojo.primary.icon.message .icon:first-child{
    color:#EC407A
}
.wojo.secondary.message{
    background-color:#7E57C2;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(156, 39, 176, 0.4)
}
.wojo.secondary.icon.message .icon:first-child{
    color:#7E57C2
}
.wojo.positive.message{
    background-color:#66BB6A;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(76, 175, 80, 0.4)
}
.wojo.positive.icon.message .icon:first-child{
    color:#66BB6A
}
.wojo.negative.message{
    background-color:#ef5350;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(244, 67, 54, 0.4)
}
.wojo.negative.icon.message .icon:first-child{
    color:#ef5350
}
.wojo.info.message{
    background-color:#26c6da;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0, 188, 212, 0.4)
}
.wojo.info.icon.message .icon:first-child{
    color:#26c6da
}
.wojo.alert.message{
    background-color:#FFA726;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(255, 152, 0, 0.4)
}
.wojo.alert.icon.message .icon:first-child{
    color:#FFA726
}
.wojo.icon.message{
    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.icon.message .icon:first-child{
    width:2.5em;
    height:2.5em;
    line-height:2.5;
    border-radius:100em;
    box-shadow:0px 10px 30px -12px rgba(0, 0, 0, 0.42), 0px 4px 25px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
    position:absolute;
    top:-1.25em;
    left:1em
}
.wojo.icon.message .icon.close{
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    max-width:100%;
    white-space:nowrap;
    margin-top:-0.5em;
    margin-right:-0.5em;
    padding:.25em;
    line-height:1
}
.wojo.icon.message .content{
    padding-left:4em;
    -webkit-flex:1 1 0px;
    -ms-flex:1 1 0px;
    flex:1 1 0px;
    min-width: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;
    color:#fff;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0, 0, 0, 0.2)
}
.wojo.notice .content{
    padding:1.25em;
    margin-left:2em
}
.wojo.notice:before{
    width:2.5em;
    height:2.5em;
    line-height:2.5;
    position:absolute;
    border-radius:100em;
    left:1em;
    top:-1.25em;
    font-family:'WojoIcons';
    content:"\e02e";
    background-color:#fff;
    text-align:center;
    box-shadow:0px 10px 30px -12px rgba(0, 0, 0, 0.42), 0px 4px 25px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
    z-index:3
}
.wojo.notice span{
    font-size:1em;
    display:block;
    font-weight:500
}
.wojo.notice p{
    margin-top:0
}
.wojo.notice a.notice-close{
    opacity:0;
    position:absolute;
    top:0;
    right:0;
    color:#fff
}
.wojo.notice:hover a.notice-close{
    opacity:1
}
.wojo.notice i.icon.delete{
    position:absolute;
    right:0.5em;
    top:0.5em;
    color:rgba(255,255,255,0.8)
}
.wojo.notice.success{
    background-color:#5CB860;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(76, 175, 80, 0.4)
}
.wojo.notice.success:before{
    color:#5CB860
}
.wojo.notice.success .wojo.progress.transparent .bar{
    background-color:rgba(255,255,255,0.5)!important
}
.wojo.notice.info{
    background-color:#00BCD4;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0, 188, 212, 0.4)
}
.wojo.notice.info:before{
    color:#00BCD4
}
.wojo.notice.info .wojo.progress.transparent .bar{
    background-color:rgba(255,255,255,0.5)!important
}
.wojo.notice.alert{
    background-color:#FFA21A;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(255, 152, 0, 0.4)
}
.wojo.notice.alert:before{
    color:#FFA21A
}
.wojo.notice.alert .wojo.progress.transparent .bar{
    background-color:rgba(255,255,255,0.5)!important
}
.wojo.notice.error{
    background-color:#F55A4E;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(244, 67, 54, 0.4)
}
.wojo.notice.error:before{
    color:#F55A4E
}
.wojo.notice.error .wojo.progress.transparent .bar{
    background-color:rgba(255,255,255,0.5)!important
}
.wojo.notes.content{
    font-family:'Kalam', 'Roboto';
    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.250rem;
    margin:0;
    min-height:628px;
    color:rgba(0, 0, 0, 0.85);
    padding-left:2em;
    font-weight:400
}
.wojo.notes.content::before,.wojo.notes.content::after{
    content:"";
    border-left:1px solid rgba(0, 0, 0, 0.1);
    position:absolute;
    top:-8px;
    left:16px;
    height:100%
}
.wojo.notes.content::after{
    left:19px
}
.wojo.attached.message{
    margin:0
}
.wojo.top.attached.message{
    margin-top:0;
    margin-bottom:1em
}
.wojo.bottom.attached.message{
    margin-bottom:0;
    margin-top:1em
}
.wojo.banner.message{
    margin-left:-1em;
    margin-right:-1em;
    box-shadow:none
}
.wojo.tiny.message{
    font-size:0.813rem;
    padding:0.750em
}
.wojo.small.message{
    font-size:0.938rem;
    padding:0.875em;
    line-height:1em
}
.wojo.message{
    font-size:1em
}
.wojo.large.message{
    font-size:1.125rem
}
.wojo.large.message > .icon:not(.delete),.wojo.large.message > img{
    font-size:4rem
}
.wojo.huge.message{
    font-size:1.42857143em
}
.wojo.massive.message{
    font-size:2rem
}
.dimmable:not(.body){
    position:relative
}
.wojo.dimmer{
    display:none;
    position:absolute;
    top:0em !important;
    left:0em !important;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    background-color:rgba(0, 0, 0, 0.85);
    opacity:0;
    line-height:1;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-transition:background-color 0.5s linear;
    transition:background-color 0.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:#FFFFFF
}
.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;
    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(0.7);
    filter:blur(5px) grayscale(0.7)
}
.blurring.dimmable > .dimmer{
    background-color:rgba(0, 0, 0, 0.6)
}
.blurring.dimmable > .inverted.dimmer{
    background-color:rgba(255, 255, 255, 0.6)
}
.wojo.dimmer > .top.aligned.content > *{
    vertical-align:top
}
.wojo.dimmer > .bottom.aligned.content > *{
    vertical-align:bottom
}
.wojo.inverted.dimmer{
    background-color:rgba(255, 255, 255, 0.85)
}
.wojo.inverted.dimmer > .content > *{
    color:#FFFFFF
}
.wojo.color.dimmer{
    background-color:rgba(192,57,43,0.40)
}
.wojo.color.dimmer > .content > *{
    color:#FFFFFF
}
.wojo.simple.dimmer{
    display:block;
    overflow:hidden;
    opacity:1;
    width:0%;
    height:0%;
    z-index:-100;
    background-color:rgba(0, 0, 0, 0)
}
.dimmed.dimmable > .wojo.simple.dimmer{
    overflow:visible;
    opacity:1;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.85);
    z-index:1
}
.wojo.simple.inverted.dimmer{
    background-color:rgba(255, 255, 255, 0)
}
.dimmed.dimmable > .wojo.simple.inverted.dimmer{
    background-color:rgba(255, 255, 255, 0.85)
}
.wojo.modal{
    display:none;
    position:fixed;
    z-index:1001;
    top:50%;
    left:50%;
    text-align:left;
    background:#FFFFFF;
    border:none;
    box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin:50% 25%;
    transform-origin:50% 25%;
    border-radius:0.28571429rem;
    -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:0.28571429rem;
    border-top-right-radius:0.28571429rem
}
.wojo.modal > :last-child{
    border-bottom-left-radius:0.28571429rem;
    border-bottom-right-radius:0.28571429rem
}
.wojo.modal > .close{
    cursor:pointer;
    position:absolute;
    top:-2.5rem;
    right:-2.5rem;
    z-index:1;
    opacity:0.8;
    font-size:1.25em;
    color:#FFFFFF;
    width:2.25rem;
    height:2.25rem;
    padding:0.625rem 0rem 0rem 0rem
}
.wojo.modal > .close:hover{
    opacity:1
}
.wojo.modal > .header{
    display:block;
    font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background:#FFFFFF;
    margin:0em;
    padding:1.25rem 1.5rem;
    box-shadow:none;
    color:rgba(0, 0, 0, 0.85);
    border-bottom:1px solid rgba(34, 36, 38, 0.15)
}
.wojo.modal > .header:not(.wojo){
    font-size:1.42857143rem;
    line-height:1.2857em;
    font-weight:bold
}
.wojo.modal > .content{
    display:block;
    width:100%;
    font-size:1em;
    line-height:1.4;
    padding:1.5rem;
    background:#FFFFFF
}
.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:0px;
    -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:0em;
    opacity:1;
    width:auto;
    line-height:1;
    font-size:8rem
}
.wojo.modal > .actions{
    background:#F9FAFB;
    padding:1rem 1rem;
    border-top:1px solid rgba(34, 36, 38, 0.15);
    text-align:right
}
.wojo.modal .actions > .button{
    margin-left:0.75em
}
@media only screen and (max-width:767px){
    .wojo.modal{
        width:95%;
        margin:0em 0em 0em -47.5%
    }
}
@media only screen and (min-width:768px){
    .wojo.modal{
        width:88%;
        margin:0em 0em 0em -44%
    }
}
@media only screen and (min-width:992px){
    .wojo.modal{
        width:850px;
        margin:0em 0em 0em -425px
    }
}
@media only screen and (min-width:1200px){
    .wojo.modal{
        width:900px;
        margin:0em 0em 0em -450px
    }
}
@media only screen and (min-width:1920px){
    .wojo.modal{
        width:950px;
        margin:0em 0em 0em -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, 0.87)
    }
}
@media only screen and (max-width:767px){
    .wojo.modal > .header{
        padding:0.75rem 1rem !important;
        padding-right:2.25rem !important
    }
    .wojo.modal > .content{
        display:block;
        padding:1rem !important
    }
    .wojo.modal > .close{
        top:0.5rem !important;
        right:0.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:0em auto !important;
        text-align:center;
        padding:0rem 0rem 1rem !important
    }
    .wojo.modal > .content > .image > i.icon{
        font-size:5rem;
        text-align:center
    }
    .wojo.modal .content > .description{
        display:block;
        width:100% !important;
        margin:0em !important;
        padding:1rem 0rem !important;
        box-shadow:none
    }
    .wojo.modal > .actions{
        padding:1rem 1rem 0rem !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, 0.2)
}
.wojo.basic.modal{
    background-color:transparent;
    border:none;
    border-radius:0em;
    box-shadow:none !important;
    color:#FFFFFF
}
.wojo.basic.modal > .header,.wojo.basic.modal > .content,.wojo.basic.modal > .actions{
    background-color:transparent
}
.wojo.basic.modal > .header{
    color:#FFFFFF
}
.wojo.basic.modal > .close{
    top:1rem;
    right:1.5rem
}
.wojo.inverted.dimmer > .basic.modal{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.inverted.dimmer > .wojo.basic.modal > .header{
    color:rgba(0, 0, 0, 0.85)
}
@media only screen and (max-width:991px){
    .wojo.basic.modal > .close{
        color:#FFFFFF
    }
}
.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
}
.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:0em !important
}
.wojo.fullscreen.modal > .header{
    padding-right:2.25rem
}
.wojo.fullscreen.modal > .close{
    top:1.0535rem;
    right:1rem;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.modal{
    font-size:1rem
}
.wojo.small.modal > .header:not(.wojo){
    font-size:1.3em
}
@media only screen and (max-width:767px){
    .wojo.tiny.modal,.wojo.mini.modal{
        width:95%;
        margin:0em 0em 0em -47.5%
    }
}
@media only screen and (min-width:768px){
    .wojo.tiny.modal,.wojo.mini.modal{
        width:70.4%;
        margin:0em 0em 0em -35.2%
    }
}
@media only screen and (min-width:992px){
    .wojo.tiny.modal{
        width:580px;
        margin:0em 0em 0em -240px
    }
    .wojo.tiny.modal{
        width:420px;
        margin:0em 0em 0em -210px
    }
}
@media only screen and (min-width:1200px){
    .wojo.tiny.modal{
        width:620px;
        margin:0em 0em 0em -310px
    }
    .wojo.mini.modal{
        width:480px;
        margin:0em 0em 0em -240px
    }
}
@media only screen and (min-width:1920px){
    .wojo.tiny.modal{
        width:560px;
        margin:0em 0em 0em -280px
    }
    .wojo.mini.modal{
        width:320px;
        margin:0em 0em 0em -160px
    }
}
@media only screen and (max-width:767px){
    .wojo.small.modal,.wojo.tiny.modal{
        width:95%;
        margin:0em 0em 0em -47.5%
    }
}
@media only screen and (min-width:768px){
    .wojo.small.modal{
        width:70.4%;
        margin:0em 0em 0em -35.2%
    }
}
@media only screen and (min-width:992px){
    .wojo.small.modal{
        width:680px;
        margin:0em 0em 0em -340px
    }
}
@media only screen and (min-width:1200px){
    .wojo.small.modal{
        width:720px;
        margin:0em 0em 0em -360px
    }
}
@media only screen and (min-width:1920px){
    .wojo.small.modal{
        width:760px;
        margin:0em 0em 0em -380px
    }
}
.wojo.large.modal > .header{
    font-size:1.6em
}
@media only screen and (max-width:767px){
    .wojo.large.modal{
        width:95%;
        margin:0em 0em 0em -47.5%
    }
}
@media only screen and (min-width:768px){
    .wojo.large.modal{
        width:88%;
        margin:0em 0em 0em -44%
    }
}
@media only screen and (min-width:992px){
    .wojo.large.modal{
        width:1020px;
        margin:0em 0em 0em -510px
    }
}
@media only screen and (min-width:1200px){
    .wojo.large.modal{
        width:1080px;
        margin:0em 0em 0em -540px
    }
}
@media only screen and (min-width:1920px){
    .wojo.large.modal{
        width:1140px;
        margin:0em 0em 0em -570px
    }
}
.wojo.progress{
    position:relative;
    display:block;
    max-width:100%;
    border:none;
    margin:1em 0em 2.5em;
    box-shadow:none;
    background:rgba(0, 0, 0, 0.1);
    padding:0em;
    border-radius:0.188rem
}
.wojo.progress:first-child{
    margin:0em 0em 2.5em
}
.wojo.progress:last-child{
    margin:0em 0em 1.5em
}
.wojo.progress .bar{
    display:block;
    line-height:1;
    position:relative;
    width:0%;
    min-width:2em;
    background:#888888;
    border-radius:0.188rem;
    -webkit-transition:width 0.1s ease, background-color 0.1s ease;
    transition:width 0.1s ease, background-color 0.1s ease
}
.wojo.progress .bar > .progress{
    white-space:nowrap;
    position:absolute;
    width:auto;
    font-size:0.91883em;
    top:50%;
    right:0.5em;
    left:auto;
    bottom:auto;
    color:rgba(255, 255, 255, 0.7);
    text-shadow:none;
    margin-top:-0.5em;
    font-family:'Roboto';
    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, 0.87);
    font-family:'Roboto';
    text-shadow:none;
    margin-top:0.2em;
    text-align:center;
    -webkit-transition:color 0.4s ease;
    transition:color 0.4s ease
}
.wojo.indicating.progress[data-percent^="1"] .bar,.wojo.indicating.progress[data-percent^="2"] .bar{
    background-color:#D95C5C
}
.wojo.indicating.progress[data-percent^="3"] .bar{
    background-color:#EFBC72
}
.wojo.indicating.progress[data-percent^="4"] .bar,.wojo.indicating.progress[data-percent^="5"] .bar{
    background-color:#E6BB48
}
.wojo.indicating.progress[data-percent^="6"] .bar{
    background-color:#DDC928
}
.wojo.indicating.progress[data-percent^="7"] .bar,.wojo.indicating.progress[data-percent^="8"] .bar{
    background-color:#B4D95C
}
.wojo.indicating.progress[data-percent^="9"] .bar,.wojo.indicating.progress[data-percent^="100"] .bar{
    background-color:#66DA81
}
.wojo.indicating.progress[data-percent^="1"] .label,.wojo.indicating.progress[data-percent^="2"] .label{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.indicating.progress[data-percent^="3"] .label{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.indicating.progress[data-percent^="4"] .label,.wojo.indicating.progress[data-percent^="5"] .label{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.indicating.progress[data-percent^="6"] .label{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.indicating.progress[data-percent^="7"] .label,.wojo.indicating.progress[data-percent^="8"] .label{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.indicating.progress[data-percent^="9"] .label,.wojo.indicating.progress[data-percent^="100"] .label{
    color:rgba(0, 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:#D95C5C
}
.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, 0.87)
}
.wojo.indicating.progress.success .label{
    color:#1A531B
}
.wojo.progress.success .bar{
    background-color:#21BA45 !important
}
.wojo.progress.success .bar,.wojo.progress.success .bar::after{
    -webkit-animation:none !important;
    animation:none !important
}
.wojo.progress.success > .label{
    color:#1A531B
}
.wojo.progress.warning .bar{
    background-color:#F2C037 !important
}
.wojo.progress.warning .bar,.wojo.progress.warning .bar::after{
    -webkit-animation:none !important;
    animation:none !important
}
.wojo.progress.warning > .label{
    color:#794B02
}
.wojo.progress.error .bar{
    background-color:#DB2828 !important
}
.wojo.progress.error .bar,.wojo.progress.error .bar::after{
    -webkit-animation:none !important;
    animation:none !important
}
.wojo.progress.error > .label{
    color:#912D2B
}
.wojo.active.progress .bar{
    position:relative;
    min-width:2em
}
.wojo.active.progress .bar::after{
    content:'';
    opacity:0;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#FFFFFF;
    border-radius:0.188rem;
    -webkit-animation:progress-active 2s ease infinite;
    animation:progress-active 2s ease infinite
}
@-webkit-keyframes progress-active{
     0%{
         opacity:0.3;
         width:0
    }
     100%{
         opacity:0;
         width:100%
    }
}
@keyframes progress-active{
     0%{
         opacity:0.3;
         width:0
    }
     100%{
         opacity:0;
         width:100%
    }
}
.wojo.disabled.progress{
    opacity:0.35
}
.wojo.disabled.progress .bar,.wojo.disabled.progress .bar::after{
    -webkit-animation:none !important;
    animation:none !important
}
.wojo.inverted.progress{
    background:rgba(255, 255, 255, 0.08);
    border:none
}
.wojo.inverted.progress .bar{
    background:#888888
}
.wojo.inverted.progress .bar > .progress{
    color:#F9FAFB
}
.wojo.inverted.progress > .label{
    color:#FFFFFF
}
.wojo.inverted.progress.success > .label{
    color:#21BA45
}
.wojo.inverted.progress.warning > .label{
    color:#F2C037
}
.wojo.inverted.progress.error > .label{
    color:#DB2828
}
.wojo.progress.attached{
    background:transparent;
    position:relative;
    border:none;
    margin:0em
}
.wojo.progress.attached,.wojo.progress.attached .bar{
    display:block;
    height:0.2rem;
    padding:0px;
    overflow:hidden;
    border-radius:0em 0em 0.188rem 0.188rem
}
.wojo.progress.attached .bar{
    border-radius:0em
}
.wojo.progress.top.attached,.wojo.progress.top.attached .bar{
    top:0px;
    border-radius:0.188rem 0.188rem 0em 0em
}
.wojo.progress.top.attached .bar{
    border-radius:0em
}
.wojo.segment > .wojo.attached.progress,.wojo.card > .wojo.attached.progress,.wojo.list .item > .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{
    top:100%;
    bottom:auto
}
.wojo.red.progress .bar{
    background-color:#DB2828
}
.wojo.red.inverted.progress .bar{
    background-color:#FF695E
}
.wojo.orange.progress .bar{
    background-color:#F2711C
}
.wojo.orange.inverted.progress .bar{
    background-color:#FF851B
}
.wojo.yellow.progress .bar{
    background-color:#FBBD08
}
.wojo.yellow.inverted.progress .bar{
    background-color:#FFE21F
}
.wojo.olive.progress .bar{
    background-color:#B5CC18
}
.wojo.olive.inverted.progress .bar{
    background-color:#D9E778
}
.wojo.green.progress .bar{
    background-color:#21BA45
}
.wojo.green.inverted.progress .bar{
    background-color:#2ECC40
}
.wojo.teal.progress .bar{
    background-color:#00B5AD
}
.wojo.teal.inverted.progress .bar{
    background-color:#6DFFFF
}
.wojo.blue.progress .bar{
    background-color:#2185D0
}
.wojo.blue.inverted.progress .bar{
    background-color:#54C8FF
}
.wojo.violet.progress .bar{
    background-color:#6435C9
}
.wojo.violet.inverted.progress .bar{
    background-color:#A291FB
}
.wojo.purple.progress .bar{
    background-color:#A333C8
}
.wojo.purple.inverted.progress .bar{
    background-color:#DC73FF
}
.wojo.pink.progress .bar{
    background-color:#E03997
}
.wojo.pink.inverted.progress .bar{
    background-color:#FF8EDF
}
.wojo.brown.progress .bar{
    background-color:#A5673F
}
.wojo.brown.inverted.progress .bar{
    background-color:#D67C1C
}
.wojo.grey.progress .bar{
    background-color:#767676
}
.wojo.grey.inverted.progress .bar{
    background-color:#DCDDDE
}
.wojo.black.progress .bar{
    background-color:#1B1C1D
}
.wojo.black.inverted.progress .bar{
    background-color:#545454
}
.wojo.progress.transparent .bar{
    background-color:rgba(255,255,255,0.5) !important
}
.wojo.fitted.progress{
    margin:0
}
.wojo.mini.progress .bar{
    height:0.25em
}
.wojo.mini.progress .label{
    font-size:0.750rem
}
.wojo.tiny.progress .bar{
    height:0.5em
}
.wojo.small.progress,.wojo.tiny.progress{
    font-size:0.875rem
}
.wojo.small.progress .bar{
    height:1em
}
.wojo.progress{
    font-size:1rem
}
.wojo.progress .bar{
    height:1.75em
}
.wojo.large.progress{
    font-size:1.5rem
}
.wojo.large.progress .bar{
    height:2.5em
}
.wojo.big.progress{
    font-size:1.188rem
}
.wojo.big.progress .bar{
    height:3.5em
}
.wojo.accordion,.wojo.accordion .accordion{
    max-width:100%
}
.wojo.accordion .accordion{
    margin:1em 0em 0em;
    padding:0em
}
.wojo.accordion .title,.wojo.accordion .accordion .title{
    cursor:pointer
}
.wojo.accordion .title:not(.wojo){
    padding:0.5em 0em;
    font-size:1em;
    color:rgba(0, 0, 0, 0.87);
    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.accordion .title p,.wojo.accordion .title .dropdown.icon{
    -webkit-flex:1 1 0px;
    -ms-flex:1 1 0px;
    flex:1 1 0px;
    min-width:0
}
.wojo.accordion .title ~ .content,.wojo.accordion .accordion .title ~ .content{
    display:none
}
.wojo.accordion:not(.styled) .title ~ .content:not(.wojo),.wojo.accordion:not(.styled) .accordion .title ~ .content:not(.wojo){
    margin:'';
    padding:0.5em 0em 1em
}
.wojo.accordion:not(.styled) .title ~ .content:not(.wojo):last-child{
    padding-bottom:0em
}
.wojo.accordion .title .dropdown.icon,.wojo.accordion .accordion .title .dropdown.icon{
    font-family:'WojoIcons';
    opacity:1;
    font-size:1em;
    margin-right:.75em;
    -webkit-transition:opacity 0.1s ease, -webkit-transform 0.1s ease;
    transition:opacity 0.1s ease, -webkit-transform 0.1s ease;
    transition:transform 0.1s ease, opacity 0.1s ease;
    transition:transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
    -webkit-transform:none;
    transform:none;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    max-width:100%
}
.wojo.accordion .title .dropdown.icon:before,.wojo.accordion .accordion .title .dropdown.icon:before{
    content:'\e053'
}
.wojo.accordion.menu .item .title{
    display:block;
    padding:0em
}
.wojo.accordion.menu .item .title > .dropdown.icon{
    margin:0.25em 0em 0em 1em;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wojo.accordion .wojo.header .dropdown.icon{
    font-size:1em;
    margin:0em 0.25rem 0em 0rem
}
.wojo.accordion .active.title .dropdown.icon:before,.wojo.accordion .accordion .active.title .dropdown.icon:before{
    content:'\e051'
}
.wojo.accordion.menu .item .active.title > .dropdown.icon:before{
    content:'\e051'
}
.wojo.styled.accordion,.wojo.styled.accordion .accordion{
    border-radius:0.250rem;
    background:#FFFFFF
}
.wojo.styled.accordion .title,.wojo.styled.accordion .accordion .title{
    margin:0em;
    padding:0.75em 1em;
    color:#7F929C;
    font-family:'Roboto';
    border-top:1px solid rgba(34, 36, 38, 0.15);
    -webkit-transition:background 0.1s ease, color 0.1s ease;
    transition:background 0.1s ease, color 0.1s ease
}
.wojo.styled.accordion > .title:first-child,.wojo.styled.accordion .accordion .title:first-child{
    border-top:none
}
.wojo.styled.accordion .content,.wojo.styled.accordion .accordion .content{
    margin:0em;
    padding:0.5em 1em 1.5em
}
.wojo.styled.accordion .accordion .content{
    padding:0em;
    padding:0.5em 1em 1.5em
}
.wojo.styled.accordion .title:hover,.wojo.styled.accordion .active.title,.wojo.styled.accordion .accordion .title:hover,.wojo.styled.accordion .accordion .active.title{
    background:transparent;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.styled.accordion .accordion .title:hover,.wojo.styled.accordion .accordion .active.title{
    background:transparent;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.styled.accordion .active.title{
    background:transparent;
    color:rgba(0, 0, 0, 0.95)
}
.wojo.styled.accordion .accordion .active.title{
    background:transparent;
    color:rgba(0, 0, 0, 0.95)
}
.wojo.accordion .active.content,.wojo.accordion .accordion .active.content{
    display:block
}
.wojo.fluid.accordion,.wojo.fluid.accordion .accordion{
    width:100%
}
.wojo.inverted.accordion .title:not(.wojo){
    color:rgba(255, 255, 255, 0.9)
}
.wojo.items > .item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:1em 0em;
    width:100%;
    min-height:0px;
    background:transparent;
    padding:0em;
    border:none;
    border-radius:0rem;
    box-shadow:none;
    -webkit-transition:box-shadow 0.1s ease;
    transition:box-shadow 0.1s ease;
    z-index:''
}
.wojo.items > .item a{
    cursor:pointer
}
.wojo.items{
    margin:1.5em 0em
}
.wojo.items:first-child{
    margin-top:0em !important
}
.wojo.items:last-child{
    margin-bottom:0em !important
}
.wojo.items > .item:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.items > .item:first-child{
    margin-top:0em
}
.wojo.items > .item:last-child{
    margin-bottom:0em
}
.wojo.items > .item > .image{
    position:relative;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:block;
    float:none;
    margin:0em;
    padding:0em;
    max-height:'';
    -webkit-align-self:top;
    -ms-flex-item-align:top;
    align-self:top
}
.wojo.items > .item > .image > img{
    display:block;
    width:100%;
    height:auto;
    border-radius:0.125rem;
    border:none
}
.wojo.items > .item > .image:only-child > img{
    border-radius:0rem
}
.wojo.items > .item > .content{
    display:block;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    background:none;
    margin:0em;
    padding:0em;
    box-shadow:none;
    font-size:1em;
    border:none;
    border-radius:0em
}
.wojo.items > .item > .content:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.items > .item > .image + .content{
    min-width:0;
    width:auto;
    display:block;
    margin-left:0em;
    -webkit-align-self:top;
    -ms-flex-item-align:top;
    align-self:top;
    padding-right:1.5em
}
.wojo.items > .item > .content > .header{
    display:inline-block;
    margin:-0.21425em 0em 0em;
    font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:rgba(0, 0, 0, 0.85)
}
.wojo.items > .item > .content > .header:not(.wojo){
    font-size:1.250em
}
.wojo.items > .item [class*="left floated"]{
    float:left
}
.wojo.items > .item [class*="right floated"]{
    float:right
}
.wojo.items > .item .content img{
    -webkit-align-self:middle;
    -ms-flex-item-align:middle;
    align-self:middle;
    width:''
}
.wojo.items > .item img.avatar,.wojo.items > .item .avatar img{
    width:'';
    height:'';
    border-radius:500rem
}
.wojo.items > .item > .content > .description{
    margin-top:0.6em;
    max-width:auto;
    font-size:1em;
    line-height:1.4285em;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.items > .item > .content p{
    margin:0em 0em 0.5em
}
.wojo.items > .item > .content p:last-child{
    margin-bottom:0em
}
.wojo.items > .item .meta{
    margin:0.5em 0em 0.5em;
    font-size:1em;
    line-height:1em;
    color:rgba(0, 0, 0, 0.6)
}
.wojo.items > .item .meta *{
    margin-right:0.3em
}
.wojo.items > .item .meta :last-child{
    margin-right:0em
}
.wojo.items > .item .meta [class*="right floated"]{
    margin-right:0em;
    margin-left:0.3em
}
.wojo.items > .item > .content a:not(.wojo){
    color:'';
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.items > .item > .content a:not(.wojo):hover{
    color:''
}
.wojo.items > .item > .content > a.header{
    color:rgba(0, 0, 0, 0.85)
}
.wojo.items > .item > .content > a.header:hover{
    color:#C0392B
}
.wojo.items > .item .meta > a:not(.wojo){
    color:rgba(0, 0, 0, 0.4)
}
.wojo.items > .item .meta > a:not(.wojo):hover{
    color:rgba(0, 0, 0, 0.87)
}
.wojo.items > .item > .content .favorite.icon{
    cursor:pointer;
    opacity:0.75;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.items > .item > .content .favorite.icon:hover{
    opacity:1;
    color:#FFB70A
}
.wojo.items > .item > .content .active.favorite.icon{
    color:#FFE623
}
.wojo.items > .item > .content .like.icon{
    cursor:pointer;
    opacity:0.75;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.items > .item > .content .like.icon:hover{
    opacity:1;
    color:#FF2733
}
.wojo.items > .item > .content .active.like.icon{
    color:#FF2733
}
.wojo.items > .item .extra{
    display:block;
    position:relative;
    background:none;
    margin:0.5rem 0em 0em;
    width:100%;
    padding:0em 0em 0em;
    top:0em;
    left:0em;
    color:rgba(0, 0, 0, 0.4);
    box-shadow:none;
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease;
    border-top:none
}
.wojo.items > .item .extra > *{
    margin:0.25rem 0.5rem 0.25rem 0em
}
.wojo.items > .item .extra > [class*="right floated"]{
    margin:0.25rem 0em 0.25rem 0.5rem
}
.wojo.items > .item .extra:after{
    display:block;
    content:' ';
    height:0px;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
.wojo.items > .item > .image:not(.wojo){
    width:175px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .wojo.items > .item{
        margin:1em 0em
    }
    .wojo.items > .item > .image:not(.wojo){
        width:150px
    }
    .wojo.items > .item > .image + .content{
        display:block;
        padding:0em 0em 0em 1em
    }
}
@media only screen and (max-width:767px){
    .wojo.items > .item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:2em 0em
    }
    .wojo.items > .item > .image{
        display:block;
        margin-left:auto;
        margin-right:auto
    }
    .wojo.items > .item > .image, .wojo.items > .item > .image > img{
        max-width:100% !important;
        width:auto !important;
        max-height:250px !important
    }
    .wojo.items > .item > .image + .content{
        display:block;
        padding:1.5em 0em 0em
    }
}
.wojo.items > .item > .image + [class*="top aligned"].content{
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start
}
.wojo.items > .item > .image + [class*="middle aligned"].content{
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.wojo.items > .item > .image + [class*="bottom aligned"].content{
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end
}
.wojo.relaxed.items > .item{
    margin:1.5em 0em
}
.wojo[class*="very relaxed"].items > .item{
    margin:2em 0em
}
.wojo.divided.items > .item{
    border-top:1px solid rgba(34, 36, 38, 0.15);
    margin:0em;
    padding:1em 0em
}
.wojo.divided.items > .item:first-child{
    border-top:none;
    margin-top:0em !important;
    padding-top:0em !important
}
.wojo.divided.items > .item:last-child{
    margin-bottom:0em !important;
    padding-bottom:0em !important
}
.wojo.relaxed.divided.items > .item{
    margin:0em;
    padding:1.5em 0em
}
.wojo[class*="very relaxed"].divided.items > .item{
    margin:0em;
    padding:2em 0em
}
.wojo.items a.item:hover,.wojo.link.items > .item:hover{
    cursor:pointer
}
.wojo.items a.item:hover .content .header,.wojo.link.items > .item:hover .content .header{
    color:#C0392B
}
.wojo.boxed.items{
    border:0;
    box-shadow:none
}
.wojo.boxed.items > .item{
    background-color:#fff;
    border-radius:.250em
}
.wojo.items > .item{
    font-size:1em
}
.wojo.feed{
    margin:1em 0em
}
.wojo.feed:first-child{
    margin-top:0em
}
.wojo.feed:last-child{
    margin-bottom:0em
}
.wojo.feed > .event{
    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;
    width:100%;
    padding:0.21428571rem 0em;
    margin:0em;
    background:none;
    border-top:none
}
.wojo.feed > .event:first-child{
    border-top:0px;
    padding-top:0em
}
.wojo.feed > .event:last-child{
    padding-bottom:0em
}
.wojo.feed > .event > .label{
    display:block;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    height:auto;
    -webkit-align-self:stretch;
    -ms-flex-item-align:stretch;
    align-self:stretch;
    text-align:left
}
.wojo.feed > .event > .label .icon{
    opacity:1;
    font-size:1.5em;
    width:100%;
    padding:0.25em;
    background:none;
    border:none;
    border-radius:none;
    color:rgba(0, 0, 0, 0.6)
}
.wojo.feed > .event > .label img{
    width:100%;
    height:auto;
    border-radius:500rem
}
.wojo.feed > .event > .label + .content{
    margin:0.5em 0em 0.35714286em 1.14285714em
}
.wojo.feed > .event > .content{
    display:block;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-align-self:stretch;
    -ms-flex-item-align:stretch;
    align-self:stretch;
    text-align:left;
    word-wrap:break-word
}
.wojo.feed > .event:last-child > .content{
    padding-bottom:0em
}
.wojo.feed > .event > .content a{
    cursor:pointer
}
.wojo.feed > .event > .content .date{
    margin:-0.5rem 0em 0em;
    padding:0em;
    font-weight:normal;
    font-size:1em;
    font-style:normal;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.feed > .event > .content .summary{
    margin:0em;
    font-size:1em;
    font-family:'Roboto';
    font-weight:600;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.feed > .event > .content .summary img{
    display:inline-block;
    width:auto;
    height:10em;
    margin:-0.25em 0.25em 0em 0em;
    border-radius:0.25em;
    vertical-align:middle
}
.wojo.feed > .event > .content .user{
    display:inline-block;
    font-weight:bold;
    margin-right:0em;
    vertical-align:baseline
}
.wojo.feed > .event > .content .user img{
    margin:-0.25em 0.25em 0em 0em;
    width:auto;
    height:10em;
    vertical-align:middle
}
.wojo.feed > .event > .content .summary > .date{
    display:inline-block;
    float:none;
    font-family:'Roboto';
    font-size:0.875em;
    font-style:normal;
    margin:0em 0em 0em 0.5em;
    padding:0em;
    color:rgba(0, 0, 0, 0.4)
}
.wojo.feed > .event > .content .extra{
    margin:0.5em 0em 0em;
    background:none;
    padding:0em;
    color:rgba(0, 0, 0, 0.87)
}
.wojo.feed > .event > .content .extra.images img{
    display:inline-block;
    margin:0em 0.25em 0em 0em;
    width:6em
}
.wojo.feed > .event > .content .extra.text{
    padding:0em;
    border-left:none;
    font-size:1em;
    max-width:auto;
    line-height:1.4285em
}
.wojo.feed > .event > .content .meta{
    display:inline-block;
    font-size:0.85714286em;
    margin:0.5em 0em 0em;
    background:none;
    border:none;
    border-radius:0;
    box-shadow:none;
    padding:0em;
    color:rgba(0, 0, 0, 0.6)
}
.wojo.feed > .event > .content .meta > *{
    position:relative;
    margin-left:0.75em
}
.wojo.feed > .event > .content .meta > *:after{
    content:'';
    color:rgba(0, 0, 0, 0.2);
    top:0em;
    left:-1em;
    opacity:1;
    position:absolute;
    vertical-align:top
}
.wojo.feed > .event > .content .meta .like{
    color:'';
    -webkit-transition:0.2s color ease;
    transition:0.2s color ease
}
.wojo.feed > .event > .content .meta .like:hover .icon{
    color:#FF2733
}
.wojo.feed > .event > .content .meta .active.like .icon{
    color:#EF404A
}
.wojo.feed > .event > .content .meta > :first-child{
    margin-left:0em
}
.wojo.feed > .event > .content .meta > :first-child::after{
    display:none
}
.wojo.feed > .event > .content .meta a,.wojo.feed > .event > .content .meta > .icon{
    cursor:pointer;
    opacity:1;
    color:rgba(0, 0, 0, 0.5);
    -webkit-transition:color 0.1s ease;
    transition:color 0.1s ease
}
.wojo.feed > .event > .content .meta a:hover,.wojo.feed > .event > .content .meta a:hover .icon,.wojo.feed > .event > .content .meta > .icon:hover{
    color:rgba(0, 0, 0, 0.95)
}
.wojo.divided.feed > .event{
    border-top:1px solid rgba(34, 36, 38, 0.15);
    padding-bottom:1em;
    padding-top:1em
}
.wojo.divided.feed > .event:first-child{
    border-top:none;
    padding-top:0
}
.wojo.small.feed{
    font-size:0.92857143rem
}
.wojo.feed{
    font-size:1rem
}
.wojo.large.feed{
    font-size:1.14285714rem
}
.wojo.comments{
    margin:1.5em 0em;
    max-width:800px
}
.wojo.comments .comment{
    position:relative;
    background-image:none;
    margin:1em 0em 0em;
    padding:1em 0em 0em;
    border:none;
    border-top:none
}
.wojo.comments .comment:first-child{
    margin-top:0em;
    padding-top:0em
}
.wojo.comments .comment .comments{
    margin:0em 0em 0.5em 0.5em;
    padding:1em 0em 1em 1em
}
.wojo.comments .comment .comments:before{
    position:absolute;
    top:0px;
    left:0px
}
.wojo.comments .comment .comments .comment{
    border:none;
    border-top:none;
    background:none
}
.wojo.comments .comment .avatar{
    display:block;
    width:4em;
    height:auto;
    float:left;
    margin:0.2em 0em 0em;
    overflow:hidden;
    border-radius:50%;
    box-shadow:0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.wojo.comments .comment img.avatar,.wojo.comments .comment .avatar img{
    display:block;
    margin:0em auto;
    width:100%;
    height:100%;
    border-radius:0.25rem
}
.wojo.comments .comment > .content{
    display:block
}
.wojo.comments .comment > .avatar ~ .content{
    margin-left:6em
}
.wojo.comments .comment .author{
    font-size:1em;
    font-family:'Roboto Slab';
    font-weight:700
}
.wojo.comments .comment a.author{
    cursor:pointer
}
.wojo.comments .comment a.author:hover{
    color:#1e70bf
}
.wojo.comments .comment .metadata{
    display:inline-block;
    margin-left:0.5em;
    color:rgba(0, 0, 0, 0.4);
    font-size:0.875em
}
.wojo.comments .comment .metadata > *{
    display:inline-block;
    margin:0em 0.5em 0em 0em
}
.wojo.comments .comment .metadata > :last-child{
    margin-right:0em
}
.wojo.comments .comment .text{
    margin:0.25em 0em 0.5em;
    font-size:1rem;
    word-wrap:break-word;
    line-height:1.6em;
    color:#999
}
.wojo.comments .comment .actions{
    font-size:0.750em;
    margin-top:0
}
.wojo.comments .comment .actions a{
    cursor:pointer;
    display:inline-block;
    color:rgba(0, 0, 0, 0.4);
    font-size:0.750rem
}
.wojo.comments .comment .actions a:last-child{
    margin-right:0em
}
.wojo.comments .comment .actions a.active,.wojo.comments .comment .actions a:hover{
    color:rgba(0, 0, 0, 0.8)
}
.wojo.collapsed.comments,.wojo.comments .collapsed.comments,.wojo.comments .collapsed.comment{
    display:none
}
.wojo.threaded.comments .comment .comments{
    margin:-1.5em 0 -1em 2em;
    padding:3em 0em 2em 2.25em;
    box-shadow:-1px 0px 0px rgba(34, 36, 38, 0.15)
}
.wojo.minimal.comments .comment .actions{
    opacity:0;
    position:absolute;
    top:0px;
    right:0px;
    left:auto;
    -webkit-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s
}
.wojo.minimal.comments .comment > .content:hover > .actions{
    opacity:1
}
.wojo.mini.comments{
    font-size:0.78571429rem
}
.wojo.tiny.comments{
    font-size:0.85714286rem
}
.wojo.small.comments{
    font-size:0.9em
}
.wojo.comments{
    font-size:1em
}
.wojo.large.comments{
    font-size:1.1em
}
.wojo.big.comments{
    font-size:1.28571429rem
}
.wojo.huge.comments{
    font-size:1.2em
}
.wojo.massive.comments{
    font-size:1.71428571rem
}
.wojo.tiny.text{
    font-size:0.813rem
}
.wojo.mini.text{
    font-size:0.875rem
}
.wojo.small.text{
    font-size:0.938rem
}
.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.very.dimmed.text{
    opacity:.85
}
.wojo.thin.text{
    font-weight:300
}
.wojo.light.text{
    font-weight:400
}
.wojo.semi.text{
    font-weight:500
}
.wojo.demi.text{
    font-weight:700
}
.wojo.bold.text{
    font-weight:900
}
.wojo.italic.text{
    font-style:italic
}
.wojo.primary.text{
    color:#E91E63
}
.wojo.secondary.text{
    color:#673AB7
}
.wojo.positive.text{
    color:#4CAF50
}
.wojo.negative.text{
    color:#EF5350
}
.wojo.white.text{
    color:#fff
}
.wojo.black.text{
    color:#212121
}
.wojo.primary.bg{
    background-color:#E91E63
}
.wojo.secondary.bg{
    background-color:#673AB7
}
.wojo.positive.bg{
    background-color:#4CAF50
}
.wojo.info.bg{
    background-color:#26C6DA
}
.wojo.negative.bg{
    background-color:#F44336
}
.wojo.grey.bg{
    background-color:#9E9E9E
}
.wojo.opacity-9{
    opacity:.9
}
.wojo.opacity-7{
    opacity:.7
}
.wojo.opacity-5{
    opacity:.5
}
.wojo.quaternary.bg{
    background-color:#F5F5F5
}
.highlite{
    background-color:#fffde7!important
}
.wojo.boxed{
    border:1px solid #DDDDDD
}
.wojo.shadow{
    box-shadow:0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}
.wojo.soft.shadow{
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}
.wojo.readonly{
    position:relative;
    cursor:not-allowed;
    point-events:none;
    text-shadow:none !important;
    color:transparent !important;
    -webkit-transition:all 0s linear;
    transition:all 0s linear
}
.wojo.readonly:before{
    position:absolute;
    content:'';
    top:0%;
    left:0%;
    background:rgba(255, 255, 255, 0.75);
    width:100%;
    height:100%;
    border-radius:0.250em;
    z-index:10
}
.truncate{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.scrollbox_y,.scrollbox_x{
    overflow:auto
}
.scrolltrack{
    width:6px;
    background:rgba(0, 0, 0, 0);
    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, 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.fluid.tabs{
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
ul.wojo.tabs,ul.wojo.tabs li{
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:1rem;
    position:relative
}
ul.wojo.tabs li{
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
ul.wojo.fluid.tabs li{
    -webkit-flex:1 1 0px;
    -ms-flex:1 1 0px;
    flex:1 1 0px;
    border-left:2px solid rgba(0, 0, 0, 0.1);
    text-align:center;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
ul.wojo.fluid.tabs li:first-child{
    border-left:none
}
ul.wojo.tabs li a{
    display:block;
    font-family:'Roboto';
    font-weight:500;
    padding:1em 1.5em
}
ul.wojo.fluid.tabs li.active{
    background-color:#C0392B;
    border-left:2px solid #C0392B
}
ul.wojo.fluid.tabs li.active a,ul.wojo.fluid.tabs li.active a:hover{
    color:#fff
}
ul.wojo.fluid.tabs li a:hover{
    background-color:#C0392B;
    color:#fff
}
ul.wojo.tabs li a:hover{
    color:#424242
}
ul.wojo.tabs li a .icon{
    margin-right:1em
}
ul.wojo.tabs li a.single .icon{
    margin-right:0
}
.wojo.tab{
    display:none
}
.wojo.tab.active,.wojo.tab.open{
    display:block
}
.wojo.uploader{
    border:2px dotted #A5A5C7;
    width:100%;
    color:#92AAB0;
    text-align:center;
    vertical-align:middle;
    padding:40px 0px;
    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:bold;
    color:#C0C0C0;
    padding:10px
}
.wojo.uploader div.content label{
    background-color:#5a7bc2;
    color:white;
    padding:6px 0px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    border-radius:2px;
    position:relative;
    overflow:hidden;
    display:block;
    width:300px;
    margin:20px auto 0px auto;
    box-shadow:2px 2px 2px #888888
}
.wojo.basic.uploader div.content label{
    background-color:transparent;
    color:#5e5e5e;
    padding:0;
    font-size:1em;
    font-weight:normal;
    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:0.75em 1.5em
}
.wojo.breadcrumb{
    line-height:1;
    display:inline-block;
    margin:0;
    vertical-align:middle;
    font-family:'Roboto Slab';
    position:relative;
    font-size:1.5em
}
.wojo.breadcrumb:first-child{
    margin-top:0em
}
.wojo.breadcrumb:last-child{
    margin-bottom:0em
}
.wojo.breadcrumb .divider{
    display:inline-block;
    opacity:0.7;
    margin:0em 0.75rem 0em;
    font-size:0.913em;
    color:rgba(255, 255, 255, 0.8);
    vertical-align:baseline
}
.wojo.breadcrumb a{
    color:#fff
}
.wojo.breadcrumb a:hover{
    color:#009ed6
}
.wojo.breadcrumb .icon.divider{
    font-size:0.875em;
    vertical-align:baseline
}
.wojo.breadcrumb a.section{
    cursor:pointer
}
.wojo.breadcrumb .section{
    display:inline-block;
    margin:0em;
    padding:0em
}
.wojo.breadcrumb .active.section{
    color:#009ed6
}
.wojo.small.breadcrumb{
    font-size:1em
}
.wojo.sticky{
    position:static;
    -webkit-transition:none;
    transition:none;
    z-index:800
}
.wojo.sticky.bound{
    position:absolute;
    left:auto;
    right:auto
}
.wojo.sticky.fixed{
    position:fixed;
    left:auto;
    right:auto
}
.wojo.sticky.bound.top,.wojo.sticky.fixed.top{
    top:0px;
    bottom:auto
}
.wojo.sticky.bound.bottom,.wojo.sticky.fixed.bottom{
    top:auto;
    bottom:0px
}
.wojo.native.sticky{
    position:-webkit-sticky;
    position:-moz-sticky;
    position:-ms-sticky;
    position:-o-sticky;
    position:sticky
}
@media screen and (max-width:48.063em){
    ul.wojo.basic.tabs{
        -webkit-flex-direction:column;
        flex-direction:column
    }
    ul.wojo.basic.tabs li{
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
.wbox-preloader{
    position:absolute;
    cursor:default;
    point-events:none;
    text-shadow:none !important;
    color:transparent !important;
    -webkit-transition:all 0s linear;
    transition:all 0s linear;
    height:100%;
    width:100%;
    z-index:1
}
.wbox-preloader:before{
    position:absolute;
    content:'';
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    border-radius:0.28571429rem;
    z-index:1
}
.wbox-preloader:after{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-1.5em 0em 0em -1.5em;
    width:3em;
    height:3em;
    -webkit-animation:segment-spin 0.6s linear;
    animation:segment-spin 0.6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style:solid;
    border-width:0.2em;
    box-shadow:0px 0px 0px 1px transparent;
    visibility:visible;
    z-index:2
}
.wbox-overlay *,.wbox-overlay *:before,.wbox-overlay *:after{
    -webkit-backface-visibility:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.wbox-overlay{
    background:#fdfdfd;
    background:rgba(0,0,0,0.85);
    width:100%;
    height:auto;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:9999;
    opacity:0;
    overflow-x:hidden;
    overflow-y:auto
}
.wbox-close{
    cursor:pointer;
    position:fixed;
    top:-1px;
    right:0;
    width:46px;
    height:40px;
    padding:10px 20px 10px 0;
    display:block;
    color:#fff;
    overflow:hidden;
    text-align:right;
    z-index:2
}
.wbox-next,.wbox-prev{
    box-sizing:content-box;
    cursor:pointer;
    position:fixed;
    top:50%;
    color:#fff;
    width:30px;
    height:100px;
    z-index:100;
    overflow:hidden;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.4);
    line-height:100px;
    text-align:center
}
.wbox-prev{
    left:0
}
.wbox-next{
    right:0
}
.wbox-title{
    width:100%;
    height:40px;
    float:left;
    text-align:center;
    line-height:28px;
    font-size:12px;
    color:#fff;
    padding:6px 40px;
    overflow:hidden;
    background:#161617;
    position:fixed;
    display:none;
    top:-1px;
    left:0
}
.wbox-num{
    cursor:pointer;
    position:fixed;
    top:-1px;
    left:0;
    height:40px;
    color:#fff;
    overflow:hidden;
    line-height:28px;
    font-size:12px;
    padding:6px 10px;
    background:#161617;
    display:none
}
.wbox-content .children{
    box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.wbox-inline{
    width:420px;
    height:315px;
    padding:10px;
    background:#fff;
    text-align:left;
    margin:0 auto;
    overflow:auto
}
.wojoframe{
    border:none;
    width:960px;
    height:720px
}
@media (max-width:992px){
    .wojoframe{
        width:640px;
        height:480px
    }
}
@media (max-width:767px){
    .wojoframe{
        width:420px;
        height:315px
    }
    ul.wojo.fluid.tabs,ul.wojo.tabs{
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:column;
        flex-direction:column;
        align-items:stretch
    }
    ul.wojo.fluid.tabs li,ul.wojo.tabs li{
        -webkit-flex:0 1 auto;
        -ms-flex:0 1 auto;
        flex:0 1 auto;
        align-self:auto;
        text-align:left;
        border-left:0
    }
}
@media (max-width:460px){
    .wbox-inline{
        width:100%
    }
    .wojoframe{
        width:100%;
        height:260px
    }
}
.wbox-open{
    overflow:hidden
}
.wbox-container{
    position:relative;
    background:#000;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 30px;
    z-index:5
}
.wbox-content{
    text-align:center;
    float:left;
    width:100%;
    position:relative;
    overflow:hidden
}
.wbox-container img{
    max-width:100%;
    height:auto
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto100.woff2') format('woff2'), url('../fonts/roboto100.woff') format('woff')
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto300.woff2') format('woff2'), url('../fonts/roboto300.woff') format('woff')
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto400.woff2') format('woff2'), url('../fonts/roboto400.woff') format('woff')
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto500.woff2') format('woff2'), url('../fonts/roboto500.woff') format('woff')
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto700.woff2') format('woff2'), url('../fonts/roboto700.woff') format('woff')
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:900;
    src:local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto900.woff2') format('woff2'), url('../fonts/roboto900.woff') format('woff')
}
@font-face{
    font-family:'Roboto Slab';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('../fonts/roboto-slab400.woff2') format('woff2'), url('../fonts/roboto-slab400.woff') format('woff')
}
@font-face{
    font-family:'Roboto Slab';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url('../fonts/roboto-slab700.woff2') format('woff2'), url('../fonts/roboto-slab700.woff') format('woff')
}


html,body{
    font-size:16px;
    height:100%;
    text-align:right;
}
body * {
    direction: rtl;
}
header * {
    direction: rtl;
}
body{
    font-family:"Roboto", Arial, sans-serif;
    background-color:#e5e5e5;
    color:#0c0c0c;
    line-height:1.5;
    font-weight:300;
    margin:0;
    padding:0
}
a,a.inverted,a.black{
    cursor:pointer;
    color:#27375b;
    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:#009ed6;
    -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:#fff
}
a.black{
    color:#424242
}
a.inverted:hover,a.inverted.hover,a.inverted:focus{
    color:rgb(9, 65, 230)
}
a.black:hover,a.black.hover,a.black:focus{
    color:rgba(0,0,0,0.6)
}
b,strong{
    font-family:'Roboto';
    font-weight:700
}
.wojo-grid{
    max-width:1440px
}
.wojo-grid .wojo-grid{
    max-width:100%;
    padding:0
}
#topbar{
    background-color: #323847;
    box-shadow: inset 0 -4px 0 0 rgba(0,0,0,0.1);
    color:#fff;
    padding: 1em 0; 
}
#bottombar{
    padding:1em 0;
    -webkit-transition:all 0.5s ease;
    -moz-transition:position 10s;
    -ms-transition:position 10s;
    -o-transition:position 10s;
    transition:all 0.5s ease;
    background: #fff;
}
#bottombar.fixed.top{
    box-shadow:0 5px 3px 0 rgba(0,0,0,0.1)
}
.bottombar{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
#loginbox{
    position:absolute;
    right:0
}
header{
}
body#fullpage header{
    position:relative
}
header .logo img,header .logo svg{
    width:80px
}
header .logo .logoshape1,header .logo .logoshape3{
    fill:#fff
}
header .logo .logoshape2{
    fill:#9c27b0
}
#bottombar.sticky .logo .logoshape1, #bottombar.sticky .logo .logoshape3{
    fill:#3c4858
}
nav.menu{
    text-align:right;
    display:inline-block
}
nav.menu .menu-mobile{
    display:none;
    padding-bottom:20px;
    padding-right:10px;
}
nav.menu .menu-mobile:after{
    content:"\e10e";
    font-family:"WojoIcons";
    font-size:2rem;
    padding:0;
    position:relative;
    float:right;
    margin-top: 15px;
}
nav.menu .menu-dropdown-icon > a:after{
    content:"\e051";
    font-family:"WojoIcons";
    float:left;
    margin-right:.5em
}
nav.menu .menu-dropdown-icon:before{
    content:"\e051";
    font-family:"WojoIcons";
    display:none;
    cursor:pointer;
    float:right;
    padding:1em;
    background:#fff
}
nav.menu small{
    display:none
}
nav.menu a > i.icon{
    margin-right:.5em;
    display:none
}
nav.menu > ul{
    margin:0 auto;
    width:100%;
    list-style:none;
    padding:0;
    position:relative;
    box-sizing:border-box
}
nav.menu > ul:before,nav.menu > ul:after{
    content:"";
    display:table
}
nav.menu > ul:after{
    clear:both
}
nav.menu > ul > li{
    float:right;
    padding:0;
    margin:0
}
nav.menu > ul > li a{
    text-decoration:none;
    padding:1em;
    display:block;
    text-align:left;
    color:#fff
}
.sticky nav.menu > ul > li a{
    color:#212529;
    text-align: center;
}
nav.menu strong{
    font-family:'Roboto';
    font-weight:900;
    text-transform:uppercase;
    font-size:.875em
}
nav.menu > ul > li a:hover,nav.menu > ul > li a.active{
    color:#009ed6
}
nav.menu > ul > li:hover{
}
nav.menu > ul > li > ul{
    display:none;
    width:100%;
    background:#fff;
    padding:1em;
    position:absolute;
    z-index:999;
    left:0;
    margin:0;
    list-style:none;
    box-sizing:border-box;
    border-radius:.250em;
    box-shadow:0 2px 5px 0 rgba(0, 0, 0, .26)
}
nav.menu > ul > li > ul:before,nav.menu > ul > li > ul:after{
    content:"";
    display:table
}
nav.menu > ul > li > ul:after{
    clear:both
}
nav.menu > ul > li > ul > li{
    margin:0;
    padding-bottom:0;
    list-style:none;
    width:310px;
    background:none;
    float: right;

}
nav.menu > ul > li > ul > li a{
    padding:0.5em 0.75em!important;
    display:block;
    font-size:0.875em;
    color:#333;
    text-transform:uppercase;
    border-bottom:1px solid rgba(255,255,255,0.2)
}
nav.menu > ul > li > ul > li a:hover,nav.menu > ul > li > ul > li a.active{
    box-shadow:0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4);
    background-color:#27375b;
    color:#fff;
    border-radius:.188em
}
nav.menu > ul > li > ul > li > ul{
    display:block;
    padding:0;
    margin:3px 0 0;
    list-style:none;
    box-sizing:border-box
}
nav.menu > ul > li > ul > li > ul:before,nav.menu > ul > li > ul > li > ul:after{
    content:"";
    display:table
}
nav.menu > ul > li > ul > li > ul:after{
    clear:both
}
nav.menu > ul > li > ul > li > ul > li{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    font-size:.8em
}
nav.menu > ul > li > ul > li > ul > li a{
    border:0;
    text-transform:none;
    font-size:1.15em
}
nav.menu > ul > li > ul.normal-sub{
    width:300px;
    left:auto;
    padding:.750em 1em
}
nav.menu > ul > li > ul.normal-sub > li{
    width:100%
}
nav.menu > ul > li > ul.normal-sub > li a{
    border:0;
    padding:.750em 0
}
#pageCaption{
    padding:150px 0;
    position:relative;
    min-height:450px;
    /* background-attachment:fixed; */
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
#pageCaption:before{
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    background:rgba(0, 0, 0, 0.37)
}
#pageCaption p{
    color:#fff;
    margin-top:.5em;
    position:relative
}
#moduleCaption{
    padding:2em 0 0em;
    background:#323847;
    margin-bottom:3em;
    padding-top:100px
}
main{
    position:relative;
    background:#fff;
    z-index:3;
    min-height:500px
}
main.raised,.element.raised{
    margin:0px 0px 0;
    border-radius:.50em;
    overflow:hidden;
    box-shadow:0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.element.raised{
    position:relative;
    z-index:10;
    background:#fff
}
#toptwidget{
}
#bottomtwidget{
}
aside.leftwidget{
}
aside.rightwidget h4{
    margin-bottom:1.5em
}
.errorpage{
    background-color:#F0F0F0;
    padding:3em 0;
    border-top:1px solid #ddd
}
footer{
    padding:1em;
    font-size:.875em;
    text-align:center
}
#fullpage.login,#fullpage.register,#fullpage.activation{
    background-image:url(../images/bg-login.jpg);
    height:100%;
    background-attachment:fixed;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
#fullpage.register{
    background-image:url(../images/bg-register.jpg)
}
#fullpage .gdivider{
    /* background:linear-gradient(to right, #54A0D2 0%, #5154B1 12%, #511E7D 21%, #671955 37%, #CC2119 53%, #F57713 65%, #F8DF68 83%, #5CF1F5 100%); */
    height:.750em;
}
#fullpage .logo svg,#fullpage .logo img{
    margin:2em 0;
    width:150px;
    background: white;
    BORDER-RADIUS: 1.5em;
}
#fullpage .logoshape1,#fullpage .logoshape3{
    fill:#FFFFFF!important
}
#fullpage .logoshape2{
    fill:#33BFC1!important
}
#fullpage footer{
    position:fixed;
    width:100%;
    background:transparent;
    padding:0;
    text-align:center;
    bottom:0;
    z-index:-1;
    color:rgba(255,255,255,0.5)
}
#userProfile{
    padding:3em 0;
    text-align:center;
    background-image:url(../images/userbg/bg8.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    position:relative
}
#userProfile a{
    color:#fff;
    position:absolute;
    right:1rem;
    top:1rem;
    line-height:1
}
#masterSearch{
    position:absolute;
    right:0;
    z-index:999999;
    width:0;
    opacity:0
}
#masterSearch input{
    padding:1em;
    width:100%;
    border:0;
    color:#fff;
    background-color:#323847;
    -webkit-tap-highlight-color:#323847;
    box-shadow:0 2px 4px rgba(34,36,38,0.15), 0 1px 1px rgba(34,36,38,0.1)
}
#preloader{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:10000;
    background-color:#C0392B
}
.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:0.2s;
    animation-delay:0.2s
}
.sk-cube-grid .sk-cube2{
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s
}
.sk-cube-grid .sk-cube3{
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s
}
.sk-cube-grid .sk-cube4{
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s
}
.sk-cube-grid .sk-cube5{
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.sk-cube-grid .sk-cube6{
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s
}
.sk-cube-grid .sk-cube7{
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.sk-cube-grid .sk-cube8{
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s
}
.sk-cube-grid .sk-cube9{
    -webkit-animation-delay:0.2s;
    animation-delay:0.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)
    }
}
#back-to-top{
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    position:fixed;
    bottom:0px;
    right:1em;
    z-index:9999;
    width:2.5em;
    height:2.5em;
    text-align:center;
    line-height:2.5em;
    background-color:#323847;
    cursor:pointer;
    display:none;
    border:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    outline:none;
    border-radius:5px 5px 0 0;
    opacity:0.75
}
#back-to-top:hover{
    text-decoration:none;
    opacity:1
}

.sticky {
    position:fixed;
    width:100%;
    left:0;
    top:0;
    z-index:100;
    border-top:0;
    animation:smoothScroll 1s forwards 
}
@keyframes smoothScroll {
    0% {
        transform:translateY(-40px) 
   }
    100% {
        transform:translateY(0px) 
   }
} 
@media screen and (max-width:48.063em){
    
    header * {
        direction: rtl;
    }
    .bottombar{
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        width : 100%;
        margin-left: -0px;
        position: relative;
    }
    nav.menu{
        text-align:left;
        position:relative
    }
    nav.menu,nav.menu .menu-mobile,nav.menu .menu-dropdown-icon:before{
        display:block
    }
    nav.menu .menu-dropdown-icon > a:after,nav.menu > ul > li > ul:after{
        display:none
    }
    nav.menu > ul{
        display:none;
        margin-top:20px
    }
    nav.menu > ul > li{
        width:100%;
        float:none;
        display:block
    }
    nav.menu > ul > li a{
        padding:1em;
        width:100%;
        display:block
    }
    nav.menu > ul > li > ul{
        position:relative;
        border-radius:.0;
        border-top:0;
        box-shadow:none
    }
    nav.menu > ul > li > ul.normal-sub{
        width:100%
    }
    nav.menu > ul > li > ul > li{
        float:none;
        width:100%
    }
    nav.menu > ul > li > ul > li:first-child{
        margin:0
    }
    nav.menu > ul > li > ul > li > ul{
        position:relative
    }
    nav.menu > ul > li > ul > li > ul > li{
        float:none
    }
    nav.menu .show-on-mobile{
        display:block;
        background:#fff
    }
    nav.menu > ul > li a strong{
        color:#999
    } 
    .row.half-horizontal-gutters > .column.content-right {
        flex: none;
        right: 0;
    }
    #main-menu.top-menu {
        margin-top: 20px; 
        background: #fff;
        margin-left: 0px;
        transition: margin-left 1s ease;
        height: 100vh;
        width: 250px;
        display: block;
        z-index:9999;
    }
    .row.half-horizontal-gutters.bottombar.show-on-mobile {
        margin-right: -250px;
        margin-left: inherit;
    }
    #main-menu.top-menu {
        position: fixed;
        top: 0;
        margin-top: 0px !important;
        right: -250px;
        left: -250px;
        transition: left 1s ease;
    }

    .row.half-horizontal-gutters.bottombar {
        margin-left: 0px;
        margin-right: 0px;
        transition: margin-right 1s ease;
    }

    
    #main-menu.top-menu.show-on-mobile {
        right: inherit;
        left: 0px;
    }

}

.bottombar .mobile-order-3 {
    text-align: left;
}


/* cairo-regular - latin-ext_arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v4-latin-ext_arabic-regular.eot'); /* IE9 Compat Modes */
  src: local('Cairo'), local('Cairo-Regular'),
       url('../fonts/cairo-v4-latin-ext_arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v4-latin-ext_arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v4-latin-ext_arabic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v4-latin-ext_arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v4-latin-ext_arabic-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}

*:not(.icon) {
    font-family: Cairo !important;
}
.wojoslider > .ws-controls > .ws-previous, 
.wojoslider > .ws-controls > .ws-next {
    font-family: WojoIcons !important;
}

.logoLabel {
    margin-right: 10px;
}