:root {
    font-size: 16px
}

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

::selection {
    color: #fff;
    background-color: #e22429
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    touch-action: manipulation;
    box-sizing: border-box
}

body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    height: 100%;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility
}

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%
}

.flex-block {
    display: flex
}

.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: 1280px;
    margin: 0 auto
}

.vertical-padding {
    padding: 2em 0
}

.horizontal-padding {
    padding: 0 2em
}

.half-padding {
    padding: 1rem
}

.half-vertical-padding {
    padding: 1rem 0
}

.half-horizontal-padding {
    padding: 0 1rem
}

.half-top-padding {
    padding-top: 1rem
}

.half-bottom-padding {
    padding-bottom: 1rem
}

.half-left-padding {
    padding-left: 1rem
}

.half-right-padding {
    padding-right: 1rem
}

.padding-right {
    padding-right: 2rem
}

.padding-left {
    padding-left: 2rem
}

.padding-top {
    padding-top: 2rem
}

.padding-bottom {
    padding-bottom: 2rem
}

.padding {
    padding: 2rem
}

.double-padding {
    padding: 4rem
}

.double-vertical-padding {
    padding: 4rem 0
}

.double-horizontal-padding {
    padding: 0 4rem
}

.vertical-margin {
    margin: 2rem 0
}

.horizontal-margin {
    margin: 0 2rem
}

.half-margin {
    margin: 1rem
}

.half-vertical-margin {
    margin: 1rem 0
}

.half-horizontal-margin {
    margin: 0 1rem
}

.half-top-margin {
    margin-top: 1rem
}

.half-bottom-margin {
    margin-bottom: 1rem
}

.half-left-margin {
    margin-left: 1rem
}

.half-right-margin {
    margin-right: 1rem
}

.margin-right {
    margin-right: 2rem
}

.margin-left {
    margin-left: 2rem
}

.margin-top {
    margin-top: 2rem
}

.margin-bottom {
    margin-bottom: 2rem
}

.margin {
    margin: 2rem
}

.row {
    display: flex;
    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;
    -ms-grid-row-align: 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: 2em;
}

.row.gutters > .column.divider::after,.row.gutters > .columns.divider::after,.row.half-gutters > .column.divider::after,.row.half-gutters > .columns.divider::after,.row.double-gutters > .column.divider::after,.row.double-gutters > .columns.divider::after {
    position: absolute;
    top: 10%;
    left: 2rem;
    height: 80%;
    border-left: 1px solid #e7eaf3;
    content: ""
}

.row.gutters > .column.divider::after,.row.gutters > .columns.divider::after {
    ;left: 1rem
}

.row.half-gutters > .column.divider::after,.row.half-gutters > .columns.divider::after {
    left: .5rem
}

.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 {
    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 {
    flex: 0 0 auto;
    max-width: 100%
}

.column.align-top,.align-top.columns {
    align-self: flex-start
}

.column.align-bottom,.align-bottom.columns {
    align-self: flex-end
}

.column.align-middle,.align-middle.columns {
    -ms-grid-row-align: center;
    align-self: center
}

.column.align-stretch,.align-stretch.columns {
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media screen and (min-width: 64.063em) {
    .wojo-grid {
        padding:0 2rem
    }

    .screen-10 {
        flex: 0 0 10%;
        max-width: 10%
    }

    .screen-offset-0 {
        margin-left: 0%
    }

    .screen-20 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .screen-25 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .screen-offset-10 {
        margin-left: 10%
    }

    .screen-30 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .screen-33 {
        flex: 0 0 Calc(100% / 3);
        max-width: Calc(100% / 3)
    }

    .screen-35 {
        flex: 0 0 35%;
        max-width: 35%
    }

    .screen-offset-20 {
        margin-left: 20%
    }

    .screen-40 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .screen-offset-30 {
        margin-left: 30%
    }

    .screen-50 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .screen-offset-40 {
        margin-left: 40%
    }

    .screen-60 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .screen-65 {
        flex: 0 0 65%;
        max-width: 65%
    }

    .screen-offset-50 {
        margin-left: 50%
    }

    .screen-70 {
        flex: 0 0 70%;
        max-width: 70%
    }

    .screen-75 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .screen-offset-60 {
        margin-left: 60%
    }

    .screen-80 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .screen-offset-70 {
        margin-left: 70%
    }

    .screen-90 {
        flex: 0 0 90%;
        max-width: 90%
    }

    .screen-offset-80 {
        margin-left: 80%
    }

    .screen-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 {
        flex-wrap: wrap
    }

    .screen-block-1 > .column {
        flex: 0 0 100%;
        max-width: 100%
    }

    .screen-block-2 > .column {
        flex: 0 0 50%;
        max-width: 50%
    }

    .screen-block-3 > .column {
        flex: 0 0 Calc(100% / 3);
        max-width: Calc(100% / 3)
    }

    .screen-block-4 > .column {
        flex: 0 0 25%;
        max-width: 25%
    }

    .screen-block-5 > .column {
        flex: 0 0 20%;
        max-width: 20%
    }

    .screen-block-6 > .column {
        flex: 0 0 Calc(100% / 6);
        max-width: Calc(100% / 6)
    }

    .screen-block-7 > .column {
        flex: 0 0 Calc(100% / 7);
        max-width: Calc(100% / 7)
    }

    .screen-block-8 > .column {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .screen-order-1 {
        order: 1
    }

    .screen-order-2 {
        order: 2
    }

    .screen-order-3 {
        order: 3
    }

    .screen-order-4 {
        order: 4
    }

    .screen-order-5 {
        order: 5
    }

    .screen-order-6 {
        order: 6
    }

    .screen-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
    }

    .screen-hide {
        display: none !important
    }
}

@media screen and (min-width: 40.625em) and (max-width:64em) and (orientation :landscape) {
    .wojo-grid {
        padding:0 1.75rem
    }

    .tablet-10 {
        flex: 0 0 10%;
        max-width: 10%
    }

    .tablet-offset-0 {
        margin-left: 0%
    }

    .tablet-20 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .tablet-25 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tablet-offset-10 {
        margin-left: 10%
    }

    .tablet-30 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .tablet-offset-20 {
        margin-left: 20%
    }

    .tablet-40 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .tablet-offset-30 {
        margin-left: 30%
    }

    .tablet-50 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tablet-offset-40 {
        margin-left: 40%
    }

    .tablet-60 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .tablet-offset-50 {
        margin-left: 50%
    }

    .tablet-70 {
        flex: 0 0 70%;
        max-width: 70%
    }

    .tablet-75 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tablet-offset-60 {
        margin-left: 60%
    }

    .tablet-80 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .tablet-offset-70 {
        margin-left: 70%
    }

    .tablet-90 {
        flex: 0 0 90%;
        max-width: 90%
    }

    .tablet-offset-80 {
        margin-left: 80%
    }

    .tablet-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 {
        flex-wrap: wrap
    }

    .tablet-block-1 > .column {
        flex: 0 0 100%;
        max-width: 100%
    }

    .tablet-block-2 > .column {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tablet-block-3 > .column {
        flex: 0 0 Calc(100% / 3);
        max-width: Calc(100% / 3)
    }

    .tablet-block-4 > .column {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tablet-block-5 > .column {
        flex: 0 0 20%;
        max-width: 20%
    }

    .tablet-block-6 > .column {
        flex: 0 0 Calc(100% / 6);
        max-width: Calc(100% / 6)
    }

    .tablet-block-7 > .column {
        flex: 0 0 Calc(100% / 7);
        max-width: Calc(100% / 7)
    }

    .tablet-block-8 > .column {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .tablet-order-1 {
        order: 1
    }

    .tablet-order-2 {
        order: 2
    }

    .tablet-order-3 {
        order: 3
    }

    .tablet-order-4 {
        order: 4
    }

    .tablet-order-5 {
        order: 5
    }

    .tablet-order-6 {
        order: 6
    }

    .tablet-right-divider {
        box-shadow: inset -1px 0 0 0 #DDDDDD
    }

    .tablet-left-divider {
        box-shadow: inset 1px 0 0 0 #DDDDDD
    }

    .tablet-hide {
        display: none !important
    }
}

@media screen and (max-width: 48.063em) {
    .wojo-grid {
        padding:0 1.5rem
    }

    .mobile-10 {
        flex: 0 0 10%;
        max-width: 10%
    }

    .mobile-offset-0 {
        margin-left: 0%
    }

    .mobile-20 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .mobile-25 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mobile-offset-10 {
        margin-left: 10%
    }

    .mobile-30 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .mobile-offset-20 {
        margin-left: 20%
    }

    .mobile-40 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .mobile-offset-30 {
        margin-left: 30%
    }

    .mobile-50 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mobile-offset-40 {
        margin-left: 40%
    }

    .mobile-60 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .mobile-offset-50 {
        margin-left: 50%
    }

    .mobile-70 {
        flex: 0 0 70%;
        max-width: 70%
    }

    .mobile-75 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mobile-offset-60 {
        margin-left: 60%
    }

    .mobile-80 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .mobile-offset-70 {
        margin-left: 70%
    }

    .mobile-90 {
        flex: 0 0 90%;
        max-width: 90%
    }

    .mobile-offset-80 {
        margin-left: 80%
    }

    .mobile-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 {
        flex-wrap: wrap
    }

    .mobile-block-1 > .column {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mobile-block-2 > .column {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mobile-block-3 > .column {
        flex: 0 0 Calc(100% / 3);
        max-width: Calc(100% / 3)
    }

    .mobile-block-4 > .column {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mobile-block-5 > .column {
        flex: 0 0 20%;
        max-width: 20%
    }

    .mobile-block-6 > .column {
        flex: 0 0 Calc(100% / 6);
        max-width: Calc(100% / 6)
    }

    .mobile-block-7 > .column {
        flex: 0 0 Calc(100% / 7);
        max-width: Calc(100% / 7)
    }

    .mobile-block-8 > .column {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .mobile-order-1 {
        order: 1
    }

    .mobile-order-2 {
        order: 2
    }

    .mobile-order-3 {
        order: 3
    }

    .mobile-order-4 {
        order: 4
    }

    .mobile-order-5 {
        order: 5
    }

    .mobile-order-6 {
        order: 6
    }

    .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 !important
    }

    .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
    }

    .flex-block {
        display: block
    }
}

@media screen and (max-width: 30em) {
    .wojo-grid {
        padding:0 1rem
    }

    .phone-10 {
        flex: 0 0 10%;
        max-width: 10%
    }

    .phone-offset-0 {
        margin-left: 0%
    }

    .phone-20 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .phone-25 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .phone-offset-10 {
        margin-left: 10%
    }

    .phone-30 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .phone-offset-20 {
        margin-left: 20%
    }

    .phone-40 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .phone-offset-30 {
        margin-left: 30%
    }

    .phone-50 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .phone-offset-40 {
        margin-left: 40%
    }

    .phone-60 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .phone-offset-50 {
        margin-left: 50%
    }

    .phone-70 {
        flex: 0 0 70%;
        max-width: 70%
    }

    .phone-75 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .phone-offset-60 {
        margin-left: 60%
    }

    .phone-80 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .phone-offset-70 {
        margin-left: 70%
    }

    .phone-90 {
        flex: 0 0 90%;
        max-width: 90%
    }

    .phone-offset-80 {
        margin-left: 80%
    }

    .phone-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 {
        flex-wrap: wrap
    }

    .phone-block-1 > .column {
        flex: 0 0 100%;
        max-width: 100%
    }

    .phone-block-2 > .column {
        flex: 0 0 50%;
        max-width: 50%
    }

    .phone-block-3 > .column {
        flex: 0 0 Calc(100% / 3);
        max-width: Calc(100% / 3)
    }

    .phone-block-4 > .column {
        flex: 0 0 25%;
        max-width: 25%
    }

    .phone-block-5 > .column {
        flex: 0 0 20%;
        max-width: 20%
    }

    .phone-block-6 > .column {
        flex: 0 0 Calc(100% / 6);
        max-width: Calc(100% / 6)
    }

    .phone-block-7 > .column {
        flex: 0 0 Calc(100% / 7);
        max-width: Calc(100% / 7)
    }

    .phone-block-8 > .column {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .phone-order-1 {
        order: 1
    }

    .phone-order-2 {
        order: 2
    }

    .phone-order-3 {
        order: 3
    }

    .phone-order-4 {
        order: 4
    }

    .phone-order-5 {
        order: 5
    }

    .phone-order-6 {
        order: 6
    }

    .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 !important
    }

    .phone-flex-show,.phone-show {
        display: block!important
    }

    .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
    }

    .flex-block {
        display: block
    }
}

#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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    25%, 75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    25%, 75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@-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)
    }
}

.animate {
    -webkit-animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-duration: .8s;
    animation-fill-mode: both
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pulsate {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulsate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.blink {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    25% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes blink {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    25% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.hitLeft {
    -webkit-animation-name: hitLeft;
    animation-name: hitLeft;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes hitLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translateX(20px) rotate(4deg);
        transform: translateX(20px) rotate(4deg)
    }
}

@keyframes hitLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translateX(20px) rotate(4deg);
        transform: translateX(20px) rotate(4deg)
    }
}

.hitRight {
    -webkit-animation-name: hitRight;
    animation-name: hitRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes hitRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translateX(-20px) rotate(-4deg);
        transform: translateX(-20px) rotate(-4deg)
    }
}

@keyframes hitRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translateX(-20px) rotate(-4deg);
        transform: translateX(-20px) rotate(-4deg)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}

@keyframes shake {
    10% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    30% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

.ball {
    -webkit-animation-name: ball;
    animation-name: ball;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes ball {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    85% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ball {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    85% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.pullUp {
    -webkit-animation-name: pullUp;
    animation-name: pullUp;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pullUp {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pullDown {
    -webkit-animation-name: pullDown;
    animation-name: pullDown;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pullDown {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pullLeft {
    -webkit-animation-name: pullLeft;
    animation-name: pullLeft;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes pullLeft {
    0% {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pullLeft {
    0% {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pullRight {
    -webkit-animation-name: pullRight;
    animation-name: pullRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes pullRight {
    0% {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pullRight {
    0% {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.jumpInLeft {
    -webkit-animation-name: jumpInLeft;
    animation-name: jumpInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes jumpInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
    }

    70% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
    }

    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }
}

@keyframes jumpInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
    }

    70% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
    }

    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }
}

.jumpInRight {
    -webkit-animation-name: jumpInRight;
    animation-name: jumpInRight;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes jumpInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
    }

    70% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
    }

    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }
}

@keyframes jumpInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
    }

    70% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
    }

    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }
}

.jumpOutRight {
    -webkit-animation-name: jumpOutRight;
    animation-name: jumpOutRight;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes jumpOutRight {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }

    30% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
    }
}

@keyframes jumpOutRight {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }

    30% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
    }
}

.jumpOutLeft {
    -webkit-animation-name: jumpOutLeft;
    animation-name: jumpOutLeft;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes jumpOutLeft {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }

    30% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
    }
}

@keyframes jumpOutLeft {
    0% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
        transform: scale3d(1, 1, 1) rotate(0deg)
    }

    30% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
    }
}

.rollInLeft {
    -webkit-animation-name: rollInLeft;
    animation-name: rollInLeft;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(-400px) rotate(445deg);
        transform: translateX(-400px) rotate(445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateX(20px) rotate(20deg);
        transform: translateX(20px) rotate(20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(-400px) rotate(445deg);
        transform: translateX(-400px) rotate(445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateX(20px) rotate(20deg);
        transform: translateX(20px) rotate(20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.rollInRight {
    -webkit-animation-name: rollInRight;
    animation-name: rollInRight;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(400px) rotate(-445deg);
        transform: translateX(400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateX(-20px) rotate(-20deg);
        transform: translateX(-20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(400px) rotate(-445deg);
        transform: translateX(400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateX(-20px) rotate(-20deg);
        transform: translateX(-20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.rollInTop {
    -webkit-animation-name: rollInTop;
    animation-name: rollInTop;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollInTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(-400px) rotate(-445deg);
        transform: translateY(-400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateY(20px) rotate(-20deg);
        transform: translateY(20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes rollInTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(-400px) rotate(-445deg);
        transform: translateY(-400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateY(20px) rotate(-20deg);
        transform: translateY(20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

.rollInBottom {
    -webkit-animation-name: rollInBottom;
    animation-name: rollInBottom;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollInBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(400px) rotate(-445deg);
        transform: translateY(400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateY(-20px) rotate(-20deg);
        transform: translateY(-20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes rollInBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(400px) rotate(-445deg);
        transform: translateY(400px) rotate(-445deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    50% {
        -webkit-transform: translateY(-20px) rotate(-20deg);
        transform: translateY(-20px) rotate(-20deg)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

.rollOutLeft {
    -webkit-animation-name: rollOutLeft;
    animation-name: rollOutLeft;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(20px) rotate(-20deg);
        transform: translateX(20px) rotate(-20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(-400px) rotate(-445deg);
        transform: translateX(-400px) rotate(-445deg)
    }
}

@keyframes rollOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(20px) rotate(-20deg);
        transform: translateX(20px) rotate(-20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(-400px) rotate(-445deg);
        transform: translateX(-400px) rotate(-445deg)
    }
}

.rollOutRight {
    -webkit-animation-name: rollOutRight;
    animation-name: rollOutRight;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(-20px) rotate(20deg);
        transform: translateX(-20px) rotate(20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(400px) rotate(445deg);
        transform: translateX(400px) rotate(445deg)
    }
}

@keyframes rollOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateX(-20px) rotate(20deg);
        transform: translateX(-20px) rotate(20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateX(400px) rotate(445deg);
        transform: translateX(400px) rotate(445deg)
    }
}

.rollOutTop {
    -webkit-animation-name: rollOutTop;
    animation-name: rollOutTop;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollOutTop {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(20px) rotate(20deg);
        transform: translateY(20px) rotate(20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(-400px) rotate(445deg);
        transform: translateY(-400px) rotate(445deg)
    }
}

@keyframes rollOutTop {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(20px) rotate(20deg);
        transform: translateY(20px) rotate(20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(-400px) rotate(445deg);
        transform: translateY(-400px) rotate(445deg)
    }
}

.rollOutBottom {
    -webkit-animation-name: rollOutBottom;
    animation-name: rollOutBottom;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes rollOutBottom {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(-20px) rotate(-20deg);
        transform: translateY(-20px) rotate(-20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(400px) rotate(-445deg);
        transform: translateY(400px) rotate(-445deg)
    }
}

@keyframes rollOutBottom {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(-20px) rotate(-20deg);
        transform: translateY(-20px) rotate(-20deg)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(400px) rotate(-445deg);
        transform: translateY(400px) rotate(-445deg)
    }
}

.popIn {
    -webkit-animation-name: popIn;
    animation-name: popIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.popInLeft {
    -webkit-animation-name: popInLeft;
    animation-name: popInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes popInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes popInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.popInRight {
    -webkit-animation-name: popInRight;
    animation-name: popInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes popInRight {
    0% {
        -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes popInRight {
    0% {
        -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.popInTop {
    -webkit-animation-name: popInTop;
    animation-name: popInTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes popInTop {
    0% {
        -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

@keyframes popInTop {
    0% {
        -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

.popInBottom {
    -webkit-animation-name: popInBottom;
    animation-name: popInBottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes popInBottom {
    0% {
        -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

@keyframes popInBottom {
    0% {
        -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

.popOut {
    -webkit-animation-name: popOut;
    animation-name: popOut;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08)
    }

    80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes popOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08);
        transform: scale3d(1.08, 1.08, 1.08)
    }

    80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.popOutLeft {
    -webkit-animation-name: popOutLeft;
    animation-name: popOutLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0)
    }
}

@keyframes popOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0)
    }
}

.popOutRight {
    -webkit-animation-name: popOutRight;
    animation-name: popOutRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0)
    }
}

@keyframes popOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0)
    }
}

.popOutTop {
    -webkit-animation-name: popOutTop;
    animation-name: popOutTop;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0)
    }
}

@keyframes popOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0)
    }
}

.popOutBottom {
    -webkit-animation-name: popOutBottom;
    animation-name: popOutBottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0)
    }
}

@keyframes popOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0)
    }
}

.flip {
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    50% {
        -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    50% {
        -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes flipInX {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes flipInY {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
    }
}

@keyframes flipInY {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1)
    }

    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1)
    }

    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
    }
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1)
    }

    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1)
    }

    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeInTop {
    0% {
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fadeInTop {
    0% {
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeInBottom {
    0% {
        -webkit-transform: translate3d(0, 400px, 0);
        transform: translate3d(0, 400px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fadeInBottom {
    0% {
        -webkit-transform: translate3d(0, 400px, 0);
        transform: translate3d(0, 400px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.fadeOutTop {
    -webkit-animation-name: fadeOutTop;
    animation-name: fadeOutTop;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeOutTop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, -300px, 0);
        transform: translate3d(0, -300px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fadeOutTop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, -300px, 0);
        transform: translate3d(0, -300px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeOutBottom {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fadeOutBottom {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    40% {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

    100% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.driveInLeft {
    -webkit-animation-name: driveInLeft;
    animation-name: driveInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes driveInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.driveInRight {
    -webkit-animation-name: driveInRight;
    animation-name: driveInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes driveInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.driveInTop {
    -webkit-animation-name: driveInTop;
    animation-name: driveInTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveInTop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes driveInTop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.driveInBottom {
    -webkit-animation-name: driveInBottom;
    animation-name: driveInBottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveInBottom {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes driveInBottom {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.driveOutLeft {
    -webkit-animation-name: driveOutLeft;
    animation-name: driveOutLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0)
    }
}

@keyframes driveOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0)
    }
}

.driveOutRight {
    -webkit-animation-name: driveOutRight;
    animation-name: driveOutRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0)
    }
}

@keyframes driveOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate3d(400px, 0, 0)
    }
}

.driveOutTop {
    -webkit-animation-name: driveOutTop;
    animation-name: driveOutTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0)
    }
}

@keyframes driveOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0)
    }
}

.driveOutBottom {
    -webkit-animation-name: driveOutBottom;
    animation-name: driveOutBottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes driveOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }
}

@keyframes driveOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }
}

.spin {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

@-webkit-keyframes spin {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: rotateZ(380deg);
        transform: rotateZ(380deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes spin {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: rotateZ(380deg);
        transform: rotateZ(380deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

.spinIn {
    -webkit-animation-name: spinIn;
    animation-name: spinIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes spinIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
        transform: rotateZ(0deg) scale3d(0, 0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    70% {
        -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
        transform: rotateZ(380deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
        transform: rotateZ(360deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes spinIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
        transform: rotateZ(0deg) scale3d(0, 0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    70% {
        -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
        transform: rotateZ(380deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
        transform: rotateZ(360deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

.spinOut {
    -webkit-animation-name: spinOut;
    animation-name: spinOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes spinOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
        transform: rotateZ(0deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
        transform: rotateZ(-20deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
        transform: rotateZ(360deg) scale3d(0, 0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes spinOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
        transform: rotateZ(0deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
        transform: rotateZ(-20deg) scale3d(1, 1, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
        transform: rotateZ(360deg) scale3d(0, 0, 0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

.swoopInLeft {
    -webkit-animation-name: swoopInLeft;
    animation-name: swoopInLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
        transform: scaleX(1.5) translate3d(-400px, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
        transform: scaleX(1) translate3d(20px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

@keyframes swoopInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
        transform: scaleX(1.5) translate3d(-400px, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
        transform: scaleX(1) translate3d(20px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.swoopInRight {
    -webkit-animation-name: swoopInRight;
    animation-name: swoopInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
        transform: scaleX(1.5) translate3d(400px, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
        transform: scaleX(1) translate3d(-20px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

@keyframes swoopInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
        transform: scaleX(1.5) translate3d(400px, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
        transform: scaleX(1) translate3d(-20px, 0, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.swoopInTop {
    -webkit-animation-name: swoopInTop;
    animation-name: swoopInTop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopInTop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
        transform: scaleY(1.5) translate3d(0, -400px, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
        transform: scaleY(1) translate3d(0, 20px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }
}

@keyframes swoopInTop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
        transform: scaleY(1.5) translate3d(0, -400px, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
        transform: scaleY(1) translate3d(0, 20px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }
}

.swoopInBottom {
    -webkit-animation-name: swoopInBottom;
    animation-name: swoopInBottom;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopInBottom {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
        transform: scaleY(1.5) translate3d(0, 250px, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
        transform: scaleY(1) translate3d(0, -20px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }
}

@keyframes swoopInBottom {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
        transform: scaleY(1.5) translate3d(0, 250px, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
        transform: scaleY(1) translate3d(0, -20px, 0)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }
}

.swoopOutLeft {
    -webkit-animation-name: swoopOutLeft;
    animation-name: swoopOutLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
        transform: scaleX(1) translate3d(20px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
        transform: scaleX(1.5) translate3d(-400px, 0, 0)
    }
}

@keyframes swoopOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
        transform: scaleX(1) translate3d(20px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
        transform: scaleX(1.5) translate3d(-400px, 0, 0)
    }
}

.swoopOutRight {
    -webkit-animation-name: swoopOutRight;
    animation-name: swoopOutRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
        transform: scaleX(1) translate3d(-20px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
        transform: scaleX(1.5) translate3d(400px, 0, 0)
    }
}

@keyframes swoopOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1) translate3d(0, 0, 0);
        transform: scaleX(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
        transform: scaleX(1) translate3d(-20px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
        transform: scaleX(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
        transform: scaleX(1.5) translate3d(400px, 0, 0)
    }
}

.swoopOutTop {
    -webkit-animation-name: swoopOutTop;
    animation-name: swoopOutTop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
        transform: scaleY(1) translate3d(0, 20px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
        transform: scaleY(1.5) translate3d(0, -400px, 0)
    }
}

@keyframes swoopOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
        transform: scaleY(1) translate3d(0, 20px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
        transform: scaleY(1.5) translate3d(0, -400px, 0)
    }
}

.swoopOutBottom {
    -webkit-animation-name: swoopOutBottom;
    animation-name: swoopOutBottom;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes swoopOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
        transform: scaleY(1) translate3d(0, -20px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
        transform: scaleY(1.5) translate3d(0, 200px, 0)
    }
}

@keyframes swoopOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1) translate3d(0, 0, 0);
        transform: scaleY(1) translate3d(0, 0, 0)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
        transform: scaleY(1) translate3d(0, -20px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
        transform: scaleY(1.2) translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
        transform: scaleY(1.5) translate3d(0, 200px, 0)
    }
}

.fold {
    -webkit-animation-name: fold;
    animation-name: fold
}

@-webkit-keyframes fold {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(1, 0.4, 1);
        transform: scale3d(1, 0.4, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform: scale3d(0.2, 0.2, 0.2);
        transform: scale3d(0.2, 0.2, 0.2)
    }
}

@keyframes fold {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(1, 0.4, 1);
        transform: scale3d(1, 0.4, 1)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform: scale3d(0.2, 0.2, 0.2);
        transform: scale3d(0.2, 0.2, 0.2)
    }
}

.unfold {
    -webkit-animation-name: unfold;
    animation-name: unfold
}

@-webkit-keyframes unfold {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 1, 1);
        transform: scale3d(0.4, 1, 1)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes unfold {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: scale3d(0.4, 1, 1);
        transform: scale3d(0.4, 1, 1)
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.animate[data-delay="100"] {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.animate[data-delay="150"] {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.animate[data-duration="100"] {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.animate[data-duration="150"] {
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms
}

.animate[data-delay="200"] {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animate[data-delay="250"] {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.animate[data-duration="200"] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.animate[data-duration="250"] {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.animate[data-delay="300"] {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animate[data-delay="350"] {
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms
}

.animate[data-duration="300"] {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.animate[data-duration="350"] {
    -webkit-animation-duration: 350ms;
    animation-duration: 350ms
}

.animate[data-delay="400"] {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animate[data-delay="450"] {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms
}

.animate[data-duration="400"] {
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.animate[data-duration="450"] {
    -webkit-animation-duration: 450ms;
    animation-duration: 450ms
}

.animate[data-delay="500"] {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.animate[data-delay="550"] {
    -webkit-animation-delay: 550ms;
    animation-delay: 550ms
}

.animate[data-duration="500"] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animate[data-duration="550"] {
    -webkit-animation-duration: 550ms;
    animation-duration: 550ms
}

.animate[data-delay="600"] {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animate[data-delay="650"] {
    -webkit-animation-delay: 650ms;
    animation-delay: 650ms
}

.animate[data-duration="600"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.animate[data-duration="650"] {
    -webkit-animation-duration: 650ms;
    animation-duration: 650ms
}

.animate[data-delay="700"] {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.animate[data-delay="750"] {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms
}

.animate[data-duration="700"] {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.animate[data-duration="750"] {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms
}

.animate[data-delay="800"] {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.animate[data-delay="850"] {
    -webkit-animation-delay: 850ms;
    animation-delay: 850ms
}

.animate[data-duration="800"] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animate[data-duration="850"] {
    -webkit-animation-duration: 850ms;
    animation-duration: 850ms
}

.animate[data-delay="900"] {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.animate[data-delay="950"] {
    -webkit-animation-delay: 950ms;
    animation-delay: 950ms
}

.animate[data-duration="900"] {
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.animate[data-duration="950"] {
    -webkit-animation-duration: 950ms;
    animation-duration: 950ms
}

.animate[data-delay="1000"] {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animate[data-duration="1000"] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animate[data-delay="1050"],.animate[data-delay="1100"],.animate[data-delay="1150"],.animate[data-delay="1200"],.animate[data-delay="1250"] {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms
}

.animate[data-delay="1300"],.animate[data-delay="1350"],.animate[data-delay="1400"],.animate[data-delay="1450"],.animate[data-delay="1500"] {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.animate[data-delay="1550"],.animate[data-delay="1600"],.animate[data-delay="1650"],.animate[data-delay="1700"],.animate[data-delay="1750"] {
    -webkit-animation-delay: 1750ms;
    animation-delay: 1750ms
}

.animate[data-duration="1050"],.animate[data-duration="1100"],.animate[data-duration="1150"],.animate[data-duration="1200"],.animate[data-duration="1250"] {
    -webkit-animation-duration: 1250ms;
    animation-duration: 1250ms
}

.animate[data-duration="1300"],.animate[data-duration="1350"],.animate[data-duration="1400"],.animate[data-duration="1450"],.animate[data-duration="1500"] {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.animate[data-duration="1550"],.animate[data-duration="1600"],.animate[data-duration="1650"],.animate[data-duration="1700"],.animate[data-duration="1750"] {
    -webkit-animation-duration: 1750ms;
    animation-duration: 1750ms
}

.animate[data-delay="1800"],.animate[data-delay="1850"],.animate[data-delay="1900"],.animate[data-delay="1950"],.animate[data-delay="2000"] {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animate[data-delay="2050"],.animate[data-delay="2100"],.animate[data-delay="2150"],.animate[data-delay="2200"],.animate[data-delay="2250"] {
    -webkit-animation-delay: 2250ms;
    animation-delay: 2250ms
}

.animate[data-delay="2300"],.animate[data-delay="2350"],.animate[data-delay="2400"],.animate[data-delay="2450"],.animate[data-delay="2500"] {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.animate[data-delay="2550"],.animate[data-delay="2600"],.animate[data-delay="2650"],.animate[data-delay="2700"],.animate[data-delay="2750"] {
    -webkit-animation-delay: 2750ms;
    animation-delay: 2750ms
}

.animate[data-duration="1800"],.animate[data-duration="1850"],.animate[data-duration="1900"],.animate[data-duration="1950"],.animate[data-duration="2000"] {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animate[data-duration="2050"],.animate[data-duration="2100"],.animate[data-duration="2150"],.animate[data-duration="2200"],.animate[data-duration="2250"] {
    -webkit-animation-duration: 2250ms;
    animation-duration: 2250ms
}

.animate[data-duration="2300"],.animate[data-duration="2350"],.animate[data-duration="2400"],.animate[data-duration="2450"],.animate[data-duration="2500"] {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.animate[data-duration="2550"],.animate[data-duration="2600"],.animate[data-duration="2650"],.animate[data-duration="2700"],.animate[data-duration="2750"] {
    -webkit-animation-duration: 2750ms;
    animation-duration: 2750ms
}

.animate[data-delay="2800"],.animate[data-delay="2850"],.animate[data-delay="2900"],.animate[data-delay="2950"],.animate[data-delay="3000"] {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animate[data-delay="3050"],.animate[data-delay="3100"],.animate[data-delay="3150"],.animate[data-delay="3200"],.animate[data-delay="3250"] {
    -webkit-animation-delay: 3250ms;
    animation-delay: 3250ms
}

.animate[data-delay="3300"],.animate[data-delay="3350"],.animate[data-delay="3400"],.animate[data-delay="3450"],.animate[data-delay="3500"] {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.animate[data-delay="3550"],.animate[data-delay="3600"],.animate[data-delay="3650"],.animate[data-delay="3700"],.animate[data-delay="3750"] {
    -webkit-animation-delay: 3750ms;
    animation-delay: 3750ms
}

.animate[data-duration="2800"],.animate[data-duration="2850"],.animate[data-duration="2900"],.animate[data-duration="2950"],.animate[data-duration="3000"] {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.animate[data-duration="3050"],.animate[data-duration="3100"],.animate[data-duration="3150"],.animate[data-duration="3200"],.animate[data-duration="3250"] {
    -webkit-animation-duration: 3250ms;
    animation-duration: 3250ms
}

.animate[data-duration="3300"],.animate[data-duration="3350"],.animate[data-duration="3400"],.animate[data-duration="3450"],.animate[data-duration="3500"] {
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s
}

.animate[data-duration="3550"],.animate[data-duration="3600"],.animate[data-duration="3650"],.animate[data-duration="3700"],.animate[data-duration="3750"] {
    -webkit-animation-duration: 3750ms;
    animation-duration: 3750ms
}

.animate[data-delay="3800"],.animate[data-delay="3850"],.animate[data-delay="3900"],.animate[data-delay="3950"],.animate[data-delay="4000"] {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animate[data-delay="4050"],.animate[data-delay="4100"],.animate[data-delay="4150"],.animate[data-delay="4200"],.animate[data-delay="4250"] {
    -webkit-animation-delay: 4250ms;
    animation-delay: 4250ms
}

.animate[data-delay="4300"],.animate[data-delay="4350"],.animate[data-delay="4400"],.animate[data-delay="4450"],.animate[data-delay="4500"] {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.animate[data-delay="4550"],.animate[data-delay="4600"],.animate[data-delay="4650"],.animate[data-delay="4700"],.animate[data-delay="4750"] {
    -webkit-animation-delay: 4750ms;
    animation-delay: 4750ms
}

.animate[data-duration="3800"],.animate[data-duration="3850"],.animate[data-duration="3900"],.animate[data-duration="3950"],.animate[data-duration="4000"] {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.animate[data-duration="4050"],.animate[data-duration="4100"],.animate[data-duration="4150"],.animate[data-duration="4200"],.animate[data-duration="4250"] {
    -webkit-animation-duration: 4250ms;
    animation-duration: 4250ms
}

.animate[data-duration="4300"],.animate[data-duration="4350"],.animate[data-duration="4400"],.animate[data-duration="4450"],.animate[data-duration="4500"] {
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.animate[data-duration="4550"],.animate[data-duration="4600"],.animate[data-duration="4650"],.animate[data-duration="4700"],.animate[data-duration="4750"] {
    -webkit-animation-duration: 4750ms;
    animation-duration: 4750ms
}

.animate[data-delay="4800"],.animate[data-delay="4850"],.animate[data-delay="4900"],.animate[data-delay="4950"],.animate[data-delay="5000"] {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animate[data-duration="4800"],.animate[data-duration="4850"],.animate[data-duration="4900"],.animate[data-duration="4950"],.animate[data-duration="5000"] {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.wojo.button {
    cursor: pointer;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    outline: none;
    vertical-align: middle;
    background-color: #C8CBCE;
    color: #1e2022;
    font-family: inherit;
    font-weight: 600;
    margin: 0em 0.25rem 0em 0em;
    padding: 1rem 1.875rem;
    line-height: 1;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: .250rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    will-change: inherit;
    border: 1px solid #C8CBCE;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s ease-in-out;
    position: relative
}

.wojo.button:hover,.wojo.button:active,.wojo.button:focus {
    color: #fff;
    background: #1e2022;
    border-color: #1e2022;
    box-shadow: 0 4px 17px rgba(30,32,34, 0.35)
}

.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: transparent;
    color: #C8CBCE
}

.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.basic.button:hover,.wojo.basic.button.active,.wojo.basic.button:active {
    color: #fff;
    background: #1e2022;
    border-color: #1e2022
}

.wojo.primary.buttons .button,.wojo.primary.button {
    background-color: #141414;
    color: #e22429;
    border-color: #252525;
}

.wojo.primary.buttons .button:hover,.wojo.primary.buttons .button:active,.wojo.primary.buttons .button:focus,.wojo.primary.button:hover,.wojo.primary.button:active,.wojo.primary.button:focus {
    color: #fff;
    background: #e22429;
    box-shadow: 0 4px 17px rgb(3 3 0 / 35%);
    border-color: #e22429
}

.wojo.primary.buttons .button:active,.wojo.primary.buttons .button.active,.wojo.primary.button:active,.wojo.primary.button.active {
    box-shadow: 0 0 0 0 transparent
}

.wojo.simple.primary.buttons .button,.wojo.simple.primary.button {
    color: #e22429
}

.wojo.basic.primary.buttons .button,.wojo.basic.primary.button {
    border-color: #e22429;
    color: #e22429
}

.wojo.basic.primary.button:hover,.wojo.basic.primary.button.active,.wojo.basic.primary.button:active {
    color: #fff
}

.wojo.secondary.buttons .button,.wojo.secondary.button {
    color: #ffffff;
    border: none;
    background-color: #2b2a2900;
}

.wojo.secondary.buttons .button:hover,.wojo.secondary.buttons .button:active,.wojo.secondary.buttons .button:focus,.wojo.secondary.button:hover,.wojo.secondary.button:active,.wojo.secondary.button:focus {
    color: #e22429;
    background: #77838f00;
    border-color: #77838f00;
    box-shadow: 0 4px 17px rgb(119 131 143 / 0%);
}

.wojo.secondary.buttons .button:active,.wojo.secondary.buttons .button.active,.wojo.secondary.button:active,.wojo.secondary.button.active {
    box-shadow: 0 0 0 0 transparent
}

.wojo.simple.secondary.buttons .button,.wojo.simple.secondary.button {
    color: #77838f
}

.wojo.basic.secondary.buttons .button,.wojo.basic.secondary.button {
    border-color: #77838f;
    color: #77838f
}

.wojo.basic.secondary.button:hover,.wojo.basic.secondary.button.active,.wojo.basic.secondary.button:active {
    color: #fff
}

.wojo.positive.buttons .button,.wojo.positive.button {
    color: #00c9a7;
    background-color: #E5F9F6;
    border-color: #E5F9F6
}

.wojo.positive.buttons .button:hover,.wojo.positive.buttons .button:active,.wojo.positive.buttons .button:focus,.wojo.positive.button:hover,.wojo.positive.button:active,.wojo.positive.button:focus {
    color: #fff;
    background: #00c9a7;
    border-color: #00c9a7;
    box-shadow: 0 4px 17px rgba(0, 201, 167, 0.35)
}

.wojo.positive.buttons .button:active,.wojo.positive.buttons .button.active,.wojo.positive.button:active,.wojo.positive.button.active {
    box-shadow: 0 0 0 0 transparent
}

.wojo.simple.positive.buttons .button,.wojo.simple.positive.button {
    color: #00c9a7
}

.wojo.basic.positive.buttons .button,.wojo.basic.positive.button {
    border-color: #00c9a7;
    color: #00c9a7
}

.wojo.basic.positive.button:hover,.wojo.basic.positive.button.active,.wojo.basic.positive.button:active {
    color: #fff
}

.wojo.negative.buttons .button,.wojo.negative.button {
    color: #de4437;
    border-color: #FCECEB;
    background-color: #FCECEB
}

.wojo.negative.buttons .button:hover,.wojo.negative.buttons .button:active,.wojo.negative.buttons .button:focus,.wojo.negative.button:hover,.wojo.negative.button:active,.wojo.negative.button:focus {
    color: #fff;
    background: #de4437;
    border-color: #de4437;
    box-shadow: 0 4px 17px rgba(222, 68, 55, 0.35)
}

.wojo.negative.buttons .button:active,.wojo.negative.buttons .button.active,.wojo.negative.button:active,.wojo.negative.button.active {
    box-shadow: 0 0 0 0 transparent
}

.wojo.simple.negative.buttons .button,.wojo.simple.negative.button {
    color: #de4437
}

.wojo.basic.negative.buttons .button,.wojo.basic.negative.button {
    border-color: #de4437;
    color: #de4437
}

.wojo.basic.negative.button:hover,.wojo.basic.negative.button.active,.wojo.basic.negative.button:active {
    color: #fff
}

.wojo.white.buttons .button,.wojo.white.button {
    background-color: #FFF;
    color: #e22429;
    border-color: #fff
}

.wojo.white.buttons .button:hover,.wojo.white.buttons .button:active,.wojo.white.buttons .button:focus,.wojo.white.button:hover,.wojo.white.button:active,.wojo.white.button:focus {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 4px 17px rgba(255, 255, 255, 0.35)
}

.wojo.white.buttons .button:active,.wojo.white.buttons .button.active,.wojo.white.button:active,.wojo.white.button.active {
    box-shadow: 0 0 0 0 transparent
}

.wojo.basic.white.buttons .button,.wojo.basic.white.button {
    border-color: #fff;
    color: #fff
}

.wojo.basic.white.button:hover,.wojo.basic.white.button.active,.wojo.basic.white.button:active {
    color: #e22429
}

.wojo.transparent.buttons .button,.wojo.transparent.button {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border-color: transparent
}

.wojo.transparent.buttons .button:hover,.wojo.transparent.buttons .button:active,.wojo.transparent.buttons .button:focus,.wojo.transparent.button:active,.wojo.transparent.button:focus {
    background: rgba(255,255,255,0.4)
}

.wojo.simple.buttons .button,.wojo.simple.button {
    background-color: transparent;
    border-color: transparent
}

.wojo.simple.buttons.active .button,.wojo.simple.button.active {
    border-color: rgba(0, 0, 0, 0.12)
}

.wojo.simple.buttons .button:hover,.wojo.simple.buttons .button:active,.wojo.simple.buttons .button:focus,.wojo.simple.button:hover,.wojo.simple.button:active,.wojo.simple.button:focus {
    color: #1e2022;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.wojo.icon.button {
    margin: 0;
    line-height: 1em;
    padding: 1em;
    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)
}

.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: .250rem;
    border-bottom-left-radius: .250rem
}

.wojo.labeled.icon.buttons .button:last-child > .icon {
    border-top-right-radius: .250rem;
    border-bottom-right-radius: .250rem
}

.wojo.vertical.labeled.icon.buttons .button:first-child > .icon {
    border-radius: 0em;
    border-top-left-radius: .250rem
}

.wojo.vertical.labeled.icon.buttons .button:last-child > .icon {
    border-radius: 0em;
    border-bottom-left-radius: .250rem
}

.wojo.buttons {
    display: inline-flex;
    flex-direction: row;
    font-size: 0em;
    vertical-align: middle;
    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 {
    flex: 1 0 auto;
    margin: 0em;
    border-radius: 0em;
    box-shadow: none
}

.wojo.buttons .button:first-child,.wojo.buttons .button:first-child {
    border-top-left-radius: .250rem;
    border-bottom-left-radius: .250rem
}

.wojo.buttons .button:last-child {
    border-top-right-radius: .250rem;
    border-bottom-right-radius: .250rem
}

.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;
    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;
    -webkit-transform: translate(-50%, -50%);
    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.spaced.button {
    margin-right: .5rem
}

.wojo.fluid.button,.wojo.fluid.buttons {
    display: flex;
    margin: 0
}

button.wojo.fluid.button {
    width: calc(100% - 3.75rem - 2px)
}

.wojo.compact.buttons,.wojo.compact.button {
    padding: 0.750em 1em
}

.wojo.rounded.buttons,.wojo.rounded.button {
    border-radius: 2rem
}

.wojo.circular.button {
    border-radius: 6px;
    line-height: 1
}

.wojo.attached.buttons,.wojo.attached.button {
    position: absolute;
    z-index: 2
}

.wojo.attached.top.buttons,.wojo.attached.top.button {
    top: 0
}

.wojo.attached.bottom.buttons,.wojo.attached.bottom.button {
    bottom: 0
}

.wojo.attached.left.buttons,.wojo.attached.left.button {
    left: 0
}

.wojo.attached.right.buttons,.wojo.attached.right.button {
    right: 0
}

.wojo.attached.middle.buttons,.wojo.attached.middle.button {
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wojo.attached.spaced.top.buttons,.wojo.attached.spaced.top.button {
    top: 1em
}

.wojo.attached.spaced.right.buttons,.wojo.attached.spaced.right.button {
    right: 1em
}

.wojo.attached.spaced.left.buttons,.wojo.attached.spaced.left.button {
    left: 1em
}

.wojo.passive.button {
    cursor: default;
    pointer-events: none
}

.wojo.button > .counter {
    background-color: inherit;
    border-radius: 2em;
    position: absolute;
    top: -.5em;
    left: -.5em
}

.wojo.wide.button {
    padding: 1rem 2.5rem
}

.wojo.very.wide.button {
    padding: 1rem 4rem
}

.wojo.mini.buttons .button,.wojo.mini.button {
    font-size: 0.750rem;
    padding: 0.750em 1em;
    font-weight: 400
}

.wojo.small.buttons .button,.wojo.small.button {
    font-size: 1rem;
    padding: .813rem 1.250rem;
    font-weight: 500
}

.wojo.small.circular.button,.wojo.small.icon.button {
    padding: 0.50rem
}

.wojo.buttons .button,.wojo.button {
    font-size: 1rem
}

.wojo.big.buttons .button,.wojo.big.button {
    font-size: 1.25rem;
    padding: 1em 2em
}

.wojo.big.circular.button {
    padding: 1.25rem
}

.wojo.huge.buttons .button,.wojo.huge.button {
    font-size: 1.5rem;
    padding: 1.25em 2.50em
}

.wojo.huge.circular.button {
    padding: 1.5rem
}

.wojo.massive.buttons .button,.wojo.massive.button {
    font-size: 1.5rem;
    padding: 1.5em 3em
}

.wojo.massive.circular.button {
    padding: 2.5rem
}

.wojo.relaxed.button {
    padding: 1rem 2.5rem
}

.wojo.very.relaxed.button {
    padding: 1rem 3.5rem
}

@media screen and (min-width: 40.625em) and (max-width:64em) {
}

@media screen and (max-width: 48.063em) {
    .wojo.buttons.stacked {
        flex-direction:column
    }
}

@media screen and (max-width: 30em) {
    .wojo.buttons.stacked {
        flex-direction:column
    }
}

.wojo.divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-top: 1px solid #e7eaf3;
    letter-spacing: .05em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.wojo.dashed.divider {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    border-top: 1px dashed #e7eaf3
}

.wojo.linear.divider {
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, transparent, #ccc, transparent)
}

.wojo.icon.divider {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border: none;
    font-weight: 600;
    font-size: .875rem
}

.wojo.icon.divider::after,.wojo.icon.divider::before {
    position: absolute;
    height: 1px;
    background: #e7eaf3;
    content: '';
    width: calc(50% - 2rem);
    right: 0
}

.wojo.icon.divider::before {
    width: calc(50% - 2rem);
    left: 0;
    right: auto
}

.wojo.top.attached.divider {
    margin-bottom: 3.5rem;
    margin-top: 0
}

.wojo.bottom.attached.divider {
    margin-bottom: 0;
    margin-top: 3.5rem
}

.wojo.basic.divider {
    margin: 0
}

.wojo.small.divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.wojo.inverted.divider {
    border-top: 1px solid rgba(255,255,255,.2)
}

.wojo.half.divider {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

@font-face {
    font-family: 'WojoIcons';
    src: url('../fonts/wojoicons.eot?rr6pzw');
    src: url('../fonts/wojoicons.eot?rr6pzw#iefix') format('embedded-opentype'),url('../fonts/wojoicons.ttf?rr6pzw') format('truetype'),url('../fonts/wojoicons.woff?rr6pzw') format('woff'),url('../fonts/wojoicons.svg?rr6pzw#wojoicons') format('svg');
    font-weight: normal;
    font-style: normal
}

i.icon {
    font-family: 'WojoIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    backface-visibility: hidden;
    vertical-align: inherit;
    position: relative
}

i.icon.middle {
    vertical-align: middle
}

.icon.agenda:before {
    content: "\e900"
}

.icon.aid.kit:before {
    content: "\e901"
}

.icon.anchor:before {
    content: "\e902"
}

.icon.angle.double.down:before {
    content: "\e903"
}

.icon.angle.double.left:before {
    content: "\e904"
}

.icon.angle.double.right:before {
    content: "\e905"
}

.icon.angle.double.up:before {
    content: "\e906"
}

.icon.angle.down:before {
    content: "\e907"
}

.icon.angle.left:before {
    content: "\e908"
}

.icon.angle.right:before {
    content: "\e909"
}

.icon.angle.up:before {
    content: "\e90a"
}

.icon.antena:before {
    content: "\e90b"
}

.icon.app:before {
    content: "\e90c"
}

.icon.app.add:before {
    content: "\e90d"
}

.icon.app.remove:before {
    content: "\e90e"
}

.icon.apps:before {
    content: "\e910"
}

.icon.apps.alt:before {
    content: "\e911"
}

.icon.arrow.backward:before {
    content: "\e912"
}

.icon.arrow.forward:before {
    content: "\e913"
}

.icon.arrows:before {
    content: "\e914"
}

.icon.arrows.horizontal:before {
    content: "\e915"
}

.icon.arrows.vertical:before {
    content: "\e916"
}

.icon.asterisk:before {
    content: "\e917"
}

.icon.backward:before {
    content: "\e918"
}

.icon.badge:before {
    content: "\e919"
}

.icon.bag:before {
    content: "\e92f"
}

.icon.ban:before {
    content: "\e91a"
}

.icon.bar.chart:before {
    content: "\e91b"
}

.icon.bar.chart.alt:before {
    content: "\e91c"
}

.icon.basket:before {
    content: "\e91d"
}

.icon.basket.alt:before {
    content: "\e930"
}

.icon.basketball:before {
    content: "\e91e"
}

.icon.batery.empty:before {
    content: "\e91f"
}

.icon.batery.full:before {
    content: "\e920"
}

.icon.batery20:before {
    content: "\e921"
}

.icon.batery50:before {
    content: "\e922"
}

.icon.bell:before {
    content: "\e923"
}

.icon.binoculars:before {
    content: "\e924"
}

.icon.blackboard:before {
    content: "\e925"
}

.icon.bluetooth:before {
    content: "\e926"
}

.icon.bluetooth.connected:before {
    content: "\e927"
}

.icon.bolt:before {
    content: "\e928"
}

.icon.book:before {
    content: "\e929"
}

.icon.bookmark:before {
    content: "\e92a"
}

.icon.briefcase:before {
    content: "\e92c"
}

.icon.briefcase.alt:before {
    content: "\e92d"
}

.icon.brightness:before {
    content: "\e931"
}

.icon.brightness.alt:before {
    content: "\e932"
}

.icon.brush:before {
    content: "\e933"
}

.icon.bubble:before {
    content: "\e935"
}

.icon.building:before {
    content: "\e936"
}

.icon.burger:before {
    content: "\e937"
}

.icon.bus:before {
    content: "\e938"
}

.icon.cake:before {
    content: "\e939"
}

.icon.calculator:before {
    content: "\e93a"
}

.icon.calendar:before {
    content: "\e93b"
}

.icon.calendar.add:before {
    content: "\e93c"
}

.icon.calendar.alt:before {
    content: "\e93d"
}

.icon.calendar.remove:before {
    content: "\e93e"
}

.icon.camera:before {
    content: "\e93f"
}

.icon.camera.alt:before {
    content: "\e940"
}

.icon.car:before {
    content: "\e941"
}

.icon.cd:before {
    content: "\e942"
}

.icon.certificate:before {
    content: "\e943"
}

.icon.chat:before {
    content: "\e9ed"
}

.icon.check:before {
    content: "\e944"
}

.icon.check.all:before {
    content: "\e945"
}

.icon.checkbox:before {
    content: "\e946"
}

.icon.checkbox.checked:before {
    content: "\e947"
}

.icon.checkbox.checkedalt:before {
    content: "\e90f"
}

.icon.chevron.down:before {
    content: "\e948"
}

.icon.chevron.right:before {
    content: "\e94a"
}

.icon.chevron.up:before {
    content: "\e94b"
}

.icon.chevron.left:before {
    content: "\e949"
}

.icon.circle.check:before {
    content: "\e94c"
}

.icon.circle.chevron.down:before {
    content: "\e94d"
}

.icon.circle.chevron.left:before {
    content: "\e94e"
}

.icon.circle.chevron.right:before {
    content: "\e94f"
}

.icon.circle.chevron.up:before {
    content: "\e950"
}

.icon.circle.delete:before {
    content: "\e951"
}

.icon.circle.minus:before {
    content: "\e952"
}

.icon.circle.plus:before {
    content: "\e953"
}

.icon.clipboard:before {
    content: "\e954"
}

.icon.clipboard.alt:before {
    content: "\e955"
}

.icon.clock:before {
    content: "\e956"
}

.icon.close:before {
    content: "\e957"
}

.icon.cloud.download:before {
    content: "\e958"
}

.icon.cloud.upload:before {
    content: "\e959"
}

.icon.code:before {
    content: "\e95a"
}

.icon.code.alt:before {
    content: "\e95b"
}

.icon.cogs:before {
    content: "\e95c"
}

.icon.collection:before {
    content: "\e95d"
}

.icon.comment:before {
    content: "\e95e"
}

.icon.comments:before {
    content: "\e95f"
}

.icon.compass:before {
    content: "\e960"
}

.icon.compress:before {
    content: "\e961"
}

.icon.contacts:before {
    content: "\e934"
}

.icon.contrast:before {
    content: "\e962"
}

.icon.copy:before {
    content: "\e963"
}

.icon.crayon:before {
    content: "\e96b"
}

.icon.credit.card:before {
    content: "\e96c"
}

.icon.crop:before {
    content: "\e96d"
}

.icon.css:before {
    content: "\e96e"
}

.icon.cup:before {
    content: "\e96f"
}

.icon.customize:before {
    content: "\e964"
}

.icon.cut:before {
    content: "\e970"
}

.icon.dashboard:before {
    content: "\e971"
}

.icon.database:before {
    content: "\e972"
}

.icon.database.alt:before {
    content: "\e973"
}

.icon.date:before {
    content: "\e974"
}

.icon.delete:before {
    content: "\e975"
}

.icon.desktop:before {
    content: "\e976"
}

.icon.dice:before {
    content: "\e977"
}

.icon.directions:before {
    content: "\e978"
}

.icon.download:before {
    content: "\e979"
}

.icon.download.alt:before {
    content: "\e97a"
}

.icon.drop:before {
    content: "\e97c"
}

.icon.dropbox:before {
    content: "\e97d"
}

.icon.dropper:before {
    content: "\e97e"
}

.icon.earth:before {
    content: "\e97f"
}

.icon.ellipsis.horizontal:before {
    content: "\e980"
}

.icon.ellipsis.horizontal.alt:before {
    content: "\e981"
}

.icon.ellipsis.vertical:before {
    content: "\e982"
}

.icon.ellipsis.vertical.alt:before {
    content: "\e983"
}

.icon.email:before {
    content: "\e985"
}

.icon.email.alt:before {
    content: "\e999"
}

.icon.eraser:before {
    content: "\e986"
}

.icon.expand:before {
    content: "\e987"
}

.icon.eye:before {
    content: "\e988"
}

.icon.eye.blocked:before {
    content: "\e989"
}

.icon.eye.glasses:before {
    content: "\e98a"
}

.icon.facebook:before {
    content: "\e98b"
}

.icon.facebook.alt:before {
    content: "\e98c"
}

.icon.faq:before {
    content: "\e98d"
}

.icon.feather:before {
    content: "\e98e"
}

.icon.female:before {
    content: "\e98f"
}

.icon.female.gender:before {
    content: "\e990"
}

.icon.file:before {
    content: "\e991"
}

.icon.file.add:before {
    content: "\e992"
}

.icon.file.remove:before {
    content: "\e993"
}

.icon.files:before {
    content: "\e994"
}

.icon.files.add:before {
    content: "\e995"
}

.icon.files.remove:before {
    content: "\e996"
}

.icon.filter:before {
    content: "\e997"
}

.icon.find:before {
    content: "\e998"
}

.icon.fire:before {
    content: "\e99b"
}

.icon.flag:before {
    content: "\e99c"
}

.icon.floppy:before {
    content: "\e99d"
}

.icon.flow.tree:before {
    content: "\e99e"
}

.icon.folder:before {
    content: "\e99f"
}

.icon.folder.add:before {
    content: "\e9a0"
}

.icon.folder.open:before {
    content: "\e9a1"
}

.icon.folder.remove:before {
    content: "\e9a2"
}

.icon.food.dome:before {
    content: "\e9a3"
}

.icon.football:before {
    content: "\e9a4"
}

.icon.forward:before {
    content: "\e9a5"
}

.icon.gamepad:before {
    content: "\e9a6"
}

.icon.ghost:before {
    content: "\e9a7"
}

.icon.gift:before {
    content: "\e9a8"
}

.icon.github:before {
    content: "\e9a9"
}

.icon.globe:before {
    content: "\e9aa"
}

.icon.google:before {
    content: "\e9ab"
}

.icon.google.drive:before {
    content: "\e9ac"
}

.icon.google.plus:before {
    content: "\e9ad"
}

.icon.gps:before {
    content: "\e9ae"
}

.icon.grid:before {
    content: "\e9af"
}

.icon.grid.align.bottom.left:before {
    content: "\e9b0"
}

.icon.grid.align.bottom.right:before {
    content: "\e9b1"
}

.icon.grid.align.center.bottom:before {
    content: "\e9b2"
}

.icon.grid.align.center.left:before {
    content: "\e9b3"
}

.icon.grid.align.center.middle:before {
    content: "\e9b4"
}

.icon.grid.align.center.right:before {
    content: "\e9b5"
}

.icon.grid.align.center.top:before {
    content: "\e9b6"
}

.icon.grid.align.top.left:before {
    content: "\e9b7"
}

.icon.grid.align.top.right:before {
    content: "\e9b8"
}

.icon.hdd:before {
    content: "\e9b9"
}

.icon.headphones:before {
    content: "\e9ba"
}

.icon.heart:before {
    content: "\e9bb"
}

.icon.heart.alt:before {
    content: "\e9bc"
}

.icon.help:before {
    content: "\e9bd"
}

.icon.history:before {
    content: "\e9be"
}

.icon.home:before {
    content: "\e9bf"
}

.icon.hourglass:before {
    content: "\e9c0"
}

.icon.html5:before {
    content: "\e9c2"
}

.icon.icecream:before {
    content: "\e9c3"
}

.icon.id:before {
    content: "\e9c4"
}

.icon.inbox:before {
    content: "\e9c5"
}

.icon.indent:before {
    content: "\e9c6"
}

.icon.info.sign:before {
    content: "\e9c7"
}

.icon.instagram:before {
    content: "\e9c8"
}

.icon.invoice:before {
    content: "\e9c9"
}

.icon.ip:before {
    content: "\e9ca"
}

.icon.key:before {
    content: "\e9cb"
}

.icon.laptop:before {
    content: "\e9cc"
}

.icon.layer:before {
    content: "\e9ce"
}

.icon.layer.alt:before {
    content: "\e9cf"
}

.icon.leaf:before {
    content: "\e9d0"
}

.icon.line.chart:before {
    content: "\e9d1"
}

.icon.linkedin:before {
    content: "\ea81"
}

.icon.lock:before {
    content: "\e9d2"
}

.icon.long.arrow.down:before {
    content: "\e9d3"
}

.icon.long.arrow.down.left:before {
    content: "\e9d4"
}

.icon.long.arrow.down.right:before {
    content: "\e9d5"
}

.icon.long.arrow.left:before {
    content: "\e9d6"
}

.icon.long.arrow.right:before {
    content: "\e9d7"
}

.icon.long.arrow.up:before {
    content: "\e9d8"
}

.icon.long.arrow.up.left:before {
    content: "\e9d9"
}

.icon.long.arrow.up.right:before {
    content: "\e9da"
}

.icon.magnet:before {
    content: "\e9db"
}

.icon.male:before {
    content: "\e9dc"
}

.icon.male.gender:before {
    content: "\e9dd"
}

.icon.map:before {
    content: "\e9de"
}

.icon.maple.leaf:before {
    content: "\e9df"
}

.icon.marker:before {
    content: "\e9e0"
}

.icon.mask:before {
    content: "\e9e1"
}

.icon.medal:before {
    content: "\e9e2"
}

.icon.membership:before {
    content: "\e9e3"
}

.icon.microphone:before {
    content: "\e9e5"
}

.icon.minus:before {
    content: "\e9e6"
}

.icon.minus.alt:before {
    content: "\e9e7"
}

.icon.money:before {
    content: "\e9e8"
}

.icon.mouse:before {
    content: "\e9e4"
}

.icon.move:before {
    content: "\e9e9"
}

.icon.move.horizontal:before {
    content: "\e9ea"
}

.icon.move.vertical:before {
    content: "\e9eb"
}

.icon.movie:before {
    content: "\e9ec"
}

.icon.mug:before {
    content: "\ea08"
}

.icon.musical.note.playlist:before {
    content: "\e9ee"
}

.icon.musical.notes:before {
    content: "\e9ef"
}

.icon.mute:before {
    content: "\e9f0"
}

.icon.news:before {
    content: "\e9fe"
}

.icon.note:before {
    content: "\e9f1"
}

.icon.note.alt:before {
    content: "\e9f2"
}

.icon.ordered.list:before {
    content: "\e9f3"
}

.icon.outbox:before {
    content: "\e9f4"
}

.icon.outdent:before {
    content: "\e9f5"
}

.icon.paint.roller:before {
    content: "\e9f6"
}

.icon.pan:before {
    content: "\e9f7"
}

.icon.paper.plane:before {
    content: "\e9f9"
}

.icon.paper.clip:before {
    content: "\e9f8"
}

.icon.paste:before {
    content: "\ea59"
}

.icon.pause:before {
    content: "\e9fa"
}

.icon.pen:before {
    content: "\e9fc"
}

.icon.pen.alt:before {
    content: "\e9fd"
}

.icon.pencil:before {
    content: "\e9ff"
}

.icon.phone:before {
    content: "\ea00"
}

.icon.phone.call:before {
    content: "\ea01"
}

.icon.photo:before {
    content: "\ea02"
}

.icon.photo.alt:before {
    content: "\ea03"
}

.icon.photos:before {
    content: "\ea04"
}

.icon.pie.chart:before {
    content: "\ea05"
}

.icon.pill:before {
    content: "\ea06"
}

.icon.pin:before {
    content: "\ea07"
}

.icon.pinterest:before {
    content: "\ea09"
}

.icon.plane:before {
    content: "\ea0a"
}

.icon.play:before {
    content: "\ea0b"
}

.icon.plus:before {
    content: "\ea0c"
}

.icon.plus.alt:before {
    content: "\ea0d"
}

.icon.poll:before {
    content: "\ea67"
}

.icon.postcard:before {
    content: "\ea0e"
}

.icon.power:before {
    content: "\ea0f"
}

.icon.printer:before {
    content: "\ea10"
}

.icon.puzzle:before {
    content: "\ea11"
}

.icon.qr:before {
    content: "\ea12"
}

.icon.question.sign:before {
    content: "\ea13"
}

.icon.queue.add:before {
    content: "\e965"
}

.icon.queue.remove:before {
    content: "\e966"
}

.icon.quote:before {
    content: "\ea14"
}

.icon.radio:before {
    content: "\ea15"
}

.icon.radio.checked:before {
    content: "\ea16"
}

.icon.record:before {
    content: "\ea17"
}

.icon.redo:before {
    content: "\ea18"
}

.icon.refresh:before {
    content: "\ea19"
}

.icon.reorder:before {
    content: "\ea1a"
}

.icon.repeat:before {
    content: "\ea1b"
}

.icon.resize:before {
    content: "\ea1c"
}

.icon.round.chart:before {
    content: "\ea1d"
}

.icon.rss:before {
    content: "\ea1e"
}

.icon.sailboat:before {
    content: "\ea1f"
}

.icon.select:before {
    content: "\ea20"
}

.icon.select.all:before {
    content: "\ea21"
}

.icon.send:before {
    content: "\ea71"
}

.icon.send.alt:before {
    content: "\ea72"
}

.icon.server:before {
    content: "\ea22"
}

.icon.server.alt:before {
    content: "\ea23"
}

.icon.setting:before {
    content: "\ea24"
}

.icon.settings.alt:before {
    content: "\ea25"
}

.icon.share:before {
    content: "\ea26"
}

.icon.shield:before {
    content: "\ea27"
}

.icon.shield.alt:before {
    content: "\ea28"
}

.icon.shirt:before {
    content: "\ea29"
}

.icon.shuffle:before {
    content: "\ea2a"
}

.icon.sliders.horizontal:before {
    content: "\ea2b"
}

.icon.sliders.horizontal.alt:before {
    content: "\ea73"
}

.icon.sliders.vertical:before {
    content: "\ea2c"
}

.icon.sliders.vertical.alt:before {
    content: "\ea7b"
}

.icon.smartphone:before {
    content: "\ea2d"
}

.icon.smile:before {
    content: "\ea2e"
}

.icon.snowflake:before {
    content: "\ea2f"
}

.icon.sort.ascending:before {
    content: "\ea30"
}

.icon.sort.descending:before {
    content: "\ea31"
}

.icon.soundcloud:before {
    content: "\ea32"
}

.icon.speaker:before {
    content: "\ea33"
}

.icon.spin.full:before {
    content: "\e92b"
}

.icon.spin.circles:before {
    content: "\ea34"
}

.icon.star:before {
    content: "\ea35"
}

.icon.star.full:before {
    content: "\ea36"
}

.icon.star.half:before {
    content: "\ea37"
}

.icon.step.backward:before {
    content: "\ea38"
}

.icon.step.forward:before {
    content: "\ea39"
}

.icon.stop:before {
    content: "\ea3a"
}

.icon.stop.watch:before {
    content: "\ea3b"
}

.icon.storage:before {
    content: "\e92e"
}

.icon.storage.alt:before {
    content: "\ea3c"
}

.icon.sunset:before {
    content: "\ea3d"
}

.icon.switch:before {
    content: "\ea3e"
}

.icon.tab:before {
    content: "\ea42"
}

.icon.tablet:before {
    content: "\ea43"
}

.icon.tag:before {
    content: "\ea44"
}

.icon.tag.delete:before {
    content: "\ea45"
}

.icon.tags:before {
    content: "\ea46"
}

.icon.target:before {
    content: "\ea47"
}

.icon.tennis.ball:before {
    content: "\ea48"
}

.icon.thumbs.down:before {
    content: "\ea49"
}

.icon.thumbs.up:before {
    content: "\ea4a"
}

.icon.tie:before {
    content: "\ea4b"
}

.icon.timeline:before {
    content: "\ea4c"
}

.icon.toggle.off:before {
    content: "\ea3f"
}

.icon.toggle.off.alt:before {
    content: "\ea40"
}

.icon.toggle.on:before {
    content: "\ea41"
}

.icon.toggle.on.alt:before {
    content: "\ea4d"
}

.icon.trailer:before {
    content: "\ea4e"
}

.icon.train:before {
    content: "\ea4f"
}

.icon.trash:before {
    content: "\ea51"
}

.icon.trash.alt:before {
    content: "\ea50"
}

.icon.triangle.down:before {
    content: "\ea52"
}

.icon.triangle.left:before {
    content: "\ea53"
}

.icon.triangle.right:before {
    content: "\ea54"
}

.icon.triangle.unfold.more:before {
    content: "\ea55"
}

.icon.triangle.up:before {
    content: "\ea56"
}

.icon.trophy:before {
    content: "\ea57"
}

.icon.tumblr:before {
    content: "\ea58"
}

.icon.twitter:before {
    content: "\ea5a"
}

.icon.umbrella:before {
    content: "\ea5b"
}

.icon.underline:before {
    content: "\ea5c"
}

.icon.undo:before {
    content: "\ea5d"
}

.icon.unfold.in:before {
    content: "\ea5e"
}

.icon.unfold.less:before {
    content: "\ea5f"
}

.icon.unfold.more:before {
    content: "\ea60"
}

.icon.unfold.out:before {
    content: "\ea61"
}

.icon.unlink:before {
    content: "\ea62"
}

.icon.unlock:before {
    content: "\ea63"
}

.icon.unordered.list:before {
    content: "\ea64"
}

.icon.upload:before {
    content: "\ea65"
}

.icon.upload.alt:before {
    content: "\ea66"
}

.icon.url:before {
    content: "\ea68"
}

.icon.url.alt:before {
    content: "\ea69"
}

.icon.usb.stick:before {
    content: "\ea6a"
}

.icon.user:before {
    content: "\ea6b"
}

.icon.user.add:before {
    content: "\ea6c"
}

.icon.user.alt:before {
    content: "\ea6d"
}

.icon.user.profile:before {
    content: "\ea6e"
}

.icon.user.remove:before {
    content: "\ea6f"
}

.icon.users:before {
    content: "\ea70"
}

.icon.view.agenda:before {
    content: "\ea74"
}

.icon.view.day:before {
    content: "\ea75"
}

.icon.view.grid:before {
    content: "\ea76"
}

.icon.view.list:before {
    content: "\ea77"
}

.icon.view.week:before {
    content: "\ea78"
}

.icon.vimeo:before {
    content: "\ea79"
}

.icon.voicemail:before {
    content: "\ea7a"
}

.icon.volume:before {
    content: "\e9fb"
}

.icon.wallet:before {
    content: "\ea7c"
}

.icon.wallpaper:before {
    content: "\ea7d"
}

.icon.wand:before {
    content: "\ea7e"
}

.icon.warning.sign:before {
    content: "\ea7f"
}

.icon.water:before {
    content: "\ea80"
}

.icon.weather.cloud:before {
    content: "\ea82"
}

.icon.widgets:before {
    content: "\ea87"
}

.icon.wifi.full:before {
    content: "\ea88"
}

.icon.wifi.low:before {
    content: "\ea89"
}

.icon.windows:before {
    content: "\ea8a"
}

.icon.wojologo:before {
    content: "\ea8b"
}

.icon.wojologo.alt:before {
    content: "\ea8c"
}

.icon.wysiwyg.align.center:before {
    content: "\ea8e"
}

.icon.wysiwyg.align.justify:before {
    content: "\ea8f"
}

.icon.wysiwyg.align.left:before {
    content: "\ea90"
}

.icon.wysiwyg.align.right:before {
    content: "\ea91"
}

.icon.wysiwyg.bold:before {
    content: "\ea92"
}

.icon.wysiwyg.border.dashed:before {
    content: "\eaa0"
}

.icon.wysiwyg.border.dotted:before {
    content: "\eaa1"
}

.icon.wysiwyg.border.double:before {
    content: "\eaa2"
}

.icon.wysiwyg.border.inset:before {
    content: "\eaa5"
}

.icon.wysiwyg.border.outset:before {
    content: "\eaa6"
}

.icon.wysiwyg.border.solid:before {
    content: "\eaa3"
}

.icon.wysiwyg.color:before {
    content: "\ea93"
}

.icon.wysiwyg.font:before {
    content: "\ea94"
}

.icon.wysiwyg.gradient:before {
    content: "\eaa4"
}

.icon.wysiwyg.italic:before {
    content: "\ea95"
}

.icon.wysiwyg.paragraph:before {
    content: "\ea96"
}

.icon.wysiwyg.picture:before {
    content: "\eaa7"
}

.icon.wysiwyg.remove.format:before {
    content: "\ea97"
}

.icon.wysiwyg.size:before {
    content: "\ea98"
}

.icon.wysiwyg.strikethrough:before {
    content: "\ea99"
}

.icon.wysiwyg.subscript:before {
    content: "\ea9a"
}

.icon.wysiwyg.superscript:before {
    content: "\ea9b"
}

.icon.wysiwyg.table:before {
    content: "\ea9c"
}

.icon.wysiwyg.type:before {
    content: "\ea9d"
}

.icon.wysiwyg.underline:before {
    content: "\ea9e"
}

.icon.youtube:before {
    content: "\ea9f"
}

i.icon.spin {
    animation: icon-spinning 2s linear infinite
}

@keyframes icon-spinning {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes icon-spinning {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

i.icon.active {
    opacity: 1
}

i.emphasized.icon {
    opacity: 1
}

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 {
    transform: scale(-1, 1)
}

i.vertically.flipped.icon {
    transform: scale(1, -1)
}

i.rotated.icon,i.right.rotated.icon,i.clockwise.rotated.icon {
    transform: rotate(90deg)
}

i.left.rotated.icon,i.counterclockwise.rotated.icon {
    transform: rotate(-90deg)
}

i.rounded.icon {
    border-radius: 0.188em
}

i.rounded.icon.outline {
    color: #1e2022
}

i.rounded.inverted.icon {
    border: none;
    box-shadow: none
}

i.white.icon {
    color: #ffffff
}

i.black.icon {
    color: #1e2022
}

i.primary.icon {
    color: #e22429
}

i.secondary.icon {
    color: #77838f
}

i.positive.icon {
    color: #00c9a7
}

i.negative.icon {
    color: #de4437
}

i.pink.icon {
    color: #E91E63
}

i.purple.icon {
    color: #9C27B0
}

i.warning.icon {
    color: #ffc107
}

i.p i.information.icon {
    color: #1E88E5
}

i.inverted.rounded.black.icon,i.inverted.circular.black.icon {
    background-color: #1e2022;
    color: #FFFFFF
}

i.inverted.rounded.primary.icon,i.inverted.circular.primary.icon {
    background-color: #e22429;
    color: #EBF2FF
}

i.inverted.rounded.secondary.icon,i.inverted.circular.secondary.icon {
    background-color: #77838f;
    color: #F1F2F4
}

i.inverted.rounded.positive.icon,i.inverted.circular.positive.icon {
    background-color: #00c9a7;
    color: #E5F9F6
}

i.inverted.rounded.negative.icon,i.inverted.circular.negative.icon {
    background-color: #de4437;
    color: #FCECEB
}

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.info.icon,i.inverted.circular.info.icon {
    background-color: #1E88E5;
    color: #FFFFFF
}

i.inverted.simple.rounded.primary.icon,i.inverted.simple.circular.primary.icon {
    background-color: #EBF2FF;
    color: #e22429
}

i.inverted.simple.rounded.secondary.icon,i.inverted.simple.circular.secondary.icon {
    background-color: #F1F2F4;
    color: #77838f
}

i.inverted.simple.rounded.positive.icon,i.inverted.simple.circular.positive.icon {
    background-color: #E5F9F6;
    color: #00c9a7
}

i.inverted.simple.rounded.negative.icon,i.inverted.simple.circular.negative.icon {
    background-color: #FCECEB;
    color: #de4437
}

i.inverted.twitter.icon {
    background-color: #00BFFF;
    color: #FFFFFF
}

i.inverted.facebook.icon {
    background-color: #128BDB;
    color: #FFFFFF
}

i.inverted.youtube.icon {
    background-color: #E20000;
    color: #FFFFFF
}

i.inverted.google.icon {
    background-color: #E20000;
    color: #FFFFFF
}

i.inverted.instagram.icon {
    background-color: #0569AA;
    color: #FFFFFF
}

.wojo.icons {
    display: flex;
    flex-flow: row wrap
}

.wojo.icons .icon,.wojo.icons a {
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: .5em;
    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.medium.circular.icon {
    line-height: 2.5rem;
    width: 2.5rem;
    height: 2.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: 0 1px 4px 0 rgba(0,0,0,.14)
}

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.250em
}

.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;
    border: 2px solid #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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wojo.centered.image img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wojo.image > .indicating.label {
    position: absolute;
    border: 2px solid #fff;
    bottom: 0;
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25)
}

.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%);
    transform: translateY(-50%, -50%);
    position: absolute;
    font-weight: 500;
    font-size: 2em
}

.wojo.image .meta .date > span {
    font-size: 1rem;
    display: block
}

.wojo.image .description {
    padding: .5em;
    background-color: #F6F7F8
}

.wojo.image.lightbox span.viewer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #e22429;
    border-radius: 50%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.wojo.image.lightbox span.viewer .icon {
    line-height: 2.5rem
}

.wojo.image.lightbox:hover span.viewer {
    opacity: 1;
    visibility: visible
}

.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.image.cover {
    height: 100vh;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wojo.image.fill {
    height: 100vh;
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.wojo.hero.image {
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.wojo.hero.image::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background: -webkit-linear-gradient(bottom, #1e2022 0%, transparent 75%);
    background: linear-gradient(0deg, #1e2022 0%, transparent 75%);
    background-repeat: repeat-x;
    border-radius: 0.25rem;
    -webkit-transition: opacity 0.45s;
    transition: opacity 0.45s
}

.wojo.hero.image:hover::before {
    background: -webkit-linear-gradient(bottom, #1e2022 0%, transparent 75%);
    background: linear-gradient(0deg, #1e2022 0%, transparent 75%);
    opacity: 0
}

.wojo.hover.slide {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}

.wojo.hover.slide.rounded {
    border-radius: .250rem
}

.wojo.hover .item {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block
}

.wojo.hover.rounded .item {
    border-radius: .250rem
}

.wojo.hover .media {
    display: block;
    top: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.wojo.hover.rounded .media {
    border-radius: .250rem
}

.wojo.hover .caption {
    display: block;
    height: auto;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    width: 100%;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    background-color: #e22429;
    padding: 1rem;
    color: #fff;
    text-align: center
}

.wojo.hover:hover .media {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.wojo.hover:hover .caption {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.wojo.tiny.images .image,.wojo.tiny.images img,.wojo.tiny.image {
    width: 24px;
    font-size: 0.7rem
}

.wojo.mini.images .image,.wojo.mini.images img,.wojo.mini.image {
    width: 32px;
    font-size: 0.8rem
}

.wojo.small.images .image,.wojo.small.images img,.wojo.small.image {
    width: 64px;
    font-size: 0.9rem
}

.wojo.normal.images .image,.wojo.normal.images img,.wojo.normal.image {
    width: 128px;
    font-size: 0.9rem
}

.wojo.medium.images .image,.wojo.medium.images img,.wojo.medium.image {
    width: 160px;
    font-size: 1rem
}

.wojo.large.images .image,.wojo.large.images img,.wojo.large.image {
    width: 256px;
    font-size: 1.1rem
}

.wojo.big.images .image,.wojo.big.images img,.wojo.big.image {
    width: 448px;
    font-size: 1.1rem
}

.wojo.huge.images .image,.wojo.huge.images img,.wojo.huge.image {
    width: 512px;
    font-size: 1.2rem
}

.wojo.massive.images .image,.wojo.massive.images img,.wojo.massive.image {
    width: 640px;
    font-size: 1.2rem
}

.wojo.images {
    font-size: 0;
    margin: 0 -0.25rem 0
}

.wojo.images .image,.wojo.images img {
    display: inline-block;
    margin: 0 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: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    vertical-align: baseline;
    background-color: rgba(200,203,206,1.00);
    padding: 0.5em 1.25em;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    border-radius: 6px;
    white-space: nowrap;
    position: relative;
    transition: background 0.1s ease
}

.wojo.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #C8CBCE;
    color: #999
}

.wojo.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.wojo.ribbon::before,.wojo.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #AFB3B8
}

.wojo.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 1em 0;
    background-color: #C8CBCE;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center
}

.wojo.ribbon.top.left {
    top: -10px;
    left: -10px
}

.wojo.ribbon.top.left::before,.wojo.ribbon.top.left::after {
    border-top-color: transparent;
    border-left-color: transparent
}

.wojo.ribbon.top.left::before {
    top: 0;
    right: 0
}

.wojo.ribbon.top.left::after {
    bottom: 0;
    left: 0
}

.wojo.ribbon.top.left span {
    right: -20px;
    top: 30px;
    transform: rotate(-45deg)
}

.wojo.ribbon.top.right {
    top: -10px;
    right: -10px
}

.wojo.ribbon.top-right::before,.wojo.ribbon.top-right::after {
    border-top-color: transparent;
    border-right-color: transparent
}

.wojo.ribbon.top.right::before {
    top: 0;
    left: 0
}

.wojo.ribbon.top.right::after {
    bottom: 0;
    right: 0
}

.wojo.ribbon.top.right span {
    left: -20px;
    top: 30px;
    transform: rotate(45deg)
}

.wojo.primary.label {
    background-color: #EBF2FF;
    color: #e22429
}

.wojo.primary.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #e22429;
    color: #e22429
}

.wojo.primary.ribbon span {
    background-color: #e22429;
    color: #EBF2FF
}

.wojo.primary.ribbon::before,.wojo.primary.ribbon::after {
    border: 5px solid #1B6BFF
}

.wojo.secondary.label {
    background-color: #F1F2F4;
    color: #77838f
}

.wojo.secondary.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #F1F2F4;
    color: #77838f
}

.wojo.secondary.ribbon span {
    background-color: #77838f;
    color: #F1F2F4
}

.wojo.secondary.ribbon::before,.wojo.secondary.ribbon::after {
    border: 5px solid #6C7883
}

.wojo.positive.label {
    background-color: #2d2c2c;
    color: #e22429;
}

.wojo.positive.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #00c9a7;
    color: #00c9a7
}

.wojo.positive.ribbon span {
    background-color: #00c9a7;
    color: #E5F9F6
}

.wojo.positive.ribbon::before,.wojo.positive.ribbon::after {
    border: 5px solid #00B395
}

.wojo.negative.label {
    background-color: #FCECEB;
    color: #de4437
}

.wojo.negative.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #FCECEB;
    color: #de4437
}

.wojo.negative.ribbon span {
    background-color: #de4437;
    color: #FCECEB
}

.wojo.negative.ribbon::before,.wojo.negative.ribbon::after {
    border: 5px solid #CC2E21
}

.wojo.alert.label {
    background-color: #FFF9E6;
    color: #ffc107
}

.wojo.alert.basic.label {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #FFF9E6;
    color: #ffc107
}

.wojo.alert.ribbon span {
    background-color: #ffc107;
    color: #FFF9E6
}

.wojo.alert.ribbon::before,.wojo.alert.ribbon::after {
    border: 5px solid #EBB000
}

.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.ribbon span {
    background-color: #FFF;
    color: #999
}

.wojo.white.ribbon::before,.wojo.white.ribbon::after {
    border: 5px solid #F5F5F5
}

.wojo.transparent.label {
    background-color: rgba(255,255,255,0.1)
}

.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;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease 0s;
    width: 0.625rem
}

.wojo.indicating.label {
    position: absolute;
    border: 2px solid #fff;
    bottom: 4px;
    left: 4px;
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25)
}

.wojo.fitted.label {
    margin: 0!important
}

.wojo.link.label {
    cursor: pointer
}

.wojo.tiny.label {
    font-size: 0.6875rem
}

.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.small.initials.circular.label {
    min-width: 1.5rem;
    min-height: 1.5em;
    width: 1.5em;
    height: 1.5rem;
    line-height: 1.5rem
}

.wojo.large.initials.circular.label {
    min-width: 3rem;
    min-height: 3em;
    width: 3em;
    height: 3rem;
    line-height: 3rem;
    font-size: inherit
}

.wojo.big.initials.circular.label {
    min-width: 4rem;
    min-height: 4em;
    width: 4em;
    height: 4rem;
    line-height: 4rem;
    font-size: inherit
}

.wojo.empty.big.label {
    width: 1.25rem;
    height: 1.25rem
}

.wojo.gigantic.labels .label,.wojo.gigantic.label {
    font-size: 2.5rem
}

.wojo.gigantic.initials.circular.label {
    min-width: 3rem;
    min-height: 3em;
    width: 3em;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    margin: 0
}

.wojo.circular.gigantic.labels .label,.wojo.circular.gigantic.label {
    min-width: 3em;
    min-height: 3em;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem
}

.wojo.form {
    position: relative;
    max-width: 100%
}

.wojo.form > p {
    margin: 1em 0em
}

.wojo.form .field > label {
    display: block;
    margin: 0em 0em 0.5rem 0em;
    color: #1E2022;
    font-size: 0.812rem;
    font-weight: 600;
    text-transform: uppercase
}

.wojo.form .field label .icon.asterisk {
    font-size: .750em;
    vertical-align: middle;
    color: #ff6f80
}

.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"] {
    width: 100%;
    vertical-align: top
}

.wojo.form ::-webkit-datetime-edit, .wojo.form ::-webkit-inner-spin-button {
    height: 1.2142em
}

.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: inherit;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1;
    padding: 1em 1.5em;
    font-size: 1rem;
    background: #FFFFFF;
    border: 1px solid #d4d7dd;
    color: #1E2022;
    border-radius: .250em;
    font-weight: 400;
    height: 50px;
    box-shadow: 0em 0em 0em 0em transparent inset;
    transition: all 0.2s ease-in-out
}

.wojo.form textarea {
    font-family: inherit;
    margin: 0em;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.750em 1.5em;
    background: #FFFFFF;
    border: 1px solid #d4d7dd;
    outline: none;
    color: #1E2022;
    border-radius: .250em;
    font-weight: 400;
    box-shadow: 0em 0em 0em 0em transparent inset;
    transition: all 0.2s ease-in-out;
    font-size: 1rem;
    line-height: 1.2857;
    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 input.basic:not([type]),.wojo.form input.basic[type="date"],.wojo.form input.basic[type="datetime-local"],.wojo.form input.basic[type="email"],.wojo.form input.basic[type="number"],.wojo.form input.basic[type="password"],.wojo.form input.basic[type="search"],.wojo.form input.basic[type="tel"],.wojo.form input.basic[type="time"],.wojo.form input.basic[type="text"],.wojo.form input.basic[type="file"],.wojo.form input.basic[type="url"] {
    border: 1px solid transparent;
    border-bottom-color: #d4d7dd;
    border-radius: 0;
    padding: 1em 0
}

.wojo.form select {
    font-family: inherit;
    font-size: inherit;
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 0.75rem 2rem 0.75rem 1rem;
    line-height: 1.5;
    color: #8f95a0;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center;
    background-size: auto auto;
    background-size: 8px 10px;
    border: 1px solid #d4d7dd;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.wojo.form select.small {
    height: 36px;
    padding: 0.5rem 2rem 0.5rem 1rem;
    line-height: 1;
    font-size: .875rem
}

.wojo.select {
    display: inline-block;
    position: relative;
    outline: none
}

.wojo.select.fluid {
    display: block
}

.wojo.select p {
    margin: 0
}

.counter {
    padding: 5px 8px
}

.stopscroll {
    overflow: hidden
}

.wojo.select.open .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0.5em 1em;
    border: none;
    box-sizing: border-box;
    border-radius: 0.188rem
}

.wojo.select.open > .search > span,.wojo.select.open > .search > label {
    visibility: hidden
}

.mobile-ready,.hideselect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    box-sizing: border-box;
    opacity: 0
}

.mobile-ready {
    z-index: 1
}

.wojo.select > .menu > .options li.item label,.wojo.select > .counter,.wojo.select .all > label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wojo.select:focus > .counter,.wojo.select:hover > .counter,.wojo.select.open > .counter {
    box-shadow: 0 0 25px rgba(55,125,255,0.1);
    color: #1E2022;
    border-color: #e22429
}

.wojo.select > .counter {
    position: relative;
    min-height: 1em;
    background-color: #fff;
    margin: 0;
    line-height: 1;
    padding: 1em 1.5em;
    font-size: 1rem;
    border: 1px solid #d4d7dd;
    color: #1E2022;
    border-radius: .250em;
    transition: all 0.5s ease-in-out
}

.wojo.select > .counter > span {
    display: block;
    padding-right: 2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default
}

.wojo.select > .counter > span.placeholder {
    color: #8c98a4;
    font-style: italic
}

.wojo.select > .counter > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.5em
}

.wojo.select > .counter > label > i {
    width: 1em;
    height: 1em;
    line-height: 1em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.8
}

.wojo.loading.select .counter label > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    border-radius: 500rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 4px solid rgba(0, 0, 0, 0.15);
    margin: 0
}

.wojo.loading.select .counter label > i.icon:after {
    position: absolute;
    content: '';
    top: calc(50% - .750em);
    left: calc(50% - 1.25em);
    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
}

@-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.select > .menu {
    opacity: 0;
    -webkit-transform: translate(0, 0)scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
    pointer-events: none;
    z-index: 1100;
    top: Calc(100% + 4px);
    width: 100%;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 5px 15px rgba(55, 125, 255, 0.075), 0 5px 15px rgba(119, 131, 143, 0.075);
    border: 1px solid #e22429;
    border-radius: .250em;
    overflow: hidden
}

.wojo.select.open > .menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto
}

.wojo.select.open {
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.03)
}

.wojo.select.open > .menu.upward {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px
}

.wojo.select > .menu ul {
    list-style: none;
    display: block;
    padding: 0.5em;
    margin: 0;
    overflow: auto
}

.wojo.select > .menu > .options {
    border-radius: .188em;
    position: relative;
    max-height: 250px
}

.wojo.select > .menu.controls > .options {
    border-radius: .250em
}

.wojo.select > .menu.selall > .options {
    border-radius: .250em
}

.wojo.select > .menu.selall.controls > .options {
    border-radius: 0
}

.wojo.select > .menu > .options li.group.disabled > label {
    opacity: 0.5
}

.wojo.select > .menu.floating > .options {
    max-height: 100%;
    box-shadow: 0 0 100px #595959
}

.wojo.select > .menu > .options li.item,.wojo.select .all {
    position: relative;
    padding: 0.5em 1em;
    white-space: normal;
    word-wrap: normal;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    border-radius: 0.250em;
    transition: all 150ms linear 0s
}

.wojo.select .all {
    padding: 0.5em 1.5em
}

.wojo.select > .menu > .options > li.item:first-child {
}

.wojo.select > .menu.selall > .options > li.item:first-child {
    border-radius: 0
}

.wojo.select > .menu > .options > li.item:last-child {
}

.wojo.select > .menu.controls > .options > li.item:last-child {
    border-radius: 0
}

.wojo.select > .menu > .options li.item:hover {
    background-color: #EBF2FF;
    color: #e22429
}

.wojo.select .all {
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

.wojo.select > .menu > .options li label,.wojo.select .all > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 0px;
    min-width: 0;
    cursor: pointer
}

.wojo.select > .menu > .options li span,.wojo.select .all > span {
    display: flex;
    flex-flow: row wrap;
    width: 1em;
    height: 1em;
    margin-right: 1em;
    position: relative;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer
}

.wojo.select .all > label {
    color: #000;
    font-size: 0.875em;
    font-weight: 500
}

.wojo.select > .menu > .options li.group > label {
    cursor: default;
    padding: 0.75em 0.5em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.750em;
    text-transform: uppercase
}

.wojo.select > .menu.floating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%
}

.wojo.select > .menu > .options li.item.selected {
    background-color: #e22429;
    color: #EBF2FF;
    pointer-events: none
}

.wojo.select > .menu > .options li.item.disabled {
    background-color: inherit;
    pointer-events: none
}

.wojo.select > .menu > .options li.item.disabled * {
    opacity: 0.5
}

.wojo.select > .menu.multiple > .options li.item {
    cursor: pointer
}

.wojo.select > .menu.multiple > .options li.item.selected {
    pointer-events: auto;
    box-shadow: none;
    background-color: #FFFFFF;
    color: #000
}

.wojo.select > .menu.multiple > .options li.item.selected span:after, .wojo.select .all.selected > span:after {
    width: 1em;
    height: 1em;
    border-radius: 0.188em;
    content: '';
    position: absolute;
    background-color: #e22429;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    top: -.125em;
    left: -.125em
}

.wojo.select > .menu > .actions {
    display: none;
    border-top: 1px solid #f5f5f5;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 0 .188em .188em
}

.wojo.select > .menu.multiple.floating > .actions {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.wojo.select > .menu.multiple.controls > .actions {
    display: block
}

.wojo.select > .menu.multiple > .actions > button {
    display: inline-block;
    cursor: pointer;
    width: 50%;
    outline: none;
    border: 0;
    vertical-align: baseline;
    text-align: center;
    padding: 0.625em 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    will-change: '';
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    font-style: normal;
    text-decoration: none;
    font-size: 1rem
}

.wojo.select > .menu.multiple > .actions > button.btnOk {
    border-radius: 0 0 0 .188em;
    background-color: #673AB7;
    color: #FFFFFF;
    border: 1px solid #fff;
    border-width: 0 0 1px 1px;
    box-shadow: 1px 0 0 0 #FFFFFF
}

.wojo.select > .menu.multiple > .actions > button.btnCancel {
    border-radius: 0 0 .188em 0;
    background-color: #F44336;
    color: #FFFFFF;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    box-shadow: -1px 0 0 0 #FFFFFF
}

.wojo.select > .menu.multiple.floating {
    padding-bottom: 4em
}

.wojo.select.disabled {
    opacity: 0.7;
    cursor: not-allowed
}

.wojo.select.disabled > .counter {
    border-color: #ccc;
    box-shadow: none
}

.wojo.select > .menu > .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline
}

.wojo.select > .menu > .options li.item.filtered {
    display: none
}

.wojo.select .text {
    display: none;
    outline: none
}

.wojo.select .notice {
    display: none;
    padding: 0.5em;
    background-color: #F44336;
    color: #fff
}

.wojo.checkbox {
    position: relative;
    padding: 0 0 0 2.5rem;
    text-align: left;
    line-height: 1;
    margin-bottom: 1.5em
}

.wojo.checkbox.inline {
    display: inline-flex;
    margin-right: 1.5em
}

.wojo.checkbox.inline > * {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    max-width: 100%
}

.wojo.checkbox label {
    cursor: pointer;
    color: #8c98a4;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wojo.checkbox label:before,.wojo.checkbox label:after {
    content: '';
    position: absolute;
    top: 50%
}

.wojo.checkbox.radio label:before,.wojo.checkbox.radio label:after {
    border-radius: 50%
}

.wojo.checkbox label:before {
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border: 2px solid #EBF2FF;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wojo.checkbox label:after {
    left: 0.250rem;
    width: 1rem;
    height: 1rem;
    margin: -.5rem 0 0;
    opacity: 0;
    background: #e22429;
    -webkit-transform: translate3d(-20px, 0, 0) scale(0.5);
    transform: translate3d(-20px, 0, 0) scale(0.5);
    transition: all .35s ease
}

.wojo.checkbox.small label:before {
    width: 1rem;
    height: 1rem
}

.wojo.checkbox.small label:after {
    width: 0.5rem;
    height: 0.5rem;
    margin: -.25rem 0 0
}

.wojo.checkbox input[type="radio"],.wojo.checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: -9999px;
    visibility: hidden
}

.wojo.checkbox input[type="radio"]:checked + label:after,.wojo.checkbox input[type="checkbox"]:checked + label:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: all .20s ease
}

.wojo.toggle.checkbox {
    padding: 0 0 0 3.5rem
}

.wojo.toggle.checkbox label:before,.wojo.toggle.checkbox label:after {
    content: "";
    position: absolute;
    margin: 0;
    outline: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.3s ease
}

.wojo.toggle.checkbox label:before {
    left: 0;
    width: 2.5rem;
    height: .875rem;
    background-color: #EBF2FF;
    border-radius: .5rem;
    border: 0
}

.wojo.toggle.checkbox label:after {
    left: 0;
    opacity: 1;
    width: 1.250rem;
    height: 1.250rem;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084)
}

.wojo.toggle.checkbox input[type="radio"]:checked + label:before,.wojo.toggle.checkbox input[type="checkbox"]:checked + label:before {
    background-color: #e22429
}

.wojo.toggle.checkbox input[type="radio"]:checked + label:after,.wojo.toggle.checkbox input[type="checkbox"]:checked + label:after {
    border-color: #e22429;
    -webkit-transform: translate(90%, -50%);
    transform: translate(90%, -50%)
}

.wojo.checkbox input[type="radio"]:checked + label,.wojo.checkbox input[type="checkbox"]:checked + label {
    color: #1E2022
}

.wojo.checkbox.fitted {
    margin-bottom: 0
}

.wojo.form .field.field input:-webkit-autofill {
    box-shadow: 0px 0px 0px 100px #FFFFFF inset !important;
    border-color: #FFFFFF !important
}

.wojo.form .field.field input:-webkit-autofill:focus {
    box-shadow: 0px 0px 0px 100px #FFFFFF inset !important;
    border-color: #FFFFFF !important
}

.wojo.form .error.error input:-webkit-autofill {
    box-shadow: 0px 0px 0px 100px #FFFAFF inset !important;
    border-color: #e7bdbc !important
}

.wojo.form ::-webkit-input-placeholder {
    color: #8c98a4
}

.wojo.form :-ms-input-placeholder {
    color: #8c98a4
}

.wojo.form ::-moz-placeholder {
    color: #8c98a4
}

.wojo.form :focus::-webkit-input-placeholder {
    color: #1E2022
}

.wojo.form :focus:-ms-input-placeholder {
    color: #1E2022
}

.wojo.form :focus::-moz-placeholder {
    color: #1E2022
}

.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: #e7bdbc
}

.wojo.form .error :focus:-ms-input-placeholder {
    color: #e7bdbc !important
}

.wojo.form .error :focus::-moz-placeholder {
    color: #e7bdbc
}

.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: #1E2022;
    border-color: #e22429;
    border-radius: 0.250rem;
    background: #FFFFFF;
    box-shadow: 0 0 25px rgba(55,125,255,0.1)
}

.wojo.form textarea:focus {
    color: #1E2022;
    border-color: #e22429;
    border-radius: 0.250rem;
    background: #FFFFFF;
    box-shadow: 0 0 25px rgba(55,125,255,0.1);
    -webkit-appearance: none
}

.wojo.form input.basic:not([type]):focus,.wojo.form input.basic[type="date"]:focus,.wojo.form input.basic[type="datetime-local"]:focus,.wojo.form input.basic[type="email"]:focus,.wojo.form input.basic[type="number"]:focus,.wojo.form input.basic[type="password"]:focus,.wojo.form input.basic[type="search"]:focus,.wojo.form input.basic[type="tel"]:focus,.wojo.form input.basic[type="time"]:focus,.wojo.form input.basic[type="text"]:focus,.wojo.form input.basic[type="file"]:focus,.wojo.form input.basic[type="url"]:focus {
    color: #1E2022;
    border: 1px solid transparent;
    border-bottom-color: #e22429;
    border-radius: 0;
    box-shadow: 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: #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 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
}

.ezdz-dropzone.small {
    width: 80px;
    height: 80px
}

.ezdz-dropzone.small > div {
    display: table-cell;
    vertical-align: middle;
    max-width: 80px;
    max-height: 80px
}

.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 * {
    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: none;
    -ms-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: linear-gradient(to right, #fff, rgba(204, 154, 129, 0))
}

.sp-val {
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0))
}

.sp-hue {
    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 {
    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;
    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: 'wSansBold';
    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;
    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 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: 'wSansBold';
    font-size: .625rem;
    line-height: 1;
    position: absolute;
    top: -1.75em;
    white-space: nowrap
}

.wojo.range .back-bar .pointer-label.low {
    left: 0
}

.wojo.range .back-bar .pointer-label.high {
    right: 0
}

.wojo.range .back-bar .pointer.last-active {
    z-index: 3
}

.wojo.range .back-bar .pointer-label.focused {
    color: #8c98a4
}

.wojo.range .back-bar .selected-bar {
    background-color: #e22429;
    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: #d4d7dd;
    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 #d4d7dd;
    font-size: 0;
    height: 5px;
    position: absolute
}

.wojo.range.slider-readonly .clickable-dummy,.wojo.range.slider-readonly .pointer {
    cursor: auto
}

.wojo.fields {
    display: flex;
    flex-direction: row;
    margin-left: -2em
}

.wojo.fields .field {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 2em;
    margin-bottom: 2em
}

.wojo.block.fields {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    margin-bottom: 0
}

.wojo.block.fields .field {
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    min-width: 0;
    padding-left: 0;
    margin-bottom: 2em
}

.wojo.fields .field.one.wide {
    flex: 0 0 10%;
    max-width: 10%
}

.wojo.fields .field.two.wide {
    flex: 0 0 20%;
    max-width: 20%
}

.wojo.fields .field.three.wide {
    flex: 0 0 30%;
    max-width: 30%
}

.wojo.fields .field.four.wide {
    flex: 0 0 40%;
    max-width: 40%
}

.wojo.fields .field.five.wide {
    flex: 0 0 50%;
    max-width: 50%
}

.wojo.fields .field.six.wide {
    flex: 0 0 60%;
    max-width: 60%
}

.wojo.fields .field.seven.wide {
    flex: 0 0 70%;
    max-width: 70%
}

.wojo.fields .field.eight.wide {
    flex: 0 0 80%;
    max-width: 80%
}

.wojo.fields .field.nine.wide {
    flex: 0 0 90%;
    max-width: 90%
}

.field.align-middle {
    -ms-grid-row-align: center;
    align-self: center
}

.field.align-top {
    align-self: flex-start
}

.field.align-bottom {
    align-self: flex-end
}

.wojo.inline.fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.wojo.inline.fields .field {
    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 {
    flex: 0 0 auto;
    max-width: 100%
}

.wojo.half.fields {
    margin-left: -1em
}

.wojo.half.fields .field {
    padding-left: 1em;
    margin-bottom: 1em
}

.wojo.fields.disabled .field,.wojo.fields .field :disabled {
    pointer-events: none;
    opacity: 0.45
}

.wojo.fields .field.disabled label {
    opacity: 0.45
}

.wojo.fields .field.disabled :disabled {
    opacity: 1
}

[data-editable=true]:before {
    font-family : "WojoIcons";
    content: "\e9ff";
    margin-right: .5em;
    vertical-align: middle;
    opacity: .35
}

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

@media screen and (max-width: 48.063em) {
    .wojo.fields {
        display:flex;
        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 {
        flex: 0 1 auto;
        max-width: 100%;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        min-width: 0;
        padding-left: 0
    }

    .wojo.fields .field.labeled {
        margin-bottom: 0
    }

    .wojo.inline.fields {
        flex-direction: row;
        align-items: center;
        margin-left: -2em
    }

    .wojo.inline.fields .field {
        flex: 0 1 auto;
        padding-left: 2em
    }
}

.wojo.mini.form {
    font-size: 0.750rem
}

.wojo.tiny.form {
    font-size: 0.813rem
}

.wojo.small.form {
    font-size: 0.875rem
}

.wojo.small.fields .field {
    margin-bottom: 1em
}

.wojo.form {
    font-size: 1rem
}

.wojo.large.form {
    font-size: 1.125rem
}

.wojo.big.form {
    font-size: 1.250rem
}

.wojo.huge.form {
    font-size: 1.375rem
}

.wojo.massive.form {
    font-size: 1.625rem
}

.wojo.input {
    position: relative;
    font-weight: normal;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    border: none;
    border: 1px solid transparent;
    box-shadow: 0 0 25px rgba(119, 131, 143, 0.1);
    border-radius: 2em;
    transition: all 0.2s ease-in-out;
    background-color: #FFFFFF
}

.wojo.input input,.wojo.form .wojo.input input,.wojo.form .wojo.input textarea {
    margin: 0em;
    outline: none;
    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;
    border: 0;
    padding: 1em 1.5em;
    color: #1e2022;
    border-radius: 2em;
    box-shadow: none;
    transition: all 0.2s ease-in-out
}

.wojo.input input::-webkit-input-placeholder {
    color: #8c98a4
}

.wojo.input input::-moz-placeholder {
    color: #8c98a4
}

.wojo.input input:-ms-input-placeholder {
    color: #8c98a4
}

.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;
    -webkit-transform: translate(-50%, -50%);
    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 {
    color: #1E2022;
    border: 1px solid #e22429;
    background: #FFFFFF;
    box-shadow: 0 0 25px rgba(55,125,255,0.1)
}

.wojo.input.focus input::-webkit-input-placeholder, .wojo.input input:focus::-webkit-input-placeholder {
    color: #1e2022
}

.wojo.input.focus input::-moz-placeholder, .wojo.input input:focus::-moz-placeholder {
    color: #1e2022
}

.wojo.input.focus input:-ms-input-placeholder, .wojo.input input:focus:-ms-input-placeholder {
    color: #1e2022
}

.wojo.input.transparent input:focus {
    box-shadow: 0px 0em 0em 0em transparent inset;
    border-color: transparent;
    background-color: transparent
}

.wojo.simple.input:before {
    background: rgba(0,0,0,0)
}

.wojo.transparent.input input {
    border-color: transparent;
    background-color: transparent;
    border-radius: 0px
}

.wojo.transparent.icon.input > i.icon {
    width: 1.1em
}

.wojo.transparent.icon.input > input {
    padding-left: 0em;
    padding-right: 2em
}

.wojo.transparent.left.icon.input > input {
    padding-left: 2em;
    padding-right: 0em
}

.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 > i.icon,.wojo.icon.input > button,.wojo.icon.input > .button {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap
}

.wojo.icon.input > i.icon {
    line-height: 1;
    padding: 0 1em
}

.wojo.icon.input > i.icon.circular {
    padding: 1em
}

.wojo.icon.input:not(.right) input {
    padding-left: 0!important
}

.wojo.labeled.input > .label {
    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 {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap;
    margin: 0em 0em 0em 0em
}

.wojo.input .tag.label {
    margin-right: 2px;
    background-color: #1E88E5;
    display: inline;
    padding: 0.5em .75em;
    font-size: .750em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .188em
}

.wojo.input .tag [data-role="remove"] {
    margin-left: .5em;
    cursor: pointer
}

.wojo.input .tag [data-role="remove"]::after {
    content: "x";
    padding: 0px 2px;
    font-weight: 700
}

.wojo.fluid.input {
    display: flex
}

.wojo.fluid.input > input {
    flex: 1 1 0px;
    min-width: 0
}

.wojo.mini.input input {
    font-size: 0.750rem
}

.wojo.tiny.input input {
    font-size: 0.813rem
}

.wojo.small.input input {
    font-size: 0.875rem
}

.wojo.input input {
    font-size: 1rem
}

.wojo.large.input input {
    font-size: 1.125rem
}

.wojo.big.input input {
    font-size: 1.250rem
}

.wojo.huge.input {
    font-size: 1.375rem
}

.wojo.massive.input 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,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: middle;
    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: middle
}

.wojo.list .list > .item > .image,.wojo.list > .item > .image {
    display: table-cell;
    background-color: transparent;
    margin: 0em;
    vertical-align: middle
}

.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: middle
}

.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 1em;
    vertical-align: middle
}

.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-weight: 600
}

.wojo.list .list > .item .description,.wojo.list > .item .description {
    display: block;
    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-flex;
    flex-flow: row wrap
}

.wojo.horizontal.list > .item {
    display: inline-flex;
    margin-left: 1em;
    font-size: 1rem;
    align-items: center
}

.wojo.horizontal.list:not(.celled):not(.bulleted) > .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.65)
}

.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.7)
}

.wojo.inverted.list .list > a.item:hover,.wojo.inverted.list > a.item:hover {
    color: rgba(255, 255, 255, 0.9)
}

.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: #8B8B8B;
    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: #e22429;
    cursor: default
}

.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;
    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: #e22429
}

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 {
}

ul.wojo.horizontal.bulleted.list li::before,.wojo.horizontal.bulleted.list > .item::before {
    color: #e22429
}

ul.wojo.horizontal.bulleted.list li:first-child::before,.wojo.horizontal.bulleted.list > .item:first-child::before {
}

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
}

.wojo.divided.list > .item .intro {
    padding-right: .250rem
}

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.5em
}

.wojo.relaxed.list:not(.horizontal) > .item:not(:last-child) {
    padding-bottom: 0.5em
}

.wojo.horizontal.relaxed.list .list > .item:not(:first-child),.wojo.horizontal.relaxed.list > .item:not(:first-child) {
    padding-left: 1rem
}

.wojo.horizontal.relaxed.list .list > .item:not(:last-child),.wojo.horizontal.relaxed.list > .item:not(:last-child) {
    padding-right: 1rem
}

.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
    padding-top: 0.875em
}

.wojo[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
    padding-bottom: 0.875em
}

.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),.wojo.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
    padding-left: 1.5rem
}

.wojo.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),.wojo.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
    padding-right: 1.5rem
}

.wojo.flex.list .item {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap
}

.wojo.flex.list .item .content {
    flex: 1 1 0px;
    min-width: 0
}

.wojo.flex.list.align-middle .item {
    align-items: center
}

.wojo.flex.list .item .content.shrink {
    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 #e7eaf3;
    display: block;
    position: relative
}

ul.vertical-menu li a {
    display: inline-block;
    position: relative;
    padding: .5em 0;
    color: #77838f;
    font-weight: 300
}

ul.vertical-menu li a:hover,ul.vertical-menu li a.active {
    color: #e22429
}

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-weight: 600
}

ul.vertical-menu .menu-submenu {
    display: none;
    top: 0
}

ul.vertical-menu .menu-submenu li {
    border-bottom: 0;
    border-top: 1px solid #e7eaf3;
    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: 13px 0
}

.wojo.step.list .item {
    position: relative;
    padding: 1rem 0 1rem 2.5rem;
    margin: 0
}

.wojo.step.list .item:first-child {
    padding: 0 0 1rem 2.5rem
}

.wojo.step.list .item:first-child::after {
    height: 50%;
    top: auto
}

.wojo.step.list .item:last-child::after {
    height: 50%;
    bottom: auto
}

.wojo.step.list .item::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -.3125rem;
    width: .0625rem;
    height: 100%;
    border-right: 1px solid #e7eaf3;
    margin: auto auto auto 0;
    content: "";
    visibility: visible
}

.wojo.step.list .item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -.25rem;
    width: 2rem;
    height: .0625rem;
    border-top: 1px solid #e7eaf3;
    margin: auto auto auto 0;
    content: ""
}

.wojo.step.list .item > .content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    border: 1px solid #e7eaf3;
    border-radius: 0.25rem;
    padding: 2em
}

.wojo.step.list .item > .content > .description {
    padding-left: 2rem;
    margin: 0
}

.wojo.step.list .item > .content > * {
    flex: 1 1 0px;
    min-width: 0
}

.wojo.step.list .item > .content .shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.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.938rem
}

.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.938rem
}

.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: 2rem 0em;
    padding: 2em;
    border-radius: .250rem;
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.125)
}

.wojo.top.attached.segment {
    margin-top: 0px;
    margin-bottom: 2em
}

.wojo.bottom.attached.segment {
    margin-bottom: 0px;
    margin-top: 2em
}

.wojo.attached.segment {
    margin: 0 0
}

.wojo.basic.segment {
    box-shadow: 0 0 0 1px rgba(0,0,0,.14)
}

.wojo.simple.segment {
    box-shadow: none
}

.wojo.fitted.segment {
    padding: 0
}

.wojo.passive.segment {
    box-shadow: none;
    padding: 0
}

.wojo.segment.active {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.14), 0px 7px 10px -5px rgba(0,0,0, 0.4)
}

.wojo.plugin.segment {
    box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
    border: 1px solid #e7eaf3
}

.wojo.loading.segment .wojo.loader {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    transition: all 0s linear
}

.wojo.loading.segment::before,.wojo.loader::before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 0.250;
    z-index: 100
}

.wojo.loading.segment::after,.wojo.loader::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
}

.wojo.small.loading.segment:after,.wojo.small.loader:after {
    margin: -1em 0em 0em -1em;
    width: 2em;
    height: 2em
}

@-webkit-keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.wojo.relaxed.segment {
    padding: 3em
}

.wojo.very.relaxed.segment {
    padding: 4em
}

.wojo.card {
    position: relative;
    background: #ffffff;
    margin: 2rem 0em;
    padding: 2em;
    border-radius: .250rem;
    box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
    display: flex;
    flex: 1 0 0%;
    align-content: stretch;
    flex-direction: column
}

.wojo.card > .content {
    padding: 2em;
    flex: 0 1 auto
}

.wojo.card > .footer,.wojo.cards .card > .footer {
    padding: 1.5em 2em;
    flex: 0 1 auto;
    border-radius: 0 0 .250rem .250rem
}

.wojo.card > .divided.footer,.wojo.cards .card > .divided.footer {
    border-top: 1px solid #e7eaf3
}

.wojo.card > .fitted.footer,.wojo.cards .card > .fitted.footer {
    padding: 0
}

.wojo.card .header:first-child {
    border-radius: .250rem .250rem 0 0
}

.wojo.photo.card {
    padding: 0
}

.wojo.photo.card > .image,.wojo.cards .photo.card > img {
    border-radius: .250rem .250rem 0 0
}

.wojo.photo.card.only > .image {
    border-radius: .250rem
}

.wojo.top.attached.card {
    margin-top: 0px;
    margin-bottom: 2em
}

.wojo.bottom.attached.card {
    margin-bottom: 0px;
    margin-top: 2em
}

.wojo.attached.card {
    margin: 0 0
}

.wojo.primary.card {
    background-color: #e22429;
    color: #ffffff;
    box-shadow: 0 0 50px rgba(55, 125, 255, 0.4)
}

.wojo.primary.card .header {
    color: #ffffff
}

.wojo.positive.card {
    background-color: #00c9a7;
    color: #ffffff;
    box-shadow: 0 0 50px rgba(0,201,167,0.4)
}

.wojo.positive.card .header {
    color: #ffffff
}

.wojo.negative.card {
    background-color: #de4437;
    color: #ffffff;
    box-shadow: 0 0 50px rgba(222,68,55,0.4)
}

.wojo.negative.card .header {
    color: #ffffff
}

.wojo.card.grid {
    display: flex;
    flex-flow: row wrap
}

.wojo.cards {
    display: flex;
    flex-flow: row wrap;
    margin-left: -1.5rem;
    flex-wrap: wrap
}

.wojo.cards .card {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e7eaf3;
    border-radius: 0.25rem;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative
}

.wojo.cards .card.full {
    flex-direction: column;
    display: flex
}

.wojo.cards .card > .content {
    padding: 2em
}

.wojo.cards .card > .content.bottom.attached {
    padding: 2em 2em 0 2em
}

.wojo.basic.card {
    box-shadow: none;
    padding: 0;
    margin: 0
}

.wojo.fitted.card {
    padding: 0;
    margin: 0
}

.wojo.transparent.card {
    background: transparent;
    box-shadow: none
}

.wojo.tall.cards .card > .content {
    padding: 8em 2em
}

.wojo.link.card {
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease
}

.wojo.link.card:hover {
    box-shadow: 0 0 35px rgba(55, 125, 255, 0.125);
    border: 1px solid rgba(55, 125, 255, 0.3)
}

.wojo.active.card,.wojo.cards .active.card {
    border-color: rgba(55, 125, 255, 0.3);
    box-shadow: 0 0 35px rgba(55, 125, 255, 0.125)
}

.wojo.basic.cards .card {
    border: 0;
    box-shadow: none
}

.wojo.card.grow,.wojo.card .content.grow {
    height: 100%
}

.wojo.cards .full.card > .footer {
    margin-top: auto
}

@media screen and (min-width: 64.063em) {
    .wojo.cards.screen-block-1,.wojo.cards.screen-block-2,.wojo.cards.screen-block-3,.wojo.cards.screen-block-4,.wojo.cards.screen-block-5 {
        flex-wrap:wrap
    }

    .wojo.cards.screen-block-1 > .card {
        flex: 0 0 calc(100% - 1.5rem);
        max-width: calc(100% - 1.5rem)
    }

    .wojo.cards.screen-block-2 > .card {
        flex: 0 0 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem)
    }

    .wojo.cards.screen-block-3 > .card {
        flex: 0 0 calc(100% / 3 - 1.5rem);
        max-width: calc(100% / 3 - 1.5rem)
    }

    .wojo.cards.screen-block-4 > .card {
        flex: 0 0 calc(25% - 1.5rem);
        max-width: calc(25% - 1.5rem)
    }

    .wojo.cards.screen-block-5 > .card {
        flex: 0 0 calc(20% - 1.5rem);
        max-width: calc(20% - 1.5rem)
    }
}

@media screen and (min-width: 40.625em) and (max-width:64em) {
    .wojo.cards.tablet-block-1,.wojo.cards.tablet-block-2,.wojo.cards.tablet-block-3,.wojo.cards.tablet-block-4,.wojo.cards.tablet-block-5 {
        flex-wrap:wrap
    }

    .wojo.cards.tablet-block-1 > .card {
        flex: 0 0 calc(100% - 1.5rem);
        max-width: calc(100% - 1.5rem)
    }

    .wojo.cards.tablet-block-2 > .card {
        flex: 0 0 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem)
    }

    .wojo.cards.tablet-block-3 > .card {
        flex: 0 0 calc(100% / 3 - 1.5rem);
        max-width: calc(100% / 3 - 1.5rem)
    }

    .wojo.cards.tablet-block-4 > .card {
        flex: 0 0 calc(25% - 1.5rem);
        max-width: calc(25% - 1.5rem)
    }

    .wojo.cards.tablet-block-5 > .card {
        flex: 0 0 calc(20% - 1.5rem);
        max-width: calc(20% - 1.5rem)
    }
}

@media screen and (max-width: 48.063em) {
    .wojo.cards.mobile-block-1,.wojo.cards.mobile-block-2,.wojo.cards.mobile-block-3,.wojo.cards.mobile-block-4,.wojo.cards.mobile-block-5 {
        flex-wrap:wrap
    }

    .wojo.cards.mobile-block-1 > .card {
        flex: 0 0 calc(100% - 1.5rem);
        max-width: calc(100% - 1.5rem)
    }

    .wojo.cards.mobile-block-2 > .card {
        flex: 0 0 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem)
    }

    .wojo.cards.mobile-block-3 > .card {
        flex: 0 0 calc(100% / 3 - 1.5rem);
        max-width: calc(100% / 3 - 1.5rem)
    }

    .wojo.cards.mobile-block-4 > .card {
        flex: 0 0 calc(25% - 1.5rem);
        max-width: calc(25% - 1.5rem)
    }

    .wojo.cards.mobile-block-5 > .card {
        flex: 0 0 calc(20% - 1.5rem);
        max-width: calc(20% - 1.5rem)
    }
}

@media screen and (max-width: 30em) {
    .wojo.cards.phone-block-1 > .card,.wojo.cards.phone-block-2 > .card,.wojo.cards.phone-block-3 > .card,.wojo.cards.phone-block-4 > .card,.wojo.cards.phone-block-5 > .card {
        flex:0 0 calc(100% - 1.5rem);
        max-width: calc(100% - 1.5rem)
    }
}

.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 {
    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-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-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-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-weight: 600;
    color: rgba(0, 0, 0, 0.95);
    font-size: 0.688rem;
    text-align: center
}

.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-weight: 600;
    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.dropdown.menu {
    position: absolute;
    z-index: 500;
    top: -5000px;
    left: -5000px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    border-radius: .188rem;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0,0,0,0.2);
    padding: .5em
}

.wojo.dropdown.menu.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto
}

.wojo.dropdown.menu.fixed {
    position: fixed
}

.wojo.dropdown.menu .pointer {
    height: 16px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0%;
    transform: translate(0px, -16px)
}

.wojo.dropdown.menu .pointer:after,.wojo.dropdown.menu.top-left .pointer:after,.wojo.dropdown.menu.top-center .pointer:after,.wojo.dropdown.menu.top-right .pointer:after {
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25);
    left: 50%;
    top: 12px;
    background: #fff;
    content: "";
    height: 12px;
    position: absolute;
    transform: rotate(45deg);
    width: 12px;
    margin-left: -8px
}

.wojo.dropdown.menu.top-left .pointer:after {
    left: 0;
    margin-left: 1em
}

.wojo.dropdown.menu.top-right .pointer:after {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 1em
}

.wojo.dropdown.menu.top-left,.wojo.dropdown.menu.top-center,.wojo.dropdown.menu.top-right {
    margin-top: 0.5em
}

.wojo.dropdown.pointing.top-left,.wojo.dropdown.pointing.top-center,.wojo.dropdown.pointing.top-right {
    margin-top: 1em
}

.wojo.dropdown.menu > .item > .icon,.wojo.dropdown.menu > .item > .label,.wojo.dropdown.menu > .item > .flag,.wojo.dropdown.menu > .item > .image,.wojo.dropdown.menu > .item > span,.wojo.dropdown.menu > .item > img {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0
}

.wojo.dropdown.menu > .item > .icon,.wojo.dropdown.menu > .item > .label,.wojo.dropdown.menu > .item > .flag,.wojo.dropdown.menu > .item > .image,.wojo.dropdown.menu > .item > img {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap
}

.wojo.dropdown.menu.nowrap {
    white-space: nowrap
}

.wojo.dropdown.menu a.item {
    position: relative;
    cursor: pointer;
    padding: 0.750rem 1.25rem;
    line-height: 1em;
    border-radius: .188em;
    font-size: 1em;
    color: #4C5B67;
    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-touch-callout: none;
    text-align: left;
    white-space: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wojo.dropdown.menu a.item:hover {
    background: #673AB7;
    color: rgba(255, 255, 255, 0.95)
}

.wojo.dropdown.menu a.item.selected {
    background-color: #673AB7;
    color: #fff
}

.wojo.dropdown.menu .divider {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    height: 0em;
    margin: 0.5em 0em
}

.wojo.dropdown.menu .basic.divider {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    height: 0;
    margin: 0
}

.wojo.dropdown.menu > .header {
    padding: 0.50rem 1.25rem;
    font-size: 1em;
    font-weight: 700;
    text-align: center
}

.wojo.dropdown.menu > .scrolling {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    padding: .5em 1em .5em .5em
}

.wojo.dropdown.menu.fluid {
    width: calc(100% - 2.5rem)
}

[data-dropdown] {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

[data-dropdown] > .text {
    padding-right: .5em
}

.wojo.dropdown.menu a.item.disabled {
    pointer-events: none;
    opacity: .75
}

.wojo.dropdown.menu.small a.item {
    padding: 0.50rem 1rem
}

.wojo.dropdown.menu.mini {
    font-size: 0.750rem
}

.wojo.dropdown.menu.tiny {
    font-size: 0.813rem
}

.wojo.dropdown.menu.small {
    font-size: 0.875rem
}

.wojo.dropdown.menu {
    font-size: 1rem
}

.wojo.dropdown.menu.large {
    font-size: 1.125rem
}

.wojo.dropdown.menu.big {
    font-size: 1.250rem
}

.wojo.dropdown.menu.huge {
    font-size: 1.375rem
}

.wojo.dropdown.menu.massive {
    font-size: 1.625rem
}

.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-size: 1.14285714em;
    line-height: 1.2;
    font-weight: 500
}

.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;
    transition: all 0.1s ease
}

[data-tooltip]:after {
    opacity: 1;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: all 0.1s ease
}

[data-tooltip]:hover:before,[data-tooltip]:hover:after {
    visibility: visible;
    pointer-events: auto
}

[data-tooltip]:hover:before {
    -webkit-transform: rotate(45deg) scale(1) !important;
    transform: rotate(45deg) scale(1) !important;
    opacity: 1
}

[data-tooltip]:after,[data-tooltip][data-position="top center"]:after,[data-tooltip][data-position="bottom center"]:after {
    -webkit-transform: translateX(-50%) scale(0) !important;
    transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after {
    -webkit-transform: translateX(-50%) scale(1) !important;
    transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after {
    -webkit-transform: translateY(-50%) scale(0) !important;
    transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after {
    -webkit-transform: translateY(-50%) scale(1) !important;
    transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after,[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after {
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important
}

[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after,[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
    box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
    background: #1B1C1D
}

[data-tooltip][data-inverted]:after {
    background: #1B1C1D;
    color: #FFFFFF;
    border: none;
    box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
    background-color: none;
    color: #FFFFFF
}

[data-position="top center"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0.5em
}

[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #FFFFFF;
    margin-left: -0.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: inline-flex;
    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: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.wojo.statistics > .statistic {
    display: inline-flex;
    flex: 0 1 auto;
    flex-direction: column;
    margin: 0em 1.5em 2em;
    max-width: auto
}

.wojo.statistics {
    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-weight: 300;
    font-size: 4rem;
    line-height: 1em;
    color: #1B1C1D;
    text-transform: uppercase;
    text-align: center
}

.wojo.statistics .statistic > .label,.wojo.statistic > .label {
    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-weight: 600;
    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 {
    flex-direction: row;
    align-items: center
}

.wojo.horizontal.statistics {
    flex-direction: column;
    margin: 0em;
    max-width: none
}

.wojo.horizontal.statistics .statistic {
    flex-direction: row;
    align-items: center;
    max-width: none;
    margin: 1em 0em
}

.wojo.horizontal.statistic > .text.value,.wojo.horizontal.statistics > .statistic > .text.value {
    min-height: 0em
}

.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
}

.wojo.mini.horizontal.statistics .statistic > .value,.wojo.mini.horizontal.statistic > .value {
    font-size: 1.5rem
}

.wojo.mini.statistics .statistic > .text.value,.wojo.mini.statistic > .text.value {
    font-size: 1rem
}

.wojo.tiny.statistics .statistic > .value,.wojo.tiny.statistic > .value {
    font-size: 2rem
}

.wojo.tiny.horizontal.statistics .statistic > .value,.wojo.tiny.horizontal.statistic > .value {
    font-size: 2rem
}

.wojo.tiny.statistics .statistic > .text.value,.wojo.tiny.statistic > .text.value {
    font-size: 1rem
}

.wojo.small.statistics .statistic > .value,.wojo.small.statistic > .value {
    font-size: 3rem
}

.wojo.small.horizontal.statistics .statistic > .value,.wojo.small.horizontal.statistic > .value {
    font-size: 2rem
}

.wojo.small.statistics .statistic > .text.value,.wojo.small.statistic > .text.value {
    font-size: 1rem
}

.wojo.statistics .statistic > .value,.wojo.statistic > .value {
    font-size: 4rem
}

.wojo.horizontal.statistics .statistic > .value,.wojo.horizontal.statistic > .value {
    font-size: 3rem
}

.wojo.statistics .statistic > .text.value,.wojo.statistic > .text.value {
    font-size: 2rem
}

.wojo.large.statistics .statistic > .value,.wojo.large.statistic > .value {
    font-size: 5rem
}

.wojo.large.horizontal.statistics .statistic > .value,.wojo.large.horizontal.statistic > .value {
    font-size: 4rem
}

.wojo.large.statistics .statistic > .text.value,.wojo.large.statistic > .text.value {
    font-size: 2.5rem
}

.wojo.huge.statistics .statistic > .value,.wojo.huge.statistic > .value {
    font-size: 6rem
}

.wojo.huge.horizontal.statistics .statistic > .value,.wojo.huge.horizontal.statistic > .value {
    font-size: 5rem
}

.wojo.huge.statistics .statistic > .text.value,.wojo.huge.statistic > .text.value {
    font-size: 2.5rem
}

.wojo.calendar.popup,.wojo.mini.calendar.popup {
    max-width: none;
    padding: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: 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-weight: 500;
    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-weight: 500;
    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-weight: 500;
    color: inherit;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    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-weight: 500;
    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-weight: 400;
    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-weight: 500;
    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-weight: 500;
        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: #D2D2D3;
    padding: 1em 1.5em;
    line-height: 1.375em;
    color: #101112;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    border-radius: 0.250rem;
}

.wojo.message:first-child {
    margin-top: 0em
}

.wojo.message:last-child {
    margin-bottom: 0em
}

.wojo.message .header {
    font-weight: 500;
    font-size: 1.25rem
}

.wojo.message p {
    margin: 0.75em 0em
}

.wojo.message p:first-child {
    margin-top: 0em
}

.wojo.message p:last-child {
    margin-bottom: 0em
}

.wojo.message .header + p {
    margin-top: 0.5em
}

.wojo.message .list:not(.wojo) {
    text-align: left;
    padding: 0em;
    opacity: 0.85;
    list-style-position: inside;
    margin: 0.5em 0em 0em
}

.wojo.message .list:not(.wojo):first-child {
    margin-top: 0em
}

.wojo.message .list:not(.wojo):last-child {
    margin-bottom: 0em
}

.wojo.message .list:not(.wojo) li {
    position: relative;
    list-style-type: none;
    margin: 0em 0em 0.3em 1em;
    padding: 0em
}

.wojo.message .list:not(.wojo) li:before {
    position: absolute;
    content: '•';
    left: -1em;
    height: 100%;
    vertical-align: baseline
}

.wojo.message .list:not(.wojo) li:last-child {
    margin-bottom: 0em
}

.wojo.message > .icon {
    margin-right: 1.5em
}

.wojo.message > .wojo.image {
    margin-right: 1em
}

.wojo.message > .close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0em;
    top: 0.78575em;
    right: 0.5em;
    opacity: 0.7;
    transition: opacity 0.1s ease
}

.wojo.message > .close.icon:hover {
    opacity: 1
}

.wojo.message > :first-child {
    margin-top: 0em
}

.wojo.message > :last-child {
    margin-bottom: 0em
}

.wojo.dropdown .menu > .message {
    margin: 0px -1px
}

.wojo.visible.visible.visible.visible.message {
    display: block
}

.wojo.icon.visible.visible.visible.visible.message {
    display: flex
}

.wojo.hidden.hidden.hidden.hidden.message {
    display: none
}

.wojo.compact.message {
    display: inline-flex!important;
    padding: .5em 1em
}

.wojo.rounded.message {
    border-radius: 2rem
}

.wojo.attached.message {
    margin-bottom: -1px;
    border-radius: 0.188rem 0.188rem 0em 0em;
    box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
    margin-left: -1px;
    margin-right: -1px
}

.wojo.attached + .wojo.attached.message:not(.top):not(.bottom) {
    margin-top: -1px;
    border-radius: 0em
}

.wojo.bottom.attached.message {
    margin-top: -1px;
    border-radius: 0em 0em 0.188rem 0.188rem;
    box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15)
}

.wojo.bottom.attached.message:not(:last-child) {
    margin-bottom: 1em
}

.wojo.attached.icon.message {
    width: auto
}

.wojo.icon.message {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap
}

.wojo.icon.message > .icon:not(.close) {
    min-width: 0;
    flex: 0 0 auto;
    max-width: 100%;
    opacity: 0.8
}

.wojo.icon.message > .content {
    flex: 1 1 0px;
    min-width: 0
}

.wojo.icon.message > .content.shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.wojo.icon.message .icon:not(.close) + .content {
    padding-left: 0rem
}

.wojo.floating.message {
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}

.wojo.basic.message {
    border: 0;
    margin: 0;
    background: none
}

.wojo.fitted.message {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: none
}

.wojo.black.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.wojo.primary.message {
    background-color: #D7E5FF;
    color: #1d4185
}

.wojo.secondary.message {
    background-color: #E4E6E9;
    color: #3e444a
}

.wojo.success.message,.wojo.positive.message {
    background-color: #CCF4ED;
    color: #006957
}

.wojo.negative.message,.wojo.error.message {
    background-color: #F8DAD7;
    color: #73231d
}

.wojo.info.message {
    background-color: #CCF9FE;
    color: #007483
}

.wojo.alert.message,.wojo.warning.message {
    background-color: #FFF3CD;
    color: #856404
}

.wojo.inverted.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.wojo.white.message {
    background-color: #fff
}

.wojo.white.inverted.message {
    background-color: rgba(255, 255, 255, 0.2)
}

.wojo.rounded.message {
    border-radius: 4rem
}

a.wojo.message:hover {
    border-color: rgba(55, 125, 255, 0.3);
    box-shadow: 0 0 35px rgba(55, 125, 255, 0.125)
}

#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: "\e923";
    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;
    color: rgba(255,255,255,0.8)
}

.wojo.notice a.notice-close {
    opacity: 0
}

.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: #00C9A7;
    color: #E5F9F6;
    box-shadow: 0 4px 17px rgba(0, 201, 167, 0.35)
}

.wojo.notice.success:before {
    color: #00C9A7
}

.wojo.notice.success .wojo.progress.transparent .bar {
    background-color: rgba(255,255,255,0.5)!important
}

.wojo.notice.info {
    background-color: #e22429;
    color: #EBF2FF;
    box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35)
}

.wojo.notice.info:before {
    color: #e22429
}

.wojo.notice.info .wojo.progress.transparent .bar {
    background-color: rgba(255,255,255,0.5)!important
}

.wojo.notice.alert {
    background-color: #B88D0F;
    color: #FFF9E6;
    box-shadow: 0 4px 17px rgba(255, 193, 7, 0.35)
}

.wojo.notice.alert:before {
    color: #B88D0F
}

.wojo.notice.alert .wojo.progress.transparent .bar {
    background-color: rgba(255,255,255,0.5)!important
}

.wojo.notice.error {
    background-color: #de4437;
    color: #FCECEB;
    box-shadow: 0 4px 17px rgba(222, 68, 55, 0.35)
}

.wojo.notice.error:before {
    color: #de4437
}

.wojo.notice.error .wojo.progress.transparent .bar {
    background-color: rgba(255,255,255,0.5)!important
}

.wojo.mini.message {
    font-size: 0.78571429em
}

.wojo.tiny.message {
    font-size: 0.85714286em
}

.wojo.small.message {
    font-size: 0.92857143em
}

.wojo.message {
    font-size: 1em
}

.wojo.large.message {
    font-size: 1.14285714em
}

.wojo.big.message {
    font-size: 1.188em
}

.wojo.huge.message {
    font-size: 1.42857143em
}

.wojo.massive.message {
    font-size: 1.71428571em
}

.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;
    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: 20
}

.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);
    transition: 800ms -webkit-filter ease;
    transition: 800ms filter ease;
    transition: 800ms filter ease, 800ms -webkit-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.primary.dimmer {
    background-color: #e22429
}

.wojo.color.dimmer > .content > * {
    color: #FFFFFF
}

.wojo.rounded.dimmer {
    border-radius: .250rem
}

.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;
    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: flex;
    flex-direction: row
}

.wojo.modal > .content > .image {
    display: block;
    flex: 0 1 auto;
    width: auto;
    -ms-grid-row-align: top;
    align-self: top
}

.wojo.modal > [class*="top aligned"] {
    -ms-grid-row-align: top;
    align-self: top
}

.wojo.modal > [class*="middle aligned"] {
    -ms-grid-row-align: middle;
    align-self: middle
}

.wojo.modal > [class*="stretched"] {
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.wojo.modal > .content > .description {
    display: block;
    flex: 1 0 auto;
    min-width: 0px;
    -ms-grid-row-align: top;
    align-self: top
}

.wojo.modal > .content > .icon + .description,.wojo.modal > .content > .image + .description {
    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 {
        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;
    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-weight: 300;
    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-weight: 400;
    text-shadow: none;
    margin-top: 0.2em;
    text-align: center;
    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 {
    background: #fff;
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid #e7eaf3;
    border-radius: 0.25rem
}

.wojo.accordion .header {
    font-size: 1em;
    cursor: default;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 1em;
    border-bottom: 1px solid #f1f5f9;
    transition: 0.3s ease-in-out
}

.wojo.accordion .header:hover {
    background-color: #f8fafd
}

.wojo.accordion .header:hover span {
    color: #e22429
}

.wojo.accordion .header span,.wojo.accordion .header .icon {
    flex: 1 1 0px;
    min-width: 0
}

.wojo.accordion .header span {
    color: #1e2022;
    font-weight: 300
}

.wojo.accordion.acive .header span {
    color: #2b87da
}

.wojo.accordion .header .icon {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap;
    color: #e22429
}

.wojo.accordion .content {
    padding: 1rem
}

.wojo.accordion.active > .header .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wojo.items > .item {
    display: flex;
    position: relative;
    margin: 1em 0em;
    width: 100%;
    min-height: 0px;
    background: transparent;
    padding: 0em;
    border: none;
    border-radius: 0rem;
    box-shadow: none;
    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;
    flex: 0 0 auto;
    display: block;
    float: none;
    margin: 0em;
    padding: 0em;
    max-height: '';
    -ms-grid-row-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;
    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;
    -ms-grid-row-align: top;
    align-self: top;
    padding-left: 1.5em
}

.wojo.items > .item > .content > .header {
    display: inline-block;
    margin: -0.21425em 0em 0em;
    font-weight: 500;
    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 {
    -ms-grid-row-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: '';
    transition: color 0.1s ease
}

.wojo.items > .item > .content a:not(.wojo):hover {
    color: ''
}

.wojo.items > .item > .content > a.header {
    color: #77838f
}

.wojo.items > .item > .content > a.header:hover {
    color: #e22429
}

.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;
    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;
    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;
    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
}

.wojo.items > .item.loading {
    position: relative;
    cursor: default;
    pointer-events: none
}

.wojo.items > .item.loading::before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.wojo.items > .item.loading::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #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 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)
    }
}

@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 {
        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.relaxed {
    padding: 1rem
}

.wojo.items > .item.very.relaxed {
    padding: 2rem
}

.wojo.items > .item > .image + [class*="top aligned"].content {
    align-self: flex-start
}

.wojo.items > .item > .image + [class*="middle aligned"].content {
    -ms-grid-row-align: center;
    align-self: center
}

.wojo.items > .item > .image + [class*="bottom aligned"].content {
    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;
    border: 1px solid #e7eaf3;
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.125)
}

.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: flex;
    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;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-width: 7rem;
    -ms-grid-row-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 0 1rem 1.5rem
}

.wojo.feed > .event > .content {
    display: block;
    flex: 1 1 auto;
    -ms-grid-row-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-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-weight: 400;
    font-size: 0.875em;
    font-style: normal;
    margin: 0em 0em 0em 0.5em;
    padding: 0em;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: middle
}

.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: .875em;
    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: '';
    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);
    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 #e7eaf3;
    padding-bottom: 1em;
    padding-top: 1em
}

.wojo.divided.feed > .event:first-child {
    border-top: none;
    padding-top: 0
}

.wojo.small.feed {
    font-size: 0.875rem
}

.wojo.feed {
    font-size: 1rem
}

.wojo.large.feed {
    font-size: 1.25
}

.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: 2.5em;
    height: auto;
    float: left;
    margin: 0.2em 0em 0em
}

.wojo.comments .comment img.avatar,.wojo.comments .comment .avatar img {
    display: block;
    margin: 0em auto;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.wojo.comments .comment > .content {
    display: block
}

.wojo.comments .comment > .avatar ~ .content {
    margin-left: 3.5em
}

.wojo.comments .comment .author {
    font-size: 1em;
    font-weight: 500
}

.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;
    vertical-align: middle
}

.wojo.comments .comment .metadata a.delete {
    margin-left: 1rem;
    vertical-align: middle
}

.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: 1em;
    word-wrap: break-word;
    line-height: 1.3;
    font-weight: 300;
    color: #77838f
}

.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-weight: 600;
    font-size: 0.875rem
}

.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 1.25em;
    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
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.redactor-animate-hide {
    display: none !important
}

.redactor-fadeIn {
    opacity: 0;
    animation: fadeIn .5s ease-in-out
}

.redactor-fadeOut {
    opacity: 1;
    animation: fadeOut .5s ease-in-out
}

[class^="re-icon-"],[class*=" re-icon-"] {
    font-family: 'WojoIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    backface-visibility: hidden
}

.re-icon-aligncenter:before {
    content: "\e002"
}

.re-icon-alignment:before,.re-icon-alignleft:before {
    content: "\ea8e"
}

.re-icon-alignright:before {
    content: "\ea91"
}

.re-icon-bold:before {
    content: "\ea92"
}

.re-icon-bookmark:before {
    content: "\e904"
}

.re-icon-clips:before {
    content: "\e905"
}

.re-icon-codesnippets:before {
    content: "\e906"
}

.re-icon-deleted:before {
    content: "\ea99"
}

.re-icon-expand:before {
    content: "\e987"
}

.re-icon-file:before {
    content: "\e909"
}

.re-icon-fontcolor:before {
    content: "\ea93"
}

.re-icon-fontfamily:before {
    content: "\e90b"
}

.re-icon-fontsize:before {
    content: "\e90c"
}

.re-icon-format:before {
    content: "\ea96"
}

.re-icon-html:before {
    content: "\e95a"
}

.re-icon-imagecenter:before {
    content: "\e90f"
}

.re-icon-imageleft:before {
    content: "\e910"
}

.re-icon-imageright:before {
    content: "\e911"
}

.re-icon-image:before {
    content: "\eaa7"
}

.re-icon-indent:before {
    content: "\e913"
}

.re-icon-inline:before {
    content: "\e914"
}

.re-icon-italic:before {
    content: "\ea95"
}

.re-icon-line:before,.re-icon-horizontalrule:before {
    content: "\e916"
}

.re-icon-link:before {
    content: "\ea68"
}

.re-icon-ol:before,.re-icon-ordered:before {
    content: "\e918"
}

.re-icon-outdent:before {
    content: "\e919"
}

.re-icon-properties:before {
    content: "\e91a"
}

.re-icon-readmore:before {
    content: "\e91b"
}

.re-icon-redo:before {
    content: "\e91c"
}

.re-icon-retract:before {
    content: "\e961"
}

.re-icon-specialcharacters:before {
    content: "\e91e"
}

.re-icon-sub:before {
    content: "\e91f"
}

.re-icon-sup:before {
    content: "\e920"
}

.re-icon-table:before {
    content: "\e921"
}

.re-icon-textdirection:before {
    content: "\e922"
}

.re-icon-toggle:before {
    content: "\e923"
}

.re-icon-underline:before {
    content: "\e924"
}

.re-icon-undo:before {
    content: "\e925"
}

.re-icon-ul:before,.re-icon-lists:before,.re-icon-unordered:before {
    content: "\e9f3"
}

.re-icon-variable:before {
    content: "\e927"
}

.re-icon-video:before {
    content: "\ea9f"
}

.re-icon-widget:before {
    content: "\e929"
}

.redactor-box,.redactor-box textarea {
    z-index: auto
}

.redactor-box {
    position: relative;
    box-sizing: border-box
}

.redactor-box.redactor-styles-on {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 3px;
    box-shadow: none
}

.redactor-box.redactor-inline {
    position: static
}

.redactor-focus.redactor-styles-on,.redactor-focus:focus.redactor-styles-on {
    border-color: #673AB7
}

.redactor-over:hover.redactor-styles-on {
    border-color: #ee698a
}

.redactor-source-view,.redactor-source-view.redactor-styles-on {
    border-color: #000
}

.redactor-in {
    position: relative;
    overflow: auto;
    white-space: normal;
    box-sizing: border-box
}

.redactor-in:focus {
    outline: none
}

.redactor-inline .redactor-in {
    overflow: hidden
}

.redactor-in *,.redactor-read-only * {
    outline: none !important
}

.redactor-in h1:empty,.redactor-in h2:empty,.redactor-in h3:empty,.redactor-in h4:empty,.redactor-in h5 h6:empty,.redactor-in p:empty,.redactor-in blockquote:empty {
    min-height: 1.5em
}

.redactor-in strong:empty,.redactor-in b:empty,.redactor-in em:empty,.redactor-in i:empty,.redactor-in sup:empty,.redactor-in sub:empty,.redactor-in u:empty,.redactor-in ins:empty {
    display: inline-block;
    min-width: 1px;
    min-height: 1rem
}

.redactor-in table {
    empty-cells: show
}

.redactor-in li figure {
    width: auto;
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.redactor-in figcaption:focus,.redactor-in figure code:focus,.redactor-in figure pre:focus,.redactor-in table td:focus,.redactor-in table th:focus {
    outline: none
}

.redactor-in figure[data-redactor-type=line] {
    margin-top: 1em;
    padding: 6px 0;
    vertical-align: baseline
}

.redactor-in figure[data-redactor-type=line] hr {
    margin: 0;
    height: 3px;
    border: none;
    background: rgba(0, 0, 0, 0.1)
}

.redactor-component {
    position: relative
}

.redactor-component[data-redactor-type="widget"]:before,.redactor-component[data-redactor-type="video"]:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    z-index: 1
}

.redactor-component[data-redactor-type=image] {
    clear: both;
    display: inline-block
}

.redactor-component[data-redactor-type=variable] {
    white-space: nowrap;
    background: rgba(0, 125, 255, 0.75);
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 4px;
    cursor: pointer
}

.redactor-component-active {
    outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-component-active[data-redactor-type=image] {
    outline: none !important
}

.redactor-component-active[data-redactor-type=image] img {
    outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-component-active[data-redactor-type=variable] {
    outline: none !important;
    background: #ee698a
}

.redactor-component-active[data-redactor-type=video] {
    outline: none !important
}

.redactor-component-active[data-redactor-type=video] iframe {
    outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-blur.redactor-styles-on .redactor-component-active {
    outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] {
    outline: none !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img {
    outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] {
    outline: none !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe {
    outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable] {
    outline: none !important;
    background: #ddd
}

.redactor-component-caret {
    position: absolute;
    left: -9999px
}

.redactor-textnodes-wrapper {
    display: inline-block
}

#redactor-image-resizer {
    position: absolute;
    background-color: rgba(0, 125, 255, 0.9);
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    cursor: move;
    cursor: nwse-resize
}

.redactor-file-item {
    display: inline-block;
    line-height: 1;
    padding: 4px 12px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.redactor-file-remover {
    margin-left: 2px;
    position: relative;
    right: -3px;
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    opacity: .5
}

.redactor-file-remover:hover {
    opacity: 1
}

#redactor-overlay {
    position: fixed;
    z-index: 1051;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(16, 16, 18, 0.18)
}

#redactor-overlay > .redactor-close {
    position: fixed;
    top: 1rem;
    right: 1rem
}

.redactor-source,.redactor-source:hover,.redactor-source:focus {
    text-align: left;
    box-sizing: border-box;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    width: 100%;
    display: block;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #252525;
    color: #ccc;
    font-size: 15px;
    outline: none;
    padding: 10px 18px 20px 18px;
    line-height: 1.5;
    resize: vertical
}

.redactor-box[dir="rtl"] .redactor-source {
    direction: ltr
}

.redactor-placeholder:before {
    position: absolute;
    content: attr(placeholder);
    color: rgba(0, 0, 0, 0.4);
    font-weight: normal
}

.redactor-in figcaption[placeholder]:empty:before {
    content: attr(placeholder);
    color: rgba(0, 0, 0, 0.4);
    font-weight: normal
}

.redactor-in figcaption[placeholder]:empty:focus:before {
    content: ""
}

.redactor-statusbar {
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    margin: 0;
    padding: 8px 10px;
    position: relative;
    overflow: hidden;
    list-style: none;
    background: #f8f8f8;
    box-sizing: border-box;
    border: none
}

.redactor-statusbar li {
    float: left;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    line-height: 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.redactor-statusbar li:last-child {
    border-right-color: transparent
}

.redactor-statusbar a {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline
}

.redactor-statusbar a:hover {
    color: #f03c69;
    text-decoration: underline
}

.redactor-statusbar:empty {
    display: none
}

.redactor-toolbar-wrapper {
    position: relative
}

.redactor-toolbar,.redactor-air {
    z-index: 100;
    position: relative;
    display: flex;
    margin: 0 !important;
    padding: 0;
    list-style: none !important;
    line-height: 1 !important;
    background: none;
    border: none;
    box-sizing: border-box
}

.redactor-box.redactor-styles-on .redactor-toolbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 1em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.redactor-toolbar a,.redactor-air a {
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    padding: 10px 15px 9px 15px;
    cursor: pointer;
    outline: none;
    border: none;
    vertical-align: middle;
    text-decoration: none;
    zoom:1;position: relative;
    color: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    margin-right: 5px;
    margin-bottom: 4px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.redactor-toolbar a.re-button-icon,.redactor-air a.re-button-icon {
    font-size: 16px;
    padding: 9px 15px 6px 15px
}

.redactor-toolbar a:hover,.redactor-air a:hover {
    outline: none;
    color: #fff;
    background: #1E88E5
}

.redactor-toolbar a.redactor-button-active {
    background: rgba(245, 245, 245, 0.95);
    color: rgba(0, 0, 0, 0.4)
}

.redactor-toolbar a.redactor-button-disabled,.redactor-air a.redactor-button-disabled {
    opacity: 0.3
}

.redactor-toolbar a.redactor-button-disabled:hover, .redactor-air a.redactor-button-disabled:hover {
    color: #333;
    outline: none;
    background-color: transparent !important;
    cursor: default
}

.redactor-source-view .redactor-toolbar {
    background: #252525
}

.redactor-source-view .redactor-toolbar a {
    background: #000;
    color: #fff
}

.redactor-source-view .redactor-toolbar a:hover {
    background: #1E88E5
}

.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
    color: #fff !important;
    background-color: #000 !important
}

.re-button-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: 0;
    z-index: 1052;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    padding: 5px 9px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    line-height: 1;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace
}

.re-button-tooltip:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: rgba(0, 0, 0, 0.9);
    border-width: 4px;
    margin-left: -4px
}

.redactor-toolbar-wrapper-air {
    position: absolute;
    z-index: 100
}

.redactor-air {
    padding: 6px 3px 2px 8px;
    max-width: auto;
    min-width: 200px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.97)
}

.redactor-air a {
    background: rgba(37, 37, 37, 0.95);
    box-shadow: none;
    color: rgba(255, 255, 255, 0.9)
}

.redactor-air a:hover {
    background: #3d79f2
}

.redactor-air a.redactor-button-active {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff
}

.redactor-air a.redactor-button-disabled:hover {
    color: #fff
}

.redactor-air-helper {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    font-size: 15px;
    color: #000;
    background: rgba(255, 255, 255, 0.85);
    border-bottom-left-radius: 4px;
    padding: 7px 10px 6px 10px;
    cursor: pointer
}

.redactor-air-helper:hover {
    background: #fff
}

.redactor-voice-label {
    display: none
}

.redactor-context-toolbar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1051;
    background-color: rgba(0, 0, 0, 0.95);
    color: #555;
    border-radius: 4px;
    padding: 6px 18px 7px 18px;
    line-height: 1.5;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace
}

.redactor-context-toolbar a {
    font-size: 12px;
    color: #ccc;
    text-decoration: none;
    display: inline-block;
    padding: 2px 0 1px 12px
}

.redactor-context-toolbar a:first-child {
    padding-left: 0
}

.redactor-context-toolbar a i {
    position: relative;
    top: 3px;
    font-size: 16px
}

.redactor-context-toolbar a:before {
    content: '';
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

.redactor-context-toolbar a:hover {
    color: #fff
}

.redactor-context-toolbar a:first-child:before {
    padding-left: 0;
    border-left: none
}

.redactor-context-toolbar[dir="rtl"] a {
    padding: 2px 12px 1px 0
}

.redactor-context-toolbar[dir="rtl"] a:first-child {
    padding-right: 0
}

.redactor-context-toolbar[dir="rtl"] a:before {
    padding-left: 0px;
    padding-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-left: none
}

.redactor-context-toolbar[dir="rtl"] a:first-child:before {
    padding-right: 0;
    border-right: none
}

.redactor-dropdown {
    display: none;
    position: absolute;
    z-index: 1051;
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    width: 264px;
    max-height: 250px;
    margin: 0;
    margin-top: -1px;
    overflow: auto;
    font-size: 15px;
    padding: 0
}

.redactor-dropdown a span {
    display: inline-block;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 3px
}

.redactor-dropdown a {
    display: block;
    text-decoration: none;
    padding: 10px 8px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.redactor-dropdown a:last-child {
    border-bottom-color: transparent
}

.redactor-dropdown a {
    color: #000
}

.redactor-dropdown a:hover {
    color: #fff !important;
    background-color: #1E88E5 !important
}

.redactor-dropdown a.redactor-dropdown-item-disabled {
    color: rgba(0, 0, 0, 0.4);
    background: #fff
}

.redactor-dropdown-cells {
    margin: 10px auto
}

.redactor-dropdown-cells a, .redactor-dropdown-cells span {
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 14px
}

.redactor-dropdown-selector {
    display: flex;
    text-align: center
}

.redactor-dropdown-selector span {
    flex-grow: 1;
    font-size: 12px;
    padding: 8px;
    cursor: pointer
}

.redactor-dropdown-selector span:hover {
    background: #eee
}

.redactor-dropdown-selector span.active {
    cursor: text;
    color: rgba(0, 0, 0, 0.3);
    background: #eee
}

.redactor-dropdown-format .redactor-dropdown-item-blockquote {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic
}

.redactor-dropdown-format .redactor-dropdown-item-pre {
    font-family: monospace, sans-serif
}

.redactor-dropdown-format .redactor-dropdown-item-h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 32px
}

.redactor-dropdown-format .redactor-dropdown-item-h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 32px
}

.redactor-dropdown-format .redactor-dropdown-item-h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h4 {
    font-size: 21px;
    font-weight: bold;
    line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h6 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 24px
}

#redactor-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1051;
    line-height: 24px
}

.redactor-modal {
    position: relative;
    margin: 16px auto;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
    border-radius: 3px;
    color: #000
}

.redactor-modal form {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.redactor-modal input, .redactor-modal select, .redactor-modal textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    height: 40px;
    outline: none;
    vertical-align: middle;
    background-color: #FBFCFC;
    border: 1px solid #DCDFE2;
    box-shadow: none;
    color: #50646F;
    border-radius: 0.250rem;
    padding: 0 .5em
}

.redactor-modal textarea {
    padding: .5em;
    height: auto;
    line-height: 1.5;
    vertical-align: top
}

.redactor-modal select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAB3SURBVBiVhdCxCQJhEEThbw/TK8QijMTcDqxAi9HgijAxP4xsSxyTX8RTzoWBZd+bZAs7bLEwP3dcOvSoP7Lm9JVEVW2wnykGpyRjB0lGDA38kofmqOTtVNUaB3Tt9MAxyfVdTz6CFc4tqyn/+kySW1UtX/uUPwE2e0CBoJpLPAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right .65em center;
    padding-right: 28px
}

.redactor-modal select[multiple] {
    background-image: none;
    height: auto;
    padding: .5em .75em
}

.redactor-modal input[type="file"] {
    width: auto;
    border: none;
    padding: 0;
    height: auto;
    background: none;
    box-shadow: none;
    display: inline-block
}

.redactor-modal input[type="radio"], .redactor-modal input[type="checkbox"] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    vertical-align: middle;
    position: relative;
    bottom: 0.15rem;
    font-size: 115%;
    margin-right: 3px
}

.redactor-modal .form-item {
    margin-bottom: 20px
}

.redactor-modal .form-item:last-child {
    margin-bottom: 0
}

.redactor-modal fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.redactor-modal fieldset .form-item {
    margin-bottom: 12px
}

.redactor-modal label {
    display: block;
    margin-bottom: 0.25em;
    color: #7F929C;
    font-size: 0.913em;
    font-weight: 700
}

.redactor-modal label .desc, .redactor-modal label .success, .redactor-modal label .error {
    text-transform: none;
    font-weight: normal
}

.redactor-modal label.checkbox {
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    color: inherit
}

.redactor-modal .form-checkboxes label.checkbox {
    display: inline-block;
    margin-right: 1em
}

.redactor-modal input:hover, .redactor-modal textarea:hover, .redactor-modal select:hover {
    outline: none;
    background-color: #fff;
    border-color: #969fa9;
    box-shadow: none
}

.redactor-modal input:focus, .redactor-modal textarea:focus, .redactor-modal select:focus {
    transition: all linear .2s;
    outline: none;
    color: rgba(0, 0, 0, 0.95);
    border-color: #1E88E5;
    border-radius: 0.188rem;
    background: #FFFFFF;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05)
}

.redactor-modal input.error, .redactor-modal textarea.error, .redactor-modal select.error {
    background-color: rgba(255, 50, 101, 0.1);
    border: 1px solid #ff7f9e
}

.redactor-modal input.error:focus, .redactor-modal textarea.error:focus, .redactor-modal select.error:focus {
    border-color: #ff3265;
    box-shadow: 0 0 1px #ff3265
}

.redactor-modal input.success, .redactor-modal textarea.success, .redactor-modal select.success {
    background-color: rgba(47, 196, 182, 0.1);
    border: 1px solid #65dacf
}

.redactor-modal input.success:focus, .redactor-modal textarea.success:focus, .redactor-modal select.success:focus {
    border-color: #2fc4b6;
    box-shadow: 0 0 1px #2fc4b6
}

.redactor-modal input:disabled,.redactor-modal input:disabled:hover,.redactor-modal input.disabled,.redactor-modal input.disabled:hover, .redactor-modal textarea:disabled, .redactor-modal textarea:disabled:hover, .redactor-modal textarea.disabled, .redactor-modal textarea.disabled:hover, .redactor-modal select:disabled, .redactor-modal select:disabled:hover, .redactor-modal select.disabled, .redactor-modal select.disabled:hover {
    resize: none;
    opacity: .6;
    cursor: default;
    font-style: italic;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid #cacfd4;
    box-shadow: none;
    background-color: #fff
}

.redactor-modal .req {
    position: relative;
    top: 1px;
    font-weight: bold;
    color: #ff3265;
    font-size: 110%
}

.redactor-modal .desc {
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px
}

.redactor-modal span.desc {
    margin-left: 0.25em
}

.redactor-modal div.desc {
    margin-top: 0.25em
}

.redactor-modal span.success, .redactor-modal span.error {
    font-size: 12px;
    margin-left: 0.25em
}

.redactor-modal div.desc {
    margin-bottom: -0.5em
}

.redactor-modal .redactor-close {
    position: absolute;
    top: 16px;
    right: 12px;
    font-size: 30px;
    line-height: 30px;
    padding: 0px 4px;
    color: #000;
    opacity: .3;
    cursor: pointer
}

.redactor-modal .redactor-close:hover {
    opacity: 1
}

.redactor-modal .redactor-close:before {
    content: '\00d7'
}

.redactor-modal button {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    color: #41C7F9;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #41C7F9;
    min-height: 40px;
    outline: none;
    padding: 0.5em 1.25em;
    cursor: pointer;
    line-height: 1.2;
    vertical-align: middle;
    -webkit-appearance: 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
}

.redactor-modal button:hover {
    outline: none;
    text-decoration: none;
    background: none;
    background-color: #35B1E2;
    color: #FFFFFF;
    border-color: #35B1E2
}

.redactor-modal button.redactor-button-secondary {
    border-color: #2a2e34;
    color: #2a2e34
}

.redactor-modal button.redactor-button-secondary:hover {
    color: rgba(42, 46, 52, 0.6);
    border-color: rgba(42, 46, 52, 0.5)
}

.redactor-modal button.redactor-button-danger, .redactor-modal button.redactor-button-unstyled {
    background: none;
    border-color: transparent;
    color: rgba(42, 46, 52, 0.6)
}

.redactor-modal button.redactor-button-danger:hover, .redactor-modal button.redactor-button-unstyled:hover {
    background: none;
    border-color: transparent;
    color: #ff3265;
    text-decoration: underline
}

.redactor-modal .redactor-modal-group:after {
    content: "";
    display: table;
    clear: both
}

.redactor-modal .redactor-modal-side {
    float: left;
    width: 30%;
    margin-right: 4%
}

.redactor-modal .redactor-modal-side img {
    max-width: 100%;
    height: auto;
    display: block
}

.redactor-modal .redactor-modal-area {
    float: left;
    width: 66%
}

.redactor-modal[dir="rtl"] .redactor-close {
    left: 12px;
    right: auto
}

.redactor-modal[dir="rtl"] textarea {
    direction: ltr;
    text-align: left
}

.redactor-modal[dir="rtl"] .redactor-modal-footer button.redactor-button-unstyled {
    float: left;
    margin-left: 0
}

.redactor-modal-header {
    font-family: 'Roboto Slab';
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.redactor-modal-header:empty {
    display: none
}

.redactor-modal-body {
    padding: 2em
}

.redactor-modal-footer {
    padding: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden
}

.redactor-modal-footer button {
    margin-right: 4px
}

.redactor-modal-footer button.redactor-button-unstyled {
    margin-right: 0;
    float: right
}

.redactor-modal-footer:empty {
    display: none
}

.redactor-modal-tab {
    padding: .25em
}

.redactor-modal-tabs {
    display: flex;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 1em
}

.redactor-modal-tabs a {
    font-size: 15px;
    padding: 2px 0;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    margin-right: 14px
}

.redactor-modal-tabs a:hover {
    transition: all linear .2s
}

.redactor-modal-tabs a:hover, .redactor-modal-tabs a.active {
    font-weight: 500;
    color: #007dff;
    border-bottom-color: #007dff
}

.redactor-styles {
    margin: 0;
    padding: 16px 18px;
    color: #444950;
    font-size: 1em;
    line-height: 1.5;
    box-sizing: border-box
}

.redactor-styles *, .redactor-styles *:before, .redactor-styles *:after {
    box-sizing: inherit
}

.redactor-styles[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed
}

.redactor-styles[dir="rtl"] ul li, .redactor-styles[dir="rtl"] ol li {
    text-align: right
}

.redactor-styles[dir="rtl"] ul, .redactor-styles[dir="rtl"] ol, .redactor-styles[dir="rtl"] ul ul, .redactor-styles[dir="rtl"] ol ol, .redactor-styles[dir="rtl"] ul ol, .redactor-styles[dir="rtl"] ol ul {
    margin: 0 1.5em 0 0
}

.redactor-styles[dir="rtl"] figcaption {
    text-align: right
}

.redactor-styles a, .redactor-styles a:hover {
    color: #3397ff
}

.redactor-styles p, .redactor-styles dl, .redactor-styles blockquote, .redactor-styles hr, .redactor-styles pre, .redactor-styles table, .redactor-styles figure, .redactor-styles address {
    padding: 0;
    margin: 0;
    margin-bottom: 1em
}

.redactor-styles ul, .redactor-styles ol {
    padding: 0
}

.redactor-styles ul, .redactor-styles ul ul, .redactor-styles ul ol, .redactor-styles ol, .redactor-styles ol ul, .redactor-styles ol ol {
    margin: 0 0 0 1.5em
}

.redactor-styles ul li, .redactor-styles ol li {
    text-align: left
}

.redactor-styles ol ol li {
    list-style-type: lower-alpha
}

.redactor-styles ol ol ol li {
    list-style-type: lower-roman
}

.redactor-styles ul, .redactor-styles ol {
    margin-bottom: 1em
}

.redactor-styles h1, .redactor-styles h2, .redactor-styles h3, .redactor-styles h4, .redactor-styles h5, .redactor-styles h6 {
    font-weight: bold;
    color: #2a2e34;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
    line-height: 1.2
}

.redactor-styles h1 {
    font-size: 2.0736em
}

.redactor-styles h2 {
    font-size: 1.728em
}

.redactor-styles h3 {
    font-size: 1.44em
}

.redactor-styles h4 {
    font-size: 1.2em
}

.redactor-styles h5 {
    font-size: 1em
}

.redactor-styles h6 {
    font-size: 0.83333em;
    text-transform: uppercase;
    letter-spacing: .035em
}

.redactor-styles blockquote {
    font-style: italic;
    color: rgba(0, 0, 0, 0.5);
    border: none
}

.redactor-styles table {
    width: 100%
}

.redactor-styles time,.redactor-styles small,.redactor-styles var,.redactor-styles code,.redactor-styles kbd,.redactor-styles mark {
    display: inline-block;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    font-size: 87.5%;
    line-height: 1;
    color: rgba(68, 73, 80, 0.9)
}

.redactor-styles var,.redactor-styles cite {
    opacity: .6
}

.redactor-styles var {
    font-style: normal
}

.redactor-styles dfn, .redactor-styles abbr {
    text-transform: uppercase
}

.redactor-styles dfn[title], .redactor-styles abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    cursor: help
}

.redactor-styles code,.redactor-styles kbd {
    position: relative;
    top: -1px;
    padding: 0.25em;
    padding-bottom: 0.2em;
    border-radius: 2px
}

.redactor-styles code {
    background-color: #eff1f2
}

.redactor-styles mark {
    border-radius: 2px;
    padding: 0.125em 0.25em;
    background-color: #fdb833
}

.redactor-styles kbd {
    border: 1px solid #e5e7e9
}

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

.redactor-styles sub {
    bottom: -0.25em
}

.redactor-styles sup {
    top: -0.5em
}

.redactor-styles pre {
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    font-size: .9em
}

.redactor-styles pre, .redactor-styles pre code {
    background-color: #f6f7f8;
    padding: 0;
    top: 0;
    display: block;
    line-height: 1.5;
    color: rgba(68, 73, 80, 0.85);
    overflow: none;
    white-space: pre-wrap
}

.redactor-styles pre {
    padding: 1rem
}

.redactor-styles table {
    border-collapse: collapse;
    max-width: 100%;
    width: 100%
}

.redactor-styles table caption {
    text-transform: uppercase;
    padding: 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px
}

.redactor-styles table th, .redactor-styles table td {
    border: 1px solid #eee;
    padding: 16px;
    padding-bottom: 15px
}

.redactor-styles table tfoot th, .redactor-styles table tfoot td {
    color: rgba(0, 0, 0, 0.5)
}

.redactor-styles img, .redactor-styles video, .redactor-styles audio, .redactor-styles embed, .redactor-styles object {
    max-width: 100%
}

.redactor-styles img, .redactor-styles video, .redactor-styles embed, .redactor-styles object {
    height: auto !important
}

.redactor-styles embed, .redactor-styles object {
    height: 100%
}

.redactor-styles img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

.redactor-styles figcaption {
    display: block;
    opacity: .6;
    font-size: 12px;
    font-style: italic;
    text-align: left
}

.upload-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 5px dashed rgba(0, 125, 255, 0.15);
    position: relative;
    width: 100%;
    min-height: 220px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    text-align: center
}

.upload-placeholder {
    font-size: 15px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.3);
    font-style: italic
}

.upload-hover {
    background-color: rgba(0, 125, 255, 0.075)
}

.upload-error {
    background-color: rgba(255, 50, 101, 0.075)
}

.upload-box-hover {
    outline: 5px dashed rgba(0, 125, 255, 0.3)
}

.upload-box-error {
    outline: 5px dashed rgba(255, 50, 101, 0.3)
}

.redactor-structure h1,.redactor-structure h2,.redactor-structure h3,.redactor-structure h4,.redactor-structure h5,.redactor-structure h6,.redactor-structure div {
    position: relative
}

.redactor-structure h1:before,.redactor-structure h2:before,.redactor-structure h3:before,.redactor-structure h4:before,.redactor-structure h5:before,.redactor-structure h6:before,.redactor-structure div:before {
    width: 24px;
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    opacity: .3;
    left: -26px;
    top: 50%;
    margin-top: -7px;
    text-align: right
}

.redactor-structure h1:before {
    content: "h1"
}

.redactor-structure h2:before {
    content: "h2"
}

.redactor-structure h3:before {
    content: "h3"
}

.redactor-structure h4:before {
    content: "h4"
}

.redactor-structure h5:before {
    content: "h5"
}

.redactor-structure h6:before {
    content: "h6"
}

.redactor-structure div:before {
    content: "div"
}

#redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px
}

#redactor-progress span {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #007dff;
    background-size: 40px 40px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.redactor-box-fullscreen {
    z-index: 1051;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.redactor-box-fullscreen-target {
    position: absolute !important
}

.redactor-body-fullscreen .redactor-dropdown,.redactor-body-fullscreen .redactor-context-toolbar {
    z-index: 1052
}

.redactor-body-fullscreen #redactor-overlay {
    z-index: 1098
}

.redactor-body-fullscreen #redactor-modal {
    z-index: 1099
}

#redactor-modal .images-wrap {
    margin: .5em 0;
    padding: 0;
    -moz-column-gap: .5em;
    -webkit-column-gap: .5em;
    column-gap: .5em;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4
}

#redactor-modal .images-wrap > .item {
    display: inline-block;
    margin: 0 0 .5em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
    padding: 2px
}

.redactor-wicons-list {
    list-style: none;
    margin: 0;
    padding: 0.5em;
    -moz-column-gap: .5em;
    -webkit-column-gap: .5em;
    column-gap: .5em;
    -moz-column-count: 12;
    -webkit-column-count: 12;
    column-count: 12;
    max-height: 400px;
    overflow: auto
}

.redactor-wicons-list li {
    list-style: none;
    display: inline-block;
    margin: 0 0 .5em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    padding: 2px;
    cursor: pointer;
    line-height: 1;
    border-radius: .188em;
    text-align: center
}

.redactor-wicons-list li.redactor-wicons-item-selected {
    background: #ee698a
}

.wojo.tiny.text {
    font-size: 11px;
    font-size: 0.6875rem
}

.wojo.mini.text {
    font-size: 12px;
    font-size: 0.750rem
}

.wojo.small.text {
    font-size: 14px;
    font-size: 0.875rem
}

.wojo.normal.text {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    text-transform: none
}

.wojo.medium.text {
    font-size: 20px;
    font-size: 1.25rem
}

.wojo.large.text {
    font-size: 24px;
    font-size: 1.5rem
}

.wojo.big.text {
    font-size: 32px;
    font-size: 2rem
}

.wojo.huge.text {
    font-size: 56px;
    font-size: 3.5rem
}

.wojo.massive.text {
    font-size: 72px;
    font-size: 4.5rem
}

.wojo.gigant.text {
    font-size: 96px;
    font-size: 6rem
}

.wojo.strike.text {
    text-decoration: line-through
}

.wojo.caps {
    text-transform: uppercase
}

.wojo.short.text {
    line-height: 1
}

.wojo.tall.text {
    line-height: 2
}

.wojo.very.dimmed.text {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.wojo.dimmed.text {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.wojo.icon.text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.wojo.icon.text > .icon,.wojo.icon.text > .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: .5em;
    -ms-flex-item-align: center;
    align-self: center
}

.wojo.icon.text.middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wojo.icon.right.text > .icon,.wojo.icon.right.text > .image {
    margin-left: .5em;
    margin-right: auto
}

.wojo.centered {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wojo.corners {
    border-radius: .250em
}

.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: #e22429;
}

.wojo.secondary.text {
    color: #77838F
}

.wojo.positive.text {
    color: #00C9A7
}

.wojo.negative.text {
    color: #DE4437
}

.wojo.white.text {
    color: #fff;
}

.wojo.black.text {
    color: #212121
}

.wojo.warning.text {
    color: #ffc107
}

.wojo.primary.fill {
    fill: #e22429
}

.wojo.secondary.fill {
    fill: #77838F
}

.wojo.positive.fill {
    fill: #00C9A7
}

.wojo.negative.fill {
    fill: #DE4437
}

.wojo.warning.fill {
    fill: #ffc107
}

.wojo.white.fill {
    fill: #FFF
}

.wojo.primary.stop {
    stop-color: #e22429
}

.wojo.secondary.stop {
    stop-color: #77838F
}

.wojo.positive.stop {
    stop-color: #00C9A7
}

.wojo.negative.stop {
    stop-color: #DE4437
}

.wojo.white.stop {
    stop-color: #FFF
}

.wojo.purple.stop {
    stop-color: #2d1582
}

.wojo.primary.gradient {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x
}

.wojo.animated.text {
    background-image: -webkit-linear-gradient(358deg, #f35626, #feab3a);
    background-image: linear-gradient(92deg, #f35626, #feab3a);
    background-clip: text;
    -webkit-animation: hue 10s infinite linear;
    animation: hue 10s infinite linear;
    text-fill-color: transparent
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg)
    }

    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}

@keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="0" /></filter></svg>#filter');
        filter: hue-rotate(0deg)
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
        filter: hue-rotate(-360deg)
    }
}

.wojo.primary.bg {
    background-color: #e22429
}

.wojo.secondary.bg {
    background-color: #77838F
}

.wojo.positive.bg {
    background-color: #00C9A7
}

.wojo.negative.bg {
    background-color: #DE4437
}

.wojo.light.bg {
    background-color: #F8F9FB
}

.highlite {
    background-color: #fffde7!important
}

.wojo.boxed {
    border: 1px solid #e7eaf3;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wojo.shadow {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.wojo.soft.shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.wojo.readonly {
    position: relative;
    cursor: not-allowed;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.wojo.readonly:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    height: 100%;
    border-radius: 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.wojo.fluid.tabs {
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center
}

ul.wojo.tabs,ul.wojo.tabs li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    position: relative
}

ul.wojo.tabs li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

ul.wojo.fluid.tabs li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    text-align: 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-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.only .icon {
    margin-right: 0
}

.wojo.tab {
    display: none
}

.wojo.tab.active,.wojo.tab.open {
    display: block
}

ul.wojo.simple.tabs li a {
    font-weight: 400;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    color: #77838f
}

ul.wojo.simple.tabs li {
    border: 0;
    border-bottom: 2px solid transparent
}

ul.wojo.simple.tabs li.active {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #e22429
}

ul.wojo.simple.tabs li.active a,ul.wojo.simple.tabs li.active a:hover {
    color: #e22429
}

ul.wojo.simple.tabs li a:hover {
    background-color: transparent;
    color: #e22429
}

.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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    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-weight: 400;
    position: relative
}

.wojo.breadcrumb:first-child {
    margin-top: 0em
}

.wojo.breadcrumb:last-child {
    margin-bottom: 0em
}

.wojo.breadcrumb .divider {
    display: inline-block;
    margin: 0em 12px 0em;
    margin: 0em 0.75rem 0em;
    font-size: 0.913em;
    color: rgba(0, 0, 0, 0.5);
    vertical-align: baseline
}

.wojo.breadcrumb a {
    color: #e22429
}

.wojo.breadcrumb a:hover {
    color: #0052ea
}

.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: #77838f;
    font-weight: 500
}

.wojo.white.breadcrumb a {
    color: rgba(255, 255, 255, 0.7)
}

.wojo.white.breadcrumb a:hover {
    color: #fff
}

.wojo.white.breadcrumb .active.section {
    color: #fff;
    font-weight: 500
}

.wojo.white.breadcrumb .divider {
    color: rgba(255, 255, 255, 0.5)
}

.wojo.small.breadcrumb {
    font-size: 14px;
    font-size: .875rem
}

.wojo.sticky {
    position: static;
    -webkit-transition: none;
    transition: none;
    z-index: 2
}

.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: sticky
}

@media screen and (max-width: 48.063em) {
    ul.wojo.basic.tabs {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    ul.wojo.basic.tabs li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.wojo.blocks {
    position: relative
}

.wojo.blocks:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
    z-index: 15
}

.wojo.blocks:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: block-spin 0.6s linear;
    animation: block-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #e22429 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: 16
}

.wojo.blocks.loaded:after,.wojo.blocks.loaded:before {
    -webkit-animation-name: fadeOutOpacity;
    animation-name: fadeOutOpacity;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    opacity: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0)
}

@-webkit-keyframes fadeOutOpacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOutOpacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes block-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes block-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.wojo.pagination {
    margin: 0em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: middle;
    box-shadow: none;
    min-height: 1em;
    border: none;
    background: none
}

.wojo.pagination .item:last-child {
}

.wojo.compact .item:last-child {
}

.wojo.pagination .item:last-child:before {
    display: none
}

.wojo.pagination .item {
    padding: 0.5em 1.25em;
    line-height: 1;
    text-align: center;
    color: #77838F
}

.wojo.pagination .item:hover {
    color: #e22429;
    background: none
}

.wojo.pagination .icon.item i.icon {
    vertical-align: top
}

.wojo.pagination .active.item {
    border-top: none;
    background: none;
    box-shadow: 0 2px 0 0 #e22429;
    color: #77838F;
    cursor: not-allowed
}

.wbox-overlay *,.wbox-overlay *:before,.wbox-overlay *:after {
    -webkit-backface-visibility: hidden;
    box-sizing: border-box
}

.wbox-overlay * {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.wbox-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1040;
    -webkit-transform: translateZ(1000px);
    transform: translateZ(1000px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.wbox-title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 40px;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    z-index: 1050
}

.wbox-close {
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 40px;
    padding: 6px;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 1050
}

.wbox-num {
    cursor: pointer;
    position: fixed;
    left: 0;
    height: 40px;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    display: none;
    z-index: 1050
}

.wbox-next,.wbox-prev {
    position: fixed;
    top: 50%;
    margin-top: -1em;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 2em;
    height: 2em;
    z-index: 1050
}

.wbox-next span,.wbox-prev span {
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: #B6B6B6;
    border-right-color: #B6B6B6;
    text-indent: -100px;
    position: absolute;
    top: 8px;
    display: block
}

.wbox-prev {
    left: 2em
}

.wbox-next {
    right: 2em
}

.wbox-prev span {
    left: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.wbox-next span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px
}

.wbox-inline {
    width: 420px;
    height: 315px;
    height: 70vh;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    text-align: left
}

.wboxframe {
    max-width: 100%;
    border: none;
    width: 100%;
    height: 260px;
    height: 70vh
}

.wboxframe.wbvid {
    height: 260px
}

@media (min-width: 768px) {
    .wboxframe,.wbox-inline {
        width:90%;
        height: 360px;
        height: 70vh
    }

    .wboxframe.wbvid {
        width: 640px;
        height: 360px
    }
}

@media (min-width: 992px) {
    .wboxframe,.wbox-inline {
        max-width:1200px;
        width: 80%;
        height: 540px;
        height: 70vh
    }

    .wboxframe.wbvid {
        width: 960px;
        height: 540px
    }
}

.wbox-open {
    overflow: hidden
}

.wbox-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    max-height: 100%
}

.wbox-content {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 10px
}

.wbox-container img {
    max-width: 100%;
    height: auto
}

.wbox-content .children {
    box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    max-width: 100%;
    text-align: initial
}

.wbox-content img.children {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wbox-preloader {
    position: relative
}

.wbox-preloader:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.wbox-preloader: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: #e22429 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)
    }
}

.wbox-content.swipe-left {
    margin-left: -200px !important
}

.wbox-content.swipe-right {
    margin-left: 200px !important
}

.animated {
    webkit-transition: margin 300ms ease-out;
    -webkit-transition: margin 300ms ease-out;
    transition: margin 300ms ease-out
}

.animate-in {
    opacity: 1
}

.animate-out {
    opacity: 0
}

.wojo.stars {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.wojo.stars .star {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .25em;
    color: #9E9E9E;
    width: 1em;
    height: 1em;
    line-height: 1em
}

.wojo.stars a {
    font-size: .813em;
    margin-left: 2em;
    border-bottom: 1px dotted #7e7e7e;
    color: #7e7e7e
}

.wojo.stars a span {
    font-weight: 500
}

.wojo.stars .star.active .icon,.wojo.stars .star.selected .icon {
    color: #FF9800
}

.optiscroll {
    position: relative;
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.optiscroll.is-enabled {
    overflow: hidden
}

.optiscroll.is-enabled>.optiscroll-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.optiscroll-v,.optiscroll-h {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.optiscroll-v {
    right: 0
}

.optiscroll-h {
    bottom: 0
}

.optiscroll.has-vtrack>.optiscroll-v,.optiscroll.has-htrack>.optiscroll-h {
    visibility: visible
}

.optiscroll.is-rtl>.optiscroll-v {
    left: 0;
    right: auto
}

.optiscroll-vtrack,.optiscroll-htrack {
    display: block;
    position: absolute;
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
    transition: height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
    box-sizing: border-box
}

.optiscroll-v {
    top: 4px;
    bottom: 4px;
    width: 0
}

.optiscroll-h {
    left: 4px;
    right: 4px;
    height: 0
}

.optiscroll.has-vtrack.has-htrack>.optiscroll-v {
    bottom: 8px
}

.optiscroll.has-vtrack.has-htrack>.optiscroll-h {
    right: 8px
}

.optiscroll-vtrack,.optiscroll-htrack {
    background: rgba(0,0,0,0.3);
    border-radius: 2px;
    box-shadow: 0 0 1px #FFF;
    opacity: 0
}

.optiscroll-vtrack {
    width: 3px;
    right: 4px
}

.optiscroll-htrack {
    height: 3px;
    bottom: 4px
}

.optiscroll:hover>.optiscroll-v .optiscroll-vtrack,.optiscroll:hover>.optiscroll-h .optiscroll-htrack {
    opacity: 1
}

.optiscroll.has-vtrack.has-htrack.is-rtl>.optiscroll-h {
    right: 4px;
    left: 8px
}

.optiscroll.is-rtl>.optiscroll-v .optiscroll-vtrack {
    right: auto;
    left: 4px
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url('../fonts/poppins300.woff2') format('woff2'), url('../fonts/poppins300.woff') format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins400.woff2') format('woff2'), url('../fonts/poppins400.woff') format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins500.woff2') format('woff2'), url('../fonts/poppins500.woff') format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/poppins600.woff2') format('woff2'), url('../fonts/poppins600.woff') format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins700.woff2') format('woff2'), url('../fonts/poppins700.woff') format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url('../fonts/poppins800.woff2') format('woff2'), url('../fonts/poppins800.woff') format('woff')
}

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

body {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #1e2022;
    font-weight: 400;
    background-color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

a,a.inverted,a.secondary,a.black,a.white {
    cursor: pointer;
    color: #e22429;
    text-decoration: none;
    transition: all .35s ease;
    outline: none
}

a:hover,a.hover,a:focus {
    color: #e22429;
    transition: all .55s ease;
    outline: none;
    text-decoration: none
}

a.secondary {
    color: #77838F
}

a.secondary:hover,a.secondary.hover,a.secondary:focus {
    color: #e22429
}

a.inverted,p.inverted {
    color: rgba(255,255,255,0.7)
}

a.black {
    color: #1e2022
}

a.white {
    color: #fff
}

a.inverted:hover,a.inverted.hover,a.inverted:focus,a.white:hover,a.white.hover,a.white:focus {
    color: rgba(255,255,255,1)
}

a.black:hover,a.black.hover,a.black:focus {
    color: #e22429
}

a.dashed {
    border-bottom: 1px dashed #97a4af
}

b,strong {
    font-weight: 700
}

p {
    color: #2c2c2c;
    line-height: 1.7;
    margin-bottom: 1em
}

p:last-child {
    margin-bottom: 0
}

h1,h2,h3,h4,h5,h6 {
    margin: 0em 0em 0.5rem;
    font-family: inherit;
    font-weight: 300;
    color: #1E2022;
    line-height: 1.4
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem;
    font-weight: 500
}

h5 {
    font-size: 1.25rem;
    font-weight: 500
}

h6 {
    font-size: 1rem;
    font-weight: 500
}

h1.basic,h2.basic,h3.basic,h4.basic,h5.basic,h6.basic,p.basic {
    margin: 0em
}

header#header {background: #000002;z-index: 9999999;}

header#header .top-bar {
    padding-top: 0.5em
}

header#header.sticky {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
    background-color: #ffffff;
    box-shadow: 0 0.375rem 1.5rem 0 rgb(0 0 0 / 24%);
}

header#header .logo a {
    display: block
}

header#header .logo img,header#header .logo svg {
    width: 8rem;
    margin-top: -18px;
    margin-bottom: -60px;
}

header#header .logo .logoshape1,header#header .logo .logoshape3 {
    fill: #77838f
}

header .logo .logoshape2 {
    fill: #e22429
}

main {
    flex: 1 0 auto
}

aside h4 {
    font-weight: 600;
    color: #e22429;
    margin-bottom: 1.5rem;
    font-size: 1.25rem
}

nav.menu {
    text-align: right;
    display: inline-block
}

nav.menu .menu-mobile {
    display: none;
    padding-bottom: 20px
}

.menu-mobile:after {
    content: "\ea1a";
    font-family: "WojoIcons";
    font-size: 2rem;
    padding: 0;
    position: relative;
    float: right;
    margin-top: -20px;
}

nav.menu .menu-dropdown-icon > a:after {
    content: "\e948";
    font-family: "WojoIcons";
    float: right;
    margin-left: .5em;
    display: none;
}

nav.menu .menu-dropdown-icon:before {
    content: "\e948";
    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: 0.23em;
    color: #e22429;
    font-size: 22px;
    display: none;
    vertical-align: sub;
}

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: left;
    padding: 0;
    margin: 0
}

nav.menu > ul > li a {
    text-decoration: none;
    padding: 1.5rem 1.2rem;
    display: block;
    text-align: left;
    color: #ffffff;
}

nav.menu strong {
    font-weight: 600;
}

nav.menu > ul > li a:hover,nav.menu > ul > li a.active {
    color: #e22429
}

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-top: 3px solid #e22429;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075)
}

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: 25%;
    background: none;
    float: left
}

nav.menu > ul > li > ul > li a {
    padding: .2em 0;
    width: 95%;
    display: block;
    font-size: 0.875em;
    color: #77838f;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

nav.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 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: 1em
}

nav.menu > ul > li > ul.normal-sub {
    width: 325px;
    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: 8rem 0 6rem 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#pageCaption .wojo-grid {
    position: relative
}

#pageCaption h1 {
    color: #fff;
    font-weight: 500
}

#moduleCaption {
    background-color: #f8f9fa;
    position: relative;
    z-index: 1;
    padding: 5rem 0 6rem 0;
    margin-bottom: 2rem
}

#moduleCaption .wrapper {
    position: relative;
    z-index: 2
}

#moduleCaption figure {
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%
}

#moduleCaption.blog {
    background-image: linear-gradient(0deg, #ffffffba 0%, #ffffff 100%),url(/uploads/sayfa/seo-14.jpg);
    background-repeat: repeat-x
}

#moduleCaption.shop {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x
}

.wojo.ajax.search {
    position: absolute;
    top: 100%;
    background: #fff;
    margin-top: .5em;
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    border-radius: .250rem;
    z-index: 5;
    width: 100%
}

.fullsize {
    height: 100vh
}

#loginFooter {
    position: absolute;
    bottom: 1rem;
    width: Calc(100% / 3);
    text-align: center;
    font-weight: 300;
    font-size: .750rem;
    color: rgba(255,255,255,0.8);
    padding: 1rem;
    z-index: 4
}

#loginHeader {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 4
}

#loginHeader a.logo {
    display: inline-block;
    padding: 1rem
}

#loginHeader a.logo img,#loginHeader a.logo svg {
    width: 4rem
}

#loginHeader a.dark.logo .logoshape1,#loginHeader a.dark.logo .logoshape3 {
    fill: #77838f
}

#loginHeader a.dark.logo .logoshape2 {
    fill: #e22429
}

#dashboard {
    background-color: #e22429;
    padding: 3rem 0 0 0;
    margin-bottom: 4rem
}

ul.wojo.dash.list {
    margin-top: 1rem;
    margin-left: 0
}

ul.wojo.dash.list li a {
    color: rgba(255, 255, 255, 0.7);
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    padding: 1em 1.5em
}

ul.wojo.dash.list li a:hover,ul.wojo.dash.list li.active a {
    color: rgba(255, 255, 255, 1)
}

ul.wojo.dash.list li a .icon {
    margin-right: 1rem
}

#sOverlay::after {
    position: absolute;
    z-index: 3;
    background-image: linear-gradient(150deg, #19a0ff 0%, #2d1582 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: .85
}

footer {
    position: relative;
    background-color: #FFFFFF;
    padding: 2rem 0;
    z-index: 1;
    margin-top: 5rem;
    flex-shrink: 0
}

footer .wrapper {
    position: relative;
    z-index: 2
}

footer .logo img,footer .logo svg {
    height: 1.5rem;
}

footer .logo .logoshape1,footer .logo .logoshape3 {
    fill: #000
}

footer .logo .logoshape2 {
    fill: #e22429
}

footer figure {
    bottom: 0;
    left: 0;
    width: 40%;
    z-index: 0
}

body.page_profile,body.page_sitemap,body.page_dashboard {
    background-color: #F8F9FA
}

body.page_profile header#header,body.page_sitemap header#header,body.page_dashboard header#header {
    background-color: #fff
}

body.page_search header#header {
    background-color: #F8F9FA
}

body.page_search header#header.sticky {
    background-color: #fff
}

#searchHero {
    background-color: #F8F9FA;
    margin-bottom: 4rem
}

#master-loader {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
    background-size: contain;
    background-position: left bottom
}

#master-loader .curtains {
    background: #f9f9fb;
    height: 100%;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    width: 51%;
    z-index: 5001
}

#master-loader .curtains.left {
    left: 0
}

#master-loader .curtains.right {
    right: 0
}

.wanimation {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: 2s linear 0s normal none infinite running spin;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: #2196f3 transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 150px;
    left: 50%;
    margin: -75px 0 0 -75px;
    position: relative;
    top: 50%;
    width: 150px;
    z-index: 5005
}

.wanimation::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: 3s linear 0s normal none infinite running spin;
    animation: 3s linear 0s normal none infinite running spin;
    border-color: #f44336 transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 5px;
    content: "";
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px
}

.wanimation::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: 1.5s linear 0s normal none infinite running spin;
    animation: 1.5s linear 0s normal none infinite running spin;
    border-color: #ff9800 transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loaded #master-loader {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 0.3s ease-out 1s;
    visibility: hidden
}

.loaded #master-loader .curtains.left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s
}

.loaded #master-loader .curtains.right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s
}

.loaded .wanimation {
    opacity: 0;
    transition: all 0.3s ease-out 0s
}

@-webkit-keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

#back-to-top {
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9999;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    background-color: #e22429;
    cursor: pointer;
    display: none;
    opacity: .5;
    border: 0;
    border-radius: .250rem;
    transition: 0.3s ease-out
}

#back-to-top:hover {
    text-decoration: none;
    opacity: 1
}

body#errorPage {
    background-image: url(../images/error_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    display: block
}

body#errorPage header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 1rem 0
}

body#errorPage .logo img,body#errorPage .logo svg {
    width: 4rem;
    border-radius: .250rem
}

body#errorPage .logo .logoshape1,body#errorPage .logo .logoshape3 {
    fill: #77838f
}

body#errorPage .logo .logoshape2 {
    fill: #e22429
}

body#errorPage main {
    position: relative;
    min-height: 100vh;
    display: flex;
    max-width: 1280px;
    padding: 0 1rem;
    margin: 0 auto
}

body#errorPage footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent
}

#mdashboard {
    margin-top: 1rem
}

#mheader {
    position: absolute;
    top: 1rem;
    width: 100%;
    text-align: center;
    padding: 1rem
}

#mheader .logo img,#mheader .logo svg {
    width: 10rem;
    border-radius: .250rem
}

#mheader .logo .logoshape1,#mheader .logo .logoshape3 {
    fill: #77838f
}

#mheader .logo .logoshape2 {
    fill: #e22429
}

#mfooter {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: .750rem;
    padding: 1rem
}

.dash {
    position: relative;
    padding: 0 1em
}

.dash .digit {
    font-size: 3rem;
    line-height: 1;
    font-weight: 300;
    text-align: center;
    display: inline-flex;
    color: #e22429
}

.dash_title {
    display: block;
    font-size: .750rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 500;
    color: #77838F
}

@media screen and (min-width: 40.625em) and (max-width:64em) {
    #loginFooter {
        width:30%
    }

    #regForm {
        padding: 3.5rem 0
    }
}

@media screen and (max-width: 48.063em) {
    header#header .bottom-bar {
        margin-top: 1.5rem;
    }

    nav.menu {
        text-align: left;
        position: relative
    }

    nav.menu,nav.menu .menu-dropdown-icon:before {
        display: block
    }

    nav.menu .menu-dropdown-icon::before {
        padding: .5rem
    }

    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: .5rem;
        width: 100%;
        display: block
    }

    nav.menu > ul > li > ul {
        position: relative;
        border-radius: .0;
        border-top: 0;
        box-shadow: none;
        padding: 0;
        padding-left: 1rem;
        border-left: 3px solid #e22429
    }

    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 {
        margin: 1rem 0 0
    }

    nav.menu > ul > li > ul > li > ul > li {
        float: none
    }

    nav.menu .show-on-mobile {
        display: block
    }

    #loginFooter {
        display: none
    }

    #regForm {
        padding: 3.5rem 0
    }
}

@media screen and (max-width: 30em) {
    body#errorPage footer {
        position:relative;
        bottom: 0;
        left: 0;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        background-color: transparent
    }

    .wojo.huge.text,h1 {
        font-size: 2.5rem
    }

    #loginFooter {
        display: none
    }

    #regForm {
        padding: 3.5rem 0
    }

    ul.wojo.dash.list {
        display: block;
        margin: 0
    }

    .wojo.horizontal.dash.relaxed.list .list > .item:not(:last-child),.wojo.dash.horizontal.relaxed.list > .item:not(:last-child),.wojo.horizontal.dash.relaxed.list .list > .item:not(:first-child),.wojo.dash.horizontal.relaxed.list > .item:not(:first-child) {
        padding: 0;
        display: block;
        margin: 0
    }

    .wojo.horizontal.dash.list > .item {
        margin: 0
    }
}