@charset "UTF-8";

.small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-6, .small-push-7, .small-push-8, .small-push-9, sub, sup {
    position: relative
}

h1, h2, h3, h4, h5, h6, p {
    text-rendering: optimizeLegibility
}

abbr, code, kbd {
    color: #0a0a0a
}

[type=checkbox], [type=radio], body, button, fieldset, legend {
    padding: 0
}

[type=checkbox], [type=radio], html, input[type=search], legend, select {
    box-sizing: border-box
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide, img, textarea[rows] {
    height: auto
}

.orbit-image, img, legend, textarea {
    max-width: 100%
}

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

.flxf, button, select {
    text-transform: none
}

.fa, .flxf, body {
    -moz-osx-font-smoothing: grayscale
}

.font-style-5, .title-style-4 {
    -webkit-text-fill-color: transparent
}

.accordion, .fa-ul, .menu, .tabs {
    list-style-type: none
}

#app-subnavigation ul.menu a:hover, .breadcrumbs a:hover, .button-style-6, abbr[title] {
    text-decoration: underline
}

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

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

#widget-container .fxc-row span, .form-error.is-visible, .is-drilldown li, .is-dropdown-submenu.js-dropdown-active, .menu.vertical > li, .modal-style-announcement nav .announcement-hideToday .container input:checked ~ .checkmark:after, .no-js .owl-carousel, .owl-carousel.owl-loaded, .tabs-panel[aria-hidden=false], article, aside, details, figcaption, figure, footer, header, input:checked + label > .switch-active, main, menu, nav, section, section.article-container div.tabs-content .tabs-panel article .ShowMore.is-active, section.article-container div.tabs-content .tabs-panel article .ShowMore.is-active ~ * {
    display: block
}

#app-subnavigation ul.menu li, #modal-regionCulture .culture-container .culture, .modal-style-announcement nav .announcement-hideToday.is-active, .pagination li:first-child, .pagination li:last-child, audio, canvas, img, progress, video {
    display: inline-block
}

pre {
    overflow: auto
}

a:active, a:hover {
    outline-width: 0
}

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

dfn, em, i {
    font-style: italic
}

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

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

.button, img {
    vertical-align: middle
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

img {
    border-style: none;
    -ms-interpolation-mode: bicubic
}

.is-off-canvas-open, section#header-announcement #app-announcement article.marquee, svg:not(:root) {
    overflow: hidden
}

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

body, h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif
}

[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: ButtonText dotted 1px
    }

.swiper-container-cube, .swiper-container-flip, input {
    overflow: visible
}

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

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

.switch, [data-whatinput=mouse] .button, [data-whatinput=mouse] .close-button, [data-whatinput=mouse] .dropdown.menu a, [data-whatinput=mouse] .menu > li, [data-whatinput=mouse] .off-canvas, [data-whatinput=mouse] .off-canvas-absolute, [data-whatinput=mouse] .orbit-bullets, [data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous, [data-whatinput=mouse] .reveal, [data-whatinput=mouse] .slider-handle, [data-whatinput=mouse] button, [data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

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

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

.fa-stack-1x, a, b, em, i, small, strong {
    line-height: inherit
}

legend {
    display: table;
    color: inherit;
    white-space: normal;
    margin-bottom: .5rem
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    min-height: 50px
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

html {
    font-size: 100%
}

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

body {
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    background: #252525;
    color: #989898
}

b, dl dt, nav#app-navigation li.is-active a, nav#app-subnavigation li.is-active a, nav#mobile-navigation li.is-active a, section.article-container ol#article-tabs li.is-active, strong {
    font-weight: 700
}

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

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

.hide-for-portrait, .is-visible, .show-for-landscape {
    display: block !important
}

.hide, .hide-for-landscape, .is-hidden, .show-for-portrait, .show-for-print {
    display: none !important
}

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

    .breadcrumbs:after, .breadcrumbs:before, .button-group:after, .button-group:before, .clearfix:after, .clearfix:before, .menu.align-right:after, .menu.align-right:before, .pagination:after, .pagination:before, .row:after, .row:before, .tabs:after, .tabs:before, .title-bar:after, .title-bar:before, .top-bar:after, .top-bar:before {
        display: table;
        content: " "
    }

    .breadcrumbs:after, .button-group:after, .clearfix:after, .menu.align-right:after, .pagination:after, .row:after, .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1), .small-up-2 > .column:nth-of-type(odd), .small-up-2 > .columns:nth-of-type(odd), .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1), .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1), .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1), .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1), .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1), .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1), .tabs:after, .title-bar:after, .top-bar:after {
        clear: both
    }

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

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

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

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

    .media-object img, .row.expanded {
        max-width: none
    }

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

.column, .columns {
    width: 100%;
    float: left
}

    .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 {
    left: 8.33333%
}

.small-pull-1 {
    left: -8.33333%
}

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

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    left: 16.66667%
}

.small-pull-2 {
    left: -16.66667%
}

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

.small-3 {
    width: 25%
}

.small-push-3 {
    left: 25%
}

.small-pull-3 {
    left: -25%
}

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

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    left: 33.33333%
}

.small-pull-4 {
    left: -33.33333%
}

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

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    left: 41.66667%
}

.small-pull-5 {
    left: -41.66667%
}

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

.small-6 {
    width: 50%
}

.small-push-6 {
    left: 50%
}

.small-pull-6 {
    left: -50%
}

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

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    left: 58.33333%
}

.small-pull-7 {
    left: -58.33333%
}

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

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    left: 66.66667%
}

.small-pull-8 {
    left: -66.66667%
}

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

.small-9 {
    width: 75%
}

.small-push-9 {
    left: 75%
}

.small-pull-9 {
    left: -75%
}

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

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    left: 83.33333%
}

.small-pull-10 {
    left: -83.33333%
}

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

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    left: 91.66667%
}

.small-pull-11 {
    left: -91.66667%
}

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

.button-group.expanded .button:first-child:last-child, .button-group.stacked .button, .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button, .card.card-promotion .card-image, .fr-video iframe, .is-dropdown-submenu > li, .menu.expanded > li:first-child:last-child, .orbit-slide, .small-12, .table-scroll table, .top-bar .top-bar-left, .top-bar .top-bar-right, [type=file] {
    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), .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n), .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n), .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n), .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n), .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n), .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n), .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .fa-pull-left, .pull-left, .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child, .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child, .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child, .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child, .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child, .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child, .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child, .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child, .swiper-container-no-flexbox .swiper-slide, .tabs-title, .title-bar-left, .top-bar-left {
        float: left
    }

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

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

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

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

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

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

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

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

#app-subnavigation .subnavigation-container, .accordion-title, .fa-ul > li, .field-required, .is-accordion-submenu-parent > a, .is-drilldown-submenu-parent > a, .is-dropdown-submenu-parent, .modal, .modal-wrapper, .orbit, .orbit-container, .sticky, .sticky-container, header#AppHeader .row, section#header-announcement {
    position: relative
}

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

    .button-group.stacked .button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child, .button-inline, .callout > :last-child, .card-divider > :last-child, .card-section > :last-child, .card > :last-child, .column-block > :last-child, .field-group .input-group, .field-group input, .field-group select, .field-group textarea, .media-object-section > :last-child, .menu a, .menu button, .menu input, .menu select, .reveal > :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
}

.subheader, code, h1, h2, h3, h4, h5, h6, label {
    font-weight: 400
}

small {
    font-size: 80%
}

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    color: inherit
}

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

h1 {
    font-size: 1.5rem
}

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

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

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h6 {
    font-size: 1rem
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #1779ba;
    cursor: pointer
}

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

    a img {
        border: 0
    }

hr {
    box-sizing: content-box;
    overflow: visible;
    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
}

.form-inline, .form-inline .form-group, dl, ol, ul {
    margin-bottom: 1rem
}

dl, ol, ul {
    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
    }

.orbit-figure, figure, input + .switch-paddle, kbd, label {
    margin: 0
}

dl dt {
    margin-bottom: .3rem
}

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;
    cursor: help
}

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

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

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

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

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

.accordion-title, .button, .close-button.small, .label, .menu-text, .menu.simple li, .menu > li > a, .stat, .tabs-title > a {
    line-height: 1
}

.stat {
    font-size: 2.5rem
}

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

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

.text-justify {
    text-align: justify
}

.badge, .button, .input-group-label, .orbit-bullets {
    text-align: center
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !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
    }

    thead {
        display: table-header-group
    }

    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;
    -webkit-appearance: none;
    border: 1px solid transparent;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    background-color: #1779ba;
    color: #fefefe
}

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

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

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

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

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

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

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

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

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

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

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

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

    .button-group.alert .button, .button.alert, .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-group.alert .button:focus, .button-group.alert .button:hover, .button.alert:focus, .button.alert:hover {
            background-color: #a53b2a;
            color: #fefefe
        }

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

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

            .button.hollow.primary:focus, .button.hollow.primary:hover, .button.hollow:focus, .button.hollow: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.alert, .button.disabled.primary, .button.disabled.secondary, .button.disabled.success, .button.disabled.warning, .button[disabled], .button[disabled].alert, .button[disabled].primary, .button[disabled].secondary, .button[disabled].success, .button[disabled].warning, .slider.disabled, .slider[disabled] {
        opacity: .25;
        cursor: not-allowed
    }

        .button-style-1:active, .button-style-1:focus, .button-style-4.is-active, .button-style-4:active, .button-style-4:focus, .button-style-4:hover, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover, .intimidatetime .intimidatetime-buttons button:active, .intimidatetime .intimidatetime-buttons button:focus {
            background-color: #ebdf81;
            color: #fff;
        }

    .button.dropdown:after {
        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
}

.form-error, .menu-text, .switch {
    font-weight: 700
}

[type=button], [type=submit], select {
    -webkit-appearance: none;
    -moz-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, select:focus, textarea:focus {
        outline: 0;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

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], select:disabled, textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

[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;
        display: inline
    }

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

label {
    display: block;
    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
}

    .accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child, .input-group > :first-child, .input-group > :last-child > * {
        border-radius: 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;
    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
}

.fieldset, select {
    border: 1px solid #cacaca
}

.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 {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

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

fieldset {
    margin: 0;
    border: 0
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem
}

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

select {
    width: 100%;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    appearance: none;
    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;
    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::-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
}

.accordion {
    margin-left: 0;
    background: #fefefe
}

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

    .accordion-title h6 {
        margin-bottom: 0px !important;
    }

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

.accordion-title:focus, .accordion-title:hover, .menu.menu-hover li:hover, .top-bar, .top-bar ul {
    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: 0.5rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

    .accordion-content p {
        margin-bottom: 0.1rem !important;
    }

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

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

.callout, .card-section, .form-container {
    padding: 1rem
}

.badge, .badge.primary, .label, .label.primary, .menu .active > a {
    background: #1779ba;
    color: #fefefe
}

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

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

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

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

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

    .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 .disabled {
        color: #cacaca;
        cursor: not-allowed
    }

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

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

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

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

        .button-group.expanded:after, .button-group.expanded:before, .js-template, .modal-style-announcement .announcement-template, .no-js .dropdown.menu ul, .no-js [data-responsive-menu] ul, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .owl-style-1 .owl-nav span, .owl-style-popannouncement .owl-nav span, .swiper-style-1 .swiper-button-disabled, .swiper-style-2 .swiper-button-disabled, input:checked + label > .switch-inactive, section#header-announcement #app-announcement article.marquee > a, section.article-container div.tabs-content .tabs-panel article .ShowMore, section.article-container div.tabs-content .tabs-panel article .ShowMore ~ * {
            display: none
        }

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

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

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

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

    .callout > :first-child {
        margin-top: 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, .top-bar {
        padding: .5rem
    }

    .callout.large {
        padding: 3rem
    }

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

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

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

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

.menu {
    margin: 0
}

    #app-regionCulture a i, .media-object-section.middle, .menu > li, .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, .title-bar-title {
        vertical-align: middle
    }

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

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

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

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

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

    .menu.simple a, .no-padding, .reveal.collapse, .tabs.simple > li > a {
        padding: 0
    }

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

    .fa-pull-right, .is-dropdown-menu.vertical.align-right, .menu.align-right > li, .owl-carousel.owl-rtl .owl-item, .pull-right, .top-bar-right {
        float: right
    }

    .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.menu-bordered li {
        border: 1px solid #e6e6e6
    }

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

.menu-text {
    padding: .7rem 1rem;
    color: inherit
}

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

    .menu-icon.dark:after, .menu-icon:after {
        position: absolute;
        left: 0;
        height: 2px;
        top: 0;
        width: 100%;
        display: block;
        content: ""
    }

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

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

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

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

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

    .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, .slide-out-right.mui-leave.mui-leave-active {
        transform: translateX(100%)
    }

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

.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 {
    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, .owl-style-1:hover .owl-nav, .swiper-style-1:hover .swiper-button-next, .swiper-style-1:hover .swiper-button-prev {
        visibility: visible
    }

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

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

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

.dropdown.menu.align-right .is-dropdown-submenu.first-sub, .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
    }

.dropdown.menu.vertical > li .is-dropdown-submenu, .sticky.is-stuck.is-at-top {
    top: 0
}

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

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

.dropdown.menu.vertical > li > a:after, .is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a:after, .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
}

.dropdown.menu.vertical > li.opens-right > a:after, .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-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 {
    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 {
        margin-top: -1px
    }

.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;
    white-space: nowrap;
    cursor: default
}

#widget-line-container a, #widget-line-container a .widget-line, #widget-line-container a .widget-line label, .delete-icon:hover, .js-button-copy:hover, .js-off-canvas-overlay.is-closable, .quick-selection-icon:hover, .slider, .swiper-pagination-clickable .swiper-pagination-bullet, .switch-paddle {
    cursor: pointer
}

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

.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.bottom {
        vertical-align: bottom
    }

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

.position-left, .position-right {
    width: 250px;
    overflow-y: auto;
    height: 100%;
    top: 0
}

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

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

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

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

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

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

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

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

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    backface-visibility: hidden;
    background: #e6e6e6
}

.orbit-caption, .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)
}

.position-left {
    left: 0;
    transform: translateX(-250px)
}

    .position-left.is-open ~ .off-canvas-content, .position-right {
        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-bottom.is-transition-overlap.is-open ~ .off-canvas-content, .position-left.is-transition-overlap.is-open ~ .off-canvas-content, .position-right.is-transition-overlap.is-open ~ .off-canvas-content, .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-right {
    right: 0
}

    .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-bottom.is-transition-push:after, .position-top.is-transition-push:after {
    height: 1px;
    box-shadow: 0 0 10px hsla(0,0%,4%,.7);
    content: " ";
    position: absolute;
    left: 0
}

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

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

    .position-top.is-transition-push:after {
        bottom: 0;
        width: 100%
    }

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

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

    .position-bottom.is-transition-push:after {
        top: 0;
        width: 100%
    }

.off-canvas-content {
    backface-visibility: hidden
}

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

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

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

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0
}

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

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

.orbit-previous {
    left: 0
}

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

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

    .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 li {
        margin-right: .0625rem;
        border-radius: 0;
        font-size: .875rem;
        display: none
    }

.top-bar input, html[data-theme=cny] nav#mobile-navigation ul i.custom, html[data-theme=cny] nav#mobile-navigation ul i.fa, html[data-theme=cny] nav#mobile-navigation ul i.flxf {
    margin-right: 1rem
}

.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, .tabs.simple > li > a:hover, table tfoot tr, table thead tr {
        background: 0 0
    }

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

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

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

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

    .progress-meter, .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%
}

#modal-loading, .reveal-overlay {
    background-color: hsla(0,0%,4%,.45)
}

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

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
}

.modal-style-1 header, .modal-style-announcement header {
    min-height: 45px;
    font-size: 1.1em;
    background-color: #c87332;
}

.table-scroll, table.scroll {
    overflow-x: auto
}

.slider, .switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    overflow-y: scroll
}

.reveal, .slider {
    position: relative
}

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

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

.slider-fill, .slider-handle {
    display: inline-block;
    left: 0;
    position: absolute
}

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

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

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

.slider-fill {
    top: 0;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: .2s ease-in-out
}

    .slider-fill.is-dragging, .slider-handle.is-dragging {
        transition: 0 linear
    }

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

.switch-paddle, .switch-paddle:after {
    transition: .25s ease-out;
    border-radius: 0
}

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

.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 {
    z-index: 0;
    transform: translateZ(0)
}

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

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

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

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    font-size: .875rem;
    color: #fefefe;
    user-select: none
}

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

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    background: #cacaca;
    font-weight: inherit;
    color: inherit
}

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

.slide-in-down.mui-enter, .slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden
}

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

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

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

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

.switch-inactive {
    right: 15%
}

.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%;
    border-radius: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto
}

.tabs, .tabs-content, .tabs-content.vertical {
    border: 1px solid #e6e6e6
}

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

table caption {
    font-weight: 700
}

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

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

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

table tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #3D3D3D;
}

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

table.scroll {
    display: block;
    width: 100%
}

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

table.hover tfoot tr:hover, table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: #ececec
}

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

.tabs {
    margin: 0;
    background: #fefefe
}

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

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

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

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    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-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: .5s
}

    .tabs-content.vertical {
        border-left: 0
    }

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

.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 .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

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

.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 input {
    max-width: 200px
}

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

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

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

.invisible, .owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

@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) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

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

    .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-6, .medium-push-7, .medium-push-8, .medium-push-9 {
        position: relative
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        left: 8.33333%
    }

    .medium-pull-1 {
        left: -8.33333%
    }

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

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        left: 16.66667%
    }

    .medium-pull-2 {
        left: -16.66667%
    }

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

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        left: 25%
    }

    .medium-pull-3 {
        left: -25%
    }

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

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        left: 33.33333%
    }

    .medium-pull-4 {
        left: -33.33333%
    }

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

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        left: 41.66667%
    }

    .medium-pull-5 {
        left: -41.66667%
    }

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

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        left: 50%
    }

    .medium-pull-6 {
        left: -50%
    }

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

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        left: 58.33333%
    }

    .medium-pull-7 {
        left: -58.33333%
    }

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

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        left: 66.66667%
    }

    .medium-pull-8 {
        left: -66.66667%
    }

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

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        left: 75%
    }

    .medium-pull-9 {
        left: -75%
    }

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

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        left: 83.33333%
    }

    .medium-pull-10 {
        left: -83.33333%
    }

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

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        left: 91.66667%
    }

    .medium-pull-11 {
        left: -91.66667%
    }

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

    .medium-12, .menu.medium-expanded > li:first-child:last-child {
        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), .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n), .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n), .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n), .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n), .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n), .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n), .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .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), .medium-up-2 > .column:nth-of-type(odd), .medium-up-2 > .columns:nth-of-type(odd), .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1), .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1), .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1), .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1), .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1), .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child, .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child, .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child, .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child, .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child, .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child, .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child, .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

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

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

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

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

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

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

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

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

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

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

    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
    }

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

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

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

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

    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }

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

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

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

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

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

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

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

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

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

    .pagination li {
        display: inline-block
    }

    .reveal {
        min-height: 0;
        width: 600px;
        max-width: 75rem
    }

        .reveal .reveal {
            right: auto;
            left: auto;
            margin: 0 auto
        }

        .reveal.tiny {
            width: 30%;
            max-width: 75rem
        }

        .reveal.small {
            width: 50%;
            max-width: 75rem
        }

        .reveal.large {
            width: 90%;
            max-width: 75rem
        }

    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }

    .hide-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) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

    .large-pull-1, .large-pull-10, .large-pull-11, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-6, .large-push-7, .large-push-8, .large-push-9 {
        position: relative
    }

    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        left: 8.33333%
    }

    .large-pull-1 {
        left: -8.33333%
    }

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

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        left: 16.66667%
    }

    .large-pull-2 {
        left: -16.66667%
    }

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

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        left: 25%
    }

    .large-pull-3 {
        left: -25%
    }

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

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        left: 33.33333%
    }

    .large-pull-4 {
        left: -33.33333%
    }

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

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        left: 41.66667%
    }

    .large-pull-5 {
        left: -41.66667%
    }

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

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        left: 50%
    }

    .large-pull-6 {
        left: -50%
    }

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

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        left: 58.33333%
    }

    .large-pull-7 {
        left: -58.33333%
    }

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

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        left: 66.66667%
    }

    .large-pull-8 {
        left: -66.66667%
    }

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

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        left: 75%
    }

    .large-pull-9 {
        left: -75%
    }

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

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        left: 83.33333%
    }

    .large-pull-10 {
        left: -83.33333%
    }

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

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        left: 91.66667%
    }

    .large-pull-11 {
        left: -91.66667%
    }

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

    .large-12, .menu.large-expanded > li:first-child:last-child {
        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), .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n), .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n), .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n), .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n), .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n), .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n), .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .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), .large-up-2 > .column:nth-of-type(odd), .large-up-2 > .columns:nth-of-type(odd), .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1), .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1), .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1), .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1), .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1), .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child, .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child, .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child, .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child, .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child, .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child, .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child, .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

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

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

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

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

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

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

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

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

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

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

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

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

    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }

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

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

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

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

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

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

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

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

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

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

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

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

.fa, .fa-stack {
    display: inline-block
}

.slide-in-down.mui-enter {
    transform: translateY(-100%);
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active, .slide-in-up.mui-enter.mui-enter-active {
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    transform: translateX(-100%);
    backface-visibility: hidden
}

.slide-in-right.mui-enter, .slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active, .slide-in-right.mui-enter.mui-enter-active {
        transform: translateX(0)
    }

.slide-in-up.mui-enter, .slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-in-up.mui-enter {
    backface-visibility: hidden
}

.slide-in-right.mui-enter {
    transform: translateX(100%);
    backface-visibility: hidden
}

.slide-out-down.mui-leave, .slide-out-left.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden
}

.slide-out-down.mui-leave, .slide-out-up.mui-leave {
    transform: translateY(0);
    backface-visibility: hidden
}

.slide-out-left.mui-leave, .slide-out-right.mui-leave {
    transform: translateX(0);
    backface-visibility: hidden
}

.fade-in.mui-enter, .fade-out.mui-leave {
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: linear
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    opacity: 0
}

    .fade-in.mui-enter.mui-enter-active, .fade-out.mui-leave {
        opacity: 1
    }

        .fade-out.mui-leave.mui-leave-active, .owl-carousel.owl-hidden, .swiper-pagination.swiper-pagination-hidden {
            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-bottom.mui-enter.mui-enter-active, .hinge-in-from-left.mui-enter.mui-enter-active, .hinge-in-from-middle-x.mui-enter.mui-enter-active, .hinge-in-from-middle-y.mui-enter.mui-enter-active, .hinge-in-from-right.mui-enter.mui-enter-active, .hinge-in-from-top.mui-enter.mui-enter-active, .hinge-out-from-top.mui-leave {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter, .hinge-in-from-right.mui-enter {
    opacity: 0;
    transition-property: transform,opacity;
    transition-duration: .5s;
    transition-timing-function: linear
}

.hinge-in-from-right.mui-enter {
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right
}

.hinge-in-from-bottom.mui-enter {
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom
}

.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-middle-x.mui-enter, .hinge-out-from-middle-x.mui-leave.mui-leave-active, .hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: center;
    transition-property: transform,opacity
}

.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-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave {
    transform: perspective(2000px) rotate(0);
    opacity: 1;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active, .hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transform-origin: bottom
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    transform-origin: left
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active, .scale-in-up.mui-enter.mui-enter-active, .scale-out-up.mui-leave {
        transform: scale(1);
        opacity: 1
    }

        .scale-in-down.mui-enter, .scale-out-up.mui-leave.mui-leave-active {
            transform: scale(1.5);
            opacity: 0
        }

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.scale-out-up.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave, .spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.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-ccw.mui-enter.mui-enter-active, .spin-in.mui-enter.mui-enter-active, .spin-out-ccw.mui-leave, .spin-out.mui-leave {
        transform: rotate(0);
        opacity: 1
    }

        .spin-in-ccw.mui-enter, .spin-out.mui-leave.mui-leave-active {
            transform: rotate(270deg);
            opacity: 0
        }

        .spin-out-ccw.mui-leave.mui-leave-active {
            transform: rotate(-270deg);
            opacity: 0
        }

.slow {
    transition-duration: .75s !important
}

.linear {
    transition-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(0.485,0.155,0.24,1.245) !important;
    animation-timing-function: cubic-bezier(0.485,0.155,0.24,1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(0.485,0.155,0.515,0.845) !important;
    animation-timing-function: cubic-bezier(0.485,0.155,0.515,0.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(0.76,-0.245,0.24,1.245) !important;
    animation-timing-function: cubic-bezier(0.76,-0.245,0.24,1.245) !important
}

.short-delay {
    transition-delay: 0.3s !important;
    animation-delay: .3s !important
}

.long-delay {
    transition-delay: 0.7s !important;
    animation-delay: .7s !important
}

@keyframes a {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,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 {
    transition-duration: .25s !important;
    animation-duration: .25s !important
}

@font-face {
    font-family: FontAwesome;
    src: url(../assets/fonts/fontawesome-webfont3e6e.eot?v=4.7.0);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fa {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x, .fa-stack-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
}

.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: .08em solid #eee;
    border-radius: .1em
}

.fa.fa-pull-left, .fa.pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin
}

.fa-pulse {
    -webkit-animation: 1s steps(8) infinite fa-spin;
    animation: 1s steps(8) infinite fa-spin
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    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
}

.container-style-4 a, .container-style-4 i, .container-style-4 label, .container-style-5 a, .container-style-5 i, .container-style-5 label, .fa-inverse, .font-white, a.link-style-5, table.table-style-1 td label, table.table-style-2 td i, table.table-style-2 td label {
    color: #fff !important
}

.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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won: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-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel: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-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery: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-paper-o:before, .fa-hand-stop-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-television:before, .fa-tv: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-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing: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-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-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-full:before, .fa-thermometer: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-bath:before, .fa-bathtub:before, .fa-s15: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
}

.swiper-slide, .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.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/FlxFont4712.ttf?deaqvi) format("truetype"),url(../assets/fonts/FlxFont4712.woff?deaqvi) format("woff"),url(../assets/fonts/FlxFont4712.svg?deaqvi#FlxFont) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.flxf {
    font-family: FlxFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.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: ""
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

.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-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-progress.swiper-pagination-white .swiper-pagination-progressbar, .swiper-pagination-white .swiper-pagination-bullet, .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-black .swiper-pagination-bullet-active, .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    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
    }

#app-member ul.menu > li, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    /*margin: 0 5px*/
    text-align: left;
    margin-bottom: 10px;
}
    #app-member ul.menu > li:last-child {
        margin-bottom: 0px;
    }

    .header-drp-menu {
        border-radius: 0.5rem;
        padding-left: 10px !important;
        padding-right: 10px !important;
        background-color: #252525;
    }

    .header-drp-menu:hover {
        background-color: #c87332;
        text-align: left;
    }

.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-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-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-fade .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-fade .swiper-slide-active, .swiper-container-fade .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-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: 1s steps(12,end) infinite swiper-preloader-spin;
    -moz-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    animation: 1s steps(12,end) infinite swiper-preloader-spin
}

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

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

#modal-loading div, .owl-carousel .owl-video-play-icon {
    top: 50%;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    left: 50%
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: 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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: 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%,to {
        -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)
    }
}

@keyframes pulse {
    0%,to {
        -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)
    }
}

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

@-webkit-keyframes rubberBand {
    0%,to {
        -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)
    }
}

@keyframes rubberBand {
    0%,to {
        -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)
    }
}

.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%,50% {
        -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)
    }
}

@keyframes headShake {
    0%,50% {
        -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)
    }
}

.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(0);
        transform: rotate(0)
    }
}

@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(0);
        transform: rotate(0)
    }
}

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

@-webkit-keyframes tada {
    0%,to {
        -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)
    }
}

@keyframes tada {
    0%,to {
        -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)
    }
}

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

@-webkit-keyframes wobble {
    0%,to {
        -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)
    }
}

@keyframes wobble {
    0%,to {
        -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)
    }
}

.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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
}

.bounceOut, .flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1)
    }

    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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.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 {
    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
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@-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 {
    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 {
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.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(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.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(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

.button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 7px;
    cursor: pointer;
    border: none
}

#app-magellan a, .input-group-button .button {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.button-style-Referrer, .button-style-invite, .button-style-smash {
    font-weight: 800;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%
}

.input-group-button .button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.button-style-1 {
    background-color: #ff8a00;
    color: #fff;
    border: 1px solid #020003;
    padding: 0.6rem;
    width: 8rem;
}

    .button-style-1:hover, .intimidatetime .intimidatetime-buttons button:hover, .promotion-button:focus, .promotion-button:hover {
        background-color: #FF7200;
        color: #fff;
        /*border: 1px solid #fff*/
    }

    .button-style-1.is-active, .button-style-smash.is-active, .button-style-smash:hover {
        background-color: #ebdf81;
        color: #000;
        border: 1px solid #020003
    }

.button-style-2, .button-style-2:active, .button-style-2:focus, .button-style-3:active, .button-style-3:focus {
    color: #ebdf81;
    background-color: #020003
}

.button-style-2 {
    border: 2px solid #c87332;
    color: #c87332;
    transition: .2s ease-in-out;
    font-weight: 500;
}

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

.button-style-3 {
    background-color: #020003;
    color: #fff;
    border: 1px solid #020003
}

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

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

.button-style-5, html[data-whatintent=touch] #product-filter .button:hover, html[data-whatintent=touch] #promotion-filter .button:hover {
    background-color: #252525;
    color: #FFF;
    border: 1px solid #ff8a00
}

    .button-style-5:active, .button-style-5:focus {
        background-color: #1a1a1a;
        color: #ebdf81
    }

    .button-style-5.is-active, .button-style-5:hover, .modal-style-announcement, html[data-whatintent=touch] #product-filter .button.is-active, html[data-whatintent=touch] #promotion-filter .button.is-active {
        background-color: #FF7200;
        color: #FFF;
    }

.button-style-6, .button-style-6:active, .button-style-6:focus {
    color: #020003;
    background: 0 0
}

.button-style-6 {
    border: none;
    margin: 0;
    padding-left: 5px
}

.js-button-copy, header#AppHeader, i.region {
    background-repeat: no-repeat
}

.button-style-6.is-active, .button-style-6:hover {
    background: 0 0;
    color: #989898
}

.button-style-smash, .promotion-button, .quick-selection-button {
    background-color: #252525;
    color: #E0E0E0;
}

.button-style-Referrer {
    background-image: linear-gradient(#d6563b,#a43523);
    color: #fff
}

    .button-style-Referrer.is-active, .button-style-Referrer:active, .button-style-Referrer:focus, .button-style-Referrer:hover {
        background-image: linear-gradient(#a43523,#a43523);
        color: #fff
    }

.button-style-invite {
    background-image: linear-gradient(#324e2e,#6ece4c);
    color: #fff
}

    .button-style-invite.is-active, .button-style-invite:active, .button-style-invite:focus, .button-style-invite:hover {
        background-image: linear-gradient(#6ece4c,#6ece4c);
        color: #fff
    }

.button-style-smash:active, .button-style-smash:focus, table.table-style-1 td {
    background-color: #ebdf81;
    color: #fff
}

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

.promotion-button {
    border: 1px solid #020003;
    margin: 0 3px 3px
}

.quick-selection-button {
    min-width: 96%;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #ff8a00
}

    .quick-selection-button.is-active, .quick-selection-button:hover {
        background-color: #FF7200;
        color: #E0E0E0;
        border: 1px solid #ff8a00;
    }

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

.quick-selection-icon {
    margin-right: 5px;
    color: #020003;
    font-size: 25px;
    text-align: center;
    float: left
}

.button-container {
    margin-top: 5px
}

#addSortableButton, .modal-wrapper .modal-actions .button {
    margin-left: 5px
}

#product-filter .accordion button {
    min-width: 150px
}

#product-filter .button-favouriteGames {
    width: 100%;
    margin-top: 1rem;
    height: 38px
}

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

.page-container {
    margin: 25px auto
}

@media print,screen and (max-width:600px) {
    .page-container {
        margin: 0px !important;
    }
}

.default-gameicon-container {
    height: 100%;
    /*background-color: #141822*/
}

.container-style-1 {
    background-color: #b3954f;
    background: -webkit-gradient(linear,left top,left bottom,from(#b3954f),to(#ebdf81));
    background: -webkit-linear-gradient(top,#b3954f,#ebdf81);
    background: -moz-linear-gradient(top,#b3954f,#ebdf81);
    background: -ms-linear-gradient(top,#b3954f,#ebdf81);
    background: -o-linear-gradient(top,#b3954f,#ebdf81);
    color: #000
}

    #app-magellan a:active, #app-magellan a:active i, #app-magellan a:focus, #app-magellan a:focus i, #app-magellan a:hover, #app-magellan a:hover i, .container-style-1 a, .container-style-1 i, .container-style-1 label, .container-style-7 a, .container-style-7 i, .container-style-7 label, .form-style-2, .intimidatetime .intimidatetime-preview, .intimidatetime label, .modal-style-1 .modal-wrapper-close, .modal-style-1 .modal-wrapper-close:hover, .modal-style-announcement .modal-wrapper-close:hover, a.link-style-4.is-active, a.link-style-4:hover, a.link-style-6, a.link-style-6.is-active, a.link-style-6:active, a.link-style-6:focus, a.link-style-6:hover, div.datepicker-container, section.article-container ol#article-tabs li.is-active, section.article-container ol#article-tabs li:hover, select > option {
        color: #000
    }

.container-style-3 {
    background-color: #141822;
    /*background: -webkit-gradient(linear,left top,left bottom,from(#e8d96b),to(#a28746));
    background: -webkit-linear-gradient(top,#e8d96b,#a28746);
    background: -moz-linear-gradient(top,#e8d96b,#a28746);
    background: -ms-linear-gradient(top,#e8d96b,#a28746);
    background: -o-linear-gradient(top,#e8d96b,#a28746);*/
    color: #E0E0E0;
    border-radius: 0.5rem;
}

    #app-member .view-member-small a.link-style-2, #app-member .view-member-small a.link-style-2 i, .container-style-3 a, .container-style-3 i, .container-style-3 label, .font-style-2, .form-style-3 {
        color: #c87332;
    }

    .container-style-3 label {
        color: #E0E0E0;
    }

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

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

.container-style-5 {
    background-color: #333;
    color: #fff;
    /*border-left: 5px solid #8a7d16*/
}

.container-style-6 {
    background: #333;
    color: #e4d455
}

.container-style-7 {
    background-color: #dca967;
    background: -webkit-gradient(linear,left top,left bottom,#dca967,#ca985b,#fde9b3,#daa765);
    background: -webkit-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -moz-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -ms-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -o-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    color: #000
}

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

.font-alert {
    color: #ff2a00
}

.font-style-1 {
    color: #ff8a00;
}

.font-style-3 {
    color: #c20
}

.font-style-4 {
    color: #7a5800
}

.font-style-5 {
    color: #dca967;
    background: -webkit-gradient(linear,left top,left bottom,#dca967,#ca985b,#fde9b3,#daa765);
    background: -webkit-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -moz-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -ms-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -o-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    -webkit-background-clip: text
}

.font-highlight {
    color: #ff0
}

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

.form-inline .form-control, .form-inline label {
    display: inline-block;
    width: 100%;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.field-required:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-size: .5rem;
    content: "";
    display: inline;
    color: #ff2a00
}

.field-group {
    margin-bottom: 1.3rem
}

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;
    border-radius: 0.3rem;
}

input[readonly] {
    cursor: auto
}

input.input-upload[readonly][type=text] {
    background-color: #fefefe;
    cursor: pointer
}

input.error, select.error {
    border-color: #ff2a00
}

label {
    font-size: .9em
}

    label.error {
        color: #ff2a00 !important
    }

    label.success {
        color: #020003 !important
    }

#app-member .view-member-large a.link-style-2, #app-member .view-member-large a.link-style-2 i, .form-style-1, a.link-style-1.is-active, a.link-style-1:active, a.link-style-1:focus, a.link-style-1:hover, a.link-style-2, footer section#footer-copyright {
    color: #c87332;
}

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

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

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

.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 #240036;
    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 input[disabled], .form-style-2 select[disabled], .form-style-2 textarea::-moz-placeholder {
        color: #7f7f7f
    }

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

a {
    text-decoration: none
}

    #app-member .view-member-large a.link-style-2.is-active, #app-member .view-member-large a.link-style-2.is-active i, #app-member .view-member-large a.link-style-2:active, #app-member .view-member-large a.link-style-2:focus, #app-member .view-member-large a.link-style-2:hover, #app-member .view-member-large a.link-style-2:hover i, .accordion.accordion-style-2 .accordion-title:before, .modal-style-1 article label, a.link-style-1, a.link-style-2.is-active, a.link-style-2:active, a.link-style-2:focus, a.link-style-2:hover, a.link-style-3.is-active, a.link-style-3:hover, a.link-style-5.is-active, a.link-style-5:active, a.link-style-5:focus, a.link-style-5:hover, nav#app-navigation li a.hover, nav#app-navigation li a:hover, nav#app-navigation li a:hover i.fa, nav#app-navigation li a:hover i.flxf, nav#app-navigation li.is-active, nav#app-navigation li.is-active a, nav#app-navigation li.is-active i.fa, nav#app-navigation li.is-active i.flxf, nav#app-subnavigation li a.hover, nav#app-subnavigation li a:hover, nav#app-subnavigation li a:hover i.fa, nav#app-subnavigation li a:hover i.flxf, nav#app-subnavigation li.is-active, nav#app-subnavigation li.is-active a, nav#app-subnavigation li.is-active i.fa, nav#app-subnavigation li.is-active i.flxf, nav#mobile-navigation li a.hover, nav#mobile-navigation li a:hover, nav#mobile-navigation li a:hover i.fa, nav#mobile-navigation li a:hover i.flxf, nav#mobile-navigation li.is-active, nav#mobile-navigation li.is-active a, nav#mobile-navigation li.is-active i.fa, nav#mobile-navigation li.is-active i.flxf, section.article-container ol#article-tabs li.is-active a, section.article-container ol#article-tabs li:hover a {
        color: #c87332;
    }

    #app-member .view-member-small a.link-style-2.is-active, #app-member .view-member-small a.link-style-2.is-active i, #app-member .view-member-small a.link-style-2:active, #app-member .view-member-small a.link-style-2:focus, #app-member .view-member-small a.link-style-2:hover, #app-member .view-member-small a.link-style-2:hover i, a.link-style-3, a.link-style-3:active, a.link-style-3:focus, a.link-style-4, a.link-style-4:active, a.link-style-4:focus {
        color: #020003
    }

.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: #555;
            color: #ebdf81;
            border-top: 3px solid transparent;
            display: block;
            padding: 10px 0;
            font-size: 1rem
        }

        ul.tabsmenu-style-1 .tabsmenu-column.is-active a {
            background-color: #333;
            border-top: 3px solid #dac308;
            font-weight: 700
        }

.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: #1a1a1a;
            color: #ebdf81;
            border: none;
            border-left: 5px solid #262626;
            font-size: 1.2rem;
            font-weight: 700;
            padding: 1rem;
            margin-top: 1rem
        }

            .accordion.accordion-style-1 .accordion-title:before {
                content: ""
            }

            .accordion.accordion-style-1 .accordion-title:hover {
                background-color: #000;
                border-left: 5px solid #ebdf81;
                color: #ebdf81
            }

                .accordion.accordion-style-1 .accordion-title:hover:before, .accordion.accordion-style-1 .is-active .accordion-title:before {
                    font-family: FontAwesome;
                    content: ""
                }

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

        .accordion.accordion-style-1 .accordion-content {
            background: 0 0;
            padding: .5rem 1rem;
            border: none
        }

    .accordion.accordion-style-2 .accordion-title {
        background-color: #252525;
        color: #FFF;
        border: none;
        border-bottom: 2px solid #c87332;
    }

    .accordion.accordion-style-2 .is-active .accordion-title, nav#app-navigation li a.hover, nav#app-navigation li a:hover:not(.link-contacts), nav#app-navigation li.is-active a {
        /*border-bottom: 2px solid #c87332;*/
    }

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

.modal {
    display: none;
    padding-bottom: 10vh;
    padding-right: 2rem;
    padding-left: 2rem
}

.modal-wrapper .modal-wrapper-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 1.5em;
    line-height: 1rem;
    text-align: center;
    cursor: pointer
}

#modal-loading div {
    position: fixed;
    padding: 10px 0;
    text-align: center;
    border-radius: 10px
}

    #modal-loading div .fa {
        -webkit-animation: 1s infinite loading-spin;
        animation: 1s infinite loading-spin
    }

    #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: #191919;
    color: #fff !important
}

    .modal-style-1 header {
        color: #FFF;
        font-weight: 700;
        padding: 10px 30px 10px 10px
    }

    .modal-style-1 article {
        color: #fff;
        padding: .9375rem
    }

        .modal-style-1 article input, .modal-style-1 article input:focus {
            color: #fff !important;
            border: 1px solid #ebdf81
        }

    .modal-style-1 nav, .modal-style-announcement nav {
        padding: 0 10px;
        margin: 1rem 0 0;
        text-align: right
    }

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

    .modal-style-2 .close-button {
        background-color: #fff;
        color: #ebdf81;
        border: 5px solid #ebdf81;
        border-radius: 50%;
        padding: 2px 10px;
        right: -1rem !important;
        top: -1rem !important;
        font-size: 1.5em;
        font-weight: 700
    }

@media screen and (max-width:25em) {
    .modal-style-2 .close-button {
        right: -.5rem !important
    }
}

.modal-style-2 .close-button:hover {
    color: #ddc929;
    border: 5px solid #ddc929
}

.modal-style-announcement .modal-wrapper-close {
    z-index: 2;
    color: #020003
}

.modal-style-announcement header {
    color: #020003;
    font-weight: 700;
    padding: 10px 30px 10px 10px
}

.modal-style-announcement .announcement-content {
    background-color: #fff;
    padding: 15px 38px
}

.modal-style-announcement nav .announcement-hideToday {
    display: none;
    float: left
}

    .modal-style-announcement nav .announcement-hideToday .container {
        display: block;
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .modal-style-announcement nav .announcement-hideToday .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0
        }

    .modal-style-announcement nav .announcement-hideToday .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        margin-top: 2px
    }

    .modal-style-announcement nav .announcement-hideToday .container:hover input ~ .checkmark {
        background-color: #ccc
    }

    .modal-style-announcement nav .announcement-hideToday .container input:checked ~ .checkmark {
        background-color: #0ff
    }

    .modal-style-announcement nav .announcement-hideToday .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

    .modal-style-announcement nav .announcement-hideToday .container .checkmark:after {
        content: "✓";
        width: 20px;
        font-size: 13px;
        text-align: center;
        line-height: 20px;
        font-weight: 700
    }

.swiper-style-1 .swiper-button-next, .swiper-style-1 .swiper-button-prev {
    border-top: 6px solid #020003;
    border-left: 6px solid #020003;
    background: 0 0;
    width: 38px;
    height: 38px;
    visibility: hidden;
    transition: left .2s,right .2s
}

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

    .owl-style-1 .owl-nav .owl-prev:hover, .swiper-style-1 .swiper-button-prev:hover {
        left: 25px
    }

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

    .owl-style-1 .owl-nav .owl-next:hover, .swiper-style-1 .swiper-button-next:hover {
        right: 25px
    }

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

#app-magellan, #app-regionCulture, #widget-container, #widget-line-container {
    position: fixed;
    z-index: 10
}

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

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

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

.owl-style-1 .owl-nav {
    z-index: 2;
    visibility: hidden
}

    .owl-style-1 .owl-nav .owl-next, .owl-style-1 .owl-nav .owl-prev {
        border-top: 6px solid #c87332 !important;
        border-right: 6px solid #c87332 !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-next {
        transform: rotate(45deg);
        right: 30px
    }

.owl-style-1 .owl-item {
    touch-action: manipulation !important
}

.owl-style-popannouncement .owl-nav {
    z-index: 2;
    visibility: visible
}

    .owl-style-popannouncement .owl-nav .owl-next, .owl-style-popannouncement .owl-nav .owl-prev {
        border-top: 3px solid #ddc929 !important;
        border-right: 3px solid #ddc929 !important;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%
    }

    .owl-style-popannouncement .owl-nav .owl-prev {
        transform: rotate(-135deg);
        left: 17px
    }

        .owl-style-popannouncement .owl-nav .owl-prev:hover {
            left: 12px
        }

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

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

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

.owl-style-popannouncement .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative
}

    .owl-style-popannouncement .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

        .owl-style-popannouncement .owl-dots .owl-dot span {
            width: 25px;
            height: 8px;
            margin: 5px 7px;
            background: #999;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .6s;
            border-radius: 3px;
            border: 1px solid #999
        }

        .owl-style-popannouncement .owl-dots .owl-dot.active span {
            background: #595959;
            border: 1px solid #595959
        }

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

table.table-style-1 th {
    background-color: #e9dc74;
    color: #020003
}

table.table-style-2 td, table.table-style-2 th, table.table-style-2 tr {
    border: 1px solid #fff;
    color: #fff;
    /*height:0px !important;*/
}

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

    table.table-style-2 td .button {
        margin: .1rem 0
    }

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

.title-style-1 {
    color: #c87332 !important;
    /*text-transform: uppercase;*/
    font-weight: 700;
    /*border-bottom: 1px solid #473300;*/
    /*margin: 5px auto 1rem;*/
    /*padding: 5px 0;*/
    margin-left: 1.5rem;
    margin-top: 1rem;
    font-size: 1.5rem;
}

.title-style-2 {
    color: #c87332;
    /*border-bottom: 2px solid #020003;*/
    font-weight: 700;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-style-3, .title-style-4 {
    border-bottom: 1px solid #ebdf81;
    margin: 5px auto 1rem;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 700
}

.title-style-3 {
    color: #ebdf81 !important
}

.title-style-4 {
    color: #dca967;
    background: -webkit-gradient(linear,left top,left bottom,#dca967,#ca985b,#fde9b3,#daa765);
    background: -webkit-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -moz-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -ms-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -o-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    -webkit-background-clip: text
}

.title-style-5, nav#mobile-navigation a {
    color: #dca967 !important
}

.title-style-5 {
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px auto 1rem;
    padding: 5px 0
}

.title-info {
    color: #c87332 !important;
    /*text-transform: uppercase;*/
    font-weight: 700;
    /*border-bottom: 1px solid #473300;*/
    /*margin: 5px auto 1rem;*/
    /*padding: 5px 0;*/
    margin-top: 1rem;
    font-size: 1.5rem;
}

.home-title-style-1 {
    color: #c87332 !important;
    font-weight: 700;
    font-size: 1.2rem;
    padding-left:1rem;
}

footer section#footer-bank {
    padding: 15px 0 5px
}

    footer section#footer-bank i {
        background: url(../assets/img/common/bank-sprite5e1f.webp) no-repeat;
        display: inline-block
    }

        footer section#footer-bank i.bank-myr, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr {
            height: 29px;
            margin: 5px 20px
        }

            footer section#footer-bank i.bank-myr.bank-ocbc, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-ocbc {
                background-position: 0 -2px;
                width: 117px
            }

            footer section#footer-bank i.bank-myr.bank-hongleong, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-hongleong {
                background-position: -145px -2px;
                width: 134px
            }

            footer section#footer-bank i.bank-myr.bank-maybank, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-maybank {
                background-position: -307px -2px;
                width: 86px
            }

            footer section#footer-bank i.bank-myr.bank-public, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-public {
                background-position: -429px -2px;
                width: 127px
            }

            footer section#footer-bank i.bank-myr.bank-cimb, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-cimb {
                background-position: -587px -2px;
                width: 91px
            }

            footer section#footer-bank i.bank-myr.bank-ambank, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-ambank {
                background-position: -715px -2px;
                width: 106px
            }

            footer section#footer-bank i.bank-myr.bank-hsbc, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-hsbc {
                background-position: -859px -2px;
                width: 116px
            }

            footer section#footer-bank i.bank-myr.bank-rhb, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-rhb {
                background-position: -992px -2px;
                width: 64px
            }

            footer section#footer-bank i.bank-myr.bank-bimb, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-myr.bank-bimb {
                background-position: -1076px -2px;
                width: 114px
            }

        footer section#footer-bank i.bank-thb, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb {
            height: 27px;
            margin: 5px 30px
        }

            footer section#footer-bank i.bank-thb.bank-bangkok, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb.bank-bangkok {
                background-position: -2px -66px;
                width: 78px
            }

            footer section#footer-bank i.bank-thb.bank-krungthai, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb.bank-krungthai {
                background-position: -106px -66px;
                width: 108px
            }

            footer section#footer-bank i.bank-thb.bank-siam, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb.bank-siam {
                background-position: -240px -66px;
                width: 74px
            }

            footer section#footer-bank i.bank-thb.bank-kasikorn, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb.bank-kasikorn {
                background-position: -335px -66px;
                width: 109px
            }

            footer section#footer-bank i.bank-thb.bank-krungsri, footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i.bank-thb.bank-krungsri {
                background-position: -468px -66px;
                width: 100px
            }

footer section#footer-nav {
    margin-top: 20px
}

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

    footer section#footer-nav div.medium-up-6 .column {
        padding: 10px;
        border-bottom: 1px solid
    }
}

#app-member ul.menu > li > a:after, footer section#footer-nav div.medium-up-6 .column ul.menu > li.is-accordion-submenu-parent > a::after {
    border-color: #ebdf81 transparent transparent
}

footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-product > span > i {
    margin: 5px
}

footer section#footer-nav div.medium-up-6 .column ul.menu > li > a {
    padding: 0 118px 0 0
}

footer section#footer-nav div.medium-up-6 .column ul.menu > li > ul > li.footer-bank > span > i {
    background: url(../assets/img/common/bank-sprite5e1f.webp) no-repeat;
    display: inline-block;
    margin: 10px;
    height: 27px
}

footer section#footer-nav a {
    display: inline-block;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600
}

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

section#header-announcement #app-quickLinks {
    background-color: #dca967;
    background: -webkit-gradient(linear,left top,left bottom,#dca967,#ca985b,#fde9b3,#daa765);
    background: -webkit-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -moz-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -ms-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    background: -o-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    font-size: 1.2em;
    line-height: 36px;
    vertical-align: middle;
    height: 41px
}

    section#header-announcement #app-quickLinks a {
        vertical-align: middle;
        font-weight: 700;
        margin: 0 5px;
        color: #000
    }

        section#header-announcement #app-quickLinks a.regionCulture > span {
            padding-left: 10px;
            border-left: 1px solid #4d4d4d
        }

section#header-announcement #app-announcement {
    font-size: 1em;
    line-height: 36px
}

    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.webp) -3px -2px no-repeat;
            display: block;
            width: 33px;
            height: 25px;
            margin: 8px
        }

    section#header-announcement #app-announcement article.marquee a {
        margin: 0 200px 0 0
    }

    section#header-announcement #app-announcement .app-announcement-jackpot {
        position: absolute;
        top: 0;
        right: 10px;
        width: auto
    }

        .mobile-announcement-jackpot span, section#header-announcement #app-announcement .app-announcement-jackpot > span {
            display: inline-block;
            color: #000;
            font-weight: 700;
            text-transform: uppercase
        }

        section#header-announcement #app-announcement .app-announcement-jackpot > div.home-jackpot-running {
            background-color: #1a1a1a;
            color: #ddc929;
            letter-spacing: 2px;
            font-weight: 700;
            display: inline-block;
            margin: 2px 0 2px 20px;
            padding: 0 20px;
            border-radius: 4px
        }

.mobile-announcement-jackpot {
    background: #000;
    padding: 15px
}

    .mobile-announcement-jackpot > div > div > div.home-jackpot-running {
        color: #e8d96b;
        letter-spacing: 2px;
        font-weight: 700;
        display: inline-block;
        margin: 2px 0;
        padding: 10px 20px;
        background-color: #1a1a1a;
        border-radius: 4px
    }

header#AppHeader {
    background-color: #141822;
    /*background-image: url(../assets/img/common/bg-left.webp),url(../assets/img/common/bg-right.webp);*/
    background-size: initial;
    background-position: 0,100%;
    background-attachment: fixed;
    width: 100%
}

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

@media screen and (min-width:40em) {
    .form-inline {
        margin-bottom: 0
    }

        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 1rem
        }

        .form-inline .form-control, .form-inline label {
            width: auto
        }

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

#app-member {
    display: block;
    z-index: 2;
    margin: 5px 0 9px;
    /*margin-bottom: 0px;*/
}

    #app-member div.view-anonymous button {
        margin-bottom: 4px
    }

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

    #app-member ul.menu > li > ul {
        margin-top: 5px;
        padding: 10px;
        border-color: #c87332;
        z-index: 4000;
        border-radius: 0.5rem;
    }

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

    #app-member ul.menu > li:not(.is-dropdown-submenu-parent) > a {
        padding-right: 0;
        /*text-transform: uppercase*/
    }

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

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

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

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

nav#app-navigation {
    display: block;
    z-index: 1;
    background: 0 0;
    border: none
}

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

        nav#app-navigation li a {
            border-bottom: 2px solid transparent;
            font-size: .9rem;
            padding: 0 10px 8px;
            margin: 0 6px;
            text-align: center
        }

            nav#app-navigation li a[data-toggle]:not(.link-contacts) {
                position: relative;
                padding-right: 25px
            }

                nav#app-navigation li a[data-toggle]:not(.link-contacts):after {
                    position: absolute;
                    top: 50%;
                    right: 5px;
                    margin-top: -10px;
                    font-family: FontAwesome;
                    font-size: 20px;
                    content: "";
                    transition: transform .2s
                }

                nav#app-navigation li a[data-toggle]:not(.link-contacts).hover:after {
                    top: 50%;
                    transform: rotateX(180deg)
                }

#app-subnavigation {
    position: absolute;
    left: 0;
    width: 100%
}

    #app-subnavigation .dropdown-pane {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        border-top: 3px solid #ebdf81;
        border-bottom: 2px solid #ebdf81;
        background-color: #dca967;
        background: -webkit-gradient(linear,left top,left bottom,#dca967,#ca985b,#fde9b3,#daa765);
        background: -webkit-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
        background: -moz-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
        background: -ms-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765);
        background: -o-linear-gradient(top,#dca967,#ca985b,#fde9b3,#daa765)
    }

    #app-subnavigation ul.menu a {
        color: #000;
        text-transform: uppercase
    }

        #app-subnavigation ul.menu a:hover {
            color: #000
        }

nav#mobile-navigation {
    background-color: #000;
    border: 1px solid #dca967 !important;
    color: #000 !important
}

    nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent:first-of-type > a:first-of-type {
        padding: 1rem;
        font-size: 1.3rem
    }

        nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent:first-of-type > a:first-of-type::after {
            border: none;
            font-family: FontAwesome;
            content: "";
            margin-top: -8px;
            right: 2rem
        }

    nav#mobile-navigation > ul.accordion-menu > li.is-accordion-submenu-parent[aria-expanded=true]:first-of-type > a:first-of-type::after {
        transform: none;
        transform-origin: unset;
        content: ""
    }

    nav#mobile-navigation ul.nested li {
        border-top: 1px solid #dca967
    }

nav#app-navigation i.custom, nav#app-navigation i.fa, nav#app-navigation i.flxf {
    display: block;
    margin-right: auto
}

nav#app-navigation li i.custom, nav#app-navigation li i.fa, nav#app-navigation li i.flxf, nav#app-subnavigation li i.custom, nav#app-subnavigation li i.fa, nav#app-subnavigation li i.flxf, nav#mobile-navigation li i.custom, nav#mobile-navigation li i.fa, nav#mobile-navigation li i.flxf {
    margin-bottom: 6px;
    margin-left: auto;
    text-align: center;
    font-size: 1.2rem;
    color: #989898
}

nav#app-navigation li i.custom, nav#app-navigation li i.custom-line, nav#app-subnavigation li i.custom, nav#app-subnavigation li i.custom-line, nav#mobile-navigation li i.custom, nav#mobile-navigation li i.custom-line {
    background: url(../Contents/Contact/THB/icon-line.png) 0 0/20px auto no-repeat;
    width: 20px;
    height: 20px
}

nav#app-navigation li a, nav#app-subnavigation li a, nav#mobile-navigation li a {
    color: #E0E0E0;
    /*text-transform: uppercase*/
}

    nav#app-navigation li a.link-contacts, nav#app-subnavigation li a.link-contacts, nav#mobile-navigation li a.link-contacts {
        -webkit-animation: 1s infinite contacts-blink
    }

    nav#app-navigation li a.hover.link-contacts, nav#app-navigation li a:hover.link-contacts, nav#app-navigation li.is-active a.link-contacts, nav#app-subnavigation li a.hover.link-contacts, nav#app-subnavigation li a:hover.link-contacts, nav#app-subnavigation li.is-active a.link-contacts, nav#mobile-navigation li a.hover.link-contacts, nav#mobile-navigation li a:hover.link-contacts, nav#mobile-navigation li.is-active a.link-contacts {
        -webkit-animation: none
    }

        nav#app-navigation li a.hover.link-contacts i.custom-line, nav#app-navigation li a.hover.link-contacts i.fa-whatsapp, nav#app-navigation li a:hover.link-contacts i.custom-line, nav#app-navigation li a:hover.link-contacts i.fa-whatsapp, nav#app-navigation li.is-active a.link-contacts i.custom-line, nav#app-navigation li.is-active a.link-contacts i.fa-whatsapp, nav#app-subnavigation li a.hover.link-contacts i.custom-line, nav#app-subnavigation li a.hover.link-contacts i.fa-whatsapp, nav#app-subnavigation li a:hover.link-contacts i.custom-line, nav#app-subnavigation li a:hover.link-contacts i.fa-whatsapp, nav#app-subnavigation li.is-active a.link-contacts i.custom-line, nav#app-subnavigation li.is-active a.link-contacts i.fa-whatsapp, nav#mobile-navigation li a.hover.link-contacts i.custom-line, nav#mobile-navigation li a.hover.link-contacts i.fa-whatsapp, nav#mobile-navigation li a:hover.link-contacts i.custom-line, nav#mobile-navigation li a:hover.link-contacts i.fa-whatsapp, nav#mobile-navigation li.is-active a.link-contacts i.custom-line, nav#mobile-navigation li.is-active a.link-contacts i.fa-whatsapp {
            -webkit-animation: .5s linear contact-hover
        }

nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
    font-size: .9em;
    font-weight: 700;
    text-transform: none;
    z-index: 100;
    right: -5px;
    color: red;
    -webkit-animation: 2s infinite new-page_colorchange
}

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

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

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

    nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
        display: inline-block
    }
}

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

    50% {
        color: orange
    }
}

@keyframes contacts-blink {
    0% {
        -webkit-filter: none;
        filter: none
    }

    100%,50% {
        -webkit-filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(0.8);
        filter: grayscale(100%) brightness(85%) sepia(100%) hue-rotate(50deg) saturate(4) contrast(.8)
    }
}

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

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

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

        #app-regionCulture a span {
            color: #989898;
            border-left: 1px solid #fff;
            padding-left: 10px;
            vertical-align: middle
        }

#modal-regionCulture .culture-container {
    margin-bottom: 15px
}

    #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-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/region/my.webp)
    }

    i.region.region-th {
        background-image: url(../assets/img/region/th.webp)
    }

    i.region.region-sg {
        background-image: url(../assets/img/region/sg.webp)
    }

    i.region.region-id {
        background-image: url(../assets/img/region/id.webp)
    }

    i.region.region-ph {
        background-image: url(../assets/img/region/ph.webp)
    }

#widget-container {
    /*border: 2px solid #ad7c00;*/
    /*box-shadow: 0 0 10px #ad7c00;*/
    border-right: none;
    /*background: #140e00;*/
    margin-top: -8%;
    top: 50%;
    right: 0;
    width: 80px
}

    #widget-container .fxc-row {
        /*border-bottom: 2px solid #c78f00;*/
        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: #c87332;
            /*background-color: #614500*/
        }

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

            #widget-container .fxc-row i.widget {
                background: url(../assets/img/common/icon-sprite.webp) 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-contact {
                    background-position: -90px -1px;
                    width: 28px;
                    height: 28px
                }

    #widget-container #link-whatsapp {
        color: #25d366
    }

        #widget-container #link-line:hover i, #widget-container #link-whatsapp:hover i {
            animation: .5s ease-out contact-hover
        }

    #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) 0 0/33px auto no-repeat;
            width: 33px;
            height: 33px;
            display: inline-block
        }

#widget-line-container {
    height: 160px;
    width: 50px;
    background-color: #00e600;
    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 .widget-line i.custom, #widget-line-container a .widget-line i.custom-line {
        background: url(../Contents/Contact/THB/icon-line.png) 0 0/33px auto no-repeat;
        width: 33px;
        height: 33px;
        display: inline-block;
        margin-left: 7px
    }

    #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-dailyreward-container {
    position: fixed;
    display: flex;
    height: 120px;
    width: 100px;
    z-index: 10;
    bottom: 0;
    flex-direction: column
}

    .widget-dailyreward-container i.icon {
        display: block;
        height: 120px;
        width: 120px
    }

        .widget-dailyreward-container i.icon.dailyreward-icon {
            background: url(../assets/img/angpao/dailyreward-icon.gif) center/contain no-repeat
        }

    .widget-dailyreward-container .dailyreward-close-button {
        cursor: pointer;
        margin: 10px 0
    }

        .widget-dailyreward-container .dailyreward-close-button span {
            background-color: #fff;
            color: #000;
            opacity: .7;
            font-weight: 700;
            border-radius: 25px;
            padding: 0 15px
        }

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

    .media-object.stack-for-small .media-object-section {
        padding: 0 0 1rem;
        display: block
    }

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

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

    .hide-for-small-only, .show-for-medium {
        display: none !important
    }

    .widget-dailyreward-container {
        bottom: 45px
    }
}

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 contact-hover {
    0%,100% {
        transform: translateX(0)
    }

    10%,50%,90% {
        transform: translateX(2px)
    }

    30%,70% {
        transform: translateX(-2px)
    }
}

@font-face {
    /*font-family: avertastd-regular;
    src: url(../assets/fonts/AvertaStd-Regular.ttf);*/
    /*font-display: swap*/
}

body, form, html {
    font-family: avertastd-regular;
    /*height: 100%*/
}

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

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

:active, :focus {
    outline-style: none
}

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 0 infinite fa-spin;
            display: inline-block;
            margin-left: 5px
        }

    section.walletBalance-container ul:last-of-type {
        /*margin: .5rem 0;*/
        /*border-top: 1px solid #473300*/
    }

#createSecurityCode-container .confirmSecurityCodeBox, #createSecurityCode-container .securityCodeBox, #modal-securityCode .confirmSecurityCodeBox, #modal-securityCode .securityCodeBox {
    display: inline-block;
    width: 40px;
    margin-right: 5px
}

.card.card-promotion {
    position: relative;
    border: 1px solid #020003;
    background: unset
}

    .card.card-promotion .card-title {
        color: #000;
        background: #ebdf81;
        display: block;
        padding: 5px 10px;
        font-weight: 700
    }

    .card.card-promotion .card-actions {
        position: absolute;
        right: 10px;
        bottom: 10px;
        opacity: 0;
        transition: opacity .2s;
        will-change: opacity
    }

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

.card.card-game {
    background: 0 0;
    border: none;
    position: relative;
    height: 180px;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    transition: box-shadow .2s ease-in;
    border-radius: 10px
}

    .card.card-game .card-title {
        border: 1px solid #ff8a00;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #000;
        background: #FFBD01;
        box-shadow: 0 0 15px #ff8a00;
        position: absolute;
        bottom: -100%;
        display: block;
        width: 100%;
        padding: 5px 0;
        font-weight: 800;
        text-align: center;
        font-size: 0.8rem;
        transition: bottom .2s;
        z-index: 2
    }

    .card.card-game:hover .card-title {
        bottom: 0%;
    }

    .card.card-game .card-actions {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 100px 0 0;
        text-align: center;
        opacity: 0;
        transition: opacity .2s;
        z-index: 1
    }

        .card.card-game .card-actions button {
            display: block;
            font-size: .8em;
            margin: 0 auto 1rem
        }

            .card.card-game .card-actions button.button-play {
                font-size: 1.2em;
                text-transform: uppercase;
                margin-top: 2rem;
            }

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

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

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

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

section#footer-nav i.provider, section#footer-provider i.provider, section#product-filter i.provider {
    background: url(../assets/img/common/provider-sprite665c.webp) no-repeat;
    display: inline-block;
    height: 38px;
    background-position-y: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    section#footer-nav i.provider.provider-EVGM, section#footer-provider i.provider.provider-EVGM, section#product-filter i.provider.provider-EVGM {
        background-position-x: -4720px;
        width: 177px
    }

    section#footer-nav i.provider.provider-MB88, section#footer-provider i.provider.provider-MB88, section#product-filter i.provider.provider-MB88 {
        background-position-x: -4915px;
        width: 115px
    }

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

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

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

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

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

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

    section#footer-nav i.provider.provider-CMD3, section#footer-provider i.provider.provider-CMD3, section#product-filter i.provider.provider-CMD3 {
        background-position-x: -7538px;
        width: 80px
    }

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

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

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

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

html[data-whatintent=touch] section#product-filter button.is-active i.provider, section#product-filter button.is-active i.provider, section#product-filter button:hover i.provider {
    background-position-y: -39px
}

html[data-whatintent=touch] section#product-filter button:hover i.provider {
    background-position-y: 0
}

section#product-body .card-favourite {
    position: absolute;
    display: block;
    width: 100%;
    text-align: right;
    z-index: 3
}

    section#product-body .card-favourite .fa-heart {
        font-size: 1.2rem;
        color: #fff;
        padding: 5px;
        cursor: pointer
    }

        section#product-body .card-favourite .fa-heart.active {
            color: red
        }

        section#product-body .card-favourite .fa-heart:hover {
            animation: .5s infinite zoominout;
            -ms-animation: zoominout 0.5s infinite;
            -moz-animation: .5s infinite zoominout;
            -webkit-animation: .5s infinite zoominout;
            -o-animation: .5s infinite zoominout
        }

section.article-container {
    text-align: justify;
    background-color: #000;
    color: #a8a8a8;
    padding-top: .5rem;
    padding-bottom: 1rem
}

    section.article-container ol#article-tabs {
        counter-reset: li
    }

        section.article-container ol#article-tabs, section.article-container ol#article-tabs li, section.article-container ol#article-tabs li a {
            border: none;
            background: 0 0
        }

            section.article-container ol#article-tabs li.tabs-title > a {
                padding: .8rem 3rem
            }

            section.article-container ol#article-tabs li a {
                padding-left: 50px;
                color: #ccc
            }

                section.article-container ol#article-tabs li a::before {
                    top: 50%;
                    left: .5rem;
                    right: auto;
                    content: counter(li);
                    counter-increment: li;
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    margin-top: -15px;
                    border-radius: 15px;
                    text-align: center;
                    background: #b3b3b3;
                    color: #333;
                    transition: background .2s,color .2s
                }

                section.article-container ol#article-tabs li a span {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    width: 150px;
                    display: inline-block
                }

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

    #app-member div.view-anonymous {
        padding-bottom: 21px
    }

    #app-member div.view-member {
        padding-bottom: 16px
    }

    nav#app-navigation li .new-page, nav#app-subnavigation li .new-page, nav#mobile-navigation li .new-page {
        top: .6em;
        position: absolute
    }

    section.article-container ol#article-tabs li a span {
        font-size: .9rem;
        line-height: 20px;
        width: 210px
    }
}

section.article-container ol#article-tabs li.is-active a::before, section.article-container ol#article-tabs li:hover a::before {
    background: #ebdf81;
    color: #000
}

section.article-container div.tabs-content {
    background: 0 0;
    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: #ebdf81;
        text-decoration: underline;
        font-size: 12px
    }

    section.article-container div.tabs-content a.tabs-navigation {
        color: #a8a8a8;
        font-weight: 700
    }

        section.article-container div.tabs-content a.tabs-navigation i {
            margin: 0 5px;
            transition: margin .2s
        }

        section.article-container div.tabs-content a.tabs-navigation.pull-left:hover i {
            margin: 0 10px 0 0
        }

        section.article-container div.tabs-content a.tabs-navigation.pull-right:hover i {
            margin: 0 0 0 10px
        }

section.article-container.blog-page[data-page^=Blog] div.tabs-content article {
    background-color: #000
}

    section.article-container.blog-page[data-page^=Blog] div.tabs-content article h1.articleContent-title {
        font-size: 1.3rem;
        color: #ebdf81;
        border-bottom: 1px solid #f9f5d9;
        font-weight: 700
    }

#announcement-modal-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

#announcement-modal-container table td, #announcement-modal-container table th, #modal-offlinebankingschedule table td, #modal-offlinebankingschedule table th, #modal-promotionTnc table td, #modal-promotionTnc table th, #modal-rewardTnc table td, #modal-rewardTnc table th, section.article-container table td, section.article-container table th {
    border: 1px solid #000
}

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: #c87332;
}

.row, .row:not(.expanded) .row {
    max-width: 90rem
}

.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
    height: 2rem
}

html.headroom--not-top #app-magellan {
    transform: scale(1)
}

#app-magellan {
    bottom: 3vh;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    transform: scale(0);
    transition: transform .2s ease-in
}

    #app-magellan a {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        background-clip: padding-box;
        display: inline-block;
        width: 44px;
        height: 44px;
        text-align: center
    }

        #app-magellan a i {
            line-height: 44px
        }

.intimidatetime .intimidatetime-buttons button {
    background-color: #ebdf81;
    color: #020003;
    border: 1px solid #020003;
    -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.is-active {
        background-color: #020003;
        color: #000;
        border: 1px solid #020003
    }

.article-container table {
    display: block;
    overflow: auto
}

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

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

html[data-theme=cny] nav#app-navigation i.custom, html[data-theme=cny] nav#app-navigation i.fa, html[data-theme=cny] nav#app-navigation i.flxf, html[data-theme=cny] nav#mobile-navigation i.custom, html[data-theme=cny] nav#mobile-navigation i.fa, html[data-theme=cny] nav#mobile-navigation i.flxf {
    font-size: 0;
    background: url(../assets/img/theme/cny/nav-sprite-2.png) no-repeat;
    width: 34px;
    height: 34px
}

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-home, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-home {
        background-position: -9px -8px;
        background-size: 150%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-casino, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-casino {
        background-position: -4px -44px;
        background-size: 120%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-sport, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-sport {
        background-position: -9px -110px;
        background-size: 150%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-slot, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-slot {
        background-position: -9px -160px;
        background-size: 150%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-keno, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-keno {
        background-position: -13px -242px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-poker, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-poker {
        background-position: -12px -298px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-surprise, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-surprise {
        background-position: -12px -355px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-download, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-download {
        background-position: -12px -412px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-promo, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-promo {
        background-position: -12px -474px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-blog, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-blog {
        background-position: -4px -410px;
        background-size: 120%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-mypromo, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-mypromo {
        background-position: -12px -530px;
        background-size: 170%
    }

    html[data-theme=cny] nav#app-navigation i.flxf.flxf-score, html[data-theme=cny] nav#mobile-navigation i.flxf.flxf-score {
        background-position: -12px -644px;
        background-size: 170%
    }

html[data-theme=cny] nav#app-navigation i.fa, html[data-theme=cny] nav#mobile-navigation i.fa {
    font-size: 0;
    background: url(../assets/img/theme/christmas/nav-sprite.png) 0 0/150% no-repeat;
    width: 34px;
    height: 34px
}

    html[data-theme=cny] nav#app-navigation i.fa.fa-whatsapp, html[data-theme=cny] nav#mobile-navigation i.fa.fa-whatsapp {
        background-position: -9px -515px
    }

    html[data-theme=christmas] nav#app-navigation i.fa.fa-users, html[data-theme=christmas] nav#mobile-navigation i.fa.fa-users, html[data-theme=cny] nav#app-navigation i.fa.fa-users, html[data-theme=cny] nav#mobile-navigation i.fa.fa-users {
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 1.8rem;
        background: 0 0;
        color: gold
    }

html[data-theme=cny] nav#app-navigation i.custom, html[data-theme=cny] nav#mobile-navigation i.custom {
    margin-bottom: 5px;
    font-size: 0;
    background: url(../assets/img/theme/cny/nav-sprite.png) 0 0/130% no-repeat;
    width: 34px;
    height: 34px
}

    html[data-theme=cny] nav#app-navigation i.custom.custom-line, html[data-theme=cny] nav#mobile-navigation i.custom.custom-line {
        background-position: -4px -301px
    }

html[data-theme=christmas] nav#app-navigation i.custom, html[data-theme=christmas] nav#app-navigation i.fa, html[data-theme=christmas] nav#app-navigation i.flxf, html[data-theme=christmas] nav#mobile-navigation i.custom, html[data-theme=christmas] nav#mobile-navigation i.fa, html[data-theme=christmas] nav#mobile-navigation i.flxf {
    font-size: 0;
    background: url(../assets/img/theme/christmas/nav-sprite.png) 0 0/120% no-repeat;
    width: 45px;
    height: 45px
}

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-home, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-home {
        background-position: -5px -5px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-casino, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-casino {
        background-position: -5px -59px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-sport, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-sport {
        background-position: -5px -117px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-slot, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-slot {
        background-position: -5px -166px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-keno, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-keno {
        background-position: -5px -223px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-poker, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-poker {
        background-position: -5px -272px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-surprise, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-surprise {
        background-position: -5px -329px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-download, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-download {
        background-position: -5px -383px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-promo, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-promo {
        background-position: -5px -437px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-blog, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-blog {
        background-position: -5px -491px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-mypromo, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-mypromo {
        background-position: -5px -598px
    }

    html[data-theme=christmas] nav#app-navigation i.flxf.flxf-score, html[data-theme=christmas] nav#mobile-navigation i.flxf.flxf-score {
        background-position: -5px -654px
    }

    html[data-theme=christmas] nav#app-navigation i.fa.fa-whatsapp, html[data-theme=christmas] nav#mobile-navigation i.fa.fa-whatsapp {
        background-position: -5px -544px
    }

html[data-theme=christmas] nav#app-navigation i.custom, html[data-theme=christmas] nav#mobile-navigation i.custom {
    margin-bottom: 5px;
    font-size: 0;
    background: url(../assets/img/theme/cny/nav-sprite.png) 0 0/130% no-repeat;
    width: 45px;
    height: 45px
}

    html[data-theme=christmas] nav#app-navigation i.custom.custom-line, html[data-theme=christmas] nav#mobile-navigation i.custom.custom-line {
        background-position: -3px -399px
    }