ul.accordion {
    margin-left: 0 !important
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

a {
    background-color: rgba(0, 0, 0, 0)
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

.header-main h1{
    text-align: center;
}

.header-main .align-middle{
    height: fit-content;
}


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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus {
    outline: none
}

[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

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

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

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

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: rgba(0, 0, 0, .75);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    line-height: 1;
    cursor: auto
}

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

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button, input, optgroup, select, textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 76.25rem;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 40em) {
    .grid-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 40em) {
    .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    flex: 1 1 0
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x > .auto {
    width: auto
}

.grid-x > .shrink {
    width: auto
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
        flex-basis: auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
        flex-basis: auto
    }
}

@media screen and (min-width: 75em) {
    .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
        flex-basis: auto
    }
}

.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
    flex: 0 0 auto
}

.grid-x > .small-1 {
    width: 8.3333333333%
}

.grid-x > .small-2 {
    width: 16.6666666667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.3333333333%
}

.grid-x > .small-5 {
    width: 41.6666666667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.3333333333%
}

.grid-x > .small-8 {
    width: 66.6666666667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.3333333333%
}

.grid-x > .small-11 {
    width: 91.6666666667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print, screen and (min-width: 40em) {
    .grid-x > .medium-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
        flex: 0 0 auto
    }

    .grid-x > .medium-shrink {
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.3333333333%
    }

    .grid-x > .medium-2 {
        width: 16.6666666667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.3333333333%
    }

    .grid-x > .medium-5 {
        width: 41.6666666667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.3333333333%
    }

    .grid-x > .medium-8 {
        width: 66.6666666667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.3333333333%
    }

    .grid-x > .medium-11 {
        width: 91.6666666667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x > .large-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
        flex: 0 0 auto
    }

    .grid-x > .large-shrink {
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.3333333333%
    }

    .grid-x > .large-2 {
        width: 16.6666666667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.3333333333%
    }

    .grid-x > .large-5 {
        width: 41.6666666667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.3333333333%
    }

    .grid-x > .large-8 {
        width: 66.6666666667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.3333333333%
    }

    .grid-x > .large-11 {
        width: 91.6666666667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .grid-x > .xlarge-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
        flex: 0 0 auto
    }

    .grid-x > .xlarge-shrink {
        width: auto
    }

    .grid-x > .xlarge-1 {
        width: 8.3333333333%
    }

    .grid-x > .xlarge-2 {
        width: 16.6666666667%
    }

    .grid-x > .xlarge-3 {
        width: 25%
    }

    .grid-x > .xlarge-4 {
        width: 33.3333333333%
    }

    .grid-x > .xlarge-5 {
        width: 41.6666666667%
    }

    .grid-x > .xlarge-6 {
        width: 50%
    }

    .grid-x > .xlarge-7 {
        width: 58.3333333333%
    }

    .grid-x > .xlarge-8 {
        width: 66.6666666667%
    }

    .grid-x > .xlarge-9 {
        width: 75%
    }

    .grid-x > .xlarge-10 {
        width: 83.3333333333%
    }

    .grid-x > .xlarge-11 {
        width: 91.6666666667%
    }

    .grid-x > .xlarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem
}

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

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }
}

.grid-margin-x > .auto {
    max-width: 75px;
}

.grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
        width: auto
    }

    .grid-margin-x > .shrink {
        width: auto
    }

    .grid-margin-x > .small-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto {
        width: auto
    }

    .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
        width: auto
    }

    .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-margin-x > .xlarge-auto {
        width: auto
    }

    .grid-margin-x > .xlarge-shrink {
        width: auto
    }

    .grid-margin-x > .xlarge-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .xlarge-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .xlarge-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .xlarge-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem
    }
}

.grid-padding-x > .cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.3333333333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.6666666667%
}

.small-up-7 > .cell {
    width: 14.2857142857%
}

.small-up-8 > .cell {
    width: 12.5%
}

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

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.3333333333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.6666666667%
    }

    .medium-up-7 > .cell {
        width: 14.2857142857%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

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

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.3333333333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.6666666667%
    }

    .large-up-7 > .cell {
        width: 14.2857142857%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width: 75em) {
    .xlarge-up-1 > .cell {
        width: 100%
    }

    .xlarge-up-2 > .cell {
        width: 50%
    }

    .xlarge-up-3 > .cell {
        width: 33.3333333333%
    }

    .xlarge-up-4 > .cell {
        width: 25%
    }

    .xlarge-up-5 > .cell {
        width: 20%
    }

    .xlarge-up-6 > .cell {
        width: 16.6666666667%
    }

    .xlarge-up-7 > .cell {
        width: 14.2857142857%
    }

    .xlarge-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-margin-x.xlarge-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

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

.small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse > .small-1 {
    width: 8.3333333333%
}

.small-margin-collapse > .small-2 {
    width: 16.6666666667%
}

.small-margin-collapse > .small-3 {
    width: 25%
}

.small-margin-collapse > .small-4 {
    width: 33.3333333333%
}

.small-margin-collapse > .small-5 {
    width: 41.6666666667%
}

.small-margin-collapse > .small-6 {
    width: 50%
}

.small-margin-collapse > .small-7 {
    width: 58.3333333333%
}

.small-margin-collapse > .small-8 {
    width: 66.6666666667%
}

.small-margin-collapse > .small-9 {
    width: 75%
}

.small-margin-collapse > .small-10 {
    width: 83.3333333333%
}

.small-margin-collapse > .small-11 {
    width: 91.6666666667%
}

.small-margin-collapse > .small-12 {
    width: 100%
}

@media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .medium-3 {
        width: 25%
    }

    .small-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .medium-6 {
        width: 50%
    }

    .small-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .medium-9 {
        width: 75%
    }

    .small-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .large-3 {
        width: 25%
    }

    .small-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .large-6 {
        width: 50%
    }

    .small-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .large-9 {
        width: 75%
    }

    .small-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .small-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .small-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .small-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .small-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
}

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

    .medium-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 40em) {
    .medium-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .small-3 {
        width: 25%
    }

    .medium-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .small-6 {
        width: 50%
    }

    .medium-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .small-9 {
        width: 75%
    }

    .medium-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .small-12 {
        width: 100%
    }
}

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

    .medium-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .large-3 {
        width: 25%
    }

    .medium-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .large-6 {
        width: 50%
    }

    .medium-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .large-9 {
        width: 75%
    }

    .medium-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .medium-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

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

    .medium-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .small-3 {
        width: 25%
    }

    .large-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .small-6 {
        width: 50%
    }

    .large-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .small-9 {
        width: 75%
    }

    .large-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .medium-3 {
        width: 25%
    }

    .large-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .medium-6 {
        width: 50%
    }

    .large-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .medium-9 {
        width: 75%
    }

    .large-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .medium-12 {
        width: 100%
    }
}

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

    .large-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .large-3 {
        width: 25%
    }

    .large-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .large-6 {
        width: 50%
    }

    .large-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .large-9 {
        width: 75%
    }

    .large-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .large-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .large-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .large-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .large-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 75em) {
    .xlarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 75em) {
    .xlarge-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .small-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .small-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .small-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .small-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .xlarge-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .xlarge-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .large-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .large-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .large-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .xlarge-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 75em) {
    .xlarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

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

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem / 2)
}

@media print, screen and (min-width: 40em) {
    .medium-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media print, screen and (min-width: 64em) {
    .large-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media screen and (min-width: 75em) {
    .xlarge-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .xlarge-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

    .xlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x > .xlarge-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .xlarge-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .xlarge-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .xlarge-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .xlarge-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .xlarge-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .xlarge-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .xlarge-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x > .xlarge-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .xlarge-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .xlarge-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

.grid-y {
    display: flex;
    flex-flow: column nowrap
}

.grid-y > .cell {
    height: auto;
    max-height: none
}

.grid-y > .auto {
    height: auto
}

.grid-y > .shrink {
    height: auto
}

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        flex-basis: auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
        flex-basis: auto
    }
}

@media screen and (min-width: 75em) {
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
        flex-basis: auto
    }
}

.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
    flex: 0 0 auto
}

.grid-y > .small-1 {
    height: 8.3333333333%
}

.grid-y > .small-2 {
    height: 16.6666666667%
}

.grid-y > .small-3 {
    height: 25%
}

.grid-y > .small-4 {
    height: 33.3333333333%
}

.grid-y > .small-5 {
    height: 41.6666666667%
}

.grid-y > .small-6 {
    height: 50%
}

.grid-y > .small-7 {
    height: 58.3333333333%
}

.grid-y > .small-8 {
    height: 66.6666666667%
}

.grid-y > .small-9 {
    height: 75%
}

.grid-y > .small-10 {
    height: 83.3333333333%
}

.grid-y > .small-11 {
    height: 91.6666666667%
}

.grid-y > .small-12 {
    height: 100%
}

@media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
        flex: 0 0 auto
    }

    .grid-y > .medium-shrink {
        height: auto
    }

    .grid-y > .medium-1 {
        height: 8.3333333333%
    }

    .grid-y > .medium-2 {
        height: 16.6666666667%
    }

    .grid-y > .medium-3 {
        height: 25%
    }

    .grid-y > .medium-4 {
        height: 33.3333333333%
    }

    .grid-y > .medium-5 {
        height: 41.6666666667%
    }

    .grid-y > .medium-6 {
        height: 50%
    }

    .grid-y > .medium-7 {
        height: 58.3333333333%
    }

    .grid-y > .medium-8 {
        height: 66.6666666667%
    }

    .grid-y > .medium-9 {
        height: 75%
    }

    .grid-y > .medium-10 {
        height: 83.3333333333%
    }

    .grid-y > .medium-11 {
        height: 91.6666666667%
    }

    .grid-y > .medium-12 {
        height: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
        flex: 0 0 auto
    }

    .grid-y > .large-shrink {
        height: auto
    }

    .grid-y > .large-1 {
        height: 8.3333333333%
    }

    .grid-y > .large-2 {
        height: 16.6666666667%
    }

    .grid-y > .large-3 {
        height: 25%
    }

    .grid-y > .large-4 {
        height: 33.3333333333%
    }

    .grid-y > .large-5 {
        height: 41.6666666667%
    }

    .grid-y > .large-6 {
        height: 50%
    }

    .grid-y > .large-7 {
        height: 58.3333333333%
    }

    .grid-y > .large-8 {
        height: 66.6666666667%
    }

    .grid-y > .large-9 {
        height: 75%
    }

    .grid-y > .large-10 {
        height: 83.3333333333%
    }

    .grid-y > .large-11 {
        height: 91.6666666667%
    }

    .grid-y > .large-12 {
        height: 100%
    }
}

@media screen and (min-width: 75em) {
    .grid-y > .xlarge-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
        flex: 0 0 auto
    }

    .grid-y > .xlarge-shrink {
        height: auto
    }

    .grid-y > .xlarge-1 {
        height: 8.3333333333%
    }

    .grid-y > .xlarge-2 {
        height: 16.6666666667%
    }

    .grid-y > .xlarge-3 {
        height: 25%
    }

    .grid-y > .xlarge-4 {
        height: 33.3333333333%
    }

    .grid-y > .xlarge-5 {
        height: 41.6666666667%
    }

    .grid-y > .xlarge-6 {
        height: 50%
    }

    .grid-y > .xlarge-7 {
        height: 58.3333333333%
    }

    .grid-y > .xlarge-8 {
        height: 66.6666666667%
    }

    .grid-y > .xlarge-9 {
        height: 75%
    }

    .grid-y > .xlarge-10 {
        height: 83.3333333333%
    }

    .grid-y > .xlarge-11 {
        height: 91.6666666667%
    }

    .grid-y > .xlarge-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-padding-y > .cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
}

@media print, screen and (min-width: 40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container > .grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print, screen and (min-width: 64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container > .grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 75em) {
    .xlarge-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .xlarge-grid-frame {
        width: 100%
    }

    .xlarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .xlarge-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .xlarge-cell-block-container > .grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .xlarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
}

@media print, screen and (min-width: 40em) {
    .grid-y.medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y.large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 75em) {
    .grid-y.xlarge-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print, screen and (min-width: 40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 75em) {
    .cell .grid-y.xlarge-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 75em) {
    .grid-margin-y.xlarge-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

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

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

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: 600;
    line-height: inherit
}

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

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

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

h1, .h1 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

h2, .h2 {
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

h3, .h3 {
    font-size: 1.1875rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

h5, .h5 {
    font-size: 1.0625rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

h6, .h6 {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem
}

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

    h2, .h2 {
        font-size: 1.75rem
    }

    h3, .h3 {
        font-size: 1.5rem
    }

    h4, .h4 {
        font-size: 1.375rem
    }

    h5, .h5 {
        font-size: 1.25rem
    }

    h6, .h6 {
        font-size: 1rem
    }
}

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

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

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 76.25rem;
    height: 0;
    margin: 1.25rem auto .9375rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(27, 10, 127, .04);
    border-left: 0
}

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

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

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

dl {
    margin-bottom: 1rem
}

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

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
}

abbr, abbr[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #000;
    border-radius: 10px
}

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

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

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

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

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

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

.cite-block:before, cite:before {
    content: "— "
}

.code-inline, code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #000;
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #000;
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

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

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

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

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

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

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

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

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

@media screen and (min-width: 75em) {
    .xlarge-text-left {
        text-align: left
    }

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

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

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

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

@media print {
    * {
        background: rgba(0, 0, 0, 0) !important;
        color: #000 !important;
        -webkit-print-color-adjust: economy;
        print-color-adjust: economy;
        box-shadow: none !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 {
        display: table-cell !important
    }

    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^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

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

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

    .print-break-inside {
        page-break-inside: auto
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: .875rem 2.125rem;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: inherit;
    font-size: 1.1875rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer
}

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

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

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

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

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

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #78be21;
    color: #fff
}

.button:hover, .button:focus {
    background-color: #66a21c;
    color: #fff
}

.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
    background-color: #78be21;
    color: #000
}

.button.primary:hover, .button.primary:focus {
    background-color: #95dd3b;
    color: #000
}

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

.button.secondary:hover, .button.secondary:focus {
    background-color: #d65c5c;
    color: #fff
}

.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
    background-color: #66bb6a;
    color: #000
}

.button.success:hover, .button.success:focus {
    background-color: #85c988;
    color: #000
}

.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
    background-color: #2196f3;
    color: #000
}

.button.warning:hover, .button.warning:focus {
    background-color: #4dabf5;
    color: #000
}

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

.button.alert:hover, .button.alert:focus {
    background-color: #ff675d;
    color: #000
}

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

.button.white:hover, .button.white:focus {
    background-color: #fefefe;
    color: #000
}

.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
    background-color: rgba(0, 0, 0, 0)
}

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
    border: 2px solid #78be21;
    color: #78be21
}

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

.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
    border: 2px solid #78be21;
    color: #78be21
}

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

.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
    border: 2px solid #c33;
    color: #c33
}

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

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
    border: 2px solid #66bb6a;
    color: #66bb6a
}

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

.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
    border: 2px solid #2196f3;
    color: #2196f3
}

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

.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
    border: 2px solid #ff4135;
    color: #ff4135
}

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

.button.hollow.white, .button.hollow.white.disabled, .button.hollow.white[disabled], .button.hollow.white.disabled:hover, .button.hollow.white[disabled]:hover, .button.hollow.white.disabled:focus, .button.hollow.white[disabled]:focus {
    border: 2px solid #fefefe;
    color: #fefefe
}

.button.hollow.white:hover, .button.hollow.white:focus {
    border-color: #fff;
    color: #fff
}

.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0)
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
    color: #78be21
}

.button.clear:hover, .button.clear:focus {
    color: #bdea85
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
    color: #78be21
}

.button.clear.primary:hover, .button.clear.primary:focus {
    color: #bdea85
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
    color: #c33
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
    color: #e69999
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
    color: #66bb6a
}

.button.clear.success:hover, .button.clear.success:focus {
    color: #b3ddb5
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
    color: #2196f3
}

.button.clear.warning:hover, .button.clear.warning:focus {
    color: #90cbf9
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
    color: #ff4135
}

.button.clear.alert:hover, .button.clear.alert:focus {
    color: #ffa09a
}

.button.clear.white, .button.clear.white.disabled, .button.clear.white[disabled], .button.clear.white.disabled:hover, .button.clear.white[disabled]:hover, .button.clear.white.disabled:focus, .button.clear.white[disabled]:focus {
    color: #fefefe
}

.button.clear.white:hover, .button.clear.white:focus {
    color: #fff
}

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

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4em;
    content: "";
    border-bottom-width: 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 2.125rem
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #78be21
}

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #78be21
}

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #c33
}

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #66bb6a
}

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #2196f3
}

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #ff4135
}

.button.dropdown.hollow.white::after, .button.dropdown.clear.white::after {
    border-top-color: #fefefe
}

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

a.button:hover, a.button:focus {
    text-decoration: none
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 3.375rem;
    margin: 0 0 1rem;
    padding: .96875rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #fff;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

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

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

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

::-moz-placeholder {
    color: #fff
}

::placeholder {
    color: #fff
}

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

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

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

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

[type=file] {
    width: 100%
}

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

label.middle {
    margin: 0 0 1rem;
    line-height: 1.5;
    padding: .5625rem 0
}

.help-text {
    margin-top: -0.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #000
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

.input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 8px 0 0 8px
}

.input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 8px 8px 0
}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #000;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

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

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

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

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

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

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

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

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

select {
    height: 3.375rem;
    margin: 0 0 1rem;
    padding: .96875rem 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .08);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #fff;
    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%28255, 255, 255%29"></polygon></svg>');
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #78be21;
    background-color: rgba(255, 255, 255, .08);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    transition: box-shadow .5s, border-color .25s ease-in-out
}

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

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

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

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

.is-invalid-label {
    color: #ff4135
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 600;
    color: #ff4135
}

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

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

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child > :first-child {
    border-radius: 10px 10px 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 10px 10px
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 2px solid #f6f5fa;
    border-bottom: 0;
    font-size: 1rem;
    line-height: 1;
    color: #000
}

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

.accordion-title:hover, .accordion-title:focus {
    background-color: rgba(27, 10, 127, .04)
}

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

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

.accordion-content {
    display: none;
    padding: 1rem;
    border: 2px solid #f6f5fa;
    border-bottom: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, .75)
}

:last-child > .accordion-content:last-child {
    border-bottom: 2px solid #f6f5fa
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #78be21 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem
}

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

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

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #78be21 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded=true]::after {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

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

.menu a, .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

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

.menu input {
    display: inline-block
}

.menu, .menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg {
    text-align: left
}

.menu.expanded li {
    flex: 1 1 0px
}

.menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg {
    text-align: left
}

.menu.simple {
    align-items: center
}

.menu.simple li + li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium-expanded li {
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.large-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large-expanded li {
        flex: 1 1 0px
    }

    .menu.large-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 75em) {
    .menu.xlarge-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.xlarge-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xlarge-expanded li {
        flex: 1 1 0px
    }

    .menu.xlarge-simple li {
        flex: 1 1 0px
    }
}

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

.menu.icons a {
    display: flex
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: flex
}

.menu.icon-left li a, .menu.nested.icon-left li a {
    flex-flow: row nowrap
}

.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a, .menu.nested.icon-right li a {
    flex-flow: row nowrap
}

.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a, .menu.nested.icon-top li a {
    flex-flow: column nowrap
}

.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
    flex-flow: column nowrap
}

.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .is-active > a {
    background: #78be21;
    color: #000
}

.menu .active > a {
    background: #78be21;
    color: #000
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg {
    text-align: right
}

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

.menu.align-center li {
    display: flex;
    justify-content: center
}

.menu.align-center li .submenu li {
    justify-content: flex-start
}

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    justify-content: center
}

.menu-centered > .menu li {
    display: flex;
    justify-content: center
}

.menu-centered > .menu li .submenu li {
    justify-content: flex-start
}

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

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 10px;
    background-color: #11064f;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

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

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

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

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

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

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

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: 5px;
    left: auto;
    margin-top: -3px
}

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

.dropdown.menu > li > a {
    padding: .7rem 1rem
}

.dropdown.menu > li.is-active > a {
    background: rgba(0, 0, 0, 0);
    color: #78be21
}

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

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: rgba(0, 0, 0, 0) #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: auto;
    left: 5px
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c33
}

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

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

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

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: 5px;
        left: auto;
        margin-top: -3px
    }

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

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        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-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: rgba(0, 0, 0, 0) #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c33
    }
}

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

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

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

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: 5px;
        left: auto;
        margin-top: -3px
    }

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

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        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-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: rgba(0, 0, 0, 0) #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c33
    }
}

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

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

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

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: 5px;
        left: auto;
        margin-top: -3px
    }

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

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

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

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

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: rgba(0, 0, 0, 0) #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        right: auto;
        left: 5px
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c33
    }
}

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

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

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

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

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

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

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

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

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

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

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

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: rgba(0, 0, 0, 0) #c33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c33
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: #0c0437
}

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

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

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

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

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

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: #0c0437
}

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

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

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

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

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

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

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

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px)
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, .25)
}

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

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

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, .25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    transform: translateY(-100vh)
}

.off-canvas-content .off-canvas.position-top {
    transform: translateY(-100vh)
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(100vh)
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, .25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    transform: translateY(100vh)
}

.off-canvas-content .off-canvas.position-bottom {
    transform: translateY(100vh)
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-100vh)
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, .25)
}

.off-canvas-content {
    transform: none;
    backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
    transition: transform .5s ease
}

.off-canvas-content.has-transition-push {
    transform: translate(0, 0)
}

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

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

    .position-left.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

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

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

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

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

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

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

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

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

    .position-left.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

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

    .position-right.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

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

    .position-top.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

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

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

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

@media screen and (min-width: 75em) {
    .position-left.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

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

    .position-right.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

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

    .position-top.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

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

    .position-bottom.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

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

@media print, screen and (min-width: 40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

@media print, screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

@media screen and (min-width: 75em) {
    .off-canvas.in-canvas-for-xlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xlarge .close-button {
        display: none
    }
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 10px
}

thead, tbody, tfoot {
    border: 1px solid rgba(27, 10, 127, .08);
    background-color: #fff
}

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

thead {
    background: #f9f9f9;
    color: rgba(0, 0, 0, .75)
}

tfoot {
    background: #f2f2f2;
    color: rgba(0, 0, 0, .75)
}

thead tr, tfoot tr {
    background: rgba(0, 0, 0, 0)
}

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

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

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: rgba(27, 10, 127, .04)
}

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

table.unstriped tbody tr {
    border-bottom: 1px solid rgba(27, 10, 127, .08);
    background-color: #fff
}

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

    table.stack tfoot {
        display: none
    }

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

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

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

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

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

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

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

.table-scroll {
    overflow-x: auto
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print, screen and (max-width: 39.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print, screen and (min-width: 40em)and (max-width: 63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print, screen and (min-width: 64em)and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 75em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 74.99875em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 75em)and (max-width: 89.99875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
}

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

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

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

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

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

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

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .show-for-ie {
        display: block !important
    }

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

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.align-left {
    justify-content: flex-start
}

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

.align-center {
    justify-content: center
}

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

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

.align-left.vertical.menu > li > a {
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    justify-content: center
}

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

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

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

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

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

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

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

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

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

@media screen and (min-width: 75em) {
    .xlarge-order-1 {
        order: 1
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print, screen and (min-width: 40em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print, screen and (min-width: 64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 75em) {
    .xlarge-flex-container {
        display: flex
    }

    .xlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.text-hide {
    font: 0/0 a !important;
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important
}

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-wrap {
    word-wrap: break-word !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-overline {
    text-decoration: overline !important
}

.text-underline {
    text-decoration: underline !important
}

.text-line-through {
    text-decoration: line-through !important
}

.font-wide {
    letter-spacing: .25rem
}

.font-normal {
    font-weight: normal
}

.font-bold {
    font-weight: 600
}

.font-italic {
    font-style: italic !important
}

ul.list-disc {
    list-style-type: disc !important
}

ul.list-circle {
    list-style-type: circle !important
}

ul.list-square {
    list-style-type: square !important
}

ol.list-decimal {
    list-style-type: decimal !important
}

ol.list-lower-alpha {
    list-style-type: lower-alpha !important
}

ol.list-lower-latin {
    list-style-type: lower-latin !important
}

ol.list-lower-roman {
    list-style-type: lower-roman !important
}

ol.list-upper-alpha {
    list-style-type: upper-alpha !important
}

ol.list-upper-latin {
    list-style-type: upper-latin !important
}

ol.list-upper-roman {
    list-style-type: upper-roman !important
}

.rounded {
    border-radius: 5000px !important
}

.rounded .switch-paddle {
    border-radius: 5000px !important
}

.rounded .switch-paddle:after {
    border-radius: 50%
}

.radius {
    border-radius: .1875rem
}

.bordered {
    border: .0625rem solid #cacaca
}

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.arrow-down {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4375rem;
    content: "";
    border-bottom-width: 0;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.arrow-up {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4375rem;
    content: "";
    border-top-width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000
}

.arrow-right {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4375rem;
    content: "";
    border-right-width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000
}

.arrow-left {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4375rem;
    content: "";
    border-left-width: 0;
    border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.separator-center {
    text-align: center !important
}

.separator-center::before, .separator-center::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-center::after {
    clear: both
}

.separator-center::after {
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #78be21;
    margin: 1rem auto 0
}

.separator-left {
    text-align: left !important
}

.separator-left::before, .separator-left::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-left::after {
    clear: both
}

.separator-left::after {
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #78be21;
    margin: 1rem auto 0;
    margin-left: 0 !important
}

.separator-right {
    text-align: right !important
}

.separator-right::before, .separator-right::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-right::after {
    clear: both
}

.separator-right::after {
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #78be21;
    margin: 1rem auto 0;
    margin-right: 0 !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-scroll {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch
}

.overflow-x-scroll {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch
}

.overflow-y-scroll {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch
}

.display-inline {
    display: inline !important
}

.display-inline-block {
    display: inline-block !important
}

.display-block {
    display: block !important
}

.display-table {
    display: table !important
}

.display-table-cell {
    display: table-cell !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-fixed-top {
    position: fixed !important;
    top: 0rem !important;
    right: 0rem !important;
    left: 0rem !important;
    z-index: 975
}

.position-fixed-bottom {
    position: fixed !important;
    right: 0rem !important;
    bottom: 0rem !important;
    left: 0rem !important;
    z-index: 975
}

.border-box {
    box-sizing: border-box !important
}

.border-none {
    border: 0 !important
}

.width-25 {
    width: 25% !important
}

.width-50 {
    width: 50% !important
}

.width-75 {
    width: 75% !important
}

.width-100 {
    width: 100% !important
}

.height-25 {
    height: 25% !important
}

.height-50 {
    height: 50% !important
}

.height-75 {
    height: 75% !important
}

.height-100 {
    height: 100% !important
}

.max-width-100 {
    max-width: 100% !important
}

.max-height-100 {
    max-height: 100% !important
}

.margin-0 {
    margin: 0rem !important
}

.margin-top-0 {
    margin-top: 0rem !important
}

.margin-right-0 {
    margin-right: 0rem !important
}

.margin-bottom-0 {
    margin-bottom: 0rem !important
}

.margin-left-0 {
    margin-left: 0rem !important
}

.margin-horizontal-0 {
    margin-right: 0rem !important;
    margin-left: 0rem !important
}

.margin-vertical-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important
}

.padding-0 {
    padding: 0rem !important
}

.padding-top-0 {
    padding-top: 0rem !important
}

.padding-right-0 {
    padding-right: 0rem !important
}

.padding-bottom-0 {
    padding-bottom: 0rem !important
}

.padding-left-0 {
    padding-left: 0rem !important
}

.padding-horizontal-0 {
    padding-right: 0rem !important;
    padding-left: 0rem !important
}

.padding-vertical-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important
}

.margin-1 {
    margin: 1rem !important
}

.margin-top-1 {
    margin-top: 1rem !important
}

.margin-right-1 {
    margin-right: 1rem !important
}

.margin-bottom-1 {
    margin-bottom: 1rem !important
}

.margin-left-1 {
    margin-left: 1rem !important
}

.margin-horizontal-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.margin-vertical-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.padding-1 {
    padding: 1rem !important
}

.padding-top-1 {
    padding-top: 1rem !important
}

.padding-right-1 {
    padding-right: 1rem !important
}

.padding-bottom-1 {
    padding-bottom: 1rem !important
}

.padding-left-1 {
    padding-left: 1rem !important
}

.padding-horizontal-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.padding-vertical-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.margin-2 {
    margin: 2rem !important
}

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

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

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

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

.margin-horizontal-2 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.margin-vertical-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.padding-2 {
    padding: 2rem !important
}

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

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

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

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

.padding-horizontal-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.padding-vertical-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.margin-3 {
    margin: 3rem !important
}

.margin-top-3 {
    margin-top: 3rem !important
}

.margin-right-3 {
    margin-right: 3rem !important
}

.margin-bottom-3 {
    margin-bottom: 3rem !important
}

.margin-left-3 {
    margin-left: 3rem !important
}

.margin-horizontal-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.margin-vertical-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.padding-3 {
    padding: 3rem !important
}

.padding-top-3 {
    padding-top: 3rem !important
}

.padding-right-3 {
    padding-right: 3rem !important
}

.padding-bottom-3 {
    padding-bottom: 3rem !important
}

.padding-left-3 {
    padding-left: 3rem !important
}

.padding-horizontal-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.padding-vertical-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.svg-sports, .svg-special-offer, .svg-slot-machine-sm, .svg-slot-machine, .svg-roulette, .svg-rocket, .svg-refresh-sm, .svg-refresh, .svg-play, .svg-offer-button, .svg-more-text, .svg-money-sm, .svg-money, .svg-less-text, .svg-internet, .svg-graph, .svg-gift-sm, .svg-gift, .svg-game-controller, .svg-filters-close, .svg-expand-sm, .nav-mobile-menu--list.menu > li .submenu-toggle:before, .svg-expand, .header-main--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml-mobile--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .svg-credit-card, .svg-close, .svg-chip, .svg-checkbox, .slots--checkboxes .checkbox input[type=checkbox]:checked + label::after, .svg-casino-tile-star, .svg-casino-tile-info-v, .svg-casino-tile-info, .svg-casino-tile-games, .svg-casino-tile-bonus, .svg-cards, .svg-calendar, .svg-banknote, .svg-arrow-up, .svg-arrow-down {
    background: url("../svg/sprite-adfd5e27.svg") no-repeat
}

.svg-arrow-down {
    background-position: 66.9117647059% 39.2%
}

.svg-arrow-down-dims {
    width: 8px;
    height: 10px
}

.svg-arrow-up {
    background-position: 83.8235294118% 72.8%
}

.svg-arrow-up-dims {
    width: 8px;
    height: 10px
}

.svg-banknote {
    background-position: 62.5% 22.5225225225%
}

.svg-banknote-dims {
    width: 24px;
    height: 24px
}

.svg-calendar {
    background-position: 0 60.3603603604%
}

.svg-calendar-dims {
    width: 24px;
    height: 24px
}

.svg-cards {
    background-position: 20% 60.3603603604%
}

.svg-cards-dims {
    width: 24px;
    height: 24px
}

.svg-casino-tile-bonus {
    background-position: 39.5161290323% 39.1304347826%
}

.svg-casino-tile-bonus-dims {
    width: 20px;
    height: 20px
}

.svg-casino-tile-games {
    background-position: 75.8064516129% 79.1304347826%
}

.svg-casino-tile-games-dims {
    width: 20px;
    height: 20px
}

.svg-casino-tile-info {
    background-position: 58.59375% 41.1764705882%
}

.svg-casino-tile-info-dims {
    width: 16px;
    height: 16px
}

.svg-casino-tile-info-v {
    background-position: 15.625% 96.6386554622%
}

.svg-casino-tile-info-v-dims {
    width: 16px;
    height: 16px
}

.svg-casino-tile-star {
    background-position: 28.125% 96.6386554622%
}

.svg-casino-tile-star-dims {
    width: 16px;
    height: 16px
}

.svg-checkbox, .slots--checkboxes .checkbox input[type=checkbox]:checked + label::after {
    background-position: 39.4736842105% 0
}

.svg-checkbox-dims, .slots--checkboxes .checkbox input[type=checkbox]:checked + label::after {
    width: 30px;
    height: 30px
}

.svg-chip {
    background-position: 40% 60.3603603604%
}

.svg-chip-dims {
    width: 24px;
    height: 24px
}

.svg-close {
    background-position: 96.1240310078% 83.3333333333%
}

.svg-close-dims {
    width: 15px;
    height: 15px
}

.svg-credit-card {
    background-position: 0 39.8230088496%
}

.svg-credit-card-dims {
    width: 28px;
    height: 22px
}

.svg-expand, .header-main--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml-mobile--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    background-position: 60% 60.3603603604%
}

.svg-expand-dims, .header-main--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml-mobile--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after, .wpml--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    width: 24px;
    height: 24px
}

.svg-expand-sm, .nav-mobile-menu--list.menu > li .submenu-toggle:before {
    background-position: 34.0909090909% 24.3902439024%
}

.svg-expand-sm-dims, .nav-mobile-menu--list.menu > li .submenu-toggle:before {
    width: 12px;
    height: 12px
}

.svg-filters-close {
    background-position: 43.1818181818% 24.3902439024%
}

.svg-filters-close-dims {
    width: 12px;
    height: 12px
}

.svg-game-controller {
    background-position: 83.3333333333% 0
}

.svg-game-controller-dims {
    width: 24px;
    height: 24px
}

.svg-gift {
    background-position: 83.3333333333% 21.6216216216%
}

.svg-gift-dims {
    width: 24px;
    height: 24px
}

.svg-gift-sm {
    background-position: 100% 0
}

.svg-gift-sm-dims {
    width: 20px;
    height: 20px
}

.svg-graph {
    background-position: 81.9672131148% 43.2432432432%
}

.svg-graph-dims {
    width: 22px;
    height: 24px
}

.svg-internet {
    background-position: 0 81.981981982%
}

.svg-internet-dims {
    width: 24px;
    height: 24px
}

.svg-less-text {
    background-position: 39.3939393939% 93.4959349593%
}

.svg-less-text-dims {
    width: 12px;
    height: 12px
}

.svg-money {
    background-position: 100% 17.3913043478%
}

.svg-money-dims {
    width: 20px;
    height: 20px
}

.svg-money-sm {
    background-position: 100% 34.7826086957%
}

.svg-money-sm-dims {
    width: 20px;
    height: 20px
}

.svg-more-text {
    background-position: 48.4848484848% 93.4959349593%
}

.svg-more-text-dims {
    width: 12px;
    height: 12px
}

.svg-offer-button {
    background-position: 0 0
}

.svg-offer-button-dims {
    width: 45px;
    height: 45px
}

.svg-play {
    background-position: 78.7401574803% 61.5384615385%
}

.svg-play-dims {
    width: 17px;
    height: 18px
}

.svg-refresh {
    background-position: 20% 81.981981982%
}

.svg-refresh-dims {
    width: 24px;
    height: 24px
}

.svg-refresh-sm {
    background-position: 100% 52.1739130435%
}

.svg-refresh-sm-dims {
    width: 20px;
    height: 20px
}

.svg-rocket {
    background-position: 39.3442622951% 81.981981982%
}

.svg-rocket-dims {
    width: 22px;
    height: 24px
}

.svg-roulette {
    background-position: 22.7642276423% 39.8230088496%
}

.svg-roulette-dims {
    width: 21px;
    height: 22px
}

.svg-slot-machine {
    background-position: 100% 69.5652173913%
}

.svg-slot-machine-dims {
    width: 20px;
    height: 20px
}

.svg-slot-machine-sm {
    background-position: 0 100%
}

.svg-slot-machine-sm-dims {
    width: 20px;
    height: 20px
}

.svg-special-offer {
    background-position: 58.3333333333% 81.981981982%
}

.svg-special-offer-dims {
    width: 24px;
    height: 24px
}

.svg-sports {
    background-position: 63.025210084% 0
}

.svg-sports-dims {
    width: 25px;
    height: 25px
}

.checkbox {
    position: relative;
    padding-left: 20px;
    margin-bottom: .75rem
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 0px;
    color: rgba(255, 255, 255, .75);
    font-size: .875rem
}

.checkbox label a {
    color: #fff
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 5px;
    margin-left: -28px;
    border: 1.3px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    top: -4px;
    margin-left: -27px;
    padding-left: 0px;
    font-size: 1rem;
    color: #fff
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    position: absolute;
    margin: 4px 4px 4px -18px;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 17px
}

.checkbox input[type=checkbox]:focus + label::before, .checkbox input[type=radio]:focus + label::before {
    outline: 0
}

.checkbox input[type=checkbox].is-error + label:before, .checkbox input[type=radio].is-error + label:before {
    border-color: #ff4135
}

.checkbox input[type=checkbox]:checked + label::after, .checkbox input[type=radio]:checked + label::after {
    font-family: "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    content: "L";
    color: #fff;
    transform: scaleX(-1) rotate(-38deg)
}

.checkbox input[type=checkbox]:indeterminate + label::after, .checkbox input[type=radio]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555;
    border-radius: 8px;
    margin-left: -22.5px;
    margin-top: 11px
}

.checkbox input[type=checkbox]:disabled + label, .checkbox input[type=radio]:disabled + label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled + label::before, .checkbox input[type=radio]:disabled + label::before {
    background-color: #e6e6e6;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0;
    display: inline-block
}

.checkbox.primary input[type=checkbox]:checked + label::before, .checkbox.primary input[type=radio]:checked + label::before {
    background-color: #78be21;
    border-color: #78be21
}

.checkbox.primary input[type=checkbox]:checked + label::after, .checkbox.primary input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox.secondary input[type=checkbox]:checked + label::before, .checkbox.secondary input[type=radio]:checked + label::before {
    background-color: #c33;
    border-color: #c33
}

.checkbox.secondary input[type=checkbox]:checked + label::after, .checkbox.secondary input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox.alert input[type=checkbox]:checked + label::before, .checkbox.alert input[type=radio]:checked + label::before {
    background-color: #ff4135;
    border-color: #ff4135
}

.checkbox.alert input[type=checkbox]:checked + label::after, .checkbox.alert input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox.warning input[type=checkbox]:checked + label::before, .checkbox.warning input[type=radio]:checked + label::before {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox.warning input[type=checkbox]:checked + label::after, .checkbox.warning input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox.success input[type=checkbox]:checked + label::before, .checkbox.success input[type=radio]:checked + label::before {
    background-color: #66bb6a;
    border-color: #66bb6a
}

.checkbox.success input[type=checkbox]:checked + label::after, .checkbox.success input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox.primary input[type=checkbox]:indeterminate + label::before, .checkbox.primary input[type=radio]:indeterminate + label::before {
    background-color: #78be21;
    border-color: #78be21
}

.checkbox.primary input[type=checkbox]:indeterminate + label::after, .checkbox.primary input[type=radio]:indeterminate + label::after {
    background-color: #fff
}

.checkbox.secondary input[type=checkbox]:indeterminate + label::before, .checkbox.secondary input[type=radio]:indeterminate + label::before {
    background-color: #c33;
    border-color: #c33
}

.checkbox.secondary input[type=checkbox]:indeterminate + label::after, .checkbox.secondary input[type=radio]:indeterminate + label::after {
    background-color: #fff
}

.checkbox.alert input[type=checkbox]:indeterminate + label::before, .checkbox.alert input[type=radio]:indeterminate + label::before {
    background-color: #ff4135;
    border-color: #ff4135
}

.checkbox.alert input[type=checkbox]:indeterminate + label::after, .checkbox.alert input[type=radio]:indeterminate + label::after {
    background-color: #fff
}

.checkbox.warning input[type=checkbox]:indeterminate + label::before, .checkbox.warning input[type=radio]:indeterminate + label::before {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox.warning input[type=checkbox]:indeterminate + label::after, .checkbox.warning input[type=radio]:indeterminate + label::after {
    background-color: #fff
}

.checkbox.success input[type=checkbox]:indeterminate + label::before, .checkbox.success input[type=radio]:indeterminate + label::before {
    background-color: #66bb6a;
    border-color: #66bb6a
}

.checkbox.success input[type=checkbox]:indeterminate + label::after, .checkbox.success input[type=radio]:indeterminate + label::after {
    background-color: #fff
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    height: 23px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    margin-left: -28px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
    background-color: #fff;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 13px;
    height: 13px;
    left: 4px;
    top: 4px;
    margin-left: -28px;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0, 0);
    transition: transform .1s cubic-bezier(0.8, -0.33, 0.2, 1.33)
}

.radio input[type=radio] {
    position: absolute;
    margin: 4px 4px 4px -18px;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 17px
}

.radio input[type=radio]:focus + label::before {
    outline: 0
}

.radio input[type=radio]:checked + label::after {
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled + label {
    opacity: .65
}

.radio input[type=radio]:disabled + label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0;
    display: inline-block
}

.radio.primary input[type=radio] + label::after {
    background-color: #78be21
}

.radio.primary input[type=radio]:checked + label::before {
    border-color: #78be21
}

.radio.primary input[type=radio]:checked + label::after {
    background-color: #78be21
}

.radio.secondary input[type=radio] + label::after {
    background-color: #c33
}

.radio.secondary input[type=radio]:checked + label::before {
    border-color: #c33
}

.radio.secondary input[type=radio]:checked + label::after {
    background-color: #c33
}

.radio.alert input[type=radio] + label::after {
    background-color: #ff4135
}

.radio.alert input[type=radio]:checked + label::before {
    border-color: #ff4135
}

.radio.alert input[type=radio]:checked + label::after {
    background-color: #ff4135
}

.radio.warning input[type=radio] + label::after {
    background-color: #2196f3
}

.radio.warning input[type=radio]:checked + label::before {
    border-color: #2196f3
}

.radio.warning input[type=radio]:checked + label::after {
    background-color: #2196f3
}

.radio.success input[type=radio] + label::after {
    background-color: #66bb6a
}

.radio.success input[type=radio]:checked + label::before {
    border-color: #66bb6a
}

.radio.success input[type=radio]:checked + label::after {
    background-color: #66bb6a
}

input[type=checkbox].styled:checked + label:after, input[type=radio].styled:checked + label:after {
    font-family: "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    content: "L"
}

input[type=checkbox] .styled:checked + label::before, input[type=radio] .styled:checked + label::before {
    color: #fff
}

input[type=checkbox] .styled:checked + label::after, input[type=radio] .styled:checked + label::after {
    color: #fff
}

.wpml--nav .dropdown.menu > li > a {
    padding: .5625rem .625rem .5625rem 1rem;
    color: #fff;
    background-color: rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    border-radius: 8px
}

.wpml--nav .dropdown.menu > li > a img {
    border-radius: 3px
}

.wpml--nav .dropdown.menu > li > a:hover, .wpml--nav .dropdown.menu > li > a:focus {
    color: #78be21
}

.wpml--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    position: relative;
    display: block;
    margin-top: 0;
    border: 0px;
    transform: scale(0.55);
    margin-left: .5rem
}

.wpml--nav .is-dropdown-submenu {
    background-color: #0c0437;
    border-radius: 8px;
    border: 0px;
    padding: .75rem 1.25rem;
    min-width: .0625rem;
    width: 4.875rem
}

.wpml--nav .is-dropdown-submenu a {
    color: #fff;
    padding: .5rem 0;
    font-size: .9375rem;
    text-align: center
}

.wpml--nav .is-dropdown-submenu a:hover, .wpml--nav .is-dropdown-submenu a:focus {
    color: #78be21
}

.wpml-mobile--nav .dropdown.menu > li {
    width: 100%
}

.wpml-mobile--nav .dropdown.menu > li > a {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    color: #fff;
    background-color: rgba(255, 255, 255, .14);
    width: 100%;
    border-radius: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.wpml-mobile--nav .dropdown.menu > li > a span {
    display: inline-block;
    vertical-align: middle
}

.wpml-mobile--nav .dropdown.menu > li > a img {
    border-radius: 3px;
    margin-right: .75rem
}

.wpml-mobile--nav .dropdown.menu > li > a:hover, .wpml-mobile--nav .dropdown.menu > li > a:focus {
    color: rgba(255, 255, 255, .75)
}

.wpml-mobile--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    display: block;
    margin-top: 0;
    border: 0px;
    transform: scale(0.55);
    margin-left: .5rem;
    position: absolute;
    right: 10px;
    top: 15px
}

.wpml-mobile--nav .is-dropdown-submenu {
    background: rgba(255, 255, 255, .14);
    padding-top: .25rem;
    padding-bottom: .25rem;
    min-width: 40px;
    width: 100%;
    margin-top: .25rem;
    border: 0px;
    border-radius: 6px
}

.wpml-mobile--nav .is-dropdown-submenu li a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: #fff
}

.wpml-mobile--nav .is-dropdown-submenu li a span {
    display: inline-block;
    vertical-align: middle
}

.wpml-mobile--nav .is-dropdown-submenu li a img {
    border-radius: 3px;
    margin-right: .75rem
}

.wpml-mobile--nav .is-dropdown-submenu li a:hover, .wpml-mobile--nav .is-dropdown-submenu li a:focus {
    color: #c33
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden
}

.modaal-accessible-hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease-in-out
}

.modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    -webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1
}

.modaal-wrapper.modaal-start_fade {
    opacity: 0
}

.modaal-wrapper *[tabindex="0"] {
    outline: none !important
}

.modaal-wrapper.modaal-fullscreen {
    overflow: hidden
}

.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px
}

.modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top
}

.modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    cursor: auto
}

.modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden
}

.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0);
    border-radius: 100%;
    transition: all 0.2s ease-in-out
}

.modaal-close:focus, .modaal-close:hover {
    outline: none;
    background: #fff
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
    background: #b93d0c
}

.modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.modaal-close:before, .modaal-close:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out
}

.modaal-close:before {
    transform: rotate(-45deg)
}

.modaal-close:after {
    transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px
}

.modaal-content-container {
    padding: 30px
}

.modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0
}

.modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background 0.2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f
}

@keyframes instaReveal {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.modaal-instagram .modaal-container {
    width: auto;
    background: rgba(0, 0, 0, 0);
    box-shadow: none !important
}

.modaal-instagram .modaal-content-container {
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.modaal-instagram .modaal-content-container > blockquote {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important
}

.modaal-instagram iframe {
    opacity: 0;
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.modaal-gallery-item {
    display: none
}

.modaal-gallery-item img {
    display: block
}

.modaal-gallery-item.is_active {
    display: block
}

.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.modaal-gallery-label:focus {
    outline: none
}

.modaal-gallery-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 100%;
    transition: all 0.2s ease-in-out
}

.modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
    outline: none;
    background: #fff
}

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
    background: #afb7bc
}

.modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.modaal-gallery-control:before, .modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out
}

.modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px
}

.modaal-gallery-next-outer {
    right: 45px
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
    left: 22px
}

.modaal-gallery-prev:before {
    margin: 5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
    margin: -5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px
}

.modaal-gallery-prev-outer {
    left: 45px
}

.modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

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

.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width: 1400px) {
    .modaal-video-container {
        padding-bottom: 0;
        height: 731px
    }
}

@media only screen and (max-width: 1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(0, 0, 0, .7)
    }

    .modaal-gallery-control:before, .modaal-gallery-control:after {
        background: #fff
    }

    .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width: 900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height: 1100px) {
    .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height: 1000px) {
    .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .modaal-instagram iframe {
        width: 600px !important
    }
}

@media screen and (max-height: 900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }

    .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width: 600px) {
    .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height: 820px) {
    .modaal-gallery-label {
        display: none
    }
}

.modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    transform: scale(0.25)
}

@keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        transform: scale(1.5)
    }
    100% {
        opacity: .1;
        transform: scale(1)
    }
}

.modaal-loading-spinner > div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}

.modaal-loading-spinner > div > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: 0s
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:nth-of-type(1) {
    transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .12s
}

.modaal-loading-spinner > div:nth-of-type(2) {
    transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .25s
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:nth-of-type(3) {
    transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .37s
}

.modaal-loading-spinner > div:nth-of-type(4) {
    transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .5s
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:nth-of-type(5) {
    transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .62s
}

.modaal-loading-spinner > div:nth-of-type(6) {
    transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .75s
}

.modaal-loading-spinner > div:nth-of-type(7) {
    transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .87s
}

.modaal-loading-spinner > div:nth-of-type(8) {
    transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slide:not(.slick-current) {
    cursor: pointer
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 41px;
    width: 72px;
    line-height: 41px;
    cursor: pointer;
    background: rgba(27, 10, 127, .04);
    text-align: center;
    color: #000;
    border-radius: 4px;
    top: 0%;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: #78be21;
    color: #fff
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    color: #fff
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .4
}

.slick-prev:before, .slick-next:before {
    font-size: 28px;
    line-height: 1;
    color: #9994b3;
    opacity: .8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 0px;
    top: 30px
}

@media print, screen and (max-width: 39.99875em) {
    .slick-prev {
        top: auto;
        left: auto;
        bottom: 0px;
        right: 80px
    }
}

.slick-prev:before {
    content: "←"
}

.slick-next {
    top: 76px;
    left: 0px
}

@media print, screen and (max-width: 39.99875em) {
    .slick-next {
        top: auto;
        left: auto;
        bottom: 0px;
        right: 0px
    }
}

.slick-next:before {
    content: "→"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: rgba(0, 0, 0, 0);
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .8
}

.alignleft {
    float: left;
    margin: .25rem 1.25rem 1.25rem 0;
    clear: left
}

.alignright {
    float: right;
    margin: .25rem 0 1.25rem 1.25rem;
    clear: right
}

.aligncenter {
    display: block;
    margin: .25rem auto
}

.wp-caption {
    background: #8a8a8a;
    border: 1px solid #8a8a8a;
    max-width: 100%;
    padding: .5625rem .5625rem .625rem;
    text-align: center;
    margin-bottom: 2.1875rem
}

.wp-caption img {
    margin-bottom: .5625rem
}

.gallery {
    margin-bottom: 20
}

.wp-caption-text, .gallery-caption {
    font-size: .8125rem;
    margin-bottom: 0
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.wp-block-table {
    border-radius: 10px;
    border: 1px solid rgba(27, 10, 127, .08);
    margin-bottom: 2.5rem;
    overflow-x: auto
}

.wp-block-table figcaption {
    position: absolute;
    padding-top: 5px;
    color: #888;
    font-size: .9rem
}

.wp-block-table table {
    margin-bottom: 0;
    overflow: hidden
}

.wp-block-table thead {
    border: none
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid rgba(27, 10, 127, .08)
}

.wp-block-image {
    margin-bottom: 1rem
}

.wp-block-quote {
    border: none;
    background-color: rgba(27, 10, 127, .04);
    border-radius: 12px;
    padding: 1.5625rem;
    font-weight: bold
}

.wp-block-quote .content--narrow {
    font-weight: bold;
    font-style: normal;
    position: relative;
    margin-left: 45px
}

.wp-block-quote .content--narrow p {
    color: rgba(0, 0, 0, .75);
    margin: 0
}

.wp-block-quote .content--narrow::before {
    content: "";
    background-image: url("../images/svg/quote.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    left: -45px
}

.wp-block-quote cite {
    display: none
}

.wp-block-quote cite::before {
    content: none
}

a {
    transition: all .25s ease-in-out
}

.debug {
    border: 1px solid red
}

.m-r {
    margin-right: .5rem
}

.m-r-s {
    margin-right: .25rem
}

.button {
    font-weight: 600
}

.button:hover {
    background-color: #86d425
}

.button:focus {
    background-color: #6aa81d
}

.button.white.hollow:hover {
    color: #78be21;
    border-color: #78be21
}

.button.white.hollow:focus {
    color: #000
}

.accordion-item {
    margin-bottom: 1rem;
    border-bottom: 2px solid #f6f5fa;
    border-radius: 12px
}

.accordion-item.is-active .accordion-title {
    color: #c33;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

.accordion-item:first-child > :first-child {
    border-radius: 12px
}

.accordion-item:last-child > .accordion-title {
    border-radius: 12px
}

.accordion-title {
    background-color: rgba(27, 10, 127, .04);
    font-weight: 600;
    border-radius: 12px
}

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

.accordion-title:before {
    font-size: 1.25rem;
    margin-top: -.625rem
}

.accordion-content {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.header-main {
    background-color: #0c0437;
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    transition: top .25s ease-in-out;
    z-index: 100
}

.header-main--header-list {
    justify-content: end
}

@media print, screen and (max-width: 63.99875em) {
    .header-main {
        padding: .75rem 0
    }
}

.header-main.nav-up {
    top: -67px
}

@media print, screen and (max-width: 63.99875em) {
    .header-main.nav-up {
        top: 0
    }
}

.admin-bar .header-main.nav-up {
    top: -99px
}

@media print, screen and (max-width: 63.99875em) {
    .admin-bar .header-main.nav-up {
        top: 32px
    }
}

@media screen and (max-width: 781px) {
    .admin-bar .header-main.nav-up {
        top: 0
    }
}

@media screen and (max-width: 781px)and (max-width: 63.99875em) {
    .admin-bar .header-main.nav-up {
        top: 0
    }
}

.admin-bar .header-main {
    top: 32px
}

@media screen and (max-width: 781px) {
    .admin-bar .header-main {
        top: 0
    }
}

.header-main--logo-link {
    text-align: center;
    display: block;
    /*width: 152px;*/
    height: 56px;
    position: relative
}

.header-main--logo-link img {
    /*width: 100%;*/
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.header-main--nav .dropdown.menu > li > a {
    color: #fff;
    padding: 1.25rem .875rem;
    font-weight: 600;
    font-size: .875rem;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 4.625rem
}

.header-main--nav .dropdown.menu > li > a .menu-icon {
    background-size: auto auto;
    width: 24px;
    height: 24px;
    display: block;
    margin-right: .375rem
}

.header-main--nav .dropdown.menu > li > a:hover, .header-main--nav .dropdown.menu > li > a:focus {
    color: #78be21
}

.header-main--nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    position: relative;
    display: block;
    margin-top: 0;
    border: 0px;
    transform: scale(0.55);
    margin-left: .375rem;
    margin-right: -11px
}

.header-main--nav .is-dropdown-submenu {
    background-color: #0c0437;
    border: 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding: .75rem 1.25rem
}

.header-main--nav .is-dropdown-submenu li {
    border-bottom: 1px solid #352b69
}

.header-main--nav .is-dropdown-submenu li:last-child {
    border-bottom: 0px
}

.header-main--nav .is-dropdown-submenu a {
    color: #fff;
    padding: .75rem 0;
    font-size: .9375rem
}

.header-main--nav .is-dropdown-submenu a:hover, .header-main--nav .is-dropdown-submenu a:focus {
    color: #78be21
}

.header-main--search-container {
    position: relative;
    width: 8.75rem;
    height: 2.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .header-main--search-container {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .header-main--search-container.is-active {
        display: block
    }
}

.header-main--search-mobile {
    display: block;
    background-color: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08);
    cursor: pointer;
    border-radius: 8px;
    height: 2.25rem;
    width: 2.25rem
}

@media print, screen and (min-width: 64em) {
    .header-main--search-mobile {
        display: none
    }
}

.header-main--search-mobile.is-active {
    display: none
}

.header-main--search {
    position: absolute;
    right: 16px;
    top: 0;
    left: 0;
    transition: all .25s ease-in-out
}

.header-main--search.is-active {
    background-color: #0c0437;
    width: 1020px;
    left: auto
}

.multilang .header-main--search.is-active {
    width: 900px
}

@media print, screen and (max-width: 74.99875em) {
    .header-main--search.is-active {
        width: 824px
    }

    .multilang .header-main--search.is-active {
        width: 724px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .header-main--search.is-active {
        width: calc(100vw - 30px)
    }

    .multilang .header-main--search.is-active {
        width: calc(100vw - 30px)
    }
}

@media print, screen and (max-width: 39.99875em) {
    .header-main--search.is-active {
        width: calc(100vw - 28px)
    }
}

.header-main--search.is-active .header-main--search-close {
    display: block
}

.header-main--search input {
    padding-left: 2.625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    height: 2.5rem;
    width: 100%;
    margin-bottom: 0
}

.header-main--search-submit {
    position: absolute;
    left: .75rem;
    top: .5625rem;
    cursor: pointer;
    transition: all .25s ease-in-out
}

.header-main--search-submit:hover {
    opacity: .75
}

.header-main--search-close {
    position: absolute;
    right: .75rem;
    top: .75rem;
    cursor: pointer;
    transition: all .25s ease-in-out;
    display: none
}

.header-main--search-close:hover {
    opacity: .75
}

.header-main--special-offer-container {
    position: absolute;
    left: 4.0625rem
}

.header-main--special-offer-container:not(.hide-amount)::after {
    content: attr(data-offer-amount);
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    color: #000;
    font-weight: bold;
    position: absolute;
    background: #afff5f;
    right: -.4375rem;
    top: -.3125rem;
    height: 1rem;
    width: 1rem;
    border-radius: .5rem
}

.header-main--special-offer-close {
    position: absolute;
    right: .9375rem;
    top: .625rem
}

.header-main--special-offer-content {
    position: fixed;
    display: none;
    top: 3.75rem;
    left: 5%;
    background: #f1edeb;
    width: 90%;
    border-radius: .375rem;
    padding: 1.25rem .625rem 1.25rem .625rem;
    color: #000
}

.header-main--special-offer-content::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 2.8125rem;
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #f1edeb
}

.header-main--special-offer-content.active {
    display: block
}

.header-main--special-offer-logo {
    width: 5rem;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .375rem
}

.header-main--special-offer-logo img {
    height: 2.8125rem
}

.header-main--special-offer-logo .logo {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .375rem
}

.header-main--special-offer-one-offer {
    margin-top: .9375rem
}

.header-main--special-offer-one-offer:not(:last-of-type) {
    border-bottom: 1px solid #ded5b6;
    padding-bottom: .9375rem
}

@media print, screen and (max-width: 63.99875em) {
    .header-main--mobile-center {
        display: flex;
        justify-content: center
    }
}

#footer-menu #sites-dropdown {
    width: 220px;
    padding: 0;
    border: 0
}

#footer-menu #sites-dropdown a {
    display: block;
    color: #fff;
    padding: .5rem 1rem .2rem 1rem;
    font-size: .875rem;
    border-bottom: 1px solid #352b69
}

#footer-menu #sites-dropdown a:hover, #footer-menu #sites-dropdown a:focus {
    color: #78be21
}

#footer-menu #sites-dropdown a .site-text {
    position: relative;
    top: -5px
}

#footer-menu #sites-dropdown a:last-of-type {
    border-bottom: 0
}

#footer-menu .select-site.flag-icon {
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    border-radius: 3px;
    background-repeat: no-repeat
}

.footer-main {
    background: #0c0437;
    padding: 3.125rem 0;
    color: rgba(255, 255, 255, .5);
    position: relative;
    overflow: hidden
}

.footer-main:before {
    content: "";
    position: absolute;
    width: 100%;
    opacity: .3;
    left: -10%;
    right: 0;
    top: -10%;
    bottom: 0;
    background: linear-gradient(143.15deg, #0066FF 8.37%, rgba(0, 133, 255, 0) 91.49%);
    filter: blur(68.4953px);
    transform: rotate(-5deg)
}

.footer-main hr {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    border-color: rgba(255, 255, 255, .15)
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main hr {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.footer-main--content {
    position: relative
}

.footer-main .footer-button {
    background-color: rgba(255, 255, 255, .08);
    width: 220px;
    padding: .75rem 1.25rem;
    font-size: .875rem
}

.footer-main .footer-button .select-country-text {
    position: relative;
    top: -5px
}

.footer-main .footer-button .select-site.flag-icon {
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    border-radius: 3px;
    background-repeat: no-repeat
}

@media screen and (max-width: 639px) {
    .footer-main .footer-button {
        display: block;
        margin: 0 auto 15px
    }
}

.footer-main--title {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--menu {
        padding-bottom: 1rem
    }
}

.footer-main--menu .menu a {
    padding: .5625rem .5rem .5625rem 0;
    font-size: .875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    line-height: 1.1
}

.footer-main--menu .menu a:hover, .footer-main--menu .menu a:focus {
    color: #fff
}

.footer-main--disclaimer {
    font-size: .875rem
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--disclaimer {
        margin-bottom: 1rem;
        text-align: center
    }
}

.footer-main--copyr {
    font-size: .875rem
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--copyr {
        margin-bottom: 1rem;
        text-align: center
    }
}

.footer-main--offer {
    padding: .75rem 0;
    background-color: rgba(12, 4, 55, .75);
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 90;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.footer-main--offer-container {
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--offer-container {
        text-align: center
    }
}

.footer-main--offer-close {
    margin-right: 1rem;
    opacity: .5;
    cursor: pointer
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--offer-close {
        position: absolute;
        right: 16px;
        top: 16px;
        margin-right: 0
    }
}

.footer-main--offer-close:hover {
    opacity: .75
}

.footer-main--offer-text {
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 1.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--offer-text {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-left: 0
    }
}

.footer-main--offer-button {
    cursor: pointer
}

.footer-main--subscribe {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 150;
    width: 100%;
    height: 100%;
    display: none
}

.footer-main--subscribe.is-active {
    display: block
}

.footer-main--subscribe-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 160;
    background-color: rgba(0, 0, 0, .5)
}

.footer-main--subscribe-content {
    position: absolute;
    z-index: 200;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.footer-main--subscribe-content-tile {
    position: relative;
    width: 32.5rem;
    background-color: #1b0a7f;
    color: #fff;
    border-radius: 20px;
    padding: 2.5rem 2rem
}

@media print, screen and (max-width: 39.99875em) {
    .footer-main--subscribe-content-tile {
        width: 90vw
    }
}

.footer-main--subscribe-content-tile-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    opacity: .5
}

.footer-main--subscribe-message {
    color: #66bb6a;
    font-size: .8125rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 600
}

.footer-main--subscribe-input {
    position: relative
}

.footer-main--subscribe-input input {
    padding-right: 2.8125rem
}

.footer-main--subscribe-input input.is-error {
    border-color: #ff4135
}

.footer-main--subscribe-input svg, .footer-main--subscribe-input .img-svg {
    position: absolute;
    right: 18px;
    top: 16px
}

.footer-main--subscribe-terms {
    font-size: .75rem;
    text-align: center;
    color: rgba(255, 255, 255, .75)
}

.footer-main--logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--logos {
        justify-content: center
    }

    .footer-main--logos a {
        height: 32px
    }
}

@media print, screen and (min-width: 40em) {
    .footer-main--logos a {
        height: 50px
    }
}

.footer-main--logos a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-main--menus {
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--menus .footer-main--menus-cell {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        border-top: 1px solid rgba(255, 255, 255, .15)
    }
}

@media print, screen and (max-width: 63.99875em)and (max-width: 63.99875em) {
    .footer-main--menus .footer-main--menus-cell {
        padding-top: 1rem
    }
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--menus .footer-main--menus-cell:last-child {
        border-bottom: 0px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .footer-main--casino-logo {
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 6px;
        background-color: #11064f;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-main--casino-logo img {
        padding: .3125rem;
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%
    }

    .footer-main--cpt-button {
        height: 50px;
        width: 50px;
        padding: 0;
        margin: 0;
        font-size: .875rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-main--cpt-button img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 60%;
        width: 60%;
        filter: invert(1)
    }

    .footer-main--cpt-button span {
        display: none
    }

    .footer-main--cpt-container div {
        padding: 0 .3125rem 0 .3125rem;
        text-align: left;
        height: 3.125rem
    }
}

@media print, screen and (min-width: 40em) {
    .footer-main--casino-logo {
        width: 8.75rem;
        height: 2.5rem;
        border-radius: 6px;
        background-color: #11064f;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-main--casino-logo img {
        padding: .3125rem;
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%
    }

    .footer-main--cpt-container div {
        padding: 0 15px 0 15px
    }

    .footer-main--cpt-container .border-right {
        border-right: 1px solid rgba(255, 255, 255, .15)
    }

    .footer-main--cpt-rating {
        height: 100%;
        display: flex;
        align-items: center;
        font-size: .9375rem;
        color: rgba(255, 255, 255, .5);
        font-weight: 600
    }

    .footer-main--cpt-rating span {
        font-size: .9375rem
    }

    .footer-main--cpt-rating strong {
        color: #ffbf00;
        font-weight: 600
    }

    .footer-main--cpt-rating svg, .footer-main--cpt-rating .img-svg {
        margin-right: .5rem
    }

    .footer-main--cpt-button img {
        display: none
    }
}

.footer-main--cpt-text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer-main--cpt-text p {
    font-size: .75rem;
    margin-bottom: 0 !important
}

.footer-main--trustpilot {
    padding: .8125rem .5625rem !important
}

.footer-main--trustpilot img {
    filter: invert(77%) sepia(16%) saturate(6732%) hue-rotate(104deg) brightness(91%) contrast(97%);
    height: 1.25rem;
    width: 1.25rem
}

.hero {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background-color: #0f094c;
    color: rgba(255, 255, 255, .75);
    position: relative
}

.hero p a {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-line: underline
}

.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
    color: #fff
}

.hero--first {
    padding-top: 7.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .hero--first {
        padding-top: 4.375rem
    }
}

.hero--inner {
    position: relative;
    z-index: 10
}

.hero--light:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .08)
}

.hero--intro {
    margin-bottom: 2.5rem
}

.hero--intro a {
    color: #fff
}

.hero--intro a:hover, .hero--intro a:focus {
    text-decoration: underline
}

.hero--menu-button {
    width: 100%;
    background-color: rgba(255, 255, 255, .14);
    border-radius: 12px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 1rem;
    position: relative;
    margin-bottom: 1rem
}

.hero--menu-button .active {
    display: flex;
    align-items: center;
    width: 100%
}

.hero--menu-button .active svg, .hero--menu-button .active .img-svg {
    flex: 0 0 auto;
    margin-right: .5rem
}

.hero--menu-button:hover, .hero--menu-button:focus {
    background-color: rgba(255, 255, 255, .15)
}

.hero--menu-button .arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.hero--menu-button .arrow svg, .hero--menu-button .arrow .img-svg {
    transition: all .25s ease-in-out
}

.hero--menu-button[aria-expanded=true] .arrow svg, .hero--menu-button[aria-expanded=true] .arrow .img-svg {
    transform: rotate(180deg)
}

.hero--menu-button .menu-icon {
    background-size: auto auto;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: .375rem
}

.hero--menu-bg {
    margin-bottom: 2rem;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 12px;
    padding: .5rem .25rem
}

@media print, screen and (max-width: 63.99875em) {
    .hero--menu-bg .menu.expanded li {
        flex: auto;
        width: 100%
    }
}

.hero--menu-bg .menu.expanded li.current_page_item a {
    background: #78be21
}

@media print, screen and (max-width: 63.99875em) {
    .hero--menu-bg {
        display: none
    }

    .hero--menu-bg.is-visible {
        display: block
    }
}

.hero--menu.menu a {
    background-color: rgba(255, 255, 255, .08);
    width: 100%;
    border-radius: 12px;
    margin: 0 .25rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding: .75rem .75rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media print, screen and (max-width: 63.99875em) {
    .hero--menu.menu a {
        width: 100%;
        margin-bottom: .375rem
    }
}

.hero--menu.menu a .menu-icon {
    background-size: auto auto;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: .375rem
}

.hero--menu.menu a:hover {
    background-color: #78be21
}

.hero--more-less {
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center
}

.hero--more-less svg, .hero--more-less .img-svg {
    margin-left: .5rem
}

.hero--more-less:hover, .hero--more-less:focus {
    color: #78be21
}

.hero--more-less span {
    margin-left: .5rem
}

.hero--intro-wrapper h1 {
    width: -moz-fit-content;
    width: fit-content
}

.hero--intro-wrapper a {
    position: relative
}

.hero--intro-wrapper .out-link {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    transform: scale(0.7)
}

@media print, screen and (max-width: 39.99875em) {
    .hero--intro-wrapper .out-link {
        transform: scale(0.6)
    }
}

.hero--intro-wrapper .out-link:hover {
    filter: brightness(0) saturate(100%) invert(37%) sepia(90%) saturate(650%) hue-rotate(80deg) brightness(90%) contrast(90%)
}

.hero--intro-readmore {
    position: relative;
    overflow: hidden;
    margin-bottom: .625rem
}

@media screen and (max-width: 600px) {
    .hero--intro-readmore {
        max-height: 157px
    }

    .hero--intro-readmore h1 {
        font-size: 1.3125rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 601px) {
    .hero--intro-readmore {
        max-height: 155.5px
    }
}

.hero--intro-readmore.open {
    max-height: 9999px
}

.hero--intro-readmore:not(.open)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #0f094c)
}

.hero--callout {
    background-color: #1b0a7f;
    margin-bottom: 2rem;
    padding: 1.1875rem 1.5rem;
    border-radius: 20px;
    background-image: url("../images/callout.png");
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: right top;
    height: 230px
}

.hero--callout .hero--intro-readmore:not(.open)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1b0a7f)
}

@media print, screen and (max-width: 63.99875em) {
    .hero--callout {
        background-image: none;
        margin-bottom: 1.25rem;
        padding: .9375rem 1.25rem
    }

    .hero--callout p {
        margin: 0
    }
}

@media print, screen and (min-width: 40em) {
    .hero--callout h1 {
        max-width: 85%
    }
}

.hero--callout-nowolf {
    margin-bottom: 2rem
}

.hero--callout-image {
    position: absolute;
    top: -60px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 271px;
    background-image: url("../images/wolf-full.svg");
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden
}

@media print, screen and (max-width: 63.99875em) {
    .hero--callout-image {
        display: none
    }
}

.hero--tax-logo-container {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2rem
}

.hero--tax-logo-container img {
    max-height: 7.5rem;
    width: auto;
    height: auto;
    border-radius: 10px
}

.content {
    padding: 3.125rem 0
}

.content p a {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-line: underline
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #000
}

.content ul, .content ol {
    margin-left: 1.5rem;
    line-height: 1.5;
    margin-bottom: 0
}

.content ul li, .content ol li {
    margin-bottom: .875rem;
    margin-left: .25rem
}

.content ul li:first-child, .content ol li:first-child {
    margin-top: 2rem
}

.content ul li:last-child, .content ol li:last-child {
    margin-bottom: 2rem
}

.content--lightest-gray {
    background-color: rgba(27, 10, 127, .04)
}

.content--dark {
    background-color: #11064f;
    color: rgba(255, 255, 255, .75);
    position: relative
}

.content--dark:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .08)
}

.content--dark h1, .content--dark h2, .content--dark h3, .content--dark h4, .content--dark h5, .content--dark h6 {
    color: #fff
}

.content--no-padding-top {
    padding-top: 0
}

.content--inner {
    position: relative;
    z-index: 10
}

.content--nav {
    display: block;
    text-align: center;
    padding-top: 1.875rem
}

.content--nav a, .content--nav span {
    display: inline-block;
    background-color: rgba(27, 10, 127, .04);
    padding: .4375rem .8125rem;
    text-align: center;
    min-width: 2.5rem;
    border-radius: 12px;
    margin: .1875rem
}

.content--nav a:hover, .content--nav a:focus, .content--nav a.current, .content--nav span:hover, .content--nav span:focus, .content--nav span.current {
    background-color: #c33;
    color: #fff
}

.content--nav a.current, .content--nav span.current {
    font-weight: 600
}

.content--narrow {
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto
}

.content--how-to {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.875rem
}

.content--container {
    position: relative;
    z-index: 10;
    padding-bottom: 2.8125rem;
    padding-top: .625rem
}

.content--blocks {
    position: static !important;
    padding-bottom: 0
}

.content--toc {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    flex-direction: row;
    gap: .625rem;
    padding: .9375rem 3.125rem .9375rem 3.125rem;
    position: relative;
    background: #f6f6f8;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content--toc::-webkit-scrollbar {
    display: none
}

.content--toc-element {
    flex-shrink: 0
}

.content--toc-element a {
    color: #1e202e
}

.content--toc-element:not(:last-of-type) {
    border-right: 1px solid #d1d2e1;
    padding-right: .625rem
}

.content--toc-element.active {
    font-weight: bold
}

.content--toc-element:hover a {
    color: #78be21;
    text-shadow: -1px 0px 0px #78be21;
    text-shadow: 1px 0px 0px #78be21
}

.content--toc-scroller {
    position: sticky;
    cursor: pointer;
    height: 100%;
    background: #f6f6f8;
    top: 0;
    display: flex;
    align-items: center
}

.content--toc-scroller.left {
    left: -50px;
    padding-left: 3.125rem
}

.content--toc-scroller.right {
    right: -50px;
    padding-right: 3.125rem
}

.content--toc-scroller.left::after {
    left: 55px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), #f6f6f8)
}

.content--toc-scroller.right::after {
    right: 55px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f6f6f8)
}

@media print, screen and (max-width: 63.99875em) {
    .content--toc-scroller {
        display: none
    }
}

.content--toc-scroller span {
    font-weight: bold;
    font-size: 1rem;
    position: relative;
    z-index: 100
}

.content--toc-scroller::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 3.4375rem
}

.content--how-to-list {
    position: relative
}

.content--how-to-page-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    text-align: center
}

@media print, screen and (max-width: 39.99875em) {
    .content--how-to-page-info {
        top: auto;
        bottom: 0;
        height: 41px;
        line-height: 41px
    }
}

.content--how-to-slider {
    position: relative;
    padding-left: 6.375rem;
    margin-right: -400px
}

@media print, screen and (max-width: 39.99875em) {
    .content--how-to-slider {
        margin-right: 0;
        padding-left: 0;
        padding-bottom: 3.75rem
    }
}

.content--how-to-slide {
    margin: 0 2rem 0 0;
    position: relative
}

@media print, screen and (max-width: 39.99875em) {
    .content--how-to-slide {
        margin: 0
    }
}

.content--how-to-slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .6);
    z-index: 10;
    transition: all .5s ease
}

.slick-current .content--how-to-slide:after {
    background-color: rgba(255, 255, 255, 0)
}

.content--how-to-tile {
    width: 400px;
    background-color: rgba(27, 10, 127, .04);
    border-radius: 6px
}

@media print, screen and (max-width: 39.99875em) {
    .content--how-to-tile {
        width: 100%
    }
}

.content--how-to-tile-content {
    padding: 1.5rem 1.25rem
}

.content--how-to-image {
    position: relative;
    display: block;
    padding-top: 60%
}

.content--how-to-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.content--how-to-step {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    top: 10px;
    left: 10px;
    border-radius: 6px;
    padding: .5625rem .625rem;
    font-weight: 600;
    color: #000;
    line-height: 1;
    z-index: 5
}

.content--how-to-title {
    margin-bottom: 1.5625rem
}

.content--faq-block-question {
    position: relative;
    width: 95%;
    line-height: 20px
}

.content--lastmod-box {
    width: 100%;
    text-align: center;
    padding: 1.25rem 0;
    background: #f7f7fa
}

.content--author-box {
    border-radius: 10px;
    text-align: left;
    background: #fff;
    padding: 1.5625rem
}

.content--author-box > img {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.content--author-refs {
    padding-top: .9375rem;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.content--author-refs .auto {
    text-align: right;
    font-size: .875rem;
    font-weight: 400
}

.content--author-refs .auto time {
    color: #5e55a1
}

.content--author-refs a:not(:first-child) {
    margin-left: 5px
}

.content--author-box p {
    font-size: .9375rem
}

.content--author-box b {
    font-size: 1.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .content--author-box {
        margin-right: .625rem;
        margin-left: .625rem
    }

    .content--author-box p {
        margin-top: .375rem
    }

    .content--author-box b {
        margin-left: .6875rem
    }
}

@media print, screen and (min-width: 40em) {
    .content--author-box div:not(:first-child), .content--author-box p, .content--author-box b {
        margin-left: 5.625rem
    }

    .content--author-box p {
        margin-top: .625rem
    }

    .content--author-box > img {
        position: absolute
    }
}

img[data-lazy-src], img[data-lazy-srcset] {
    opacity: 0
}

img.lazyloaded {
    transition: opacity .5s linear .2s;
    opacity: 1
}

.casino-tile {
    background-color: rgba(27, 10, 127, .04);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.25rem
}

.casino-tile--dark {
    background-color: rgba(255, 255, 255, .15)
}

.casino-tile--white-bg {
    background-color: #fff
}

.casino-tile--no-bg {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.casino-tile--logo {
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 12px;
    background-color: #11064f;
    display: flex;
    align-items: center;
    justify-content: center
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--logo {
        width: auto;
        position: relative;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        margin-top: -1.25rem;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-bottom: 1rem
    }
}

.casino-tile--logo img {
    padding: .3125rem;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.casino-tile--logo-lg {
    width: 16.75rem;
    height: 7.5rem;
    border-radius: 12px;
    background-color: #11064f;
    display: flex;
    align-items: center;
    justify-content: center
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--logo-lg {
        width: auto;
        position: relative;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        margin-top: -1.25rem;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-bottom: 1rem
    }
}

.casino-tile--logo-lg img {
    padding: .3125rem;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.casino-tile--logo-w100 {
    width: 100%;
    height: 7.5rem;
    border-radius: 12px;
    background-color: #11064f;
    display: flex;
    align-items: center;
    justify-content: center
}

.casino-tile--logo-w100 img {
    padding: .3125rem;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.casino-tile--title {
    margin-bottom: 0
}

.casino-tile--button {
    margin-bottom: 1.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--button {
        margin-top: 1.25rem;
        display: block;
        width: 100%
    }
}

.casino-tile--button-icon {
    padding: 1.375rem;
    margin-bottom: 0
}

.casino-tile--button-icon span {
    display: block
}

.casino-tile--review {
    text-align: center;
    color: #c33;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.casino-tile--review svg, .casino-tile--review .img-svg {
    margin-right: .25rem
}

.casino-tile--about {
    font-size: .875rem
}

.casino-tile--rating {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: rgba(0, 0, 0, .5)
}

.casino-tile--rating strong {
    color: #ffbf00;
    font-weight: 600
}

.casino-tile--rating svg, .casino-tile--rating .img-svg {
    margin-right: .5rem
}

.casino-tile--group {
    margin-bottom: .5rem
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--group {
        margin-bottom: 0
    }
}

.casino-tile--group-l {
    margin-bottom: 1.25rem
}

.casino-tile--feature-line {
    display: flex;
    width: 100%;
    align-items: center;
    color: #000;
    font-weight: 600;
    margin-bottom: .5rem
}

.casino-tile--feature-line svg, .casino-tile--feature-line .img-svg {
    margin-right: .75rem
}

.casino-tile--bonus {
    background-color: rgba(27, 10, 127, .08);
    border-radius: 12px;
    font-size: .875rem;
    text-align: center;
    padding: 1.5625rem .3125rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .5)
}

.casino-tile--bonus strong {
    display: block;
    font-size: 1.25rem;
    color: #000;
    font-weight: 600
}

.casino-tile--website {
    display: flex;
    width: 100%;
    align-items: center;
    color: rgba(0, 0, 0, .5);
    margin-bottom: .5rem
}

.casino-tile--website svg, .casino-tile--website .img-svg {
    margin-right: .5rem
}

.casino-tile--bonus-v-sm {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .75);
    font-weight: 600;
    font-size: .875rem;
    margin-left: 1rem
}

.casino-tile--bonus-v-sm strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    display: block
}

.casino-tile--bonus-v-sm span {
    display: block
}

.casino-tile--logo-v {
    height: 6.25rem;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #c33;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: -1.25rem;
    margin-bottom: 1.25rem
}

.casino-tile--rating-v {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: rgba(255, 255, 255, .5);
    font-weight: 600
}

.casino-tile--rating-v span {
    font-size: .75rem
}

.casino-tile--rating-v strong {
    color: #ffbf00;
    font-weight: 600
}

.casino-tile--rating-v svg, .casino-tile--rating-v .img-svg {
    margin-right: .5rem
}

.casino-tile--bonus-equal-lg {
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 12px;
    font-size: .875rem;
    padding: .8125rem .3125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .5)
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--bonus-equal-lg {
        min-height: 3.75rem;
        margin-bottom: 1rem
    }
}

.casino-tile--bonus-equal-lg strong {
    display: block;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600
}

.casino-tile--bonus-equal-sm {
    min-height: 3.25rem;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 12px;
    font-size: .75rem;
    padding: .375rem .3125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 1rem
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--bonus-equal-sm.margin-bottom-0 {
        margin-bottom: 1rem !important
    }
}

.casino-tile--bonus-equal-sm strong {
    display: block;
    font-size: .875rem;
    color: #fff;
    font-weight: 600
}

.casino-tile--bonus-equal-inner {
    width: 100%
}

.casino-tile--bonus-v {
    background-color: rgba(255, 255, 255, .08);
    border-radius: 12px;
    font-size: .875rem;
    text-align: center;
    padding: .8125rem .3125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center;
    flex-direction: column
}

.casino-tile--bonus-v strong {
    display: block;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600
}

.casino-tile--bonus-v.v-d-sm {
    padding: .4375rem;
    font-size: .625rem
}

.casino-tile--bonus-v.v-d-sm strong {
    font-size: .9375rem
}

.casino-tile--related-vdsm {
    margin-bottom: .625rem
}

.casino-tile--bonus-v:not(:last-child) {
    border-radius: 12px 12px 0 0
}

.casino-tile--bonus-v:is(:last-child) {
    min-height: 11em;
}

.casino-tile--wagering-v {
    border-radius: 0 0 12px 12px;
    margin-top: 1px;
    font-size: .625rem;
    font-weight: 600;
    background-color: rgba(255, 255, 255, .08);
    padding: .3125rem 0;
    color: rgba(255, 255, 255, .5);
    text-align: center
}

.casino-tile--wagering-v .img-svg {
    margin-bottom: 2px
}

.casino-tile--wagering-v strong {
    color: #fff
}

.casino-tile--review-v {
    text-align: center;
    color: rgba(255, 255, 255, .75);
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.casino-tile--review-v:hover, .casino-tile--review-v:focus {
    color: rgba(255, 255, 255, .95)
}

.casino-tile--review-v svg, .casino-tile--review-v .img-svg {
    margin-right: .25rem
}

.casino-tile--payments-v {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 12.5rem;
    max-height: 2.5rem;
    margin-right: 1.875rem;
    gap: 0;
    overflow: hidden
}

.casino-tile .payment img {
    position: absolute;
    top: 2px;
    right: 0;
    width: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 15px;
    border-radius: 3px;
}

.casino-tile--scroll {
    position: absolute;
    top: -1px;
    border-radius: 3px;
    text-align: center;
    line-height: 21px;
    width: 20px;
    height: 21px;
    background: #4e4a77;
    cursor: default
}

.casino-tile--scroll:not(.disabled) {
    cursor: pointer
}

.casino-tile--scroll.disabled {
    opacity: .3
}

.casino-tile--scroll-prev {
    left: -30px
}

.casino-tile--scroll-next {
    right: 0
}

.casino-tile .payment {
    position: relative;
    min-width: 50px;
    height: 20px
}

.casino-tile .payment:not(:last-child) {
    margin-right: .625rem
}

.casino-tile .payment img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 15px;
    border-radius: 3px
}

.casino-tile--payments-container {
    position: relative
}

.casino-tile--logo-v-sq {
    padding-top: 100%;
    display: block;
    border-radius: 10px;
    background-color: #c33;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--logo-v-sq {
        padding-top: 50%
    }
}

.casino-tile--logo-v-sq img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.casino-tile--logo-v-sq-m {
    padding-top: 100%;
    display: block;
    border-radius: 10px;
    background-color: #c33;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem
}

.casino-tile--logo-v-sq-m img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.casino-tile--logo-widescreen {
    padding-top: 64%;
    display: block;
    border-radius: 10px;
    background-color: #c33;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    text-align: center
}

.casino-tile--logo-widescreen img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    margin-left: auto;
    margin-right: auto
}

.casino-tile--logo-v-sq-sm {
    width: 4rem;
    margin-bottom: 0
}

.casino-tile--play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.casino-tile--button-equal {
    min-height: 7.5rem;
    line-height: 5.5rem;
    transition: transform .45s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--button-equal {
        line-height: 1.4;
        min-height: 1.25rem;
        display: block;
        width: 100%
    }
}

.casino-tile--button-equal:hover {
    transform: scale(1.04);
    transition: transform .45s ease-in-out
}

.casino-tile--grid-equal {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
    flex: 1 1 auto;
    flex-flow: row wrap
}

.casino-tile--grid-equal .cell-auto {
    flex: 1 1 0
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--grid-equal .cell-auto {
        width: calc(50% - 8px);
        flex: 0 0 auto
    }
}

.casino-tile--grid-equal .cell-shrink {
    flex: 0 0 auto
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--grid-equal .cell-shrink {
        flex: 0 0 auto;
        width: 100%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .casino-tile--title-lg-gap {
        margin-bottom: .75rem
    }
}

.slot-tile {
    background-color: rgba(27, 10, 127, .04);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 2rem;
    font-size: .875rem;
    color: rgba(255, 255, 255, .5)
}

.slot-tile--dark {
    background-color: #332e67
}

.slot-tile--no-bg {
    margin-bottom: 2rem
}

.slot-tile--image-sm {
    padding-top: 100%;
    display: block;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    margin-bottom: .875rem
}

.slot-tile--image-sm img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.slot-tile--image {
    padding-top: 100%;
    display: block;
    border-radius: 10px;
    background-color: rgba(17, 6, 79, .08);
    position: relative;
    overflow: hidden;
    margin-bottom: .625rem
}

.slot-tile--image img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    height: 100%;
    transition: all .5s ease-in-out
}


.slot-tile--image2 img {
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    width: 100%;
    transition: all .5s ease-in-out
}

.slot-tile--image img:hover {
    transform: scale(1.03)
}

.slot-tile--title {
    color: #fff;
    font-weight: 600;
    margin-bottom: .625rem;
    font-size: 1rem
}

.slot-tile--title:hover, .slot-tile--title:focus {
    color: #78be21
}

.slot-tile--title-sm {
    color: #fff;
    margin-bottom: .625rem;
    font-size: .8125rem
}

.slot-tile--title-sm:hover, .slot-tile--title-sm:focus {
    color: #78be21
}

.slot-tile--show-more a {
    color: #78be21
}

.slot-tile--developer-logo {
    padding: 16px
}

.slot-tile--developer-logo img {
    height: 100px;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 6px
}

@media screen and (max-width: 780px) {
    .slot-tile--developer-logo {
        padding: 10px;
        margin-top: 20px;
        height: 60px
    }

    .slot-tile--developer-logo img {
        height: 60px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slot-tile .cell.auto {
        width: 100%;
        flex: none
    }
}

.slot-tile .single-game-tile {
    background-color: rgba(27, 10, 127, 0);
    border-radius: .75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, .5)
}

.slot-tile .single-game-tile a {
    width: 13.75rem
}

.slot-tile .single-game-tile--image {
    padding-top: 100%;
    border-radius: .625rem;
    background-color: #312f63;
    position: relative;
    overflow: hidden;
    margin-bottom: .625rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.slot-tile .single-game-tile--image img {
    position: absolute;
    border-radius: .25rem;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: calc(100% - 1.25rem);
    margin: .625rem;
    transition: all .5s ease-in-out
}

.slot-tile .single-game-tile--image img:hover {
    transform: scale(1.03)
}

.slot-tile .single-game-tile--image-text {
    padding: 0 .625rem .625rem .625rem;
    color: #d3d3d3;
    font-size: .75rem;
    width: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.slot-tile .single-game-tile--image-text div {
    width: -moz-fit-content;
    width: fit-content
}

.slot-tile .single-game-tile--image-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: .375rem;
    font-size: 1rem;
    width: 100%
}

.slot-tile .single-game-tile--image-title:hover, .slot-tile .single-game-tile--image-title:focus {
    color: #78be21
}

.slot-tile .single-game-tile--title {
    color: #0c0437;
    font-weight: 600;
    margin-bottom: .625rem;
    font-size: 1rem
}

.slot-tile .single-game-tile--body {
    color: #0c0437
}

@media print, screen and (max-width: 63.99875em) {
    .slot-tile .single-game-tile a {
        margin: 0 auto;
        width: 100%
    }

    .slot-tile .single-game-tile--image {
        width: calc(100vw - 1.875rem);
        height: -moz-fit-content;
        height: fit-content;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: left;
        width: 100%
    }

    .slot-tile .single-game-tile--image img {
        max-width: 6.25rem;
        position: relative;
        background: none;
        margin: .625rem;
        padding: 0;
        border-radius: .3125rem;
        overflow: hidden
    }

    .slot-tile .single-game-tile--image img:hover {
        transform: scale(1.03)
    }

    .slot-tile .single-game-tile--image-text {
        padding: .9375rem .9375rem .9375rem 0;
        color: #d3d3d3;
        font-size: .75rem;
        width: -moz-fit-content;
        width: fit-content;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly
    }

    .slot-tile .single-game-tile--image-text div {
        width: -moz-fit-content;
        width: fit-content
    }
}

.slots [data-slots-list] {
    width: 100%
}

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

.slots--filters-group {
    position: relative
}

.slots--filters-group .dropdown-pane {
    overflow: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 14vh;
    padding: 0
}

@media print, screen and (max-width: 63.99875em) {
    .slots--filters-group {
        margin-bottom: 1rem
    }
}

.slots--filters-button {
    display: flex;
    border-radius: 8px;
    width: 100%;
    align-items: center;
    color: #fff;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .15);
    background-color: rgba(255, 255, 255, .08);
    padding: 1rem 2.5rem 1rem 1.25rem;
    position: relative;
    min-height: 3.375rem;
    margin: 0 0 1rem;
    transition: all .25s ease-in-out
}

.slots--filters-button:hover {
    border: 1px solid rgba(255, 255, 255, .3)
}

.slots--filters-button[aria-expanded=true] {
    border: 1px solid #78be21
}

.slots--filters-button[aria-expanded=true] .slots--filters-arrow {
    transform: rotate(180deg)
}

.slots--filters-button svg, .slots--filters-button .img-svg {
    margin-right: .625rem
}

.slots--filters-arrow {
    position: absolute;
    right: 20px;
    transition: all .25s ease-in-out
}

.slots--filters-links {
    position: relative;
    width: 100%;
    padding: 0 1rem .03125rem 1rem;
    background-color: rgba(255, 255, 255, .14)
}

.slots--filters-link {
    display: flex;
    width: 100%;
    align-items: center;
    color: #fff;
    padding: .3125rem 0;
    line-height: 1.1
}

.slots--filters-link.is-active {
    color: rgba(255, 255, 255, .5)
}

.slots--filters-link.is-active:hover, .slots--filters-link.is-active:focus {
    color: rgba(255, 255, 255, .5)
}

.slots--filters-link:hover, .slots--filters-link:focus {
    color: rgba(255, 255, 255, .75)
}

.slots--filters-link img {
    height: 1.375rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: .5rem;
    border-radius: 4px;
    max-width: 2.375rem;
    -o-object-position: left center;
    object-position: left center;
    padding-right: .7em
}

.slots--filters-search {
    position: relative
}

.slots--filters-search svg, .slots--filters-search .img-svg {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.slots--filters-input {
    padding-right: 3.125rem
}

.slots--filters-selected-list {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    flex-wrap: wrap
}

.slots--filters-active {
    color: rgba(255, 255, 255, .75);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .75);
    padding: 8px 12px;
    display: flex;
    align-items: center
}

.slots--filters-active button {
    margin-left: .5rem;
    cursor: pointer
}

.slots--filters-active button:hover {
    opacity: .75
}

.slots--filters-active span {
    display: block
}

.slots--frame-head {
    background-color: rgba(255, 255, 255, .15);
    padding: 8px 20px;
    border-radius: 15px 15px 15px 15px
}

.slots--logo-frame {
    height: 60px;
    width: 100%;
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.slots--logo-frame img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1021px) {
    .slots--logo-frame {
        height: 120px
    }
}

.slots--frame-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 60px;
    line-height: 1.3rem;
    font-size: 20px
}

.slots--frame-button b {
    font-size: 12px
}

.slots--frame-button.button {
    margin: 0 0 .75rem 0
}

.slots--frame-button.casino-tile--dark {
    border-radius: 10px
}

.slots--place-spacer {
    margin-top: 9px
}

.slots--frame-info {
    font-size: .75rem
}

.slots--rtp-title {
    color: #fff;
    font-weight: 600;
    font-size: 18px
}

.slots--frame {
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 2rem
}

.slots--frame .responsive-embed {
    margin-bottom: 0
}

.slots--frame img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slots--frame-container {
    display: block;
    padding-top: 50%;
    position: relative
}

@media print, screen and (max-width: 39.99875em) {
    .slots--frame-container {
        padding-top: 120%
    }
}

.slots--frame-details {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 10
}

.slots--title {
    margin-bottom: 0;
    font-size: 1.125rem
}

.slots--title span {
    color: rgba(255, 255, 255, .5);
    font-weight: normal
}

@media print, screen and (max-width: 63.99875em) {
    .slots--title span {
        display: block;
        font-size: 70%
    }
}

.slots--rating {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-weight: normal
}

.slots--rating strong {
    color: #ffbf00;
    font-weight: 600
}

.slots--rating svg, .slots--rating .img-svg {
    margin-right: .5rem;
    width: 20px
}

.slots--details {
    background-color: rgba(255, 255, 255, .15);
    border-radius: 16px;
    padding: 1.625rem 2rem;
    margin-bottom: 2rem
}

.slots--details .slots--details-item:last-child {
    border-bottom: 0px
}

.slots--details-title {
    font-size: 1rem
}

.slots--details-item {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: .625rem 0;
    color: #fff;
    height: 2.75rem
}

@media print, screen and (max-width: 63.99875em) {
    .slots--details-item.bb-mobile {
        border-bottom: 1px solid rgba(255, 255, 255, .08) !important
    }
}

.slots--details-item a {
    color: #fff
}

.slots--details-item a:hover, .slots--details-item a:focus {
    color: #78be21
}

.slots--details-item .type {
    color: #fff;
    flex: 1 1 0
}

.slots--details-item .yes {
    font-weight: 600;
    background-color: #78be21;
    border-radius: 6px;
    display: inline-block;
    padding: .375rem .5rem;
    text-align: center;
    min-width: 3.5rem;
    font-size: .875rem;
    line-height: 1.1;
    color: #fff
}

.slots--details-item .no {
    font-weight: 600;
    background-color: #ff4135;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: .375rem .5rem;
    text-align: center;
    min-width: 3.5rem;
    font-size: .875rem;
    line-height: 1.1
}

.slots--details-item svg, .slots--details-item .img-svg {
    margin-top: .125rem;
    margin-bottom: .125rem;
    margin-right: .75rem;
    max-width: 1.25rem
}

.slots--title-more {
    color: #78be21;
    display: flex;
    align-items: center
}

.slots--title-more svg, .slots--title-more .img-svg {
    margin-left: .5rem
}

.slots--title-more:hover, .slots--title-more:focus {
    color: #78be21;
    opacity: .75
}

.slots--developer-logo {
    display: block;
    border-radius: 12px;
    position: relative;
    overflow: auto;
    padding-top: 62%;
    width: 100%;
    background-color: rgba(255, 255, 255, .04);
    margin-bottom: 2rem
}

@media print, screen and (max-width: 63.99875em) {
    .slots--developer-logo {
        margin-bottom: 1.25rem
    }
}

.slots--developer-logo:hover, .slots--developer-logo:focus {
    opacity: .75
}

.slots--developer-logo img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.slots--logo {
    padding-top: 100%;
    display: block;
    border-radius: 10px;
    background-color: #c33;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem
}

.slots--logo img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.slots--order {
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.slots--order i.orderby {
    filter: brightness(0) saturate(100%) invert(28%) sepia(91%) saturate(3453%) hue-rotate(66deg) brightness(119%) contrast(90%)
}

.slots--order i {
    margin-left: .1875rem;
    display: inline-block
}

.slots--order:not(:first-child) {
    margin-left: 1.25rem
}

.slots--order-container {
    padding-left: .625rem
}

@media print, screen and (max-width: 39.99875em) {
    .slots--order-container {
        margin-bottom: .625rem
    }
}

.slots--checkboxes {
    color: #fff
}

@media print, screen and (max-width: 63.99875em) {
    .slots--checkboxes {
        margin-left: .625rem
    }
}

.slots--checkboxes .checkbox {
    color: #fff;
    height: 100%;
    margin-bottom: 0
}

@media print, screen and (max-width: 63.99875em) {
    .slots--checkboxes .checkbox {
        margin-top: .625rem
    }
}

.slots--checkboxes .checkbox input[type=checkbox]:checked + label::after {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    content: "" !important;
    transform: scale(0.9) translateX(-3px) translateY(4px)
}

.slots--checkboxes .checkbox label {
    color: #fff !important;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: .875rem;
    height: 30px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-left: 1em
}

@media print, screen and (max-width: 63.99875em) {
    .slots--checkboxes .checkbox label {
        margin-top: 0;
        height: 30px;
        padding-top: 2px;
        display: flex;
        vertical-align: middle;
        align-items: center;
        padding-left: .7em
    }
}

.slots--checkboxes .checkbox label:before {
    height: 26px;
    width: 26px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    transform: translateY(-3px)
}

.casinos--rating {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, .5);
    font-weight: 600
}

.casinos--rating strong {
    color: #ffbf00;
    font-weight: 600
}

.casinos--rating svg, .casinos--rating .img-svg {
    margin-right: .5rem
}

.casinos--developers-link {
    color: #fff
}

.casinos--developers-link:hover {
    color: rgba(255, 255, 255, .7)
}

.casinos--warning-table {
    background: #ff4135;
    border-radius: 16px;
    position: relative
}

.casinos--warning-table p {
    color: #fff
}

.casinos--warning-table strong {
    display: block;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.4rem
}

@media only screen and (min-width: 640px) {
    .casinos--warning-sign {
        position: absolute;
        height: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

    .casinos--warning-sign img {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.casinos--recemended-text {
    font-size: 2rem;
    color: #fff;
    font-weight: 600
}

.casinos--contact-header {
    position: relative;
    color: #fff;
    z-index: 1
}

.casinos--contact-header:before {
    border-top: 1px solid rgba(255, 255, 255, .08);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

.casinos--contact-header span {
    background: #3c386a;
    padding: 0 15px
}

@media print, screen and (min-width: 40em) {
    .casinos--contact-item {
        position: absolute;
        bottom: 1.4375rem;
        width: 100%;
        left: 50%;
        transform: translateX(-50%)
    }
}

.casinos--contact-item a {
    text-decoration: underline
}

.casinos--contact-item .value {
    display: block;
    text-align: center;
    margin-top: .75rem;
    color: #fff
}

.casinos--details {
    background-color: rgba(255, 255, 255, .15);
    border-radius: 16px;
    padding: 1.625rem 2rem;
    min-height: 520px;
    position: relative
}

.casinos--details ::-webkit-scrollbar {
    width: .3125rem
}

.casinos--details ::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, .3);
    border-left: .125rem solid rgba(0, 0, 0, 0);
    border-right: .125rem solid rgba(0, 0, 0, 0);
    background-clip: padding-box
}

.casinos--details ::-webkit-scrollbar-thumb {
    background: #e6e6fa;
    border-radius: .1875rem
}

.casinos--details ::-webkit-scrollbar-thumb:hover {
    background: silver
}

@media print, screen and (max-width: 63.99875em) {
    .casinos--details {
        min-height: auto;
        margin-bottom: 1.25rem
    }
}

.casinos--details-item:last-of-type, .casinos--details-item.no-bb {
    border-bottom: 0px
}

.casinos--details-title {
    font-size: 1rem
}

.casinos--details-item {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: .625rem 0;
    color: #fff
}

.casinos--details-item .type {
    color: #fff;
    flex: 1 1 0
}

.casinos--details-item .yes {
    font-weight: 600;
    background-color: #78be21;
    border-radius: 6px;
    display: inline-block;
    padding: .375rem .5rem;
    text-align: center;
    min-width: 3.5rem;
    font-size: .875rem;
    line-height: 1.1;
    color: #fff
}

.casinos--details-item .no {
    font-weight: 600;
    background-color: #ff4135;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: .375rem .5rem;
    text-align: center;
    min-width: 3.5rem;
    font-size: .875rem;
    line-height: 1.1
}

.casinos--details-item svg, .casinos--details-item .img-svg {
    margin-right: .75rem;
    max-width: 1.25rem
}

.casinos--pros-cons {
    width: 100%;
    margin: 0 auto;
    background-color: #f7f7fa;
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    border-radius: 16px;
    padding: 1.5rem;
    color: rgba(0, 0, 0, .75)
}

.casinos--pros-cons .casinos--pros-cons-title {
    color: #000
}

@media print, screen and (min-width: 40em) {
    .casinos--pros-cons-container {
        position: relative;
        z-index: 1;
        margin-top: 2rem;
        padding-bottom: 3.125rem
    }

    .casinos--pros-cons-container::before {
        content: "";
        position: absolute;
        top: -6px;
        bottom: 0;
        left: -0.9375rem;
        width: 100vw;
        background: #fff;
        opacity: 1;
        z-index: -1
    }
}

@media screen and (min-width: 75em) {
    .casinos--pros-cons-container::before {
        left: calc(-1 * (100vw - 76.25rem) / 2 - .9375rem)
    }
}

@media screen and (max-width: 600px) {
    .casinos--pros-cons {
        margin-top: 0;
        background-color: rgba(255, 255, 255, .96);
        margin-bottom: 1.25rem
    }
}

.casinos--pros-cons-group {
    margin-bottom: 1rem
}

.casinos--pros-cons-item {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 1.875rem
}

.casinos--pros-cons-item svg, .casinos--pros-cons-item .img-svg {
    position: absolute;
    left: 0;
    top: 2px
}

.casinos--video-group {
    border-right: 1px solid rgba(27, 10, 127, .04);
    padding-right: 2rem;
    min-height: 100%
}

.casinos--video-group .wp-block-heading {
    color: #000
}

@media print, screen and (max-width: 63.99875em) {
    .casinos--video-group {
        padding-right: 0;
        border-right: 0px
    }
}

.casinos--video {
    padding-top: 0%;
    border-radius: 12px;
    overflow: hidden;
    background-color: #78be21;
    position: relative;
    display: block
}

@media print, screen and (max-width: 63.99875em) {
    .casinos--video {
        margin-bottom: 1rem
    }
}

.casinos--video:hover svg, .casinos--video:hover .img-svg {
    opacity: .75
}

.casinos--video .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.casinos--video svg, .casinos--video .img-svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all .25s ease-in-out
}

.casinos--partner-logos {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: .75rem
}

@media print, screen and (min-width: 40em) {
    .casinos--partner-logos:not(.allow-overflow) {
        max-height: 25.9375rem;
        overflow-y: auto
    }
}

.casinos--partner-logo {
    width: calc(25% - 9px);
    padding-top: 13%;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.casinos--partner-logo img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media print, screen and (min-width: 40em) {
    .casinos--partner-logo-more-container {
        border-radius: 10px;
        background: #11064f;
        padding: 20px;
        display: none;
        width: 350px;
        flex-wrap: wrap;
        gap: 12px;
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%)
    }

    .casinos--partner-logo-more-container:hover {
        display: flex
    }

    .casinos--partner-logo-more-container::before {
        content: "";
        position: absolute;
        top: 100%;
        right: 45px;
        border-width: 9px 5px 1px 5px;
        border-style: solid;
        border-color: #11064f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
    }
}

@media print, screen and (max-width: 63.99875em) {
    .casinos--partner-logo-more-container {
        position: relative;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: .75rem
    }

    .casinos--partner-logo-more-container > a:first-child {
        display: none
    }
}

.casinos--partner-logo-showmore {
    background-color: #7c7a9a;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.casinos--partner-logo-showmore:hover + .casinos--partner-logo-more-container {
    display: flex !important
}

.casinos--thoughts-block {
    padding-bottom: 0;
    overflow: hidden
}

.casinos--rating-tile {
    margin: 1.5625rem 0 0 0;
    padding-top: 1.5625rem;
    border-top: 1px solid #efeef4
}

.casinos--rating-tile p {
    margin: 0
}

.casinos--rating-tile--star-rating {
    background: #fff;
    cursor: pointer;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    padding: .4375rem;
    border-radius: 5px
}

.casinos--rating-tile--star-rating-total {
    background: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    padding: .4375rem;
    border-radius: 5px
}

.casinos--rating-tile--star-rating-container {
    display: flex;
    align-items: center
}

.casinos--rating-tile--star-rating-container span, .casinos--rating-tile--star-rating-container p {
    margin-left: 7px
}

.casinos--rating-tile--star-rating-container.main {
    justify-content: end;
    margin-right: 0
}

.casinos--rating-tile--star-rating-container.main p {
    margin-left: 0;
    margin-right: 7px
}

@media print, screen and (min-width: 40em) {
    .casinos--rating-tile--more-info {
        position: absolute;
        display: none;
        background: #fff;
        width: 18.75rem;
        bottom: 55px;
        padding: 10px;
        z-index: 1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        border-radius: 5px
    }

    .casinos--rating-tile--more-info.open {
        display: block
    }

    .casinos--rating-tile--more-info::before {
        content: "";
        position: absolute;
        border-width: 10px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
        transform: rotate(180deg);
        bottom: -20px;
        left: 37px
    }

    .casinos--rating-tile--one-rating {
        position: relative
    }

    .casinos--rating-tile--one-rating:not(:first-child) {
        margin-left: 35px
    }

    .casinos--rating-tile--show-button {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .casinos--rating-tile {
        padding-top: 0;
        border-top: none
    }

    .casinos--rating-tile--mobile-full {
        width: 100% !important
    }

    .casinos--rating-tile--star-rating-total {
        width: 9.0625rem
    }

    .casinos--rating-tile--star-rating-container:not(.main) {
        flex-direction: row-reverse
    }

    .casinos--rating-tile--star-rating-container {
        width: 100%;
        text-align: left;
        padding: .5rem 0;
        border-top: 1px solid #efeef4;
        margin-left: 0 !important
    }

    .casinos--rating-tile--star-rating-container :first-child {
        margin-top: 0
    }

    .casinos--rating-tile .main {
        width: 100%
    }

    .casinos--rating-tile p {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .casinos--rating-tile--more-info {
        height: 0;
        display: none
    }

    .casinos--rating-tile--more-info.open {
        height: auto;
        display: block;
        margin-bottom: .3125rem
    }

    .casinos--rating-tile--show-button {
        display: inline-block;
        filter: invert(1);
        transition: transform .3s;
        transform: rotate(-90deg)
    }

    .casinos--rating-tile--show-button.open {
        transform: rotate(0);
        transition: transform .3s
    }
}

.page-tile {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 12px
}

.page-tile--image {
    display: block;
    padding-top: 64%;
    position: relative;
    margin-bottom: 1.1875rem
}

.page-tile--image img {
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-tile--title a {
    color: #000
}

.page-tile--title a:hover, .page-tile--title a:focus {
    color: #78be21
}

.page-tile--intro {
    font-size: .875rem;
    color: #000
}

.page-tile--intro p {
    margin-bottom: 0
}

.search-tile {
    background-color: rgba(27, 10, 127, .04);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.25rem
}

.search-tile--title {
    color: #000
}

.search-tile--title a {
    color: #000
}

.search-tile--title a:hover, .search-tile--title a:focus {
    color: #c33
}

.search-tile p {
    margin-bottom: 0
}

.nav-mobile-menu--container {
    padding: 5rem .9375rem .9375rem .9375rem
}

.nav-mobile-menu--burger-icon {
    display: inline-block;
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nav-mobile-menu--burger-icon, .nav-mobile-menu--burger-icon::before, .nav-mobile-menu--burger-icon::after {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition-property: background-color, transform;
    transition-duration: .3s
}

.nav-mobile-menu--burger-icon::before, .nav-mobile-menu--burger-icon::after {
    position: absolute;
    content: ""
}

.nav-mobile-menu--burger-icon::before {
    top: -6px
}

.nav-mobile-menu--burger-icon::after {
    top: 6px
}

.nav-mobile-menu--burger-icon.active {
    background-color: rgba(0, 0, 0, 0)
}

.nav-mobile-menu--burger-icon.active::before {
    transform: translateY(6px) rotate(45deg)
}

.nav-mobile-menu--burger-icon.active::after {
    transform: translateY(-6px) rotate(-45deg)
}

.nav-mobile-menu--burger {
    display: flex;
    justify-content: center;
    min-width: 1.875rem
}

.nav-mobile-menu--nav {
    padding-top: 1.5625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: 1.5625rem
}

.nav-mobile-menu--list.menu a {
    color: #fff
}

.nav-mobile-menu--list.menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, .16)
}

.nav-mobile-menu--list.menu > li .submenu-toggle {
    text-align: center;
    height: 3.25rem
}

.nav-mobile-menu--list.menu > li .submenu-toggle:after {
    display: none
}

.nav-mobile-menu--list.menu > li .submenu-toggle:before {
    content: "";
    display: inline-block;
    transform: rotate(270deg);
    transition: all .25s ease-in-out;
    margin-top: .25rem
}

.nav-mobile-menu--list.menu > li .submenu-toggle[aria-expanded=true]:before {
    transform: rotate(360deg)
}

.nav-mobile-menu--list.menu > li > a {
    font-size: 1rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-weight: 600;
    position: relative;
    padding-left: 2.5rem
}

.nav-mobile-menu--list.menu > li > a .menu-icon {
    background-size: auto auto;
    width: 24px;
    height: 24px;
    display: block;
    margin-right: .375rem;
    position: absolute;
    left: 0;
    top: 13px
}

.nav-mobile-menu--list .submenu {
    background-color: rgba(255, 255, 255, .08);
    margin: 0 0 .75rem 0;
    padding-top: .625rem;
    padding-bottom: .625rem;
    border-radius: 12px
}

.nav-mobile-menu--list .submenu > a {
    padding-top: .125rem;
    padding-bottom: .125rem;
    display: block
}

.nav-mobile-menu--langs {
    padding-top: 1.5625rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-bottom: 1.5625rem
}

body.error404 .content {
    min-height: 70vh
}

body.error404 h1 {
    font-size: 5.25rem;
    color: #11064f
}

body.error404 h2 {
    color: #11064f
}

.pros-cons--two-col {
    -moz-column-count: 2;
    column-count: 2;
    margin-left: 0 !important
}

.pros-cons--two-col li {
    margin-top: 0 !important;
    list-style: none;
    list-style-image: url("../images/svg/casinos-like.svg");
    margin-left: 1.5rem !important;
    padding-left: 6px;
    margin-bottom: .675rem !important;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.pros-cons--two-col li:nth-last-child(n) {
    margin-right: 1rem
}

.pros-cons--two-col li p {
    position: relative;
    bottom: 4px;
    margin-bottom: 5px
}

.pros-cons--two-col.dislike li {
    list-style-image: url("../images/svg/casinos-dislike.svg")
}

.pros-cons--title-custom {
    font-size: 1.3rem
}

@media only screen and (max-width: 40em) {
    .pros-cons--two-col {
        -moz-column-count: auto !important;
        column-count: auto !important;
        -webkit-column-count: auto !important
    }
}

.blockwitharrow--container {
    color: #000
}

.blockwitharrow--container :hover .img-svg {
    filter: invert(53%) sepia(99%) saturate(346%) hue-rotate(44deg) brightness(101%) contrast(95%)
}

.blockwitharrow--image {
    width: 104px;
    height: auto
}

@media screen and (max-width: 639px) {
    .blockwitharrow--content {
        padding-top: 11px
    }
}

@media screen and (min-width: 640px) {
    .blockwitharrow--content {
        padding-left: 30px
    }
}

.highlight--container {
    width: 100%;
    background-color: rgba(27, 10, 127, .04);
    border-radius: 12px;
    padding: 2.1875rem 1.5625rem 1.5625rem;
    margin-bottom: 1.25rem
}

.didyouknow--container-header {
    border-radius: 12px 12px 0 0;
    padding: .9375rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff
}

.didyouknow--container-header.xslots-bg-blue {
    background: #0c0437
}

.didyouknow--container-header.xslots-bg-green {
    background: #78be21
}

.didyouknow--container {
    background-color: rgba(27, 10, 127, .04);
    border-radius: 0 0 12px 12px;
    padding: 1.25rem;
    margin-bottom: 1.25rem
}

.gridwithicons--content {
    padding-bottom: .625rem;
    width: 95%
}

.gridwithicons--content p {
    margin: 0
}

.gridwithicons--image img {
    height: 1.25rem;
    width: 1.25rem
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../src/fonts/Poppins-Regular.woff2) format("woff2")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../../src/fonts/Poppins-SemiBold.woff2) format("woff2")
}