@charset "UTF-8";

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

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0;
        text-decoration: none;
    }

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

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    overflow: visible
}

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

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

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

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

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

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

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #0a0a0a;
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

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

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

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

    .row:after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

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

@media print,screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-right: auto;
        margin-left: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column, .columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:40em) {
    .column, .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    float: left;
    width: 100%
}

    .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
        float: left
    }

.small-up-2 > .column, .small-up-2 > .columns {
    float: left;
    width: 50%
}

    .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
        float: left
    }

.small-up-3 > .column, .small-up-3 > .columns {
    float: left;
    width: 33.33333%
}

    .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
        float: left
    }

.small-up-4 > .column, .small-up-4 > .columns {
    float: left;
    width: 25%
}

    .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
        float: left
    }

.small-up-5 > .column, .small-up-5 > .columns {
    float: left;
    width: 20%
}

    .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
        float: left
    }

.small-up-6 > .column, .small-up-6 > .columns {
    float: left;
    width: 16.66667%
}

    .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
        float: left
    }

.small-up-7 > .column, .small-up-7 > .columns {
    float: left;
    width: 14.28571%
}

    .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
        float: left
    }

.small-up-8 > .column, .small-up-8 > .columns {
    float: left;
    width: 12.5%
}

    .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
        float: left
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.expanded.row .small-collapse.row, .small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

    .small-centered, .small-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

.small-pull-0, .small-push-0, .small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,screen and (min-width:40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

        .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

        .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

        .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

        .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

        .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

        .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

        .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .medium-collapse.row, .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

        .medium-centered, .medium-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .medium-pull-0, .medium-push-0, .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        float: left;
        width: 100%
    }

        .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        float: left;
        width: 50%
    }

        .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

        .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        float: left;
        width: 25%
    }

        .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        float: left;
        width: 20%
    }

        .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

        .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

        .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .large-collapse.row, .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

        .large-centered, .large-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .large-pull-0, .large-push-0, .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

    .column-block > :last-child {
        margin-bottom: 0
    }

@media print,screen and (min-width:40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

        .column-block > :last-child {
            margin-bottom: 0
        }
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic
}

b, em, i, strong {
    line-height: inherit
}

b, strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #cacaca
    }

h1 {
    font-size: 1.5rem
}

h1, h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.1875rem
}

h3, h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h5, h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem
}

@media print,screen and (min-width:40em) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #B0B1B3;
    text-decoration: none;
    cursor: pointer
}

    a:focus, a:hover {
        color: #FFD8A5
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl, ol, ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol, ul {
    margin-left: 1.25rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

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

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before {
        content: "— "
    }

abbr {
    border-bottom: 1px dotted #0a0a0a;
    color: #0a0a0a;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    font-weight: 400
}

code, kbd {
    background-color: #e6e6e6;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

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

.button.primary {
    background-color: #1779ba;
    color: #fefefe
}

    .button.primary:focus, .button.primary:hover {
        background-color: #126195;
        color: #fefefe
    }

.button.secondary {
    background-color: #767676;
    color: #fefefe
}

    .button.secondary:focus, .button.secondary:hover {
        background-color: #5e5e5e;
        color: #fefefe
    }

.button.success {
    background-color: #3adb76;
    color: #0a0a0a
}

    .button.success:focus, .button.success:hover {
        background-color: #22bb5b;
        color: #0a0a0a
    }

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

    .button.warning:focus, .button.warning:hover {
        background-color: #cc8b00;
        color: #0a0a0a
    }

.button.alert {
    background-color: #cc4b37;
    color: #fefefe
}

    .button.alert:focus, .button.alert:hover {
        background-color: #a53b2a;
        color: #fefefe
    }

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.hollow, .button.hollow:focus, .button.hollow:hover {
        background-color: transparent
    }

        .button.hollow:focus, .button.hollow:hover {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

        .button.hollow.primary {
            border: 1px solid #1779ba;
            color: #1779ba
        }

            .button.hollow.primary:focus, .button.hollow.primary:hover {
                border-color: #0c3d5d;
                color: #0c3d5d
            }

        .button.hollow.secondary {
            border: 1px solid #767676;
            color: #767676
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                border-color: #3b3b3b;
                color: #3b3b3b
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover {
                border-color: #157539;
                color: #157539
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover {
                border-color: #805700;
                color: #805700
            }

        .button.hollow.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover {
                border-color: #67251a;
                color: #67251a
            }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
        background-color: #1779ba;
        color: #fefefe
    }

        .button.disabled.primary, .button[disabled].primary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary, .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary, .button[disabled].primary:focus, .button[disabled].primary:hover {
                background-color: #1779ba;
                color: #fefefe
            }

        .button.disabled.secondary, .button[disabled].secondary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary, .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary, .button[disabled].secondary:focus, .button[disabled].secondary:hover {
                background-color: #767676;
                color: #fefefe
            }

        .button.disabled.success, .button[disabled].success {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success, .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success, .button[disabled].success:focus, .button[disabled].success:hover {
                background-color: #3adb76;
                color: #0a0a0a
            }

        .button.disabled.warning, .button[disabled].warning {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning, .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning, .button[disabled].warning:focus, .button[disabled].warning:hover {
                background-color: #ffae00;
                color: #0a0a0a
            }

        .button.disabled.alert, .button[disabled].alert {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert, .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert, .button[disabled].alert:focus, .button[disabled].alert:hover {
                background-color: #cc4b37;
                color: #fefefe
            }

.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.arrow-only:after {
    top: -.1em;
    float: none;
    margin-left: 0
}

/*[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}*/

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #cacaca
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #cacaca
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #cacaca
    }

    input::placeholder, textarea::placeholder {
        color: #cacaca
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem;
        background: #fefefe
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::-moz-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus):-ms-input-placeholder {
        color: #cc4b37
    }

    .form-error, .is-invalid-input:not(:focus)::placeholder, .is-invalid-label {
        color: #cc4b37
    }

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

    .form-error.is-visible {
        display: block
    }

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active > .accordion-title:before {
    content: "–"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent > a {
    position: relative
}

    .is-accordion-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.is-accordion-submenu-parent[aria-expanded=true] > a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center
}

    .badge, .badge.primary {
        background: #1779ba;
        color: #fefefe
    }

        .badge.secondary {
            background: #767676;
            color: #fefefe
        }

        .badge.success {
            background: #3adb76;
            color: #0a0a0a
        }

        .badge.warning {
            background: #ffae00;
            color: #0a0a0a
        }

        .badge.alert {
            background: #cc4b37;
            color: #fefefe
        }

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

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

    .breadcrumbs:after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: .6875rem;
        color: #0a0a0a;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child):after {
            position: relative;
            top: 1px;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #cacaca
        }

    .breadcrumbs a {
        color: #1779ba
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed
    }

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

    .button-group:after, .button-group:before {
        display: table;
        content: " "
    }

    .button-group:after {
        clear: both
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: .9rem
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .75rem
    }

    .button-group.large .button {
        font-size: 1.25rem
    }

    .button-group.expanded {
        margin-right: -1px
    }

        .button-group.expanded:after, .button-group.expanded:before {
            display: none
        }

        .button-group.expanded .button:first-child:last-child {
            width: 100%
        }

        .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
            display: inline-block;
            width: calc(50% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(2):last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
            display: inline-block;
            width: calc(33.33333% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(3):last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
            display: inline-block;
            width: calc(25% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(4):last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
            display: inline-block;
            width: calc(20% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(5):last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
            display: inline-block;
            width: calc(16.66667% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(6):last-child {
                margin-right: -6px
            }

    .button-group.primary .button {
        background-color: #1779ba;
        color: #fefefe
    }

        .button-group.primary .button:focus, .button-group.primary .button:hover {
            background-color: #126195;
            color: #fefefe
        }

    .button-group.secondary .button {
        background-color: #767676;
        color: #fefefe
    }

        .button-group.secondary .button:focus, .button-group.secondary .button:hover {
            background-color: #5e5e5e;
            color: #fefefe
        }

    .button-group.success .button {
        background-color: #3adb76;
        color: #0a0a0a
    }

        .button-group.success .button:focus, .button-group.success .button:hover {
            background-color: #22bb5b;
            color: #0a0a0a
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button-group.warning .button:focus, .button-group.warning .button:hover {
            background-color: #cc8b00;
            color: #0a0a0a
        }

    .button-group.alert .button {
        background-color: #cc4b37;
        color: #fefefe
    }

        .button-group.alert .button:focus, .button-group.alert .button:hover {
            background-color: #a53b2a;
            color: #fefefe
        }

    .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button, .button-group.stacked .button {
        width: 100%
    }

        .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked .button:last-child {
            margin-bottom: 0
        }

@media print,screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

.card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

    .card > :last-child {
        margin-bottom: 0
    }

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    padding: 1rem
}

    .card-section > :last-child {
        margin-bottom: 0
    }

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid hsla(0,0%,4%,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #d7ecfa;
        color: #0a0a0a
    }

    .callout.secondary {
        background-color: #eaeaea;
        color: #0a0a0a
    }

    .callout.success {
        background-color: #e1faea;
        color: #0a0a0a
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #0a0a0a
    }

    .callout.alert {
        background-color: #f7e4e1;
        color: #0a0a0a
    }

    .callout.small {
        padding: .5rem
    }

    .callout.large {
        padding: 3rem
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    margin: 0;
    list-style-type: none
}

    .menu > li {
        display: table-cell;
        vertical-align: middle
    }

[data-whatinput=mouse] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a, .menu button, .menu input, .menu select {
    margin-bottom: 0
}

.menu > li > a i, .menu > li > a i + span, .menu > li > a img, .menu > li > a img + span, .menu > li > a svg, .menu > li > a svg + span {
    vertical-align: middle
}

.menu > li > a i, .menu > li > a img, .menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu.horizontal > li, .menu > li {
    display: table-cell
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

    .menu.expanded > li:first-child:last-child {
        width: 100%
    }

.menu.vertical > li {
    display: block
}

@media print,screen and (min-width:40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.medium-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.medium-vertical > li {
        display: block
    }
}

@media print,screen and (min-width:64em) {
    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.large-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.large-vertical > li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.simple li {
    margin-left: 0;
    margin-right: 1rem
}

.menu.simple.align-right li {
    margin-right: 0;
    margin-left: 1rem
}

.menu.align-right:after, .menu.align-right:before {
    display: table;
    content: " "
}

.menu.align-right:after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.icon-top > li > a {
    text-align: center
}

    .menu.icon-top > li > a i, .menu.icon-top > li > a img, .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto .25rem
    }

.menu.icon-top.vertical a > span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active > a {
    background: #1779ba;
    color: #fefefe
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

    .menu.menu-bordered li:not(:first-child) {
        border-top: 0
    }

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

    .menu-centered > .menu {
        display: inline-block;
        vertical-align: top
    }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        content: ""
    }

    .menu-icon:hover:after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            content: ""
        }

        .menu-icon.dark:hover:after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        transition: height .5s
    }

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        transform: translateX(-100%)
    }

    .is-drilldown-submenu.is-closing {
        transform: translateX(100%)
    }

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent > a {
    position: relative
}

    .is-drilldown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem
    }

.js-drilldown-back > a:before {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

    .dropdown-pane.is-open {
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}
/*
    .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }*/

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a:after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent
}

.dropdown.menu.vertical > li.opens-right > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
}

@media print,screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
            display: block;
            width: 0;
            height: 0;
            border: 6px inset;
            content: "";
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #1779ba transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.medium-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

@media print,screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
            display: block;
            width: 0;
            height: 0;
            border: 6px inset;
            content: "";
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #1779ba transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.large-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a:after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
}

    .is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
        right: 14px
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }

    .is-dropdown-submenu .is-dropdown-submenu {
        margin-top: -1px
    }

    .is-dropdown-submenu > li {
        width: 100%
    }

    .is-dropdown-submenu.js-dropdown-active {
        display: block
    }

.flex-video, .responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen, .responsive-embed.widescreen {
        padding-bottom: 56.25%
    }

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default
}

    .label, .label.primary {
        background: #1779ba;
        color: #fefefe
    }

        .label.secondary {
            background: #767676;
            color: #fefefe
        }

        .label.success {
            background: #3adb76;
            color: #0a0a0a
        }

        .label.warning {
            background: #ffae00;
            color: #0a0a0a
        }

        .label.alert {
            background: #cc4b37;
            color: #fefefe
        }

.media-object {
    display: block;
    margin-bottom: 1rem
}

    .media-object img {
        max-width: none
    }

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

    .media-object-section > :last-child {
        margin-bottom: 0
    }

    .media-object-section.middle {
        vertical-align: middle
    }

    .media-object-section.bottom {
        vertical-align: bottom
    }

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: hsla(0,0%,100%,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

    .off-canvas.is-transition-overlap.is-open {
        box-shadow: 0 0 10px hsla(0,0%,4%,.7)
    }

.off-canvas.is-open {
    transform: translate(0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        box-shadow: 0 0 10px hsla(0,0%,4%,.7)
    }

.off-canvas-absolute.is-open {
    transform: translate(0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    transform: translateX(-250px);
    overflow-y: auto
}

    .position-left.is-open ~ .off-canvas-content {
        transform: translateX(250px)
    }

    .position-left.is-transition-push:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px hsla(0,0%,4%,.7);
        content: " "
    }

    .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow-y: auto
}

    .position-right.is-open ~ .off-canvas-content {
        transform: translateX(-250px)
    }

    .position-right.is-transition-push:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px hsla(0,0%,4%,.7);
        content: " "
    }

    .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(-250px);
    overflow-x: auto
}

    .position-top.is-open ~ .off-canvas-content {
        transform: translateY(250px)
    }

    .position-top.is-transition-push:after {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px hsla(0,0%,4%,.7);
        content: " "
    }

    .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(250px);
    overflow-x: auto
}

    .position-bottom.is-open ~ .off-canvas-content {
        transform: translateY(-250px)
    }

    .position-bottom.is-transition-push:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px hsla(0,0%,4%,.7);
        content: " "
    }

    .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.off-canvas-content {
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform: none;
        z-index: 1
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 1
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 1
    }

        .position-top.reveal-for-medium ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 1
    }

        .position-bottom.reveal-for-medium ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform: none;
        z-index: 1
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-large {
        transform: none;
        z-index: 1
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-large {
        transform: none;
        z-index: 1
    }

        .position-top.reveal-for-large ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 1
    }

        .position-bottom.reveal-for-large ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

.orbit, .orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: hsla(0,0%,4%,.5)
}

.orbit-caption, .orbit-next, .orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next, .orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: hsla(0,0%,4%,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

    .orbit-bullets button.is-active, .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

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

    .pagination:after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: 0;
        font-size: .875rem;
        display: none
    }

        .pagination li:first-child, .pagination li:last-child {
            display: inline-block
        }

@media print,screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

    .pagination a:hover, .pagination button:hover {
        background: #e6e6e6
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: transparent
    }

.pagination .ellipsis:after {
    padding: .1875rem .625rem;
    content: "…";
    color: #0a0a0a
}

.pagination-previous.disabled:before, .pagination-previous a:before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next.disabled:after, .pagination-next a:after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

    .progress.primary .progress-meter {
        background-color: #1779ba
    }

    .progress.secondary .progress-meter {
        background-color: #767676
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #cc4b37
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #1779ba
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open, html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: hsla(0,0%,4%,.45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

    .slider-fill.is-dragging {
        transition: all 0s linear
    }

.slider-handle {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scaleY(-1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        transform: translateX(-50%)
    }

.sticky, .sticky-container {
    position: relative
}

.sticky {
    z-index: 0;
    transform: translateZ(0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle:after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateZ(0);
    border-radius: 0;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ""
}

input:checked ~ .switch-paddle {
    background: #1779ba
}

    input:checked ~ .switch-paddle:after {
        left: 2.25rem
    }

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: .625rem
    }

        .switch.tiny .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 1rem;
            height: 1rem
        }

    .switch.tiny input:checked ~ .switch-paddle:after {
        left: 1.75rem
    }

.switch.small {
    height: 1.75rem
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: .75rem
    }

        .switch.small .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked ~ .switch-paddle:after {
        left: 2rem
    }

.switch.large {
    height: 2.5rem
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem
    }

        .switch.large .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked ~ .switch-paddle:after {
        left: 2.75rem
    }

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

    table tbody, table tfoot, table thead {
        border: 1px solid #f1f1f1;
        background-color: #fefefe
    }

    table caption {
        padding: .5rem .625rem .625rem;
        font-weight: 700
    }

    table thead {
        background: #f8f8f8;
        color: #0a0a0a
    }

    table tfoot {
        background: #f1f1f1;
        color: #0a0a0a
    }

        table tfoot tr, table thead tr {
            background: transparent
        }

        table tfoot td, table tfoot th, table thead td, table thead th {
            padding: .5rem .625rem .625rem;
            font-weight: 700;
            text-align: left
        }

    table tbody td, table tbody th {
        padding: .5rem .625rem .625rem
    }

    table tbody tr:nth-child(even) {
        border-bottom: 0;
        background-color: #f1f1f1
    }

    table.unstriped tbody {
        background-color: #fefefe
    }

        table.unstriped tbody tr {
            border-bottom: 0;
            border-bottom: 1px solid #f1f1f1;
            background-color: #fefefe
        }

@media screen and (max-width:63.9375em) {
    table.stack tfoot, table.stack thead {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

    .table-scroll table {
        width: auto
    }

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

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

    .tabs:after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: transparent
        }

    .tabs.primary {
        background: #1779ba
    }

        .tabs.primary > li > a {
            color: #fefefe
        }

            .tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
                background: #1673b1
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #1779ba
    }

        .tabs-title > a:hover {
            background: #fefefe;
            color: #1468a0
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
            background: #e6e6e6;
            color: #1779ba
        }

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel[aria-hidden=false] {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px hsla(0,0%,4%,.2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

    a.thumbnail:focus, a.thumbnail:hover {
        box-shadow: 0 0 6px 1px rgba(23,121,186,.5)
    }

    a.thumbnail image {
        box-shadow: none
    }

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe
}

    .title-bar:after, .title-bar:before {
        display: table;
        content: " "
    }

    .title-bar:after {
        clear: both
    }

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip, .title-bar-title {
    display: inline-block;
    font-weight: 700
}

.has-tip {
    position: relative;
    border-bottom: 1px dotted #8a8a8a;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

    .tooltip:before {
        border: .75rem inset;
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #0a0a0a;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .tooltip.top:before, .tooltip:before {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .tooltip.top:before {
        border: .75rem inset;
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #0a0a0a transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.left:before {
        border: .75rem inset;
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #0a0a0a;
        left: 100%
    }

    .tooltip.left:before, .tooltip.right:before {
        display: block;
        width: 0;
        height: 0;
        content: "";
        top: 50%;
        bottom: auto;
        transform: translateY(-50%)
    }

    .tooltip.right:before {
        border: .75rem inset;
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #0a0a0a transparent transparent;
        right: 100%;
        left: auto
    }

.top-bar {
    padding: .5rem
}

    .top-bar:after, .top-bar:before {
        display: table;
        content: " "
    }

    .top-bar:after {
        clear: both
    }

    .top-bar, .top-bar ul {
        background-color: #e6e6e6
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            width: 100%
        }

@media print,screen and (min-width:40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: .5rem 1rem .5rem 0
}

    .top-bar-title .menu-icon {
        bottom: 2px
    }

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

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

.clearfix:after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active, .hinge-out-from-top.mui-leave {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active, .scale-out-up.mui-leave {
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

    .scale-out-up.mui-leave.mui-leave-active {
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active, .spin-out.mui-leave {
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

    .spin-in-ccw.mui-enter, .spin-out.mui-leave.mui-leave-active {
        transform: rotate(270deg);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

    .spin-in-ccw.mui-enter.mui-enter-active, .spin-out-ccw.mui-leave {
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        transform: rotate(-270deg);
        opacity: 0
    }

.slow {
    transition-duration: .75s !important
}

.fast {
    transition-duration: .25s !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    animation-name: a
}

@keyframes a {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-ccw, .spin-cw {
    animation-name: b
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: c
}

@keyframes c {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,30%,70%,to {
        transform: rotate(0)
    }
}

.shake, .spin-ccw, .spin-cw, .wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: .75s !important
}

.fast {
    animation-duration: .25s !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    animation-delay: .3s !important
}

.long-delay {
    animation-delay: .7s !important
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before, .fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-Profile:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before, .fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before, .fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before, .fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before, .fa-sort:before {
    content: ""
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-legal:before, .fa-gavel:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before, .fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before, .fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-Profile:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before, .fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before, .fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-rupee:before, .fa-inr:before {
    content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: ""
}

.fa-won:before, .fa-krw:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before, .fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: ""
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: ""
}

.fa-ge:before, .fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-send:before, .fa-paper-plane:before {
    content: ""
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before, .fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before, .fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before, .fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-signing:before, .fa-sign-language:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-vcard:before, .fa-address-card:before {
    content: ""
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@font-face {
    font-family: 'FlxFont';
    src: url('../fonts/FlxFont4712.ttf?deaqvi') format('truetype'),url('../fonts/FlxFont4712.woff?deaqvi') format('woff'),url('../fonts/FlxFont4712.svg?deaqvi#FlxFont') format('svg');
    font-weight: normal;
    font-style: normal
}

.flxf {
    font-family: 'FlxFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flxf-fortune-wheel:before {
    content: ""
}

.flxf-deposit:before {
    content: ""
}

.flxf-play:before {
    content: ""
}

.flxf-register:before {
    content: ""
}

.flxf-withdraw:before {
    content: ""
}

.flxf-eshop:before {
    content: ""
}

.flxf-sky_fishing:before {
    content: ""
}

.flxf-affiliate:before {
    content: ""
}

.flxf-blog:before {
    content: ""
}

.flxf-demogame:before {
    content: ""
}

.flxf-score:before {
    content: ""
}

.flxf-home:before {
    content: ""
}

.flxf-home-2:before {
    content: ""
}

.flxf-sport:before {
    content: ""
}

.flxf-sport-2:before {
    content: ""
}

.flxf-casino:before {
    content: ""
}

.flxf-casino-2:before {
    content: ""
}

.flxf-slot:before {
    content: ""
}

.flxf-slot-2:before {
    content: ""
}

.flxf-poker:before {
    content: ""
}

.flxf-poker-2:before {
    content: ""
}

.flxf-keno:before {
    content: ""
}

.flxf-keno-2:before {
    content: ""
}

.flxf-Profile:before {
    content: ""
}

.flxf-Profile-3:before {
    content: ""
}

.flxf-Profile-2:before {
    content: ""
}

.flxf-surprise:before {
    content: ""
}

.flxf-promo-2:before {
    content: ""
}

.flxf-promo:before {
    content: ""
}

.flxf-mypromo:before {
    content: ""
}

.flxf-announcement:before {
    content: ""
}

.flxf-livechat:before {
    content: ""
}

.flxf-contact:before {
    content: ""
}

.flxf-cockfight:before {
    content: ""
}

.flxf-fishing:before {
    content: ""
}

.flxf-horserace:before {
    content: ""
}

.flxf-login:before {
    content: ""
}

.flxf-Profile-desktop:before {
    content: ""
}

.flxf-Profile-android:before {
    content: ""
}

.flxf-Profile-ios:before {
    content: ""
}

.flxf-Profile-mobile:before {
    content: ""
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: none;
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../error/notfound.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@charset "UTF-8";

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

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

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

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

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

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

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

.button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: .5rem 1rem;
    cursor: pointer;
    border: none;
    transition: none;
    font-weight: bold
}

.button-inline {
    margin-bottom: 0
}

.input-group-button .button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.button-style-1 {
    background: transparent linear-gradient(180deg, #FDFADB 0%, #F3DB91 52%, #C48A2C 100%) 0% 0% no-repeat padding-box;
    border-radius: 33px;
    opacity: 1;
    width: 100%;
    height: 65px;
    color: #000;
}

    .button-style-1:focus, .button-style-1:active {
        background: transparent linear-gradient(180deg, #FDFADB 0%, #F3DB91 52%, #8b6425 100%) 0% 0% no-repeat padding-box;
        color: #000;
        border: 1px solid #ecd68e
    }

    .button-style-1:hover {
        background: transparent linear-gradient(180deg, #FDFADB 0%, #F3DB91 52%, #8b6425 100%) 0% 0% no-repeat padding-box;
        color: #000;
        border: 1px solid #fff
    }

    .button-style-1.is-active {
        background: transparent linear-gradient(180deg, #FDFADB 0%, #F3DB91 52%, #8b6425 100%) 0% 0% no-repeat padding-box;
        color: #000;
        border: 1px solid #fff
    }

.button-style-2 {
    background-color: transparent;
    color: #ecd68e;
    border: 1px solid #ecd68e
}

    .button-style-2:focus {
        background-color: transparent;
        color: #ecd68e;
        border: 1px solid #ecd68e
    }

    .button-style-2.active {
        background-color: white;
        color: black;
        border: 1px solid #ecd68e
    }

    .button-style-2:hover, .button-style-2.is-active {
        color: #ecd68e;
        background-color: transparent;
        border: 1px solid #fff
    }

.button-style-3 {
    background-color: #e6c96b;
    color: #490105;
    border: 1px solid #e6c96b
}

    .button-style-3:focus, .button-style-3:active {
        background-color: #e6c96b;
        color: #490105;
        border: 1px solid #e6c96b
    }

    .button-style-3:hover, .button-style-3.is-active {
        background-color: #e5c662;
        color: #490105;
        border: 1px solid #490105
    }

.button-style-4 {
    background-color: transparent;
    color: #ecd68e;
    border: 1px solid #ecd68e
}

    .button-style-4:focus, .button-style-4:active {
        background-color: transparent;
        color: #ecd68e;
        border: 1px solid #ecd68e
    }

    .button-style-4:hover, .button-style-4.is-active {
        background-color: #ffc500;
        color: #490105;
        border: 1px solid #ecd68e
    }

.button-style-5 {
    background-color: transparent;
    color: #ecd68e;
    border: 1px solid #ecd68e
}

    .button-style-5:focus, .button-style-5:active {
        background-color: transparent;
        color: #ecd68e;
        border: 1px solid #ecd68e
    }

    .button-style-5:hover, .button-style-5.is-active {
        background-color: #ecd68e;
        color: #770002;
        border: 1px solid #fff
    }

.button-style-6 {
    background-color: transparent;
    color: #FFFFFF
}

    .button-style-6:focus, .button-style-6:active {
        background-color: transparent;
        color: #FFFFFF
    }

    .button-style-6:hover, .button-style-6.is-active {
        background-color: transparent;
        color: #ecd68e
    }

.button-style-7 {
    background: none;
    border: none;
    margin: 0;
    color: #ecd68e;
    text-decoration: underline;
    padding-left: 5px
}

    .button-style-7:focus, .button-style-7:active {
        color: #ecd68e
    }

    .button-style-7:hover, .button-style-7.is-active {
        color: #fff
    }

.js-button-copy {
    margin-left: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../assets/img/common/copy-button.png);
    background-size: 100%;
    background-repeat: no-repeat
}

    .js-button-copy:hover {
        cursor: pointer
    }

.promotion-button {
    background-color: #e6c96b;
    color: #490105;
    border: 1px solid #e6c96b;
    margin: 0 3px 3px 3px
}

    .promotion-button:hover, .promotion-button:focus {
        background-color: #e5c662;
        color: #490105;
        border: 1px solid #490105
    }

.quick-selection-button {
    min-width: 100px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #ecd68e;
    color: #770002;
    border: 1px solid #770002
}

    .quick-selection-button:hover, .quick-selection-button.is-active {
        background-color: #770002;
        color: #ecd68e;
        border: 1px solid #fff
    }

.delete-icon {
    float: right;
    padding-right: 3px
}

    .delete-icon:hover {
        cursor: pointer
    }

.quick-selection-icon {
    margin-right: 5px;
    color: #ecd68e;
    font-size: 25px;
    text-align: center;
    float: left
}

    .quick-selection-icon:hover {
        cursor: pointer
    }

.button-container {
    margin-top: 5px
}

#addSortableButton {
    margin-left: 5px
}

#product-filter .accordion button {
    min-width: 150px
}

#product-filter .button-favouriteGames {
    width: 100%;
    margin-top: 1rem;
    height: 38px
}

    #product-filter .button-favouriteGames .fa-heart {
        color: red;
        animation: pulse .5s infinite;
        -ms-animation: pulse .5s infinite;
        -moz-animation: pulse .5s infinite;
        -webkit-animation: pulse .5s infinite;
        -o-animation: pulse .5s infinite
    }

html[data-whatintent="touch"] #product-filter .button:hover, html[data-whatintent="touch"] #promotion-filter .button:hover {
    background-color: transparent;
    color: #ecd68e;
    border: 1px solid #ecd68e
}

html[data-whatintent="touch"] #product-filter .button.is-active, html[data-whatintent="touch"] #promotion-filter .button.is-active {
    background-color: #ffc500;
    color: #490105;
    border: 1px solid #ecd68e
}

.page-container {
    margin: 25px auto
}

.default-gameicon-container {
    background-image: url('../assets/img/product/default-game-icon.jpg')
}

.container-style-1 {
    /*    background-color: #0a0a0a;*/
    /*    background: -webkit-gradient(linear,left top,left bottom,from(#aa0003),to(#770002));
    background: -webkit-linear-gradient(top,#aa0003,#770002);
    background: -moz-linear-gradient(top,#aa0003,#770002);
    background: -ms-linear-gradient(top,#aa0003,#770002);
    background: -o-linear-gradient(top,#aa0003,#770002);*/
    color: #ecd68e
}

    .container-style-1 label {
        color: #ecd68e
    }

.container-style-2 {
    background-color: #f0dea4;
    color: #1a1a1a
}

    .container-style-2 label {
        color: #1a1a1a
    }

.container-style-3 {
    background-color: #2B2221;
    color: #fff
}

@media (max-width: 768px) {
    .container-style-3 {
        background-color: transparent;
    }
}

.container-style-3 label {
    color: #FFD8A5
}

.container-style-4 {
    background-color: #141414;
    color: #fff
}

    .container-style-4 label {
        color: #fff
    }

.container-style-5 {
    background-color: #770002;
    color: #fff;
    border-left: 5px solid #ecd68e
}

    .container-style-5 label {
        color: #fff
    }

.font-white {
    color: #fff !important
}

.font-alert {
    color: #ff2a00
}

.font-style-1 {
    color: gray !important
}

.font-style-2 {
    color: #ecd68e !important
}

.font-small {
    font-size: .8em
}

.form-container {
    padding: 1rem
}

.form-inline {
    margin-bottom: 1rem
}

    .form-inline .form-group {
        margin-bottom: 1rem
    }

    .form-inline label, .form-inline .form-control {
        display: inline-block;
        width: 100%;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

.field-required {
    position: relative
}

    .field-required:before {
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: .5rem;
        content: '';
        display: inline
    }

.field-group {
    margin-bottom: 1.3rem
}

    .field-group input, .field-group select, .field-group textarea, .field-group .input-group {
        margin-bottom: 0
    }

@media screen and (min-width:40em) {
    .form-inline {
        margin-bottom: 0
    }

        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 1rem
        }

        .form-inline label, .form-inline .form-control {
            width: auto
        }
}

input[readonly] {
    cursor: auto
}

input.input-upload[readonly][type=text] {
    background-color: #fefefe;
    cursor: pointer
}

input.error, select.error {
    border-color: #ff2a00
}

label {
    font-size: .9em
}

    label.error {
        color: #ff2a00 !important
    }

    label.success {
        color: #ecd68e !important
    }

.field-required:before {
    color: #ff2a00
}

select > option, div.datepicker-container {
    color: #000
}

.form-style-1 {
    color: #fff
}

    .form-style-1 label > span {
        color: #fff
    }

    .form-style-1 input, .form-style-1 input:focus, .form-style-1 select, .form-style-1 select:focus {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid gray;
        background-color: transparent;
        color: #fff
    }

        .form-style-1 input:focus, .form-style-1 select:focus {
            background-color: inherit;
            border-color: #ecd68e
        }

        .form-style-1 input::-moz-placeholder, .form-style-1 textarea::-moz-placeholder, .form-style-1 input[disabled], .form-style-1 select[disabled] {
            color: #e6e6e6
        }

.form-style-2 {
    color: #000
}

    .form-style-2 label > span {
        color: #000
    }

    .form-style-2 input, .form-style-2 input:focus, .form-style-2 select, .form-style-2 select:focus {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #000;
        background-color: transparent;
        color: #000
    }

        .form-style-2 input:focus, .form-style-2 select:focus {
            background-color: inherit;
            border-color: #ecd68e
        }

        .form-style-2 input::-moz-placeholder, .form-style-2 textarea::-moz-placeholder, .form-style-2 input[disabled], .form-style-2 select[disabled] {
            color: #e6e6e6
        }

.form-style-3 {
    color: #fff
}

    .form-style-3 input, .form-style-3 input:focus, .form-style-3 select, .form-style-3 select:focus {
        box-shadow: none;
        color: #000
    }

a {
    text-decoration: none
}

    a.link-style-1 {
        color: #b3b3b3
    }

        a.link-style-1:focus, a.link-style-1:active {
            color: #ecd68e
        }

        a.link-style-1:hover, a.link-style-1.is-active {
            color: #ecd68e
        }

    a.link-style-2 {
        color: #000
    }

        a.link-style-2:focus, a.link-style-2:active {
            color: #000
        }

        a.link-style-2:hover, a.link-style-2.is-active {
            color: #1a1a1a;
            text-decoration: underline
        }

    a.link-style-3 {
        color: #ecd68e
    }

        a.link-style-3:focus, a.link-style-3:active {
            color: #ecd68e
        }

        a.link-style-3:hover, a.link-style-3.is-active {
            color: #ecd68e
        }

    a.link-style-4 {
        color: #ecd68e
    }

        a.link-style-4:focus, a.link-style-4:active {
            color: #ecd68e
        }

        a.link-style-4:hover, a.link-style-4.is-active {
            color: gray
        }

.tabs-content {
    border: none
}

ul.tabsmenu-style-1 {
    background-color: transparent;
    border: none
}

    ul.tabsmenu-style-1 .tabsmenu-column {
        padding: 0 .625rem
    }

        ul.tabsmenu-style-1 .tabsmenu-column a {
            background-color: #2b0001;
            color: #fff;
            border-top: 3px solid transparent;
            display: block;
            padding: 10px 0;
            font-size: 1rem
        }

        ul.tabsmenu-style-1 .tabsmenu-column.is-active a {
            background-color: #440001;
            color: #fff;
            border-top: 3px solid #ecd68e;
            font-weight: bold
        }

.accordion {
    background-color: inherit
}

    .accordion :last-child > .accordion-content:last-child {
        border-bottom: none
    }

    .accordion.accordion-style-1 {
        background: inherit
    }

        .accordion.accordion-style-1 .accordion-title {
            background-color: #333;
            color: #fff;
            border: none;
            border-left: 5px solid gray;
            font-size: 1.2rem;
            font-weight: bold;
            padding: 1rem 1rem;
            margin-top: 1rem
        }

            .accordion.accordion-style-1 .accordion-title:before {
                content: ''
            }

            .accordion.accordion-style-1 .accordion-title:hover {
                background-color: #910002;
                border-left: 5px solid #ecd68e
            }

                .accordion.accordion-style-1 .accordion-title:hover:before {
                    font-family: 'FontAwesome';
                    content: ''
                }

        .accordion.accordion-style-1 .is-active .accordion-title {
            background-color: #440001;
            border-left: 5px solid #ecd68e
        }

            .accordion.accordion-style-1 .is-active .accordion-title:before {
                font-family: 'FontAwesome';
                content: ''
            }

        .accordion.accordion-style-1 .accordion-content {
            background: transparent;
            padding: .5rem 1rem;
            border: none
        }

    .accordion.accordion-style-2 .accordion-title {
        background-color: #5e0002;
        color: #fff;
        border: none;
        border-bottom: 2px solid #ff2a2e
    }

        .accordion.accordion-style-2 .accordion-title:before {
            color: #ddb637
        }

    .accordion.accordion-style-2 .is-active .accordion-title {
        border-bottom: 2px solid #ddb637
    }

    .accordion.accordion-style-2 .accordion-content {
        background-color: gray;
        border: none;
        margin: 0 5px 8px
    }

.modal, .modal-wrapper {
    position: fixed;
}

.modal {
    display: none;
    padding-bottom: 10vh
}

.modal-wrapper .modal-wrapper-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 1.5em;
    line-height: 1rem;
    text-align: center;
    cursor: pointer
}

.modal-wrapper .modal-actions .button {
    margin-left: 5px
}

#modal-loading {
    background-color: hsla(0,0%,4%,.45)
}

    #modal-loading div {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px;
        padding: 10px 0;
        text-align: center;
        border-radius: 10px
    }

        #modal-loading div .fa {
            -webkit-animation: loading-spin 1s infinite;
            animation: loading-spin 1s infinite
        }

        #modal-loading div label {
            font-size: .8em;
            margin: 5px auto
        }

@-webkit-keyframes loading-spin {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(359deg);
        transform: rotateY(359deg)
    }
}

@keyframes loading-spin {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(359deg);
        transform: rotateY(359deg)
    }
}

.modal-style-1 {
    background-color: #fff;
    color: #000
}

    .modal-style-1 .modal-wrapper-close {
        color: #000
    }

        .modal-style-1 .modal-wrapper-close:hover {
            color: #333
        }

    .modal-style-1 header {
        background-color: #ecd68e;
        color: #000;
        font-weight: bold;
        font-size: 1.1em;
        min-height: 45px;
        padding: 10px 30px 10px 10px
    }

    .modal-style-1 article {
        color: #000;
        padding: .9375rem
    }

        .modal-style-1 article label {
            color: #000
        }

    .modal-style-1 nav {
        padding: 0 10px;
        margin: 1rem 0 0 0;
        text-align: right
    }

.modal-style-2 {
    background-color: #ecd68e;
    color: #fff;
    padding: 5px 20px
}

    .modal-style-2 .close-button {
        background-color: #fff;
        color: #ecd68e;
        border: 5px solid #ecd68e;
        border-radius: 50%;
        padding: 2px 10px;
        right: -1rem !important;
        top: -1rem !important;
        font-size: 1.5em;
        font-weight: bold
    }

@media screen and (max-width:25em) {
    .modal-style-2 .close-button {
        right: -.5rem !important
    }
}

.modal-style-2 .close-button:hover {
    color: #695512;
    border: 5px solid #695512
}

.modal-style-announcement {
    background-color: #ecd68e;
    color: #000
}

    .modal-style-announcement .modal-wrapper-close {
        z-index: 2;
        color: #000
    }

        .modal-style-announcement .modal-wrapper-close:hover {
            color: #333
        }

    .modal-style-announcement header {
        background-color: #ecd68e;
        color: #000;
        font-weight: bold;
        font-size: 1.1em;
        min-height: 45px;
        padding: 10px 30px 10px 10px
    }

    .modal-style-announcement .announcement-content {
        background-color: #fff;
        padding: 15px 38px
    }

    .modal-style-announcement nav {
        padding: 0 10px;
        margin: 1rem 0 0 0;
        text-align: right
    }

        .modal-style-announcement nav .announcement-hideToday {
            display: none;
            float: left
        }

            .modal-style-announcement nav .announcement-hideToday.is-active {
                display: inline-block
            }

@media screen and (max-width:40em) {
    .modal-style-announcement nav .announcement-hideToday.is-active {
        display: block;
        float: unset;
        text-align: left
    }

        .modal-style-announcement nav .announcement-hideToday.is-active ~ button {
            margin-top: 10px
        }
}

.modal-style-announcement nav .announcement-hideToday .container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .modal-style-announcement nav .announcement-hideToday .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

.modal-style-announcement nav .announcement-hideToday .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    margin-top: 2px
}

.modal-style-announcement nav .announcement-hideToday .container:hover input ~ .checkmark {
    background-color: #ccc
}

.modal-style-announcement nav .announcement-hideToday .container input:checked ~ .checkmark {
    background-color: aqua
}

.modal-style-announcement nav .announcement-hideToday .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.modal-style-announcement nav .announcement-hideToday .container input:checked ~ .checkmark:after {
    display: block
}

.modal-style-announcement nav .announcement-hideToday .container .checkmark:after {
    content: '✓';
    width: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    font-weight: bold
}

.modal-style-announcement .announcement-template {
    display: none
}

.swiper-style-1 .swiper-button-prev, .swiper-style-1 .swiper-button-next {
    border-top: 6px solid #770002;
    border-left: 6px solid #770002;
    background: none;
    width: 38px;
    height: 38px;
    visibility: hidden;
    transition: left .2s,right .2s
}

.swiper-style-1:hover .swiper-button-prev, .swiper-style-1:hover .swiper-button-next {
    visibility: visible
}

.swiper-style-1 .swiper-button-prev {
    transform: rotate(-45deg);
    left: 30px
}

    .swiper-style-1 .swiper-button-prev:hover {
        left: 25px
    }

.swiper-style-1 .swiper-button-next {
    transform: rotate(135deg);
    right: 30px
}

    .swiper-style-1 .swiper-button-next:hover {
        right: 25px
    }

.swiper-style-1 .swiper-button-disabled {
    display: none
}

.swiper-style-2 {
    position: relative;
    padding: 0 32px
}

    .swiper-style-2 .swiper-button-prev, .swiper-style-2 .swiper-button-next {
        border-top: 2px solid #770002;
        border-left: 2px solid #770002;
        position: absolute;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: none
    }

    .swiper-style-2 .swiper-button-prev {
        left: 12px;
        transform: rotate(-45deg)
    }

    .swiper-style-2 .swiper-button-next {
        right: 12px;
        transform: rotate(135deg)
    }

    .swiper-style-2 .swiper-button-disabled {
        display: none
    }

.owl-style-1 .owl-nav {
    z-index: 2;
    visibility: hidden
}

    .owl-style-1 .owl-nav span {
        display: none
    }

    .owl-style-1 .owl-nav .owl-prev, .owl-style-1 .owl-nav .owl-next {
        border-top: 6px solid #770002 !important;
        border-right: 6px solid #770002 !important;
        width: 38px;
        height: 38px;
        position: absolute;
        top: 50%
    }

    .owl-style-1 .owl-nav .owl-prev {
        transform: rotate(-135deg);
        left: 30px
    }

        .owl-style-1 .owl-nav .owl-prev:hover {
            left: 25px
        }

    .owl-style-1 .owl-nav .owl-next {
        transform: rotate(45deg);
        right: 30px
    }

        .owl-style-1 .owl-nav .owl-next:hover {
            right: 25px
        }

.owl-style-1:hover .owl-nav {
    visibility: visible
}

.owl-style-1 .owl-item {
    touch-action: manipulation !important
}

.owl-style-popannouncement .owl-nav {
    z-index: 2;
    visibility: hidden
}

    .owl-style-popannouncement .owl-nav span {
        display: none
    }

    .owl-style-popannouncement .owl-nav .owl-prev, .owl-style-popannouncement .owl-nav .owl-next {
        border-top: 3px solid #ecd68e !important;
        border-right: 3px solid #ecd68e !important;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%
    }

    .owl-style-popannouncement .owl-nav .owl-prev {
        transform: rotate(-135deg);
        left: 17px
    }

        .owl-style-popannouncement .owl-nav .owl-prev:hover {
            left: 12px
        }

    .owl-style-popannouncement .owl-nav .owl-next {
        transform: rotate(45deg);
        right: 17px
    }

        .owl-style-popannouncement .owl-nav .owl-next:hover {
            right: 12px
        }

.owl-style-popannouncement .owl-nav {
    visibility: visible
}

.owl-style-popannouncement .owl-item {
    touch-action: manipulation !important;
    min-height: 140px;
    background-color: #fff
}

.owl-style-popannouncement .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative
}

    .owl-style-popannouncement .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

        .owl-style-popannouncement .owl-dots .owl-dot span {
            width: 25px;
            height: 8px;
            margin: 5px 7px;
            background: #999;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .6s ease;
            border-radius: 3px;
            border: 1px solid #999
        }

        .owl-style-popannouncement .owl-dots .owl-dot.active span {
            background: #595959;
            border: 1px solid #595959
        }

.table-scroll table {
    width: 100%
}

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

    table.table-style-1 tr, table.table-style-1 th, table.table-style-1 td {
        border: 1px solid #454545;
        color: #000;
        text-align: center
    }

    table.table-style-1 th {
        background-color: #ead181;
        color: #770002
    }

    table.table-style-1 td {
        background-color: #f0dea4;
        color: #000
    }

        table.table-style-1 td label {
            color: #000
        }

    table.table-style-2 tr, table.table-style-2 th, table.table-style-2 td {
        border: 1px solid #454545;
        color: #fff;
        text-align: center
    }

    table.table-style-2 th {
        background-color: #0d0d0d
    }

    table.table-style-2 td {
        background-color: #1a1a1a
    }

        table.table-style-2 td label {
            color: #fff
        }

    table.table-style-3 tr, table.table-style-3 th, table.table-style-3 td {
        border: 1px solid #ecd68e;
        color: #fff;
        text-align: center
    }

    table.table-style-3 th {
        background-color: #0d0d0d
    }

        table.table-style-3 th.sub-title {
            background-color: #e8ce78;
            color: #000
        }

    table.table-style-3 td {
        background-color: #1a1a1a
    }

        table.table-style-3 td label {
            color: #fff
        }

    table.table-style-4 tr, table.table-style-4 th, table.table-style-4 td {
        border: hidden;
        background-color: #910002
    }

.title-style-1 {
    color: #ecd68e;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-style-2 {
    color: #fff;
    border-bottom: 2px solid #ecd68e;
    font-weight: bold;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-style-3 {
    color: #fff;
    border-bottom: 1px solid #454545;
    text-transform: uppercase;
    margin: 5px auto 1rem;
    padding: 5px 0
}

footer {
}

    footer section#footer-bank {
        background-color: #3a0104;
        padding: 10px
    }

    footer section#footer-nav {
        padding: 20px 0
    }

        footer section#footer-nav a.link-style-1 {
            display: inline-block;
            text-transform: uppercase;
            font-size: .8em;
            font-weight: 600;
            margin: 10px 30px
        }

    footer section#footer-provider {
        background-color: #3A2E2D;
        padding: 10px
    }

        footer section#footer-provider i.provider {
            margin: 5px 10px
        }

    footer section#footer-bottom {
        padding: 10px;
        font-size: .8em
    }

section#header-announcement {
    position: relative;
    height: 30px;
    /*background-color: #0a0a0a;*/
}

    section#header-announcement #app-quickLinks {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        font-size: .9em;
        line-height: 26px
    }

        section#header-announcement #app-quickLinks a {
            vertical-align: middle;
            font-weight: bold;
            margin: 0 10px
        }

            section#header-announcement #app-quickLinks a.regionCulture > span {
                padding-left: 10px;
                border-left: 1px solid #555
            }

            section#header-announcement #app-quickLinks a i {
                font-size: 1.5em;
                vertical-align: middle
            }

@media screen and (max-width:40em) {
    section#header-announcement #app-quickLinks a i {
        font-size: 1.2em
    }
}

section#header-announcement #app-announcement {
    font-size: .8em;
    line-height: 30px
}

    section#header-announcement #app-announcement header {
        display: inline-block;
        margin-left: 1%
    }

        section#header-announcement #app-announcement header i {
            background: url("../../assets/img/common/icon-sprite.png") no-repeat 0 0;
            display: block;
            width: 26px;
            height: 20px;
            margin: 5px
        }

    section#header-announcement #app-announcement article.marquee {
        overflow: hidden
    }

        section#header-announcement #app-announcement article.marquee > a {
            display: none
        }

        section#header-announcement #app-announcement article.marquee a {
            margin: 0 200px 0 0
        }

header.b-header .row {
    position: relative
}

section.header-logo i {
    background: url("../../assets/img/logo/logo.png") left center/contain no-repeat;
    transition: height .2s;
    z-index: 3;
    display: block;
    margin: 10px;
    margin-left: 3%;
    height: 50px
}

@media screen and (min-width:40em) {
    section.header-logo i {
        height: 80px
    }
}

@media screen and (min-width:64em) {
    section.header-logo i {
        height: 100px
    }
}

.js-memberLogin {
    display: block;
    z-index: 2;
    margin: 8px 0 13px 0
}

    .js-memberLogin .button {
        margin: 0;
        padding: 8px 15px;
        font-size: 16px
    }

@media screen and (min-width:64em) {
    .js-memberLogin div.view-anonymous {
        padding-bottom: 21px
    }
}

.js-memberLogin div.view-anonymous button {
    margin-bottom: 4px
}

@media screen and (min-width:64em) {
    .js-memberLogin div.view-member {
        padding-bottom: 18px
    }
}

.js-memberLogin ul.menu > li > a {
    font-size: .8em;
    padding-bottom: 0;
    line-height: 20px
}

    .js-memberLogin ul.menu > li > a:after {
        border-color: #ecd68e transparent transparent
    }

.js-memberLogin ul.menu > li > ul {
    margin-top: 5px;
    z-index: 20
}

    .js-memberLogin ul.menu > li > ul a {
        padding: 10px 0
    }

.js-memberLogin ul.menu > li:not(.is-dropdown-submenu-parent) > a {
    padding-right: 0;
    padding-left: 2rem;
    text-transform: uppercase
}

.js-memberLogin ul.menu-walletBalance {
    min-width: 320px;
    padding: 0;
    left: auto;
    right: 0
}

.js-memberLogin ul.is-dropdown-submenu {
    z-index: 2
}

.js-memberLogin .walletBalance-container {
    color: #fff;
    font-size: .9rem
}

    .js-memberLogin .walletBalance-container ul:last-of-type {
        border-color: #fff
    }

#mobile-site button {
    float: right;
    margin-bottom: .5rem;
    margin-top: .5rem;
    font-weight: bold
}

#mobile-site span.new-page {
    color: red;
    font-size: 12px;
    margin-right: 2px;
    transform: rotate(-15deg);
    display: inline-block;
    cursor: default;
    font-weight: bold;
    font-style: italic;
    animation: blinker 1s infinite;
    -ms-animation: blinker 1s infinite;
    -moz-animation: blinker 1s infinite;
    -webkit-animation: blinker 1s infinite;
    -o-animation: blinker 1s infinite
}

@-webkit-keyframes blinker {
    0% {
        color: red
    }

    50% {
        color: #ffa500
    }

    100% {
        color: red
    }
}

#modal-login nav a.button-register {
    margin-right: 15px;
    float: left
}

nav#app-navigation {
    display: flex;
    z-index: 1;
    background: #3A2E2D;
    border: none
}

    nav#app-navigation li {
        display: inline-block;
        width: auto;
        padding-left: 19px;
        padding-right: 19px;
    }

        nav#app-navigation li a {
            border-bottom: 2px solid transparent;
            font-size: .9rem;
            padding: 0 10px;
            margin: 0 6px;
            padding-bottom: 8px
        }

            nav#app-navigation li.is-active a, nav#app-navigation li a.hover, nav#app-navigation li a:hover {
                border-bottom: 2px solid #ecd68e
            }

            nav#app-navigation li a[data-toggle] {
                position: relative;
                padding-right: 25px
            }

                nav#app-navigation li a[data-toggle]:after {
                    position: absolute;
                    top: 50%;
                    right: 5px;
                    margin-top: -10px;
                    font-family: FontAwesome;
                    font-size: 20px;
                    content: "";
                    transition: transform .2s
                }

                nav#app-navigation li a[data-toggle].hover:after {
                    top: 50%;
                    transform: rotateX(180deg)
                }

#app-subnavigation {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

    #app-subnavigation .subnavigation-container {
        position: relative
    }

    #app-subnavigation .dropdown-pane {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        border-top: 3px solid #ecd68e
    }

    #app-subnavigation ul.menu li {
        display: inline-block
    }

nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent:first-of-type > a:first-of-type {
    padding: 1.3rem 1rem;
    font-size: 1.3rem
}

    nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent:first-of-type > a:first-of-type::after {
        border: none;
        font-family: 'FontAwesome';
        content: '';
        margin-top: -8px;
        right: 2rem
    }

nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent[aria-expanded="true"]:first-of-type > a:first-of-type::after {
    transform: none;
    transform-origin: unset;
    content: ''
}

nav#mobile-navigation ul.nested li {
    border-top: 1px solid #ecd68e
}

    nav#mobile-navigation ul.nested li a {
        padding: 1rem
    }

nav#app-navigation i.menu {
    margin-left: auto;
    margin-right: auto
}

nav#app-navigation i.flxf, nav#app-navigation i.fa, nav#app-navigation i.custom {
    display: block;
    margin-right: auto
}

nav#mobile-navigation i.menu {
    display: inline-block;
    margin-right: 5px
}

nav#app-navigation li, nav#app-subnavigation li, nav#mobile-navigation li {
}

    nav#app-navigation li i.menu, nav#app-subnavigation li i.menu, nav#mobile-navigation li i.menu {
        background: url('../../assets/img/common/nav-sprite.png') no-repeat;
        background-size: 43px 225px;
        width: 20px;
        height: 20px
    }

        nav#app-navigation li i.menu.menu-home, nav#app-subnavigation li i.menu.menu-home, nav#mobile-navigation li i.menu.menu-home {
            background-position: -22px -2px
        }

        nav#app-navigation li i.menu.menu-casino, nav#app-subnavigation li i.menu.menu-casino, nav#mobile-navigation li i.menu.menu-casino {
            background-position: -22px -23px
        }

        nav#app-navigation li i.menu.menu-slot, nav#app-subnavigation li i.menu.menu-slot, nav#mobile-navigation li i.menu.menu-slot {
            background-position: -22px -49px
        }

        nav#app-navigation li i.menu.menu-sport, nav#app-subnavigation li i.menu.menu-sport, nav#mobile-navigation li i.menu.menu-sport {
            background-position: -22px -69px
        }

        nav#app-navigation li i.menu.menu-poker, nav#app-subnavigation li i.menu.menu-poker, nav#mobile-navigation li i.menu.menu-poker {
            background-position: -22px -93px
        }

        nav#app-navigation li i.menu.menu-4d, nav#app-subnavigation li i.menu.menu-4d, nav#mobile-navigation li i.menu.menu-4d {
            background-position: -22px -117px
        }

        nav#app-navigation li i.menu.menu-promotion, nav#app-subnavigation li i.menu.menu-promotion, nav#mobile-navigation li i.menu.menu-promotion {
            background-position: -22px -137px
        }

        nav#app-navigation li i.menu.menu-Profile, nav#app-subnavigation li i.menu.menu-Profile, nav#mobile-navigation li i.menu.menu-Profile {
            background-position: -22px -158px
        }

        nav#app-navigation li i.menu.menu-reward, nav#app-subnavigation li i.menu.menu-reward, nav#mobile-navigation li i.menu.menu-reward {
            background-position: -22px -183px
        }

        nav#app-navigation li i.menu.menu-mypromotion, nav#app-subnavigation li i.menu.menu-mypromotion, nav#mobile-navigation li i.menu.menu-mypromotion {
            background-position: -22px -208px
        }

    nav#app-navigation li i.flxf, nav#app-subnavigation li i.flxf, nav#mobile-navigation li i.flxf, nav#app-navigation li i.fa, nav#app-subnavigation li i.fa, nav#mobile-navigation li i.fa, nav#app-navigation li i.custom, nav#app-subnavigation li i.custom, nav#mobile-navigation li i.custom {
        margin-bottom: 5px;
        margin-left: auto;
        text-align: center;
        font-size: 1.2rem
    }

        nav#app-navigation li i.custom.custom-slot-noek, nav#app-subnavigation li i.custom.custom-slot-noek, nav#mobile-navigation li i.custom.custom-slot-noek {
            background: url(../../assets/img/common/Profile-providerae52.png?v=5) no-repeat -100px -100px;
            background-position: -673px -1px;
            width: 42px;
            height: 20px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            -webkit-filter: brightness(0) invert(1);
            -moz-filter: brightness(0) invert(1);
            -o-filter: brightness(0) invert(1);
            -ms-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

@media screen and (max-width:64em) {
    nav#app-navigation li i.custom.custom-slot-noek, nav#app-subnavigation li i.custom.custom-slot-noek, nav#mobile-navigation li i.custom.custom-slot-noek {
        display: inline-block
    }
}

nav#app-navigation li i.custom.custom-sports-esbl, nav#app-subnavigation li i.custom.custom-sports-esbl, nav#mobile-navigation li i.custom.custom-sports-esbl {
    background: url("../assets/img/common/icon-esbl.jpg") no-repeat;
    background-size: 90%;
    width: 22px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media screen and (max-width:64em) {
    nav#app-navigation li i.custom.custom-sports-esbl, nav#app-subnavigation li i.custom.custom-sports-esbl, nav#mobile-navigation li i.custom.custom-sports-esbl {
        display: inline-block !important
    }
}

nav#app-navigation li i.custom, nav#app-subnavigation li i.custom, nav#mobile-navigation li i.custom, nav#app-navigation li i.custom-line, nav#app-subnavigation li i.custom-line, nav#mobile-navigation li i.custom-line {
    background: url('../Contents/Contact/THB/icon-line.png') no-repeat;
    background-size: 20px auto;
    width: 20px;
    height: 20px
}

nav#app-navigation li.is-active a, nav#app-subnavigation li.is-active a, nav#mobile-navigation li.is-active a, nav#app-navigation li a:hover, nav#app-subnavigation li a:hover, nav#mobile-navigation li a:hover {
    color: #ecd68e
}

    nav#app-navigation li.is-active a i.menu, nav#app-subnavigation li.is-active a i.menu, nav#mobile-navigation li.is-active a i.menu, nav#app-navigation li a:hover i.menu, nav#app-subnavigation li a:hover i.menu, nav#mobile-navigation li a:hover i.menu {
        background-position-x: 0
    }

    nav#app-navigation li.is-active a i.flxf-horserace, nav#app-subnavigation li.is-active a i.flxf-horserace, nav#mobile-navigation li.is-active a i.flxf-horserace, nav#app-navigation li a:hover i.flxf-horserace, nav#app-subnavigation li a:hover i.flxf-horserace, nav#mobile-navigation li a:hover i.flxf-horserace {
        animation: swing 1s linear infinite;
        -ms-animation: swing 1s linear infinite;
        -moz-animation: swing 1s linear infinite;
        -webkit-animation: swing 1s linear infinite;
        -o-animation: swing 1s linear infinite
    }

    nav#app-navigation li.is-active a.link-contacts, nav#app-subnavigation li.is-active a.link-contacts, nav#mobile-navigation li.is-active a.link-contacts, nav#app-navigation li a:hover.link-contacts, nav#app-subnavigation li a:hover.link-contacts, nav#mobile-navigation li a:hover.link-contacts {
        -webkit-animation: none
    }

        nav#app-navigation li.is-active a.link-contacts i.custom-line, nav#app-subnavigation li.is-active a.link-contacts i.custom-line, nav#mobile-navigation li.is-active a.link-contacts i.custom-line, nav#app-navigation li a:hover.link-contacts i.custom-line, nav#app-subnavigation li a:hover.link-contacts i.custom-line, nav#mobile-navigation li a:hover.link-contacts i.custom-line {
            -webkit-animation: contact-rotation .5s linear
        }

nav#app-navigation li a, nav#app-subnavigation li a, nav#mobile-navigation li a {
    color: #fff;
    text-transform: uppercase
}

    nav#app-navigation li.is-active a, nav#app-subnavigation li.is-active a, nav#mobile-navigation li.is-active a, nav#app-navigation li a.hover, nav#app-subnavigation li a.hover, nav#mobile-navigation li a.hover, nav#app-navigation li a:hover, nav#app-subnavigation li a:hover, nav#mobile-navigation li a:hover {
        color: #ecd68e
    }

        nav#app-navigation li.is-active a i.custom.custom-slot-noek, nav#app-subnavigation li.is-active a i.custom.custom-slot-noek, nav#mobile-navigation li.is-active a i.custom.custom-slot-noek, nav#app-navigation li a.hover i.custom.custom-slot-noek, nav#app-subnavigation li a.hover i.custom.custom-slot-noek, nav#mobile-navigation li a.hover i.custom.custom-slot-noek, nav#app-navigation li a:hover i.custom.custom-slot-noek, nav#app-subnavigation li a:hover i.custom.custom-slot-noek, nav#mobile-navigation li a:hover i.custom.custom-slot-noek {
            -webkit-filter: brightness(1) invert(0);
            -moz-filter: brightness(1) invert(0);
            -o-filter: brightness(1) invert(0);
            -ms-filter: brightness(1) invert(0);
            filter: brightness(1) invert(0)
        }

nav#app-navigation li.is-active a, nav#app-subnavigation li.is-active a, nav#mobile-navigation li.is-active a {
    font-weight: bold
}

    nav#app-navigation li.is-active a i.custom.custom-slot-noek, nav#app-subnavigation li.is-active a i.custom.custom-slot-noek, nav#mobile-navigation li.is-active a i.custom.custom-slot-noek {
        -webkit-filter: brightness(1) invert(0);
        -moz-filter: brightness(1) invert(0);
        -o-filter: brightness(1) invert(0);
        -ms-filter: brightness(1) invert(0);
        filter: brightness(1) invert(0)
    }

nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
    font-size: .9em;
    font-weight: bold;
    text-transform: none;
    z-index: 100;
    right: -5px;
    color: red;
    -webkit-animation: new-page_colorchange 2s infinite
}

@media screen and (max-width:63.9375em) {
    nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
        display: inline-block
    }
}

@media screen and (min-width:64em) {
    nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
        top: .6em;
        position: absolute
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #ffa500
    }

    100% {
        color: red
    }
}

@keyframes contact-rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

#app-regionCulture {
    position: fixed;
    left: -82px;
    bottom: 20vh;
    width: 200px;
    z-index: 10;
    transform: rotateZ(90deg)
}

    #app-regionCulture a {
        background: #e8ce78;
        border-top: 3px solid #fff;
        position: relative;
        bottom: 0;
        border-radius: 3px 3px 0 0;
        padding: 5px 10px 10px;
        margin: 0;
        transition: bottom .2s
    }

        #app-regionCulture a:hover {
            background: #f0dea4;
            border-color: #770002;
            bottom: 5px
        }

        #app-regionCulture a span {
            color: #fff;
            border-left: 1px solid #fff;
            padding-left: 10px;
            vertical-align: middle
        }

        #app-regionCulture a i {
            vertical-align: middle
        }

#modal-regionCulture .culture-container {
    margin-bottom: 15px
}

    #modal-regionCulture .culture-container .culture {
        display: inline-block
    }

        #modal-regionCulture .culture-container .culture:not(:last-of-type):after {
            content: "|";
            display: inline-block;
            margin: 0 10px
        }

        #modal-regionCulture .culture-container .culture a {
            font-size: .9rem
        }

i.region {
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 18px;
    margin: 5px 10px 5px 5px;
    display: inline-block;
    vertical-align: middle
}

    i.region.region-my {
        background-image: url('../../assets/img/common/region-my.jpg')
    }

    i.region.region-id {
        background-image: url('../assets/img/common/region-id.jpg')
    }

    i.region.region-th {
        background-image: url('../assets/img/common/region-th.jpg')
    }

    i.region.region-cn {
        background-image: url('../assets/img/common/region-cn.jpg')
    }

    i.region.region-sg {
        background-image: url('../assets/img/common/region-sg.jpg')
    }

html.headroom--not-top #widget-container a#widget-gototop {
    display: block;
    transform: scale(1)
}

#widget-container a#widget-gototop {
    display: none;
    transform: scale(0)
}

#widget-container {
    background: #770002;
    position: fixed;
    z-index: 10;
    margin-top: -8%;
    top: 50%;
    right: 0;
    width: 60px
}

    #widget-container .fxc-row {
        border: 1px solid #454545;
        border-right: none;
        display: block;
        text-align: center;
        padding: 15px 3px;
        cursor: pointer;
        -webkit-transition: .15s linear;
        -ms-transition: .15s linear;
        -moz-transition: .15s linear;
        -o-transition: .15s linear;
        transition: .15s linear;
        font-size: .8rem
    }

        #widget-container .fxc-row:hover {
            color: #ecd68e;
            background-color: #770002
        }

            #widget-container .fxc-row:hover i {
                animation: contact-rotation .5s ease-out
            }

        #widget-container .fxc-row span {
            display: block
        }

        #widget-container .fxc-row i {
            font-size: 1.8rem;
            margin: 0 5px
        }

        #widget-container .fxc-row.link-line {
            color: #00c300
        }

            #widget-container .fxc-row.link-line i.custom, #widget-container .fxc-row.link-line i.custom-line {
                background: url('../Contents/Contact/THB/icon-line.png') no-repeat;
                background-size: 33px auto;
                width: 33px;
                height: 33px;
                display: inline-block
            }

#widget-line-container {
    height: 160px;
    width: 50px;
    background-color: #00e600;
    position: fixed;
    z-index: 10;
    top: 30%;
    right: 6px;
    margin-left: 3px;
    border-radius: 5px;
    color: #fff
}

    #widget-line-container .line-button {
        cursor: pointer;
        background-color: #000;
        height: 20px;
        width: 20px;
        border-radius: 10px;
        margin-left: 3px
    }

        #widget-line-container .line-button i {
            border-radius: 5px;
            text-align: center;
            color: #fff
        }

        #widget-line-container .line-button fa-close {
            font-size: 14px;
            padding-bottom: 1px
        }

    #widget-line-container a {
        cursor: pointer
    }

        #widget-line-container a .widget-line {
            cursor: pointer
        }

            #widget-line-container a .widget-line i.custom, #widget-line-container a .widget-line i.custom-line {
                background: url('../Contents/Contact/THB/icon-line.png') no-repeat;
                background-size: 33px auto;
                width: 33px;
                height: 33px;
                display: inline-block;
                margin-left: 7px
            }

            #widget-line-container a .widget-line label {
                cursor: pointer
            }

                #widget-line-container a .widget-line label.line-text {
                    font-size: 1rem;
                    width: 90px;
                    margin-top: 31px;
                    margin-left: -20px;
                    transform: rotate(90deg);
                    color: #fff
                }

@keyframes contact-rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Regular.ttf')
}

body {
    background: #0a0a0a url("/assets/img/bg3.jpg");
    background-size: cover;
    color: #fff
}

    body * {
        font-family: Roboto;
        word-wrap: break-word
    }

iframe.gameFrame-wrapper {
    border: none;
    width: 100%;
    min-height: 80vh
}

    iframe.gameFrame-wrapper.gameGroup-Sports {
        min-height: 1000px;
        box-shadow: 0 0 10px #770002
    }

:active, :focus {
    outline-style: none
}

.no-padding {
    padding: 0
}

section.walletBalance-container ul {
    list-style-type: none;
    margin: 0
}

    section.walletBalance-container ul li {
        padding: 0 5px
    }

        section.walletBalance-container ul li div[data-status="-1"]:after {
            font-family: 'FontAwesome';
            content: '';
            animation: 2s linear 0s normal none infinite fa-spin;
            display: inline-block;
            margin-left: 5px
        }

    section.walletBalance-container ul:last-of-type {
        margin: .5rem 0;
    }

#createSecurityCode-container .securityCodeBox, #modal-securityCode .securityCodeBox, #createSecurityCode-container .confirmSecurityCodeBox, #modal-securityCode .confirmSecurityCodeBox {
    display: inline-block;
    width: 40px;
    margin-right: 5px
}

.card.card-promotion {
    position: relative;
    border: 1px solid #ecd68e
}

    .card.card-promotion .card-title {
        color: #770002;
        background: #ecd68e;
        display: block;
        padding: 5px 10px;
        font-weight: bold
    }

    .card.card-promotion .card-actions {
        position: absolute;
        right: 10px;
        bottom: 10px;
        opacity: 0;
        transition: opacity .2s;
        will-change: opacity
    }

    .card.card-promotion:hover .card-actions, .card.card-promotion:focus .card-actions {
        opacity: 100
    }

    .card.card-promotion .card-image {
        width: 100%
    }

.card.card-game {
    background: none;
    border: none;
    position: relative;
    height: 180px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    transition: box-shadow .2s ease-in
}

    .card.card-game .card-title {
        color: #490105;
        background: #ecd68e;
        box-shadow: 0 0 15px #f0dea4;
        position: absolute;
        bottom: -100%;
        display: block;
        width: 100%;
        padding: 5px 0;
        font-weight: bold;
        text-align: center;
        transition: bottom .2s;
        z-index: 2
    }

    .card.card-game:hover .card-title {
        bottom: 10px
    }

    .card.card-game .card-actions {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 30px 0 0;
        text-align: center;
        opacity: 0;
        transition: opacity .2s;
        z-index: 1
    }

        .card.card-game .card-actions button {
            display: block;
            font-size: .8em;
            margin: 0 auto 1rem auto
        }

            .card.card-game .card-actions button.button-play {
                font-size: 1.2em;
                text-transform: uppercase
            }

    .card.card-game .card-image {
        background-size: cover;
        background-position: top center;
        height: 100%;
        transition: filter .2s,transform .2s
    }

    .card.card-game:hover .card-actions, .card.card-game:focus .card-actions {
        opacity: 100
    }

    .card.card-game:hover .card-image, .card.card-game:focus .card-image {
        filter: blur(1px) grayscale(.7);
        transform: scale(1.05)
    }

div.error-container > div {
    padding: 10px 20px 50px
}

.js-template {
    display: none
}

i.provider {
    background: url("../../assets/img/common/provider-sprite.png") no-repeat;
    display: inline-block;
    height: 38px;
    background-position-y: 0
}

    i.provider.provider-OEWK {
        background-position-x: -5px;
        width: 114px
    }

    i.provider.provider-XPGG {
        background-position-x: -136px;
        width: 86px
    }

    i.provider.provider-AAGG, i.provider.provider-AGGS {
        background-position-x: -238px;
        width: 95px
    }

    i.provider.provider-GMPL {
        background-position-x: -352px;
        width: 144px
    }

    i.provider.provider-PTFC, i.provider.provider-PYTH {
        background-position-x: -518px;
        width: 120px
    }

    i.provider.provider-MGTG, i.provider.provider-MOGG, i.provider.provider-MGPS {
        background-position-x: -657px;
        width: 126px
    }

    i.provider.provider-POKR {
        background-position-x: -810px;
        width: 123px
    }

    i.provider.provider-PSBT {
        background-position-x: -960px;
        width: 91px
    }

    i.provider.provider-GLGG {
        background-position-x: -1081px;
        width: 99px
    }

    i.provider.provider-JOKR {
        background-position-x: -1201px;
        width: 103px
    }

    i.provider.provider-OPUS {
        background-position-x: -1326px;
        width: 137px
    }

    i.provider.provider-ALBT {
        background-position-x: -1478px;
        width: 60px
    }

    i.provider.provider-ISDN {
        background-position-x: -1558px;
        width: 62px
    }

    i.provider.provider-UNGM {
        background-position-x: -1642px;
        width: 84px
    }

    i.provider.provider-GDDN {
        background-position-x: -1747px;
        width: 103px
    }

    i.provider.provider-IDNP {
        background-position-x: -1866px;
        width: 128px
    }

    i.provider.provider-STTE {
        background-position-x: -2018px;
        width: 77px
    }

    i.provider.provider-WGFT {
        background-position-x: -2113px;
        width: 99px
    }

    i.provider.provider-N2LV {
        background-position-x: -2242px;
        width: 88px
    }

    i.provider.provider-CSTS {
        background-position-x: -2362px;
        width: 119px
    }

    i.provider.provider-SOTE {
        background-position-x: -2505px;
        width: 31px
    }

    i.provider.provider-EBET {
        background-position-x: -2556px;
        width: 73px
    }

    i.provider.provider-BBIN {
        background-position-x: -2650px;
        width: 60px
    }

    i.provider.provider-OEGD {
        background-position-x: -2732px;
        width: 89px
    }

    i.provider.provider-KYGG {
        background-position-x: -2837px;
        width: 94px
    }

    i.provider.provider-KAGG {
        background-position-x: -2949px;
        width: 70px
    }

    i.provider.provider-GNDE {
        background-position-x: -3036px;
        width: 65px
    }

    i.provider.provider-HBNR {
        background-position-x: -3123px;
        width: 144px
    }

    i.provider.provider-OTGG, i.provider.provider-OTGM {
        background-position-x: -3287px;
        width: 78px
    }

    i.provider.provider-ACTT {
        background-position-x: -3384px;
        width: 44px
    }

    i.provider.provider-CTBT {
        background-position-x: -3445px;
        width: 93px
    }

    i.provider.provider-DMGG {
        background-position-x: -3560px;
        width: 52px
    }

    i.provider.provider-SBOB {
        background-position-x: -3635px;
        width: 108px
    }

    i.provider.provider-WMCO {
        background-position-x: -3767px;
        width: 32px
    }

    i.provider.provider-EVOP {
        background-position-x: -3815px;
        width: 89px
    }

    i.provider.provider-NOEK, i.provider.provider-NOET {
        background-position-x: -3932px;
        width: 66px
    }

    i.provider.provider-MGTE {
        background-position-x: -4029px;
        width: 149px
    }

    i.provider.provider-OSGS {
        background-position-x: -4209px;
        width: 77px
    }

    i.provider.provider-SNCY {
        background-position-x: -4313px;
        width: 84px
    }

    i.provider.provider-SEGG {
        background-position-x: -4416px;
        width: 151px
    }

    i.provider.provider-CLOE {
        background-position-x: -4584px;
        width: 105px
    }

    i.provider.provider-ENGG {
        background-position-x: -4722px;
        width: 169px;
        transform: scale(.8);
        margin-left: -10px
    }

    i.provider.provider-GGST {
        background-position-x: -5043px;
        width: 141px
    }

    i.provider.provider-RTGS {
        background-position-x: -5198px;
        width: 80px
    }

    i.provider.provider-PCPY {
        background-position-x: -5295px;
        width: 73px
    }

    i.provider.provider-MRSY {
        background-position-x: -5377px;
        width: 121px
    }

    i.provider.provider-UCET {
        background-position-x: -5515px;
        width: 63px
    }

    i.provider.provider-BNGO {
        background-position-x: -5593px;
        width: 83px
    }

    i.provider.provider-WWBT {
        background-position-x: -5693px;
        width: 81px
    }

    i.provider.provider-CNET {
        background-position-x: -5786px;
        width: 86px
    }

    i.provider.provider-SAGG {
        background-position-x: -5891px;
        width: 74px
    }

    i.provider.provider-PYGO {
        background-position-x: -5984px;
        width: 75px
    }

    i.provider.provider-SBTH {
        background-position-x: -6202px;
        width: 75px
    }

    i.provider.provider-HKBG {
        background-position-x: -6296px;
        width: 133px
    }

    i.provider.provider-EZGI {
        background-position-x: -6444px;
        width: 63px
    }

    i.provider.provider-PUSS {
        background-position-x: -6522px;
        width: 59px
    }

    i.provider.provider-CQNG {
        background-position: -6597px 0;
        width: 67px
    }

    i.provider.provider-HOGG {
        background-position-x: -6673px;
        width: 85px
    }

    i.provider.provider-EZGI {
        background-position-x: -6444px;
        width: 63px
    }

    i.provider.provider-VGGG {
        background-position-x: -6768px;
        width: 100px
    }

    i.provider.provider-BTGG {
        background-position-x: -6878px;
        width: 84px
    }

    i.provider.provider-SYBT {
        background-position-x: -6995px;
        width: 51px
    }

    i.provider.provider-LEGG {
        background-position-x: -7079px;
        width: 104px
    }

    i.provider.provider-MAJA {
        background-position-x: -7193px;
        width: 168px
    }

    i.provider.provider-XEEE {
        background-position-x: -7426px;
        width: 104px
    }

    i.provider.provider-LCGG {
        background-position-x: -7858px;
        width: 91px
    }

    i.provider.provider-ESBL {
        background-position-x: -8137px;
        width: 35px
    }

    i.provider.provider-PGST {
        background-position-x: -8191px;
        width: 123px
    }

    i.provider.provider-PYGG {
        background-position-x: -9511px;
        width: 116px
    }

    i.provider.provider-SRSE {
        background-position-x: -8462px;
        width: 124px
    }

    i.provider.provider-BSGG {
        background-position-x: -6878px;
        width: 84px
    }

section#product-filter button:hover i.provider, section#product-filter button.is-active i.provider {
    background-position-y: -39px
}

section#footer-bank i, .info-banking i {
    background: url("../../assets/img/common/bank-sprite.png") no-repeat;
    display: inline-block;
    margin: 5px 20px
}

    section#footer-bank i.bank-myr, .info-banking i.bank-myr {
        height: 30px
    }

        section#footer-bank i.bank-myr.bank-ocbc, .info-banking i.bank-myr.bank-ocbc {
            background-position: 0 0;
            width: 117px
        }

        section#footer-bank i.bank-myr.bank-hongleong, .info-banking i.bank-myr.bank-hongleong {
            background-position: -145px 0;
            width: 134px
        }

        section#footer-bank i.bank-myr.bank-maybank, .info-banking i.bank-myr.bank-maybank {
            background-position: -307px 0;
            width: 86px
        }

        section#footer-bank i.bank-myr.bank-public, .info-banking i.bank-myr.bank-public {
            background-position: -429px 0;
            width: 127px
        }

        section#footer-bank i.bank-myr.bank-cimb, .info-banking i.bank-myr.bank-cimb {
            background-position: -587px 0;
            width: 91px
        }

        section#footer-bank i.bank-myr.bank-ambank, .info-banking i.bank-myr.bank-ambank {
            background-position: -715px 0;
            width: 106px
        }

        section#footer-bank i.bank-myr.bank-hsbc, .info-banking i.bank-myr.bank-hsbc {
            background-position: -859px 0;
            width: 116px
        }

        section#footer-bank i.bank-myr.bank-rhb, .info-banking i.bank-myr.bank-rhb {
            background-position: -992px 0;
            width: 64px
        }

        section#footer-bank i.bank-myr.bank-bimb, .info-banking i.bank-myr.bank-bimb {
            background-position: -1076px 0;
            width: 114px
        }

    section#footer-bank i.bank-idr, .info-banking i.bank-idr {
        height: 23px
    }

        section#footer-bank i.bank-idr.bank-bca, .info-banking i.bank-idr.bank-bca {
            background-position: -1px -37px;
            width: 67px
        }

        section#footer-bank i.bank-idr.bank-mandiri, .info-banking i.bank-idr.bank-mandiri {
            background-position: -90px -36px;
            width: 64px
        }

        section#footer-bank i.bank-idr.bank-bni, .info-banking i.bank-idr.bank-bni {
            background-position: -177px -36px;
            width: 66px
        }

        section#footer-bank i.bank-idr.bank-bri, .info-banking i.bank-idr.bank-bri {
            background-position: -268px -37px;
            width: 75px
        }

    section#footer-bank i.bank-thb, .info-banking i.bank-thb {
        height: 27px
    }

        section#footer-bank i.bank-thb.bank-bangkok, .info-banking i.bank-thb.bank-bangkok {
            background-position: -2px -68px;
            width: 78px
        }

        section#footer-bank i.bank-thb.bank-krungthai, .info-banking i.bank-thb.bank-krungthai {
            background-position: -106px -67px;
            width: 108px
        }

        section#footer-bank i.bank-thb.bank-siam, .info-banking i.bank-thb.bank-siam {
            background-position: -240px -67px;
            width: 74px
        }

        section#footer-bank i.bank-thb.bank-kasikorn, .info-banking i.bank-thb.bank-kasikorn {
            background-position: -335px -66px;
            width: 109px
        }

        section#footer-bank i.bank-thb.bank-krungsri, .info-banking i.bank-thb.bank-krungsri {
            background-position: -468px -66px;
            width: 136px
        }

    section#footer-bank i.bank-sgd, .info-banking i.bank-sgd {
        height: 31px;
        margin: 5px 30px
    }

        section#footer-bank i.bank-sgd.bank-ocbc, .info-banking i.bank-sgd.bank-ocbc {
            background-position: 0 -1px;
            width: 117px
        }

        section#footer-bank i.bank-sgd.bank-uob, .info-banking i.bank-sgd.bank-uob {
            background-position: -1px -131px;
            width: 81px
        }

        section#footer-bank i.bank-sgd.bank-hsbc, .info-banking i.bank-sgd.bank-hsbc {
            background-position: -104px -131px;
            width: 86px
        }

        section#footer-bank i.bank-sgd.bank-dbs, .info-banking i.bank-sgd.bank-dbs {
            background-position: -215px -131px;
            width: 82px
        }

        section#footer-bank i.bank-sgd.bank-posb, .info-banking i.bank-sgd.bank-posb {
            background-position: -312px -132px;
            width: 69px
        }

section#product-body .card-favourite {
    position: absolute;
    display: block;
    width: 100%;
    text-align: right;
    z-index: 3
}

    section#product-body .card-favourite .fa-heart {
        font-size: 1.2rem;
        color: #fff;
        padding: 5px;
        cursor: pointer
    }

        section#product-body .card-favourite .fa-heart.active {
            color: red
        }

        section#product-body .card-favourite .fa-heart:hover {
            animation: pulse .5s infinite;
            -ms-animation: pulse .5s infinite;
            -moz-animation: pulse .5s infinite;
            -webkit-animation: pulse .5s infinite;
            -o-animation: pulse .5s infinite
        }

section.article-container {
    text-align: justify;
    background-color: #0a0a0a;
    color: #a8a8a8;
    padding-top: .5rem;
    padding-bottom: 1rem
}

    section.article-container ol#article-tabs {
        counter-reset: li
    }

        section.article-container ol#article-tabs, section.article-container ol#article-tabs li, section.article-container ol#article-tabs li a {
            border: none;
            background: none
        }

            section.article-container ol#article-tabs li.tabs-title > a {
                padding: .8rem 3rem
            }

            section.article-container ol#article-tabs li a {
                padding-left: 50px;
                color: #ccc
            }

                section.article-container ol#article-tabs li a::before {
                    top: 50%;
                    left: .5rem;
                    right: auto;
                    content: counter(li);
                    counter-increment: li;
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    margin-top: -15px;
                    border-radius: 15px;
                    text-align: center;
                    background: #b3b3b3;
                    color: #333;
                    transition: background .2s,color .2s
                }

                section.article-container ol#article-tabs li a span {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    width: 150px;
                    display: inline-block
                }

@media screen and (min-width:64em) {
    section.article-container ol#article-tabs li a span {
        font-size: .9rem;
        line-height: 20px;
        width: 210px
    }
}

section.article-container ol#article-tabs li:hover, section.article-container ol#article-tabs li.is-active {
    color: #000
}

    section.article-container ol#article-tabs li:hover a, section.article-container ol#article-tabs li.is-active a {
        color: #ecd68e
    }

        section.article-container ol#article-tabs li:hover a::before, section.article-container ol#article-tabs li.is-active a::before {
            background: #ecd68e;
            color: #000
        }

section.article-container ol#article-tabs li.is-active {
    font-weight: bold
}

section.article-container div.tabs-content {
    background: none;
    color: #fff
}

    section.article-container div.tabs-content article {
        padding-bottom: 1rem
    }

        section.article-container div.tabs-content article.multiple {
            margin-bottom: 1rem;
            border-bottom: 1px solid #a8a8a8
        }

        section.article-container div.tabs-content article h1, section.article-container div.tabs-content article h2, section.article-container div.tabs-content article h3, section.article-container div.tabs-content article h4, section.article-container div.tabs-content article h5, section.article-container div.tabs-content article h6, section.article-container div.tabs-content article p {
            margin-bottom: 8px
        }

        section.article-container div.tabs-content article a {
            color: unset
        }

    section.article-container div.tabs-content .tabs-panel article a.custom-link.custom-more {
        display: block;
        color: #ecd68e;
        text-decoration: underline;
        font-size: 12px
    }

    section.article-container div.tabs-content .tabs-panel article .ShowMore {
        display: none
    }

        section.article-container div.tabs-content .tabs-panel article .ShowMore ~ * {
            display: none
        }

        section.article-container div.tabs-content .tabs-panel article .ShowMore.is-active {
            display: block
        }

            section.article-container div.tabs-content .tabs-panel article .ShowMore.is-active ~ * {
                display: block
            }

    section.article-container div.tabs-content a.tabs-navigation {
        color: #a8a8a8;
        font-weight: bold
    }

        section.article-container div.tabs-content a.tabs-navigation i {
            margin: 0 5px;
            transition: margin .2s
        }

        section.article-container div.tabs-content a.tabs-navigation.pull-left:hover i {
            margin: 0 10px 0 0
        }

        section.article-container div.tabs-content a.tabs-navigation.pull-right:hover i {
            margin: 0 0 0 10px
        }

section.article-container.blog-page[data-page^=Blog] div.tabs-content article {
    background-color: #5e0002
}

    section.article-container.blog-page[data-page^=Blog] div.tabs-content article h1.articleContent-title {
        font-size: 1.3rem;
        color: #ecd68e;
        border-bottom: 1px solid #fbf6e5;
        font-weight: bold
    }

#announcement-modal-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.ProfileClientContainer-gameApplication {
    background-color: #aa0003;
    background: -webkit-gradient(linear,left top,left bottom,from(#aa0003),to(#770002));
    background: -webkit-linear-gradient(top,#aa0003,#770002);
    background: -moz-linear-gradient(top,#aa0003,#770002);
    background: -ms-linear-gradient(top,#aa0003,#770002);
    background: -o-linear-gradient(top,#aa0003,#770002);
    color: #fff
}

    .ProfileClientContainer-gameApplication label {
        color: #fff
    }

    .ProfileClientContainer-gameApplication .card-ProfileClient {
        padding: .5rem 0
    }

        .ProfileClientContainer-gameApplication .card-ProfileClient .card-ProfileClient-info > div:not(.playnow-container) {
            margin-bottom: 8px
        }

        .ProfileClientContainer-gameApplication .card-ProfileClient .card-ProfileClient-info label.card-ProfileClient-plaform {
            color: #ecd68e
        }

        .ProfileClientContainer-gameApplication .card-ProfileClient .card-ProfileClient-remark {
            margin: 8px 0;
            padding: .5rem
        }

section.article-container table td, #modal-promotionTnc table td, #modal-rewardTnc table td, #modal-offlinebankingschedule table td, #announcement-modal-container table td, section.article-container table th, #modal-promotionTnc table th, #modal-rewardTnc table th, #modal-offlinebankingschedule table th, #announcement-modal-container table th {
    border: 1px solid #000
}

.fr-video iframe {
    width: 100%
}

html.is-reveal-open {
    overflow: initial;
    min-height: initial
}

body.is-reveal-open {
    overflow: auto
}

.reveal-overlay {
    padding-right: 15px;
    margin-right: -16px
}

hr {
    border-bottom-color: #454545
}

.row, .row:not(.expanded) .row {
    max-width: 90rem
}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    height: 2rem
}

html.headroom--not-top #app-magellan {
    transform: scale(1)
}

#app-magellan {
    position: fixed;
    bottom: 3vh;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    z-index: 10;
    transform: scale(0);
    transition: transform .2s ease-in
}

    #app-magellan a {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: inline-block;
        width: 44px;
        height: 44px;
        text-align: center
    }

        #app-magellan a:hover, #app-magellan a:active, #app-magellan a:focus {
            color: #1a1a1a
        }

            #app-magellan a:hover i, #app-magellan a:active i, #app-magellan a:focus i {
                color: #1a1a1a
            }

        #app-magellan a i {
            line-height: 44px
        }

.intimidatetime label {
    color: #000
}

.intimidatetime .intimidatetime-buttons button {
    background-color: #ecd68e;
    color: #770002;
    border: 1px solid #ecd68e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: .5rem 1rem;
    transition: none;
    cursor: pointer
}

    .intimidatetime .intimidatetime-buttons button:hover, .intimidatetime .intimidatetime-buttons button.is-active {
        background-color: #e5c662;
        color: #770002
    }

.intimidatetime .intimidatetime-preview {
    color: #000
}

.article-container table {
    display: block;
    overflow: auto
}

/*Kenny Start*/
.tab-game {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
}

ul, ol, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.img-all ul li {
    width: 21%;
    margin: 2%;
}

.img-all ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.btn-box2 {
    background: url(/assets/img/common/mobile/slotgm-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 80px;
}

.game-img {
    width: 100%;
    border-radius: 6px;
    padding-top: 10px;
}

.nav-main .game-img {
    height: 60px;
    padding-top: 0px;
    width: auto;
}

.game-rows {
    margin-left: -5px;
    margin-right: -5px;
}

    .game-rows .game {
        float: left;
        text-align: center;
    }

.game-rows-3.game-rows .game {
    width: 33.3%;
}

.nav.nav-justified > li > a {
    background: #584947;
    color: #9F837E;
    margin-top: 5px;
}

    .nav.nav-justified > li > a:hover {
        color: #FFD8A5;
    }

.nav-justified > li > a.active {
    background: #3A2E2D !important;
    color: #FFD8A5 !important;
    border: 0;
    border-radius: 0;
    margin-top: 5px;
}

.game-list-panel {
    background: #0a0a0ac7;
    height: 600px;
    width: 100%;
    position: fixed;
    z-index: 9999;
}

.game-list-panel-item ul {
    width: 80rem;
    height: 16.875rem;
    margin: 0 auto;
    font-size: 0;
}

    .game-list-panel-item ul li {
        height: 100%;
        float: left;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        vertical-align: middle;
    }

        .game-list-panel-item ul li a {
            width: 100%;
            height: 100%;
            -webkit-transition: color .3s;
            transition: color .3s;
            color: #5f5f5f;
            line-height: 4.0625rem;
            text-align: center;
        }

        .game-list-panel-item ul li img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: auto;
            height: 100%;
        }

.wallet-top {
    position: relative;
    padding: 10px 0;
}

.main-wallet {
    text-align: center;
    color: #000;
}

.wallet-top .close {
    top: 0;
    position: absolute;
    right: 0;
    opacity: 1;
    color: black;
}

@media (min-width:768px) {
    .btn-box2 {
        background: url(/assets/img/common/mobile/slotgm-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 89px;
    }
}

@media (max-width:320px) {
    .btn-box2 {
        background: url(/assets/img/common/mobile/slotgm-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 66px;
    }
}

.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide_right_close {
    position: fixed;
    right: -189px;
}

#slide_right > ul {
    float: right;
    background: #000000b5;
    color: #fff;
    width: 190px;
    border: 1px solid #ffe895;
    margin-top: 80px;
}

    #slide_right > ul > h2 {
        border-bottom: solid 1px #c0392b;
    }

#slide_right ul {
}

    #slide_right ul li:hover {
    }

#slide_right {
    height: 129px;
    display: inline-block;
    z-index: 99;
}

    #slide_right:hover {
        right: 0px;
        z-index: 99;
    }

    #slide_right:after {
        position: fixed;
        right: -260px;
        z-index: 99;
    }

.list_menu2 {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.slide-Right-top img {
    display: block;
    margin: 0px auto;
    margin-top: 7px;
}

.slide-Right-top p {
    color: #fab100;
    margin: 0px;
    text-align: center;
}

.contact-box {
    display: block;
    padding: 1px 5px;
    text-align: center;
    background: #000;
    border: 1px solid #ffe895;
    margin: 10px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.side-ico .fa {
}

.side-info p {
    margin: 0px;
    line-height: 12px;
}

.side-info {
    padding-left: 5px;
    background: #ffe895;
    color: #000;
    border-radius: 30px;
}

.rotate-contact {
    position: absolute;
    left: 0;
    margin-left: -36px;
    margin-top: 215px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #000000b5;
    color: #fff;
    border: 1px solid #ffe895;
    padding: 13px 10px 6px 13px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    min-width: 135px;
    font-size: 1rem;
}

.side-ico p {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -4px;
    margin-left: 5px;
}

.side-ico {
    justify-content: center;
    display: flex;
}

.nav-main {
    position: fixed;
    left: -300px;
    top: 0;
    bottom: 0;
    width: 300px;
    z-index: 20;
    background-color: #3A2E2D;
    box-shadow: -5px 0px 8px #14141a inset;
    transition: left .3s;
    -moz-transition: left .3s;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    -ms-transition: left .3s;
}

    .nav-main.open {
        left: 0;
    }

    .nav-main > .nav > li > a {
        background-color: transparent;
        padding: 15px 25px;
    }

    .nav-main > .nav > li {
        border-right-width: 0;
        border-left-width: 0;
        border-bottom-width: 1px;
        border-top-width: 0;
        border-style: solid;
        border-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), #8E8382, rgba(0, 0, 0, 0)) 20 stretch;
    }

.dropmenu.collapsed > i {
    transform: rotate(0deg);
    line-height: 20px;
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    -ms-transition: transform .3s;
}

.nav-main .submenu {
    background-color: #17171c;
}

    .nav-main .submenu > div {
        padding: 10px 25px;
    }

.nav-main .game-img {
    width: 60px;
}

.nav-main > .nav > li > .dropmenu.collapsed {
    color: #d3d3d4;
    background-color: transparent;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.nav-main > .nav > li > .dropmenu {
    color: #ffe895;
    background-color: #17171c;
}

.btn-nav i {
    color: #fff;
    font-size: 22px;
    padding: 20px;
}

.btn.gradient-buttons {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
    background-repeat: repeat-x;
}

.menu_after_login li:after {
    content: "|";
    color: white;
}

.walletBalance-container {
    background: #2B2221 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /* padding: 8px; */
    /* padding: 8px 18px 8px 18px; */
    width: 138px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width:768px) {
    #divProfile {
        background: #3A2E2D;
        min-height: 1080px;
    }

    #divPromotion {
        background: #3A2E2D;
        min-height: 1080px;
    }

    #divDownload {
        background: #3A2E2D;
    }

    #divDownline {
        background: #3A2E2D;
    }

    #divWinLose {
        background: #3A2E2D;
    }

    #divHistory {
        background: #3A2E2D;
    }

    #divDeposit {
        background: #3A2E2D;
    }

    /*  .b-content {
        padding-bottom: 80px;
    }*/
}

@media (min-width:768px) {
    #divProfile {
        /*background: #0a0a0a url("/assets/img/bg-Profile.jpg");*/
        min-height: 1080px;
    }

    #divPromotion {
        background: #0a0a0a url("/assets/img/bg-etc.jpg");
        min-height: 1080px;
    }

    #divDownline {
        background: #0a0a0a url("/assets/img/bg-etc.jpg");
        min-height: 1080px;
    }

    #divWinLose {
        background: #0a0a0a url("/assets/img/bg-etc.jpg");
        min-height: 1080px;
    }

    #divHistory {
        background: #0a0a0a url("/assets/img/bg-etc.jpg");
        min-height: 1080px;
    }

    #divDeposit {
        background: #0a0a0a url("/assets/img/bg-etc.jpg");
        min-height: 1080px;
    }

    #divDownload {
        background: #0a0a0a url("/assets/img/bg-download.jpg");
        min-height: 1080px;
    }
}

.menuMobile li a i {
    background-size: 20px 20px;
    height: 17px;
    width: 25px;
    display: inline-block;
}

.menuMobileFooter li a i {
    height: 25px;
    width: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.menuMobileFooter li.active a span {
    color: #FFD8A5;
}

.menuMobileLogin li a i {
    height: 25px;
    width: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.menuMobileLogin li.active a {
    background: #00000045;
    border-radius: 12px;
    color: #B0B1B3;
}

.menuMobileLogin li a:hover {
    background: #00000045;
    border-radius: 12px;
    color: #B0B1B3;
}

#liSlot a i {
    background: url("/assets/img/common/svg/slots.svg") no-repeat 0 0;
}

#liSlot a:hover i {
    background: url("/assets/img/common/svg/slots-hover.svg") no-repeat 0 0;
}

#liSlot a.active i {
    background: url("/assets/img/common/svg/slots-hover.svg") no-repeat 0 0;
}

#liCasino a i {
    background: url("/assets/img/common/svg/Casino.svg") no-repeat 0 0;
}

#liCasino a:hover i {
    background: url("/assets/img/common/svg/Casino-hover.svg") no-repeat 0 0;
}

#liCasino a.active i {
    background: url("/assets/img/common/svg/Casino-hover.svg") no-repeat 0 0;
}

#liSports a i {
    background: url("/assets/img/common/svg/Sports.svg") no-repeat 0 0;
}

#liSports a:hover i {
    background: url("/assets/img/common/svg/Sports-hover.svg") no-repeat 0 0;
}

#liSports a.active i {
    background: url("/assets/img/common/svg/Sports-hover.svg") no-repeat 0 0;
}

#liHome a i {
    background: url("/assets/img/common/svg/Home.svg") no-repeat 0 0;
}

#liHome a:hover i {
    background: url("/assets/img/common/svg/Home-hover.svg") no-repeat 0 0;
}

#liHome.active a i {
    background: url("/assets/img/common/svg/Home-hover.svg") no-repeat 0 0;
}

#liDownload a i {
    background: url("/assets/img/common/svg/Download.svg") no-repeat 0 0;
}

#liDownload a:hover i {
    background: url("/assets/img/common/svg/Download-hover.svg") no-repeat 0 0;
}

#liDownload.active a i {
    background: url("/assets/img/common/svg/Download-hover.svg") no-repeat 0 0;
}

#liPromotion a i {
    background: url("/assets/img/common/svg/Promotion.svg") no-repeat 0 0;
}

#liPromotion a:hover i {
    background: url("/assets/img/common/svg/Promotion-hover.svg") no-repeat 0 0;
}

#liPromotion.active a i {
    background: url("/assets/img/common/svg/Promotion-hover.svg") no-repeat 0 0;
}

#liContact a i {
    background: url("/assets/img/common/svg/Contact.svg") no-repeat 0 0;
}

#liContact a:hover i {
    background: url("/assets/img/common/svg/Contact-hover.svg") no-repeat 0 0;
}

#liContact.active a i {
    background: url("/assets/img/common/svg/Contact-hover.svg") no-repeat 0 0;
}

#liProfile a i {
    background: url("/assets/img/common/svg/download.svg") no-repeat 0 0;
}

/*#liProfile a:hover i {
    background: url("/assets/img/common/svg/Profile-hover.svg") no-repeat 0 0;
}

#liProfile.active a i {
    background: url("/assets/img/common/svg/Profile-hover.svg") no-repeat 0 0;
}*/

#liDeposit a i {
    background: url("/assets/img/common/svg/Deposit.svg") no-repeat 0 0;
}

/*#liDeposit a:hover i {
    background: url("/assets/img/common/svg/Deposit-hover.svg") no-repeat 0 0;
}

#liDeposit.active a i {
    background: url("/assets/img/common/svg/Deposit-hover.svg") no-repeat 0 0;
}*/

#liWithdrawal a i {
    background: url("/assets/img/common/svg/Withdraw.svg") no-repeat 0 0;
}

/*#liWithdrawal a:hover i {
    background: url("/assets/img/common/svg/Withdrawal-hover.svg") no-repeat 0 0;
}

#liWithdrawal.active a i {
    background: url("/assets/img/common/svg/Withdrawal-hover.svg") no-repeat 0 0;
}*/

#liTransfer a i {
    background: url("/assets/img/common/svg/Transfer.svg") no-repeat 0 0;
}

/*#liTransfer a:hover i {
    background: url("/assets/img/common/svg/Transfer-hover.svg") no-repeat 0 0;
}

#liTransfer.active a i {
    background: url("/assets/img/common/svg/Transfer-hover.svg") no-repeat 0 0;
}*/

#liHistory a i {
    background: url("/assets/img/common/svg/History.svg") no-repeat 0 0;
}

/*#liHistory a:hover i {
    background: url("/assets/img/common/svg/History-hover.svg") no-repeat 0 0;
}

#liHistory.active a i {
    background: url("/assets/img/common/svg/History-hover.svg") no-repeat 0 0;
}*/

#liDownline a i {
    background: url("/assets/img/common/svg/Downline.svg") no-repeat 0 0;
}

/*#liDownline a:hover i {
    background: url("/assets/img/common/svg/Downline-hover.svg") no-repeat 0 0;
}

#liDownline.active a i {
    background: url("/assets/img/common/svg/Downline-hover.svg") no-repeat 0 0;
}*/

#liWinLose a i {
    background: url("/assets/img/common/svg/WinLose.svg") no-repeat 0 0;
}

/*#liWinLose a:hover i {
    background: url("/assets/img/common/svg/WinLose-hover.svg") no-repeat 0 0;
}

#liWinLose.active a i {
    background: url("/assets/img/common/svg/WinLose-hover.svg") no-repeat 0 0;
}*/

.withdrawAmount {
    height: 40px;
    display: block;
    border-radius: 8px;
    background: #3A2E2D;
    text-align: center;
    padding-top: 10px;
    width: 70px;
}

.customRadio {
    cursor: pointer;
    padding-right: 10px;
}

    .customRadio input {
        display: none;
    }

    .customRadio div:nth-child(1) {
        padding: 10px 20px 10px 20px;
        border: 1px solid #707070;
        border-radius: 12px;
        text-align: center;
    }

    .customRadio div img {
        width: 50px;
    }

    .customRadio div:nth-child(2) {
        text-align: center;
        padding: 5px;
    }

    .customRadio:hover div:nth-child(1) {
        border: 1px solid #3A2E2D;
        background: #3A2E2D;
    }

    .customRadio:hover div img {
        filter: grayscale(1);
    }

    .customRadio.active div:nth-child(1) {
        border: 1px solid #3A2E2D;
        background: #3A2E2D;
    }

    .customRadio.active div img {
        filter: grayscale(1);
    }