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

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: #fefefe;
    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: #1779ba;
    text-decoration: none;
    cursor: pointer
}

a:focus, a:hover {
    color: #1468a0
}

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
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child, .input-group>:last-child>* {
    border-radius: 0 0 0 0
}

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

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;
    border: 1px solid #cacaca;
    background: #fefefe
}

.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('../assets/fonts/fontawesome-webfont.eot@v=4.7.0');
    src: url('../assets/fonts/fontawesome-webfont.eot@') format('embedded-opentype'), url('../assets/fonts/fontawesome-webfont.woff2@v=4.7.0') format('woff2'), url('../assets/fonts/fontawesome-webfont.woff@v=4.7.0') format('woff'), url('../assets/fonts/fontawesome-webfont.ttf@v=4.7.0') format('truetype'), url('../assets/fonts/fontawesome-webfont.svg@v=4.7.0') 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-download: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-download: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('../assets/fonts/FlxFont.ttf@deaqvi') format('truetype'), url('../assets/fonts/FlxFont.woff@deaqvi') format('woff'), url('../assets/fonts/FlxFont.svg@deaqvi') 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-download:before {
    content: ""
}

.flxf-download-3:before {
    content: ""
}

.flxf-download-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-download-desktop:before {
    content: ""
}

.flxf-download-android:before {
    content: ""
}

.flxf-download-ios:before {
    content: ""
}

.flxf-download-mobile:before {
    content: ""
}

@font-face {
    font-family: 'b2u';
    src: url('../assets/fonts/b2u.eot@80ijv4');
    src: url('../assets/fonts/b2u.eot@80ijv4') format('embedded-opentype'), url('../assets/fonts/b2u.ttf@80ijv4') format('truetype'), url('../assets/fonts/b2u.woff@80ijv4') format('woff'), url('../assets/fonts/b2u.svg@80ijv4') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="b2u-"], [class*=" b2u-"] {
    font-family: 'b2u' !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
}

.b2u-lucky-pick:before {
    content: ""
}

.b2u-surprise:before {
    content: ""
}

.b2u-home:before {
    content: ""
}

.b2u-casino:before {
    content: ""
}

.b2u-sport:before {
    content: ""
}

.b2u-slot:before {
    content: ""
}

.b2u-poker:before {
    content: ""
}

.b2u-keno:before {
    content: ""
}

.b2u-fortune-wheel:before {
    content: ""
}

.b2u-promo:before {
    content: ""
}

.b2u-download:before {
    content: ""
}

.b2u-whatsapp:before {
    content: ""
}

.b2u-wechat:before {
    content: ""
}

.b2u-my-promo:before {
    content: ""
}

.b2u-live-score:before {
    content: ""
}

.b2u-cockfight:before {
    content: ""
}

.b2u-more:before {
    content: ""
}

.b2u-refer-a-friend:before {
    content: ""
}

.b2u-mobile-app:before {
    content: ""
}

.b2u-Bcoin:before {
    content: ""
}

.b2u-gift:before {
    content: ""
}

.b2u-KENO:before {
    content: ""
}

.b2u-vip:before {
    content: ""
}

.b2u-fishing:before {
    content: ""
}

.b2u-News:before {
    content: ""
}

.b2u-reward: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(owl.video.play.png.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
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

#modal-dailyRewardTnc .content-container {
    position: relative;
    text-align: center
}

#modal-dailyRewardTnc .content-container .result-foreground {
    position: relative
}

#modal-dailyRewardGame .ribbon {
    position: relative;
    background: #7e0b20;
    color: #ff0;
    display: block;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    z-index: 3
}

#modal-dailyRewardGame .ribbon:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #200308 transparent transparent;
    left: -1px;
    bottom: -12px;
    z-index: 1
}

#modal-dailyRewardGame .ribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: #200308 transparent transparent transparent;
    right: -1px;
    bottom: -12px;
    z-index: 1
}

#modal-dailyRewardGame .ribbon .left-fold {
    background-color: #67091a;
    position: absolute;
    height: 50px;
    width: 25px;
    left: -15px;
    bottom: -12px;
    display: block;
    margin: 0;
    border-right: 1px solid #4f0714
}

#modal-dailyRewardGame .ribbon .left-fold:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 25px 0;
    border-color: transparent #67091a transparent transparent;
    left: -15px;
    top: 0
}

#modal-dailyRewardGame .ribbon .left-fold:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 15px;
    border-color: transparent transparent #67091a transparent;
    left: -15px;
    bottom: 0
}

#modal-dailyRewardGame .ribbon header {
    z-index: 2;
    position: relative;
    background: #7e0b20;
    width: 100%;
    display: block;
    font-size: 19px;
    line-height: 1.3em;
    padding: 15px 0;
    font-weight: 600;
    letter-spacing: .5px
}

#modal-dailyRewardGame .ribbon .right-fold {
    background-color: #67091a;
    position: absolute;
    height: 50px;
    width: 25px;
    right: -15px;
    bottom: -12px;
    display: block;
    margin: 0;
    border-left: 1px solid #4f0714
}

#modal-dailyRewardGame .ribbon .right-fold:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 15px 0 0;
    border-color: #67091a transparent transparent transparent;
    right: -15px;
    top: 0
}

#modal-dailyRewardGame .ribbon .right-fold:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 15px;
    border-color: transparent transparent transparent #67091a;
    right: -15px;
    bottom: 0
}

#modal-dailyRewardGame article {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    padding: 10px;
    border-radius: 0 0 25px 25px
}

#modal-dailyRewardGame article .dailyReward-container {
    position: relative;
    margin: 0 auto;
    max-width: 1024px
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-msg {
    font-weight: bold;
    font-size: 1.5em;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.5s linear
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-msg.active {
    visibility: visible;
    opacity: 1
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-itemDetail {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0, opacity 1.5s linear
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-itemDetail.active {
    visibility: visible;
    opacity: 1
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-itemDetail .item-title {
    font-weight: bold
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-itemDetail .item-desc p {
    margin: 0;
    font-size: .8em
}

#modal-dailyRewardGame article .dailyReward-container .dailyReward-itemDetail .button {
    position: relative !important;
    z-index: 1007 !important
}

@keyframes card-info-animation {
    0% {
        filter: drop-shadow(2px 2px 2px transparent)
    }

    50% {
        filter: drop-shadow(2px 2px 2px red)
    }

    100% {
        filter: drop-shadow(2px 2px 2px transparent)
    }
}

#canvasCongrat {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1006
}

canvas[id^=canvas-] {
    width: 100%;
    z-index: 999;
    position: relative
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer
}

table.dataTable td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: #fff;
    border: .15em solid #fff;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .9em
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▴"
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "▾"
}

table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .6
}

table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting_asc_disabled:before {
    display: none
}

table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active {
    outline: none
}

div.dataTables_scrollBody table.dataTable thead>tr>th:before, div.dataTables_scrollBody table.dataTable thead>tr>th:after, div.dataTables_scrollBody table.dataTable thead>tr>td:before, div.dataTables_scrollBody table.dataTable thead>tr>td:after {
    display: none
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px
}

div.dataTables_processing>div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(13, 110, 253, .9);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 .6s infinite
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(24px, 0)
    }
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

table.dataTable thead th:active, table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid rgba(0, 0, 0, .3)
}

table.dataTable tbody tr {
    background-color: transparent
}

table.dataTable tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .9);
    color: #fff
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .023)
}

table.dataTable.stripe>tbody>tr.odd.selected>*, table.dataTable.display>tbody>tr.odd.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .923)
}

table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .035)
}

table.dataTable.hover>tbody>tr.selected:hover>*, table.dataTable.display>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .935)
}

table.dataTable.order-column>tbody tr>.sorting_1, table.dataTable.order-column>tbody tr>.sorting_2, table.dataTable.order-column>tbody tr>.sorting_3, table.dataTable.display>tbody tr>.sorting_1, table.dataTable.display>tbody tr>.sorting_2, table.dataTable.display>tbody tr>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019)
}

table.dataTable.order-column>tbody tr.selected>.sorting_1, table.dataTable.order-column>tbody tr.selected>.sorting_2, table.dataTable.order-column>tbody tr.selected>.sorting_3, table.dataTable.display>tbody tr.selected>.sorting_1, table.dataTable.display>tbody tr.selected>.sorting_2, table.dataTable.display>tbody tr.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919)
}

table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .054)
}

table.dataTable.display>tbody>tr.odd>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .047)
}

table.dataTable.display>tbody>tr.odd>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .039)
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .954)
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .947)
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .939)
}

table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019)
}

table.dataTable.display>tbody>tr.even>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .011)
}

table.dataTable.display>tbody>tr.even>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .003)
}

table.dataTable.display>tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919)
}

table.dataTable.display>tbody>tr.even.selected>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .911)
}

table.dataTable.display>tbody>tr.even.selected>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .903)
}

table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .082)
}

table.dataTable.display tbody tr:hover>.sorting_2, table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .074)
}

table.dataTable.display tbody tr:hover>.sorting_3, table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .062)
}

table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .982)
}

table.dataTable.display tbody tr:hover.selected>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .974)
}

table.dataTable.display tbody tr:hover.selected>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .962)
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th, table.dataTable td {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    padding: 4px
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: rgba(230, 230, 230, .1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, .1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -moz-linear-gradient(top, rgba(230, 230, 230, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(230, 230, 230, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(230, 230, 230, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(230, 230, 230, .1) 0%, rgba(0, 0, 0, .1) 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width:640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

#modal-oneTimeRewardTnc .content-container {
    position: relative;
    text-align: center
}

#modal-oneTimeRewardTnc .content-container .result-foreground {
    position: relative
}

#modal-oneTimeRewardTnc .content-container .button-container {
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: -8%;
    padding-right: 5%
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container {
    display: flex;
    justify-content: center
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container button, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container button {
    width: 100%;
    background-size: contain !important;
    display: block;
    height: 45px
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container[data-culture="en-US"] .button-claim, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container[data-culture="en-US"] .button-claim {
    background: url('../Contents/OneTimeReward/SGD/en-US/button-claim.png') center no-repeat
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container[data-culture="en-US"] .button-close, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container[data-culture="en-US"] .button-close {
    background: url('../Contents/OneTimeReward/SGD/en-US/button-close.png') center no-repeat
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container[data-culture="zh-CN"] .button-claim, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container[data-culture="zh-CN"] .button-claim {
    background: url('../Contents/OneTimeReward/SGD/zh-CN/button-claim.png') center no-repeat
}

#modal-oneTimeRewardTnc .content-container .button-container .claim-button-container[data-culture="zh-CN"] .button-close, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container[data-culture="zh-CN"] .button-close {
    background: url('../Contents/OneTimeReward/SGD/zh-CN/button-close.png') center no-repeat
}

@media screen and (min-width:40em) {
    #modal-oneTimeRewardTnc .content-container .button-container .claim-button-container button, #modal-oneTimeRewardTnc .content-container .button-container .close-button-container button {
        transform: scale(1.3)
    }
}

#modal-oneTimeRewardGame .ribbon {
    position: relative;
    background: #7e0b20;
    color: #ff0;
    display: block;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    z-index: 3
}

#modal-oneTimeRewardGame .ribbon:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #200308 transparent transparent;
    left: -1px;
    bottom: -12px;
    z-index: 1
}

#modal-oneTimeRewardGame .ribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: #200308 transparent transparent transparent;
    right: -1px;
    bottom: -12px;
    z-index: 1
}

#modal-oneTimeRewardGame .ribbon .left-fold {
    background-color: #67091a;
    position: absolute;
    height: 50px;
    width: 25px;
    left: -15px;
    bottom: -12px;
    display: block;
    margin: 0;
    border-right: 1px solid #4f0714
}

#modal-oneTimeRewardGame .ribbon .left-fold:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 25px 0;
    border-color: transparent #67091a transparent transparent;
    left: -15px;
    top: 0
}

#modal-oneTimeRewardGame .ribbon .left-fold:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 15px;
    border-color: transparent transparent #67091a transparent;
    left: -15px;
    bottom: 0
}

#modal-oneTimeRewardGame .ribbon header {
    z-index: 2;
    position: relative;
    background: #7e0b20;
    width: 100%;
    display: block;
    font-size: 19px;
    line-height: 1.3em;
    padding: 15px 0;
    font-weight: 600;
    letter-spacing: .5px
}

#modal-oneTimeRewardGame .ribbon .right-fold {
    background-color: #67091a;
    position: absolute;
    height: 50px;
    width: 25px;
    right: -15px;
    bottom: -12px;
    display: block;
    margin: 0;
    border-left: 1px solid #4f0714
}

#modal-oneTimeRewardGame .ribbon .right-fold:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 15px 0 0;
    border-color: #67091a transparent transparent transparent;
    right: -15px;
    top: 0
}

#modal-oneTimeRewardGame .ribbon .right-fold:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 15px;
    border-color: transparent transparent transparent #67091a;
    right: -15px;
    bottom: 0
}

#modal-oneTimeRewardGame article {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    padding: 10px;
    border-radius: 0 0 25px 25px
}

#modal-oneTimeRewardGame article .oneTimeReward-container {
    position: relative;
    margin: 0 auto;
    max-width: 1024px
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-msg {
    font-weight: bold;
    font-size: 1.5em;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.5s linear
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-msg.active {
    visibility: visible;
    opacity: 1
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-itemDetail {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0, opacity 1.5s linear
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-itemDetail.active {
    visibility: visible;
    opacity: 1
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-itemDetail .item-title {
    font-weight: bold
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-itemDetail .item-desc p {
    margin: 0;
    font-size: .8em
}

#modal-oneTimeRewardGame article .oneTimeReward-container .oneTimeReward-itemDetail .button {
    position: relative !important;
    z-index: 1007 !important
}

#canvasOneTimeRewardCongrat {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1006
}

canvas[id^=canvas-] {
    width: 100%;
    z-index: 999;
    position: relative
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.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: 7px;
    cursor: pointer;
    border: none;
    transition: none
}

.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-color: #191919;
    color: #bb9844;
    border: 1px solid #bb9844
}

.button-style-1:focus, .button-style-1:active {
    background-color: #191919;
    color: #bb9844
}

.button-style-1:hover {
    background-color: #000;
    color: #bb9844;
    border: 1px solid #fff
}

.button-style-1.is-active {
    background-color: #bb9844;
    color: #000;
    border: 1px solid #bb9844
}

.button-style-2 {
    background-color: #bb9844;
    color: #191919;
    border: 1px solid #bb9844
}

.button-style-2:focus, .button-style-2:active {
    background-color: #bb9844;
    color: #191919
}

.button-style-2:hover, .button-style-2.is-active {
    background-color: #bb9844;
    color: #191919;
    border: 1px solid #fff
}

.button-style-3 {
    background-color: #bb9844;
    color: #6e0606;
    border: 1px solid #bb9844
}

.button-style-3:focus, .button-style-3:active {
    background-color: #bb9844;
    color: #191919
}

.button-style-3:hover, .button-style-3.is-active {
    background-color: #bb9844;
    color: #6e0606;
    border: 1px solid #fff
}

.button-style-4 {
    background-color: #191919;
    color: #bb9844;
    border: 1px solid #191919
}

.button-style-4:focus, .button-style-4:active {
    background-color: #191919;
    color: #bb9844
}

.button-style-4:hover, .button-style-4.is-active {
    background-color: #191919;
    color: #bb9844
}

.button-style-5 {
    background-color: #000;
    color: #bb9844
}

.button-style-5:focus, .button-style-5:active {
    background-color: #bb9844;
    color: #191919
}

.button-style-5:hover, .button-style-5.is-active {
    background-color: #bb9844;
    color: #6e0606;
    border: 1px solid #fff
}

.button-style-6 {
    background: none;
    border: none;
    margin: 0;
    color: #bb9844;
    text-decoration: underline;
    padding-left: 5px
}

.button-style-6:focus, .button-style-6:active {
    color: #bb9844
}

.button-style-6:hover, .button-style-6.is-active {
    color: #a8a8a8
}

.js-button-copy {
    margin-left: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../assets/img/common/copy-button.png.gz);
    background-size: 100%;
    background-repeat: no-repeat
}

.js-button-copy:hover {
    cursor: pointer
}

.promotion-button {
    background-color: #000;
    color: #bb9844;
    margin: 0 3px 3px 3px
}

.promotion-button:hover, .promotion-button:focus {
    background-color: #bb9844;
    color: #6e0606;
    border: 1px solid #fff
}

.quick-selection-button {
    min-width: 100px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #191919;
    color: #bb9844;
    border: 1px solid #bb9844
}

.quick-selection-button:hover, .quick-selection-button.is-active {
    background-color: #bb9844;
    color: #191919;
    border: 1px solid #fff
}

.delete-icon {
    float: right;
    padding-right: 3px
}

.delete-icon:hover {
    cursor: pointer
}

.quick-selection-icon {
    margin-right: 5px;
    color: #bb9844;
    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%
}

#product-filter .button-favouriteGames .fa-heart {
    color: red;
    animation: zoominout .5s infinite;
    -ms-animation: zoominout .5s infinite;
    -moz-animation: zoominout .5s infinite;
    -webkit-animation: zoominout .5s infinite;
    -o-animation: zoominout .5s infinite
}

html[data-whatintent="touch"] #product-filter .button:hover, html[data-whatintent="touch"] #promotion-filter .button:hover {
    background-color: #191919;
    color: #bb9844;
    border: 1px solid #bb9844
}

html[data-whatintent="touch"] #product-filter .button.is-active, html[data-whatintent="touch"] #promotion-filter .button.is-active {
    background-color: #bb9844;
    color: #000;
    border: 1px solid #bb9844
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.page-container {
    margin: 25px auto
}

.default-gameicon-container {
    background-image: url('../assets/img/product/default-game-icon.jpg.gz')
}

.container-style-1 {
    background-color: #c9ad69;
    background: -webkit-gradient(linear, left top, left bottom, from(#f50101), to(#f50101));
    background: -webkit-linear-gradient(top, #f50101, #f50101);
    background: -moz-linear-gradient(top, #c9ad69, #bb9844);
    background: -ms-linear-gradient(top, #c9ad69, #bb9844);
    background: -o-linear-gradient(top, #c9ad69, #bb9844);
    color: white;
}

.container-style-1 label {
    color: #191919
}

.container-style-2 {
    background-color: #333;
    color: #a8a8a8
}

.container-style-2 label {
    color: #a8a8a8
}

.container-style-3 {
    background-color: #191919;
    color: #a8a8a8
}

.container-style-3 label {
    color: #a8a8a8
}

.container-style-4 {
    background-color: #000;
    color: #fff
}

.container-style-4 label {
    color: #fff
}

.container-style-5 {
    background-color: #333;
    color: #a8a8a8;
    border-left: 5px solid #bb9844
}

.container-style-5 label {
    color: #a8a8a8
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.font-white {
    color: #fff
}

.font-alert {
    color: #ff2a00
}

.font-style-1 {
    color: gray
}

.font-style-2 {
    color: #bb9844
}

.font-highlight {
    color: #ff0
}

.font-small {
    font-size: .8em
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.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[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    height: 2rem;
    padding-top: .1rem;
    padding-bottom: .1rem
}

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;
    word-break: keep-all
}

label.error {
    color: #ff2a00 !important
}

label.success {
    color: #bb9844 !important
}

.field-required:before {
    color: #ff2a00
}

select>option, div.datepicker-container {
    color: #000
}

.form-style-1 {
    color: #a8a8a8
}

.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 #a8a8a8;
    background-color: transparent;
    color: #a8a8a8
}

.form-style-1 input:focus, .form-style-1 select:focus {
    background-color: inherit;
    border-color: #c9ad69
}

.form-style-1 input::-moz-placeholder, .form-style-1 textarea::-moz-placeholder, .form-style-1 input[disabled], .form-style-1 select[disabled] {
    color: #8f8f8f
}

.form-style-2 {
    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 #c9ad69;
    background-color: transparent;
    color: #000
}

.form-style-2 input:focus, .form-style-2 select:focus {
    background-color: inherit;
    border-color: #000
}

.form-style-2 input::-moz-placeholder, .form-style-2 textarea::-moz-placeholder, .form-style-2 input[disabled], .form-style-2 select[disabled] {
    color: #8f8f8f
}

.form-style-3 {
    color: #a8a8a8
}

.form-style-3 * {
    font-family: Tahoma, Arial, Helvetica, sans-serif
}

.form-style-3 i.fa {
    font-family: FontAwesome
}

.form-style-3 input, .form-style-3 input:focus, .form-style-3 select, .form-style-3 select:focus {
    box-shadow: none;
    color: #000
}

.fieldset-style-1 {
    border: 1px solid #967a36
}

.fieldset-style-1 legend {
    background: none;
    color: #bb9844;
    font-weight: bold;
    text-transform: uppercase
}

.floating-label-form .field-group {
    margin-bottom: 2rem
}

.floating-label-form i {
    font-size: 1.5rem
}

.floating-label-form .floating-label {
    font-size: inherit;
    position: absolute;
    top: -25px;
    z-index: 2;
    opacity: 1;
    pointer-events: none
}

.floating-label-form .field-group {
    position: relative
}

.floating-label-form .checkbox label, .floating-label-form .radio label {
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1
}

.floating-label-form .checkbox input[type="checkbox"], .floating-label-form .radio input[type="radio"] {
    top: 0;
    left: 0;
    visibility: hidden;
    display: none
}

.floating-label-form .checkbox .custom-checkbox {
    top: -2px
}

.floating-label-form .checkbox .custom-checkbox, .floating-label-form .radio .custom-radio {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
    width: 18px;
    height: 18px;
    position: relative
}

.floating-label-form .checkbox input[type="checkbox"]:checked+.custom-checkbox .icon-check {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.floating-label-form .checkbox .icon-check {
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 180ms ease
}

.floating-label-form .icon-check:before {
    position: absolute;
    content: '✓';
    width: 12px;
    font-size: 12.66667px;
    text-align: center;
    line-height: 16px;
    font-weight: bold
}

.floating-label-form .field-required:before {
    right: 0
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

a {
    text-decoration: none
}

a.link-style-1 {
    color: #666
}

a.link-style-1:focus, a.link-style-1:active {
    color: #000
}

a.link-style-1:hover, a.link-style-1.is-active {
    color: #000
}

a.link-style-2 {
    color: #a8a8a8
}

a.link-style-2:focus, a.link-style-2:active {
    color: #a8a8a8
}

a.link-style-2:hover, a.link-style-2.is-active {
    color: #bb9844
}

a.link-style-3 {
    color: #bb9844
}

a.link-style-3:focus, a.link-style-3:active {
    color: #bb9844
}

a.link-style-3:hover, a.link-style-3.is-active {
    color: #bb9844
}

a.link-style-4 {
    color: #bb9844
}

a.link-style-4:focus, a.link-style-4:active {
    color: #bb9844
}

a.link-style-4:hover, a.link-style-4.is-active {
    color: #000
}

a.link-style-5 {
    color: #bb9844
}

a.link-style-5:focus, a.link-style-5:active {
    color: #bb9844
}

a.link-style-5:hover, a.link-style-5.is-active {
    color: #a8a8a8
}

a.link-style-6 {
    color: #000
}

a.link-style-6:focus, a.link-style-6:active {
    color: #000
}

a.link-style-6:hover, a.link-style-6.is-active {
    color: #000
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.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: #4c4c4c;
    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: #2b2b2b;
    color: #fff;
    border-top: 3px solid #bb9844;
    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: #191919;
    color: #bb9844;
    border: none;
    border-left: 5px solid #7f7f7f;
    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: #0c0c0c;
    border-left: 5px solid #bb9844
}

.accordion.accordion-style-1 .accordion-title:hover:before {
    font-family: 'FontAwesome';
    content: ''
}

.accordion.accordion-style-1 .is-active .accordion-title {
    background-color: #0c0c0c;
    border-left: 5px solid #bb9844
}

.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: #333;
    color: #fff;
    border: none;
    border-bottom: 2px solid #666
}

.accordion.accordion-style-2 .accordion-title:before {
    color: #bb9844
}

.accordion.accordion-style-2 .is-active .accordion-title {
    border-bottom: 2px solid #bb9844
}

.accordion.accordion-style-2 .accordion-content {
    background-color: #7f7f7f;
    border: none;
    margin: 0 5px 8px
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.modal, .modal-wrapper {
    position: relative
}

.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: #191919
}

.modal-style-1 .modal-wrapper-close:hover {
    color: #000
}

.modal-style-1 header {
    background-color: #bb9844;
    color: #191919;
    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-1 .promotion-style {
    display: none
}

.modal-style-2 {
    background-color: #bb9844;
    color: #000;
    padding: 5px 20px
}

.modal-style-2 .close-button {
    background-color: #fff;
    color: #bb9844;
    border: 5px solid #bb9844;
    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: #967a36;
    border: 5px solid #967a36
}

.modal-login {
    background: rgba(0, 0, 0, .8)
}

.modal-login .modal-wrapper-close {
    color: #191919
}

.modal-login .modal-wrapper-close:hover {
    color: #000
}

.modal-login header {
    background-color: #bb9844;
    color: #191919;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 45px;
    padding: 10px 30px 10px 10px
}

.modal-login article {
    color: #000;
    padding: .9375rem .9375rem 0 .9375rem
}

.modal-login article label {
    color: #000
}

.modal-login nav {
    padding: 10px;
    text-align: center;
    margin: .8rem 0 0 0
}

.modal-login nav.nav-register {
    background: rgba(0, 0, 0, .8);
    border-top: 1px solid #bb9844;
    cursor: default
}

.modal-login label:not(.error) {
    color: #a8a8a8 !important
}

.modal-login label:not(.error).inputFocus {
    color: #bb9844 !important
}

.modal-login label:not(.error) i {
    font-size: 1.5rem;
    vertical-align: middle
}

@media screen and (max-width:40em) {
    .modal-login label:not(.error) i {
        margin-bottom: .5rem;
        margin-left: .5rem
    }
}

.modal-login #buttonLogin {
    padding: .85em 1em
}

.modal-style-promotion {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    background: #191919
}

.modal-style-promotion .modal-wrapper-close {
    position: absolute;
    width: 33px;
    height: 33px;
    right: -.55rem;
    top: -.55rem;
    background-color: #bb9844;
    font-size: 1.2rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 .3rem #191919;
    cursor: pointer;
    z-index: 2
}

.modal-style-promotion .modal-wrapper-close i {
    display: flex;
    height: inherit;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 1.1rem
}

.modal-style-promotion header {
    display: none
}

.modal-style-promotion .article-container {
    padding: 0 15px
}

.modal-style-promotion .article-container .promotion-title {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: bold;
    margin: 10px 0
}

.modal-style-promotion .article-container table {
    color: #000
}

.modal-style-promotion .article-container .promotion-content {
    color: #fff !important
}

.modal-style-promotion .article-container .promotion-content * {
    color: #fff !important
}

.modal-style-promotion .article-container .promotion-content .none-background-color {
    background-color: transparent !important
}

.modal-style-promotion .article-container .promotion-content table * {
    background-color: transparent !important;
    border-color: #fff !important
}

.modal-style-promotion .article-container .banner-container {
    margin-bottom: 10px
}

.modal-style-promotion .article-container .banner-container img {
    width: 100%
}

.modal-style-promotion .article-container .info-container .general-rule-button-container .general-rule-button {
    margin: 5px
}

.modal-style-promotion .article-container .info-container .date-display-container {
    display: flex;
    flex-direction: column
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format {
    position: relative;
    display: flex;
    align-items: center
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format .date-type-label {
    text-align: left;
    min-width: 70px;
    color: #fff;
    white-space: nowrap
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format .countdown-period-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 80px;
    padding: inherit
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format .countdown-period-container .countdown-text {
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0 auto;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 6px 0
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format .countdown-period-container .countdown-content {
    font-size: 13px;
    color: #fff
}

.modal-style-promotion .article-container .info-container .date-display-container .countdown-format .countdown-colon {
    color: #fff;
    font-weight: bold
}

.modal-style-promotion .article-container .info-container .date-display-container .date-format {
    display: flex;
    align-items: center
}

.modal-style-promotion .article-container .info-container .date-display-container .date-format .date-type-label {
    color: #fff;
    margin-right: 10px
}

@media screen and (min-width:64em) {
    .modal-style-promotion .article-container .info-container .date-display-container .countdown-format {
        justify-content: end
    }

    .modal-style-promotion .article-container .info-container .date-display-container .date-format {
        justify-content: end
    }
}

@media screen and (max-width:39.9375em) {
    .modal-style-promotion .article-container {
        padding: 0 10px
    }

    .modal-style-promotion .article-container .info-container .general-rule-button-container .general-rule-button {
        margin: 5px
    }

    .modal-style-promotion .article-container .info-container .date-display-container {
        margin-top: 10px
    }
}

.modal-style-announcement {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    background: #191919
}

.modal-style-announcement .modal-wrapper-close {
    position: absolute;
    width: 33px;
    height: 33px;
    right: -.55rem;
    top: -.55rem;
    background-color: #bb9844;
    font-size: 1.2rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 .3rem #191919;
    cursor: pointer;
    z-index: 2
}

.modal-style-announcement .modal-wrapper-close i {
    display: flex;
    height: inherit;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 1.1rem
}

.modal-style-announcement nav {
    padding: 2rem 10px 0 10px;
    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 {
    color: #bb9844;
    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 .article-container .announcement-title {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: bold
}

.modal-style-announcement .article-container .date-display-container {
    display: flex;
    flex-direction: column;
    margin: 15px 0 10px 0
}

.modal-style-announcement .article-container .date-display-container .countdown-format {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0 10px
}

.modal-style-announcement .article-container .date-display-container .countdown-format .date-type-label {
    text-align: right;
    color: #fff;
    white-space: nowrap
}

.modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 80px
}

.modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container .countdown-text {
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0 auto;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 6px 0
}

.modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container .countdown-content {
    font-size: 13px;
    color: #fff
}

.modal-style-announcement .article-container .date-display-container .countdown-format .countdown-colon {
    color: #fff;
    font-weight: bold
}

@media screen and (max-width:39.9375em) {
    .modal-style-announcement .article-container .date-display-container .countdown-format {
        justify-content: normal
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-date-label {
        line-height: .9;
        font-size: .8rem
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container {
        width: 100%
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container .countdown-text {
        width: 25px;
        height: 25px;
        font-size: .8rem;
        padding: 3px 0
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container .countdown-content {
        font-size: .8rem
    }
}

@media screen and (max-width:20em) {
    .modal-style-announcement .article-container .date-display-container .countdown-format {
        justify-content: center;
        transform: scale(.8)
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-date-label {
        font-size: .7rem
    }

    .modal-style-announcement .article-container .date-display-container .countdown-format .countdown-period-container .countdown-content {
        white-space: nowrap
    }
}

.modal-style-announcement .article-container .date-display-container .date-format {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 0 10px
}

.modal-style-announcement .article-container .date-display-container .date-format .date-type-label {
    color: #fff
}

.modal-style-announcement .article-container table {
    color: #000
}

.modal-style-announcement .article-container .owl-carousel .owl-nav .owl-prev {
    left: 17px
}

.modal-style-announcement .article-container .owl-carousel .owl-nav .owl-prev:hover {
    left: 7px
}

.modal-style-announcement .article-container .owl-carousel .owl-nav .owl-next {
    right: 17px
}

.modal-style-announcement .article-container .owl-carousel .owl-nav .owl-next:hover {
    right: 7px
}

.modal-style-announcement[active-announcement-type="popup"] .article-container {
    padding: 10px;
    min-height: 35px
}

.modal-style-announcement[active-announcement-type="popup"] .article-container .announcement-content {
    color: #fff !important
}

.modal-style-announcement[active-announcement-type="popup"] .article-container .announcement-content * {
    color: #fff !important
}

.modal-style-announcement[active-announcement-type="popup"] .article-container .announcement-content .none-background-color {
    background-color: transparent !important
}

.modal-style-announcement[active-announcement-type="popup"] .article-container .announcement-content table * {
    background-color: transparent !important;
    border-color: #fff !important
}

.modal-style-announcement[active-announcement-type="image"] .modal-wrapper-close {
    z-index: 3
}

.modal-style-announcement[active-announcement-type="image"] nav {
    position: absolute;
    width: 100%;
    padding: 1.5rem 10px 0 10px;
    z-index: 2
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content {
    position: relative
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .announcement-title {
    position: absolute;
    width: 100%;
    color: #fff;
    padding: 60px 0 15px 20px;
    font-weight: unset;
    z-index: 1;
    mix-blend-mode: difference
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .date-display-container {
    position: absolute;
    background-color: #eaeaea;
    z-index: 1;
    right: 0;
    top: 70px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 .3rem #bb9844
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .date-display-container .date-type-label {
    color: #000
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .date-display-container .countdown-format {
    margin: 5px 10px
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .date-display-container .countdown-format .countdown-period-container .countdown-content {
    color: #000
}

.modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .date-display-container .countdown-format .countdown-colon {
    color: #000
}

.modal-style-announcement[active-announcement-type="image"] .article-container .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:39.9375em) {
    .modal-style-announcement[active-announcement-type="image"] nav {
        padding: 5px 10px 0 10px
    }

    .modal-style-announcement[active-announcement-type="image"] .article-container .announcement-content .announcement-title {
        font-size: .9rem
    }
}

.modal-style-announcement .announcement-template {
    display: none
}

.modal-style-general-rules {
    background-color: #000;
    color: #fff
}

.modal-style-general-rules .modal-wrapper-close {
    color: #fff
}

.modal-style-general-rules .modal-wrapper-close:hover {
    color: #bb9844
}

.modal-style-general-rules .article-container {
    padding: 1rem
}

.modal-style-general-rules .article-container .rules-content-container {
    margin: 0 5px
}

.modal-style-general-rules .article-container .rules-content-container .rules-title {
    margin: 10px 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold
}

.modal-style-general-rules .article-container .rules-content-container .rules-content {
    color: #fff !important
}

.modal-style-general-rules .article-container .rules-content-container .rules-content * {
    color: #fff !important
}

.modal-style-general-rules .article-container .rules-content-container .rules-content .none-background-color {
    background-color: transparent !important
}

.modal-style-general-rules .article-container .rules-content-container .rules-content table * {
    background-color: transparent !important;
    border-color: #fff !important
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.swiper-style-1 .swiper-button-prev, .swiper-style-1 .swiper-button-next {
    border-top: 6px solid #bb9844;
    border-left: 6px solid #bb9844;
    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 #bb9844;
    border-left: 2px solid #bb9844;
    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
}

.swiper-style-3 {
    position: relative;
    padding: 0 32px
}

.swiper-style-3 .swiper-button-prev, .swiper-style-3 .swiper-button-next {
    border-top: 2px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: none
}

.swiper-style-3 .swiper-button-prev {
    left: 12px;
    transform: rotate(-45deg)
}

.swiper-style-3 .swiper-button-next {
    right: 12px;
    transform: rotate(135deg)
}

.swiper-style-3 .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 #bb9844 !important;
    border-right: 6px solid #bb9844 !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 #bb9844 !important;
    border-right: 3px solid #bb9844 !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: -24px
}

.owl-style-popannouncement .owl-nav .owl-next {
    transform: rotate(45deg);
    right: -17px
}

.owl-style-popannouncement .owl-nav .owl-next:hover {
    right: -24px
}

.owl-style-popannouncement .owl-nav {
    visibility: visible
}

.owl-style-popannouncement .owl-item {
    touch-action: manipulation !important;
    min-height: 140px
}

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

.homeProduct-swiperTab {
    position: relative;
    height: 100%
}

.homeProduct-swiperTab .swiperTab__menu {
    position: sticky;
    height: 50px;
    background: #bb9844;
    margin: 0 2% 2% 2%;
    border-radius: 25px;
    padding: 5px
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item {
    display: block;
    width: auto;
    padding: 0 1.5rem;
    text-align: center;
    color: #000
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 35%;
    margin-right: 5px;
    filter: invert(64%) sepia(12%) saturate(1747%) hue-rotate(4deg) brightness(92%) contrast(92%);
    display: none
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.sportbook-icon {
    background-image: url(../assets/img/default/icon-sportsbook.png.gz)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.livecasino-icon {
    background-image: url(../assets/img/default/icon-livecasino.png)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.slot-icon {
    background-image: url(../assets/img/default/icon-slot.png)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.lottery-icon {
    background-image: url(../assets/img/default/icon-4d.png)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.fishing-icon {
    background-image: url(../assets/img/default/icon-fishing.png)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.more-icon {
    background-image: url(../assets/img/default/icon-more.png)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .icon.esport-icon {
    background-image: url(../assets/img/default/icon-esport.png@v=2)
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item:hover, .homeProduct-swiperTab .swiperTab__menu a.menu__item:focus, .homeProduct-swiperTab .swiperTab__menu a.menu__item.is-active {
    background-color: #000;
    color: #bb9844;
    border-radius: 25px
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item:hover .icon, .homeProduct-swiperTab .swiperTab__menu a.menu__item:focus .icon, .homeProduct-swiperTab .swiperTab__menu a.menu__item.is-active .icon {
    display: block
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .item__label {
    display: table;
    width: 100%;
    height: 40px;
    font-size: 1rem;
    line-height: .8rem
}

.homeProduct-swiperTab .swiperTab__menu a.menu__item .item__label .label__text {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.homeProduct-swiperTab .swiperTab__content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.homeProduct-swiperTab .swiperTab__content .content__item {
    width: 100%;
    overflow-y: auto;
    box-sizing: border-box
}

section#home-popularGame {
    background-color: none;
    width: 100%
}

section#home-popularGame .game-container {
    position: relative;
    padding: 0 35px
}

section#home-popularGame .game-container .js-Game {
    position: relative;
    overflow: hidden;
    width: 100%
}

section#home-popularGame .game-container .js-Game .js-marquee a {
    display: inline-flex;
    width: 100px;
    color: #bb9844
}

@media screen and (min-width:40em) {
    section#home-popularGame .game-container .js-Game .js-marquee a {
        width: 190px !important
    }
}

section#home-popularGame .game-card-container .image {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto
}

section#home-popularGame .game-card-container .image img {
    height: 130px;
    object-fit: contain
}

@media screen and (max-width:40em) {
    section#home-popularGame .game-card-container .image img {
        height: 70px
    }
}

@media screen and (max-width:40em) {
    section#home-popularGame .game-card-container .name-container {
        font-size: .8rem
    }
}

section#home-popularGame span {
    color: #bb9844
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.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: #111;
    color: #bb9844
}

table.table-style-1 td {
    background-color: #191919;
    color: #fff
}

table.table-style-1 td label {
    color: #fff
}

table.table-style-2 tr, table.table-style-2 th, table.table-style-2 td {
    border: 1px solid #454545;
    color: #000;
    text-align: center
}

table.table-style-2 th {
    background-color: #111;
    color: #fff
}

table.table-style-2 td {
    background-color: #191919;
    color: #fff
}

table.table-style-2 td label {
    color: #fff
}

table.table-style-3 tr, table.table-style-3 th, table.table-style-3 td {
    border: hidden;
    background-color: #191919
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

.title-style-1 {
    color: #bb9844;
    border-bottom: 1px solid #4c4c4c;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-style-2 {
    color: #a8a8a8;
    border-bottom: 2px solid #bb9844;
    font-weight: bold;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-style-3 {
    color: #a8a8a8;
    border-bottom: 1px solid #454545;
    text-transform: uppercase;
    margin: 5px auto 1rem;
    padding: 5px 0
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

footer {
    padding-bottom: 13vh
}

footer section#footer-bank {
    border-top: 1px solid #454545;
    border-bottom: 1px solid #454545;
    padding: 15px 0 40px 0
}

footer section#footer-bank i {
    background: url("../assets/img/common/bank-sprite.png@v=14") no-repeat;
    display: inline-block
}

footer section#footer-bank i.bank-myr {
    height: 29px;
    margin: 5px 20px
}

footer section#footer-bank i.bank-myr.bank-ocbc {
    background-position: 0 -2px;
    width: 117px
}

footer section#footer-bank i.bank-myr.bank-hongleong {
    background-position: -145px -2px;
    width: 134px
}

footer section#footer-bank i.bank-myr.bank-maybank {
    background-position: -307px -9px;
    width: 86px
}

footer section#footer-bank i.bank-myr.bank-public {
    background-position: -429px -2px;
    width: 127px
}

footer section#footer-bank i.bank-myr.bank-cimb {
    background-position: -587px -2px;
    width: 91px
}

footer section#footer-bank i.bank-myr.bank-ambank {
    background-position: -715px -2px;
    width: 106px
}

footer section#footer-bank i.bank-myr.bank-hsbc {
    background-position: -859px -2px;
    width: 116px
}

footer section#footer-bank i.bank-myr.bank-rhb {
    background-position: -992px -2px;
    width: 64px
}

footer section#footer-bank i.bank-myr.bank-bimb {
    background-position: -1076px -2px;
    width: 114px
}

footer section#footer-bank i.bank-myr.bank-bsn {
    background-position: -1207px -4px;
    width: 62px
}

footer section#footer-bank i.bank-idr {
    height: 31px;
    margin: 5px 30px
}

footer section#footer-bank i.bank-idr.bank-bca {
    background-position: -1px -36px;
    width: 90px
}

footer section#footer-bank i.bank-idr.bank-mandiri {
    background-position: -112px -35px;
    width: 97px
}

footer section#footer-bank i.bank-idr.bank-bni {
    background-position: -232px -38px;
    width: 86px
}

footer section#footer-bank i.bank-idr.bank-bri {
    background-position: -341px -37px;
    width: 138px
}

footer section#footer-bank i.bank-idr.bank-danamon {
    background-position: -505px -34px;
    width: 104px
}

footer section#footer-bank i.bank-thb {
    height: 27px;
    margin: 5px 30px
}

footer section#footer-bank i.bank-thb.bank-bangkok {
    background-position: -2px -72px;
    width: 78px
}

footer section#footer-bank i.bank-thb.bank-krungthai {
    background-position: -106px -71px;
    width: 108px
}

footer section#footer-bank i.bank-thb.bank-siam {
    background-position: -240px -71px;
    width: 74px
}

footer section#footer-bank i.bank-thb.bank-kasikorn {
    background-position: -335px -70px;
    width: 109px
}

footer section#footer-bank i.bank-thb.bank-krungsri {
    background-position: -466px -70px;
    width: 136px
}

footer section#footer-bank i.bank-thb.bank-thanachart {
    background-position: -618px -71px;
    width: 105px
}

footer section#footer-bank i.bank-thb.bank-tmb {
    background-position: -738px -70px;
    width: 55px
}

footer section#footer-bank i.bank-thb.bank-government-savings {
    background-position: -809px -70px;
    width: 79px
}

footer section#footer-bank i.bank-vnd.bank-donga {
    background-position: -2px -98px;
    width: 128px
}

footer section#footer-bank i.bank-vnd.bank-acb {
    background-position: -155px -98px;
    width: 48px
}

footer section#footer-bank i.bank-vnd.bank-vietin {
    background-position: -226px -98px;
    width: 101px
}

footer section#footer-bank i.bank-vnd.bank-sacom {
    background-position: -343px -98px;
    width: 132px
}

footer section#footer-bank i.bank-vnd.bank-vietcom {
    background-position: -490px -98px;
    width: 76px
}

footer section#footer-bank i.bank-vnd.bank-techcom {
    background-position: -591px -101px;
    width: 139px
}

footer section#footer-bank i.bank-sgd {
    height: 31px;
    margin: 5px 10px
}

footer section#footer-bank i.bank-sgd.bank-uob {
    background-position: -1px -138px;
    width: 81px
}

footer section#footer-bank i.bank-sgd.bank-dbs {
    background-position: -89px -138px;
    width: 82px
}

footer section#footer-bank i.bank-sgd.bank-posb {
    background-position: -186px -139px;
    width: 69px
}

@media screen and (max-width:40em) {
    footer section#footer-bank .footer-gamblinglicense-container {
        padding-top: 40px
    }
}

footer section#footer-bank .footer-gamblinglicense-container img {
    max-height: 60px;
    margin-top: 5px
}

footer section#footer-bank .footer-provider-title {
    margin-left: 10px
}

footer section#footer-nav {
    padding: 20px 0
}

footer section#footer-nav a.link-style-2 {
    display: inline-block;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600;
    margin: 10px 30px
}

footer section#footer-nav i.social {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url("../assets/img/common/social-sprite-2.png") no-repeat;
    float: left;
    margin-right: 8px;
    margin-top: 6px
}

footer section#footer-nav i.social.social-facebook {
    background-position: 0 -104px
}

footer section#footer-nav i.social.social-youtube {
    background-position: 0 -178px
}

footer section#footer-nav i.social.social-wechat {
    background-position: 0 -252px
}

footer section#footer-nav i.social.social-livechat {
    background-position: 0 -30px
}

footer section#footer-nav i.social.social-line {
    background-position: 0 -326px
}

footer section#footer-nav>div:first-of-type {
    padding: 10px
}

footer section#footer-nav>div:last-of-type>div {
    padding: 10px
}

footer section#footer-provider i.provider {
    margin: 5px 10px
}

footer section#footer-bottom {
    font-size: .8em
}

section#footer-gamblingLicense img {
    max-height: 60px;
    margin-top: 5px
}

html:not([data-currency="MYR"]) section#footer-provider .footer-title {
    display: none
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

section#header-announcement {
    position: relative;
    height: 30px
}

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-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.gz") no-repeat 0 -66px;
    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
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

header#AppHeader #app-header-memberlogin {
    margin-top: 20px
}

@media screen and (min-width:40em) {
    header#AppHeader #app-header-memberlogin {
        margin-top: 35px
    }
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

section#header-logo i {
    background: url("../assets/img/common/logo.png") left center/contain no-repeat;
    transition: height .2s;
    z-index: 3;
    display: block;
    margin: 10px;
    margin-left: 3%;
    height: 50px
}

section#header-logo i.mobile-view {
    height: 80px
}

@media screen and (min-width:40em) {
    section#header-logo i {
        height: 80px
    }
}

@media screen and (min-width:64em) {
    section#header-logo i {
        height: 100px
    }
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

#app-member {
    display: block;
    z-index: 2;
    margin: 8px 0 13px 0
}

#app-member img.memberLevel {
    max-height: 30px;
    max-width: 30px
}

#app-member div.view-anonymous {
    margin: 21px 5% 0 5%
}

#app-member div.view-anonymous .button {
    border-radius: 0 !important;
    width: 50%;
    margin-bottom: 4px
}

#app-member div.view-anonymous .js-buttonSignUp {
    float: right
}

@media screen and (min-width:64em) {
    #app-member div.view-anonymous {
        padding-bottom: 21px
    }

    #app-member div.view-anonymous .button {
        padding: 7px 10px;
        font-size: 1.5rem
    }
}

@media screen and (min-width:64em) {
    #app-member div.view-member {
        padding-bottom: 5px
    }
}

#app-member ul.menu>li {
    margin: 0 5px
}

#app-member ul.menu>li>a {
    font-size: .8em;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px
}

#app-member ul.menu>li>a:after {
    border-color: #bb9844 transparent transparent
}

#app-member ul.menu>li>ul {
    margin-top: 5px;
    padding: 10px;
    border-color: #454545;
    z-index: 4
}

#app-member ul.menu>li>ul a {
    padding: 10px 0
}

#app-member ul.menu>li:not(.is-dropdown-submenu-parent)>a {
    text-transform: uppercase
}

#app-member ul.menu-walletBalance {
    min-width: 320px;
    padding: 0;
    left: auto;
    right: 0
}

#app-member ul.is-dropdown-submenu {
    z-index: 2
}

#app-member .walletBalance-container {
    color: #a8a8a8;
    font-size: .9rem
}

#app-member .walletBalance-container ul:last-of-type {
    border-color: #7f7f7f
}

#app-member label.label-unread-message {
    position: absolute;
    top: -8px;
    right: 10px;
    border: 1px solid red;
    border-radius: 50%;
    background: red;
    width: 20px;
    line-height: 13px;
    text-align: center;
    color: #fff;
    font-size: 10px
}

#app-member .dropdown-menu label.label-unread-message {
    top: 22px;
    right: 45px
}

#app-member .unreadInboxMessage-small {
    top: 20px !important;
    right: 68px !important
}

#app-member .small-screen-button-container {
    margin: 0 5px
}

#mobile-site button {
    float: right;
    margin-bottom: .5rem;
    margin-top: .5rem;
    font-weight: bold
}

#mobile-site span.new-page {
    position: relative;
    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;
    right: unset;
    padding: unset
}

.glow {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate
}

.transfer-all-toggle-container {
    display: flex;
    position: relative;
    margin: 8px 0 13px 0;
    float: right;
    transform: translate(-5%, -18%);
    z-index: 3
}

.transfer-all-toggle-container i.icon-tooltip {
    background: url("../assets/img/common/icon-tooltip.png") center/contain no-repeat;
    display: flex;
    align-items: center;
    padding: 14px;
    cursor: pointer
}

.transfer-all-toggle-container .transfer-all-label {
    display: inline;
    color: #bb9844
}

.transfer-all-toggle-container .toggle-switches-container {
    display: flex;
    align-items: center
}

.transfer-all-toggle-container .toggle-switches-container label {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 22px;
    background: grey;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    text-indent: -9999px;
    vertical-align: middle;
    margin-right: 5px
}

.transfer-all-toggle-container .toggle-switches-container label:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    top: 0;
    left: 2px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition: .3s
}

.transfer-all-toggle-container .toggle-switches-container label:active::after {
    width: 36px
}

.transfer-all-toggle-container .toggle-switches-container input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

.transfer-all-toggle-container .toggle-switches-container input[type=checkbox]:checked+label {
    background-color: #bb9844
}

.transfer-all-toggle-container .toggle-switches-container input[type=checkbox]:checked+label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%)
}

.transfer-all-toggle-container .tooltip-msg {
    display: none;
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 30px;
    padding: 10px 20px;
    font-size: 11px;
    text-align: left
}

.transfer-all-toggle-container .tooltip-msg.is-active {
    display: block
}

@media screen and (max-width:39.9375em) {
    .transfer-all-toggle-container {
        width: 100%;
        justify-content: end;
        margin: unset;
        transform: translate(0, -15%)
    }
}

@-webkit-keyframes glow {
    from {
        box-shadow: none
    }

    to {
        box-shadow: 0 0 20px #bb9844
    }
}

@-webkit-keyframes blinker {
    0% {
        color: red
    }

    50% {
        color: #ffa500
    }

    100% {
        color: red
    }
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

nav#app-navigation li a, nav#mobile-navigation li a {
    background-color: #bb9844;
    color: #e6e6e6;
    text-transform: uppercase;
    position: relative
}

nav#app-navigation li a i, nav#mobile-navigation li a i {
    font-size: 1.5rem;
    margin-right: .5rem
}

nav#app-navigation li a i::before, nav#mobile-navigation li a i::before {
    border: 1px dashed;
    padding: .1rem;
    border-radius: 6px
}

nav#app-navigation li a i.flxf.flxf-demogame, nav#mobile-navigation li a i.flxf.flxf-demogame {
    transform: scale(.9, .8)
}

nav#app-navigation li a i.flxf::before, nav#mobile-navigation li a i.flxf::before {
    padding: .35rem !important
}

nav#app-navigation li a i.custom.custom-slot-noek:before, nav#mobile-navigation li a i.custom.custom-slot-noek:before, nav#app-navigation li a i.custom.custom-slot-puss:before, nav#mobile-navigation li a i.custom.custom-slot-puss:before {
    background: url(../assets/img/product/download-provider.png@v=5) no-repeat -100px -100px;
    background-position: -673px -1px;
    content: " ";
    width: 41px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    display: inline-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);
    border: unset;
    padding: 0
}

nav#app-navigation li a i.custom.custom-fastgame:before, nav#mobile-navigation li a i.custom.custom-fastgame:before {
    background: url(../assets/img/product/fastgame.png.gz) center no-repeat;
    content: " ";
    width: 21px;
    height: 21px;
    display: inline-block;
    background-size: contain;
    -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);
    border: unset;
    padding: 0;
    transform: scale(1.4)
}

nav#app-navigation li a span.new-page, nav#mobile-navigation li a span.new-page {
    top: .5rem;
    animation: new-page_colorchange 2s infinite;
    -ms-animation: new-page_colorchange 2s infinite;
    -moz-animation: new-page_colorchange 2s infinite;
    -webkit-animation: new-page_colorchange 2s infinite;
    -o-animation: new-page_colorchange 2s infinite
}

@media screen and (max-width:64em) {
    nav#app-navigation li a span.new-page, nav#mobile-navigation li a span.new-page {
        right: unset
    }
}

nav#app-navigation li.is-active a, nav#mobile-navigation li.is-active a, nav#app-navigation li a.hover, nav#mobile-navigation li a.hover, nav#app-navigation li a:hover, nav#mobile-navigation li a:hover {
    color: #191919
}

nav#app-navigation li.is-active a i, nav#mobile-navigation li.is-active a i, nav#app-navigation li a.hover i, nav#mobile-navigation li a.hover i, nav#app-navigation li a:hover i, nav#mobile-navigation li a:hover i {
    color: #191919
}

nav#app-navigation li.is-active a i.custom.custom-slot-noek:before, nav#mobile-navigation li.is-active a i.custom.custom-slot-noek:before, nav#app-navigation li a.hover i.custom.custom-slot-noek:before, nav#mobile-navigation li a.hover i.custom.custom-slot-noek:before, nav#app-navigation li a:hover i.custom.custom-slot-noek:before, nav#mobile-navigation li a:hover i.custom.custom-slot-noek:before, nav#app-navigation li.is-active a i.custom.custom-slot-puss:before, nav#mobile-navigation li.is-active a i.custom.custom-slot-puss:before, nav#app-navigation li a.hover i.custom.custom-slot-puss:before, nav#mobile-navigation li a.hover i.custom.custom-slot-puss:before, nav#app-navigation li a:hover i.custom.custom-slot-puss:before, nav#mobile-navigation li a:hover i.custom.custom-slot-puss:before {
    -webkit-filter: brightness(0) invert(0);
    -moz-filter: brightness(0) invert(0);
    -o-filter: brightness(0) invert(0);
    -ms-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

nav#app-navigation li.is-active a i.custom.custom-fastgame:before, nav#mobile-navigation li.is-active a i.custom.custom-fastgame:before, nav#app-navigation li a.hover i.custom.custom-fastgame:before, nav#mobile-navigation li a.hover i.custom.custom-fastgame:before, nav#app-navigation li a:hover i.custom.custom-fastgame:before, nav#mobile-navigation li a:hover i.custom.custom-fastgame:before {
    -webkit-filter: brightness(0) invert(0);
    -moz-filter: brightness(0) invert(0);
    -o-filter: brightness(0) invert(0);
    -ms-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

nav#app-navigation li.is-active a, nav#mobile-navigation li.is-active a {
    font-weight: bolder;
    color: #191919
}

nav#app-navigation li.is-active a i, nav#mobile-navigation li.is-active a i {
    color: #191919
}

nav#app-navigation li.is-active a i.custom.custom-slot-noek:before, nav#mobile-navigation li.is-active a i.custom.custom-slot-noek:before, nav#app-navigation li.is-active a i.custom.custom-slot-puss:before, nav#mobile-navigation li.is-active a i.custom.custom-slot-puss:before {
    -webkit-filter: brightness(0) invert(0);
    -moz-filter: brightness(0) invert(0);
    -o-filter: brightness(0) invert(0);
    -ms-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

nav#app-navigation {
    display: block;
    z-index: 1;
    font-size: 1rem;
    background: #bb9844;
    color: #fff;
    border-top: thin solid #191919
}

nav#app-navigation ul.menu {
    display: inline-flex;
    width: auto
}

nav#app-navigation li {
    display: inline-block;
    width: auto
}

nav#app-navigation li:not(:last-child):after {
    position: absolute;
    top: 15%;
    right: -1px;
    height: 70%;
    content: '';
    border-right: 2px solid #333
}

nav#app-navigation li a {
    transition: all .5s;
    text-align: center;
    padding: 1rem 1.5rem
}

nav#app-navigation li a.custom-flxf {
    padding: 1.22rem 1.5rem
}

nav#app-navigation li.is-active a span.new-page, nav#app-navigation li a.hover span.new-page, nav#app-navigation li a:hover span.new-page {
    transform: scale(1) rotate(10deg)
}

nav#mobile-navigation {
    background-color: #bb9844
}

nav#mobile-navigation li {
    text-align: left
}

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:first-of-type>a:first-of-type:hover {
    color: #191919
}

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 #191919
}

nav#mobile-navigation ul.nested li a {
    padding: 1rem
}

nav#mobile-navigation ul.nested li a i {
    margin-right: 1rem;
    font-size: 1.5rem
}

@media screen and (max-width:64em) {
    nav#mobile-navigation ul.nested li a i.flxf {
        font-size: 1.2rem;
        margin-top: 0
    }

    nav#mobile-navigation ul.nested li a i.flxf::before {
        padding: .3rem !important
    }
}

nav#mobile-navigation ul.nested li.is-active a {
    font-weight: bolder;
    color: #191919
}

nav#mobile-navigation ul.nested li.is-active a i {
    color: #191919
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

#app-regionCulture {
    position: fixed;
    left: -82px;
    bottom: 20vh;
    width: 200px;
    z-index: 10;
    transform: rotateZ(90deg)
}

#app-regionCulture a {
    background: #0c0c0c;
    border-top: 3px solid #666;
    position: relative;
    bottom: 0;
    border-radius: 3px 3px 0 0;
    padding: 5px 10px 10px;
    margin: 0;
    transition: bottom .2s
}

#app-regionCulture a:hover {
    background: #262626;
    border-color: #bb9844;
    bottom: 5px
}

#app-regionCulture a span {
    color: #a8a8a8;
    border-left: 1px solid #666;
    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.gz')
}

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

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

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

#widget-container {
    border: 2px solid #666;
    box-shadow: 0 0 10px #666;
    border-right: none;
    background: #1a1a1a;
    position: fixed;
    z-index: 10;
    top: 40%;
    right: -70px;
    width: 70px;
    transition: right .2s
}

#widget-container .widget-trigger {
    position: absolute;
    top: 0;
    left: -55px;
    padding-right: 10px
}

#widget-container .widget-trigger i {
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.8rem;
    color: #191919;
    background: #bb9844;
    animation: widget-trigger-blink 3s infinite
}

#widget-container:hover {
    right: 0
}

#widget-container .fxc-row {
    border-bottom: 2px solid #666;
    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: #191919;
    background-color: #4d4d4d
}

#widget-container .fxc-row.link-contacts:hover {
    color: #21b257
}

#widget-container .fxc-row.link-contacts:hover i.widget.fa-whatsapp, #widget-container .fxc-row.link-contacts:hover i.widget.fa-wechat {
    -webkit-animation: contact-rotation .5s linear
}

#widget-container .fxc-row span {
    display: block
}

#widget-container .fxc-row i {
    font-size: 1.8rem;
    margin: 0 5px
}

#widget-container .fxc-row i.widget {
    background: url('../assets/img/common/widget-sprite.png.gz') no-repeat;
    display: inline-block
}

#widget-container .fxc-row i.widget.widget-livechat {
    background-position: -45px -1px;
    width: 30px;
    height: 31px
}

#widget-container .fxc-row i.widget.widget-whatsapp, #widget-container .fxc-row i.widget.widget-wechat {
    color: #21b257;
    background: none;
    font-size: 34px;
    padding-bottom: 2px
}

#widget-container .fxc-row i.widget.widget-contact {
    background-position: -90px -1px;
    width: 28px;
    height: 28px
}

#widget-container .link-line {
    color: #00c300
}

#widget-container .link-line i.custom, #widget-container .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-container .link-line:hover i {
    animation: contact-rotation .5s ease-out
}

#widget-container .link-telegram i {
    color: #2ca2db
}

#widget-container .link-telegram:hover {
    color: #2ca2db
}

#widget-container .link-telegram:hover i {
    animation: flip .5s ease-out
}

#widget-container .link-instagram i.custom, #widget-container .link-instagram i.custom-instagram {
    background: url('../Contents/Contact/MYR/icon-instagram.png.gz') no-repeat;
    background-size: 33px auto;
    width: 33px;
    height: 33px;
    display: inline-block
}

#widget-container .link-instagram:hover i {
    animation: flip .5s ease-out
}

#widgetDownloadClient-container {
    position: fixed;
    z-index: 10;
    top: 40%;
    left: 5px;
    width: 100%
}

#widgetDownloadClient-container .widgetDownloadClient-trigger {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 10px
}

#widgetDownloadClient-container .widgetDownloadClient-trigger i {
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.8rem;
    color: #bb9844;
    background: #191919;
    border: 1px solid #bb9844;
    display: block
}

#widgetDownloadClient-container .widgetDownloadClient-trigger i.flxf:before {
    -webkit-animation: zoomIn 1s infinite;
    display: block
}

#widgetDownloadClient-container .fxc-row {
    background: #bb9844;
    color: #191919;
    text-align: center;
    padding: 9.5px;
    cursor: pointer;
    -webkit-transition: .15s linear;
    -ms-transition: .15s linear;
    -moz-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: -150px;
    border-radius: 0 10px 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #bb9844;
    transition: all .4s ease
}

#widgetDownloadClient-container .fxc-row span {
    display: block
}

#widgetDownloadClient-container:hover .widgetDownloadClient-trigger i {
    background: #bb9844;
    color: #191919;
    border-radius: 10px 0 0 10px
}

#widgetDownloadClient-container:hover .fxc-row {
    left: 44px
}

#widget-redemption-reward-container {
    position: fixed;
    display: flex;
    height: 85px;
    width: 100px;
    z-index: 10;
    bottom: 0;
    flex-direction: column
}

#widget-redemption-reward-container i.icon {
    display: block;
    height: 70px;
    width: 100px
}

#widget-redemption-reward-container i.icon.redemption-reward-icon {
    background: url('../assets/img/redemptionreward/widget-redemption-reward-floating-icon.gif') center no-repeat;
    background-size: contain
}

html.headroom--not-top #widget-container a#widget-gototop {
    display: block;
    transform: scale(1)
}

#widget-container a#widget-gototop {
    display: none;
    transform: scale(0)
}

@keyframes widget-trigger-blink {
    0% {
        color: #191919
    }

    50% {
        color: #fff
    }
}

@keyframes contact-rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

#widget-oneTimeReward-container {
    position: fixed;
    display: flex;
    height: 85px;
    width: 100px;
    z-index: 10;
    bottom: 0;
    flex-direction: column
}

#widget-oneTimeReward-container i.icon {
    display: block;
    height: 70px;
    width: 100px
}

#widget-oneTimeReward-container i.icon.oneTimeReward-icon {
    background: url('../assets/img/onetimereward/oneTimeReward-floating-widget-icon.gif') center no-repeat;
    background-size: contain;
    animation: bounce;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

@font-face {
    font-family: Roboto;
    src: url('../assets/fonts/Roboto-Regular.ttf')
}

html, body, form {
    height: 100%
}

body {
    background-color: #000;
    color: #a8a8a8
}

body * {
    font-family: Roboto;
    word-wrap: break-word
}

iframe.gameFrame-wrapper {
    border: none;
    width: 100%;
    min-height: 80vh
}

iframe.gameFrame-wrapper.gameGroup-Sports {
    height: 100%;
    position: absolute;
    box-shadow: 0 0 10px #bb9844
}

iframe.gameFrame-wrapper.gameGroup-Sports.SOTE {
    position: unset;
    min-height: 1000px
}

iframe[id^=liveScoreFrame] {
    border: none;
    width: 100%;
    height: 100%
}

iframe[id^=liveScoreFrame].liveScoreFrame-page {
    min-height: 1000px;
    box-shadow: 0 0 10px #bb9844
}

: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;
    border-top: 1px solid #454545
}

#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: unset !important
}

.card.card-promotion .card-title {
    color: #191919;
    background: #bb9844;
    display: block;
    padding: 5px 10px;
    font-weight: bold
}

.card.card-promotion .card-image {
    width: 100%
}

.card.card-promotion .card-actions {
    position: absolute;
    right: 10px;
    top: 10px
}

.card.card-game {
    background: none;
    border: unset;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto
}

.card.card-game .card-game-container {
    position: relative;
    height: 180px;
    transition: box-shadow .2s ease-in
}

.card.card-game .card-game-container .card-title-slot {
    color: #000;
    background: #bb9844;
    box-shadow: 0 0 15px #191919;
    position: absolute;
    bottom: -100%;
    display: block;
    width: 100%;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    transition: bottom .2s;
    z-index: 2;
    font-size: 13px
}

.card.card-game .card-game-container:hover .card-title-slot {
    bottom: 10px
}

.card.card-game .card-game-container .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-game-container .card-actions button {
    display: block;
    font-size: .8em;
    margin: 0 auto 1rem auto
}

.card.card-game .card-game-container .card-actions button.button-play {
    font-size: 1.2em;
    text-transform: uppercase
}

.card.card-game .card-game-container .card-image {
    background-size: cover;
    background-position: top center;
    height: 100%;
    transition: filter .2s, transform .2s
}

.card.card-game .card-game-container:hover .card-actions, .card.card-game .card-game-container:focus .card-actions {
    opacity: 100
}

.card.card-game .card-game-container:hover .card-image, .card.card-game .card-game-container:focus .card-image {
    filter: blur(1px) grayscale(.7);
    transform: scale(1.05)
}

.card.card-game .card-title {
    color: #a8893d;
    background: rgba(120, 120, 120, .5);
    display: block;
    padding: 6px 4px 4px 4px;
    font-weight: bold;
    text-align: center;
    z-index: 2;
    height: 35px;
    cursor: default
}

.card.card-game .card-title .arrow-box span.game-text {
    vertical-align: middle;
    display: block;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width:40em) {
    .card.card-game .card-title .arrow-box {
        max-width: 140px
    }
}

.card.card-game .card-title:hover {
    padding: 0;
    position: relative
}

.card.card-game .card-title:hover .arrow-box {
    background: #000;
    border: 1px solid #333;
    height: auto;
    position: absolute;
    width: 100%;
    display: block;
    z-index: 4;
    padding: 6px 4px 4px 4px;
    font-size: 1rem;
    bottom: 0
}

.card.card-game .card-title:hover .arrow-box span.game-text {
    word-wrap: break-word;
    white-space: normal
}

div.error-container>div {
    padding: 10px 20px 50px
}

.js-template {
    display: none
}

section#footer-provider i.provider, section#product-filter i.provider {
    background: url("../assets/img/common/provider-sprite.png@v=72") no-repeat;
    display: inline-block;
    height: 38px;
    background-position-y: 0
}

section#footer-provider i.provider.provider-OEWK, section#product-filter i.provider.provider-OEWK {
    background-position-x: -5px;
    width: 114px
}

section#footer-provider i.provider.provider-XPGG, section#product-filter i.provider.provider-XPGG {
    background-position-x: -136px;
    width: 86px
}

section#footer-provider i.provider.provider-AAGG, section#product-filter i.provider.provider-AAGG, section#footer-provider i.provider.provider-AGGS, section#product-filter i.provider.provider-AGGS {
    background-position-x: -238px;
    width: 95px
}

section#footer-provider i.provider.provider-GMPL, section#product-filter i.provider.provider-GMPL {
    background-position-x: -352px;
    width: 144px
}

section#footer-provider i.provider.provider-PTHO, section#product-filter i.provider.provider-PTHO, section#footer-provider i.provider.provider-PTFC, section#product-filter i.provider.provider-PTFC, section#footer-provider i.provider.provider-PYTH, section#product-filter i.provider.provider-PYTH {
    background-position-x: -518px;
    width: 120px
}

section#footer-provider i.provider.provider-MGTG, section#product-filter i.provider.provider-MGTG, section#footer-provider i.provider.provider-MOGG, section#product-filter i.provider.provider-MOGG, section#footer-provider i.provider.provider-MGPS, section#product-filter i.provider.provider-MGPS {
    background-position-x: -657px;
    width: 126px
}

section#footer-provider i.provider.provider-POKR, section#product-filter i.provider.provider-POKR {
    background-position-x: -810px;
    width: 123px
}

section#footer-provider i.provider.provider-PSBT, section#product-filter i.provider.provider-PSBT {
    background-position-x: -960px;
    width: 91px
}

section#footer-provider i.provider.provider-GLGG, section#product-filter i.provider.provider-GLGG {
    background-position-x: -1081px;
    width: 99px
}

section#footer-provider i.provider.provider-JOKR, section#product-filter i.provider.provider-JOKR {
    background-position-x: -1201px;
    width: 103px
}

section#footer-provider i.provider.provider-OPUS, section#product-filter i.provider.provider-OPUS {
    background-position-x: -1326px;
    width: 137px
}

section#footer-provider i.provider.provider-ALBT, section#product-filter i.provider.provider-ALBT {
    background-position-x: -1478px;
    width: 60px
}

section#footer-provider i.provider.provider-ISDN, section#product-filter i.provider.provider-ISDN {
    background-position-x: -1558px;
    width: 62px
}

section#footer-provider i.provider.provider-UNGM, section#product-filter i.provider.provider-UNGM, section#footer-provider i.provider.provider-UDGG, section#product-filter i.provider.provider-UDGG {
    background-position-x: -1642px;
    width: 84px
}

section#footer-provider i.provider.provider-GDDN, section#product-filter i.provider.provider-GDDN, section#footer-provider i.provider.provider-TEWN, section#product-filter i.provider.provider-TEWN, section#footer-provider i.provider.provider-BLKK, section#product-filter i.provider.provider-BLKK {
    background-position-x: -1747px;
    width: 103px
}

section#footer-provider i.provider.provider-IDNP, section#product-filter i.provider.provider-IDNP {
    background-position-x: -1866px;
    width: 128px
}

section#footer-provider i.provider.provider-STTE, section#product-filter i.provider.provider-STTE {
    background-position-x: -2018px;
    width: 77px
}

section#footer-provider i.provider.provider-WGFT, section#product-filter i.provider.provider-WGFT {
    background-position-x: -2113px;
    width: 99px
}

section#footer-provider i.provider.provider-N2LV, section#product-filter i.provider.provider-N2LV {
    background-position-x: -2242px;
    width: 88px
}

section#footer-provider i.provider.provider-CSTS, section#product-filter i.provider.provider-CSTS {
    background-position-x: -2362px;
    width: 119px
}

section#footer-provider i.provider.provider-SOTE, section#product-filter i.provider.provider-SOTE {
    background-position-x: -2505px;
    width: 31px
}

section#footer-provider i.provider.provider-EBET, section#product-filter i.provider.provider-EBET {
    background-position-x: -2556px;
    width: 73px
}

section#footer-provider i.provider.provider-BBIN, section#product-filter i.provider.provider-BBIN {
    background-position-x: -2650px;
    width: 60px
}

section#footer-provider i.provider.provider-OEGD, section#product-filter i.provider.provider-OEGD {
    background-position-x: -2732px;
    width: 89px
}

section#footer-provider i.provider.provider-KYGG, section#product-filter i.provider.provider-KYGG {
    background-position-x: -2837px;
    width: 94px
}

section#footer-provider i.provider.provider-KAGG, section#product-filter i.provider.provider-KAGG {
    background-position-x: -2949px;
    width: 70px
}

section#footer-provider i.provider.provider-GNDE, section#product-filter i.provider.provider-GNDE {
    background-position-x: -3036px;
    width: 65px
}

section#footer-provider i.provider.provider-HBNR, section#product-filter i.provider.provider-HBNR {
    background-position-x: -3123px;
    width: 144px
}

section#footer-provider i.provider.provider-OTGG, section#product-filter i.provider.provider-OTGG, section#footer-provider i.provider.provider-OTGM, section#product-filter i.provider.provider-OTGM, section#footer-provider i.provider.provider-OTGE, section#product-filter i.provider.provider-OTGE {
    background-position-x: -3287px;
    width: 78px
}

section#footer-provider i.provider.provider-ACTT, section#product-filter i.provider.provider-ACTT {
    background-position-x: -3384px;
    width: 44px
}

section#footer-provider i.provider.provider-CTBT, section#product-filter i.provider.provider-CTBT {
    background-position-x: -3445px;
    width: 93px
}

section#footer-provider i.provider.provider-DMGG, section#product-filter i.provider.provider-DMGG {
    background-position-x: -3560px;
    width: 52px
}

section#footer-provider i.provider.provider-SBOB, section#product-filter i.provider.provider-SBOB {
    background-position-x: -3635px;
    width: 108px
}

section#footer-provider i.provider.provider-WMCO, section#product-filter i.provider.provider-WMCO {
    background-position-x: -3767px;
    width: 32px
}

section#footer-provider i.provider.provider-EVOP, section#product-filter i.provider.provider-EVOP {
    background-position-x: -3815px;
    width: 89px
}

section#footer-provider i.provider.provider-NOEK, section#product-filter i.provider.provider-NOEK {
    background-position-x: -3932px;
    width: 66px
}

section#footer-provider i.provider.provider-MGTE, section#product-filter i.provider.provider-MGTE {
    background-position-x: -4029px;
    width: 149px
}

section#footer-provider i.provider.provider-OSGS, section#product-filter i.provider.provider-OSGS {
    background-position-x: -4209px;
    width: 77px
}

section#footer-provider i.provider.provider-SNCY, section#product-filter i.provider.provider-SNCY {
    background-position-x: -4313px;
    width: 84px
}

section#footer-provider i.provider.provider-SEGG, section#product-filter i.provider.provider-SEGG {
    background-position-x: -4416px;
    width: 151px
}

section#footer-provider i.provider.provider-CLOE, section#product-filter i.provider.provider-CLOE {
    background-position-x: -4584px;
    width: 105px
}

section#footer-provider i.provider.provider-ENGG, section#product-filter i.provider.provider-ENGG {
    background-position-x: -4722px;
    width: 169px
}

section#footer-provider i.provider.provider-MEBT, section#product-filter i.provider.provider-MEBT {
    background-position-x: -4922px;
    width: 101px
}

section#footer-provider i.provider.provider-PCPY, section#product-filter i.provider.provider-PCPY {
    background-position-x: -5294px;
    width: 74px
}

section#footer-provider i.provider.provider-SAGG, section#product-filter i.provider.provider-SAGG {
    background-position-x: -5891px;
    width: 74px
}

section#footer-provider i.provider.provider-PYGO, section#product-filter i.provider.provider-PYGO {
    background-position-x: -5984px;
    width: 75px
}

section#footer-provider i.provider.provider-SBTH, section#product-filter i.provider.provider-SBTH {
    background-position-x: -6202px;
    width: 75px
}

section#footer-provider i.provider.provider-PUSS, section#product-filter i.provider.provider-PUSS {
    background-position-x: -6522px;
    width: 59px
}

section#footer-provider i.provider.provider-HOGG, section#product-filter i.provider.provider-HOGG {
    background-position-x: -6673px;
    width: 85px
}

section#footer-provider i.provider.provider-VGGG, section#product-filter i.provider.provider-VGGG {
    background-position-x: -6768px;
    width: 100px
}

section#footer-provider i.provider.provider-SYBT, section#product-filter i.provider.provider-SYBT {
    background-position-x: -6992px;
    width: 55px
}

section#footer-provider i.provider.provider-BTGG, section#product-filter i.provider.provider-BTGG {
    background-position-x: -6878px;
    width: 100px
}

section#footer-provider i.provider.provider-LEGG, section#product-filter i.provider.provider-LEGG {
    background-position-x: -7077px;
    width: 108px
}

section#footer-provider i.provider.provider-MAJA, section#product-filter i.provider.provider-MAJA {
    background-position-x: -7193px;
    width: 168px
}

section#footer-provider i.provider.provider-XEEE, section#product-filter i.provider.provider-XEEE {
    background-position-x: -7426px;
    width: 104px
}

section#footer-provider i.provider.provider-SEPY, section#product-filter i.provider.provider-SEPY {
    background-position-x: -7627px;
    width: 111px
}

section#footer-provider i.provider.provider-LCGG, section#product-filter i.provider.provider-LCGG {
    background-position-x: -7858px;
    width: 91px
}

section#footer-provider i.provider.provider-PGST, section#product-filter i.provider.provider-PGST {
    background-position-x: -8191px;
    width: 123px
}

section#footer-provider i.provider.provider-SRSE, section#product-filter i.provider.provider-SRSE {
    background-position-x: -8462px;
    width: 124px
}

section#footer-provider i.provider.provider-PYGG, section#product-filter i.provider.provider-PYGG {
    background-position-x: -9511px;
    width: 116px
}

section#footer-provider i.provider.provider-TCGL, section#product-filter i.provider.provider-TCGL {
    background-position-x: -8328px;
    width: 121px
}

section#footer-provider i.provider.provider-YEBT, section#product-filter i.provider.provider-YEBT {
    background-position-x: -11049px;
    width: 84px
}

section#footer-provider i.provider.provider-LETT, section#product-filter i.provider.provider-LETT {
    background-position-x: -11242px;
    background-position-y: -42px;
    width: 84px
}

section#footer-provider i.provider.provider-NEXD, section#product-filter i.provider.provider-NEXD {
    background-position-x: -12545px;
    background-position-y: -40px;
    width: 83px
}

section#footer-provider i.provider.provider-WWBT, section#product-filter i.provider.provider-WWBT {
    background-position-x: -5694px;
    width: 78px
}

section#footer-provider i.provider.provider-TFGG, section#product-filter i.provider.provider-TFGG {
    background-position-x: -10781px;
    width: 66px
}

section#footer-provider i.provider.provider-EZGI, section#product-filter i.provider.provider-EZGI {
    background-position-x: -6444px;
    width: 63px
}

section#footer-provider i.provider.provider-YGGD, section#product-filter i.provider.provider-YGGD {
    background-position-x: -9374px;
    width: 126px
}

section#footer-provider i.provider.provider-BNGO, section#product-filter i.provider.provider-BNGO {
    background-position-x: -5591px;
    width: 85px
}

section#footer-provider i.provider.provider-JILI, section#product-filter i.provider.provider-JILI {
    background-position-x: -11969px;
    width: 79px;
    height: 36px
}

section#footer-provider i.provider.provider-CQNG, section#product-filter i.provider.provider-CQNG {
    background-position: -6597px 0;
    width: 67px
}

section#footer-provider i.provider.provider-JDBG, section#product-filter i.provider.provider-JDBG {
    background-position-x: -10983px;
    width: 60px
}

section#footer-provider i.provider.provider-JJLO, section#product-filter i.provider.provider-JJLO {
    background-position-x: -12895px;
    width: 31px
}

section#footer-provider i.provider.provider-QTCH, section#product-filter i.provider.provider-QTCH {
    background-position-x: -9103px;
    width: 119px
}

section#footer-provider i.provider.provider-PNNC, section#product-filter i.provider.provider-PNNC {
    background-position-x: -15480px;
    background-position-y: -42px;
    width: 186px
}

section#footer-provider i.provider.provider-SPEE, section#product-filter i.provider.provider-SPEE {
    background-position-x: -13308px;
    width: 89px
}

section#footer-provider i.provider.provider-DNST, section#product-filter i.provider.provider-DNST {
    background-position-x: -10369px;
    width: 123px
}

section#footer-provider i.provider.provider-CTPY, section#product-filter i.provider.provider-CTPY {
    background-position-x: -14590px;
    width: 143px
}

section#footer-provider i.provider.provider-BGGG, section#product-filter i.provider.provider-BGGG {
    background-position-x: -12181px;
    width: 149px
}

section#product-filter button.is-active i.provider {
    background-position-y: -39px
}

i.social {
    background: url("../assets/img/common/social-sprite.png") no-repeat;
    display: inline-block;
    width: 35px
}

i.social.social-phone {
    background-position: -2px -198px;
    height: 35px
}

i.social.social-whatsapp {
    background-position: -2px -34px;
    height: 34px
}

i.social.social-email {
    background-position: -2px -1px;
    height: 26px
}

i.social.social-bbm {
    background-position: -2px -157px;
    height: 34px
}

i.social.social-line {
    background-position: -2px -75px;
    height: 34px
}

i.social.social-wechat {
    background-position: -2px -116px;
    height: 34px
}

i.social.social-livechat {
    background-position: -2px -240px;
    height: 34px
}

.important-notes {
    margin: 1rem 0 1rem 0;
    font-size: 1rem;
    color: #a8a8a8
}

.important-notes .description {
    font-style: italic
}

.important-notes i, .important-notes .title {
    -webkit-animation: importantNotes-blink 1s infinite;
    font-weight: bolder
}

@keyframes importantNotes-blink {
    0% {
        -webkit-filter: none;
        filter: none
    }

    50% {
        -webkit-filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(.8);
        filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(.8)
    }

    100% {
        -webkit-filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(.8);
        filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(.8);
        font-weight: bolder
    }
}

.modal .modal-logo i {
    background: url("../assets/img/common/logo.png.gz") center/contain no-repeat;
    transition: height .2s;
    z-index: 3;
    display: block;
    height: 50px;
    margin: 1rem 0
}

#login-container {
    background: rgba(120, 120, 120, .4);
    color: #a8a8a8 !important
}

#login-container label:not(.error) {
    color: #a8a8a8 !important
}

#login-container label:not(.error).inputFocus {
    color: #bb9844 !important
}

#login-container label:not(.error) .fa {
    font-size: 1.5rem
}

#login-container [type=color], #login-container [type=date], #login-container [type=datetime-local], #login-container [type=datetime], #login-container [type=email], #login-container [type=month], #login-container [type=number], #login-container [type=password], #login-container [type=search], #login-container [type=tel], #login-container [type=text], #login-container [type=time], #login-container [type=url], #login-container [type=week], #login-container textarea, #login-container select {
    border: 0;
    border: 1px solid #a8a8a8;
    position: relative;
    background-color: transparent;
    color: #a8a8a8
}

#login-container [type=color]:focus, #login-container [type=date]:focus, #login-container [type=datetime-local]:focus, #login-container [type=datetime]:focus, #login-container [type=email]:focus, #login-container [type=month]:focus, #login-container [type=number]:focus, #login-container [type=password]:focus, #login-container [type=search]:focus, #login-container [type=tel]:focus, #login-container [type=text]:focus, #login-container [type=time]:focus, #login-container [type=url]:focus, #login-container [type=week]:focus, #login-container textarea:focus, #login-container select:focus {
    box-shadow: 0 0 5px #bb9844;
    border: 1px solid #bb9844
}

section.article-container {
    text-align: justify;
    background-color: #000;
    color: #a8a8a8;
    padding-top: .5rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

section.article-container #article-tabs-container>ul#article-tabs {
    counter-reset: li
}

section.article-container #article-tabs-container>ul#article-tabs, section.article-container #article-tabs-container>ul#article-tabs li, section.article-container #article-tabs-container>ul#article-tabs li a {
    border: none;
    background: none
}

section.article-container #article-tabs-container>ul#article-tabs li.tabs-title>a {
    padding: .8rem 3rem
}

section.article-container #article-tabs-container>ul#article-tabs li a {
    padding-left: 50px;
    color: #ccc
}

section.article-container #article-tabs-container>ul#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 #article-tabs-container>ul#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 #article-tabs-container>ul#article-tabs li a span {
        font-size: .9rem;
        line-height: 20px;
        width: 210px
    }
}

section.article-container #article-tabs-container>ul#article-tabs li:hover, section.article-container #article-tabs-container>ul#article-tabs li.is-active {
    color: #bb9844
}

section.article-container #article-tabs-container>ul#article-tabs li:hover a, section.article-container #article-tabs-container>ul#article-tabs li.is-active a {
    color: #bb9844
}

section.article-container #article-tabs-container>ul#article-tabs li:hover a::before, section.article-container #article-tabs-container>ul#article-tabs li.is-active a::before {
    background: #bb9844;
    color: #191919
}

section.article-container #article-tabs-container>ul#article-tabs li.is-active {
    font-weight: bold
}

section.article-container #article-tabs-container ul.option {
    list-style-type: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 2px solid #f50101;
    color: #191919;
    padding: 0;
    position: relative;
    font-size: 10pt;
    margin-left: 0
}

section.article-container #article-tabs-container ul.option::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 9px;
    border: 6px inset;
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #191919 transparent transparent
}

section.article-container #article-tabs-container ul.option li a {
    color: white !important;
    display: block;
    padding: 4px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #f50101;
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs {
    list-style-type: none;
    display: none;
    font-weight: bold;
    position: absolute;
    border: 1px solid #191919;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0;
    cursor: pointer;
    width: 100%;
    z-index: 99999
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li {
    background-color: #bb9844
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li:not(:first-child) {
    position: relative
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    height: 1px;
    background-color: #191919
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li a {
    padding: 0;
    background: none !important;
    border: none;
    padding: 10px 20px;
    white-space: normal
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li a.accordion-title::before {
    content: unset
}

section.article-container #article-tabs-container ul.option li ul.vertical.tabs li.is-active {
    display: none !important
}

section.article-container #article-tabs-container ul.option li.is-active:hover ul.vertical.tabs {
    display: block
}

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: #bb9844;
    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.custom-next {
    display: flex;
    align-items: center;
    justify-content: end
}

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, section.article-container div.tabs-content a.tabs-navigation.custom-next:hover i {
    margin: 0 0 0 10px
}

section.article-container.home-page {
    background-color: unset
}

section.article-container.blog-page[data-page^=Blog] div.tabs-content article:not(.accordion-content) {
    background-color: #000
}

section.article-container.blog-page[data-page^=Blog] div.tabs-content article h1.articleContent-title {
    font-size: 1.3rem;
    color: #bb9844;
    border-bottom: 1px solid #4c4c4c;
    font-weight: bold;
    text-align:center;
}

section.article-container.blog-page[data-page^=Home-page] .accordion.accordion-froalaEditorContent .accordion-content {
    background-color: #000 !important;
    color: #fff
}

#announcement-modal-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.downloadClientContainer-custom {
    background-color: #191919;
    color: #fff
}

.downloadClientContainer-custom label {
    color: #fff
}

.downloadClientContainer-custom .card-downloadClient {
    padding: .5rem 0
}

.downloadClientContainer-custom .card-downloadClient .card-downloadClient-info>div:not(.playnow-container) {
    margin-bottom: 8px
}

.downloadClientContainer-custom .card-downloadClient .card-downloadClient-info label.card-downloadClient-plaform {
    color: #bb9844
}

.downloadClientContainer-custom .card-downloadClient .card-downloadClient-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%
}

.accordion.accordion-froalaEditorContent .accordion-title {
    background-color: #333;
    color: #fff;
    border: none;
    border-bottom: 2px solid #666
}

.accordion.accordion-froalaEditorContent .accordion-title:before {
    color: #bb9844
}

.accordion.accordion-froalaEditorContent .is-active .accordion-title {
    border-bottom: 2px solid #bb9844
}

.accordion.accordion-froalaEditorContent .accordion-content {
    background-color: #7f7f7f;
    border: none;
    margin: 0 5px 8px
}

a.link-info {
    color: #bb9844 !important
}

a.link-info:focus, a.link-info:active {
    color: #bb9844 !important
}

a.link-info:hover, a.link-info.is-active {
    color: #a8a8a8 !important
}

.dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: center;
    color: #ccc;
    width: 100%;
    margin: 5px 0 5px 0
}

.dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button {
    color: #ccc !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #222;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background: #555;
    background: -moz-linear-gradient(top, #555 0%, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #555 0%, #333 100%);
    background: -o-linear-gradient(top, #555 0%, #333 100%);
    background: -ms-linear-gradient(top, #555 0%, #333 100%);
    background: linear-gradient(top, #555 0%, #333 100%)
}

.dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button:hover {
    text-decoration: none;
    background: #444
}

.dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button.current {
    background: #222;
    color: #fff !important;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 0 1px 1px rgba(0, 0, 0, .1) inset;
    cursor: default
}

.dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate.dark-theme .paginate_button.current:hover {
    background: #222;
    color: #fff !important
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    cursor: default
}

.new-page, .new-game {
    position: absolute;
    z-index: 100;
    right: .3rem;
    font-size: .8rem;
    display: inline;
    transform: rotate(10deg);
    color: red;
    padding: 2px 1px;
    animation: new-page_colorchange 2s infinite;
    -ms-animation: new-page_colorchange 2s infinite;
    -moz-animation: new-page_colorchange 2s infinite;
    -webkit-animation: new-page_colorchange 2s infinite;
    -o-animation: new-page_colorchange 2s infinite
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

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: #a8a8a8
}

.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: #191919
}

#app-magellan a:hover i, #app-magellan a:active i, #app-magellan a:focus i {
    color: #191919
}

#app-magellan a i {
    line-height: 44px
}

.intimidatetime label {
    color: #000
}

.intimidatetime .intimidatetime-buttons button {
    background-color: #bb9844;
    color: #191919;
    border: 1px solid #bb9844;
    -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: #967a36;
    color: #191919
}

.intimidatetime .intimidatetime-preview {
    color: #000
}

.article-container table {
    display: block;
    overflow: auto
}

@keyframes zoominout {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes new-page_colorchange {
    0% {
        color: red
    }

    50% {
        color: #fff
    }

    100% {
        color: red
    }
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/christmas@2024/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/christmas@2024/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    background-size: 100%;
    content: " ";
    width: 14px;
    height: 14px;
    background-position: 0 0%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after {
    left: 20px
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 32px
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="christmas@2024"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2024"][data-currency="MYR"] footer {
        background: url('../contents/theme/christmas@2024/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 8rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2024"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/christmas@2024/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="christmas@2024"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/christmas@2024/myr/animation-item.png') no-repeat
}

html[data-theme="christmas@2023"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="christmas@2023"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../assets/img/theme/christmas@2023/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] footer {
        background: url(../assets/img/theme/christmas@2023/myr/footer-bg.png);
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../assets/img/theme/christmas@2023/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement {
    position: relative;
    color: #000
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
    z-index: 2;
    color: #967a36;
    padding: unset;
    top: 7em
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:46em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:52em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:58em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:70em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:76em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:82em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:88em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:94em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem;
        margin: 0
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:124em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:136em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:148em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close i.fa {
    font-size: 1.5em
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .modal-wrapper-close:hover {
    color: #c2a257
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement header {
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 45px;
    padding: 10px 30px 10px 10px;
    text-align: center
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .announcement-content {
    padding: 2px 14px
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .announcement-content {
        padding: 15px 38px
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
    background: url("../assets/img/theme/christmas@2023/myr/announcement-bg.png") center no-repeat;
    background-size: 100% 100%;
    color: #000;
    display: flex;
    flex-direction: column;
    max-height: 48rem;
    padding: 3rem
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 2rem 4rem 2rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem 4rem 3rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        background: url("../assets/img/theme/christmas@2023/myr/announcement-bg.png") center no-repeat;
        background-size: 100% 100%;
        padding: 4rem 2.5rem 4rem 2.5rem
    }
}

@media screen and (min-width:46em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:52em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:58em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 2.5rem .5rem 2.5rem
    }
}

@media screen and (min-width:70em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 2rem .5rem 2rem
    }
}

@media screen and (min-width:76em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:82em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:88em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:94em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3rem .5rem 3rem
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 3.5rem .5rem 3.5rem
    }
}

@media screen and (min-width:124em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 4.5rem .5rem 4.5rem
    }
}

@media screen and (min-width:136em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4rem 5rem .5rem 5rem
    }
}

@media screen and (min-width:148em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container {
        padding: 4.5rem 6.5rem .5rem 6.5rem
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container table {
    color: #000
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
    margin: unset;
    max-height: unset;
    overflow: hidden;
    overflow-y: auto
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:46em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:50em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:52em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:56em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:58em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:60em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:70em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:73em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:76em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:78em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:82em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:88em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:94em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:124em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:136em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

@media screen and (min-width:148em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article {
        margin: unset
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .article-container>article label {
    color: #000
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
    padding: 0 10px;
    margin: 4rem;
    text-align: right
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 1rem 0
    }
}

@media screen and (min-width:28em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 1rem 0
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 1rem 0
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 1rem 0
    }
}

@media screen and (min-width:50em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:52em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:56em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:60em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:73em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:76em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:78em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:88em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:94em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:124em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

@media screen and (min-width:148em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav {
        margin: 1rem 0 3rem 0
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday {
    display: none;
    float: left
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday.is-active {
    display: inline-block
}

@media screen and (max-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday.is-active {
        display: block;
        float: unset;
        text-align: left
    }

    html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday.is-active~button {
        margin-top: 10px
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container {
    color: #191919;
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #191919;
    margin-top: 2px
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container:hover input~.checkmark {
    background-color: #ccc
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container input:checked~.checkmark {
    background-color: aqua
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container input:checked~.checkmark:after {
    display: block
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement nav .announcement-hideToday .container .checkmark:after {
    content: '✓';
    width: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    font-weight: bold
}

html[data-theme="christmas@2023"][data-currency="MYR"] .modal-style-announcement .announcement-template {
    display: none
}

html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper {
    background: url("../assets/img/theme/christmas@2023/myr/promotiontnc-bg.png") center no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    max-height: unset
}

html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
    z-index: 2;
    padding: unset;
    top: 7em
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:46em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:52em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:58em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:70em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:76em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:82em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:88em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:94em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem;
        margin: 0
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:124em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:136em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

@media screen and (min-width:148em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
        padding: unset;
        top: 1rem
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
    background-color: transparent;
    text-align: center;
    padding: 10px;
    margin-top: 2rem
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:50em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:56em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:60em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:73em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:78em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:93em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
        padding: 10px;
        margin-top: 2rem
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
    overflow: hidden;
    overflow-y: auto;
    margin: .5rem 1rem;
    max-height: 25em;
    background-color: hsla(0, 0%, 100%, .2)
}

@media screen and (min-width:20em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem .5rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 1rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 1rem
    }
}

@media screen and (min-width:50em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 1rem
    }
}

@media screen and (min-width:56em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 2rem
    }
}

@media screen and (min-width:60em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 2rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 1rem
    }
}

@media screen and (min-width:73em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 2rem
    }
}

@media screen and (min-width:78em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 2rem
    }
}

@media screen and (min-width:93em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: 1rem 2.5rem 1.5rem 2.5rem
    }
}

@media screen and (min-width:100em) {
    html[data-theme="christmas@2023"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: .5rem 3rem
    }
}

html[data-theme="christmas@2023"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../assets/img/theme/christmas@2023/myr/animation-item.png') no-repeat
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/newyear2025/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/newyear2025/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    background-size: 100%;
    content: " ";
    width: 14px;
    height: 14px;
    background-position: 0 0%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after {
    left: 20px
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 32px
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="newyear2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

@media screen and (min-width:40em) {
    html[data-theme="newyear2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/newyear2025/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="newyear2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/newyear2025/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="newyear2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/newyear2025/myr/animation-item.png') no-repeat
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/cny2025/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/cny2025/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    background-size: 100%;
    content: " ";
    width: 14px;
    height: 14px;
    background-position: 0 0%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after {
    left: 20px
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 32px
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="cny2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

@media screen and (min-width:40em) {
    html[data-theme="cny2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/cny2025/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="cny2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/cny2025/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="cny2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/cny2025/myr/animation-item.png') no-repeat
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/labour@2025/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/labour@2025/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -18px;
    background-size: 100%;
    content: " ";
    width: 30px;
    height: 30px;
    background-position: 0 0%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 10px
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:not(.custom-fastgame):after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:not(.custom-fastgame):after {
    left: 27px
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="labour@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="labour@2025"][data-currency="MYR"] section#home-jackpot .home-jackpot-content {
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:40em) {
    html[data-theme="labour@2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/labour@2025/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="labour@2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/labour@2025/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="labour@2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/labour@2025/myr/animation-item.png') no-repeat
}

html[data-theme="olympic@2024"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../assets/img/theme/olympic@2024/animation-item.png') no-repeat
}

html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../assets/img/theme/olympic@2024/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-sports, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-casino, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-slot-noek, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-slot-pussy888, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-raf, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-promotion {
    position: relative
}

html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-sports:before, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-casino:before, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-slot-noek:before, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-slot-pussy888:before, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-raf:before, html[data-theme="olympic@2024"][data-currency="MYR"] header#AppHeader nav#app-navigation .swiper-slide.js-menu-promotion:before {
    position: absolute;
    content: '';
    display: block;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
    pointer-events: none;
    z-index: 2;
    background: url('../assets/img/theme/olympic@2024/navigation-decoration.png') center bottom no-repeat;
    background-size: 100% 100%
}

html[data-theme="olympic@2024"][data-currency="MYR"] section#home-jackpot .home-jackpot-content {
    top: 40%
}

@media screen and (min-width:40em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] section#home-jackpot .home-jackpot-content {
        left: 0;
        top: 30%
    }
}

@media screen and (min-width:40em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] footer {
        background: url(../assets/img/theme/olympic@2024/footer-bg.png);
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat
    }
}

@media screen and (min-width:40em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../assets/img/theme/olympic@2024/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] {
    position: relative;
    color: #000
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .modal-wrapper-close {
    z-index: 2;
    color: #000;
    padding: unset;
    top: 1em;
    margin: 0
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .modal-wrapper-close i.fa {
    font-size: 1.5em
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .modal-wrapper-close:hover {
    color: #ff2a00
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] header {
    color: #191919;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 45px;
    padding: 10px 30px 10px 10px;
    text-align: center
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .announcement-content {
    padding: 2px 14px
}

@media screen and (min-width:64em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .announcement-content {
        padding: 15px 38px
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
    background: url("../assets/img/theme/olympic@2024/announcement-bg.png") center no-repeat;
    background-size: 100% 100%;
    color: #191919;
    display: flex;
    flex-direction: column;
    max-height: 48rem;
    padding: 3rem
}

@media screen and (min-width:20em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 2rem 4rem 2rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 3rem 4rem 3rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        background: url("../assets/img/theme/olympic@2024/announcement-bg.png") center no-repeat;
        background-size: 100% 100%;
        padding: 5rem 2.5rem 4rem 2.5rem
    }
}

@media screen and (min-width:46em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 3rem 2.5rem 3rem
    }
}

@media screen and (min-width:64em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 2.5rem 2.5rem 2.5rem
    }
}

@media screen and (min-width:70em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 2rem 2.5rem 2rem
    }
}

@media screen and (min-width:76em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 4rem 2.5rem 4rem
    }
}

@media screen and (min-width:82em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 4rem 2.5rem 3rem
    }
}

@media screen and (min-width:88em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 4rem 2.5rem 4rem
    }
}

@media screen and (min-width:94em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 4rem 2.5rem 4rem
    }
}

@media screen and (min-width:100em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 4.5rem 2.5rem 4.5rem
    }
}

@media screen and (min-width:124em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 6rem 2.5rem 6rem
    }
}

@media screen and (min-width:136em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5rem 6rem 2.5rem 6rem
    }
}

@media screen and (min-width:148em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container {
        padding: 5.5rem 7.5rem 2.5rem 7.5rem
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container table {
    color: #000
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container>article {
    margin: unset;
    max-height: unset;
    overflow: hidden;
    overflow-y: auto;
    background-color: hsla(0, 0%, 100%, .2)
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .article-container>article label {
    color: #000
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav {
    padding: 0 10px;
    margin: 4rem;
    text-align: right;
    margin: 1rem 0 1rem 0
}

@media screen and (min-width:50em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav {
        margin: 1rem 0 3rem 0
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday {
    display: none;
    float: left
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday.is-active {
    display: inline-block
}

@media screen and (max-width:40em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday.is-active {
        display: block;
        float: unset;
        text-align: left
    }

    html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday.is-active~button {
        margin-top: 10px
    }
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container {
    color: #fff;
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #191919;
    margin-top: 2px
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container:hover input~.checkmark {
    background-color: #ccc
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container input:checked~.checkmark {
    background-color: aqua
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container input:checked~.checkmark:after {
    display: block
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] nav .announcement-hideToday .container .checkmark:after {
    content: '✓';
    width: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    font-weight: bold
}

html[data-theme="olympic@2024"][data-currency="MYR"] .modal-style-announcement[active-announcement-type="popup"] .announcement-template {
    display: none
}

html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper {
    background: url("../assets/img/theme/olympic@2024/promotiontnc-bg.png") center no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    max-height: unset
}

html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close {
    z-index: 2;
    padding: unset;
    top: 2em;
    margin: 0;
    color: #fff
}

html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .modal-wrapper-close:hover {
    color: #ff2a00
}

html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper header {
    background-color: transparent;
    text-align: center;
    padding: 10px;
    margin-top: 2rem;
    color: #bb9844
}

html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
    overflow: hidden;
    overflow-y: auto;
    margin: .5rem 1rem;
    max-height: 25em;
    background-color: hsla(0, 0%, 100%, .2)
}

@media screen and (min-width:20em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: 3.5rem 1.5rem 8rem 1.5rem
    }
}

@media screen and (min-width:37em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: 3rem 7rem 8rem 7rem
    }
}

@media screen and (min-width:56em) {
    html[data-theme="olympic@2024"][data-currency="MYR"] #modal-promotionTnc .modal-wrapper .article-container>article {
        margin: 3rem 8rem 8rem 8rem
    }
}

html[data-theme="deepavali"][data-currency="MYR"] .animation-items i {
    background: url('../assets/img/theme/deepavali/animation-items.png') no-repeat;
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px
}

html[data-theme="deepavali"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="deepavali"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -20px;
    height: 100px;
    width: 100%;
    background: url(../assets/img/theme/deepavali/header-decoration-bottom.png) center bottom no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2
}

@media screen and (min-width:125em) {
    html[data-theme="deepavali"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="deepavali"][data-currency="MYR"] footer {
    background: url(../assets/img/theme/deepavali/footer-bg.png) center;
    background-repeat: no-repeat;
    background-size: cover
}

html[data-theme="deepavali"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
    background: url('../assets/img/theme/deepavali/footer-decoration.png') no-repeat;
    background-size: 100%;
    background-position: bottom
}

html[data-theme="deepavali"][data-currency="MYR"] section#home-jackpot .home-jackpot-running {
    font-size: 5vw
}

@media screen and (min-width:90em) {
    html[data-theme="deepavali"][data-currency="MYR"] section#home-jackpot .home-jackpot-running {
        font-size: 70px
    }
}

html[data-theme="wesak@2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/wesak@2025/MYR/animation-item.png') no-repeat
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/wesak@2025/MYR/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/wesak@2025/MYR/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -13px;
    background-size: 100%;
    content: " ";
    width: 20px;
    height: 20px;
    background-position: 0 0%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 20px
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:not(.custom-fastgame):after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:not(.custom-fastgame):after {
    left: 32px
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="wesak@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="wesak@2025"][data-currency="MYR"] section#home-jackpot .home-jackpot-content {
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:40em) {
    html[data-theme="wesak@2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/wesak@2025/MYR/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="wesak@2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/wesak@2025/MYR/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="fifa"][data-currency="MYR"] .animation-items i, html[data-theme="fifa"][data-currency="IDR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px
}

html[data-theme="fifa"][data-currency="MYR"] header#AppHeader nav#app-navigation, html[data-theme="fifa"][data-currency="IDR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="fifa"][data-currency="MYR"] header#AppHeader nav#app-navigation:before, html[data-theme="fifa"][data-currency="IDR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -20px;
    height: 100px;
    width: 100%;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2
}

@media screen and (min-width:125em) {
    html[data-theme="fifa"][data-currency="MYR"] header#AppHeader nav#app-navigation:before, html[data-theme="fifa"][data-currency="IDR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="fifa"][data-currency="MYR"] footer, html[data-theme="fifa"][data-currency="IDR"] footer {
    background-repeat: no-repeat;
    background-size: cover
}

html[data-theme="fifa"][data-currency="MYR"] section#home-jackpot, html[data-theme="fifa"][data-currency="IDR"] section#home-jackpot {
    position: relative
}

html[data-theme="fifa"][data-currency="MYR"] section#home-jackpot .home-jackpot-content, html[data-theme="fifa"][data-currency="IDR"] section#home-jackpot .home-jackpot-content {
    color: #fff
}

html[data-theme="fifa"][data-currency="MYR"] section#home-jackpot .home-jackpot-content .home-jackpot-running, html[data-theme="fifa"][data-currency="IDR"] section#home-jackpot .home-jackpot-content .home-jackpot-running {
    font-size: 5vw
}

@media screen and (min-width:90em) {
    html[data-theme="fifa"][data-currency="MYR"] section#home-jackpot .home-jackpot-content .home-jackpot-running, html[data-theme="fifa"][data-currency="IDR"] section#home-jackpot .home-jackpot-content .home-jackpot-running {
        font-size: 65px;
        position: absolute;
        right: 410px
    }
}

html[data-theme="fifa"][data-currency="MYR"][data-currency="MYR"] .animation-items i, html[data-theme="fifa"][data-currency="IDR"][data-currency="MYR"] .animation-items i {
    background: url('../assets/img/theme/fifa/myr/animation-item.png') no-repeat
}

html[data-theme="fifa"][data-currency="MYR"][data-currency="MYR"] header#AppHeader nav#app-navigation:before, html[data-theme="fifa"][data-currency="IDR"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    background: url('../assets/img/theme/fifa/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:40em) {
    html[data-theme="fifa"][data-currency="MYR"][data-currency="MYR"] footer, html[data-theme="fifa"][data-currency="IDR"][data-currency="MYR"] footer {
        background: url(../assets/img/theme/fifa/myr/footer-bg.png) center
    }
}

@media screen and (min-width:40em) {
    html[data-theme="fifa"][data-currency="MYR"][data-currency="MYR"] footer section#footer-bank.footer-decoration, html[data-theme="fifa"][data-currency="IDR"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../assets/img/theme/fifa/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="fifa"][data-currency="MYR"][data-currency="IDR"] .animation-items i, html[data-theme="fifa"][data-currency="IDR"][data-currency="IDR"] .animation-items i {
    background: url('../assets/img/theme/fifa/idr/animation-item.png') no-repeat
}

html[data-theme="fifa"][data-currency="MYR"][data-currency="IDR"] header#AppHeader nav#app-navigation:before, html[data-theme="fifa"][data-currency="IDR"][data-currency="IDR"] header#AppHeader nav#app-navigation:before {
    background: url('../assets/img/theme/fifa/idr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:40em) {
    html[data-theme="fifa"][data-currency="MYR"][data-currency="IDR"] footer, html[data-theme="fifa"][data-currency="IDR"][data-currency="IDR"] footer {
        background: url(../assets/img/theme/fifa/idr/footer-bg.png) center
    }
}

@media screen and (min-width:40em) {
    html[data-theme="fifa"][data-currency="MYR"][data-currency="IDR"] footer section#footer-bank.footer-decoration, html[data-theme="fifa"][data-currency="IDR"][data-currency="IDR"] footer section#footer-bank.footer-decoration {
        background: url('../assets/img/theme/fifa/idr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/thaipusam@2025/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/thaipusam@2025/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    background-size: 100%;
    content: " ";
    width: 14px;
    height: 14px;
    background-position: 0 0%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after {
    left: 20px
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 32px
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="thaipusam@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

@media screen and (min-width:40em) {
    html[data-theme="thaipusam@2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/thaipusam@2025/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="thaipusam@2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/thaipusam@2025/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="thaipusam@2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/thaipusam@2025/myr/animation-item.png') no-repeat
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation {
    z-index: 2
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: -35px;
    height: 100px;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    background: url('../contents/theme/raya@2025/myr/header-decoration-bottom.png') center bottom no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:125em) {
    html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation:before {
        background-size: 80% 100%
    }
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom {
    position: relative
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    background-image: url('../contents/theme/raya@2025/myr/header-deco-tags.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -13px;
    background-size: 100%;
    content: " ";
    width: 20px;
    height: 20px;
    background-position: 0 0%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:after {
    left: 20px
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide i.custom:not(.custom-fastgame):after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li i.custom:not(.custom-fastgame):after {
    left: 32px
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(1) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(1) i.custom:after {
    background-position: 0 0%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(2) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(2) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(3) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(3) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(4) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(4) i.custom:after {
    background-position: 0 27.272727%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(5) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(5) i.custom:after {
    background-position: 0 36.363636%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(6) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(6) i.custom:after {
    background-position: 0 45.454545%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(7) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(7) i.custom:after {
    background-position: 0 54.545455%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(8) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(8) i.custom:after {
    background-position: 0 63.636364%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(9) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(9) i.custom:after {
    background-position: 0 72.727273%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(10) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(10) i.custom:after {
    background-position: 0 81.818182%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(11) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(11) i.custom:after {
    background-position: 0 90.909091%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(12) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(12) i.custom:after {
    background-position: 0 100%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(13) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(13) i.custom:after {
    background-position: 0 0%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(14) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(14) i.custom:after {
    background-position: 0 9.090909%
}

html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.b2u:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#app-navigation>#app-navigation-swiper>ul.swiper-wrapper>li.swiper-slide:nth-of-type(15) i.custom:after, html[data-theme="raya@2025"][data-currency="MYR"] header#AppHeader nav#mobile-navigation>ul#mobile-navigation-accordion ul.vertical.menu>li:nth-of-type(15) i.custom:after {
    background-position: 0 18.181818%
}

html[data-theme="raya@2025"][data-currency="MYR"] section#home-jackpot .home-jackpot-content {
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:40em) {
    html[data-theme="raya@2025"][data-currency="MYR"] footer {
        background: url('../contents/theme/raya@2025/myr/footer-bg.png');
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-bottom: 11rem
    }
}

@media screen and (min-width:40em) {
    html[data-theme="raya@2025"][data-currency="MYR"] footer section#footer-bank.footer-decoration {
        background: url('../contents/theme/raya@2025/myr/footer-decoration.png') no-repeat;
        background-size: 100%;
        background-position: bottom
    }
}

html[data-theme="raya@2025"][data-currency="MYR"] .animation-items i {
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../contents/theme/raya@2025/myr/animation-item.png') no-repeat
}

html[data-theme="square"] body {
    background-image: url('../assets/img/theme/square/bg-pattern.jpg');
    background-repeat: round
}

@-webkit-keyframes animation-items-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes animation-items-shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes animation-items-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes animation-items-shake {
    0%, 100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }
}

.animation-items {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: animation-items-fall, animation-items-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: animation-items-fall, animation-items-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}

.animation-items:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.animation-items:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.animation-items:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.animation-items:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.animation-items:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.animation-items:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.animation-items:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.animation-items:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.animation-items:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.animation-items:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.animation-items:nth-of-type(10) {
    left: 25%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
}

.animation-items:nth-of-type(11) {
    left: 65%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
}