/*------------------------------------------------------------------
Website: Default
--------------------------------------------------------------------

[TABLE OF CONTENTS] 01. General - typography - form - slick slider - modal - table - swipe button 02. Header - homeslider - marquees - game menu
 03. Footer 04. Game 05. Promo 06. Basic Page 07. Rating 09. Member Page - member panel - form - transfer / history - profile 10. Form Page - register 11. etv 12. spin

-------------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }

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

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }
a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]) { color: inherit; text-decoration: none; }
a:not([href]):hover { color: inherit; text-decoration: none; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

select { word-wrap: normal; }

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

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

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

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

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

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

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

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

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

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }

h1, .h1 { font-size: 2.5rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.75rem; }

h4, .h4 { font-size: 1.5rem; }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

small, .small { font-size: 80%; font-weight: 400; }

mark, .mark { padding: 0.2em; background-color: #fcf8e3; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

.blockquote-footer { display: block; font-size: 80%; color: #6c757d; }
.blockquote-footer::before { content: "\2014\00A0"; }

.img-fluid { max-width: 100%; height: auto; }

.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #6c757d; }

code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; }
a > code { color: inherit; }

kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; }
kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }

pre { display: block; font-size: 87.5%; color: #212529; }
pre code { font-size: inherit; color: inherit; word-break: normal; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container, .container-sm { max-width: 540px; } }
@media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } }
@media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } }
@media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

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

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

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

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

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

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

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.3333333333%; }
  .offset-sm-2 { margin-left: 16.6666666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333333333%; }
  .offset-sm-5 { margin-left: 41.6666666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333333333%; }
  .offset-sm-8 { margin-left: 66.6666666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333333333%; }
  .offset-sm-11 { margin-left: 91.6666666667%; } }
@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.3333333333%; }
  .offset-md-2 { margin-left: 16.6666666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333333333%; }
  .offset-md-5 { margin-left: 41.6666666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333333333%; }
  .offset-md-8 { margin-left: 66.6666666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333333333%; }
  .offset-md-11 { margin-left: 91.6666666667%; } }
@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.3333333333%; }
  .offset-lg-2 { margin-left: 16.6666666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333333333%; }
  .offset-lg-5 { margin-left: 41.6666666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333333333%; }
  .offset-lg-8 { margin-left: 66.6666666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333333333%; }
  .offset-lg-11 { margin-left: 91.6666666667%; } }
@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.3333333333%; }
  .offset-xl-2 { margin-left: 16.6666666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333333333%; }
  .offset-xl-5 { margin-left: 41.6666666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333333333%; }
  .offset-xl-8 { margin-left: 66.6666666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333333333%; }
  .offset-xl-11 { margin-left: 91.6666666667%; } }
.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-primary { background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; }

.bg-secondary { background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; }

.bg-success { background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; }

.bg-info { background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; }

.bg-warning { background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; }

.bg-danger { background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; }

.bg-light { background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; }

.bg-dark { background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #007bff !important; }

.border-secondary { border-color: #6c757d !important; }

.border-success { border-color: #28a745 !important; }

.border-info { border-color: #17a2b8 !important; }

.border-warning { border-color: #ffc107 !important; }

.border-danger { border-color: #dc3545 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #343a40 !important; }

.border-white { border-color: #fff !important; }

.rounded-sm { border-radius: 0.2rem !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-lg { border-radius: 0.3rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-pill { border-radius: 50rem !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; } }
@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; } }
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive::before { display: block; content: ""; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.8571428571%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; } }
.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }
@media (min-width: 768px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }
@media (min-width: 992px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }
@media (min-width: 1200px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }
.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.min-vw-100 { min-width: 100vw !important; }

.min-vh-100 { min-height: 100vh !important; }

.vw-100 { width: 100vw !important; }

.vh-100 { height: 100vh !important; }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-n1 { margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }
@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-n1 { margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }
@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-n1 { margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }
@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-n1 { margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }
.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify { text-align: justify !important; }

.text-wrap { white-space: normal !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }
@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }
@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }
@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }
.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-lighter { font-weight: lighter !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-weight-bolder { font-weight: bolder !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; }

.text-secondary { color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; }

.text-success { color: #28a745 !important; }

a.text-success:hover, a.text-success:focus { color: #19692c !important; }

.text-info { color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus { color: #0f6674 !important; }

.text-warning { color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; }

.text-danger { color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus { color: #cbd3da !important; }

.text-dark { color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus { color: #121416 !important; }

.text-body { color: #212529 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.text-decoration-none { text-decoration: none !important; }

.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }

.text-reset { color: inherit !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

/*-------------------------------------------------------------------
01. General
-------------------------------------------------------------------*/
*:focus { outline: none; }

html, body { overflow-x: hidden; width: 100%; font-size: 14px; }

body { -webkit-font-smoothing: antialiased; color: white; line-height: 24px; background: #242b33 url(../img/bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding-top: 50px; }

/* typography */
a, a:hover, a:focus { text-decoration: none; color: white; transition: .3s; }

button, button:hover, button:focus { border: none; outline: none; }

iframe { border: 0; }

.small-text { font-size: 12px; }

.btn { background-color: #04a8ff; color: white; text-transform: uppercase; font-weight: bold; font-size: 12px; cursor: pointer; height: 40px; width: 100px; display: flex; justify-content: center; align-items: center; }
.btn.yellow { background-color: #ffb400; color: #111; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 24px; text-transform: uppercase; }

h2 { font-size: 24px; }
h2.section-title { font-size: 18px; text-align: center; text-transform: uppercase; margin-bottom: 30px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

.hidden { display: none; }

/* form */
form[class*="form-"] { color: white; }
form[class*="form-"] .field-item { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); color: white; transition: .5s; height: 50px; width: 100%; padding: 9px 15px; font-size: 16px; }
form[class*="form-"] .field-item[readonly] { padding: 0; border: 0; height: 24px; font-weight: bold; opacity: .8; }
form[class*="form-"] .field-item:hover, form[class*="form-"] .field-item:focus { outline: none; }
form[class*="form-"] .field-item:focus { border-color: white; }
form[class*="form-"] .field-item::placeholder { color: white; opacity: .5; }
form[class*="form-"] .field-item:-ms-input-placeholder { color: white; opacity: .5; }
form[class*="form-"] .field-item::-ms-input-placeholder { color: white; opacity: .5; }
form[class*="form-"] .field-component .error { display: block; color: #ff7a78; width: 100%; float: none; font-size: 12px; line-height: 120%; }

select.field-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; background: url(../img/arrow.png) no-repeat right center; background-size: auto 18%; }

.field-item.date-picker { background: url(../img/date.png) no-repeat right center; background-size: auto 45%; }

/* slick */
.slick-slider .slick-dots { position: absolute; bottom: 0; left: 0; display: flex; flex-wrap: wrap; margin: 0; padding: 0; padding: 0 15px; }
.slick-slider .slick-dots li { display: block; opacity: .5; transition: .5s; }
.slick-slider .slick-dots li button { font-size: 0; line-height: 0; background: transparent; padding: 0 8px 30px; }
.slick-slider .slick-dots li button::before { content: ""; display: block; width: 20px; height: 2px; background-color: white; transition: .5s; }
.slick-slider .slick-dots li button:hover::before { background-color: #04a8ff; }
.slick-slider .slick-dots li.slick-active { opacity: 1; }
.slick-slider .slick-dots li.slick-active button::before { width: 48px; background-color: #04a8ff; transform: scaleY(2); }

/* modal */
.modal { display: none; color: #111; width: 768px; max-width: 100%; padding: 0; }
.modal .modal-header { text-transform: uppercase; padding: 30px; }
.modal .modal-header + .modal-body { padding-top: 0; }
.modal .modal-body { padding: 30px; line-height: 120%; }
.modal .modal-body ol, .modal .modal-body ul { padding-left: 25px; }
.modal .modal-body ol li + li, .modal .modal-body ul li + li { margin-top: 8px; }

/* table */
.table-list { display: table; table-layout: fixed; width: 100%; }
.table-list .table-list-row { display: table-row; }
.table-list .table-list-item { display: table-cell; }

.page-content { margin: 30px 0 100px; padding: 0 15px; }
.page-content ol, .page-content ul { padding-left: 30px; }
.page-content ol li + li, .page-content ul li + li { margin-top: 15px; }

/* swipe button */
.fancybox-content#playnow { background-color: transparent; color: white; }
.fancybox-content#playnow .modal-header { text-align: center; opacity: .8; }

#launchGamebtn { background-color: #ffb400; color: #111; width: 280px; max-width: 100%; height: 80px; border: white; border-radius: 40px; display: flex; align-items: center; justify-content: center; margin: auto; font-size: 22px; }

.swipe-btn-play { position: relative; background-color: rgba(255, 255, 255, 0.2); width: 280px; max-width: 100%; height: 80px; border: white; border-radius: 40px; display: flex; align-items: center; justify-content: center; margin: auto; }
.swipe-btn-play .swipe-btn { transition: width 0.3s, border-radius 0.3s, height 0.3s; position: absolute; left: -8px; background-color: #ffb400; color: #111; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 100%; }
.swipe-btn-play .swipe-btn.unlocked { transition: all 0.3s; width: inherit; left: 0 !important; height: inherit; border-radius: inherit; }
.swipe-btn-play .slide-text { font-size: 16px; }

/*-------------------------------------------------------------------
02. Header
-------------------------------------------------------------------*/
header { position: fixed; left: 0; top: 0; display: block; width: 100%; background-color: #1d3045; z-index: 9; }
header .navbar > .wrapper { height: 50px; padding: 0; display: flex; justify-content: space-between; align-items: center; }

.navbar-brand { display: inline-block; position: absolute; left: 50%; top: 8px; transform: translateX(-50%); margin-left: 22px; }
.navbar-brand img { display: block; width: 130px; }

#burger-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }
#burger-btn .burger-btn-wrap { padding: 15px; }
#burger-btn .burger-btn-wrap span { display: block; height: 2px; background-color: white; }
#burger-btn .burger-btn-wrap span:nth-child(1) { width: 20px; }
#burger-btn .burger-btn-wrap span:nth-child(2) { width: 15px; margin: 5px 0; }
#burger-btn .burger-btn-wrap span:nth-child(3) { width: 15px; }

.lang-opt { display: flex; position: relative; justify-content: center; align-items: center; height: 50px; padding: 0 8px; }
.lang-opt .lang-now { font-size: 12px; line-height: 100%; font-weight: bold; text-transform: uppercase; display: flex; justify-content: center; align-items: center; }
.lang-opt .lang-now i { font-size: 18px; margin-right: 5px; }
.lang-opt i.fa-sort-down { width: 10px; height: 8px; margin-left: 5px; display: block; line-height: 0; opacity: .5; }
.lang-opt .lang-list { list-style: none; position: absolute; display: none; padding: 0; margin: 0; right: 0; top: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); }
.lang-opt .lang-list a { display: block; width: 100%; padding: 5px 15px; line-height: 100%; }
.lang-opt .lang-list a:hover, .lang-opt .lang-list a:focus { background-color: #04a8ff; color: white; }
.lang-opt .lang-list li:first-child a { padding-top: 10px; }
.lang-opt .lang-list li:last-child a { padding-bottom: 10px; }

.fancybox-morphing .fancybox-content { background-color: transparent; padding: 0; overflow: visible; }

#burger-menu .fancybox-slide { padding: 0; }
#burger-menu .navbar-nav { display: flex; flex-direction: column; padding: 60px 0; }
#burger-menu .each { display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 11px; flex-direction: column; margin-top: 20px; }
#burger-menu .each:first-child { margin-top: 0; }
#burger-menu .each i { font-size: 24px; display: flex; float: left; text-align: center; justify-content: center; align-items: center; margin-bottom: 5px; }
#burger-menu .each img { display: block; width: 100px; margin-bottom: 8px; }
#burger-menu .copyright { font-size: 12px; text-align: center; line-height: 120%; padding-bottom: 15px; text-transform: capitalize; }
#burger-menu .copyright a { display: inline-block; padding: 0 5px; margin: 2px 0; }
#burger-menu .copyright a + a { border-left: 1px solid rgba(255, 255, 255, 0.5); }

#contact .modal-header { text-align: center; }
#contact .modal-body { text-align: center; }
#contact .modal-body .each { display: flex; flex-direction: column; }
#contact .modal-body .each img { width: 100px; margin: auto; }
#contact .modal-body .each img + a { display: block; text-align: center; margin-top: 8px; }
#contact .modal-body .each a { color: #111; line-height: 120%; }
#contact .modal-body .each + .each { margin-top: 30px; }

.homeslider { position: relative; }
.homeslider .each { text-align: center; position: relative; background-size: cover; height: unset; }
.homeslider .each img { width: 100%; }
.homeslider .each.half { display: flex; }
.homeslider .each.half .imgwrap { width: 50%; }
.homeslider .each.half .iframewrap { width: 50%; }
.homeslider .each .content-wrap { position: absolute; padding: 0 40px; width: 100%; left: 0; top: 0; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.homeslider .each .content-wrap h2 { text-transform: uppercase; margin: 0; line-height: 120%; }
.homeslider .each .content-wrap h2 + p { margin: 0; margin-top: 15px; line-height: 120%; }
.homeslider .each .content-wrap a.btn { margin-top: 15px; }
.homeslider .slick-arrow { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 25px; height: 50px; font-size: 20px; background-color: rgba(0, 0, 0, 0.3); }
.homeslider .slick-arrow.slick-prev { left: 0; }
.homeslider .slick-arrow.slick-next { right: 0; }

/* marquees */
.section-marquees { display: flex; width: 100%; align-items: center; margin: 0 auto; background-color: #1b1d23; }
.section-marquees label { font-size: 18px; line-height: 100%; padding: 0 2px 0 15px; margin: 0; }
.section-marquees marquee { height: 30px; font-size: 14px; }
.section-marquees marquee div { display: inline-block; line-height: 30px; margin-right: 100px; }

/* game menu */
#mainmenu { height: 80px; width: 100vw; overflow-x: scroll; background-color: rgba(21, 36, 53, 0.65); -ms-overflow-style: none; scrollbar-width: none; }
#mainmenu::-webkit-scrollbar { display: none; }
#mainmenu .navbar-nav { width: auto; height: 100%; display: flex; align-items: center; }
#mainmenu .navbar-nav::after, #mainmenu .navbar-nav::before { content: " "; display: block; padding: 2px; }
#mainmenu a.nav-link { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 120%; padding: 5px 8px; }
#mainmenu a.nav-link img { width: 40px; margin-bottom: 5px; }
#mainmenu a.nav-link.active, #mainmenu a.nav-link:hover { background-color: #04a8ff; }

/* member panel */
.member-panel { display: flex; background-color: rgba(27, 29, 35, 0.4); justify-content: space-between; align-items: center; line-height: 120%; height: 50px; padding: 0 5px; }
.member-panel h3 { text-transform: uppercase; font-size: 14px; margin: 0; padding: 0 5px; }
.member-panel .balance-wrap { display: flex; padding: 0 5px; font-size: 12px; align-items: center; }
.member-panel .balance-wrap .label { font-size: 16px; margin-right: 5px; }
.member-panel .balance-wrap a.reload { color: #ffb400; font-size: 16px; line-height: 50px; margin-left: 5px; }

/*-------------------------------------------------------------------
03. Footer
-------------------------------------------------------------------*/
footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; }
footer .visitor-link { display: flex; height: 60px; }
footer .visitor-link a { display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; font-weight: bold; text-transform: uppercase; font-size: 12px; }
footer .visitor-link .login-btn { background-color: #04a8ff; color: white; }
footer .visitor-link .reg-btn { background-color: #ffb400; color: #111; }
footer .member-link { display: flex; height: 60px; background-color: #1d3045; padding-right: 80px; }
footer .member-link a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% / 4); height: 100%; text-transform: uppercase; font-size: 10.5px; letter-spacing: -1px; line-height: 120%; }
footer .member-link a:focus, footer .member-link a:hover { background-color: rgba(0, 0, 0, 0.2); }
footer .member-link a i { font-size: 18px; margin-bottom: 5px; }
footer .member-link a + a { border-left: solid 1px rgba(5, 23, 34, 0.5); }

/*-------------------------------------------------------------------
04. Game
-------------------------------------------------------------------*/
.page-game .game-list { display: flex; flex-wrap: wrap; justify-content: center; margin: -5px; }
.page-game .game-list .each { width: calc(50% - 10px); margin: 5px; }
.page-game .game-list .each .cover { background-color: #1b1d23; }
.page-game .game-list .each .cover img { width: 100%; }
.page-game .game-list .each .content { font-weight: bold; text-transform: uppercase; position: relative; display: flex; height: 70px; padding-top: 10px; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.1); }
.page-game .game-list .each .content .links-wrap { position: absolute; width: 100%; height: 47px; display: flex; justify-content: center; bottom: 100%; transform: translateY(50%); font-size: 12px; }
.page-game .game-list .each .content .links-wrap > a { width: 60px; height: 47px; color: black; display: flex; justify-content: center; align-items: center; padding-bottom: 5px; background-image: url(../img/play-btn.png); background-repeat: no-repeat; background-size: cover; }
.page-game .game-list .each .content .links-wrap > a.download { color: white; font-size: 22px; background-image: url(../img/download-btn.png); }
.page-game .game-list .each .content .links-wrap > a.maintenance { font-size: 22px; /*background-image: url(../img/maintenance-btn.png);*/ }
.page-game .game-list .each .content .links-wrap > a + a { margin-left: 5px; }
.page-game .game-list .each .content .name { color: white; }

.page-livescore .page-content, .page-iframe .page-content { margin-top: 0; padding: 0; margin-bottom: 60px; }

/*-------------------------------------------------------------------
05. Promo
-------------------------------------------------------------------*/
.page-promo .promo-list { display: flex; margin: -15px; flex-wrap: wrap; justify-content: center; }
.page-promo .promo-list .each { margin: 15px; width: calc(50% - 30px); position: relative; background-color: black; overflow: hidden; }
@media (max-width: 991px) { .page-promo .promo-list .each { width: 400px; max-width: calc(100% - 30px); } }
.page-promo .promo-list .each img { transition: .3s; width: 100%; }
.page-promo .promo-list .each .hover { display: flex; opacity: 0; transform: scale(0); transition: .5s; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.page-promo .promo-list .each .hover a { display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 15px; background-color: #ffb400; text-transform: uppercase; color: #111; font-size: 12px; font-weight: bold; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.page-promo .promo-list .each:hover img { opacity: .5; }
.page-promo .promo-list .each:hover .hover { opacity: 1; transform: scale(1); }

/*-------------------------------------------------------------------
06. Basic Page
-------------------------------------------------------------------*/
.page-basic .page-content { line-height: 120%; }
.page-basic .page-content h1 { font-size: 24px; text-transform: uppercase; margin-bottom: 15px; }
.page-basic .page-content p { margin-bottom: 0; }
.page-basic .page-content * + * { margin-top: 10px; }

/*-------------------------------------------------------------------
07. Rating
-------------------------------------------------------------------*/
.page-content .rating { display: flex; flex-wrap: wrap; justify-content: center; margin: -15px; }
.page-content .rating .each { width: 150px; max-width: calc(100% - 30px); margin: 15px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.page-content .rating .each span { font-size: 18px; line-height: 100%; }
.page-content .rating .each span + span { margin-top: 4px; color: #ffb400; width: 150px; height: 30px; border-radius: 15px; background-color: rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; }
.page-content .rating .each span + span i + i { margin-left: 2px; }

/*-------------------------------------------------------------------
09. Member Pages
-------------------------------------------------------------------*/
.page-member .member-panel { min-height: 80px; }
.page-member h1 { margin-bottom: 15px; }
.page-member .depositclaim-wrap { padding: 15px; margin-bottom: 10px; background: rgba(29, 48, 69, 0.8); }
.page-member .depositclaim-wrap .each { display: flex; align-items: center; margin-bottom: 3px; }
.page-member .depositclaim-wrap .each p { font-weight: bold; color: #ffb400; font-size: 13px; margin-bottom: 0; }
.page-member .depositclaim-wrap .each button.btn { margin-left: 10px; height: unset; width: unset; }
.page-member form { display: flex; flex-direction: column; width: 100%; }
.page-member .field-group { display: flex; margin-bottom: 15px; flex-direction: column; }
.page-member .field-label { width: 100%; margin: 0; padding-right: 15px; color: #04a8ff; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.page-member .field-component { width: 100%; }
.page-member .field-component img { max-width: 200px; }
.page-member input[type="checkbox"] { margin-top: 2px; margin-right: 8px; }
.page-member input[type="checkbox"] + label { line-height: 120%; }
.page-member .payment-list { display: flex; flex-wrap: wrap; margin: -4px -4px; }
.page-member .payment-list input[type="radio"] { width: 0; height: 0; padding: 0; margin: 0; opacity: 0; }
.page-member .payment-list label { margin: 4px; display: flex; cursor: pointer; width: auto; height: 45px; padding: 5px 8px; justify-content: center; align-items: center; transition: .3s; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 4px; width: 100%; }
.page-member .payment-list label img { filter: grayscale(1); transition: .3s; height: 30px; margin-right: 8px; }
.page-member .payment-list label span { margin: 0; font-weight: 600; opacity: .8; transition: .3s; white-space: nowrap; text-transform: uppercase; }
.page-member .payment-list input:checked + label { transform: scale(1.02); border-color: #ffb400; background-color: rgba(0, 0, 0, 0.3); }
.page-member .payment-list input:checked + label img { filter: grayscale(0); }
.page-member .payment-list input:checked + label span { opacity: 1; }
.page-member .form-action { margin-top: 50px; display: flex; justify-content: center; }

/* transfer, history */
.page-transfer #accordion, .page-history #accordion, .page-profile #accordion { margin-bottom: 15px; }
.page-transfer #accordion .cb-heading, .page-history #accordion .cb-heading, .page-profile #accordion .cb-heading { border-radius: 0; background-color: rgba(27, 29, 35, 0.6); border: 0; color: white; margin: 0; font-size: 16px; font-weight: bold; text-transform: capitalize; position: relative; height: 50px; display: flex; justify-content: start; align-items: center; padding: 0 15px; background-image: url(../img/ico-plus.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; }
.page-transfer #accordion .cb-heading.ui-accordion-header-active, .page-history #accordion .cb-heading.ui-accordion-header-active, .page-profile #accordion .cb-heading.ui-accordion-header-active { background-image: url(../img/ico-minus.png); }
.page-transfer #accordion .cb-heading span.ui-icon, .page-history #accordion .cb-heading span.ui-icon, .page-profile #accordion .cb-heading span.ui-icon { display: none; }
.page-transfer #accordion .cb-wrap, .page-history #accordion .cb-wrap, .page-profile #accordion .cb-wrap { background-color: transparent; padding: 0; border: 0; }

form.form-transfer, form.form-history { width: 100%; }
form.form-transfer .field-group, form.form-history .field-group { flex-wrap: wrap; justify-content: center; }
form.form-transfer .field-group span.balance, form.form-history .field-group span.balance { color: #ffb400; display: block; font-size: 12px; font-weight: bold; }
form.form-transfer .form-action, form.form-history .form-action { justify-content: center; margin-top: 30px; }
form.form-transfer .form-action #btnalltransfer, form.form-history .form-action #btnalltransfer { width: auto; padding: 0 15px; }
form.form-transfer .sync-date, form.form-history .sync-date { display: flex; margin: 2px -2px -2px -2px; }
form.form-transfer .sync-date input, form.form-history .sync-date input { padding: 0; margin: 0; width: 0; height: 0; opacity: 0; display: none; }
form.form-transfer .sync-date label, form.form-history .sync-date label { display: block; margin: 2px; padding: 5px 8px; background-color: #163851; font-weight: bold; cursor: pointer; }

.member-wallet .each { display: flex; width: 100%; border: 1px solid #164a73; background-color: #1f242c; justify-content: space-between; color: white; padding: 0 15px; }
.member-wallet .each:not(:last-child) { border-bottom: 0; }
.member-wallet .each .left, .member-wallet .each .right { display: flex; flex-direction: column; justify-content: center; line-height: 100%; padding: 8px 0; }
.member-wallet .each .left span { font-size: 14px; }
.member-wallet .each .left a { margin-top: 8px; font-size: 12px; font-weight: bold; background-color: #04a8ff; text-transform: uppercase; display: block; width: 80px; padding: 5px 8px; text-align: center; color: white; }
.member-wallet .each .right { align-items: flex-end; }
.member-wallet .each .right span { font-size: 11px; text-transform: uppercase; }
.member-wallet .each .right span.amt { font-weight: bold; font-size: 16px; color: #04a8ff; margin-top: 5px; }

.page-history .page-content { margin-bottom: 60px; }
.page-history .history-result, .page-history .statement-result { margin-top: 50px; background-color: rgba(27, 29, 35, 0.8); margin: 30px -15px 0; }
.page-history .history-result .no-result, .page-history .statement-result .no-result { padding: 15px; min-height: 50px; display: flex; justify-content: center; align-items: center; }
.page-history .history-result .each, .page-history .statement-result .each { display: flex; flex-wrap: wrap; padding: 15px 0; }
.page-history .history-result .each div, .page-history .statement-result .each div { width: 50%; padding: 5px 15px; line-height: 120%; }
.page-history .history-result .each div .btn, .page-history .statement-result .each div .btn { margin: 0; width: auto; line-height: 1; }
.page-history .history-result .each div:nth-child(odd), .page-history .statement-result .each div:nth-child(odd) { text-align: right; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.page-history .history-result .each div.rejected, .page-history .statement-result .each div.rejected { color: red; text-transform: capitalize; font-weight: bold; }
.page-history .history-result .each div.approved, .page-history .statement-result .each div.approved { color: greenyellow; text-transform: capitalize; font-weight: bold; }
.page-history .history-result .each div:nth-child(even), .page-history .statement-result .each div:nth-child(even) { position: relative; }
.page-history .history-result .each div:nth-child(even)::before, .page-history .statement-result .each div:nth-child(even)::before { content: ":"; display: block; position: absolute; left: -2px; top: 5px; color: white; font-weight: normal; line-height: 100%; }
.page-history .history-result .each:not(:last-child), .page-history .statement-result .each:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/* profile */
.page-profile .profile-details-wrap { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.page-profile .profile-details-wrap .each { width: 100%; margin-bottom: 15px; display: flex; flex-direction: column; }
.page-profile .profile-details-wrap .each.bank-details { width: calc(100% - 10px); }
.page-profile .profile-details-wrap .each.bank-details .bd-group { display: flex; width: 100%; align-items: center; margin-top: 8px; }
.page-profile .profile-details-wrap .each.bank-details .bd-group img { margin-right: 8px; width: 50px; }
.page-profile .profile-details-wrap .each.bank-details .bd-group span { display: block; width: 100%; }
.page-profile .profile-details-wrap .subj { font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 100%; color: #04a8ff; }
.page-profile .sc-right form .field-group { flex-direction: column; }
.page-profile .sc-right form .field-component { width: 100%; }
.page-profile .sc-right form label.field-label { width: 100%; padding: 0; }
.page-profile .sc-right form .form-action { margin-top: 30px; }
.page-profile .sc-right form .form-action button { width: 100%; }

/*-------------------------------------------------------------------
10. Register
-------------------------------------------------------------------*/
.page-form .page-content h1 { margin-bottom: 30px; }
.page-form .page-content form { display: flex; flex-wrap: wrap; margin: -5px 0; line-height: 120%; }
.page-form .page-content form .field-group { width: calc(100% - 10px); margin: 0 5px 15px; }
.page-form .page-content form .field-component { position: relative; }
.page-form .page-content form .field-component .field-item + button { position: absolute; right: 1px; top: 1px; height: calc(50px - 2px); background-color: #04a8ff; font-size: 12px; font-weight: bold; color: white; text-transform: uppercase; display: flex; padding: 8px 15px; justify-content: center; align-items: center; }
.page-form .page-content form .field-label { text-transform: uppercase; font-weight: bold; font-size: 14px; margin-bottom: 8px; line-height: 100%; }
.page-form .page-content form span { font-size: 12px; line-height: 120%; margin-top: 5px; display: block; }
.page-form .page-content form span.desc { display: flex; }
.page-form .page-content form span.desc::before { content: "*"; width: 15px; display: block; font-size: 18px; margin-top: 2px; }
.page-form .page-content form .form-action { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-form .page-content form .form-action .btn + .btn { margin-left: 5px; }
.page-form #tac { padding: 30px 15px 15px; width: 380px; background: #0A202F; border: 2px solid #04a8ff; border-radius: 4px; background: -moz-linear-gradient(left, #0A202F 0%, #225073 50%, #0a202f 100%); background: -webkit-linear-gradient(left, #0A202F 0%, #225073 50%, #0a202f 100%); background: linear-gradient(to right, #0A202F 0%, #225073 50%, #0a202f 100%); }
.page-form #tac .box { display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; }
.page-form #tac .title { font-size: 18px; font-weight: bold; text-transform: capitalize; line-height: 1; color: white; }
.page-form #tac .field-group { margin-bottom: 15px; margin-top: 30px; width: 100%; }
.page-form #tac .field-group .field-label { text-transform: uppercase; font-weight: bold; font-size: 14px; margin-bottom: 8px; line-height: 100%; color: white; text-align: left; }
.page-form #tac .field-item { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); color: white; transition: .5s; height: 50px; width: 100%; padding: 9px 15px; font-size: 16px; }
.page-form #tac .num-box { display: flex; margin: 0 -2px 15px -2px; justify-content: space-between; }
.page-form #tac .num-box input { width: 50px; height: 50px; background-color: transparent; color: white; margin: 2px; border: 1px solid rgba(255, 255, 255, 0.4); text-align: center; font-size: 24px; font-weight: bold; }
.page-form #tac .btn-wrap { display: flex; justify-content: space-between; width: 100%; }
.page-form #tac .btn-wrap button { color: #04a8ff; font-weight: bold; text-transform: capitalize; background-color: transparent; border: 0; padding: 0; border-radius: 15px; transition: .3s; }
.page-form #tac .btn-wrap button.disable { opacity: .5; background-color: transparent; color: rgba(255, 255, 255, 0.6); }
.page-form #tac .submit-wrap { margin-top: 30px; }
.page-form #tac .submit-wrap .btn { background-color: #04a8ff; margin: auto; }

/*-------------------------------------------------------------------
12. eTV
-------------------------------------------------------------------*/
.etv-tab { display: flex; justify-content: flex-start; border-bottom: 5px solid #04a8ff; }
.etv-tab a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; font-size: 12px; font-weight: bold; padding: 10px 15px 5px; line-height: 100%; cursor: pointer; }
.etv-tab a.active { background-color: #04a8ff; }
.etv-tab a:not(.active) { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); }
.etv-tab a:not(.active):hover { background-color: #04a8ff; text-shadow: none; }
.etv-tab a + a { margin-left: 15px; }
.etv-tab a i { display: block; font-size: 36px; margin-bottom: 5px; }

/*-------------------------------------------------------------------
12. Spin
-------------------------------------------------------------------*/
.page-spin section.page-content { margin: 0 5px 80px; padding: 0; }
.page-spin footer { margin-top: 0; z-index: 30; }
.page-spin section.spinwheel { position: relative; z-index: 1; }

@keyframes pulseSpin { 0% { box-shadow: inset 0px 0px 80px 50px rgba(0, 0, 0, 0.75), 0px 0px 20px 0px #C59529; }
  100% { box-shadow: inset 0px 0px 50px 50px rgba(0, 0, 0, 0.75), 0px 0px 50px 0px #C59529; } }
.spinwheel { padding: 30px 0; overflow: hidden; }

#segment-wheel { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
#segment-wheel #wheel-container { width: 580px; max-width: 100%; margin: auto; position: relative; }
#segment-wheel #wheel-container::before { border: 3px solid #cca034; content: ""; background: url(../img/wheel/wheel-bg.png) no-repeat center center; background-size: auto 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% - 30px); width: calc(100% - 30px); display: block; position: absolute; z-index: -1; }
#segment-wheel #the-wheel-frame, #segment-wheel #the-wheel, #segment-wheel #the-shadow { pointer-events: none; }
#segment-wheel #the-wheel-frame, #segment-wheel #the-wheel, #segment-wheel #the-shadow, #segment-wheel #the-button { background-size: contain; background-repeat: no-repeat; background-position: center; }
#segment-wheel #the-wheel-frame, #segment-wheel #the-wheel, #segment-wheel #the-shadow, #segment-wheel #the-button, #segment-wheel #result-ticker { position: absolute; overflow: hidden; }
#segment-wheel #the-frame { width: 100%; padding-top: 100%; border-radius: 50%; box-shadow: 0 0 15px black; }
#segment-wheel #the-wheel-frame { z-index: 24; background-image: url("../img/wheel/the-wheel-outer-glow.png"); top: 0; left: 0; right: 0; bottom: 0; }
#segment-wheel #the-wheel { z-index: 18; background-image: url("../img/wheel/the-wheel.png"); filter: contrast(1.5); top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; }
#segment-wheel #the-wheel[state=spinning] { animation: pulseSpin 0.25s alternate infinite; }
#segment-wheel #the-button { z-index: 22; background-image: url("../img/wheel/the-wheel-spin.png"); cursor: pointer; top: 35%; left: 35%; right: 35%; bottom: 35%; }
#segment-wheel #the-shadow { z-index: 20; background-image: url("../img/wheel/the-shadow.png"); top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.5s; opacity: 0; }
#segment-wheel #the-shadow.is-spinning, #segment-wheel #the-shadow[state=spinning] { opacity: 1; }
#segment-wheel #result-ticker { z-index: 26; background-color: rgba(27, 23, 32, 0.8); padding: 8px 0rem; top: 0; left: 0; white-space: nowrap; transition: 0.5s; opacity: 0; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border: 1px solid #cca034; }
#segment-wheel #result-ticker.is-visible { opacity: 1; }
#segment-wheel #result-ticker p { display: block; padding: 0 5px; text-align: center; line-height: 1rem; color: white; font-size: 0.85rem; text-transform: capitalize; }
#segment-wheel #result-ticker p + p { margin: 5px 0; }
#segment-wheel #result-ticker p:nth-of-type(2) { opacity: 0.75; }
#segment-wheel #result-ticker p:nth-of-type(3) { opacity: 0.5; }
#segment-wheel #result-ticker div { padding: 0 5px 8px; }
#segment-wheel #result-ticker div p { white-space: nowrap; font-size: 1rem; text-transform: uppercase; font-weight: 600; padding-bottom: 0.25rem; color: #ffb400; }

#rwc-wallet { display: flex; justify-content: center; align-content: center; flex-direction: column; position: relative; z-index: 3; margin-top: 20px; width: 100%; }
#rwc-wallet .each { display: flex; flex-direction: column; }
#rwc-wallet .each + .each { margin-top: 15px; }
#rwc-wallet .each .frame { height: 55px; min-width: 100px; background-color: rgba(0, 0, 0, 0.35); color: white; border-radius: 4px; display: flex; width: auto; align-items: center; justify-content: space-between; position: relative; padding-left: 80px; padding-right: 8px; }
#rwc-wallet .each img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 70px; }
#rwc-wallet .each span { font-weight: 600; text-transform: uppercase; margin-right: 5px; }
#rwc-wallet .each p { line-height: 1; font-size: 24px; font-weight: 600; margin: 0; }
#rwc-wallet .each .btn { display: flex; text-transform: uppercase; justify-content: center; align-items: center; padding: 0 5px; width: auto; height: 40px; font-size: 14px; border-radius: 20px; margin-left: 8px; }
#rwc-wallet .each:hover a::after, #rwc-wallet .each:focus a::after { width: 100%; }

.gifwheel img.spin { animation-name: rotateSpin; animation-duration: 3s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; }

@keyframes rotateSpin { 0% { transform: rotate(0); }
  50% { transform: rotate(0); }
  100% { transform: rotate(720deg); } }
.spin-banner { display: flex; position: relative; justify-content: center; align-items: center; background: url(../img/wheel/m-bg.jpg) no-repeat center center; background-size: 100% auto; border: 2px solid #cca034; height: 110px; width: calc(100% - 16px); margin: 8px auto; padding-left: 145px; }
.spin-banner .title { font-weight: bold; text-transform: uppercase; color: #f6df9b; font-size: 18px; line-height: 18px; text-align: center; letter-spacing: 1px; }
.spin-banner .numCounter { display: flex; height: 30px; justify-content: center; line-height: 30px; font-weight: 700; white-space: normal; font-size: 24px; position: relative; align-items: center; margin-top: 5px; }
.spin-banner .numCounter > b { font-weight: bold; background-image: linear-gradient(#281107, #542907); display: block; width: 20px; height: 30px; color: white; text-align: center; overflow: hidden; border-radius: 4px; border: 1px solid #cca034; margin: 0 2px; /*&:before { content:' 0 1 2 3 4 5 6 7 8 9 0 '; display:block; word-break:break-word; transition:.8s cubic-bezier(.12,.78,.52,1.2); position:relative; top: 0; color: white; line-height: 30px; padding:0 2px;
}
&.d1:before{ margin-top:-30px; }
&.d2:before{ margin-top:-60px; }
&.d3:before{ margin-top:-90px; }
&.d4:before{ margin-top:-120px; }
&.d5:before{ margin-top:-150px; }
&.d6:before{ margin-top:-180px; }
&.d7:before{ margin-top:-210px; }
&.d8:before{ margin-top:-240px; }
&.d9:before{ margin-top:-270px; }*/ }
@media only screen and (max-width: 520px) { .spin-banner .numCounter > b { width: 25px; } }
.spin-banner .link-wrapper { display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; }

.gifwheel { display: block; width: 135px; height: 135px; transition: .3s; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); border-radius: 50%; z-index: 1; }
.gifwheel img { width: 100%; }
.gifwheel img.spin { position: absolute; left: 0; top: 0; z-index: -1; }

#prize-popbox { position: fixed; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999999999; background-image: url(../img/wheel/bigprize-bg.png); background-position: center center; background-size: cover; justify-content: center; align-items: center; }
#prize-popbox .popbox-wrapper { font-size: 1.2rem; text-align: center; color: white; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; min-height: 100vh; }
#prize-popbox button.close { background-color: transparent; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fef5e0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; position: fixed; right: 0; top: 15px; transform: translateX(-50%); padding: 0; margin: 0; z-index: 2; }
#prize-popbox button.close img { width: 50px; height: 50px; display: block; }
#prize-popbox .content { display: flex; width: 100%; height: 100%; max-width: calc(100% - 15px); max-height: calc(100% - 15px); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; justify-content: center; align-items: center; flex-direction: column; z-index: 2; }
#prize-popbox .content .title-wrap { position: relative; width: 580px; max-width: 100%; }
#prize-popbox .content .title-wrap img { display: block; width: 100%; }
#prize-popbox .content .title { font-size: 36px; font-weight: bold; color: white; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); text-transform: uppercase; display: flex; position: absolute; left: 0; top: 0; justify-content: center; align-items: center; width: 100%; height: 100%; }
#prize-popbox .content .desc { font-size: 24px; line-height: 1.1; margin-top: 30px; color: black; text-shadow: 0 0 10px #fef5e0; }

/*# sourceMappingURL=mobile.css.map */