:root {
    --main-color: #ff6900;
    --main-color-dark: #e55c00;
    --link-color: #ef712e;
    --text-color: #202020;
    --hover-color: #e55c00;
    --decline-color: #fff;
    --decline-text: var(--main-color);
    --decline-hover-color: #fff0e0;
    --footer-background: #f6f6f6;
    --cookies-list-background: #f4f7f7;
    --cookies-details-divider: #e0e0e0;
    --font-family-base: "Saira Condensed", sans-serif;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --line-height-base: 1.5;
    --line-height-tight: 1.3;
}

html {
    --font-primary: "rubik";
    --font-secondary: "saira";
}

body {
    background-color: #e0ded9;
    font-family: var(--font-primary) !important;
    font-size: 12px !important;
    color: grey;
}

body .navbar-fixed-top {
    top: 0
}

body .navbar-fixed-bottom {
    bottom: 0;
    overflow: hidden
}

body .full-width-ctas,
body .inline-ctas {
    position: relative
}

body .inline-ctas .custom-cta {
    width: 50%
}

input[type="hidden"] {
    display: none !important;
}

body .full-width-ctas {
    text-align: center
}
body .col-3-3, body .full-width-ctas, body .full-width-ctas .custom-cta, body .inline-ctas, body .screen-center, body [class*=col-] .custom-cta {
    width: 100%;
}

body .col-1-3 {
    width: 33.33%
}

body .col-2-3 {
    width: 66.67%
}


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

body .max-container {
    margin: 0 auto;
    max-width: 1376px
}

body .screen-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

body .hidden,
body .visible-xs {
    display: none !important
}

body.non-scroll {
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0
}

@media screen and (max-width: 768px) {
    body .visible-xs {
        display: block !important
    }

    body .visible-flex-xs {
        display: flex
    }

    body .hidden-xs {
        display: none !important
    }

    body.non-scroll-xs {
        overflow: hidden
    }
}

@media screen and (min-width: 769px) {
    body .visible-sm {
        display: block !important
    }

    body .hidden-sm {
        display: none !important
    }

    body .visible-flex-xs {
        display: none
    }
}

@media screen and (min-width: 1376px) {
    body .visible-lg {
        display: block !important
    }

    body .hidden-lg {
        display: none !important
    }

    body .visible-flex-lg {
        display: none
    }
}

@-webkit-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-moz-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-ms-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-webkit-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-ms-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-moz-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-ms-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-webkit-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-moz-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-ms-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-webkit-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-moz-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-ms-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-webkit-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-moz-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-ms-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-webkit-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-moz-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-ms-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-webkit-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-ms-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-moz-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-ms-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-moz-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-ms-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-moz-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-ms-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-webkit-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-ms-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-moz-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-ms-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-webkit-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.custom-dropdown .native-droplist,
.custom-field input,
.custom-field textarea,
.custom-notification.alert,
button {
    border: none
}

.custom-dropdown .native-droplist,
.custom-field input,
.custom-field textarea,
button {
    background: none;
    outline: none
}

.custom-notification.alert,
button {
    border-radius: 0;
    padding: 0
}

.custom-notification.alert {
    margin: 0
}

.custom-dropdown .native-droplist {
    -moz-appearance: none;
    -webkit-appearance: none
}

.slide-left,
.slide-right {
    transition: all .1s ease-out
}

.slide-right {
    animation: slide-right .3s
}

.slide-left {
    animation: slide-left .3s;
    z-index: 3
}

.motion-down {
    animation: slide-down .5s
}

.motion-down-middle {
    animation: slide-down-middle .3s
}
[_nghost-server-side-render-c314] {
    display: flex
;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.raf-icons {
    background: url(/assets/img/raf-sheet.png) no-repeat;
    width: 48px;
    height: 48px;
}
.table[_ngcontent-server-side-render-c168] {
  display: table;
  width: 100%;
  table-layout: fixed; }

.dark-table[_ngcontent-server-side-render-c168] {
  background-color: #424242;
  border: 1px solid black; }

.light-table[_ngcontent-server-side-render-c168] {
  background-color: #FEFEFF;
  border: 1px solid #E4E4E5; }

.dark-copy-table[_ngcontent-server-side-render-c168] {
  color: white;
  background-color: #424242;
  border: 2px solid black;
  border-top: 0; }

.light-copy-table[_ngcontent-server-side-render-c168] {
  color: #404040;
  background-color: #FEFEFF;
  border: 2px solid #E4E4E5;
  border-top: 0; }

.table-row[_ngcontent-server-side-render-c168] {
  display: table-row;
  width: auto;
  height: 80px; }

.table-cell[_ngcontent-server-side-render-c168] {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  position: relative; }

.copy-url-cell[_ngcontent-server-side-render-c168] {
  padding-left: 20px; }

.copy-full-row-url-cell[_ngcontent-server-side-render-c168] {
  padding-left: 24px; }

.clickable-cell[_ngcontent-server-side-render-c168] {
  cursor: pointer;
  padding-left: 75px; }

.dark-cell[_ngcontent-server-side-render-c168] {
  color: white;
  border: 1px solid black; }

.dark-cell[_ngcontent-server-side-render-c168]   .icon-container[_ngcontent-server-side-render-c168] {
    color: #404040; }

.dark-cell[_ngcontent-server-side-render-c168]   .url-container[_ngcontent-server-side-render-c168] {
    border: 1.5px solid grey;
    background-color: transparent; }

.light-cell[_ngcontent-server-side-render-c168] {
  border: 1px solid #E4E4E5;
  color: #404040; }

.icon-container[_ngcontent-server-side-render-c168] {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 24px;
  left: 24px;
  background-color: #F2F2F2;
  border: 1px solid #C2C2C2; }

.icon-container[_ngcontent-server-side-render-c168]   .small-icon[_ngcontent-server-side-render-c168] {
    position: absolute;
    left: 0.45em;
    top: 0.45em;
    font-size: 16px; }
    

.motion-up {
    animation: slide-up .5s
}
.bx-loyalty-tier-info-header[_ngcontent-server-side-render-c334] h2.title[_ngcontent-server-side-render-c334] {
    font-size: 16px;
}
.loyalty-dashboard-container .info figcaption a:last-of-type {
    padding: unset;
    background-color: transparent;
    color: inherit;
    border-radius: 0;
}
@font-face {
    font-family: icons-ignitioncasino;
    src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff2);
    src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff2) format("embedded-opentype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.woff?v8) format("woff"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.ttf?v8) format("truetype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.svg?v8#icons-ignitioncasino) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (max-width: 768px) {
    @font-face {
        font-family: icons-ignitioncasino-new;
        src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.eot);
        src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.woff2) format("woff2"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.woff) format("woff"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.ttf) format("truetype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.svg?#icons-ignitioncasino) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
}

@media screen and (min-width: 769px) {
    @font-face {
        font-family: icons-ignitioncasino-new;
        src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.eot);
        src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff2) format("woff2"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff) format("woff"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.ttf) format("truetype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.svg?#icons-ignitioncasino) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
}

@font-face {
    font-family: icons-ignitioncasino-new;
    src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.eot);
    src: url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.woff2) format("woff2"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.woff) format("woff"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.ttf) format("truetype"), url(/assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.svg?#icons-ignitioncasino) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: rubik;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/rubik/rubikRegular.eot);
    src: url(/assets/fonts/rubik/rubikRegular.woff2) format("woff2"), url(/assets/fonts/rubik/rubikRegular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rubik/rubikRegular.woff) format("woff"), url(/assets/fonts/rubik/rubikRegular.ttf) format("truetype"), url(/assets/fonts/rubik/rubikRegular.svg#rubikRegular) format("svg");
    font-display: swap
}

@font-face {
    font-family: rubik;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/rubik/rubikMedium.eot);
    src: url(/assets/fonts/rubik/rubikMedium.woff2) format("woff2"), url(/assets/fonts/rubik/rubikMedium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/rubik/rubikMedium.woff) format("woff"), url(/assets/fonts/rubik/rubikMedium.ttf) format("truetype"), url(/assets/fonts/rubik/rubikMedium.svg#rubikMedium) format("svg");
    font-display: swap
}

@font-face {
    font-family: saira;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/saira/sairaCondensedBold.eot);
    src: url(/assets/fonts/saira/sairaCondensedBold.woff2) format("woff2"), url(/assets/fonts/saira/sairaCondensedBold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/saira/sairaCondensedBold.woff) format("woff"), url(/assets/fonts/saira/sairaCondensedBold.ttf) format("truetype"), url(/assets/fonts/saira/sairaCondensedBold.svg#sairaCondensedBold) format("svg");
    font-display: swap
}

.custom-checkbox body:not(.icons-split) input:checked+label:before,
.navbar-fixed-top .navbar .menu-btn.active.account-balance body:not(.icons-split) .icon-menu:before,
.navbar-fixed-top .navbar .menu-btn.active body:not(.icons-split) .icon-menu:before,
body:not(.icons-split) .custom-checkbox input:checked+label:before,
body:not(.icons-split) .icon,
body:not(.icons-split) .icon-add:before,
body:not(.icons-split) .icon-all:before,
body:not(.icons-split) .icon-app-store-badge:before,
body:not(.icons-split) .icon-arrow-back:before,
body:not(.icons-split) .icon-arrow-down:before,
body:not(.icons-split) .icon-arrow-next:before,
body:not(.icons-split) .icon-arrow-up:before,
body:not(.icons-split) .icon-back:before,
body:not(.icons-split) .icon-bitcoin-circle:before,
body:not(.icons-split) .icon-blackjack:before,
body:not(.icons-split) .icon-board-details:before,
body:not(.icons-split) .icon-bonus:before,
body:not(.icons-split) .icon-bubble:before,
body:not(.icons-split) .icon-calendar:before,
body:not(.icons-split) .icon-casino-default-category:before,
body:not(.icons-split) .icon-casino:before,
body:not(.icons-split) .icon-challenge:before,
body:not(.icons-split) .icon-change-password:before,
body:not(.icons-split) .icon-check-by-courier:before,
body:not(.icons-split) .icon-checked:before,
body:not(.icons-split) .icon-clone-content:before,
body:not(.icons-split) .icon-close2:before,
body:not(.icons-split) .icon-close:before,
body:not(.icons-split) .icon-conditions:before,
body:not(.icons-split) .icon-contact:before,
body:not(.icons-split) .icon-crypto-bch:before,
body:not(.icons-split) .icon-crypto-bsv:before,
body:not(.icons-split) .icon-crypto-btc:before,
body:not(.icons-split) .icon-crypto-eth:before,
body:not(.icons-split) .icon-crypto-ltc:before,
body:not(.icons-split) .icon-crypto-usdt:before,
body:not(.icons-split) .icon-dbt:before,
body:not(.icons-split) .icon-debit-card:before,
body:not(.icons-split) .icon-empty-games:before,
body:not(.icons-split) .icon-enjoy-play:before,
body:not(.icons-split) .icon-envelope2:before,
body:not(.icons-split) .icon-envelope:before,
body:not(.icons-split) .icon-error:before,
body:not(.icons-split) .icon-facebook:before,
body:not(.icons-split) .icon-feedback:before,
body:not(.icons-split) .icon-free-games:before,
body:not(.icons-split) .icon-general:before,
body:not(.icons-split) .icon-gift:before,
body:not(.icons-split) .icon-global:before,
body:not(.icons-split) .icon-hdjps-dark-bg:before,
body:not(.icons-split) .icon-hdjps-light-bg:before,
body:not(.icons-split) .icon-help-account-security:before,
body:not(.icons-split) .icon-help-deposit-withdraw:before,
body:not(.icons-split) .icon-help-financial:before,
body:not(.icons-split) .icon-help-technical:before,
body:not(.icons-split) .icon-hide-password:before,
body:not(.icons-split) .icon-hide:before,
body:not(.icons-split) .icon-how-it-works:before,
body:not(.icons-split) .icon-infinity:before,
body:not(.icons-split) .icon-info2:before,
body:not(.icons-split) .icon-info:before,
body:not(.icons-split) .icon-installment-frequency:before,
body:not(.icons-split) .icon-instant-transactions:before,
body:not(.icons-split) .icon-launch:before,
body:not(.icons-split) .icon-leaderboards:before,
body:not(.icons-split) .icon-lightning:before,
body:not(.icons-split) .icon-link:before,
body:not(.icons-split) .icon-live-baccarat:before,
body:not(.icons-split) .icon-live-blackjack:before,
body:not(.icons-split) .icon-live-dealer-provider1:before,
body:not(.icons-split) .icon-live-dealer-provider2:before,
body:not(.icons-split) .icon-live-dealer-provider3:before,
body:not(.icons-split) .icon-live-dealer-provider4:before,
body:not(.icons-split) .icon-live-dealer-provider5:before,
body:not(.icons-split) .icon-live-dealer-provider6:before,
body:not(.icons-split) .icon-live-dealer-provider7:before,
body:not(.icons-split) .icon-live-dealer-provider8:before,
body:not(.icons-split) .icon-live-dealer-provider9:before,
body:not(.icons-split) .icon-live-dealer-provider10:before,
body:not(.icons-split) .icon-live-dealer-provider11:before,
body:not(.icons-split) .icon-live-dealer-provider12:before,
body:not(.icons-split) .icon-live-dealer:before,
body:not(.icons-split) .icon-live-meet-dealers:before,
body:not(.icons-split) .icon-live-poker:before,
body:not(.icons-split) .icon-live-roulette:before,
body:not(.icons-split) .icon-live-super6:before,
body:not(.icons-split) .icon-loading:after,
body:not(.icons-split) .icon-loading:before,
body:not(.icons-split) .icon-location:before,
body:not(.icons-split) .icon-lock:before,
body:not(.icons-split) .icon-map:before,
body:not(.icons-split) .icon-maximise:before,
body:not(.icons-split) .icon-menu:before,
body:not(.icons-split) .icon-min-bet:before,
body:not(.icons-split) .icon-minimise:before,
body:not(.icons-split) .icon-mobile:before,
body:not(.icons-split) .icon-my-games:before,
body:not(.icons-split) .icon-netbanking:before,
body:not(.icons-split) .icon-new-tab:before,
body:not(.icons-split) .icon-new-window:before,
body:not(.icons-split) .icon-no-results:before,
body:not(.icons-split) .icon-other-crypto:before,
body:not(.icons-split) .icon-participate:before,
body:not(.icons-split) .icon-partner:before,
body:not(.icons-split) .icon-phone:before,
body:not(.icons-split) .icon-piggy-bank:before,
body:not(.icons-split) .icon-play:before,
body:not(.icons-split) .icon-player-transfer:before,
body:not(.icons-split) .icon-player:before,
body:not(.icons-split) .icon-plus:before,
body:not(.icons-split) .icon-poker-download:before,
body:not(.icons-split) .icon-poker-get-started:before,
body:not(.icons-split) .icon-poker-how-to-play:before,
body:not(.icons-split) .icon-poker-play-now:before,
body:not(.icons-split) .icon-poker-play:before,
body:not(.icons-split) .icon-poker-special-features:before,
body:not(.icons-split) .icon-poker-tournaments:before,
body:not(.icons-split) .icon-poker:before,
body:not(.icons-split) .icon-promos:before,
body:not(.icons-split) .icon-rankings:before,
body:not(.icons-split) .icon-refer-a-friend:before,
body:not(.icons-split) .icon-schedule:before,
body:not(.icons-split) .icon-search-play:before,
body:not(.icons-split) .icon-search:before,
body:not(.icons-split) .icon-security:before,
body:not(.icons-split) .icon-settings:before,
body:not(.icons-split) .icon-show-password:before,
body:not(.icons-split) .icon-single-goal:before,
body:not(.icons-split) .icon-slots:before,
body:not(.icons-split) .icon-sms-verify:before,
body:not(.icons-split) .icon-specialty-games:before,
body:not(.icons-split) .icon-split:before,
body:not(.icons-split) .icon-star-filled:before,
body:not(.icons-split) .icon-star-outlined:before,
body:not(.icons-split) .icon-star:before,
body:not(.icons-split) .icon-status-loose:before,
body:not(.icons-split) .icon-status-no-action:before,
body:not(.icons-split) .icon-status-win:before,
body:not(.icons-split) .icon-success:before,
body:not(.icons-split) .icon-support:before,
body:not(.icons-split) .icon-switch:before,
body:not(.icons-split) .icon-table-full:before,
body:not(.icons-split) .icon-table-games:before,
body:not(.icons-split) .icon-tangible-reward:before,
body:not(.icons-split) .icon-text-area-drag:before,
body:not(.icons-split) .icon-ticket:before,
body:not(.icons-split) .icon-timeframe:before,
body:not(.icons-split) .icon-timer:before,
body:not(.icons-split) .icon-transactions:before,
body:not(.icons-split) .icon-trash:before,
body:not(.icons-split) .icon-trophy:before,
body:not(.icons-split) .icon-trusted-player:before,
body:not(.icons-split) .icon-twitter:before,
body:not(.icons-split) .icon-user-menu-close:before,
body:not(.icons-split) .icon-user-menu:before,
body:not(.icons-split) .icon-user-verification:before,
body:not(.icons-split) .icon-user:before,
body:not(.icons-split) .icon-video-poker:before,
body:not(.icons-split) .icon-voucher:before,
body:not(.icons-split) .icon-warning:before,
body:not(.icons-split) .icon-wire-transfer:before,
body:not(.icons-split) .icon-wiretransfer:before,
body:not(.icons-split) .navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-menu:before,
body:not(.icons-split) .navbar-fixed-top .navbar .menu-btn.active .icon-menu:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icons-ignitioncasino;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none
}

.custom-checkbox body.icons-split input:checked+label:before,
.navbar-fixed-top .navbar .menu-btn.active.account-balance body.icons-split .icon-menu:before,
.navbar-fixed-top .navbar .menu-btn.active body.icons-split .icon-menu:before,
body.icons-split .custom-checkbox input:checked+label:before,
body.icons-split .icon,
body.icons-split .icon-add:before,
body.icons-split .icon-all:before,
body.icons-split .icon-app-store-badge:before,
body.icons-split .icon-arrow-back:before,
body.icons-split .icon-arrow-down:before,
body.icons-split .icon-arrow-next:before,
body.icons-split .icon-arrow-up:before,
body.icons-split .icon-back:before,
body.icons-split .icon-bitcoin-circle:before,
body.icons-split .icon-blackjack:before,
body.icons-split .icon-board-details:before,
body.icons-split .icon-bonus:before,
body.icons-split .icon-bubble:before,
body.icons-split .icon-calendar:before,
body.icons-split .icon-casino-default-category:before,
body.icons-split .icon-casino:before,
body.icons-split .icon-challenge:before,
body.icons-split .icon-change-password:before,
body.icons-split .icon-check-by-courier:before,
body.icons-split .icon-checked:before,
body.icons-split .icon-clone-content:before,
body.icons-split .icon-close2:before,
body.icons-split .icon-close:before,
body.icons-split .icon-conditions:before,
body.icons-split .icon-contact:before,
body.icons-split .icon-crypto-bch:before,
body.icons-split .icon-crypto-bsv:before,
body.icons-split .icon-crypto-btc:before,
body.icons-split .icon-crypto-eth:before,
body.icons-split .icon-crypto-ltc:before,
body.icons-split .icon-crypto-usdt:before,
body.icons-split .icon-dbt:before,
body.icons-split .icon-debit-card:before,
body.icons-split .icon-empty-games:before,
body.icons-split .icon-enjoy-play:before,
body.icons-split .icon-envelope2:before,
body.icons-split .icon-envelope:before,
body.icons-split .icon-error:before,
body.icons-split .icon-facebook:before,
body.icons-split .icon-feedback:before,
body.icons-split .icon-free-games:before,
body.icons-split .icon-general:before,
body.icons-split .icon-gift:before,
body.icons-split .icon-global:before,
body.icons-split .icon-hdjps-dark-bg:before,
body.icons-split .icon-hdjps-light-bg:before,
body.icons-split .icon-help-account-security:before,
body.icons-split .icon-help-deposit-withdraw:before,
body.icons-split .icon-help-financial:before,
body.icons-split .icon-help-technical:before,
body.icons-split .icon-hide-password:before,
body.icons-split .icon-hide:before,
body.icons-split .icon-how-it-works:before,
body.icons-split .icon-infinity:before,
body.icons-split .icon-info2:before,
body.icons-split .icon-info:before,
body.icons-split .icon-installment-frequency:before,
body.icons-split .icon-instant-transactions:before,
body.icons-split .icon-launch:before,
body.icons-split .icon-leaderboards:before,
body.icons-split .icon-lightning:before,
body.icons-split .icon-link:before,
body.icons-split .icon-live-baccarat:before,
body.icons-split .icon-live-blackjack:before,
body.icons-split .icon-live-dealer-provider1:before,
body.icons-split .icon-live-dealer-provider2:before,
body.icons-split .icon-live-dealer-provider3:before,
body.icons-split .icon-live-dealer-provider4:before,
body.icons-split .icon-live-dealer-provider5:before,
body.icons-split .icon-live-dealer-provider6:before,
body.icons-split .icon-live-dealer-provider7:before,
body.icons-split .icon-live-dealer-provider8:before,
body.icons-split .icon-live-dealer-provider9:before,
body.icons-split .icon-live-dealer-provider10:before,
body.icons-split .icon-live-dealer-provider11:before,
body.icons-split .icon-live-dealer-provider12:before,
body.icons-split .icon-live-dealer:before,
body.icons-split .icon-live-meet-dealers:before,
body.icons-split .icon-live-poker:before,
body.icons-split .icon-live-roulette:before,
body.icons-split .icon-live-super6:before,
body.icons-split .icon-loading:after,
body.icons-split .icon-loading:before,
body.icons-split .icon-location:before,
body.icons-split .icon-lock:before,
body.icons-split .icon-map:before,
body.icons-split .icon-maximise:before,
body.icons-split .icon-menu:before,
body.icons-split .icon-min-bet:before,
body.icons-split .icon-minimise:before,
body.icons-split .icon-mobile:before,
body.icons-split .icon-my-games:before,
body.icons-split .icon-netbanking:before,
body.icons-split .icon-new-tab:before,
body.icons-split .icon-new-window:before,
body.icons-split .icon-no-results:before,
body.icons-split .icon-other-crypto:before,
body.icons-split .icon-participate:before,
body.icons-split .icon-partner:before,
body.icons-split .icon-phone:before,
body.icons-split .icon-piggy-bank:before,
body.icons-split .icon-play:before,
body.icons-split .icon-player-transfer:before,
body.icons-split .icon-player:before,
body.icons-split .icon-plus:before,
body.icons-split .icon-poker-download:before,
body.icons-split .icon-poker-get-started:before,
body.icons-split .icon-poker-how-to-play:before,
body.icons-split .icon-poker-play-now:before,
body.icons-split .icon-poker-play:before,
body.icons-split .icon-poker-special-features:before,
body.icons-split .icon-poker-tournaments:before,
body.icons-split .icon-poker:before,
body.icons-split .icon-promos:before,
body.icons-split .icon-rankings:before,
body.icons-split .icon-refer-a-friend:before,
body.icons-split .icon-schedule:before,
body.icons-split .icon-scratch-card:before,
body.icons-split .icon-search-play:before,
body.icons-split .icon-search:before,
body.icons-split .icon-security:before,
body.icons-split .icon-settings:before,
body.icons-split .icon-show-password:before,
body.icons-split .icon-single-goal:before,
body.icons-split .icon-slots:before,
body.icons-split .icon-sms-verify:before,
body.icons-split .icon-specialty-games:before,
body.icons-split .icon-split:before,
body.icons-split .icon-star-filled:before,
body.icons-split .icon-star-outlined:before,
body.icons-split .icon-star:before,
body.icons-split .icon-status-loose:before,
body.icons-split .icon-status-no-action:before,
body.icons-split .icon-status-win:before,
body.icons-split .icon-success:before,
body.icons-split .icon-support:before,
body.icons-split .icon-switch:before,
body.icons-split .icon-table-full:before,
body.icons-split .icon-table-games:before,
body.icons-split .icon-tangible-reward:before,
body.icons-split .icon-text-area-drag:before,
body.icons-split .icon-ticket:before,
body.icons-split .icon-timeframe:before,
body.icons-split .icon-timer:before,
body.icons-split .icon-transactions:before,
body.icons-split .icon-trash:before,
body.icons-split .icon-trophy:before,
body.icons-split .icon-trusted-player:before,
body.icons-split .icon-twitter:before,
body.icons-split .icon-user-menu-close:before,
body.icons-split .icon-user-menu:before,
body.icons-split .icon-user-verification:before,
body.icons-split .icon-user:before,
body.icons-split .icon-video-poker:before,
body.icons-split .icon-voucher:before,
body.icons-split .icon-warning:before,
body.icons-split .icon-wire-transfer:before,
body.icons-split .icon-wiretransfer:before,
body.icons-split .navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-menu:before,
body.icons-split .navbar-fixed-top .navbar .menu-btn.active .icon-menu:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icons-ignitioncasino-new;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none
}

.icon-casino:before,
.icon-slots:before {
    content: "\43"
}

.icon-change-password:before,
.icon-security:before {
    content: "\41"
}

.custom-checkbox input:checked+label:before,
.icon-checked:before,
.icon-success:before {
    content: "\2b"
}

.icon-info2:before,
.icon-info:before {
    content: "\3e"
}

.icon-live-dealer:before,
.icon-live-meet-dealers:before {
    content: "\126"
}

.icon-arrow-back:before,
.icon-back:before {
    content: "\21"
}

.icon-dbt:before,
.icon-wire-transfer:before,
.icon-wiretransfer:before {
    content: "\60"
}

.icon-envelope2:before,
.icon-envelope:before {
    content: "\b1"
}

.icon-new-tab:before,
.icon-new-window:before {
    content: "\6e"
}

.icon-add:before {
    content: "\115"
}

.icon-all:before {
    content: "\100"
}

.icon-app-store-badge:before {
    content: "\e914"
}

.icon-arrow-down:before {
    content: "\22"
}

.icon-arrow-next:before {
    content: "\23"
}

.icon-arrow-up:before {
    content: "\24"
}

.icon-bitcoin-circle:before {
    content: "\131"
}

.icon-blackjack:before {
    content: "\177"
}

.icon-board-details:before {
    content: "\bd"
}

.icon-bonus:before {
    content: "\28"
}

.icon-bubble:before,
.icon-loading:after,
.icon-loading:before {
    left: 0;
    position: absolute;
    top: 0;
    background: #c00;
    border-radius: 50%;
    content: "";
    height: 20px;
    width: 20px
}

.icon-calendar:before {
    content: "\157"
}

.icon-casino-default-category:before {
    content: "\cd"
}

.icon-challenge:before {
    content: "\20c"
}

.icon-check-by-courier:before {
    content: "\cc"
}

.icon-clone-content:before {
    content: "\e915"
}

.icon-close2:before,
.icon-close:before,
.navbar-fixed-top .navbar .menu-btn.active .icon-menu:before {
    content: "\2c"
}

.icon-conditions:before {
    content: "\7e"
}

.icon-contact:before {
    content: "\2d"
}

.icon-debit-card:before {
    content: "\dc"
}

.icon-empty-games:before {
    content: "\ff"
}

.icon-enjoy-play:before {
    content: "\df"
}

.icon-error:before {
    content: "\32"
}

.icon-facebook:before {
    content: "\54"
}

.icon-feedback:before {
    content: "\116"
}

.icon-free-games:before {
    content: "\a1"
}

.icon-general:before {
    content: "\61"
}

.icon-gift:before {
    content: "\bb"
}

.icon-global:before {
    content: "\124"
}

.icon-help-account-security:before {
    content: "\37"
}

.icon-help-deposit-withdraw:before {
    content: "\129"
}

.icon-help-financial:before {
    content: "\4b"
}

.icon-help-technical:before {
    content: "\4c"
}

.icon-hide-password:before {
    content: "\35"
}

.icon-hide:before {
    content: "\68"
}

.icon-how-it-works:before {
    content: "\7a"
}

.icon-infinity:before {
    content: "\196"
}

.icon-installment-frequency:before {
    content: "\e905"
}

.icon-instant-transactions:before {
    content: "\5b"
}

.icon-launch:before {
    content: "\fd"
}

.icon-leaderboards:before {
    content: "\175"
}

.icon-lightning:before {
    content: "\7d"
}

.icon-link:before {
    content: "\fc"
}

.icon-live-baccarat:before {
    content: "\176"
}

.icon-live-blackjack:before {
    content: "\178"
}

.icon-live-roulette:before {
    content: "\179"
}

.icon-live-super6:before {
    content: "\180"
}

.icon-live-poker:before {
    content: "\e8ba"
}

.icon-loading {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 48px
}

.icon-loading:after,
.icon-loading:before {
    animation: move-right 1.05s ease-in-out infinite;
    height: 24px;
    left: inherit;
    width: 24px
}

.icon-loading:before {
    background: #333;
    left: -2.4px
}

.icon-loading:after {
    animation-name: move-left;
    background: #ff6900;
    right: -2.4px
}

@keyframes move-right {
    0% {
        z-index: 1
    }

    50% {
        transform: translateX(28.8px)
    }
}

@keyframes move-left {
    50% {
        transform: translateX(-28.8px)
    }
}

.icon-location:before {
    content: "\74"
}

.icon-lock:before {
    content: "\70"
}

.icon-map:before {
    content: "\181"
}

.icon-maximise:before {
    content: "\4f"
}

.icon-menu:before {
    content: "\3d"
}

.icon-min-bet:before {
    content: "\a1"
}

.icon-minimise:before {
    content: "\6f"
}

.icon-mobile:before {
    content: "\6c"
}

.icon-my-games:before {
    content: "\182"
}

.icon-netbanking:before {
    content: "\199"
}

.icon-no-results:before {
    content: "\3b"
}

.icon-other-crypto:before {
    content: "\e902"
}

.icon-participate:before {
    content: "\be"
}

.icon-partner:before {
    content: "\133"
}

.icon-phone:before {
    content: "\146"
}

.icon-piggy-bank:before {
    content: "\dd"
}

.icon-play:before {
    content: "\3c"
}

.icon-player:before {
    content: "\ef"
}

.icon-plus:before {
    content: "\73"
}

.icon-poker-get-started:before {
    content: "\183"
}

.icon-poker-how-to-play:before {
    content: "\184"
}

.icon-poker-play:before {
    content: "\185"
}

.icon-poker-download:before {
    content: "\e909"
}

.icon-poker-play-now:before {
    content: "\e908"
}

.icon-poker-special-features:before {
    content: "\186"
}

.icon-poker-tournaments:before {
    content: "\187"
}

.icon-poker:before {
    content: "\6b"
}

.icon-promos:before {
    content: "\134"
}

.icon-rankings:before {
    content: "\af"
}

.icon-refer-a-friend:before {
    content: "\52"
}

.icon-schedule:before {
    content: "\bf"
}

.icon-search-play:before {
    content: "\3f"
}

.icon-search:before {
    content: "\40"
}

.icon-settings:before {
    content: "\138"
}

.icon-show-password:before {
    content: "\42"
}

.icon-specialty-games:before {
    content: "\56"
}

.icon-split:before {
    content: "\e906"
}

.icon-star:before {
    content: "\53"
}

.icon-status-loose:before {
    content: "\160"
}

.icon-status-no-action:before {
    content: "\159"
}

.icon-status-win:before {
    content: "\158"
}

.icon-support:before {
    content: "\132"
}

.icon-switch:before {
    content: "\57"
}

.icon-table-full:before {
    content: "\197"
}

.icon-table-games:before {
    content: "\45"
}

.icon-text-area-drag:before {
    content: "\145"
}

.icon-ticket:before {
    content: "\44"
}

.icon-timer:before {
    content: "\51"
}

.icon-timeframe:before {
    content: "\e904"
}

.icon-transactions:before {
    content: "\46"
}

.icon-trash:before {
    content: "\47"
}

.icon-trophy:before {
    content: "\6a"
}

.icon-trusted-player:before {
    content: "\147"
}

.icon-twitter:before {
    content: "\55"
}

.icon-user-menu-close:before,
.navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-menu:before {
    content: "\190"
}

.icon-user-menu:before {
    content: "\191"
}

.icon-user:before {
    content: "\48"
}

.icon-video-poker:before {
    content: "\62"
}

.icon-warning:before {
    content: "\49"
}

.icon-voucher:before {
    content: "\e903"
}

.icon-sms-verify:before {
    content: "\e907"
}

.icon-player-transfer:before {
    content: "\e90b"
}

.icon-single-goal:before {
    content: "\e90c"
}

.icon-crypto-btc:before {
    content: "\e90d"
}

.icon-crypto-bch:before {
    content: "\e90e"
}

.icon-crypto-bsv:before {
    content: "\e90f"
}

.icon-crypto-ltc:before {
    content: "\e910"
}

.icon-crypto-eth:before {
    content: "\e911"
}

.icon-user-verification:before {
    content: "\e912"
}

.icon-crypto-usdt:before {
    content: "\e913"
}

.icon-hdjps-dark-bg:before {
    content: "\e900"
}

.icon-hdjps-light-bg:before {
    content: "\e901"
}

.icon-tangible-reward:before {
    content: "\e916"
}

.icon-live-dealer-provider1:before {
    content: "\e828"
}

.icon-live-dealer-provider2:before {
    content: "\e829"
}

.icon-live-dealer-provider3:before {
    content: "\e82a"
}

.icon-live-dealer-provider4:before {
    content: "\e82b"
}

.icon-live-dealer-provider5:before {
    content: "\e82c"
}

.icon-live-dealer-provider6:before {
    content: "\e82d"
}

.icon-live-dealer-provider7:before {
    content: "\e82e"
}

.icon-live-dealer-provider8:before {
    content: "\e82f"
}

.icon-live-dealer-provider9:before {
    content: "\e830"
}

.icon-live-dealer-provider10:before {
    content: "\e831"
}

.icon-live-dealer-provider11:before {
    content: "\e832"
}

.icon-live-dealer-provider12:before {
    content: "\e833"
}

.icon-scratch-card:before {
    content: "\e85a"
}

.icon-star-filled:before {
    content: "\e8b8"
}

.icon-star-outlined:before {
    content: "\e8b9"
}

.color-icon-google-play-badge {
    height: 41px;
    width: 120px;
    display: inline-block;
    background: url(../assets/images/ignitioncasino/colored_icons_sprite.svg#google-play-badge) no-repeat
}

.custom-tab.motion .border-animation {
    left: 0;
    position: absolute
}

.custom-tab.motion.quaternary .border-animation,
.motion.custom-tab.promotion .border-animation {
    border-bottom: 2px solid #ff6900;
    bottom: 0
}

.custom-tab.motion.quaternary .active,
.custom-tab.motion.quaternary .active a,
.motion.custom-tab.promotion .active,
.motion.custom-tab.promotion .active a {
    border-width: 0
}

.motion-pulse {
    animation: pulse 2s
}

.carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial
}

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

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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

html {
    -webkit-overflow-scrolling: touch
}

textarea {
    padding: 0
}

a {
    color: #337ab7;
    text-decoration: none
}

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

ol,
ul {
    list-style: none
}

a:focus,
a:hover {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a,
form {
    line-height: normal
}

body {
    background-color: #e0ded9;
    font-family: var(--font-primary);
    font-size: 12px;
    color: grey
}

@media only screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
}

.custom-field {
    color: #fff;
    position: relative
}

.custom-field input,
.custom-field label:after,
.custom-field textarea {
    position: absolute
}

.custom-field input,
.custom-field label,
.custom-field textarea {
    font-size: 1.34em;
    width: 100%
}

.custom-field input,
.custom-field textarea {
    color: #333;
    z-index: 1
}

.custom-field input[type=password],
.custom-field textarea[type=password] {
    -webkit-text-security: square;
    font-size: 1.34em
}

.custom-field input,
.custom-field label {
    height: 48px
}

.custom-field input {
    padding: 20px 8px 10px 0
}

.custom-field input:focus+.active-field {
    border-color: #ff6900
}

.custom-field input:disabled,
.custom-field input:disabled+label {
    color: hsla(0, 0%, 50.2%, .3)
}

.custom-field input:disabled,
.custom-field input:disabled+label {
    border-color: rgba(255, 105, 0, .3)
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) input:focus+.active-field:after,
.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) textarea:focus+.active-field:after {
    border-color: #ff6900
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) label {
    position: relative
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) label:after {
    border-bottom: inherit;
    bottom: -2px;
    content: "";
    left: 50%;
    transition: all .2s ease;
    width: 10px
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) label.active-field {
    border: solid #c2c2c2;
    border-width: 0 0 2px
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) label.active-field:after {
    border-color: #333;
    left: 0;
    width: 100%
}

.custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field) input:disabled+label:after {
    border: 0
}

.custom-field.small-field.options label {
    border-width: 0
}

.custom-field label {
    border: 2px solid #c2c2c2;
    color: grey;
    display: block;
    line-height: 20px;
    max-width: 100%;
    padding: 20px 10px 10px 0;
    width: 100%;
    background: #f5f5f2
}

.custom-field label.active-field {
    border-color: #333;
    font-size: .85em;
    line-height: 1;
    padding: 0
}

.custom-field.custom-textarea label {
    height: 148px
}

.custom-field.custom-textarea textarea {
    resize: none;
    height: 118px;
    top: 22px
}

.custom-field.corrected-field input,
.custom-field.corrected-field label {
    border-color: #54a212
}

.custom-field.invalid-field input,
.custom-field.invalid-field label {
    border-color: #c00
}

.custom-field.corrected-field input:focus,
.custom-field.invalid-field input:focus {
    border-color: #ff6900
}

.custom-field:not(.small-field) label {
    border-width: 0 0 2px;
    transition: all .1s ease-in-out
}

.custom-field .active-field+.toggle-password-btn {
    color: grey
}

.custom-field .toggle-password-btn {
    color: grey;
    cursor: pointer;
    font-size: 0;
    font-weight: 600;
    line-height: 26px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    z-index: 1;
    top: 10px
}

.custom-field .toggle-password-btn .icon {
    font-size: 24px
}

.custom-field.small-field input,
.custom-field.small-field label {
    font-size: 1.17em;
    height: 32px;
    padding: 8px
}

.custom-field.small-field input {
    line-height: 18px
}

.custom-field.small-field label {
    line-height: 1;
    transition: all .2s ease-in-out;
    color: #a3a3a3;
    border-radius: 4px
}

.custom-field.small-field .error-msg {
    font-size: inherit
}

.error-msg {
    font-size: 1em;
    display: none;
    line-height: 1;
    margin: 10px 0 0
}

.hint-msg,
.info-msg {
    margin-top: 5px;
    color: grey
}

.hint-msg {
    display: inline-block
}

.invalid-field .error-msg {
    color: #c00;
    display: block
}

.custom-checkbox .custom-field.corrected-field input:checked+label.status:before,
.custom-checkbox .custom-field.password-field input:checked+label.status:before,
.custom-field.corrected-field .custom-checkbox input:checked+label.status:before,
.custom-field.corrected-field .icon-checked.status,
.custom-field.invalid-field .icon-error.status,
.custom-field.password-field .custom-checkbox input:checked+label.status:before,
.custom-field.password-field .icon-checked.status,
.custom-field.password-field .icon-error.status {
    display: none
}

.custom-checkbox .custom-field.icon-status.corrected-field.password-field input:checked+label.status:before,
.custom-checkbox .custom-field.icon-status.corrected-field input:checked+label.status:before,
.custom-field.icon-status.corrected-field .custom-checkbox input:checked+label.status:before,
.custom-field.icon-status.corrected-field .icon-checked.status,
.custom-field.icon-status.corrected-field.password-field .custom-checkbox input:checked+label.status:before,
.custom-field.icon-status.corrected-field.password-field .icon-checked.status,
.custom-field.icon-status.invalid-field .icon-error.status,
.custom-field.icon-status.invalid-field.password-field .icon-error.status {
    display: block;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 10px;
    font-size: 12px;
    line-height: 26px
}

.custom-field.icon-status.invalid-field .icon-error.status {
    color: #c00
}

.custom-checkbox .custom-field.icon-status.corrected-field input:checked+label.status:before,
.custom-field.icon-status.corrected-field .custom-checkbox input:checked+label.status:before,
.custom-field.icon-status.corrected-field .icon-checked.status {
    color: #54a212
}

.custom-field.icon-status.password-field.corrected-field .icon-hide-password,
.custom-field.icon-status.password-field.invalid-field .icon-hide-password {
    margin-right: 20px
}

.custom-checkbox .custom-field.icon-status.password-field.corrected-field input:checked+label.status:before,
.custom-field.icon-status.password-field.corrected-field .custom-checkbox input:checked+label.status:before,
.custom-field.icon-status.password-field.corrected-field .icon-checked.status {
    color: #54a212
}

.custom-field.icon-status.password-field.invalid-field .icon-error.status {
    color: #c00
}

.custom-field.icon-status input:disabled~i.icon-checked.status,
.custom-field.icon-status input:disabled~i.icon-error.status,
.custom-field.icon-status input[type=hidden]~i.icon-checked.status,
.custom-field.icon-status input[type=hidden]~i.icon-error.status {
    display: none
}

.custom-field.icon-status input[type=date] {
    -webkit-appearance: none
}

.carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div[class*=-heading],
h1[class*=-heading],
h2[class*=-heading],
h3[class*=-heading],
h4[class*=-heading],
h5[class*=-heading],
h6[class*=-heading],
span[class*=-heading] {
    color: #333;
    font: 400 1.17em var(--font-primary);
    line-height: 1
}

.carousel.primary .component-wrapper.max-container h2.h1-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h1-heading.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h4-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h4-heading.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h5-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h5-heading.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h6-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h6-heading.h2-heading.content-title[class*=-heading],
div.h1-heading,
div.h1-heading-inverse,
div.h4-heading,
div.h4-heading-inverse,
div.h5-heading,
div.h5-heading-inverse,
div.h6-heading,
div.h6-heading-inverse,
h1.h1-heading,
h1.h1-heading-inverse,
h1.h4-heading,
h1.h4-heading-inverse,
h1.h5-heading,
h1.h5-heading-inverse,
h1.h6-heading,
h1.h6-heading-inverse,
h2.h1-heading,
h2.h1-heading-inverse,
h2.h4-heading,
h2.h4-heading-inverse,
h2.h5-heading,
h2.h5-heading-inverse,
h2.h6-heading,
h2.h6-heading-inverse,
h3.h1-heading,
h3.h1-heading-inverse,
h3.h4-heading,
h3.h4-heading-inverse,
h3.h5-heading,
h3.h5-heading-inverse,
h3.h6-heading,
h3.h6-heading-inverse,
h4.h1-heading,
h4.h1-heading-inverse,
h4.h4-heading,
h4.h4-heading-inverse,
h4.h5-heading,
h4.h5-heading-inverse,
h4.h6-heading,
h4.h6-heading-inverse,
h5.h1-heading,
h5.h1-heading-inverse,
h5.h4-heading,
h5.h4-heading-inverse,
h5.h5-heading,
h5.h5-heading-inverse,
h5.h6-heading,
h5.h6-heading-inverse,
h6.h1-heading,
h6.h1-heading-inverse,
h6.h4-heading,
h6.h4-heading-inverse,
h6.h5-heading,
h6.h5-heading-inverse,
h6.h6-heading,
h6.h6-heading-inverse,
span.h1-heading,
span.h1-heading-inverse,
span.h4-heading,
span.h4-heading-inverse,
span.h5-heading,
span.h5-heading-inverse,
span.h6-heading,
span.h6-heading-inverse {
    font-weight: 500
}

.carousel.primary .component-wrapper.max-container h2.h1-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h1-heading.h2-heading.content-title[class*=-heading],
div.h1-heading,
div.h1-heading-inverse,
h1.h1-heading,
h1.h1-heading-inverse,
h2.h1-heading,
h2.h1-heading-inverse,
h3.h1-heading,
h3.h1-heading-inverse,
h4.h1-heading,
h4.h1-heading-inverse,
h5.h1-heading,
h5.h1-heading-inverse,
h6.h1-heading,
h6.h1-heading-inverse,
span.h1-heading,
span.h1-heading-inverse {
    font: 700 2.5em var(--font-secondary);
    line-height: 1
}

.carousel.primary .component-wrapper.max-container h2.h2-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div.h2-heading,
div.h2-heading-inverse,
h1.h2-heading,
h1.h2-heading-inverse,
h2.h2-heading,
h2.h2-heading-inverse,
h3.h2-heading,
h3.h2-heading-inverse,
h4.h2-heading,
h4.h2-heading-inverse,
h5.h2-heading,
h5.h2-heading-inverse,
h6.h2-heading,
h6.h2-heading-inverse,
span.h2-heading,
span.h2-heading-inverse {
    font: 700 1.5em var(--font-secondary);
    line-height: 1
}

.bx-section-container>.component-header>h2.h5-heading.content-title,
.carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h3-heading-inverse.h2-heading.content-title[class*=-heading],
div.h3-heading,
div.h3-heading-inverse,
h1.h3-heading,
h1.h3-heading-inverse,
h2.h3-heading,
h2.h3-heading-inverse,
h3.h3-heading,
h3.h3-heading-inverse,
h4.h3-heading,
h4.h3-heading-inverse,
h5.h3-heading,
h5.h3-heading-inverse,
h6.h3-heading,
h6.h3-heading-inverse,
span.h3-heading,
span.h3-heading-inverse {
    font-size: 1.17em
}

.carousel.primary .component-wrapper.max-container h2.h4-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h4-heading.h2-heading.content-title[class*=-heading],
div.h4-heading,
div.h4-heading-inverse,
h1.h4-heading,
h1.h4-heading-inverse,
h2.h4-heading,
h2.h4-heading-inverse,
h3.h4-heading,
h3.h4-heading-inverse,
h4.h4-heading,
h4.h4-heading-inverse,
h5.h4-heading,
h5.h4-heading-inverse,
h6.h4-heading,
h6.h4-heading-inverse,
span.h4-heading,
span.h4-heading-inverse {
    font: 700 1.67em var(--font-secondary);
    line-height: 1
}

.carousel.primary .component-wrapper.max-container h2.h5-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h5-heading.h2-heading.content-title[class*=-heading],
div.h5-heading,
div.h5-heading-inverse,
h1.h5-heading,
h1.h5-heading-inverse,
h2.h5-heading,
h2.h5-heading-inverse,
h3.h5-heading,
h3.h5-heading-inverse,
h4.h5-heading,
h4.h5-heading-inverse,
h5.h5-heading,
h5.h5-heading-inverse,
h6.h5-heading,
h6.h5-heading-inverse,
span.h5-heading,
span.h5-heading-inverse {
    font-size: 1.17em
}

.carousel.primary .component-wrapper.max-container h2.h6-heading-inverse.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container h2.h6-heading.h2-heading.content-title[class*=-heading],
div.h6-heading,
div.h6-heading-inverse,
h1.h6-heading,
h1.h6-heading-inverse,
h2.h6-heading,
h2.h6-heading-inverse,
h3.h6-heading,
h3.h6-heading-inverse,
h4.h6-heading,
h4.h6-heading-inverse,
h5.h6-heading,
h5.h6-heading-inverse,
h6.h6-heading,
h6.h6-heading-inverse,
span.h6-heading,
span.h6-heading-inverse {
    font-size: 1em
}

.custom-cta {
    font: 700 1.34em var(--font-secondary);
    line-height: 16px;
    min-width: 110px;
    outline: none;
    padding: 10px 12px;
    text-align: center;
    border-radius: 24px;
    text-transform: uppercase;
    transition: background .2s, border .2s ease-in-out
}

.custom-cta.tertiary:before {
    transition: border-color .2s ease-in-out
}

.custom-cta,
.custom-cta:hover {
    text-decoration: none
}

.custom-cta:not([disabled]) {
    cursor: pointer
}

.custom-cta:hover:active:not(:disabled) {
    box-shadow: none
}

.custom-cta.cta-large,
.profile-update-confirmation .buttons .custom-cta {
    font-size: 1.67em;
    padding: 16px 32px;
    border-radius: 24px
}

.custom-cta.cta-small {
    font-size: 1.17em;
    min-width: 60px;
    padding: 5px 16px;
    line-height: 14px
}

.custom-cta.primary {
    background: #ff6900;
    color: #fff;
    box-shadow: 0 1px 1px 0 #000
}

.custom-cta.primary:hover {
    background: #ff5400
}

.custom-cta.primary:active {
    background: #ff6900
}

.custom-cta.primary[disabled] {
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 50.2%, .6)
}

.custom-cta.primary.cta-large,
.profile-update-confirmation .buttons .custom-cta.primary {
    box-shadow: 0 1px 1px 0 #000
}

.custom-cta.primary.cta-large[disabled],
.profile-update-confirmation .buttons .custom-cta.primary[disabled] {
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 50.2%, .6)
}

.custom-cta.primary[disabled] {
    background: rgba(255, 105, 0, .3);
    color: hsla(0, 0%, 100%, .6)
}

.custom-cta.tertiary {
    position: relative;
    color: #333
}

.custom-cta.tertiary:before {
    border: 1px solid hsla(0, 0%, 50.2%, .6);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.custom-cta.tertiary:active:before,
.custom-cta.tertiary:hover:before {
    border-color: grey
}

.custom-cta.tertiary.cta-small:before {
    border-width: 1px
}

.custom-cta.tertiary:active {
    color: grey
}

.custom-cta.tertiary[disabled] {
    color: rgba(51, 51, 51, .3)
}

.custom-cta.tertiary[disabled]:before {
    border-color: rgba(51, 51, 51, .1)
}

.custom-cta.secondary {
    background: #333;
    color: #fff;
    box-shadow: 0 1px 1px 0 #000
}

.custom-cta.secondary:hover {
    background: #1c1c1c
}

.custom-cta.secondary:active {
    background: #333
}

.custom-cta.secondary:hover:not(:active):not([disabled]) {
    box-shadow: 0 1px 1px 0 #000
}

.custom-cta.secondary[disabled] {
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 50.2%, .6)
}

.custom-cta.secondary.cta-large,
.custom-cta.secondary.cta-large:hover:not(:active):not([disabled]),
.profile-update-confirmation .buttons .custom-cta.secondary,
.profile-update-confirmation .buttons .custom-cta.secondary:hover:not(:active):not([disabled]) {
    box-shadow: 0 1px 1px 0 #000
}

.custom-cta.secondary.cta-large[disabled],
.profile-update-confirmation .buttons .custom-cta.secondary[disabled] {
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 50.2%, .6)
}

.custom-cta.secondary:active,
.custom-cta.secondary:hover {
    color: #fff
}

.custom-cta.secondary[disabled] {
    background: rgba(51, 51, 51, .3);
    color: hsla(0, 0%, 100%, .6)
}

.play-btn {
    font-size: 0;
    position: absolute;
    left: 8px;
    text-decoration: none;
    top: 8px;
    z-index: 1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3)
}

.play-btn .icon {
    color: hsla(0, 0%, 100%, .85);
    font-size: 22px;
    justify-content: center
}

.custom-link {
    cursor: pointer;
    font-size: 1.34em;
    text-decoration: none;
    color: #ff6900
}

.custom-link:hover {
    text-decoration: underline;
    color: #ff6900
}

.custom-link:active,
.custom-link:focus {
    color: #ff6900
}

.custom-link:active {
    text-decoration: none
}

.bubble-badge {
    color: #fff;
    display: inline-block;
    font-size: .85em;
    line-height: 16px;
    position: relative;
    text-align: center;
    z-index: 2
}

.bubble-badge,
.bubble-badge:before {
    width: 16px
}

.bubble-badge:before {
    height: 16px;
    z-index: -1
}

.bubble-badge.dark-bubble:before {
    background: #404040
}

.bubble-badge.fixed {
    font-size: 12px;
    line-height: 20px
}

.bubble-badge.fixed,
.bubble-badge.fixed:before {
    width: 20px
}

.bubble-badge.fixed:before {
    height: 20px
}

.custom-badge {
    color: #333;
    display: inline-block;
    font-size: 1.12em;
    padding: 5px 12px;
    line-height: 14px;
    font-family: var(--font-secondary);
    text-transform: uppercase
}

.custom-badge.primary {
    background: #ffdb0d;
    font-size: 1.17em
}

.custom-badge.primary,
.custom-badge.secondary {
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase
}

.custom-badge.secondary {
    background: #670f0f;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 1em
}

.custom-badge.tertiary {
    background: #c00;
    color: #fff;
    text-align: center;
    white-space: normal;
    width: 60px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    font-weight: 500;
    font-size: 10px
}

.loading-spinner {
    display: inline-block
}

.loading-spinner figcaption {
    font-size: 0;
    text-transform: uppercase;
    color: grey
}

.custom-separator.horizontal:after,
.custom-separator:before {
    content: ""
}

.custom-separator.horizontal {
    align-items: center;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #fff
}

.custom-separator.horizontal:after,
.custom-separator.horizontal:before {
    border-bottom: 1px solid #d1d1d1;
    margin: 0 10px;
    width: 50%
}

.custom-separator.vertical {
    min-height: 30px;
    position: relative
}

.custom-separator.vertical:before {
    bottom: 0;
    border-left: 1px solid #d1d1d1;
    position: absolute;
    top: 0
}

.static-img {
    display: inline-block;
    margin: 0 auto
}

.static-img img {
    width: 48px
}

.radio-grid {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 1em;
    font-weight: 400;
    width: 100%
}

.radio-grid li {
    float: left;
    position: relative;
    width: 33.3%;
    padding: 4px
}

.radio-grid li input {
    opacity: 0;
    position: absolute
}

.radio-grid li:hover label,
.radio-grid li input:checked+label {
    background: #e0ded9;
    color: #fff;
    outline-color: #e0ded9
}

.radio-grid li label {
    background: #fff;
    color: #e0ded9;
    cursor: pointer;
    display: block;
    line-height: 1;
    outline: 1px solid #d1d1d1;
    padding: 10px;
    text-align: center;
    height: 100%
}

.custom-menu.primary.options {
    font-size: 1.34em
}

.custom-menu.primary.options li {
    width: 100%;
    display: inline-flex;
    flex-flow: column;
    height: 64px;
    justify-content: center
}

.custom-menu.primary.options li,
.custom-menu.primary.options li .icon,
.custom-menu.primary.options li:hover,
.custom-menu.primary.options li:hover .icon {
    color: #000
}

.custom-menu.primary.options li:last-of-type {
    border-bottom: 1px solid #d1d1d1
}

.custom-menu.primary.options li .icon:not([class*=-next]),
.custom-menu.primary.options li .logos-container,
.custom-menu.primary.options li>.icon-logo {
    position: absolute;
    right: 37px
}

.custom-menu.primary.options li .logos-container,
.custom-menu.primary.options li>.icon-logo {
    top: 50%;
    transform: translateY(-50%)
}

.custom-menu.primary.options li .icon-logo:before,
.custom-menu.primary.options li .subtitle {
    display: block
}

.custom-menu.primary.options li .icon-logo,
.custom-menu.primary.options li .icon:not([class*=-next]) {
    margin: 0 0 0 10px
}

.custom-menu.primary.options li .logos-container {
    align-items: center;
    display: inline-flex
}

.custom-menu.primary.options li .logos-container .icon-logo {
    width: 33px
}

.custom-menu.primary.options li .icon-logo {
    min-width: 33px
}

.custom-menu.primary.options li .subtitle {
    font-weight: 400;
    margin-top: 5px;
    font-size: .75em;
    color: grey
}

.social-links-container {
    display: table;
    max-width: 390px;
    margin: 10px auto 0;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

.social-links-container li {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px
}

.social-links-container [class*=social-link-] {
    display: block;
    padding: 0 15px
}

.social-links-container .icon {
    color: #fff;
    font-size: 20px
}

.social-links-container .social-link-facebook .icon {
    color: #475a96
}

.social-links-container .social-link-twitter .icon {
    color: #5da8dc
}

.social-links-container .social-link-youtube .icon {
    color: #cd201f
}

.inline-list {
    display: flex;
    font-size: 1.17em;
    border: 1px solid #d1d1d1;
    border-width: 1px 0;
    background: #f5f5f2;
    padding: 16px
}

.inline-list .inline-item {
    color: #333;
    flex: 1;
    line-height: 14px;
    text-align: center
}

.inline-list .inline-item .subtitle {
    display: block;
    font-size: .85em;
    color: grey;
    margin-bottom: 6px
}

.inline-list .inline-item .amount-value {
    display: inline-block
}

.step-list {
    counter-reset: listNumber;
    font-size: 1em;
    border-bottom: 1px solid #c2c2c2
}

.step-list .step-item {
    align-items: center;
    border-top: 1px solid #c2c2c2;
    color: grey;
    display: inline-flex;
    padding: 8px;
    width: 100%
}

.step-list .step-item .custom-cta,
.step-list .step-item .output {
    float: right;
    margin-left: auto
}

.step-list .step-item a {
    color: inherit
}

.step-list .step-item.numbered {
    color: #bfbfbf;
    counter-increment: listNumber;
    font-size: 1.17em;
    padding: 10px 20px 10px 50px;
    position: relative
}

.step-list .step-item.numbered:before {
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    content: counter(listNumber);
    display: inline-block;
    font-size: .85em;
    height: 20px;
    left: 20px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 20px
}

.step-list .step-item .output {
    clear: right;
    display: block;
    max-width: 50%;
    text-align: right;
    color: #333
}

.step-list .step-item .output+.custom-cta {
    margin-left: 8px
}

.step-list .step-item .output .icon,
.step-list .step-item .output a {
    vertical-align: middle
}

.step-list .step-item .output .icon {
    font-size: 16px;
    margin-right: 5px
}

.step-list .step-item .amount.positive-amount {
    font-size: 1.12em
}

.step-list .step-item .amount.negative-amount {
    color: #ff5400
}

.step-list .step-item .amount.positive-amount {
    color: #0069ba
}

.custom-progress,
.custom-progress .progress-bar,
.scrollable .scroll-bar.vertical .thumb,
.viewport .overview {
    width: 100%
}

.scrollable .scroll-bar .thumb,
.scrollable .viewport .overview {
    position: absolute
}

.scrollable,
.scrollable.default-skin .scroll-bar,
.scrollable .viewport {
    position: relative
}

.scrollable:focus {
    outline: 0
}

.scrollable .viewport {
    overflow: hidden
}

.scrollable.default-skin .scroll-bar {
    background-color: #d1d1d1;
    display: none;
    float: right;
    height: 100%;
    margin-right: 10px;
    width: 6px;
    z-index: 1
}

.scrollable.default-skin .scroll-bar .thumb,
.scrollable.default-skin .scroll-bar:hover .thumb {
    background-color: #a3a3a3
}

.scrollable.default-skin .scroll-bar.vertical {
    margin: 0 5px
}

.scrollable.default-skin .scroll-bar.vertical .thumb {
    min-height: 10px
}

.custom-progress {
    align-items: center;
    display: inline-flex
}

.custom-progress .progress-bar {
    background: #d1d1d1;
    height: 4px
}

.custom-progress .progress-value {
    background: #54a212;
    font-size: 0;
    height: 100%;
    width: 0
}

.custom-progress .progress-nr {
    color: #54a212;
    float: right;
    font-size: 1em;
    margin: 0 0 0 8px;
    font-weight: 500
}

.custom-toggle label,
.native-toggle label {
    color: #333
}

.custom-toggle label:before,
.native-toggle label:before {
    left: 0
}

.native-toggle {
    display: inline-block;
    overflow: hidden
}

.native-toggle input,
.native-toggle label:after,
.native-toggle label:before {
    position: absolute
}

.native-toggle .no-text,
.native-toggle label:before {
    height: 24px
}

.native-toggle input {
    margin: 0;
    opacity: 0
}

.native-toggle label {
    display: inline-block;
    font-size: 1em;
    line-height: 24px;
    max-height: 24px;
    position: relative;
    padding-left: 34px
}

.native-toggle label:hover {
    cursor: pointer
}

.native-toggle label:before {
    border: 1px solid #c2c2c2;
    content: "";
    top: 0;
    width: 24px;
    background: #f5f5f2
}

.native-toggle label.no-text {
    float: left;
    font-size: 0;
    padding-left: 24px
}

.native-toggle input:checked+label:before {
    color: #333;
    border-color: #333
}

.native-toggle.invalid-field label:before {
    border-color: #c00
}

.custom-checkbox input:checked+label:before {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle
}

.custom-radio label:before {
    border-radius: 50%
}

.custom-radio input:checked+label:after {
    left: 6px;
    position: absolute;
    top: 6px;
    background: #333;
    border-radius: 50%;
    content: "";
    height: 12px;
    width: 12px
}

.custom-toggle {
    position: relative
}

.custom-toggle input,
.custom-toggle label:before {
    height: 24px;
    width: 48px
}

.custom-toggle.toggle-small {
    transform: scale(.8);
    transform-origin: left
}

.custom-toggle label {
    line-height: 24px
}

.custom-toggle input {
    float: left;
    opacity: 0;
    margin: 0 10px 0 0
}

.custom-toggle label {
    cursor: pointer;
    font-size: 1em
}

.custom-toggle label:after {
    left: 4px;
    position: absolute;
    top: 4px;
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 16px;
    width: 16px
}

.custom-toggle label.switch-btn-on:after {
    left: 28px
}

.custom-toggle label:after,
.custom-toggle label:before {
    transition: all .3s ease-in-out
}

.custom-toggle label:before {
    border-radius: 20px;
    content: "";
    position: absolute;
    top: 0
}

.custom-toggle label.switch-btn-off:after {
    background: grey
}

.custom-toggle label.switch-btn-off:before {
    background: #d1d1d1
}

.custom-toggle label.switch-btn-on:before {
    background: #54a212
}

.table-list {
    font-size: 1em;
    line-height: 1;
    table-layout: fixed
}

.table-list.striped .list-body tr:nth-of-type(2n) {
    background: #e9e8e4
}

.table-list.striped .list-body tr:nth-of-type(odd) {
    background: #f5f5f2
}

.table-list.condensed {
    font-size: 1em
}

.table-list.condensed td,
.table-list.condensed th {
    padding: 10px 16px
}

.table-list,
.table-list .list-body,
.table-list .no-filter-results-msg,
.table-list tr {
    width: 100%
}

.table-list td[class*=-value],
.table-list td span[class*=-amount],
.table-list th span:not(.subtitle) {
    font-weight: 400
}

.table-list .total-header,
.table-list [class*=amount-] {
    text-align: center
}

.table-list th span:not(.subtitle) {
    font-weight: 500
}

.table-list td,
.table-list th {
    padding: 18px 25px;
    text-align: center;
    vertical-align: middle
}

.table-list td .custom-link,
.table-list th .custom-link {
    font-size: inherit
}

.table-list .icon {
    font-size: 24px
}

.table-list .list-header {
    background: #e9e8e4;
    border-bottom: 1px solid #d1d1d1;
    color: #2b2b2b
}

.table-list .list-header th {
    vertical-align: top
}

.table-list .list-header .filter-selector label {
    font-size: 0
}

.table-list .list-header .filter-selector label .icon {
    color: #4d4d4d
}

.table-list .list-header .custom-droplist {
    left: auto;
    right: auto;
    top: 25px
}

.table-list .list-header .custom-droplist li {
    white-space: nowrap
}

.table-list .list-body {
    background: #fff;
    color: #2b2b2b;
    overflow-y: auto
}

.table-list .list-body .positive-amount {
    color: #54a212
}

.table-list .subtitle {
    display: block;
    font-size: .85em;
    margin-top: 3px;
    color: grey
}

.custom-dropdown {
    border-width: 0 0 2px
}

.custom-dropdown,
.custom-dropdown.lang-selector .icon,
.custom-dropdown label {
    position: relative
}

.custom-dropdown .custom-droplist,
.custom-dropdown .native-droplist,
.custom-dropdown label [class*=icon-arrow] {
    position: absolute
}

.custom-dropdown .custom-droplist li:hover,
.custom-dropdown input {
    cursor: pointer
}

.custom-dropdown:not(.lang-selector) label [class*=icon-arrow] {
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.custom-dropdown [class*=icon-arrow] {
    color: grey;
    font-size: 8px
}

.custom-dropdown input {
    caret-color: transparent;
    -webkit-user-select: none
}

.custom-dropdown:not(.flip-up) .custom-droplist {
    animation: slide-down-fade .3s
}

.custom-dropdown .custom-droplist {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    color: #333;
    display: none;
    font-size: 1.17em;
    left: 0;
    line-height: 1;
    right: 0;
    text-align: left;
    z-index: 999
}

.custom-dropdown .custom-droplist li {
    padding: 14px 8px
}

.custom-dropdown .custom-droplist li:not(:first-of-type) {
    border-top: 1px solid #d1d1d1
}

.custom-dropdown .custom-droplist li.active,
.custom-dropdown .custom-droplist li:hover {
    background: #fff
}

.custom-dropdown .custom-droplist li.active {
    color: #ff6900
}

.custom-dropdown .custom-droplist li:hover {
    background: #e9e8e4
}

.custom-dropdown .native-droplist {
    color: #333;
    font-size: 1.5em;
    height: 100%;
    padding: 18px 8px 8px;
    top: 0;
    width: 100%
}

.custom-dropdown.small-field {
    line-height: 1
}

.custom-dropdown.small-field .custom-droplist {
    font-size: 1em
}

.custom-dropdown.small-field label {
    color: #333
}

.custom-dropdown.small-field [class*=icon-arrow] {
    font-size: 8px
}

.lang-selector,
.lang-selector label {
    display: inline-block
}

.lang-selector label {
    align-items: center;
    color: #e9e8e4;
    display: flex;
    font-size: 1em;
    height: 44px;
    line-height: 1;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    background: #333
}

.lang-selector label .icon-global,
.lang-selector label .icon-odds-selector {
    color: inherit;
    font-size: 24px;
    margin-right: 4px
}

.lang-selector [class*=icon-arrow] {
    font-size: 8px;
    margin-left: 4px;
    color: #e9e8e4
}

.lang-selector .custom-droplist {
    left: 36px;
    width: 128px;
    bottom: 44px
}

.lang-selector .custom-droplist li {
    font-size: 8px
}

.card {
    background: #f5f5f2;
    padding-bottom: 0
}

.card .img-responsive {
    object-fit: cover;
    width: 100%;
    height: 223px;
    transition: all .2s ease-in-out
}

.card .card-text {
    color: #333;
    font: 700 1.67em var(--font-secondary);
    overflow: hidden;
    padding: 16px 24px;
    height: 104px;
    line-height: 23px;
    text-transform: uppercase
}

.custom-menu {
    color: #333;
    font-size: 1.17em;
    font-weight: 400
}

.custom-menu .icon-bubble,
.custom-menu .icon-loading:after,
.custom-menu .icon-loading:before {
    margin: -2px 0 -2px 5px
}

.custom-menu:not(.inverse) li {
    background: #f5f5f2
}

.custom-menu:not(.inverse) li.active,
.custom-menu:not(.inverse) li:hover {
    background: #c2c2c2
}

.custom-menu a {
    color: inherit
}

.custom-menu.primary li {
    line-height: 1;
    border-bottom: 1px solid #d1d1d1
}

.custom-menu.primary li a:first-child {
    display: block;
    margin: -12px -32px -12px -16px;
    padding: 12px 32px 12px 16px
}

.custom-menu.primary li .icon[class*=-next] {
    right: 16px
}

.custom-menu .icon[class*=-next] {
    top: 50%;
    transform: translateY(-50%)
}

.custom-menu li {
    outline: none;
    padding: 12px 32px 12px 16px;
    position: relative
}

.custom-menu li[role=button] {
    cursor: pointer
}

.custom-menu li .icon[class*=-next] {
    color: grey;
    font-size: 8px;
    position: absolute
}

.custom-menu li .icon:not([class*=-next]) {
    color: #404040;
    float: left;
    font-size: 20px;
    margin-right: 10px
}

.custom-menu li i.icon.icon-quick-link {
    color: #333;
    font-size: 16px
}

.custom-menu.inverse {
    color: #4d4d4d
}

.custom-menu.inverse li {
    background: #fff;
    border-bottom: 1px solid #d1d1d1
}

.custom-menu.inverse li:not(:first-of-type) {
    border-top: 0
}

.custom-menu.inverse li.active,
.custom-menu.inverse li:hover {
    background: #f2f2f2
}

.custom-menu.inverse li .icon[class*=-next] {
    color: grey
}

.static-btn {
    color: #333;
    cursor: pointer;
    padding: 15px
}

.static-btn .icon.static-icon {
    background: transparent;
    color: inherit;
    border-radius: 50%;
    border: none;
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    height: 32px;
    margin: 0 auto;
    text-align: center;
    width: 32px;
    color: #333
}

.static-btn .static-title {
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
    margin-top: 12px;
    color: #333
}

.paginator,
.paginator .pages-list {
    display: flex
}

.paginator,
.paginator .navigator-link {
    justify-content: center
}

.paginator .navigator-link,
.paginator .pages-list {
    align-items: center
}

.paginator .navigator-link {
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    color: grey;
    display: inline-flex;
    font-size: 1em;
    font-weight: 400;
    height: 32px;
    width: 32px;
    transition: all .2s ease-in-out
}

.paginator .navigator-link.active,
.paginator .navigator-link:focus,
.paginator .navigator-link:hover {
    border-color: #ff6900
}

.paginator .navigator-link.next,
.paginator .navigator-link.prev {
    font-size: 0
}

.paginator .navigator-link .icon {
    font-size: 8px
}

.paginator .navigator-link.active {
    background: #ff6900;
    color: #fff;
    cursor: default
}

.paginator .navigator-link[disabled]:not([disabled=false]) {
    border-color: hsla(0, 0%, 50.2%, .3);
    color: hsla(0, 0%, 50.2%, .3);
    cursor: default
}

.paginator .pages-list {
    font-size: 1em;
    margin: 0 8px
}

.paginator .pages-list li:not(:first-of-type) {
    margin-left: 4px
}

.number-badge {
    color: #fff;
    display: inline-block;
    font-size: 1em;
    position: relative;
    text-align: center;
    z-index: 2
}

.number-badge,
.number-badge:before {
    width: 24px
}

.number-badge:before {
    background: #c00;
    height: 24px;
    z-index: -1
}

.custom-dropdown.options label {
    border-width: 0;
    color: #000;
    text-transform: uppercase
}

.custom-dropdown.options.custom-field.small-field input,
.custom-dropdown.options.custom-field.small-field label {
    padding: 10px 16px
}

.custom-dropdown.options.custom-field input:focus+.active-field {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3)
}

.custom-dropdown.options .custom-droplist {
    border-top: 1px solid #e0ded9;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
    top: 30px
}

.custom-dropdown.options .scrollable.default-skin .scroll-bar {
    margin: 0
}

.custom-cta.tertiary.inverse {
    color: #fff
}

.custom-cta.tertiary.inverse:before {
    border-color: hsla(0, 0%, 100%, .5)
}

.custom-cta.tertiary.inverse:active:not([disabled]):before,
.custom-cta.tertiary.inverse:hover:not([disabled]):before {
    border-color: #fff
}

.custom-cta.tertiary.inverse[disabled] {
    color: hsla(0, 0%, 100%, .3)
}

.custom-cta.tertiary.inverse[disabled]:before {
    border-color: hsla(0, 0%, 100%, .3)
}

.dynamic-cards-list .live-dealer-games,
.live-dealer-carousel .live-dealer-games {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px
}

.dynamic-cards-list .live-dealer-games .no-tables-wrapper,
.live-dealer-carousel .live-dealer-games .no-tables-wrapper {
    padding: 16px;
    background-color: #e6e6e6
}

.dynamic-cards-list .live-dealer-games .no-tables-wrapper .no-tables,
.live-dealer-carousel .live-dealer-games .no-tables-wrapper .no-tables {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 15px 0;
    color: #404040;
    background-color: #fff
}

.dynamic-cards-list .live-dealer-games .no-tables-wrapper .no-tables .icon,
.live-dealer-carousel .live-dealer-games .no-tables-wrapper .no-tables .icon {
    font-size: 64px
}

.dynamic-cards-list .live-dealer-games .no-tables-wrapper .no-tables .main-text,
.live-dealer-carousel .live-dealer-games .no-tables-wrapper .no-tables .main-text {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px
}

.dynamic-cards-list .live-dealer-games .no-tables-wrapper .no-tables .secondary-text,
.live-dealer-carousel .live-dealer-games .no-tables-wrapper .no-tables .secondary-text {
    font-size: 14px
}

.dynamic-cards-list .dynamic-card,
.live-dealer-carousel .dynamic-card {
    position: relative;
    color: rgba(51, 51, 51, .3)
}

.dynamic-cards-list .dynamic-card .card-container,
.live-dealer-carousel .dynamic-card .card-container {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header,
.live-dealer-carousel .dynamic-card .card-container header .header {
    display: flex;
    align-items: center
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon,
.live-dealer-carousel .dynamic-card .card-container header .header .icon {
    display: flex;
    margin-right: 12px;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    width: 64px;
    height: 64px
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon.icon-live-blackjack,
.live-dealer-carousel .dynamic-card .card-container header .header .icon.icon-live-blackjack {
    background: #333;
    color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon.icon-live-roulette,
.live-dealer-carousel .dynamic-card .card-container header .header .icon.icon-live-roulette {
    background: #af2b1d;
    color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon.icon-live-baccarat,
.live-dealer-carousel .dynamic-card .card-container header .header .icon.icon-live-baccarat {
    background: #cd661d;
    color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon.icon-live-super6,
.live-dealer-carousel .dynamic-card .card-container header .header .icon.icon-live-super6 {
    background: #670f0f;
    color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header .icon.icon-live-poker,
.live-dealer-carousel .dynamic-card .card-container header .header .icon.icon-live-poker {
    background: #7326f0;
    color: #f5f5f2
}

.dynamic-cards-list .dynamic-card .card-container header .header .details .h4-heading.title,
.live-dealer-carousel .dynamic-card .card-container header .header .details .h4-heading.title {
    font: 800 20px/20px var(--font-secondary);
    color: #4d4d4d;
    text-transform: uppercase
}

.dynamic-cards-list .dynamic-card .card-container header .header .details .h6-heading.dealer,
.live-dealer-carousel .dynamic-card .card-container header .header .details .h6-heading.dealer {
    font: 400 14px var(--font-primary);
    color: grey
}

.dynamic-cards-list .dynamic-card .card-container header .header .bx-custom-badge.custom-badge-primary .primary,
live-dealer-carousel .dynamic-card .card-container header .header bx-custom-badge.custom-badge-primary .primary {
    border-radius: 0 0 4px 4px;
    padding: 4px 8px
}

.dynamic-cards-list .dynamic-card .card-container .limits .limit,
.live-dealer-carousel .dynamic-card .card-container .limits .limit {
    font: 800 16px var(--font-secondary);
    color: #4d4d4d
}

.dynamic-cards-list .dynamic-card .card-container .status-row .circle-available,
.dynamic-cards-list .dynamic-card .card-container .status-row .circle-full,
.dynamic-cards-list .dynamic-card .card-container .status-row .icon-infinity,
.live-dealer-carousel .dynamic-card .card-container .status-row .circle-available,
.live-dealer-carousel .dynamic-card .card-container .status-row .circle-full,
.live-dealer-carousel .dynamic-card .card-container .status-row .icon-infinity {
    color: #cd661d
}

.dynamic-cards-list .dynamic-card .card-container .seats-availability .icon-user,
.live-dealer-carousel .dynamic-card .card-container .seats-availability .icon-user {
    background: #f5f5f2;
    color: #cd661d;
    border: 0
}

.dynamic-cards-list .dynamic-card .card-container .seats-availability .icon-plus,
.live-dealer-carousel .dynamic-card .card-container .seats-availability .icon-plus {
    background: #f5f5f2;
    border: 1px solid grey;
    color: #333
}

.dynamic-cards-list .dynamic-card .dynamic-card-content,
.live-dealer-carousel .dynamic-card .dynamic-card-content {
    padding: 0 24px 24px
}

.dynamic-cards-list .dynamic-card .dynamic-card-content .limits,
.live-dealer-carousel .dynamic-card .dynamic-card-content .limits {
    display: flex;
    flex-direction: column
}

.dynamic-cards-list .dynamic-card .dynamic-card-content .limits p.limits-title,
.live-dealer-carousel .dynamic-card .dynamic-card-content .limits p.limits-title {
    margin-bottom: 8px;
    color: grey
}

.dynamic-cards-list .dynamic-card .dynamic-card-content .limits .limit,
.live-dealer-carousel .dynamic-card .dynamic-card-content .limits .limit {
    height: 32px;
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap;
    padding: 0
}

.dynamic-cards-list .dynamic-card .footer,
.live-dealer-carousel .dynamic-card .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none
}

.dynamic-cards-list seats .seats-availability .seats-allocation,
.live-dealer-carousel seats .seats-availability .seats-allocation {
    width: 100%;
    height: 36px;
    position: relative
}

.dynamic-cards-list seats .seats-availability .seats-title,
.live-dealer-carousel seats .seats-availability .seats-title {
    margin-bottom: 8px;
    color: grey
}

.dynamic-cards-list seats .seats-availability i,
.live-dealer-carousel seats .seats-availability i {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 50%
}

.dynamic-cards-list seats .seats-availability i.icon-plus,
.live-dealer-carousel seats .seats-availability i.icon-plus {
    font-size: 12px
}

.dynamic-cards-list seats .seats-availability i.icon-user,
.live-dealer-carousel seats .seats-availability i.icon-user {
    font-size: 24px
}

.dynamic-cards-list status .status-row,
.live-dealer-carousel status .status-row {
    display: flex;
    align-items: center;
    max-width: 160px
}

.dynamic-cards-list status .status-row .status,
.live-dealer-carousel status .status-row .status {
    text-align: left;
    color: #cd661d
}

.dynamic-cards-list status .status-row i,
.live-dealer-carousel status .status-row i {
    margin-right: 4px;
    font-size: 15px;
    display: flex
}

.live-dealer-carousel .carousel.primary .component-wrapper.max-container .content-slider.max-height-container {
    min-height: 0
}

.live-dealer-carousel .carousel.primary .component-wrapper.max-container .top-container .component-header-container .component-header h2[class*=-heading].h2-heading.content-title {
    font-size: 1.34em;
    letter-spacing: .8px;
    line-height: 19px;
    margin-top: 6px;
    font-weight: 700;
    color: #fff
}

.live-dealer-carousel .carousel.primary .component-wrapper.max-container .top-container .component-header-container .component-header h2[class*=-heading].h2-heading.content-title.placeholder-title {
    width: 25%
}

.live-dealer-carousel .carousel.primary .component-wrapper.max-container .top-container .component-header-container .component-header .component-header {
    padding-top: 14px
}

.live-dealer-carousel-card .dynamic-card {
    height: 257px;
    width: 232px;
    margin-right: 32px
}

.live-dealer-carousel-card .dynamic-card .card-container header .header {
    margin-bottom: 16px
}

.live-dealer-carousel-card .dynamic-card .card-container header .header .bx-custom-badge {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 1
}

.live-dealer-carousel-card .dynamic-card .card-container header .header .bx-custom-badge.payout-percent .secondary {
    padding: 0 5px
}

.live-dealer-carousel-card .dynamic-card .card-container header .header .details .h5-heading.title {
    padding: 0;
    font-weight: 700
}

.live-dealer-carousel-card .dynamic-card .card-container header .header .details .h6-heading.dealer {
    padding: 0;
    text-transform: capitalize
}

.live-dealer-carousel-card .dynamic-card .card-container .dynamic-card-content .limits p.limits-title {
    text-align: left
}

.live-dealer-carousel-card .dynamic-card .card-container .dynamic-card-content .limits .limit {
    min-width: 105px;
    width: 105px;
    text-transform: none;
    font-weight: 700
}

.live-dealer-carousel-card .dynamic-card .card-container img.dealer {
    width: 115px;
    height: 176px;
    position: absolute;
    right: 0;
    bottom: 0
}

.live-dealer-carousel-card .dynamic-card .card-container .table-status {
    position: relative
}

.live-dealer-carousel-card .dynamic-card .card-container .table-status .icon-infinity {
    margin-right: 4px;
    font-size: 15px;
    vertical-align: bottom
}

.live-dealer-carousel-card .dynamic-card .card-container .seats-availability-container {
    bottom: 20px;
    position: absolute
}

.dynamic-cards-list {
    display: block;
    max-width: 100%
}

.carousel.primary .component-wrapper.max-container .dynamic-cards-list h2.h2-heading.content-title[class*=-heading],
dynamic-cards-list .bx-section-container>.component-header>h2.h5-heading.content-title,
dynamic-cards-list .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
dynamic-cards-list .h3-heading {
    text-transform: uppercase
}

.dynamic-card {
    margin: 0 32px 32px 0
}

.dynamic-card .dynamic-card {
    height: 305px
}

.dynamic-card .dynamic-card .card-container header .payout-percent+.title {
    width: 100%
}

.dynamic-card .dynamic-card .card-container header .header {
    margin-bottom: 32px
}

.dynamic-card .dynamic-card .card-container header .header .bx-custom-badge {
    position: relative;
    z-index: 1;
    right: 0
}

.dynamic-card .dynamic-card .card-container header .header .bx-custom-badge.custom-badge-primary {
    top: 0
}

.dynamic-card .dynamic-card .card-container header .header .bx-custom-badge.payout-percent {
    bottom: 0
}

.dynamic-card .dynamic-card .card-container header .header .bx-custom-badge.payout-percent .custom-badge.secondary {
    background-color: initial;
    color: #cd661d
}

.dynamic-card .dynamic-card .card-container header .header .details .h4-heading.title {
    margin-bottom: 2px
}

.dynamic-card .dynamic-card .card-container header .header .details .h6-heading.dealer {
    text-transform: none
}

.dynamic-card .dynamic-card .card-container .dynamic-card-content .limits .limit {
    width: 130px;
    text-transform: none
}

.dynamic-card .dynamic-card .card-container .dynamic-card-content img.dealer {
    width: 150px;
    height: 230px;
    position: absolute;
    right: 0;
    bottom: 0
}

.dynamic-card .dynamic-card .card-container .dynamic-card-content .table-status {
    margin-top: 11px
}

.dynamic-card .dynamic-card .card-container .dynamic-card-content .seats-availability-container {
    bottom: 20px;
    position: absolute
}

.dynamic-cards-spinner .dynamic-cards-spinner {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center
}

.bx-live-dealer-page .content {
    padding: 0 16px 16px;
    max-width: 1376px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    float: none
}

figure.custom-notification.notificationbox {
    padding: 0;
    justify-content: flex-start;
    flex-direction: row;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .3)
}

figure.custom-notification.notificationbox figure.notificationbox-icon {
    position: relative;
    margin: 0;
    padding: 0;
    justify-content: center;
    box-shadow: none;
    width: 72px;
    height: 72px
}

figure.custom-notification.notificationbox figure.notificationbox-icon .icon {
    font-size: 32px
}

figure.custom-notification.notificationbox figcaption.notificationbox-message {
    line-height: 1.5em;
    text-align: left;
    display: block;
    margin-left: 20px;
    color: #333
}

figure.custom-notification.notificationbox figure.notificationbox-close {
    width: 40px
}

figure.custom-notification.notificationbox figure.notificationbox-close .close-btn .icon {
    color: grey;
    font-size: 8px
}

.custom-notification {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    line-height: 1;
    margin: 0 auto;
    padding: 40px 32px;
    position: fixed;
    right: 0;
    text-align: center;
    transition: all .3s ease;
    top: 0;
    width: 100%;
    z-index: 6
}

.custom-notification.error {
    color: #fff
}

.custom-notification.error,
.custom-notification.error:after {
    background: #af2b1d
}

.custom-notification.loading {
    color: #fff
}

.custom-notification.loading,
.custom-notification.loading:after {
    background: #fff
}

.custom-notification.warning {
    color: #fff
}

.custom-notification.warning,
.custom-notification.warning:after {
    background: #f08b00
}

.custom-notification.success {
    color: #fff
}

.custom-notification.success,
.custom-notification.success:after {
    background: #54a212
}

.custom-notification.info {
    color: #fff
}

.custom-notification.info,
.custom-notification.info:after {
    background: #0069ba
}

.custom-notification.error figcaption {
    color: #fff
}

.custom-notification .close-btn {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px
}

.custom-notification .close-btn .icon-close,
.custom-notification .close-btn .navbar-fixed-top .navbar .menu-btn.active .icon-menu,
.navbar-fixed-top .navbar .menu-btn.active .custom-notification .close-btn .icon-menu {
    color: hsla(0, 0%, 100%, .6)
}

.custom-notification .close-btn:hover .icon-close,
.custom-notification .close-btn:hover .navbar-fixed-top .navbar .menu-btn.active .icon-menu,
.navbar-fixed-top .navbar .menu-btn.active .custom-notification .close-btn:hover .icon-menu {
    color: #fff
}

.custom-notification .close-btn:hover {
    cursor: pointer
}

.custom-notification .close-btn .icon.icon-close,
.custom-notification .close-btn .navbar-fixed-top .navbar .menu-btn.active .icon.icon-menu,
.navbar-fixed-top .navbar .menu-btn.active .custom-notification .close-btn .icon.icon-menu {
    font-size: 8px
}

.custom-notification+.overlay {
    display: block;
    margin: 0 auto
}

.custom-notification .icon {
    color: #fff;
    display: block;
    font-size: 16px
}

.custom-notification .icon-loading {
    margin: -4px 0
}

.custom-notification figcaption {
    color: #fff
}

.custom-notification:not(.alert) {
    animation: slide-down .5s;
    font-size: 1.17em;
    justify-content: center;
    text-align: left
}

.custom-notification:not(.alert) .icon:not(.icon-close):not(.icon-loading) {
    margin: 0 8px
}

.custom-notification.alert {
    position: relative;
    font-size: 1em;
    padding: 8px 16px
}

.custom-notification.alert .close-btn {
    padding: 12px 16px 12px 0
}

.custom-notification.alert .icon:not(.icon-close) {
    font-size: 16px;
    margin-right: 8px
}

.custom-notification.alert figcaption {
    flex: 2;
    text-align: left
}

.custom-notification a {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.modal-overlay {
    background: #f6f6f6;
    color: #000;
    bottom: 0;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    overflow-y: scroll
}

.modal-overlay .full-width-ctas,
.modal-overlay .modal-header {
    display: flex
}

.modal-overlay:not(.dark-overlay) [class*=-btn] {
    color: rgba(0, 0, 0, .6)
}

.modal-overlay:not(.dark-overlay) .modal-content {
    background: #e6e6e6
}

.modal-overlay:not(.dark-overlay) .modal-body {
    padding: 5px 20px
}

.modal-overlay.dark-overlay {
    background: rgba(0, 0, 0, .6)
}

.modal-overlay.dark-overlay,
.modal-overlay.dark-overlay [class*=-heading] {
    color: #2b2b2b
}

.modal-overlay.dark-overlay [class*=-btn] .icon {
    opacity: 1
}

.modal-overlay [class$=-btn]:not(.toggle-password-btn) {
    cursor: pointer;
    font-size: 0
}

.modal-overlay [class$=-btn]:not(.toggle-password-btn) .icon {
    font-size: 12px
}

.modal-overlay .modal-logo {
    text-align: center;
    background: #fff
}

.modal-overlay .modal-logo img {
    max-height: 32px;
    vertical-align: middle;
    margin: 6px 0 10px
}

.modal-overlay .modal-header {
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    background: #333;
    text-transform: uppercase
}

.modal-overlay .modal-header,
.modal-overlay .modal-header .back-btn+[class*=-heading] {
    padding: 0
}

.modal-overlay .modal-header [class*=-btn] {
    padding: 15px;
    color: #e9e8e4
}

.modal-overlay .modal-header [class*=-btn] .icon {
    line-height: 1
}

.modal-overlay .modal-header [class*=-heading] {
    display: inline-flex;
    line-height: 1;
    margin: auto 0;
    padding-left: 24px;
    color: #f5f5f2;
    font: 700 1.67em var(--font-secondary)
}

.modal-overlay .modal-header .close-btn {
    margin: 0 0 0 auto;
    background: #1c1c1c;
    color: #e9e8e4
}

.modal-overlay .modal-body {
    padding: 16px;
    position: relative
}

.modal-overlay .custom-field {
    margin-bottom: 15px
}

.modal-overlay .full-width-ctas {
    flex-direction: column;
    margin-top: 15px;
    padding-bottom: 2px
}

.modal-overlay .full-width-ctas :not(:first-child):not(:last-child) {
    margin: 8px 0 24px
}

.modal-overlay .field-hint {
    display: inline-block;
    margin-top: 5px
}

.modal-overlay .custom-link {
    font-size: inherit;
    text-decoration: none
}

.modal-overlay .modal-content {
    background: #f5f5f2;
    min-height: 100%;
    overflow: visible
}

.modal-overlay .modal-content.modal-small {
    height: auto;
    max-width: 335px;
    min-height: auto;
    text-align: center;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .3)
}

.modal-overlay .modal-content.modal-small .modal-header {
    border: none;
    display: inline-block;
    background: #f5f5f2
}

.modal-overlay .modal-content.modal-small .modal-header [class*=-heading] {
    font-size: 1.17em;
    font-weight: 700;
    padding: 16px 0 8px;
    color: #333
}

.modal-overlay .modal-content.modal-small .close-btn {
    position: absolute;
    right: 0;
    background: #f5f5f2
}

.modal-overlay .modal-content.modal-small .modal-body {
    padding: 0 16px 16px
}

.modal-overlay .modal-content.modal-small .modal-msg {
    color: #333;
    font-size: 1em
}

.modal-overlay .modal-content.modal-small .close-btn {
    margin: 4px;
    padding: 8px
}

.modal-overlay .modal-content.modal-small .close-btn .icon {
    color: hsla(0, 0%, 50.2%, .6);
    font-size: 8px
}

.modal-overlay .modal-content.modal-small .inline-ctas {
    display: inline-flex;
    margin-top: 16px;
    overflow: visible
}

.modal-overlay .modal-content.modal-small .custom-cta {
    width: 100%
}

.modal-overlay .modal-content.modal-small .custom-cta:not(:first-child) {
    margin-left: 10px
}

.tooltip-popover-container {
    display: inline-block;
    font: 1em var(--font-primary);
    line-height: 1.34em;
    position: relative
}

.tooltip-popover-container .custom-link {
    font-size: inherit;
    font-weight: 400;
    color: #fff;
    text-decoration: underline
}

.tooltip-popover-container .close-btn {
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    margin: 10px;
    padding: 8px
}

.navbar-fixed-top .navbar .menu-btn.active .tooltip-popover-container .close-btn .icon-menu,
.tooltip-popover-container .close-btn .icon-close,
.tooltip-popover-container .close-btn .icon-close2,
.tooltip-popover-container .close-btn .navbar-fixed-top .navbar .menu-btn.active .icon-menu {
    font-size: 8px
}

.tooltip-popover-container .popover-toggle.active+.tooltip-popover-msg,
.tooltip-popover-container .tooltip-popover-msg.tooltip-switch,
.tooltip-popover-container:hover .tooltip-toggle+.tooltip-popover-msg {
    display: inline-block
}

.tooltip-popover-container .tooltip-popover-msg {
    background: #333;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
    color: #fff;
    display: none;
    font-size: 1em;
    padding: 16px;
    border-radius: 0;
    min-width: 270px
}

.tooltip-popover-container .tooltip-popover-msg.bottom {
    animation: bounce-down .5s;
    left: 50%;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 2;
    transform: translateX(-50%)
}

.tooltip-popover-container .tooltip-popover-msg.bottom:after,
.tooltip-popover-container .tooltip-popover-msg.bottom:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.bottom:after,
.tooltip-popover-container .tooltip-popover-msg.bottom:before {
    border-bottom-color: #333;
    top: auto;
    bottom: 100%;
    left: 50%
}

.tooltip-popover-container .tooltip-popover-msg.bottom:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.bottom:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.bottom .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.left {
    animation: bounce-right .5s;
    left: -10px;
    position: absolute;
    top: 45%;
    z-index: 2;
    transform: translate(-100%, -50%)
}

.tooltip-popover-container .tooltip-popover-msg.left:after,
.tooltip-popover-container .tooltip-popover-msg.left:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.left:after,
.tooltip-popover-container .tooltip-popover-msg.left:before {
    border-left-color: #333;
    right: -15px;
    top: calc(50% - 8px)
}

.tooltip-popover-container .tooltip-popover-msg.left:after {
    border-width: 8.5px;
    right: -15px
}

.tooltip-popover-container .tooltip-popover-msg.left:before {
    border-width: 8px;
    right: -16px
}

.tooltip-popover-container .tooltip-popover-msg.left .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.right {
    animation: bounce-left .5s;
    left: calc(100% + 10px);
    position: absolute;
    top: 45%;
    z-index: 2;
    transform: translateY(-50%)
}

.tooltip-popover-container .tooltip-popover-msg.right:after,
.tooltip-popover-container .tooltip-popover-msg.right:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.right:after,
.tooltip-popover-container .tooltip-popover-msg.right:before {
    border-right-color: #333;
    left: -15px;
    top: calc(50% - 8px)
}

.tooltip-popover-container .tooltip-popover-msg.right:after {
    border-width: 8.5px;
    left: -15px
}

.tooltip-popover-container .tooltip-popover-msg.right:before {
    border-width: 8px;
    left: -16px
}

.tooltip-popover-container .tooltip-popover-msg.right .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.top {
    animation: bounce-up .5s;
    left: 50%;
    position: absolute;
    top: -10px;
    z-index: 2;
    transform: translate(-50%, -100%)
}

.tooltip-popover-container .tooltip-popover-msg.top:after,
.tooltip-popover-container .tooltip-popover-msg.top:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.top:after,
.tooltip-popover-container .tooltip-popover-msg.top:before {
    border-top-color: #333;
    bottom: auto;
    top: 100%;
    left: 50%
}

.tooltip-popover-container .tooltip-popover-msg.top:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.top:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.top .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left {
    animation: bounce-down .5s;
    left: 50%;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 2;
    transform: translateX(-50%);
    transform: translate(-30%)
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left:after,
.tooltip-popover-container .tooltip-popover-msg.bottom-left:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left:after,
.tooltip-popover-container .tooltip-popover-msg.bottom-left:before {
    border-bottom-color: #333;
    top: auto;
    bottom: 100%;
    left: 8%
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.bottom-left .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right {
    animation: bounce-down .5s;
    left: 50%;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 2;
    transform: translateX(-50%);
    transform: translate(-70%)
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right:after,
.tooltip-popover-container .tooltip-popover-msg.bottom-right:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right:after,
.tooltip-popover-container .tooltip-popover-msg.bottom-right:before {
    border-bottom-color: #333;
    top: auto;
    bottom: 100%;
    left: 92%
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.bottom-right .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.top-left {
    animation: bounce-up .5s;
    left: 0;
    position: absolute;
    top: -10px;
    z-index: 2;
    transform: translate(-50%, -100%);
    transform: translate(-4%, -100%)
}

.tooltip-popover-container .tooltip-popover-msg.top-left:after,
.tooltip-popover-container .tooltip-popover-msg.top-left:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.top-left:after,
.tooltip-popover-container .tooltip-popover-msg.top-left:before {
    border-top-color: #333;
    bottom: auto;
    top: 100%;
    left: 8%
}

.tooltip-popover-container .tooltip-popover-msg.top-left:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.top-left:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.top-left .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .tooltip-popover-msg.top-right {
    animation: bounce-up .5s;
    left: 100%;
    position: absolute;
    top: -10px;
    z-index: 2;
    transform: translate(-50%, -100%);
    transform: translate(-97%, -100%)
}

.tooltip-popover-container .tooltip-popover-msg.top-right:after,
.tooltip-popover-container .tooltip-popover-msg.top-right:before {
    border-style: solid;
    border-color: transparent;
    content: "";
    max-width: 10px;
    position: absolute
}

.tooltip-popover-container .tooltip-popover-msg.top-right:after,
.tooltip-popover-container .tooltip-popover-msg.top-right:before {
    border-top-color: #333;
    bottom: auto;
    top: 100%;
    left: 92%
}

.tooltip-popover-container .tooltip-popover-msg.top-right:after {
    border-width: 8px;
    margin-left: -8px
}

.tooltip-popover-container .tooltip-popover-msg.top-right:before {
    border-width: 10px;
    margin-left: -10px
}

.tooltip-popover-container .tooltip-popover-msg.top-right .close-btn {
    font-size: 0;
    outline: none
}

.tooltip-popover-container .popover-toggle+.tooltip-popover-msg {
    padding-right: 40px
}

.pin-wrapper,
.pin-wrapper .pin-input,
.pin-wrapper label {
    height: 48px
}

.pin-wrapper .custom-field.pin-field {
    float: left;
    width: 48px
}

.pin-wrapper .custom-field.pin-field:not(:first-of-type) {
    margin-left: 10px
}

.pin-wrapper .custom-field.pin-field label {
    -ms-overflow-y: hidden;
    font-size: 0;
    border-width: 1px;
    border-radius: 4px
}

.pin-wrapper .custom-field.pin-field .pin-input {
    padding: 10px;
    text-align: center
}

.pin-wrapper .toggle-password-btn {
    color: grey;
    cursor: pointer;
    display: table-cell;
    font-size: 0;
    height: 100%;
    margin-left: 20px;
    vertical-align: middle;
    z-index: 1
}

.pin-wrapper .toggle-password-btn .icon {
    font-size: 20px
}

.pin-wrapper .toggle-password-btn.activate {
    color: #fff
}

.doughnut {
    margin: 0 25px;
    position: relative;
    width: 200px
}

.doughnut .doughnut-graph-container {
    margin: 0;
    position: relative
}

.doughnut .doughnut-graph-container .doughnut-graph {
    width: 200px
}

.doughnut .doughnut-graph-container .doughnut-max,
.doughnut .doughnut-graph-container .doughnut-min {
    bottom: 5px;
    font-size: .85em;
    position: absolute;
    text-align: center;
    color: grey
}

.doughnut .doughnut-graph-container .doughnut-min {
    left: 10%;
    transform: translateX(-50%)
}

.doughnut .doughnut-graph-container .doughnut-max {
    right: 10%;
    transform: translateX(50%)
}

.doughnut .tooltip-popover-container {
    height: 20px;
    left: 10px;
    position: absolute;
    top: 80px;
    width: 20px
}

.doughnut .tooltip-popover-container .tooltip-toggle {
    border-radius: 15px;
    cursor: help;
    height: 30px;
    position: absolute;
    width: 30px
}

.doughnut:not(.doughnut-full) .doughnut-graph-container {
    padding-bottom: 20px
}

.doughnut:not(.doughnut-full) .doughnut-graph {
    height: 100px
}

.doughnut.doughnut-full .doughnut-graph {
    height: 200px
}

.doughnut .doughnut-caption-container .doughnut-caption {
    left: 50%;
    line-height: 1;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.doughnut .doughnut-caption-container .doughnut-caption strong {
    font-size: 1.34em;
    font-weight: 600
}

.doughnut .doughnut-caption-container .doughnut-caption small {
    display: block;
    font-size: 1em;
    font-weight: 400;
    text-transform: none;
    color: grey
}

.doughnut .doughnut-caption-container .doughnut-next {
    text-align: center;
    margin-left: 5px
}

.doughnut.doughnut-full .doughnut-caption-container .doughnut-caption {
    margin-top: -15px
}

.doughnut .doughnut-ring,
.doughnut .doughnut-segment,
.doughnut .doughnut-segment-highlight {
    stroke-dasharray: 800
}

.doughnut .doughnut-ring,
.doughnut .doughnut-segment {
    stroke-dashoffset: 800
}

.doughnut .doughnut-ring {
    animation: donut-ring-animation 2s ease-in-out .5s 1 forwards
}

.doughnut .doughnut-segment {
    animation: donut-segment-animation 3s ease-in-out 1s 1 forwards;
    transition-property: stroke-dashoffset, stroke-width;
    transition-duration: 1s;
    transition-timing-function: ease-in-out
}

.doughnut .doughnut-segment-highlight {
    stroke-dashoffset: 800
}

.doughnut:focus .doughnut-segment-highlight,
.doughnut:hover .doughnut-segment-highlight {
    animation: donut-segment-highlight-animation 1 1s ease-in-out 0 forwards
}

[data-tier=bronze] .doughnut-ring,
[data-tier=tier-1] .doughnut-ring {
    stroke: #d48246
}

[data-tier=bronze] .doughnut-segment,
[data-tier=tier-1] .doughnut-segment {
    stroke: #9c5018
}

[data-tier=bronze] .doughnut-segment-highlight,
[data-tier=tier-1] .doughnut-segment-highlight {
    stroke: #b25b1b
}

[data-tier=bronze] .doughnut-previous-value,
[data-tier=tier-1] .doughnut-previous-value {
    stroke: transparent
}

[data-tier=bronze] .doughnut-caption,
[data-tier=tier-1] .doughnut-caption {
    color: #9c5018
}

[data-tier=silver] .doughnut-ring,
[data-tier=tier-2] .doughnut-ring {
    stroke: #a8a8a8
}

[data-tier=silver] .doughnut-segment,
[data-tier=tier-2] .doughnut-segment {
    stroke: grey
}

[data-tier=silver] .doughnut-segment-highlight,
[data-tier=tier-2] .doughnut-segment-highlight {
    stroke: #8d8d8d
}

[data-tier=silver] .doughnut-previous-value,
[data-tier=tier-2] .doughnut-previous-value {
    stroke: #9c5018
}

[data-tier=silver] .doughnut-caption,
[data-tier=tier-2] .doughnut-caption {
    color: grey
}

[data-tier=gold] .doughnut-ring,
[data-tier=tier-3] .doughnut-ring {
    stroke: #cbb144
}

[data-tier=gold] .doughnut-segment,
[data-tier=tier-3] .doughnut-segment {
    stroke: #9c8518
}

[data-tier=gold] .doughnut-segment-highlight,
[data-tier=tier-3] .doughnut-segment-highlight {
    stroke: #b2981b
}

[data-tier=gold] .doughnut-previous-value,
[data-tier=tier-3] .doughnut-previous-value {
    stroke: grey
}

[data-tier=gold] .doughnut-caption,
[data-tier=tier-3] .doughnut-caption {
    color: #9c8518
}

[data-tier=platinum] .doughnut-ring,
[data-tier=tier-4] .doughnut-ring {
    stroke: grey
}

[data-tier=platinum] .doughnut-segment,
[data-tier=tier-4] .doughnut-segment {
    stroke: #454545
}

[data-tier=platinum] .doughnut-segment-highlight,
[data-tier=tier-4] .doughnut-segment-highlight {
    stroke: #525252
}

[data-tier=platinum] .doughnut-previous-value,
[data-tier=tier-4] .doughnut-previous-value {
    stroke: #9c8518
}

[data-tier=platinum] .doughnut-caption,
[data-tier=tier-4] .doughnut-caption {
    color: #454545
}

[data-tier=tier-5] .doughnut-ring,
[data-tier=vip] .doughnut-ring {
    stroke: #d55f83
}

[data-tier=tier-5] .doughnut-segment,
[data-tier=vip] .doughnut-segment {
    stroke: #ab2e53
}

[data-tier=tier-5] .doughnut-segment-highlight,
[data-tier=vip] .doughnut-segment-highlight {
    stroke: #bf335d
}

[data-tier=tier-5] .doughnut-previous-value,
[data-tier=vip] .doughnut-previous-value {
    stroke: #454545
}

[data-tier=tier-5] .doughnut-caption,
[data-tier=vip] .doughnut-caption {
    color: #ab2e53
}

[data-tier=ocean] .doughnut-ring,
[data-tier=tier-6] .doughnut-ring {
    stroke: #bbece8
}

[data-tier=ocean] .doughnut-segment,
[data-tier=tier-6] .doughnut-segment {
    stroke: #9ce4de
}

[data-tier=ocean] .doughnut-segment-highlight,
[data-tier=tier-6] .doughnut-segment-highlight {
    stroke: #b0e9e5
}

[data-tier=ocean] .doughnut-previous-value,
[data-tier=tier-6] .doughnut-previous-value {
    stroke: #ab2e53
}

[data-tier=ocean] .doughnut-caption,
[data-tier=tier-6] .doughnut-caption {
    color: #9ce4de
}

[data-tier=ocean].doughnut-full.doughnut-full .doughnut-ring,
[data-tier=tier-6].doughnut-full.doughnut-full .doughnut-ring {
    stroke: #454545
}

.game-thumbnail,
.img-placeholder {
    position: relative
}

.custom-badge,
.play-btn {
    z-index: 2
}

.game-thumbnail {
    text-align: center
}

.game-thumbnail .img-game,
.game-thumbnail:not(.img-small) .thumbnail-text {
    position: absolute
}

.game-thumbnail .img-responsive {
    z-index: 1;
    transition: all .3s ease
}

.game-thumbnail .img-game {
    top: 0
}

.game-thumbnail .play-btn {
    border-radius: 50%;
    height: 22px
}

.game-thumbnail .play-btn .icon:after {
    border: 5.5px solid transparent;
    border-left-color: #000;
    content: "";
    position: absolute;
    top: 6px;
    right: 2px;
    z-index: -1
}

.game-thumbnail .play-btn .icon {
    align-items: center;
    display: flex;
    height: 22px
}

.game-thumbnail .custom-badge {
    position: absolute
}

.game-thumbnail .custom-badge.primary {
    top: 8px;
    right: 8px
}

.game-thumbnail .custom-badge.secondary {
    bottom: 32px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    font-size: 12px
}

.game-thumbnail .custom-badge.tertiary {
    bottom: 65px;
    left: 0;
    margin: auto;
    font-size: 10px
}

.game-thumbnail .thumbnail-text {
    font-size: 1.17em
}

.game-thumbnail:not([class*=xsmall]) {
    padding-bottom: 30px
}

.game-thumbnail .thumbnail-text-price {
    display: block;
    font-size: 1.12em;
    font-weight: 600
}

.game-thumbnail.img-large {
    max-width: 232px;
    min-width: 232px
}

.game-thumbnail.img-large .img-responsive {
    max-height: 164px;
    object-fit: cover;
    width: 100%
}

.game-thumbnail.img-large .thumbnail-text {
    font-size: 1.17em;
    text-transform: uppercase;
    font-family: var(--font-secondary);
    background: #f5f5f2;
    color: #333
}

.game-thumbnail:not(.img-small) .thumbnail-text {
    left: 0
}

.game-thumbnail.img-small {
    max-width: 100px
}

.game-thumbnail.img-small .thumb-container {
    max-height: 135px
}

.game-thumbnail.img-small .img-responsive {
    height: 65px;
    object-fit: cover;
    min-width: 100px
}

.game-thumbnail.img-small .custom-badge.primary {
    top: 8px
}

.game-thumbnail.img-small .custom-badge.secondary {
    bottom: 8px
}

.game-thumbnail.img-small .thumbnail-text {
    font-size: 1em;
    padding: 8px 0 10px;
    color: #c2c2c2;
    text-align: center
}

.game-thumbnail.img-small .thumbnail-text .thumbnail-text-price {
    bottom: 30px;
    font-size: 1em;
    padding: 16px 0 4px;
    position: absolute;
    width: 100%
}

.game-thumbnail[class*=xsmall] .img-responsive {
    object-fit: cover
}

.game-thumbnail.img-xsmall {
    max-width: 64px;
    min-width: 64px
}

.game-thumbnail.img-xsmall .img-responsive {
    height: 64px;
    border-radius: 50%
}

.game-thumbnail.img-xxsmall {
    max-width: 40px;
    min-width: 40px
}

.game-thumbnail.img-xxsmall .img-responsive {
    height: 40px;
    border-radius: 50%
}

.game-thumbnail .thumbnail-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 700;
    line-height: 1;
    padding: 10px 0;
    bottom: 0;
    background: #f5f5f2;
    z-index: 2
}

.game-thumbnail .thumbnail-text,
.game-thumbnail .thumbnail-text .thumbnail-text-price {
    color: #000
}

.carousel {
    position: relative;
    text-align: center;
    z-index: 0
}

.carousel .content-slider {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    display: flex;
    margin-bottom: -20px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 20px;
    transform: translateZ(0);
    will-change: scroll-position
}

.carousel .content-slider::-webkit-scrollbar {
    display: none
}

.carousel.primary:hover .carousel-navigation [class*=carousel-navigation-],
.carousel.secondary:hover .carousel-navigation [class*=carousel-navigation-] {
    height: inherit;
    opacity: 1
}

.carousel.primary .carousel-navigation,
.carousel.secondary .carousel-navigation {
    display: block;
    height: 100%;
    left: 50%;
    margin: 0 auto;
    max-width: 1376px;
    position: absolute;
    top: -100%;
    transform: translate(-50%);
    width: 100%
}

.carousel.primary .carousel-navigation .carousel-navigation-back,
.carousel.primary .carousel-navigation .carousel-navigation-next,
.carousel.secondary .carousel-navigation .carousel-navigation-back,
.carousel.secondary .carousel-navigation .carousel-navigation-next {
    max-height: 235px;
    opacity: 0;
    position: inherit;
    top: 100%
}

.carousel.primary .carousel-navigation .carousel-navigation-back .carousel-navigation-btn,
.carousel.primary .carousel-navigation .carousel-navigation-next .carousel-navigation-btn,
.carousel.secondary .carousel-navigation .carousel-navigation-back .carousel-navigation-btn,
.carousel.secondary .carousel-navigation .carousel-navigation-next .carousel-navigation-btn {
    background: #fff;
    color: grey;
    cursor: pointer;
    height: 32px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    border-radius: 50%;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.carousel.primary .carousel-navigation .carousel-navigation-back:hover .carousel-navigation-btn,
.carousel.primary .carousel-navigation .carousel-navigation-next:hover .carousel-navigation-btn,
.carousel.secondary .carousel-navigation .carousel-navigation-back:hover .carousel-navigation-btn,
.carousel.secondary .carousel-navigation .carousel-navigation-next:hover .carousel-navigation-btn {
    background: #fff
}

.carousel.primary .carousel-navigation .carousel-navigation-back,
.carousel.secondary .carousel-navigation .carousel-navigation-back {
    left: 8px
}

.carousel.primary .carousel-navigation .carousel-navigation-next,
.carousel.secondary .carousel-navigation .carousel-navigation-next {
    right: 8px
}

@media (hover: none) {

    .carousel.primary .content-slider,
    .carousel.secondary .content-slider {
        overflow-x: auto
    }

    .carousel.primary .carousel-navigation,
    .carousel.secondary .carousel-navigation {
        display: none
    }
}

.carousel.primary {
    padding-bottom: 20px
}

.carousel.primary .content-slider {
    padding: 20px 0
}

.carousel.primary .hide-scroll {
    overflow: hidden;
    position: relative
}

.carousel.primary .game-thumbnail {
    margin: 0 16px 0 0
}

.carousel.primary [class*=-heading] {
    padding: 15px 0 0;
    text-align: left;
    text-transform: uppercase
}

.carousel.primary .custom-tab.primary {
    border-bottom: 0
}

.carousel.primary .custom-cta {
    display: inline-block;
    padding: 10px 50px
}

.carousel.tertiary {
    padding: 16px 0
}

.carousel.tertiary .custom-tab:after,
.carousel.tertiary .custom-tab>.active,
.carousel.tertiary .custom-tab>li:hover {
    filter: brightness(90%)
}

.carousel.tertiary [class*=-heading] {
    text-align: left;
    text-transform: uppercase
}

.carousel.tertiary .content-slider.scroll .game-thumbnail {
    overflow: hidden
}

.carousel.tertiary .content-slider.no-scroll {
    margin-right: -16px;
    padding: 15px 0 20px
}

.carousel.tertiary .content-slider.no-scroll .game-thumbnail {
    flex-basis: calc(50% - 16px);
    margin: 0 16px 16px 0
}

.carousel.tertiary .content-slider.no-scroll .game-thumbnail.img-large {
    min-width: 0;
    max-width: none
}

.carousel.tertiary .load-more {
    margin: 10px calc(50% - 100px);
    width: 200px
}

.carousel.tertiary .content-slider {
    flex-wrap: wrap
}

.carousel.tertiary .content-slider::-webkit-scrollbar {
    display: none
}

.carousel.tertiary .hide-scroll {
    flex-direction: row
}

.carousel.tertiary .hide-scroll .content-slider {
    margin-bottom: -20px
}

.carousel.tertiary .hide-scroll .max-container {
    flex: 1
}

.carousel.tertiary .row-container {
    display: flex
}

.carousel.tertiary .carousel-header [class*=-heading] {
    color: #fff
}

.custom-tab,
.hide-scroll {
    display: flex
}

.hide-scroll {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    will-change: scroll-position
}

.hide-scroll::-webkit-scrollbar {
    display: none
}

.custom-tab {
    font-weight: 600;
    overflow: auto;
    position: relative
}

.custom-tab a,
.custom-tab li {
    line-height: 1
}

.custom-tab a {
    color: inherit
}

.custom-tab li.active,
.custom-tab li:hover {
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .hide-scroll .custom-tab {
        margin-bottom: -20px;
        padding-bottom: 20px
    }
}

.custom-tab.secondary li {
    align-items: center;
    color: #e0ded9;
    display: inline-flex;
    font-size: 1.12em;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 10px 16px;
    min-width: 105px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 400
}

.custom-tab.secondary li.active,
.custom-tab.secondary li:hover {
    color: #ff6900;
    background: #fff
}

.custom-tab.secondary li h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 20px
}

.custom-tab.secondary li .word-break {
    display: block
}

.custom-tab.tertiary li {
    color: #e9e8e4;
    display: table-cell;
    font-size: 1.17em;
    padding: 32px 12px 1px;
    font-weight: 400;
    flex-shrink: 0
}

.custom-tab.tertiary li.active,
.custom-tab.tertiary li:hover {
    color: #ff6900
}

.custom-tab.tertiary li .icon {
    display: inline-block;
    float: right
}

.custom-tab.promotion,
.custom-tab.quaternary {
    border: 0 solid #c2c2c2;
    flex: 1;
    box-shadow: inset 0 -2px 0 0 #e9e8e4;
    background: #f5f5f2;
    text-transform: uppercase
}

.custom-tab.promotion li,
.custom-tab.quaternary li {
    color: #333;
    flex-shrink: 0;
    font-size: 1.17em;
    margin: 0;
    padding: 10px 12px;
    position: relative;
    font-weight: 700;
    font: 700 1.17em var(--font-secondary)
}

.custom-tab.promotion li.active,
.custom-tab.promotion li:hover,
.custom-tab.promotion li:hover.active,
.custom-tab.quaternary li.active,
.custom-tab.quaternary li:hover,
.custom-tab.quaternary li:hover.active {
    color: #fff
}

.custom-tab.promotion li:hover,
.custom-tab.quaternary li:hover {
    color: #333;
    background: #e9e8e4
}

.custom-tab.promotion li.active,
.custom-tab.quaternary li.active {
    box-shadow: inset 0 -2px 0 0 #ff6900;
    background: #333
}

.custom-tab.quinary {
    border: 0 solid #c2c2c2;
    flex: 1;
    box-shadow: inset 0 -2px 0 0 #e9e8e4;
    background: #f5f5f2;
    text-transform: uppercase
}

.custom-tab.quinary li {
    color: #333;
    flex-shrink: 0;
    font-size: 1.17em;
    margin: 0;
    padding: 10px 12px;
    position: relative;
    font-weight: 700;
    font: 700 1.17em var(--font-secondary)
}

.custom-tab.quinary li:hover {
    color: #333;
    background: #e9e8e4
}

.custom-tab.quinary li.active {
    box-shadow: inset 0 -2px 0 0 #ff6900
}

.custom-tab.channel {
    flex: auto;
    background: #333;
    font-weight: 700;
    box-shadow: inset 0 -2px 0 0 #000
}

.custom-tab.channel a {
    display: inline-block
}

.custom-tab.channel li {
    border-width: 2px 0;
    color: #e9e8e4;
    flex-grow: 1;
    font-size: 1.17em;
    padding: 0;
    text-align: center;
    font: 700 1.17em var(--font-secondary);
    text-transform: uppercase
}

.custom-tab.channel li:hover {
    background: #1c1c1c;
    color: #fff
}

.custom-tab.channel li.active {
    background: #ff6900;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(43, 43, 43, .3)
}

.custom-tab.channel .channel-item {
    padding: 10px 5px
}

.custom-tab.tab-menu,
.navbar-wrapper.menu-navbar {
    background: #f5f5f2
}

.navbar-fixed-top .custom-tab.tab-menu .static-btn {
    font-size: inherit
}

.custom-tab.tab-menu {
    justify-content: center;
    flex-wrap: wrap
}

.custom-tab.tab-menu li {
    border: 0;
    color: #fff;
    flex: 1 1 33.3%;
    text-align: center;
    overflow: hidden
}

.custom-tab.tab-menu li:not(:last-child) {
    margin-right: 0
}

.custom-tab.tab-menu li.active,
.custom-tab.tab-menu li:hover {
    background: #333;
    color: #e9e8e4;
    box-shadow: inset 0 -2px 0 0 #ff6900
}

.custom-tab.tab-menu li.active .static-btn .icon,
.custom-tab.tab-menu li.active .static-btn .static-title,
.custom-tab.tab-menu li:hover .static-btn .icon,
.custom-tab.tab-menu li:hover .static-btn .static-title {
    color: #e9e8e4
}

.custom-tab.tab-menu a {
    display: block
}

.custom-tab.tab-menu .static-btn {
    padding: 24px 15px;
    width: 100%
}

.custom-tab.tab-menu .icon-wrapper {
    display: inline-block;
    position: relative
}

.custom-tab.tab-menu .bubble-badge {
    position: absolute;
    right: 0;
    top: 0;
    margin: -5px -8px 0 0;
    font-weight: 400
}

.navbar-wrapper.menu-navbar .custom-tab.tab-menu {
    padding: 0
}

.navbar-wrapper.menu-navbar .custom-tab.tab-menu .static-btn .static-title {
    margin-top: 24px;
    font-size: 1.17em;
    line-height: 16px
}

.navbar-wrapper.menu-navbar .custom-tab.tab-menu .icon.static-icon {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.navbar-wrapper.menu-navbar .custom-tab.tab-menu li {
    flex: 1
}

.custom-tab.small-tab li {
    background: #333;
    color: #e9e8e4;
    flex: 1;
    font-size: .85em;
    padding: 6px 10px;
    text-align: center;
    font-weight: 400
}

.custom-tab.small-tab li.active,
.custom-tab.small-tab li:active {
    background: #1c1c1c;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 #ff6900
}

.custom-tab.small-tab li:last-of-type {
    border-right: 0
}

.custom-tab.small-tab li .icon {
    display: block;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px
}

.tab-grid {
    flex-wrap: wrap;
    font-weight: 400;
    border-top: 1px solid #d1d1d1
}

.tab-grid li {
    border: 1px solid #d1d1d1;
    border-width: 0 1px 1px 0;
    color: #ff6900;
    flex: 1 1 50%;
    font-size: 1.17em;
    padding: 25px 0;
    text-align: center;
    background: #f5f5f2
}

.tab-grid li:nth-child(2n) {
    border-right-width: 0
}

.tab-grid li.active,
.tab-grid li:hover {
    background: #e9e8e4
}

.tab-grid li .icon {
    display: block;
    font-size: 32px;
    margin: 0 auto 12px;
    color: grey
}

.custom-notification.alert.betslip-alert {
    font-size: 1em;
    padding: 8px 16px
}

.navbar-fixed-top {
    min-width: 320px;
    top: 0;
    z-index: 2;
    padding-bottom: 36px
}

.navbar-fixed-top:not(.search-field-enabled) {
    background: #333
}

.navbar-fixed-top.hidden-header {
    top: -100%
}

.navbar-fixed-top .navbar {
    border: 0;
    border-radius: 0;
    height: 48px;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap
}

.navbar-fixed-top .navbar .header-lang-selector-left-side,
.navbar-fixed-top .navbar .user-info-full-size-registration-buttons {
    display: none
}

.navbar-fixed-top .navbar,
.navbar-fixed-top .navbar .account-balance,
.navbar-fixed-top .navbar .login-container,
.navbar-fixed-top .navbar .search-container,
.navbar-fixed-top .navbar .user-info {
    align-items: center
}

.navbar-fixed-top .navbar .navigation-container,
.navbar-fixed-top .navbar .search-container,
.navbar-fixed-top .navbar .user-info {
    display: inline-flex;
    height: 100%;
    flex-grow: 1
}

.navbar-fixed-top .navbar,
.navbar-fixed-top .navbar .balance-value,
.navbar-fixed-top .navbar .deposit:not(.custom-cta) {
    color: #fff
}

.navbar-fixed-top .navbar,
.navbar-fixed-top .navbar .account-balance {
    display: flex
}

.navbar-fixed-top .navbar .deposit,
.navbar-fixed-top .navbar .user-menu-cta {
    text-decoration: none
}

.navbar-fixed-top .navbar .user-info,
.navbar-fixed-top .navbar .user-menu-cta {
    position: relative
}

.navbar-fixed-top .navbar .navigation-container,
.navbar-fixed-top .navbar .search-container {
    justify-content: flex-end
}

.navbar-fixed-top .navbar .login-container {
    display: inline-flex
}

.navbar-fixed-top .navbar .login-container .custom-cta:last-of-type {
    margin-left: 8px
}

.navbar-fixed-top .navbar .user-info {
    justify-content: flex-end;
    position: relative
}

.navbar-fixed-top .navbar .user-menu-cta {
    color: inherit;
    display: table
}

.navbar-fixed-top .navbar .balance-value {
    display: table-cell;
    font-size: 1em;
    vertical-align: middle;
    padding: 0 4px 0 0
}

.navbar-fixed-top .navbar .balance-value+.user-btn {
    padding-left: 5px
}

.navbar-fixed-top .navbar [class*=-btn] {
    cursor: pointer;
    line-height: 1;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 48px;
    min-width: 32px
}

.navbar-fixed-top .navbar [class*=-btn]:not(.account-balance) {
    font-size: 0
}

.navbar-fixed-top .navbar .menu-btn {
    align-items: center;
    background: #333
}

.navbar-fixed-top .navbar .menu-btn.active,
.navbar-fixed-top .navbar .menu-btn:hover {
    background: #1c1c1c
}

.navbar-fixed-top .navbar .menu-btn.active .icon-menu,
.navbar-fixed-top .navbar .menu-btn.active .icon:not(.icon-user) {
    font-size: 12px
}

.navbar-fixed-top .navbar .menu-btn.active.account-balance {
    background: #ff6900
}

.navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-menu:after,
.navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-menu:before {
    background: transparent
}

.navbar-fixed-top .navbar .menu-btn.active.account-balance,
.navbar-fixed-top .navbar .menu-btn.active.account-balance .balance-value,
.navbar-fixed-top .navbar .menu-btn.active.account-balance .icon-user {
    color: #fff
}

.navbar-fixed-top .navbar .account-balance .icon-close,
.navbar-fixed-top .navbar .account-balance .icon-menu,
.navbar-fixed-top .navbar .account-balance .menu-btn.active .icon-menu,
.navbar-fixed-top .navbar .menu-btn.active .account-balance .icon-menu {
    min-width: 16px
}

.navbar-fixed-top .navbar .icon {
    font-size: 16px
}

.navbar-fixed-top .navbar .icon-user {
    background: inherit;
    border-radius: 50%;
    position: relative;
    margin-right: 4px;
    color: #ff6900;
    font-size: 20px
}

.navbar-fixed-top .navbar .icon-menu {
    font-size: 16px
}

.navbar-fixed-top .navbar .icon:not(.icon-user) {
    min-width: 12px;
    min-height: 12px
}

.navbar-fixed-top .navbar .brand-logo {
    display: -ms-flexbox;
    margin: auto;
    padding: 5px 16px 12px
}

.navbar-fixed-top .navbar .brand-logo img {
    height: auto;
    min-width: 75px
}

.navbar-fixed-top .navbar.navbar-visitor {
    justify-content: center
}

.navbar-fixed-top .navbar .account-balance {
    cursor: pointer
}

.navbar-fixed-top .navbar .account-balance .icon-bubble,
.navbar-fixed-top .navbar .account-balance .icon-loading:after,
.navbar-fixed-top .navbar .account-balance .icon-loading:before {
    position: absolute;
    right: 0;
    top: 0
}

.navbar-fixed-top .navbar .account-balance .subtitle {
    display: block;
    font-size: .85em;
    font-weight: 400;
    text-align: right
}

.navbar-fixed-top .navbar .custom-tab.channel {
    order: 3;
    width: 100%;
    background: linear-gradient(180deg, #2b2b2b 0, #333 50%, #333)
}

.navbar-fixed-top .navbar .custom-link {
    font-size: 1em;
    padding: 5px 8px 5px 16px;
    text-transform: uppercase;
    font-size: 1.17em;
    font-family: var(--font-secondary);
    font-weight: 700
}

.navbar-top-visible {
    margin-top: 48px
}

.navbar-static.modal-header {
    overflow: hidden;
    background: #333
}

.navbar-static.modal-header,
.navbar-static.modal-header [class*=-heading] {
    color: #fff
}

.navbar-static.modal-header [class*=-btn] {
    font-size: 0;
    line-height: 1;
    padding: 18px
}

.navbar-static.modal-header [class*=-heading] {
    padding-left: 18px
}

.navbar-static.modal-header .toggle-ctas {
    align-items: center;
    flex-grow: 1;
    margin: auto 0 auto 32px
}

.navbar-static.modal-header .toggle-ctas .custom-cta {
    margin: 0 16px 0 0
}

.navbar-static.modal-header .toggle-ctas .header-label {
    margin-right: auto
}

.navbar-static.modal-header .toggle-ctas .custom-link {
    margin: 0 16px 0 auto
}

.navbar-static.modal-header .toggle-ctas,
.navbar-static.modal-header .toggle-ctas .custom-link {
    display: none
}

.navbar-static.modal-header .toggle-ctas .custom-link {
    font-size: inherit
}

.accordion {
    color: #333;
    font-size: 1em
}

.accordion .subject-heading {
    cursor: pointer;
    font-weight: 500
}

.accordion .subject-heading .title .icon {
    color: #ff6900;
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
    vertical-align: sub
}

.accordion .subject-heading .icon {
    color: grey
}

.accordion .more-info {
    line-height: 18px;
    max-height: 0;
    overflow: hidden
}

.accordion .active~.more-info {
    max-height: 100%;
    transition: max-height 1.5s ease
}

.accordion.primary,
.accordion.primary li:not(:first-of-type) {
    border: 1px solid #d1d1d1
}

.accordion.primary .subject-heading,
.accordion.primary li:not(:first-of-type) .subject-heading {
    min-height: 40px
}

.accordion.primary.bordered .active+.more-info,
.accordion.primary.low-contrast .active+.more-info {
    border: none
}

.accordion.primary.bordered .active+.more-info .custom-checkbox,
.accordion.primary.bordered .active+.more-info p,
.accordion.primary.low-contrast .active+.more-info .custom-checkbox,
.accordion.primary.low-contrast .active+.more-info p {
    margin-top: 0
}

.accordion.primary:not(.bordered) {
    border-width: 1px 0
}

.accordion.primary .subject-heading {
    padding: 12px 32px 10px 16px;
    position: relative;
    font-size: 1.17em
}

.accordion.primary .subject-heading>.icon {
    font-size: 12px;
    position: absolute;
    right: 12px
}

.accordion.primary .subject-heading .icon {
    top: 50%;
    transform: translateY(-50%)
}

.accordion.primary li {
    background: #f5f5f2
}

.accordion.primary li:hover {
    background: #e9e8e4
}

.accordion.primary li:not(:first-of-type) {
    border-width: 1px 0 0
}

.accordion.primary .more-info {
    padding: 0 16px;
    font-size: 1em
}

.accordion.primary .more-info>* {
    display: block;
    margin: 0 0 20px
}

.accordion.primary.guttered li:not(:last-of-type) {
    margin-bottom: 5px;
    border-bottom: 1px solid #d1d1d1
}

.accordion.secondary .more-info {
    font-size: 1em
}

.accordion.secondary .subject-heading {
    position: relative;
    font-size: 1.17em;
    font-weight: 500
}

.accordion.secondary .subject-heading .title {
    display: inline-block;
    vertical-align: middle
}

.accordion.secondary .more-info>* {
    margin-top: 10px
}

.accordion.secondary .icon {
    color: grey;
    font-size: 8px;
    margin-left: 10px
}

.accordion.tertiary {
    background: none;
    border-top: 1px solid #d1d1d1;
    font-size: 1em
}

.accordion.tertiary,
.accordion.tertiary .expiretime {
    color: grey
}

.accordion.tertiary .icon-radius {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.accordion.tertiary .price,
.accordion.tertiary [class*=-heading] {
    color: #333
}

.accordion.tertiary .custom-radio,
.accordion.tertiary .game-thumbnail,
.accordion.tertiary .icon-bonus,
.accordion.tertiary .icon-single-goal,
.accordion.tertiary .left-icon.icon-free-games,
.accordion.tertiary .left-icon.icon-help-financial,
.accordion.tertiary .left-icon.icon-single-goal,
.accordion.tertiary .left-icon.icon-tangible-reward,
.accordion.tertiary .left-icon.icon-ticket,
.accordion.tertiary .toggler {
    position: absolute
}

.accordion.tertiary .game-thumbnail .img-placeholder,
.accordion.tertiary .game-thumbnail .img-responsive {
    z-index: 0
}

.accordion.tertiary .title {
    margin-bottom: 1px
}

.accordion.tertiary .expiretime,
.accordion.tertiary .title details {
    margin-bottom: 8px
}

.accordion.tertiary .custom-cta,
.accordion.tertiary .custom-progress {
    order: 4
}

.accordion.tertiary .price,
.accordion.tertiary .subject-heading {
    width: 100%
}

.accordion.tertiary .custom-link,
.accordion.tertiary .custom-separator.vertical,
.accordion.tertiary .icon-stakeholder {
    vertical-align: middle
}

.accordion.tertiary p>.custom-link {
    vertical-align: initial
}

.accordion.tertiary li {
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    position: relative;
    background: #f5f5f2;
    margin-bottom: 18px
}

.accordion.tertiary li:not(:first-child) {
    border-top: 1px solid #d1d1d1
}

.accordion.tertiary li .icon-radius {
    align-items: center;
    display: flex;
    justify-content: center;
    background: #f2f2f2;
    border: 1px solid #c2c2c2
}

.accordion.tertiary li .icon-bonus,
.accordion.tertiary li .icon-single-goal,
.accordion.tertiary li .left-icon.icon-free-games,
.accordion.tertiary li .left-icon.icon-help-financial,
.accordion.tertiary li .left-icon.icon-single-goal,
.accordion.tertiary li .left-icon.icon-tangible-reward,
.accordion.tertiary li .left-icon.icon-ticket {
    color: grey;
    font-size: 20px
}

.accordion.tertiary li .icon-stakeholder {
    font-size: 16px;
    margin-left: 1px;
    padding: 3px 4px 2px
}

.accordion.tertiary li .expiretime {
    font-weight: 400
}

.accordion.tertiary li .more-info .additional-info,
.accordion.tertiary li .more-info .forfeit {
    display: block
}

.accordion.tertiary li .price {
    font-size: 1.67em;
    margin: 0;
    font-weight: 500
}

.accordion.tertiary li .custom-cta {
    align-self: flex-start;
    flex: 1 1 100%;
    margin: 10px 44px 0 60px;
    font-size: 1.34em
}

.accordion.tertiary li .custom-radio {
    right: 24px;
    top: 30px
}

.accordion.tertiary li .toggler {
    cursor: pointer;
    font-size: 8px;
    padding: 10px 16px 20px 20px;
    right: 0;
    color: grey
}

.accordion.tertiary li .subject-heading {
    order: 2;
    max-width: calc(100% - 40px);
    padding-left: 56px
}

.accordion.tertiary li .subject-heading .custom-link,
.accordion.tertiary li .subject-heading .icon-stakeholder {
    background: #e9e8e4;
    border-radius: 4px
}

.accordion.tertiary li .subject-heading .custom-link {
    display: inline-block;
    font-weight: 400;
    font-size: 1em;
    text-decoration: none;
    padding: 5px 8px
}

.accordion.tertiary li .subject-heading .custom-link .icon {
    font-size: 8px
}

.accordion.tertiary li .subject-heading .title {
    font-size: 1.17em;
    font-weight: 500
}

.accordion.tertiary li .more-info {
    flex-basis: 100%;
    order: 3;
    padding: 5px 0 0 60px;
    margin-right: 44px;
    color: #333
}

.accordion.tertiary li .more-info .custom-link {
    font-size: 1em
}

.accordion.tertiary li .more-info .custom-link.forfeit {
    margin: 15px 0 10px
}

.accordion.tertiary li .more-info .custom-link.additional-info {
    margin: 10px 0
}

.accordion.tertiary li .more-info li:last-child {
    padding: 5px 5px 0
}

.accordion.tertiary li .custom-progress {
    margin-top: 11px;
    padding-left: 60px;
    display: inline-block
}

.accordion.tertiary li .custom-progress .progress-bar,
.accordion.tertiary li .custom-progress .progress-nr {
    display: inline-block;
    vertical-align: middle
}

.accordion.tertiary li .custom-progress .progress-bar {
    width: 85%
}

.accordion.tertiary li .custom-progress .progress-nr {
    float: none
}

.accordion.tertiary li .custom-progress .playthrough {
    float: left;
    margin-top: 4px
}

.accordion.tertiary li .custom-progress .playthrough a {
    color: inherit;
    font-size: 16px;
    margin: 0 4px 0 0;
    float: left;
    line-height: 12px
}

.accordion.tertiary li .custom-progress .playthrough .tooltip-popover-container {
    margin-right: 4px
}

.accordion.tertiary li .custom-separator.vertical {
    margin: 0;
    min-height: 16px
}

.accordion.tertiary li .custom-separator.vertical:before {
    border-left: solid #cd661d;
    border-width: 0
}

.accordion.tertiary li .price-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin: 8px 0 8px 58px;
    order: 1
}

.accordion.tertiary li .price-container .price {
    width: auto
}

.accordion.tertiary li .price-container .extra-info {
    align-self: center;
    font-size: 1em;
    margin: 0 0 2px 16px
}

.accordion.tertiary li.toggle .toggler {
    padding: 0;
    position: relative;
    vertical-align: middle
}

.accordion.tertiary li.tangible {
    box-shadow: inset 0 0 0 2px #ff6900
}

.footer-links {
    font-size: 1em;
    margin-bottom: 0;
    text-align: center;
    background: #333;
    padding: 0 0 32px
}

.footer-links .hide-scroll {
    display: flex
}

.footer-links .hide-scroll .custom-tab {
    margin-bottom: -15px;
    padding-bottom: 20px
}

.footer-links a {
    color: inherit;
    line-height: 1
}

.footer-links .disclaimer-container {
    color: grey;
    font-size: .85em;
    line-height: 14px;
    margin: 0 auto;
    max-width: 650px;
    padding: 8px 25px 15px
}

.footer-links .disclaimer-container .img-responsive {
    height: 25px;
    margin: 0 auto 20px
}

.footer-links .disclaimer-container p:first-of-type {
    margin-bottom: 10px
}

.footer-links .disclaimer-container .custom-link {
    color: #ff6900;
    font-size: inherit
}

.banner-carousel .custom-cta {
    font-size: 1.34em
}

.banner-carousel,
.banner-carousel .bg-image,
.banner-carousel .carousel-inner .item {
    position: relative
}

.banner-carousel .banner-slide.bg-image .img-container .img-responsive,
.banner-carousel .carousel-inner {
    width: 100%
}

.banner-carousel .banner-slide,
.banner-carousel .carousel-inner {
    overflow: hidden
}

.banner-carousel .carousel-control,
.banner-carousel .carousel-inner .item {
    display: none
}

.banner-carousel .banner-slide,
.banner-carousel .carousel-indicators,
.banner-carousel .carousel.slide {
    display: flex
}

.banner-carousel .banner-slide,
.banner-carousel .carousel-indicators {
    justify-content: center
}

.banner-carousel .banner-slide.bg-image .carousel-text {
    position: absolute
}

.banner-carousel .low-contrast .banner-container,
.banner-carousel .low-contrast [class*=-heading] {
    color: #000
}

.banner-carousel .high-contrast .banner-container,
.banner-carousel .high-contrast [class*=-heading] {
    color: #fff
}

.banner-carousel .carousel-inner .item {
    transition: left .6s ease-in-out
}

.banner-carousel .carousel-inner .item .carousel-text {
    opacity: 0
}

.banner-carousel .carousel-inner .item.active .carousel-text {
    animation: fade-in-up .4s;
    opacity: 1
}

.banner-carousel .carousel-inner .active,
.banner-carousel .carousel-inner .next,
.banner-carousel .carousel-inner .prev {
    display: block
}

.banner-carousel .carousel-inner .next,
.banner-carousel .carousel-inner .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.banner-carousel .carousel-inner .active,
.banner-carousel .carousel-inner .next.left,
.banner-carousel .carousel-inner .prev.right {
    left: 0
}

.banner-carousel .carousel-inner .active.left {
    left: -100%
}

.banner-carousel .carousel-inner .active.right,
.banner-carousel .carousel-inner .next {
    left: 100%
}

.banner-carousel .carousel-inner .prev {
    left: -100%
}

.banner-carousel .banner-container {
    display: block
}

.banner-carousel .banner-slide {
    align-items: center
}

.banner-carousel .banner-slide.no-image .custom-cta,
.banner-carousel .banner-slide:not(.no-image) [class*=-heading] {
    display: inline-block
}

.banner-carousel .banner-slide.reverse-order {
    flex-direction: row-reverse
}

.banner-carousel .banner-slide.no-image .carousel-text {
    text-align: center
}

.banner-carousel .banner-slide.no-image .custom-cta {
    margin-left: auto;
    margin-right: auto
}

.banner-carousel .banner-slide.bg-image:not(.reverse-order) .carousel-text {
    left: 0
}

.banner-carousel .banner-slide.bg-image.reverse-order .carousel-text {
    right: 0;
    text-align: right
}

.banner-carousel .banner-slide:not(.bg-image) .img-container {
    width: 60%
}

.banner-carousel .banner-slide .carousel-text {
    padding: 0;
    margin: 16px;
    text-align: left;
    z-index: 1;
    width: 40%
}

.banner-carousel .banner-slide .carousel-text .caption-subtitle,
.banner-carousel .banner-slide .carousel-text .caption-title~.caption-title {
    margin-top: 10px
}

.banner-carousel .banner-slide .carousel-text .caption-title {
    font-size: 2.5em;
    text-transform: uppercase
}

.banner-carousel .banner-slide .carousel-text .caption-subtitle {
    font-size: 1.17em
}

.banner-carousel .banner-slide .carousel-badge {
    line-height: 3.6em;
    text-align: center;
    background: #ff6900;
    border-radius: 50%;
    content: "";
    height: 3.6em;
    width: 3.6em;
    font-size: 1.34em;
    font-weight: 600;
    margin-bottom: 25px
}

.banner-carousel .banner-slide .sponsor-container {
    margin-top: 20px;
    text-transform: lowercase
}

.banner-carousel .banner-slide .sponsor-container .sponsor-text {
    font-size: 1.6vw;
    margin-bottom: 5px
}

.banner-carousel .banner-slide .sponsor-container .img-responsive {
    max-width: 35%
}

.banner-carousel .banner-slide .img-container .img-responsive {
    margin: 0 auto;
    max-width: 100%;
    object-fit: cover
}

.banner-carousel .banner-slide .custom-cta {
    display: block;
    margin-top: 16px
}

.banner-carousel .banner-slide .custom-cta .custom-cta {
    min-width: 80px
}

.banner-carousel .carousel-indicators {
    font-size: 0;
    order: 1;
    padding: 8px 0 0;
    z-index: 1
}

.banner-carousel .carousel-indicators li {
    background: #033;
    cursor: pointer;
    float: left;
    height: 4px;
    width: 16px
}

.banner-carousel .carousel-indicators li:not(:first-of-type) {
    margin-left: 5px
}

.banner-carousel .carousel-indicators li.active {
    background: #ff6900;
    transition: all .2s ease-in-out
}

.banner-carousel .carousel.slide {
    flex-direction: column
}

.banner-carousel.fullsize-carousel .banner-container {
    min-width: 320px
}

.banner-carousel.fullsize-carousel .banner-slide .img-container .img-responsive {
    height: 300px
}

.loyalty-dashboard-container {
    color: #333;
    flex-direction: column;
    flex-wrap: wrap
}

.loyalty-dashboard-container,
.loyalty-dashboard-container .info,
.loyalty-dashboard-container .title-container,
.loyalty-dashboard-container .toggle-container {
    display: flex
}

.loyalty-dashboard-container .tag-loyalty,
.loyalty-dashboard-container .title,
.loyalty-dashboard-container .title-container {
    align-self: center
}

.loyalty-dashboard-container .toggle-container,
.loyalty-dashboard-container [class*=-list] li {
    margin-top: 10px
}

.loyalty-dashboard-container .advantages-list,
.loyalty-dashboard-container .toggle-container .icon-arrow-down,
.loyalty-dashboard-container .toggle-container .icon-arrow-up {
    position: absolute
}

.loyalty-dashboard-container .advantages-title,
.loyalty-dashboard-container .tag-loyalty {
    text-align: center
}

.loyalty-dashboard-container .tag-loyalty {
    margin-left: 12px
}

.loyalty-dashboard-container [class*=-list] li .icon {
    padding-right: 5px
}

.loyalty-dashboard-container .cta-container {
    color: #fff;
    padding: 25px;
    text-align: center
}

.loyalty-dashboard-container .cta-container .cta-title {
    font-size: 1.34em
}

.loyalty-dashboard-container .cta-container .cta-title span {
    font-weight: 500
}

.loyalty-dashboard-container .cta-container .custom-cta {
    margin-top: 15px;
    width: 57%;
    box-shadow: 0 1px 1px 0 #000
}

.loyalty-dashboard-container .cta-container .info {
    justify-content: center;
    padding: 16px 0 0;
    line-height: 14px
}

.loyalty-dashboard-container .cta-container .info .icon {
    margin-right: 5px;
    font-size: 18px
}

.loyalty-dashboard-container .rank-container {
    margin-right: 43px
}

.loyalty-dashboard-container .title-container {
    margin: 16px 0 0 32px
}

.loyalty-dashboard-container .title-container .tag-loyalty {
    border-radius: 0 5px 5px 0;
    color: #333;
    display: inline-block;
    line-height: 11px;
    padding: 6px 12px 5px
}

.loyalty-dashboard-container .title-container .title {
    font: 500;
    margin-left: 8px;
    font-weight: 500
}

.loyalty-dashboard-container .title-container .icon-user {
    font-size: 32px
}

.loyalty-dashboard-container .dashboard-list {
    margin-left: 73px;
    font-size: 1.17em
}

.loyalty-dashboard-container .doughnut {
    margin: auto
}

.loyalty-dashboard-container .more-link {
    display: block;
    font-size: 1.17em;
    margin: 15px 73px 32px;
    font-size: 1em
}

.loyalty-dashboard-container .toggle-container {
    border-top: 1px solid #d1d1d1;
    cursor: pointer;
    padding: 10px 8px;
    position: relative
}

.loyalty-dashboard-container .toggle-container .icon {
    font-size: 8px
}

.loyalty-dashboard-container .toggle-container .icon:not(.icon-loyalty) {
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.loyalty-dashboard-container .toggle-container .advantages-list {
    background: #e6e6e6;
    bottom: 30px;
    color: #000;
    height: 165px;
    left: 0;
    padding: 0 0 0 24px;
    width: 100%;
    font-size: 1.17em
}

.loyalty-dashboard-container .toggle-container .advantages-list li:first-of-type {
    margin-top: 24px
}

.loyalty-dashboard-container .toggle-container .advantages-list .scroll-bar {
    margin: 0
}

.loyalty-dashboard-container .toggle-container .advantages-title {
    color: #ff6900;
    flex: 0 0 100%
}

.loyalty-dashboard-container .toggle-container:not(.active) .advantages-list {
    display: none
}

.custom-field.search-input input {
    -webkit-user-select: initial;
    padding: 8px 70px 8px 16px
}

.custom-field.search-input .search-btn {
    border-radius: 0 4px 4px 0
}

.custom-field.search-input .cancel-search,
.custom-field.search-input .clear-btn,
.custom-field.search-input .search-btn {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.custom-field.search-input .clear-btn,
.custom-field.search-input .search-btn,
.custom-field.search-input .super-class {
    font-weight: 600
}

.custom-field.search-input .clear-btn,
.custom-field.search-input .search-btn {
    font-size: 0
}

.custom-field.search-input .search-btn {
    color: #000;
    width: 48px
}

.custom-field.search-input .search-btn .icon {
    font-size: 12px
}

.custom-field.search-input .search-btn .icon:before {
    padding: 10px 18px
}

.custom-field.search-input .clear-btn {
    color: grey;
    visibility: hidden;
    right: 56px
}

.custom-field.search-input .clear-btn .icon {
    font-size: 8px
}

.custom-field.search-input .cancel-search {
    border-radius: 0 4px 0 0
}

.custom-field.search-input .active-field~.search-btn,
.custom-field.search-input .has-text~.search-btn {
    background: #e6e6e6;
    color: #000
}

.custom-field.search-input .has-text~.clear-btn {
    color: grey;
    visibility: visible
}

.custom-field.search-input .inner-search-results {
    z-index: 6;
    border-top: 1px solid #ff6900
}

.search-input.custom-dropdown-search .clear-btn {
    right: 66px
}

.search-games-form.search-input input:focus~label {
    border-width: 0
}

.coupon-container .coupon-content,
.coupon-container .game-heading,
.coupon-container .game-heading .market-header,
.coupon-container .game-wrapper,
.coupon-container .market-header ul,
.coupon-container .markets-container,
.coupon-container .period,
.coupon-container .results,
.coupon-container .score-nr,
.coupon-container:not(.props) .market-type {
    display: flex
}

.coupon-container .results,
.coupon-container:not(.live-game) .period,
.coupon-container:not(.props) .market-type:not(.row) {
    flex-direction: column
}

.coupon-container .draw-title,
.coupon-container .game-view-cta .game-count,
.coupon-container .markets-container [class*=-header] {
    color: grey
}

.coupon-container .market-type,
.coupon-container .markets-container .market-header,
.coupon-container:not(.live-game) .scores {
    background: #d1d1d1
}

.coupon-container .bet-btn,
.coupon-container .empty-bet,
.coupon-container:not(.props) .coupon-content [class*=-header] li {
    padding: 8px
}

.coupon-container .competitors,
.coupon-container .event-title,
.coupon-container .game-view-cta {
    flex: 1 1 10%
}

.coupon-container .league-header,
.coupon-container .score-nr {
    flex: 1
}

.coupon-container .game-view-cta,
.coupon-container .market-type li {
    background: #fff
}

.coupon-container .market-header li,
.coupon-container .markets-container li,
.coupon-container .scores .period {
    text-align: center
}

.coupon-container .event-title,
.coupon-container .scores,
.coupon-container:not(.props) .market-type li {
    display: inline-flex
}

.coupon-container .game-count,
.coupon-container .scores {
    line-height: 1
}

.coupon-container .game-view-cta,
.coupon-container .results .score-nr {
    align-items: center
}

.coupon-container .coupon-content,
.coupon-container .game-wrapper {
    flex-wrap: wrap
}

.coupon-container .coupon-content {
    color: #333
}

.coupon-container .market-type:not(.row) li:not(:first-of-type),
.coupon-container [class*=-header]:not(.market-header) li:not(:first-of-type) {
    margin-top: 1px
}

.coupon-container .sports-icons .tooltip-popover-msg,
.coupon-container:not(.numbers) {
    font-size: .85em
}

.coupon-container .event-title .game-view-cta {
    color: inherit;
    display: inherit
}

.coupon-container .event-title .game-view-cta .game-count {
    font-size: .85em;
    margin: 0 16px 0 8px
}

.coupon-container .game-view-cta {
    flex-basis: auto
}

.coupon-container .game-view-cta.visible-flex-xs {
    border: 1px solid #d1d1d1;
    border-width: 1px 0;
    background: #f2f2f2
}

.coupon-container .game-view-cta.visible-flex-xs .period {
    line-height: 12px;
    flex-direction: row;
    margin-right: .75rem
}

.coupon-container:not(.numbers) .game-heading {
    color: #e0ded9;
    padding: 8px 16px
}

.coupon-container:not(.numbers) .game-heading .market-header {
    color: grey;
    margin-right: -16px
}

.coupon-container:not(.numbers) .game-heading .league-header {
    text-transform: capitalize;
    width: 50%
}

.coupon-container:not(.props):not(.numbers) {
    border-bottom: 1px solid #c00
}

.coupon-container:not(.props):not(.numbers) .market-type,
.coupon-container:not(.props):not(.numbers):not(.single-draw) .market-header li {
    width: 56px
}

.coupon-container:not(.props):not(.numbers) .event-title {
    min-width: 1px
}

.coupon-container:not(.props):not(.numbers) .event-title .game-count {
    flex-grow: 0
}

.coupon-container:not(.props):not(.numbers) .game-view-cta {
    width: 100%
}

.coupon-container:not(.props):not(.numbers) .competitors {
    overflow: hidden
}

.coupon-container:not(.props):not(.numbers) .game-count {
    flex-shrink: 0
}

.coupon-container.live-game .game-view-cta.visible-flex-xs time {
    margin-right: 12px
}

.coupon-container.live-game .period {
    background: #e0ded9;
    color: #000;
    flex-direction: column-reverse;
    text-transform: uppercase;
    border-radius: 0
}

.coupon-container.live-game .score-nr {
    background: #c00;
    color: #fff
}

.coupon-container:not(.live-game) .game-view-cta.visible-flex-xs time {
    margin-left: 12px
}

.coupon-container:not(.live-game) .period {
    background: #e3e3e3;
    color: #404040;
    text-transform: capitalize
}

.coupon-container .period {
    line-height: 18px;
    padding: 6px 16px;
    width: 114px;
    font-weight: 500
}

.coupon-container .scores .period,
.coupon-container .scores .score-nr {
    justify-content: center
}

.coupon-container .scores .results {
    width: 28px
}

.coupon-container .scores .score-nr {
    padding: 6px
}

.coupon-container .competitors .competitor-name,
.coupon-container .competitors .draw-name {
    padding: 14px 0 14px 16px
}

.coupon-container .competitors .draw-name {
    color: grey;
    display: block
}

.coupon-container .competitors .custom-separator.horizontal:before {
    border-color: #d1d1d1;
    margin: 0 0 0 16px;
    width: 100%
}

.coupon-container .competitors .custom-separator.horizontal:after {
    display: none
}

.coupon-container .icon-arrow-next {
    font-size: 8px
}

.coupon-container .market-header {
    text-transform: capitalize
}

.coupon-container .markets-container .market-type.suspended {
    color: #a3a3a3;
    text-decoration: line-through
}

.coupon-container .markets-container .market-type.suspended .bet-btn {
    cursor: default
}

.coupon-container .markets-container .market-type li {
    flex: 1 0 auto
}

.coupon-container .markets-container li {
    margin-left: 1px
}

.coupon-container .markets-container li.empty-bet {
    min-height: 40px
}

.coupon-container .markets-container .market-header {
    padding-left: 30px
}

.coupon-container .competitor-header {
    background: #e3e3e3;
    width: 30px
}

.coupon-container .bet-btn {
    line-height: 12px;
    position: relative;
    width: 100%
}

.coupon-container .game-info {
    background: #fff;
    color: grey;
    display: inline-flex;
    flex: 1 0 100%;
    padding: 8px 10px 8px 16px;
    border-top: 1px solid #d1d1d1
}

.coupon-container .game-info,
.coupon-container .game-info .icon-btn {
    line-height: 1
}

.coupon-container .game-info .competitor-venue {
    line-height: 16px;
    margin: 0 auto 0 0
}

.coupon-container .game-info .tooltip-popover-container {
    margin: 0 0 0 4px
}

.sports-icons {
    margin: 0 0 0 auto;
    color: inherit
}

.sports-icons .icon {
    font-size: 16px
}

.sports-icons .tooltip-popover-msg {
    min-width: 165px
}

.sports-icons .icon-btn {
    cursor: pointer;
    font-size: 0
}

.search-results {
    top: 1px
}

.search-results .custom-droplist {
    border-top: 1px solid #e0ded9
}

.search-games-form .cancel-search {
    background: #f6f6f6;
    color: #e0ded9;
    font-size: 1em;
    padding: 11px 8px
}

.inner-search-results {
    height: auto;
    overflow-y: auto;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    margin: 0 auto;
    max-width: 100%
}

.inner-search-results .icon-no-results,
.inner-search-results .not-found h3 {
    color: #333
}

.inner-search-results,
.inner-search-results .not-found .info-area,
.inner-search-results .search-result {
    width: 100%
}

.inner-search-results .search-result {
    background-color: #fff;
    display: flex;
    font-size: 1.12em
}

.inner-search-results .search-result:not(.not-found) {
    border-top: 1px solid #d1d1d1
}

.inner-search-results .search-result .game-info .super-class,
.inner-search-results .search-result .super-class {
    font-weight: 600
}

.inner-search-results .search-result .game-info {
    align-self: center;
    width: 100%;
    padding-left: 16px
}

.inner-search-results .search-result .game-info h4 {
    margin-top: 8px;
    color: grey
}

.inner-search-results .search-result.not-found {
    text-align: center
}

.inner-search-results .search-result.not-found .icon-info,
.inner-search-results .search-result.not-found .icon-no-results {
    font-size: 24px
}

.inner-search-results .search-result.not-found .icon-no-results {
    color: #e0ded9
}

.inner-search-results .search-result.not-found .info-area {
    align-items: center;
    padding: 6px 0
}

.inner-search-results .search-result.not-found .info-area .info {
    color: #e0ded9
}

.inner-search-results .search-result.not-found .info-area h3 {
    font-weight: 500;
    margin-top: 12px
}

.inner-search-results .search-result .info-area {
    display: inherit;
    flex-grow: 2;
    line-height: 1;
    z-index: 1
}

.inner-search-results.custom-droplist li {
    padding: 12px 16px
}

.coupon-container.single {
    font-size: .85em
}

.coupon-container.single:not(.single-draw) .market-header {
    width: 113px
}

.coupon-container.single .market-type.row li,
.coupon-container.single.single-main .market-type {
    width: 56px
}

.coupon-container.single .market-header,
.coupon-container.single.single .row .bet-btn,
.coupon-container.single[class*=single-] .bet-btn {
    text-align: center
}

.coupon-container.single:not(.single-main) .market-type {
    width: 113px
}

.coupon-container.single.single-draw .market-header {
    justify-content: center;
    text-align: center;
    width: 169px
}

.coupon-container.single.single-draw .market-header li:first-of-type {
    width: 113px
}

.coupon-container.single.single-draw .market-header li:last-of-type {
    width: 56px
}

.coupon-container.single.single-draw .markets-container .draw-title {
    text-transform: uppercase
}

.coupon-container.single.single-draw .market-type:not(.draw-market) {
    width: 113px
}

.coupon-container.single.single-draw .draw-market {
    width: 56px
}

.coupon-container.single .market-type.row {
    width: auto
}

.coupon-container.single .market-type.row .market-line {
    display: block;
    float: none;
    margin-bottom: 5px
}

.coupon-container.single .scores {
    font-size: 1em
}

.coupon-container.single .market-header {
    justify-content: center
}

.coupon-container.single .market-header.market-row-header {
    margin-right: 0;
    width: auto
}

.coupon-container.single .draw-title {
    color: grey;
    display: block
}

.coupon-container.props {
    font-size: 1em
}

.coupon-container.props .market-name {
    font-size: 1.12em
}

.coupon-container.props.live-game .score-nr,
.coupon-container.props .markets-container .outright-market,
.coupon-container.props .score-container {
    flex-direction: column
}

.coupon-container.props .competitors .event-name,
.coupon-container.props .icon {
    color: grey
}

.coupon-container.props .period,
.coupon-container.props .score-nr,
.coupon-container.props [class*=-more] {
    text-align: center
}

.coupon-container.props .market-type,
.coupon-container.props .score-container,
.coupon-container.props .title-container {
    flex: 1
}

.coupon-container.props .away-market,
.coupon-container.props .draw-market,
.coupon-container.props .home-market li:nth-of-type(1n+6) {
    display: none
}

.coupon-container.props .period,
.coupon-container.props .score-nr {
    max-width: 80px;
    min-width: 80px
}

.coupon-container.props.live-game .score-nr,
.coupon-container.props .market-type,
.coupon-container.props .period {
    justify-content: center
}

.coupon-container.props .competitors,
.coupon-container.props .title-container,
.coupon-container.props [class*=-more] {
    position: relative
}

.coupon-container.props .competitors .icon,
.coupon-container.props .title-container .icon,
.coupon-container.props [class*=-more] .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.coupon-container.props .bet-btn,
.coupon-container.props [class*=-more] {
    padding: 10px 16px
}

.coupon-container.props .event-title {
    flex-basis: auto
}

.coupon-container.props .show-more .icon {
    right: 8px
}

.coupon-container.props .icon {
    font-size: 8px
}

.coupon-container.props .competitors {
    border-bottom: 1px solid #d1d1d1
}

.coupon-container.props .competitors .event-name {
    font-size: .85em;
    margin-top: -4px;
    padding: 0 16px 8px
}

.coupon-container.props .competitors .market-name {
    padding: 8px 16px
}

.coupon-container.props .title-container {
    padding: 16px
}

.coupon-container.props .markets-container {
    width: 100%
}

.coupon-container.props .markets-container .market-header {
    display: flex;
    flex-basis: 100%;
    padding-left: 64px;
    background: #d1d1d1;
    text-transform: capitalize;
    color: #333
}

.coupon-container.props .markets-container .market-header li {
    flex-basis: 50%;
    padding: 5px 0
}

.coupon-container.props .markets-container .period {
    text-transform: uppercase;
    border-radius: 0
}

.coupon-container.props .markets-container .home-market li {
    margin-left: 0
}

.coupon-container.props .markets-container .market-line {
    float: left
}

.coupon-container.props .markets-container .outright-market {
    display: flex
}

.coupon-container.props .markets-container .outright-market li {
    margin-left: 0
}

.coupon-container.props .markets-container .outright-market li:first-of-type {
    margin-top: 1px
}

.coupon-container.props [class*=-more] {
    border-top: 1px solid #d1d1d1;
    cursor: pointer;
    line-height: 12px
}

.coupon-container.props [class*=-more]:hover {
    background: #f2f2f2
}

.coupon-container.props .score-container {
    display: inline-flex
}

.coupon-container.props .bet-btn {
    text-align: right
}

.alternate .game-heading,
.alternate .spread-header li {
    background: #fff
}

.alternate .game-heading {
    color: #4d4d4d;
    cursor: pointer;
    font-size: 1.12em;
    position: relative;
    padding: 12px 16px
}

.alternate .game-heading .icon {
    font-size: 12px
}

.alternate .game-heading .league-header {
    text-transform: none
}

.alternate .active+.markets-container {
    max-height: 100%;
    transition: max-height 1.5s ease
}

.alternate .markets-container {
    max-height: 0;
    overflow: hidden
}

.alternate .markets-container .market-header {
    display: flex;
    flex-basis: 100%;
    padding-left: 64px;
    background: #d1d1d1;
    text-transform: capitalize;
    color: #333
}

.alternate .markets-container .market-header li {
    flex-basis: 50%;
    padding: 5px 0
}

.alternate .markets-container .spread-header {
    background: #d1d1d1;
    width: 64px
}

.alternate .markets-container .spread-header li {
    line-height: 12px;
    margin-left: 0;
    padding: 10px 16px;
    text-align: left
}

.alternate .markets-container .bet-btn {
    text-align: center
}

.coupon-container.numbers {
    font-size: 1em
}

.coupon-container.numbers .market-type.columns .bet-btn,
.coupon-container.numbers .single-ball {
    display: inline-flex
}

.coupon-container.numbers .market-type.rows,
.coupon-container.numbers .single-ball {
    flex-wrap: wrap
}

.coupon-container.numbers .market-type.columns .bet-btn,
.coupon-container.numbers .single-ball li .bet-btn {
    text-align: center
}

.coupon-container.numbers .market-type,
.coupon-container.numbers .market-type.columns .number-badge-container {
    flex: 1
}

.coupon-container.numbers .market-type .single-columns,
.coupon-container.numbers .market-type:not(.columns):not(.single-rows) {
    flex-direction: row
}

.coupon-container.numbers .market-type.rows {
    display: flex;
    flex-basis: 100%
}

.coupon-container.numbers .market-type.rows li:not(:nth-of-type(2n)) {
    flex-basis: 50%
}

.coupon-container.numbers .market-type.rows li:nth-of-type(2n) {
    flex-basis: calc(50% - 1px);
    margin-left: 1px
}

.coupon-container.numbers .market-type.rows li .bet-btn {
    text-align: right;
    padding: 4px 16px
}

.coupon-container.numbers .market-type.columns .bet-btn {
    align-items: center;
    margin-left: 0;
    padding: 0
}

.coupon-container.numbers .market-type.columns .bet-btn .bet-header {
    color: grey;
    flex-basis: 15%;
    text-transform: none
}

.coupon-container.numbers .market-type.columns .bet-btn .number-badge-container {
    border: 1px solid #d1d1d1;
    border-width: 0 1px;
    padding: 8px 8px 4px;
    text-align: left
}

.coupon-container.numbers .market-type.columns .bet-btn .number-odds {
    flex-basis: 16%
}

.coupon-container.numbers .market-type.columns .number-badge {
    margin-bottom: 4px
}

.coupon-container.numbers .market-type li:first-of-type {
    margin-top: 1px
}

.coupon-container.numbers .game-heading {
    background: #fff;
    color: #4d4d4d;
    font-size: 1.17em;
    padding: 12px 16px;
    position: relative
}

.coupon-container.numbers .game-heading .icon {
    color: grey;
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.coupon-container.numbers .more-info {
    line-height: 16px;
    max-height: 0;
    overflow: hidden
}

.coupon-container.numbers .active+.more-info {
    max-height: 100%;
    transition: max-height 1.5s ease
}

.coupon-container.numbers .single-ball-container .single-ball li:not(:nth-child(5n)) {
    flex-basis: calc(20% - 1px);
    margin-right: 1px
}

.coupon-container.numbers .single-ball-container .single-ball li:nth-child(5n) {
    flex-basis: 20%
}

.coupon-container.numbers .single-ball-container .single-ball li .bet-btn {
    max-height: 50px
}

.coupon-container.numbers .single-ball-container .single-ball li .bet-btn .number-odds {
    display: block
}

.coupon-container.numbers .bet-btn {
    line-height: 24px;
    padding: 4px
}

.coupon-container.numbers .range-numbers {
    float: left
}

.coupon-container.numbers .range-numbers.dash {
    padding: 0 4px
}

.coupon-container.numbers .empty-bet {
    height: 32px;
    padding: 5px 0
}

.custom-field.flip-up .help-center,
.custom-field.flip-up label {
    text-transform: uppercase
}

.custom-field.flip-up,
.custom-field.flip-up .help-center {
    bottom: 0;
    position: absolute;
    width: 100%
}

.custom-field.flip-up .custom-droplist,
.custom-field.flip-up label {
    color: #333
}

.custom-field.flip-up label {
    border-radius: 0;
    border-width: 1px 0 0;
    font-weight: 400;
    padding-left: 16px
}

.custom-field.flip-up label:not(.active) {
    background: #fff
}

.custom-field.flip-up label .icon {
    right: 12px
}

.custom-field.flip-up .custom-droplist {
    box-shadow: none;
    line-height: 16px;
    padding: 8px 16px;
    position: relative
}

.custom-field.flip-up .custom-droplist>* {
    margin: 10px 0
}

.custom-field.flip-up .icon {
    color: grey
}

.custom-field.flip-up .help-center {
    align-items: center;
    background: #fff;
    color: inherit;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 8px;
    border-top: 1px solid #d1d1d1
}

.custom-field.flip-up .help-center .icon {
    margin: 0 4px
}

.static-content {
    min-width: 320px;
    text-align: center
}

.static-content .content-caption,
.static-content .subtitle {
    color: #404040
}

.static-content .merchant-logo {
    clear: both;
    display: block;
    width: 115px
}

.static-content {
    background: #fff;
    color: #000;
    padding: 35px 48px 0
}

.static-content .bubble-badge,
.static-content .icon-overlay {
    position: absolute
}

.static-content .content-container {
    padding: 48px 44px;
    position: relative;
    display: block
}

.static-content .content-title {
    color: #000;
    font-size: 1.34em;
    line-height: normal
}

.static-content .subtitle {
    font-size: 1.12em;
    line-height: 1;
    margin: 20px 0 16px
}

.static-content .merchant-logo {
    margin: 25px auto 0
}

.static-content .static-text {
    display: inline-block;
    margin: 0 10px;
    text-align: left;
    width: 162px
}

.static-content .icon-wrapper {
    position: relative
}

.static-content .icon-wrapper .static-icon {
    background: transparent;
    color: inherit;
    border-radius: 50%;
    display: inline-block;
    font-size: 32px;
    line-height: 64px;
    height: 64px;
    margin: 0 auto;
    text-align: center;
    width: 64px;
    color: #c00;
    border: 1px solid #e3e3e3
}

.static-content .icon-wrapper .bubble-badge {
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.static-content .help-text {
    color: #404040;
    font-size: 1em;
    line-height: 14px
}

.custom-field.search-input.search-slide {
    margin: 0 0 0 auto;
    transition: width .4s ease-in-out;
    width: 48px
}

.custom-field.search-input.search-slide .search-btn {
    transform: rotateY(180deg)
}

.custom-field.search-input.search-slide input:focus+.active-field.has-text {
    border-radius: 4px 4px 0 0
}

.custom-field.search-input.search-slide input:focus+.active-field.has-text~.search-btn {
    border-radius: 0
}

.custom-field.search-input.search-slide input:focus+.active-field.has-text.has-text~.search-btn {
    background: #ff6900;
    color: #fff
}

.custom-field.search-input.search-slide label {
    border-width: 0
}

.custom-field.search-input.search-slide.active {
    width: 100%;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.custom-field.search-input.search-slide.active input {
    caret-color: #333
}

.custom-field.search-input.search-slide.active .search-btn {
    border-radius: 4px
}

.rich-text-body-content[data-version=v2] ul,
.rich-text-body-content[version=v2] ul {
    list-style: disc
}

.rich-text-body-content[data-version=v2] ol,
.rich-text-body-content[version=v2] ol {
    list-style: decimal
}

.rich-text-body-content[data-version=v2] ol,
.rich-text-body-content[data-version=v2] ul,
.rich-text-body-content[version=v2] ol,
.rich-text-body-content[version=v2] ul {
    list-style-position: inside
}

.rich-text-body-content[data-version=v2] .bold,
.rich-text-body-content[version=v2] .bold {
    font-weight: 700
}

.rich-text-body-content[data-version=v2] .italic,
.rich-text-body-content[version=v2] .italic {
    font-style: italic
}

.rich-text-body-content[data-version=v2] .underline,
.rich-text-body-content[version=v2] .underline {
    text-decoration: underline
}

.rich-text-body-content[data-version=v2] .table-list,
.rich-text-body-content[version=v2] .table-list {
    overflow-x: auto;
    display: flex;
    flex-flow: column
}

.rich-text-body-content[data-version=v2] .table-list tbody,
.rich-text-body-content[version=v2] .table-list tbody {
    overflow-y: initial;
    background: #fff;
    color: #2b2b2b
}

.rich-text-body-content[data-version=v2] .table-list tbody td,
.rich-text-body-content[version=v2] .table-list tbody td {
    width: 100%;
    background: #fff
}

.rich-text-body-content[data-version=v2] .table-list thead,
.rich-text-body-content[version=v2] .table-list thead {
    color: #2b2b2b;
    background: #e9e8e4
}

.rich-text-body-content[data-version=v2] .table-list thead td,
.rich-text-body-content[data-version=v2] .table-list thead th,
.rich-text-body-content[version=v2] .table-list thead td,
.rich-text-body-content[version=v2] .table-list thead th {
    width: 100%;
    vertical-align: top;
    background: #e9e8e4;
    border-bottom: 1px solid #d1d1d1
}

.rich-text-body-content[data-version=v2] .table-list.striped tbody tr:nth-of-type(2n) td,
.rich-text-body-content[data-version=v2] .table-list.striped tbody tr:nth-of-type(2n) th,
.rich-text-body-content[version=v2] .table-list.striped tbody tr:nth-of-type(2n) td,
.rich-text-body-content[version=v2] .table-list.striped tbody tr:nth-of-type(2n) th {
    background: #e9e8e4
}

.rich-text-body-content[data-version=v2] .table-list.striped tbody tr:nth-of-type(odd) td,
.rich-text-body-content[data-version=v2] .table-list.striped tbody tr:nth-of-type(odd) th,
.rich-text-body-content[version=v2] .table-list.striped tbody tr:nth-of-type(odd) td,
.rich-text-body-content[version=v2] .table-list.striped tbody tr:nth-of-type(odd) th {
    background: #f5f5f2
}

.rich-text-body-content[data-version=v2] .table-list,
.rich-text-body-content[data-version=v2] .table-list .list-body,
.rich-text-body-content[data-version=v2] .table-list tr,
.rich-text-body-content[version=v2] .table-list,
.rich-text-body-content[version=v2] .table-list .list-body,
.rich-text-body-content[version=v2] .table-list tr {
    width: 100%
}

.rich-text-body-content[data-version=v2] .table-list td[class*=-value],
.rich-text-body-content[data-version=v2] .table-list td span[class*=-amount],
.rich-text-body-content[data-version=v2] .table-list thead td,
.rich-text-body-content[version=v2] .table-list td[class*=-value],
.rich-text-body-content[version=v2] .table-list td span[class*=-amount],
.rich-text-body-content[version=v2] .table-list thead td {
    font-weight: 400
}

.rich-text-body-content[data-version=v2] .table-list thead td,
.rich-text-body-content[data-version=v2] .table-list thead th,
.rich-text-body-content[version=v2] .table-list thead td,
.rich-text-body-content[version=v2] .table-list thead th {
    font-weight: 500
}

.rich-text-body-content[data-version=v2] .table-list tbody tr,
.rich-text-body-content[data-version=v2] .table-list thead tr,
.rich-text-body-content[version=v2] .table-list tbody tr,
.rich-text-body-content[version=v2] .table-list thead tr {
    display: flex
}

.rich-text-body-content[data-version=v2] .table-list tbody tr td,
.rich-text-body-content[data-version=v2] .table-list tbody tr th,
.rich-text-body-content[data-version=v2] .table-list thead tr td,
.rich-text-body-content[data-version=v2] .table-list thead tr th,
.rich-text-body-content[version=v2] .table-list tbody tr td,
.rich-text-body-content[version=v2] .table-list tbody tr th,
.rich-text-body-content[version=v2] .table-list thead tr td,
.rich-text-body-content[version=v2] .table-list thead tr th {
    min-width: 100px
}

.multi-select .multi-select-container {
    background: #fff;
    display: none;
    position: absolute;
    width: 100%;
    padding: 10px
}

.multi-select .multi-select-container.active {
    z-index: 7
}

.multi-select .multi-select-container.active,
.multi-select .multi-select-container .clear-all,
.multi-select .multi-select-container .custom-checkbox {
    display: block
}

.multi-select .multi-select-container .multi-select-options {
    float: left;
    padding: 0 10px;
    width: 50%
}

.multi-select .multi-select-container .multi-select-options label {
    color: #333;
    border: none;
    font-size: 1.17em;
    line-height: 1;
    padding: 5px 0 5px 34px
}

.multi-select .multi-select-container .multi-select-options .custom-checkbox {
    padding: 5px 0
}

.multi-select .multi-select-container .multi-select-options .clear-all {
    text-decoration: underline;
    padding: 10px 0
}

.multi-select .multi-select-container .multi-select-options .clear-all .custom-link {
    font-size: 1em
}

@media screen and (min-width: 769px) {

    [class*=-heading].h1-heading,
    [class*=-heading].h1-heading-inverse {
        font-size: 4.34em
    }

    [class*=-heading].h2-heading,
    [class*=-heading].h2-heading-inverse {
        font-size: 2em;
        font-weight: inherit
    }

    .bx-section-container>.component-header>h2.h5-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    [class*=-heading].h3-heading,
    [class*=-heading].h3-heading-inverse {
        font-size: 1.67em
    }
}

@media screen and (min-width: 769px) {
    .custom-cta {
        font-size: 1.34em
    }

    .custom-cta.cta-large,
    .profile-update-confirmation .buttons .custom-cta {
        font-size: 1.67em
    }
}

@media screen and (min-width: 769px) {
    .bubble-badge:not(.fixed) {
        font-size: 1em;
        line-height: 20px
    }

    .bubble-badge:not(.fixed),
    .bubble-badge:not(.fixed):before {
        width: 20px
    }

    .bubble-badge:not(.fixed):before {
        height: 20px
    }
}

@media screen and (min-width: 769px) {
    .custom-badge {
        font-size: 1em
    }
}

@media screen and (min-width: 769px) {
    .game-thumbnail .thumb-container .thumbnail-text {
        padding: 10px 0
    }

    .game-thumbnail:not([class*=xsmall]) {
        padding-bottom: 32px
    }

    .game-thumbnail .play-btn {
        display: none
    }

    .game-thumbnail.img-large .thumbnail-text {
        font-size: 1.17em
    }

    .game-thumbnail.img-small .thumbnail-text {
        font-size: 1em
    }
}

@media only screen and (min-width: 769px) {
    .table-list:not(.condensed) span:not(.subtitle) {
        font-size: 1.17em
    }

    .table-list td,
    .table-list th {
        padding: 17px 25px;
        text-align: left
    }

    .table-list .total-header,
    .table-list [class*=amount-] {
        text-align: right
    }
}

@media screen and (min-width: 769px) {
    .carousel.primary {
        padding-bottom: 30px
    }

    .carousel.primary [class*=-heading] {
        padding: 15px 0 0
    }

    .carousel.primary .game-thumbnail {
        margin: 0 32px 0 0
    }
}

@media screen and (max-width: 374px) {
    .carousel.tertiary .content-slider.scroll {
        height: 342px
    }
}

@media screen and (min-width: 375px) and (max-width:768px) and (orientation:portrait) {
    .carousel.tertiary .content-slider.scroll {
        height: 500px
    }
}

@media screen and (min-width: 560px) and (max-width:768px) {
    .carousel.tertiary .content-slider.no-scroll .game-thumbnail {
        flex-basis: calc(33.3% - 16px)
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) {
    .carousel.tertiary .content-slider.scroll {
        max-height: 184px
    }
}

@media screen and (min-width: 769px) {
    .carousel.tertiary .content-slider.no-scroll {
        margin-right: -32px
    }

    .carousel.tertiary .content-slider.no-scroll .game-thumbnail {
        margin: 0 32px 32px 0
    }

    .carousel.tertiary .content-slider.no-scroll .game-thumbnail.img-large {
        flex-basis: calc(25% - 32px)
    }

    .carousel.tertiary .banner-carousel {
        display: none
    }
}

@media screen and (min-width: 1376px) {
    .carousel.tertiary .content-slider.no-scroll {
        overflow: visible
    }
}

@media screen and (min-width: 769px) {

    .custom-tab.promotion,
    .custom-tab.quaternary {
        overflow: visible
    }

    .custom-tab.promotion li,
    .custom-tab.quaternary li {
        font-size: 1.34em;
        padding: 10px 30px
    }
}

@media screen and (min-width: 769px) {
    .custom-tab.secondary li {
        font-size: 1.12em
    }
}

@media screen and (min-width: 480px) {
    .custom-tab.channel .channel-item {
        padding: 10px 12px
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .custom-tab.channel {
        box-shadow: inset 0 -4px 0 0 #000
    }

    .custom-tab.channel li {
        font-size: 1.67em
    }

    .custom-tab.channel li.active {
        box-shadow: inset 0 -4px 0 0 rgba(43, 43, 43, .3)
    }
}

@media screen and (min-width: 769px) {

    .channel.custom-tab.promotion li,
    .custom-tab.channel,
    .custom-tab.channel.quaternary li,
    .custom-tab.channel.tertiary li {
        border-width: 0
    }

    .channel.custom-tab.promotion li,
    .custom-tab.channel.quaternary li,
    .custom-tab.channel.tertiary li {
        padding: 0
    }

    .custom-tab.channel {
        box-shadow: inset 0 -4px 0 0 #000
    }

    .custom-tab.channel .channel-item {
        padding: 39px 0 37px
    }

    .custom-tab.channel li.active {
        box-shadow: inset 0 -4px 0 0 rgba(43, 43, 43, .3)
    }
}

@media screen and (min-width: 1024px) {
    .custom-tab.channel li {
        font-size: 1.67em
    }
}

@media screen and (min-width: 1376px) {
    .custom-tab.channel li {
        margin: 0
    }
}

@media only screen and (min-width: 769px) {
    .navbar-wrapper.menu-navbar .custom-tab.tab-menu li:not(:last-child) {
        margin-right: 2px
    }
}

@media only screen and (min-width: 1376px) {
    .navbar-wrapper.menu-navbar .custom-tab.tab-menu li:not(:last-child) {
        margin-right: 32px
    }
}

@media only screen and (min-width: 769px) {
    .custom-tab.small-tab li {
        background: #f5f5f2;
        color: #333;
        padding: 24px 10px;
        font-size: 1.17em
    }

    .custom-tab.small-tab li:active,
    .custom-tab.small-tab li:hover {
        background: #333;
        box-shadow: inset 0 -3px 0 0 #ff6900
    }

    .custom-tab.small-tab li .icon {
        font-size: 32px
    }
}

@media screen and (min-width: 769px) {
    .tab-grid li {
        flex: 1 1 25%
    }

    .tab-grid li:nth-child(2n) {
        border-right-width: 1px
    }

    .tab-grid li:nth-child(4n) {
        border-right: 0
    }
}

@media only screen and (min-width: 769px) {
    .radio-grid li {
        width: 25%
    }
}

@media screen and (min-width: 769px) {
    .social-links-container {
        margin: 12px auto 0
    }
}

@media only screen and (min-width: 769px) {
    .custom-menu.primary.options {
        overflow: hidden
    }

    .custom-menu.primary.options li {
        float: left;
        width: 50%;
        padding: 14px 40px 14px 24px
    }

    .custom-menu.primary.options li .icon:not([class*=-next]),
    .custom-menu.primary.options li .logos-container,
    .custom-menu.primary.options li>.icon-logo {
        right: 45px
    }

    .custom-menu.primary.options li:nth-child(2n-1) {
        border-right: 1px solid #d1d1d1
    }

    .custom-menu.primary.options li:nth-child(2) {
        border-top: 0
    }

    .custom-menu.primary.options li .icon[class*=-next] {
        right: 24px
    }

    .custom-menu.primary.options li .icon:not([class*=-next]) {
        font-size: 26px
    }
}

@media only screen and (min-width: 769px) {
    figure.custom-notification.notificationbox figure.notificationbox-icon {
        width: 88px;
        height: 88px
    }

    figure.custom-notification.notificationbox figure.notificationbox-icon .icon {
        font-size: 40px
    }

    figure.custom-notification.notificationbox figcaption.notificationbox-message {
        margin-left: 32px
    }
}

@media screen and (min-width: 769px) {
    .custom-notification:not(.alert) {
        font-size: 1.34em
    }

    .custom-notification.alert {
        font-size: 1.17em;
        padding: 12px 16px
    }

    .custom-notification.alert .close-btn {
        padding: 16px
    }
}

@media only screen and (min-width: 769px) {
    .modal-overlay .full-width-ctas {
        margin-top: 24px
    }

    .modal-overlay:not(.dark-overlay) .modal-content:not(.screen-center) {
        margin-top: 30px
    }

    .modal-overlay.dark-overlay .modal-body {
        padding: 24px
    }

    .modal-overlay.dark-overlay:not(.visitor) .modal-content:not(.screen-center) {
        margin: 100px auto 20px
    }

    .modal-overlay.visitor .modal-content {
        margin: 40px auto 20px
    }

    .modal-overlay .modal-content {
        min-height: auto;
        margin: 0 auto;
        overflow-y: hidden
    }

    .modal-overlay .modal-content.modal-medium {
        max-width: 455px
    }

    .modal-overlay .modal-content.modal-large {
        max-width: 960px
    }
}

@media screen and (max-width: 768px) {
    .modal-overlay .modal-content:not(.modal-small).screen-center {
        left: 0;
        top: 0;
        transform: none
    }
}

@media only screen and (max-width: 375px) {
    .modal-overlay .modal-content.modal-small {
        max-width: 315px
    }
}

@media screen and (max-width: 320px) {
    .navbar-fixed-top .navbar .brand-logo img {
        min-width: 70px
    }

    .navbar-fixed-top .navbar .login-container {
        font-size: .85em
    }

    .navbar-fixed-top .navbar .custom-cta {
        padding: 5px 12px
    }

    .navbar-fixed-top .navbar [class*=-btn]:not(.account-balance) {
        padding: 6px 4px
    }
}

@media screen and (min-width: 321px) and (max-width:360px) {
    .navbar-fixed-top .navbar .login-container {
        font-size: 1em
    }

    .navbar-fixed-top .navbar .custom-cta {
        padding: 5px 12px
    }
}

@media screen and (max-width: 374px) {
    .navbar-fixed-top .navbar .search-container {
        flex-grow: 0.5
    }
}

@media screen and (max-width: 420px) {
    .navbar-fixed-top .navbar [class*=-btn] {
        padding: 0 7px
    }

    .navbar-fixed-top .navbar .brand-logo {
        padding: 10px 7px
    }
}

@media screen and (min-width: 769px) {
    .navbar-fixed-top {
        padding-bottom: 0
    }

    .navbar-fixed-top .navbar {
        height: 96px
    }

    .navbar-fixed-top .navbar .custom-cta.deposit,
    .navbar-fixed-top .navbar .login-container {
        display: inline-flex;
        justify-content: center
    }

    .navbar-fixed-top .navbar [class*=-btn] {
        padding: 16px
    }

    .navbar-fixed-top .navbar .icon-menu {
        font-size: 24px
    }

    .navbar-fixed-top .navbar .icon:not(.icon-user) {
        min-width: 14px;
        min-height: 14px
    }

    .navbar-fixed-top .navbar .menu-btn.active .icon:not(.icon-user) {
        font-size: 14px
    }

    .navbar-fixed-top .navbar .brand-logo {
        flex-grow: 1
    }

    .navbar-fixed-top .navbar .brand-logo img {
        height: 60px
    }

    .navbar-fixed-top .navbar .deposit:not(.custom-cta) {
        display: none
    }

    .navbar-fixed-top .navbar .brand-logo {
        padding: 12px 16px 20px
    }

    .navbar-fixed-top .navbar .balance-value {
        font-size: 1.34em;
        padding: 0 8px 0 0
    }

    .navbar-fixed-top .navbar .user-btn {
        padding: 20px
    }

    .navbar-fixed-top .navbar .custom-tab.channel {
        margin: auto;
        width: auto;
        order: 0;
        background: #333
    }

    .navbar-fixed-top .navbar .icon {
        font-size: 24px
    }

    .navbar-fixed-top .navbar .icon-user {
        margin-right: 8px
    }

    .navbar-fixed-top .navbar .custom-cta {
        min-width: 80px
    }

    .navbar-fixed-top .navbar .custom-link {
        font-size: 1.34em;
        padding: 5px 25px 5px 32px
    }

    .navbar-fixed-top .navbar .account-balance .icon-close,
    .navbar-fixed-top .navbar .account-balance .icon-menu,
    .navbar-fixed-top .navbar .account-balance .menu-btn.active .icon-menu,
    .navbar-fixed-top .navbar .menu-btn.active .account-balance .icon-menu {
        min-width: 24px
    }

    .navbar-top-visible {
        margin-top: 96px
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .navbar-fixed-top {
        box-shadow: inset 0 -4px 0 0 #000
    }
}

@media screen and (min-width: 1024px) {
    .navbar-fixed-top {
        box-shadow: inset 0 -4px 0 0 #000
    }

    .navbar-fixed-top .navbar [class*=-btn] {
        padding: 16px;
        min-width: 56px;
        min-height: 56px
    }
}

@media screen and (min-width: 769px) {
    .modal-overlay .navbar-static.modal-header .toggle-ctas {
        display: inline-flex
    }
}

@media screen and (min-width: 769px) {
    .accordion.primary .more-info {
        font-size: 1.17em
    }
}

@media screen and (min-width: 769px) {
    .accordion.tertiary li .expiretime {
        margin-top: 0
    }

    .accordion.tertiary li .custom-cta,
    .accordion.tertiary li .price,
    .accordion.tertiary li .price-container {
        order: 3
    }

    .accordion.tertiary li .custom-progress {
        margin-top: 16px
    }

    .accordion.tertiary li .custom-cta {
        margin-top: 0
    }

    .accordion.tertiary li .toggler {
        padding: 20px 24px 0 20px
    }

    .accordion.tertiary li .subject-heading {
        flex: 0 0 50%;
        order: 1
    }

    .accordion.tertiary li .custom-progress {
        max-width: 273px;
        order: 2;
        padding-left: 0
    }

    .accordion.tertiary li .price-container {
        display: block;
        margin: 16px 44px 0 auto;
        text-align: right;
        width: fit-content
    }

    .accordion.tertiary li .price-container .price {
        margin: 0
    }

    .accordion.tertiary li .price {
        margin: 0 30px 0 60px;
        width: auto
    }

    .accordion.tertiary li .custom-cta {
        font-size: 1.34em;
        flex: 0 0 auto;
        margin: 16px 44px 0 auto
    }
}

@media screen and (min-width: 769px) {
    .card .card-text {
        height: 104px
    }
}

@media only screen and (min-width: 769px) {
    .loyalty-dashboard-container {
        flex-direction: row
    }

    .loyalty-dashboard-container .rank-container {
        flex: 1;
        margin-right: 0
    }

    .loyalty-dashboard-container .doughnut-container {
        min-width: 360px;
        padding: 16px 32px 0 0
    }

    .loyalty-dashboard-container .cta-container {
        flex-basis: 100%
    }

    .loyalty-dashboard-container .cta-container .custom-cta {
        width: 24%
    }

    .loyalty-dashboard-container .cta-container .cta-title {
        font-size: 1.67em
    }
}

@media screen and (min-width: 320px) {
    .banner-carousel .banner-slide .carousel-text {
        margin: 0 24px;
        padding: 16px 0
    }

    .banner-carousel .banner-slide.no-image .carousel-text {
        width: calc(100% - 48px)
    }
}

@media screen and (min-width: 480px) {
    .banner-carousel .banner-slide .carousel-text {
        padding: 16px 0;
        margin: 0 32px
    }

    .banner-carousel .banner-slide.no-image .carousel-text {
        width: calc(100% - 64px)
    }
}

@media screen and (min-width: 480px) and (max-width:768px) {
    .banner-carousel .banner-slide .carousel-text .caption-subtitle {
        font-size: 1.34em
    }

    .banner-carousel .banner-slide .carousel-text .custom-cta {
        font-size: 1.67em
    }

    .banner-carousel .banner-slide .carousel-badge {
        height: 3.5em;
        line-height: 3.5em;
        width: 3.5em
    }

    .banner-carousel .banner-slide .custom-cta {
        font-size: 1.67em
    }
}

@media screen and (max-width: 768px) {
    .banner-carousel .banner-slide .img-container .img-responsive {
        margin: 0 0 0 auto
    }

    .banner-carousel .banner-slide.reverse-order .img-container .img-responsive {
        margin: 0 auto 0 0
    }
}

@media screen and (min-width: 769px) {
    .banner-carousel .carousel-indicators {
        padding: 16px 0 0
    }

    .banner-carousel .banner-slide .carousel-text .custom-cta {
        min-width: 280px;
        margin-top: 24px
    }

    .banner-carousel .banner-slide .carousel-text .caption-subtitle {
        margin-top: 24px
    }

    .banner-carousel .banner-slide .img-container .img-responsive {
        margin: 0 auto
    }

    .banner-carousel .banner-slide .sponsor-container {
        bottom: 40px
    }

    .banner-carousel .banner-slide .sponsor-container .sponsor-text {
        font-size: .85em
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .banner-carousel .banner-slide .carousel-text .caption-title {
        font-size: 2.67em
    }

    .banner-carousel .banner-slide .carousel-text .caption-subtitle {
        font-size: 1.34em
    }

    .banner-carousel .banner-slide .carousel-text .custom-cta {
        font-size: 1.67em
    }
}

@media screen and (min-width: 1024px) {
    .banner-carousel .banner-slide.no-image .carousel-text {
        width: calc(100% - 32px)
    }

    .banner-carousel .banner-slide .carousel-text .custom-cta {
        font-size: 1.67em
    }

    .banner-carousel .banner-slide .carousel-text {
        padding: 16px 0;
        margin: 0 16px
    }

    .banner-carousel .banner-slide .carousel-text .caption-title {
        font-size: 4.34em
    }

    .banner-carousel .banner-slide .carousel-text .caption-subtitle {
        font-size: 1.67em
    }

    .banner-carousel.fullsize-carousel .banner-slide .img-container .img-responsive {
        height: 380px
    }
}

@media screen and (min-width: 1376px) {
    .banner-carousel .banner-slide .sponsor-container .img-responsive {
        max-width: 25%
    }

    .banner-carousel.fullsize-carousel .banner-slide .img-container .img-responsive {
        height: 380px
    }
}

@media screen and (min-width: 769px) {
    .footer-links .disclaimer-container {
        font-size: inherit;
        line-height: 18px;
        padding: 15px 15px 10px
    }

    .footer-links .disclaimer-container .img-responsive {
        margin: 0 auto 30px
    }

    .footer-links .hide-scroll .custom-tab {
        margin-bottom: 0;
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 769px) {
    .coupon-container:not(.props):not(.numbers) {
        border: none
    }

    .coupon-container .markets-container .market-type li.empty-bet,
    .coupon-container .markets-container .market-type li.pending-bet {
        min-height: 32px
    }

    .coupon-container .sports-icons .tooltip-popover-msg,
    .coupon-container:not(.numbers) {
        font-size: 1em
    }

    .coupon-container .bet-btn,
    .coupon-container .empty-bet,
    .coupon-container:not(.props) .coupon-content [class*=-header] li {
        padding: 10px 8px
    }

    .coupon-container.live-game .scores .period {
        width: 80px;
        border-radius: inherit
    }

    .coupon-container:not(.live-game) .scores .period {
        width: 112px
    }

    .coupon-container .competitors {
        flex: 1 1 40%
    }

    .coupon-container .competitors .competitor-name,
    .coupon-container .competitors .draw-name {
        padding: 8px 16px
    }

    .coupon-container:not(.alternate):not(.numbers) .game-heading {
        font-size: 1em;
        padding: 8px 0
    }

    .coupon-container:not(.numbers) .game-heading .market-header {
        margin-right: 0
    }

    .coupon-container .scores .results {
        width: 32px
    }

    .coupon-container .market-type,
    .coupon-container:not(.single-draw) .market-header li {
        min-width: 120px;
        width: auto
    }

    .coupon-container.multiple {
        position: relative
    }

    .coupon-container.multiple .markets-container {
        flex: 0 1 auto
    }

    .coupon-container.multiple .markets-container .market-type {
        flex-basis: inherit
    }

    .coupon-container .event-title .game-view-cta {
        text-transform: none
    }
}

@media only screen and (min-width: 769px) {
    .coupon-container.single {
        font-size: 1em
    }

    .coupon-container.single .market-header.market-row-header {
        margin-right: 16px
    }

    .coupon-container.single .market-type.row li,
    .coupon-container.single.single-main .market-type,
    .coupon-container.single:not(.single-draw) .market-header:not(.market-row-header) {
        width: 120px
    }

    .coupon-container.single:not(.single-main) .market-type {
        min-width: 120px
    }

    .coupon-container.single.single-draw .market-header {
        width: 240px
    }

    .coupon-container.single.single-draw .market-header li:first-of-type {
        width: 176px
    }

    .coupon-container.single.single-draw .market-header li:last-of-type {
        width: 64px
    }

    .coupon-container.single.single-draw .market-type:not(.draw-market) {
        width: 176px
    }

    .coupon-container.single.single-draw .market-type.draw-market {
        min-width: 64px;
        width: auto
    }

    .coupon-container.single .market-type.row {
        width: auto
    }

    .coupon-container.single .scores {
        font-size: 1em
    }
}

@media only screen and (min-width: 769px) {

    .coupon-container.props .market-content,
    .coupon-container.props .markets-container .outright-market,
    .coupon-container.props .score-container {
        flex-direction: row
    }

    .coupon-container.props .market-type,
    .coupon-container.props .show-more {
        display: block
    }

    .coupon-container.props .show-more {
        border-left: 0;
        border-top: 0
    }

    .coupon-container.props.outright .score-container {
        flex-direction: column
    }

    .coupon-container.props .markets-container .outright-market {
        flex-wrap: wrap
    }

    .coupon-container.props .markets-container .outright-market li {
        width: calc(33.33333% - 2px)
    }

    .coupon-container.props .markets-container .outright-market li:nth-of-type(3n+2) {
        margin: 1px 1px 0
    }
}

@media screen and (max-width: 768px) {
    .coupon-container.props:not(.alternate) .game-heading {
        font-size: .85em
    }
}

@media only screen and (min-width: 769px) {
    .coupon-container.single-ball.numbers {
        background: #fff;
        flex-wrap: wrap
    }

    .coupon-container.single-ball.numbers,
    .coupon-container.single-ball.numbers .five-rows,
    .coupon-container.single-ball.numbers .single-columns,
    .coupon-container.single-ball.numbers .three-rows,
    .coupon-container.single-ball.numbers [class*=-rows] li {
        display: flex
    }

    .coupon-container.single-ball.numbers .single-columns li,
    .coupon-container.single-ball.numbers [class*=-rows] li {
        flex-grow: 1
    }

    .coupon-container.single-ball.numbers .market-type {
        min-width: auto
    }

    .coupon-container.single-ball.numbers .market-type.five-rows li,
    .coupon-container.single-ball.numbers .market-type.single-rows li:first-of-type,
    .coupon-container.single-ball.numbers .market-type.three-rows li {
        margin-top: 1px
    }

    .coupon-container.single-ball.numbers .market-type.single-columns li,
    .coupon-container.single-ball.numbers .market-type.single-rows li,
    .coupon-container.single-ball.numbers .market-type.three-rows li {
        margin-right: 1px
    }

    .coupon-container.single-ball.numbers .market-type.five-rows,
    .coupon-container.single-ball.numbers .market-type.three-rows {
        flex-direction: column
    }

    .coupon-container.single-ball.numbers .market-type[class*=-rows] {
        flex-basis: 12%
    }

    .coupon-container.single-ball.numbers .market-type.single-rows li {
        margin-left: 0
    }

    .coupon-container.single-ball.numbers .market-type.single-columns {
        flex-basis: 100%;
        margin: 0 24% 0 11.95%
    }

    .coupon-container.single-ball.numbers .market-type.single-columns li {
        margin-top: 0
    }

    .coupon-container.single-ball.numbers .market-type.single-columns li:first-of-type {
        margin-left: 1px
    }

    .coupon-container.single-ball.numbers .single-ball-container {
        flex-basis: 64%
    }

    .coupon-container.single-ball.numbers .single-ball-container .single-ball {
        max-height: 100%
    }

    .coupon-container.single-ball.numbers .single-ball-container .single-ball li:nth-child(5n) {
        flex-basis: calc(20% - 1px)
    }

    .coupon-container.single-ball.numbers .single-ball-container .single-ball .number-badge {
        margin-right: 4px
    }

    .coupon-container.single-ball.numbers .single-ball-container .single-ball .bet-btn .number-odds {
        display: inline-block
    }

    .coupon-container.single-ball.numbers .bet-btn {
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .static-content {
        padding: 52px 0 0
    }

    .static-content .content-container {
        display: table-cell
    }

    .static-content .content-title {
        font-size: 1.67em
    }

    .static-content .static-text {
        position: absolute;
        top: 15px;
        width: 250px
    }

    .static-content .help-text {
        font-size: 1em;
        line-height: 18px
    }

    .static-content .subtitle {
        font-size: 1.34em
    }
}

@media only screen and (min-width: 1281px) {
    .dynamic-card {
        flex-basis: calc(25% - 32px)
    }
}

@media only screen and (min-width: 1025px) and (max-width:1280px) {
    .dynamic-card {
        flex-basis: calc(33% - 32px)
    }
}

@media only screen and (min-width: 668px) and (max-width:1024px) {
    .dynamic-card {
        flex-basis: calc(50% - 32px)
    }
}

@media only screen and (min-width: 321px) and (max-width:667px) {
    .dynamic-card {
        flex-basis: 100%;
        margin: 0 0 32px
    }
}

@media only screen and (max-width: 320px) {
    .dynamic-card {
        width: 256px;
        margin: 0 0 32px
    }
}

@media only screen and (max-width: 667px) {
    .dynamic-card .dynamic-card .card-container header .header .details .h4-heading.title {
        font: 800 16px var(--font-secondary)
    }

    .dynamic-card .dynamic-card .card-container header .header .details .h6-heading.dealer {
        font: 400 12px var(--font-primary)
    }

    .live-dealer-carousel-card .dynamic-card {
        margin-right: 16px
    }

    .dynamic-card .dynamic-card .card-container .dynamic-card-content .limits .limit {
        width: 110px
    }

    .dynamic-cards-list .dynamic-card .card-container header .header .bx-custom-badge.payout-percent,
    .live-dealer-carousel .dynamic-card .card-container header .header .bx-custom-badge.payout-percent {
        right: 0
    }
}

@media only screen and (max-width: 769px) {
    .live-dealer-carousel .carousel.primary .component-wrapper.max-container {
        padding-left: 16px
    }
}

@media screen and (min-width: 769px) and (max-width:1450px) {
    .live-dealer-carousel .carousel.primary .component-wrapper.max-container {
        padding: 0 14px
    }
}

@media screen and (min-width: 769px) {
    .carousel.primary .carousel-navigation {
        display: block
    }

    .live-dealer-carousel-card .card-container header .header .bx-custom-badge.payout-percent .secondary {
        right: 12px
    }
}

@media only screen and (max-width: 320px) {

    dynamic-cards-list .live-dealer-games,
    .live-dealer-carousel .live-dealer-games {
        flex-direction: column;
        align-items: center
    }

    .dynamic-card .dynamic-card .card-container header .dynamic-card-content img.dealer,
    .live-dealer-carousel-card .dynamic-card .card-container img.dealer {
        width: 120px;
        height: 184px
    }
}

html.force-critical {
    font-family: rubik, saira
}

html {
    --font-primary: "rubik";
    --font-secondary: "saira"
}

html.no-custom-fonts {
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --font-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

html.use-native-default-fonts {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
}

.bx-login #loginError,
.bx-login #loginSuccess {
    padding-bottom: 20px;
    margin-bottom: 15px
}

.bx-login #loginError figcaption,
.bx-login #loginSuccess figcaption {
    text-transform: none
}

.bx-login #loginError figcaption a,
.bx-login #loginSuccess figcaption a {
    font-size: inherit
}

.bx-login .custom-notification.alert.info {
    margin-block-end: 24px
}

.bx-login .softblocked-message {
    width: auto;
    text-align: center;
    margin-bottom: 2.5em;
    margin-top: 1em
}

.bx-login .softblocked-message h5 {
    margin-bottom: .5em
}

.bx-login .pixel-monitor {
    position: absolute
}

.bx-login .password-rules {
    color: grey;
    font-size: .75rem;
    padding-bottom: .9rem;
    margin-top: -.5rem
}

.bx-login #login-description-content-block h4 {
    margin-bottom: 10px
}

.bx-login-overlay .bx-overlay-header+.softblocked-message {
    width: auto;
    text-align: center;
    padding-top: 1em;
    border-bottom: 2px solid #c2c2c2
}

.bx-login-overlay .softblocked-login {
    padding: 0 16px
}

.bx-login-overlay .softblocked-login i:before {
    font-size: 2.5em;
    margin: 1em 0 2em;
    font-weight: 600
}

.bx-login-overlay .softblocked-login figcaption {
    padding: .75em 0 2em
}

@media only screen and (min-width: 769px) {
    .bx-login-overlay .bx-overlay-header {
        display: block
    }

    .bx-login-overlay .bx-overlay-header.unpadded {
        padding: 0
    }
}

.bx-invitation-overlay #invitation-instruments label,
.bx-invitation-overlay #invitation-tos label {
    line-height: 16px;
    font-size: 1.167em
}

.bx-invitation-overlay #invitationError {
    padding-bottom: 20px;
    margin-bottom: 15px
}

.bx-invitation-overlay #invitationError figcaption {
    text-transform: none
}

.bx-invitation-overlay #invitationError figcaption a {
    font-size: inherit
}

.bx-invitation-overlay #invitation-content-sign-up-description p,
.bx-invitation-overlay #invitation-instruments label p,
.bx-invitation-overlay #invitation-tos label p {
    margin: 0
}

.bx-invitation-overlay #contact-us-span {
    margin-top: 8px;
    display: block
}

@media screen and (max-width: 769px) and (min-height:550px) {

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body,
    .modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body {
        position: absolute;
        top: 3rem;
        bottom: 0;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body .full-width-ctas,
    .modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body .full-width-ctas {
        position: absolute;
        bottom: 2rem;
        left: 1rem;
        right: 1rem;
        width: auto
    }
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body {
    margin-top: 2rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body {
    text-align: center
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body i.icon-checked,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body i.icon-checked {
    background-color: initial;
    border-radius: 50%;
    border: .1rem solid green;
    color: green;
    padding: 1rem;
    font-size: 2rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h1-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h1-heading {
    font-weight: 700;
    margin: 3rem 0;
    font-size: 1.5rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h2-heading,
.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h3-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h2-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h3-heading {
    margin: 1.5rem 0
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h2-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h2-heading {
    font-size: 1.17rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h3-heading,
.modal-overlay .bx-two-factor-authenticator-enabled-overlay section.modal-body div.form-body p.h3-heading {
    font-size: 1rem
}

@media only screen and (max-width: 769px) and (min-height:620px) {

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .bx-overlay-header,
    .modal-overlay .bx-two-factor-authenticator-welcome-overlay .bx-overlay-header {
        display: block
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .bx-overlay-header.unpadded,
    .modal-overlay .bx-two-factor-authenticator-welcome-overlay .bx-overlay-header.unpadded {
        padding: 0
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay section.modal-body,
    .modal-overlay .bx-two-factor-authenticator-welcome-overlay section.modal-body {
        position: absolute;
        top: 3rem;
        bottom: 0;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .bottom-container,
    .modal-overlay .bx-two-factor-authenticator-welcome-overlay .bottom-container {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 1rem
    }
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-welcome-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .link-container,
.modal-overlay .bx-two-factor-authenticator-welcome-overlay .link-container {
    margin-top: .625rem;
    width: 100%;
    text-align: center
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .link-container>a,
.modal-overlay .bx-two-factor-authenticator-welcome-overlay .link-container>a {
    display: inline-block;
    padding-right: .625rem;
    padding-left: .625rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-welcome-overlay .empty-content-block,
.modal-overlay .bx-two-factor-authenticator-welcome-overlay .empty-content-block {
    min-height: 12.5rem
}

@media only screen and (max-width: 769px) {

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body {
        bottom: 0;
        padding: .75rem 1.25rem 1.25rem;
        position: absolute;
        top: 3rem;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1,
    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2 {
        line-height: 1.5rem;
        margin: 1.5rem .75rem 0 0
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2 {
        width: 1.5rem
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1:before,
    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2:before,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1:before,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-2:before {
        height: 1.5rem;
        width: 1.5rem
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-1,
    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-2,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-1,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-2 {
        font-weight: 400
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-google-authenticator-step span.bubble-badge#setup-two-factor-authenticator-bubble-1,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-google-authenticator-step span.bubble-badge#setup-two-factor-authenticator-bubble-1 {
        width: 2.25rem;
        margin: 1.5rem .85rem 0 0
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step {
        margin-top: 1rem
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step div.copy-code-for-mobile,
    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step div.copy-to-clipboard-block,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step div.copy-code-for-mobile,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div#setup-two-factor-authenticator-step div.copy-to-clipboard-block {
        margin: .5rem 0 0 2.25rem
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.bottom-container,
    .modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.bottom-container {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 1rem
    }
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-setup-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body {
    padding-top: .75rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading,
.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h3-heading,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h3-heading {
    margin: 1.5rem 0;
    text-transform: none
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge {
    font-weight: 700;
    margin: 1.5rem .7rem 0 0
}

.modal-overlay.dark-overlay .-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.bubble-badge#setup-two-factor-authenticator-bubble-1 {
    width: 1.4rem;
    margin: 1.5rem .8rem 0 0
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading strong,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading strong {
    font-weight: 700
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading {
    font-size: .875rem;
    font-family: rubik
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-2,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h2-heading#setup-two-factor-authenticator-title-2 {
    margin-bottom: 0
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h3-heading,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body span.h3-heading {
    font-size: .8rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-google-authenticator-step,
.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-info,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-google-authenticator-step,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-info {
    display: flex
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons {
    justify-content: center;
    display: flex
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons a.icon-app-store-badge,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons a.icon-app-store-badge {
    color: #000;
    font-size: 2.4rem;
    margin-right: .5rem;
    cursor: pointer
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons a.color-icon-google-play-badge,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.download-icons a.color-icon-google-play-badge {
    cursor: pointer
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.scan-qr-code,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.scan-qr-code {
    margin: .5rem 0 0 2rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div#setup-two-factor-authenticator-qr-code .bx-qr-component,
.modal-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div#setup-two-factor-authenticator-qr-code bx-qr-component {
    text-align: center
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.copy-code-for-desktop,
.modal-overlay.dark-overlay .bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.copy-to-clipboard-block,
.modal-overlay bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.copy-code-for-desktop,
.modal-overlay bx-two-factor-authenticator-setup-overlay section.modal-body div.form-body div.setup-two-factor-authenticator-step div.copy-to-clipboard-block {
    margin: .5rem 0 0 2rem
}

@media only screen and (max-width: 769px) and (min-height:620px) {

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .bx-overlay-header,
    .modal-overlay .bx-two-factor-authenticator-extra-info-overlay .bx-overlay-header {
        display: block
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .bx-overlay-header.unpadded,
    .modal-overlay .bx-two-factor-authenticator-extra-info-overlay .bx-overlay-header.unpadded {
        padding: 0
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay section.modal-body,
    .modal-overlay .bx-two-factor-authenticator-extra-info-overlay section.modal-body {
        margin-top: 1.2rem;
        position: absolute;
        top: 3rem;
        bottom: 0;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .bottom-container,
    .modal-overlay .bx-two-factor-authenticator-extra-info-overlay .bottom-container {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 1rem
    }
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-extra-info-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .paragraph,
.modal-overlay .bx-two-factor-authenticator-extra-info-overlay .paragraph {
    margin: 0 .5rem 1rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-extra-info-overlay .line,
.modal-overlay .bx-two-factor-authenticator-extra-info-overlay .line {
    display: inline-flex;
    font-size: 1rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-download-app-setup-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-download-app-setup-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-download-app-setup-overlay div#two-factor-authenticator-download-google-app-qr-code .bx-qr-component,
.modal-overlay .bx-two-factor-authenticator-download-app-setup-overlay div#two-factor-authenticator-download-google-app-qr-code .bx-qr-component {
    text-align: center
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-download-app-setup-overlay .line,
.modal-overlay .bx-two-factor-authenticator-download-app-setup-overlay .line {
    display: inline-flex;
    font-size: 1rem;
    text-align: center
}

.bx-two-factor-authenticator-reset-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

.bx-two-factor-authenticator-reset-overlay #reset-2fa-error {
    padding-bottom: 20px;
    margin-bottom: 15px
}

.bx-two-factor-authenticator-reset-overlay #reset-2fa-error figcaption {
    text-transform: none
}

.bx-two-factor-authenticator-reset-overlay #reset-2fa-error figcaption a {
    font-size: inherit
}

.bx-two-factor-authenticator-reset-overlay .fieldset {
    margin: 20px 0 0
}

.bx-two-factor-authenticator-reset-overlay .legend {
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin: 18px 0 16px;
    text-align: center
}

.bx-two-factor-authenticator-reset-overlay .needHelp2faLink {
    margin: 1rem 0 0
}

@media only screen and (max-width: 769px) and (min-height:620px) {

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay .bx-overlay-header,
    .modal-overlay .bx-two-factor-authenticator-disable-overlay .bx-overlay-header {
        display: block
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay .bx-overlay-header.unpadded,
    .modal-overlay .bx-two-factor-authenticator-disable-overlay .bx-overlay-header.unpadded {
        padding: 0
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay section.modal-body,
    .modal-overlay .bx-two-factor-authenticator-disable-overlay section.modal-body {
        position: absolute;
        top: 3rem;
        bottom: 0;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay .bottom-container,
    .modal-overlay .bx-two-factor-authenticator-disable-overlay .bottom-container {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 1rem
    }
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay .empty-content-block,
.modal-overlay .bx-two-factor-authenticator-disable-overlay .empty-content-block {
    min-height: 12.5rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay #disable-two-factor-authenticator-disable-button,
.modal-overlay .bx-two-factor-authenticator-disable-overlay #disable-two-factor-authenticator-disable-button {
    margin-top: 1rem
}

.modal-overlay.dark-overlay .bx-two-factor-authenticator-disable-overlay .modal-header h3.h3-heading,
.modal-overlay .bx-two-factor-authenticator-disable-overlay .modal-header h3.h3-heading {
    text-transform: inherit
}

@media screen and (min-width: 769px) {

    .modal-overlay.dark-overlay .bx-two-factor-remove-all-devices-overlay div.modal-container-trusted-devices,
    .modal-overlay .bx-two-factor-remove-all-devices-overlay div.modal-container-trusted-devices {
        width: 100%;
        padding: 0 1rem
    }
}

@media screen and (max-width: 769px) {

    .modal-overlay.dark-overlay .bx-two-factor-remove-all-devices-overlay section.modal-body,
    .modal-overlay .bx-two-factor-remove-all-devices-overlay section.modal-body {
        margin: 0;
        position: absolute;
        width: 100%
    }

    .modal-overlay.dark-overlay .bx-two-factor-remove-all-devices-overlay section.modal-body .full-width-ctas,
    .modal-overlay .bx-two-factor-remove-all-devices-overlay section.modal-body .full-width-ctas {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 1rem
    }
}

.modal-overlay.dark-overlay .bx-two-factor-remove-all-devices-overlay #cancel-remove-all-devices-button,
.modal-overlay .bx-two-factor-remove-all-devices-overlay #cancel-remove-all-devices-button {
    margin-top: 1rem
}

.modal-overlay.dark-overlay .bx-two-factor-remove-all-devices-overlay .remove-devices-text,
.modal-overlay .bx-two-factor-remove-all-devices-overlay .remove-devices-text {
    font-size: 1rem;
    margin-bottom: 1rem;
    text-align: center
}

.bx-login #loginError {
    padding-bottom: 20px
}

.bx-login #loginError figcaption {
    text-transform: none
}

.bx-login #loginError figcaption a {
    font-size: inherit
}

.bx-login .custom-cta.primary.full-opacity[disabled] {
    color: #fff
}

@media only screen and (min-width: 769px) {
    .bx-overlay-header {
        display: block
    }

    .bx-overlay-header.unpadded {
        padding: 0
    }
}

.bx-forgot-password .forgot-password-text {
    margin-bottom: 16px;
    font-size: 16px;
    text-align: center
}

.bx-forgot-password .force-password-text {
    text-align: justify;
    white-space: pre-line
}

.bx-forgot-password .forgot-password {
    overflow: hidden
}

.bx-forgot-password .forgot-password .bx-form p.contact-us {
    margin-top: 24px;
    text-align: center
}

.bx-forgot-password .forgot-password .bx-form p.contact-us .contact-us-link {
    margin-top: 8px;
    display: block;
    cursor: pointer;
    color: #ff6900
}

.bx-forgot-password #reactive-chat-link {
    cursor: pointer
}

.bx-pin-code-operations-form .pin-code-container {
    padding-left: calc(50% - 108px);
    color: #2b2b2b
}

.bx-pin-code-operations-form .pin-code-container .legend {
    margin-bottom: 8px;
    line-height: 14px;
    font-weight: 500
}

.bx-pin-code-operations-form .pin-code-container .legend .icon-info {
    margin-left: 4px;
    font-size: 16px
}

.bx-pin-code-operations-form .pin-code-container .pin-wrapper .custom-field.pin-field:not(:first-of-type) {
    margin-left: 8px
}

.bx-pin-code-operations-form div.full-width-ctas button.custom-cta.primary.full-width-ctas {
    font-size: 20px;
    line-height: 28px
}

.bx-pin-code-operations-form :host ::ng-deep div.invalid-field {
    display: table-cell;
    height: 20px
}

.bx-pin-code-operations-form :host ::ng-deep .custom-field label.active-field {
    padding: 15px 10px
}

.bx-pin-code-operations-form .invisible {
    visibility: hidden
}

.bx-pin-code-operations-form .pin-code-form {
    display: block;
    align-items: center;
    flex-direction: column;
    color: #2b2b2b
}

.bx-pin-code-operations-form .pin-code-form span.label {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 1.17em;
    display: block;
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #333;
    margin: -25px -25px 0;
    text-transform: uppercase
}

.bx-pin-code-operations-form .pin-code-form figure {
    width: auto;
    margin-top: 30px
}

.bx-pin-code-operations-form .pin-code-form p {
    margin-top: 15px;
    text-align: left
}

.bx-pin-code-operations-form .pin-code-form p.align-left {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px
}

.bx-pin-code-operations-form .pin-code-form .custom-field.invalid-field {
    display: block;
    width: 75%
}

.bx-pin-code-operations-form .pin-code-form a {
    color: #ff6900
}

.bx-bonus-selector .bx-banner-carousel carousel {
    margin: 24px 24px 16px
}

.bx-bonus-selector .bx-banner-carousel .banner-carousel.carousel {
    background: unset
}

.bx-bonus-selector .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-bonus-selector .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-bonus-selector .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-bonus-selector .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-bonus-selector .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-bonus-selector .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-bonus-selector .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-bonus-selector .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-bonus-selector .bonus-selector .bx-overlay-container .bx-banner-carousel carousel.banner-carousel.fullsize-carousel .carousel-inner .banner-slide {
    height: 98px
}

.bx-bonus-selector .bx-section div.section-container {
    margin: 8px 24px 16px
}

.bx-widget .phone-verification-area {
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    padding: 22% 0
}

.bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-icon {
    margin: 0 auto;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    padding: 6px
}

.bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .phone-verify-now-content {
    padding: 0
}

.bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .button-container {
    margin: 0 auto;
    padding: 0;
    width: fit-content
}

.bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .button-container button {
    background: none;
    color: inherit
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area {
    padding: 6px 0
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 5px
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-icon {
    flex-grow: 1;
    margin: auto 5px
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text {
    flex-grow: 3
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .phone-verify-now-content {
    margin: 12px 0;
    text-align: left
}

.bx-overlay .bx-overlay-container .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .button-container {
    margin: 0
}

@media screen and (max-width: 729px) {
    .bx-widget .phone-verification-area {
        padding: 6px 0
    }

    .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        padding: 0 5px
    }

    .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-icon {
        flex-grow: 1;
        margin: auto 5px
    }

    .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text {
        flex-grow: 3
    }

    .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .phone-verify-now-content {
        margin: 12px 0;
        text-align: left
    }

    .bx-widget .phone-verification-area .bx-phone-verify-now .phone-verify-now .phone-verify-now-text .button-container {
        margin: 0
    }
}

.bx-widget figure.info-message figcaption a.custom-link {
    font-size: 1em
}

bx-card-slider .carousel.primary .bx-section-container>.component-header>h2.h5-heading.content-title,
bx-card-slider .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
bx-card-slider .carousel.primary .h3-heading {
    display: block
}

@media screen and (max-width: 1376px) {
    .carousel.primary .component-wrapper.max-container {
        padding-left: 16px
    }
}

bx-game-card-slider div.placeholder-title {
    background-color: #d9d9d9;
    color: #d9d9d9;
    width: 80%;
    height: 1.67em
}

@media screen and (min-width: 769px) {
    bx-game-card-slider div.placeholder-title {
        height: 2em;
        width: 25%
    }
}

.main-primary-nav.bx-menu {
    bottom: 0;
    left: 0;
    overflow: hidden;
    right: 0;
    z-index: 5;
    background-color: #f5f5f2;
    height: 100%;
    max-width: 1376px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu {
        height: 105px;
        bottom: auto;
        z-index: 5
    }
}

.main-primary-nav.bx-menu.iphone .custom-tab.small-tab {
    align-items: start
}

.main-primary-nav.bx-menu .custom-tab.small-tab {
    overflow: hidden;
    height: 100%;
    align-items: center
}

.main-primary-nav.bx-menu .custom-tab.small-tab li {
    cursor: pointer;
    flex: 1;
    font-weight: 100;
    padding: 0
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab li {
        background: inherit;
        border: 0;
        margin: 0 16px
    }

    .main-primary-nav.bx-menu .custom-tab.small-tab li:first-child {
        margin-left: 0
    }

    .main-primary-nav.bx-menu .custom-tab.small-tab li:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab li:hover {
        background: inherit;
        color: inherit
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab li:active {
    background: inherit;
    color: inherit
}

.main-primary-nav.bx-menu .custom-tab.small-tab li.all-shown {
    background: #1c1c1c;
    box-shadow: inset 0 -3px 0 0 #ff6900
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab li.all-shown {
        background: #333;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: 0;
        padding-bottom: 0
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab li.all-shown .static-btn .icon.static-icon,
.main-primary-nav.bx-menu .custom-tab.small-tab li.all-shown .static-btn .static-title {
    color: #fff
}

.main-primary-nav.bx-menu .custom-tab.small-tab li.all-shown a {
    transition: none
}

.main-primary-nav.bx-menu .custom-tab.small-tab a {
    display: block;
    overflow: hidden;
    transition: background .3s ease-out;
    padding: 3px 0 4px
}

.main-primary-nav.bx-menu .custom-tab.small-tab a.static-btn {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab a:hover {
        background-color: #1c1c1c;
        box-shadow: inset 0 -3px 0 0 #ff6900;
        color: #fff
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab a.active {
    background-color: #1c1c1c;
    box-shadow: inset 0 -3px 0 0 #ff6900;
    color: #fff
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab a {
        border-radius: 0;
        height: auto;
        padding: 21px 20px 20px;
        color: #333
    }

    .main-primary-nav.bx-menu .custom-tab.small-tab a.active,
    .main-primary-nav.bx-menu .custom-tab.small-tab a:hover {
        background-color: #333
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab .static-btn .static-title {
    display: inline-block;
    font-size: 10px;
    font-weight: lighter;
    line-height: 11px;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 62px;
    color: inherit
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab .static-btn .static-title {
        display: block;
        font-size: 14px;
        margin-top: 16px;
        line-height: 17px;
        max-width: none;
        color: inherit
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab .static-btn .icon.static-icon,
.main-primary-nav.bx-menu .custom-tab.small-tab li .icon {
    background: inherit;
    border-radius: 0;
    color: inherit;
    display: block;
    font-size: 20px;
    height: 22px;
    margin: 2px 0;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 769px) {

    .main-primary-nav.bx-menu .custom-tab.small-tab .static-btn .icon.static-icon,
    .main-primary-nav.bx-menu .custom-tab.small-tab li .icon {
        background: transparent;
        font-size: 32px;
        line-height: 32px;
        height: 32px;
        margin: 0 auto;
        text-align: center
    }
}

.main-primary-nav.bx-menu .custom-tab.small-tab li .icon.static-icon.circle-icon {
    border-radius: 50%;
    border-style: solid;
    margin: 4px auto 2px;
    border-width: 1px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 9px
}

@media screen and (min-width: 769px) {
    .main-primary-nav.bx-menu .custom-tab.small-tab li .icon.static-icon.circle-icon {
        border-width: 2px;
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 18px;
        margin: 0 auto
    }
}

.main-primary-nav.bx-menu .bubble-badge {
    margin-left: -15px;
    position: absolute;
    top: 3px
}

@media screen and (max-width: 768px) {
    .non-scroll-xs .main-primary-nav.secondary-open {
        z-index: 13
    }
}

@keyframes secondary-menu-slid-up {
    0% {
        top: 100%
    }

    to {
        top: 40.5%
    }
}

.main-secondary-nav {
    animation: secondary-menu-slid-up .3s cubic-bezier(.77, 0, .175, 1);
    background-color: #1c1c1c;
    bottom: 48px;
    left: 0;
    position: fixed;
    right: 0;
    top: 40.5%;
    transition: top .3s cubic-bezier(.77, 0, .175, 1);
    z-index: 11
}

.main-secondary-nav .custom-tab.small-tab li .icon,
.main-secondary-nav .static-btn .icon.static-icon {
    border-radius: 0;
    display: block;
    height: auto;
    line-height: 1;
    text-align: center;
    width: 100%;
    min-height: 22px;
    background: inherit;
    color: inherit;
    font-size: 32px;
    margin: 2px 0
}

.main-secondary-nav .custom-tab a {
    display: block;
    padding: 15px
}

.main-secondary-nav a {
    display: block;
    color: #fff;
    padding: 10px 0
}

.main-secondary-nav a .static-title,
.main-secondary-nav a:hover {
    color: #fff
}

.main-secondary-nav .static-btn .static-title {
    font-weight: lighter;
    margin: 5px 0 0;
    font-size: .85em
}

.main-secondary-nav .main-secondary-nav-wrapper {
    height: 100%;
    position: relative;
    padding: 0
}

.main-secondary-nav .main-secondary-nav-close-btn {
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 26px;
    z-index: 1;
    background-color: #333;
    color: #fff;
    font-size: 8px;
    top: 8px
}

.main-secondary-nav .main-secondary-nav-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 13px 0 0
}

.main-secondary-nav.unfolded .main-secondary-nav-content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    display: block;
    flex-direction: row
}

.main-link-group {
    padding: 0 8px
}

.main-link-group .custom-separator {
    white-space: nowrap;
    padding: 0 8px 0 0;
    color: inherit
}

.main-link-group .custom-separator:after,
.main-link-group .custom-separator:before {
    border-bottom-color: grey
}

.main-link-group .custom-separator.mr-34:after {
    margin-right: 34px
}

.main-link-group.top-sports {
    padding-bottom: 0
}

.main-link-group .main-link-group-header {
    display: flex
}

.main-link-group .main-link-group-title {
    color: #fff;
    font-size: .85em;
    padding: 6px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.main-link-group .main-link-group-title span {
    background-color: #333;
    padding: 2px 6px;
    position: relative;
    z-index: 1
}

.main-link-group .main-link-group-title:after {
    content: "";
    height: 1px;
    left: 0;
    margin-top: 8px;
    position: absolute;
    right: 0
}

.main-link-group .main-link-group-btn-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    width: 100%;
    padding: 10px 8px 12px
}

.main-link-group .main-link-group-btn-list:after {
    content: "";
    flex: auto
}

.main-link-group .main-link-group-btn-list .main-link-group-btn {
    cursor: pointer;
    flex-direction: column;
    font-size: 1em;
    outline: none;
    position: relative;
    text-align: center;
    user-select: none
}

.main-link-group .main-link-group-btn-list .main-link-group-btn.col-2 {
    padding: 0
}

.main-link-group .main-link-group-btn-list .main-link-group-btn.col-2.no-icons {
    flex: 0 1 calc(50% - 8px)
}

.main-link-group .main-link-group-btn-list .main-link-group-btn.col-2.icons {
    flex: 0 1 50%
}

.main-link-group .main-link-group-btn-list .main-link-group-btn.col-3 {
    flex: 0 1 33.3%;
    padding: 0
}

.main-link-group .main-link-group-btn-list .main-link-group-btn.no-icons .static-title {
    line-height: 14px;
    font-size: 12px
}

.main-link-group .main-link-group-btn-list .main-link-group-btn a.active,
.main-link-group .main-link-group-btn-list .main-link-group-btn a:hover {
    background-color: #333
}

.main-link-group .main-link-group-btn-list .main-link-group-btn a.active .static-title,
.main-link-group .main-link-group-btn-list .main-link-group-btn a:hover .static-title {
    color: #fff
}

.main-link-group.top-sports .main-link-group-btn-list {
    flex-wrap: nowrap
}

.main-link-group.top-sports .main-link-group-btn-list .main-link-group-btn {
    flex: 1
}

.main-link-group.all-sports {
    display: flex;
    flex-direction: column
}

.main-secondary-nav-backdrop {
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -1
}

@media screen and (max-width: 768px) {
    .main-link-group .main-link-group-btn-list .main-link-group-btn.visible-xs {
        display: flex !important
    }
}

@media screen and (min-width: 769px) {
    .main-secondary-nav {
        animation: none;
        border: 0;
        bottom: auto;
        height: auto;
        position: relative;
        z-index: 5;
        top: 0;
        max-width: 1376px;
        margin: 0 auto;
        background-color: #333;
        border-radius: 8px
    }

    .main-secondary-nav .main-secondary-nav-wrapper {
        padding: 0 8px 8px
    }

    .main-secondary-nav .main-secondary-nav-close-btn {
        background-color: #333;
        font-size: xx-large;
        margin-top: -150px;
        width: 10%
    }

    .main-secondary-nav.unfolded {
        height: 105px
    }

    .main-link-group .custom-separator {
        width: 100%
    }

    .main-link-group .custom-separator.mr-34:after {
        margin-right: 10px
    }

    .main-link-group .main-link-group-btn-list .main-link-group-btn.col-2.icons,
    .main-link-group .main-link-group-btn-list .main-link-group-btn.col-2.no-icons {
        flex: 0 1 16.66667%
    }

    .main-link-group .main-link-group-btn-list .main-link-group-btn.col-2,
    .main-link-group .main-link-group-btn-list .main-link-group-btn.col-3 {
        flex: 0 1 16.66667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .main-link-group .main-link-group-btn-list .main-link-group-btn:nth-child(6n+1) {
        padding-left: 0
    }

    .main-link-group .main-link-group-btn-list .main-link-group-btn:nth-child(6n+6) {
        padding-right: 0
    }

    .main-link-group .main-link-group-btn-list .main-link-group-btn a.active,
    .main-link-group .main-link-group-btn-list .main-link-group-btn a:hover {
        background-color: #4d4d4d
    }
}

@media screen and (max-width: 767px) {
    .main-secondary-nav .custom-tab a {
        padding: 2px 0
    }

    .main-secondary-nav .static-btn .static-title {
        display: inline;
        line-height: 12px;
        margin: 0
    }

    .main-link-group .custom-separator.mr-34:before {
        width: calc(50% + 34px)
    }

    .main-link-group .main-link-group-btn-list {
        padding: 10px 8px
    }
}

.section-container {
    display: flex
}

.section-1x1 {
    flex: 1;
    max-width: 25%
}

.section-1x2 {
    flex: 2;
    max-width: 50%
}

.section-1x4 {
    flex: 4;
    max-width: 100%
}

.section-1x6 {
    flex: 6;
    max-width: 150%
}

@media screen and (max-width: 769px) {
    .section-container {
        flex-wrap: wrap
    }

    .section-item {
        max-width: 100%
    }
}

.bx-section-container .section-container {
    padding-top: 16px
}

.bx-section-container>.component-header>h2.h5-heading.content-title,
.carousel.primary .component-wrapper.max-container .bx-section-container>.component-header>h2.h5-heading.content-title.h2-heading[class*=-heading] {
    font-weight: inherit
}

@media screen and (max-width: 769px) {

    .section-1x1,
    .section-1x2,
    .section-1x4 {
        flex-basis: 50%
    }
}

@media screen and (max-width: 1376px) {
    .bx-section-container .component-header {
        padding-left: 16px
    }
}

.carousel.primary .component-wrapper.max-container bx-game-card-slider header>h2.h2-heading.content-title[class*=-heading],
bx-game-card-slider .carousel.primary .component-wrapper.max-container header>h2.h2-heading.content-title[class*=-heading],
bx-game-card-slider header>h2 {
    font-size: 1.67em
}

@media screen and (min-width: 769px) {

    .carousel.primary .component-wrapper.max-container bx-game-card-slider header>h2.h2-heading.content-title[class*=-heading],
    bx-game-card-slider .carousel.primary .component-wrapper.max-container header>h2.h2-heading.content-title[class*=-heading],
    bx-game-card-slider header>h2 {
        font-size: 2em
    }
}

body bx-site div.rich-text-body-content[data-version=v2],
body bx-site div.rich-text-body-content[version=v2] {
    overflow: auto
}

body bx-site div.rich-text-body-content[data-version=v2] strong,
body bx-site div.rich-text-body-content[version=v2] strong {
    font-weight: 700
}

body bx-site div.rich-text-body-content[data-version=v2] p,
body bx-site div.rich-text-body-content[data-version=v2] span,
body bx-site div.rich-text-body-content[version=v2] p,
body bx-site div.rich-text-body-content[version=v2] span {
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
    margin: 12px 0;
    min-height: 1em
}

body bx-site div.rich-text-body-content[data-version=v2] em,
body bx-site div.rich-text-body-content[version=v2] em {
    font-style: italic
}

body bx-site div.rich-text-body-content[data-version=v2] ul,
body bx-site div.rich-text-body-content[version=v2] ul {
    list-style: disc
}

body bx-site div.rich-text-body-content[data-version=v2] ol,
body bx-site div.rich-text-body-content[data-version=v2] ul,
body bx-site div.rich-text-body-content[version=v2] ol,
body bx-site div.rich-text-body-content[version=v2] ul {
    padding-left: 40px
}

body bx-site div.rich-text-body-content[data-version=v2] ol,
body bx-site div.rich-text-body-content[version=v2] ol {
    list-style: decimal
}

body bx-site div.rich-text-body-content[data-version=v2] .cms-container-video,
body bx-site div.rich-text-body-content[data-version=v2] video,
body bx-site div.rich-text-body-content[version=v2] .cms-container-video,
body bx-site div.rich-text-body-content[version=v2] video {
    margin-top: 32px;
    margin-bottom: 32px
}

body bx-site div.rich-text-body-content[data-version=v2] video,
body bx-site div.rich-text-body-content[version=v2] video {
    width: 100%;
    height: auto
}

body bx-site div.rich-text-body-content[data-version=v2] .cms-container-video,
body bx-site div.rich-text-body-content[version=v2] .cms-container-video {
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

body bx-site div.rich-text-body-content[data-version=v2] .cms-container-video embed,
body bx-site div.rich-text-body-content[data-version=v2] .cms-container-video iframe,
body bx-site div.rich-text-body-content[data-version=v2] .cms-container-video object,
body bx-site div.rich-text-body-content[version=v2] .cms-container-video embed,
body bx-site div.rich-text-body-content[version=v2] .cms-container-video iframe,
body bx-site div.rich-text-body-content[version=v2] .cms-container-video object {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.carousel.primary .component-wrapper.max-container body bx-site div.rich-text-body-content[data-version=v2] h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container body bx-site div.rich-text-body-content[version=v2] h2.h2-heading.content-title[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h1[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h2[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h3[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h4[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h5[class*=-heading],
body bx-site div.rich-text-body-content[data-version=v2] h6[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h1[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h2[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h3[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h4[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h5[class*=-heading],
body bx-site div.rich-text-body-content[version=v2] h6[class*=-heading] {
    line-height: inherit
}

body bx-site bx-banner-carousel-slide div.rich-text-body-content[data-version=v2],
body bx-site bx-banner-carousel-slide div.rich-text-body-content[version=v2],
body bx-site bx-content-slide div.rich-text-body-content[data-version=v2],
body bx-site bx-content-slide div.rich-text-body-content[version=v2] {
    overflow: hidden
}

body bx-site bx-cardboard div.rich-text-body-content[data-version=v2],
body bx-site bx-cardboard div.rich-text-body-content[version=v2] {
    overflow: visible
}

body bx-site bx-cardboard div.rich-text-body-content[data-version=v2] p,
body bx-site bx-cardboard div.rich-text-body-content[version=v2] p {
    margin: 0
}

article.generic-full-page-details div.rich-text-body-content,
div.article-copperhead div.rich-text-body-content,
div.marketing-page-content-block-body div.rich-text-body-content,
div.marketing-page-frame-content div.content-block div.rich-text-body-content,
div.promotion-copperhead div.rich-text-body-content,
section.help-content div.rich-text-body-content {
    overflow: auto
}

article.generic-full-page-details div.rich-text-body-content strong,
div.article-copperhead div.rich-text-body-content strong,
div.marketing-page-content-block-body div.rich-text-body-content strong,
div.marketing-page-frame-content div.content-block div.rich-text-body-content strong,
div.promotion-copperhead div.rich-text-body-content strong,
section.help-content div.rich-text-body-content strong {
    font-weight: 700
}

article.generic-full-page-details div.rich-text-body-content p,
article.generic-full-page-details div.rich-text-body-content span,
div.article-copperhead div.rich-text-body-content p,
div.article-copperhead div.rich-text-body-content span,
div.marketing-page-content-block-body div.rich-text-body-content p,
div.marketing-page-content-block-body div.rich-text-body-content span,
div.marketing-page-frame-content div.content-block div.rich-text-body-content p,
div.marketing-page-frame-content div.content-block div.rich-text-body-content span,
div.promotion-copperhead div.rich-text-body-content p,
div.promotion-copperhead div.rich-text-body-content span,
section.help-content div.rich-text-body-content p,
section.help-content div.rich-text-body-content span {
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
    margin: 12px 0
}

article.generic-full-page-details div.rich-text-body-content em,
div.article-copperhead div.rich-text-body-content em,
div.marketing-page-content-block-body div.rich-text-body-content em,
div.marketing-page-frame-content div.content-block div.rich-text-body-content em,
div.promotion-copperhead div.rich-text-body-content em,
section.help-content div.rich-text-body-content em {
    font-style: italic
}

article.generic-full-page-details div.rich-text-body-content ul,
div.article-copperhead div.rich-text-body-content ul,
div.marketing-page-content-block-body div.rich-text-body-content ul,
div.marketing-page-frame-content div.content-block div.rich-text-body-content ul,
div.promotion-copperhead div.rich-text-body-content ul,
section.help-content div.rich-text-body-content ul {
    list-style: disc
}

article.generic-full-page-details div.rich-text-body-content ol,
article.generic-full-page-details div.rich-text-body-content ul,
div.article-copperhead div.rich-text-body-content ol,
div.article-copperhead div.rich-text-body-content ul,
div.marketing-page-content-block-body div.rich-text-body-content ol,
div.marketing-page-content-block-body div.rich-text-body-content ul,
div.marketing-page-frame-content div.content-block div.rich-text-body-content ol,
div.marketing-page-frame-content div.content-block div.rich-text-body-content ul,
div.promotion-copperhead div.rich-text-body-content ol,
div.promotion-copperhead div.rich-text-body-content ul,
section.help-content div.rich-text-body-content ol,
section.help-content div.rich-text-body-content ul {
    padding-left: 40px
}

article.generic-full-page-details div.rich-text-body-content ol,
div.article-copperhead div.rich-text-body-content ol,
div.marketing-page-content-block-body div.rich-text-body-content ol,
div.marketing-page-frame-content div.content-block div.rich-text-body-content ol,
div.promotion-copperhead div.rich-text-body-content ol,
section.help-content div.rich-text-body-content ol {
    list-style: decimal
}

.carousel.primary .component-wrapper.max-container article.generic-full-page-details div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container div.article-copperhead div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container div.marketing-page-content-block-body div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container div.marketing-page-frame-content div.content-block div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container div.promotion-copperhead div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container section.help-content div.rich-text-body-content h2.h2-heading.content-title[class*=-heading],
article.generic-full-page-details div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h1[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h2[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h3[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h4[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h5[class*=-heading],
article.generic-full-page-details div.rich-text-body-content h6[class*=-heading],
div.article-copperhead div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div.article-copperhead div.rich-text-body-content h1[class*=-heading],
div.article-copperhead div.rich-text-body-content h2[class*=-heading],
div.article-copperhead div.rich-text-body-content h3[class*=-heading],
div.article-copperhead div.rich-text-body-content h4[class*=-heading],
div.article-copperhead div.rich-text-body-content h5[class*=-heading],
div.article-copperhead div.rich-text-body-content h6[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h1[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h2[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h3[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h4[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h5[class*=-heading],
div.marketing-page-content-block-body div.rich-text-body-content h6[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h1[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h2[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h3[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h4[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h5[class*=-heading],
div.marketing-page-frame-content div.content-block div.rich-text-body-content h6[class*=-heading],
div.promotion-copperhead div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h1[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h2[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h3[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h4[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h5[class*=-heading],
div.promotion-copperhead div.rich-text-body-content h6[class*=-heading],
section.help-content div.rich-text-body-content .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
section.help-content div.rich-text-body-content h1[class*=-heading],
section.help-content div.rich-text-body-content h2[class*=-heading],
section.help-content div.rich-text-body-content h3[class*=-heading],
section.help-content div.rich-text-body-content h4[class*=-heading],
section.help-content div.rich-text-body-content h5[class*=-heading],
section.help-content div.rich-text-body-content h6[class*=-heading] {
    line-height: inherit
}

div.article-copperhead div.rich-text-body-content,
div.promotion-copperhead div.rich-text-body-content {
    font-size: 16px;
    margin: inherit
}

.help-search-header-container {
    background-color: #333
}

@media (max-width: 768px) {
    .help-search-header-container {
        padding: 0 16px 16px
    }

    bx-help-search-input {
        margin-top: 16px
    }
}

@media (min-width: 769px) {
    bx-header~div.top-container.help-header-top-container {
        max-width: 100%;
        padding-top: 96px
    }

    .help-search-header-container {
        padding-bottom: 48px
    }

    bx-help-search-input {
        width: 576px;
        margin: 20px auto 0
    }
}

.smart-contacts .custom-tab.tab-grid {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    margin-bottom: 48px
}

@media screen and (max-width: 768px) {
    .smart-contacts .custom-tab.tab-grid {
        margin-bottom: 24px
    }
}

.smart-contacts .custom-tab.tab-grid li {
    background-color: #fff
}

bx-help-search-results .smart-contact-methods {
    padding: 0
}

bx-help-search-results .help-header-container {
    display: flex
}

@media screen and (max-width: 768px) {
    bx-help-search-results .help-header-container {
        display: block
    }
}

bx-help-search-results .help-header-container .help-breadcrumb {
    padding-bottom: 16px;
    flex-grow: 1
}

bx-help-search-results .help-header-container .bx-help-search {
    width: 30%
}

bx-help-search-results .help-search-smart-contacts-text {
    font-size: 24px;
    text-transform: none;
    color: #000
}

bx-help-search-results .help-search-smart-contacts-text-container {
    width: 100%;
    text-align: center
}

@media screen and (min-width: 769px) {
    bx-help-search-results .help-search-results.smart-contact-methods {
        padding: 0 47px
    }
}

@media screen and (max-width: 768px) {
    bx-help-search-results .help-search-results.smart-contact-methods {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    bx-help-search-results .max-container.search-smart-contacts {
        margin: 0 15px 8px
    }
}

.empty-search-wrapper {
    text-align: center;
    vertical-align: middle;
    padding: 16px
}

.empty-search-wrapper .icon {
    font-size: 48px
}

.empty-search-wrapper [class*=-heading].h2-heading {
    font-weight: 500;
    margin-top: 22px;
    margin-bottom: 11px
}

.empty-search-wrapper p {
    margin: 0 0 11px
}

.bx-help-search-input .custom-field.small-field {
    position: relative;
    height: 48px;
    z-index: 6
}

.bx-help-search-input .custom-field.small-field input,
.bx-help-search-input .custom-field.small-field label {
    -webkit-user-select: initial;
    height: 100%;
    border: 0;
    padding: 16px 110px 16px 16px;
    border-radius: 4px
}

.bx-help-search-input .custom-field.small-field label {
    background-color: initial
}

.bx-help-search-input .custom-field.small-field input {
    font-size: 1.17em;
    background-color: #fff;
    caret-color: #333
}

.bx-help-search-input .custom-field.small-field input::placeholder {
    color: #a3a3a3
}

.bx-help-search-input .custom-field.small-field input:not(:placeholder-shown) {
    background-color: #fff
}

.bx-help-search-input .custom-field.small-field input:focus {
    border: 0
}

.bx-help-search-input .custom-field.small-field input:focus~label {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3)
}

.bx-help-search-input .custom-field.small-field input:focus::placeholder {
    padding-left: 5px
}

.bx-help-search-input .custom-field.small-field button {
    font-size: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    border-radius: 0 4px 4px 0
}

.bx-help-search-input .custom-field.small-field button.search-btn {
    width: 72px;
    right: 0;
    color: #000
}

.bx-help-search-input .custom-field.small-field button.search-btn .icon {
    font-size: 16px
}

.bx-help-search-input .custom-field.small-field button.clear-btn {
    display: none;
    color: grey;
    right: 95px
}

.bx-help-search-input .custom-field.small-field button.clear-btn .icon {
    font-size: 10px
}

.bx-help-search-input .custom-field.small-field .custom-droplist {
    display: none;
    color: #333;
    font-size: 1.17em;
    z-index: 0;
    border-top: 1px solid #ff6900;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
    border-radius: 0 0 4px 4px
}

.bx-help-search-input .custom-field.small-field .custom-droplist li {
    padding-left: 16px
}

.bx-help-search-input .custom-field.small-field .custom-droplist li:hover {
    border-radius: inherit
}

.bx-help-search-input .custom-field.small-field.has-text .search-btn {
    background-color: #ff6900;
    color: #fff
}

.bx-help-search-input .custom-field.small-field.has-text .clear-btn {
    display: block
}

.bx-help-search-input .custom-field.small-field.with-results input {
    border: 0;
    border-radius: 4px 4px 0 0
}

.bx-help-search-input .custom-field.small-field.with-results .custom-droplist {
    display: block
}

.bx-help-search-input .custom-field.small-field.with-results .search-btn {
    border-radius: 0 4px 0 0
}

.bx-help-search-input .custom-field.small-field.with-results label {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3)
}

.bx-help-top-questions-menu .top-questions {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 25px 16px 15px;
    color: #000
}

.bx-help-top-questions-menu .smart-contacts .top-questions {
    border-bottom: 0;
    padding: 12px 24px 15px
}

.bx-help-top-questions-menu .smart-contacts ul.custom-menu.inverse li {
    padding: 12px 24px
}

.bx-help-top-questions-menu .smart-contacts ul.custom-menu.inverse.primary li a {
    line-height: 1
}

.bx-help-top-questions-menu .smart-contacts ul.custom-menu.inverse.primary li a:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bx-help-top-questions-menu .smart-contacts ul.custom-menu.inverse.primary li a i.icon.icon-arrow-next {
    float: right
}

.question-container {
    background-color: #f2f2f2;
    text-align: center;
    font-size: 16px;
    padding: 30px;
    color: #000
}

.question-container .option-container {
    margin-top: 16px
}

.question-container .option-container .icon {
    font-size: 24px;
    color: #00a89d;
    background-color: initial !important
}

.question-container .main-question-options button {
    cursor: pointer;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    min-width: 80px;
    padding: 7px 0;
    text-transform: uppercase
}

.question-container .main-question-options button:first-child {
    margin-right: 14px
}

.question-container .thanks-container {
    display: flex;
    justify-content: center
}

.question-container .thanks-container span {
    margin-left: 8px;
    font-size: 14px;
    align-self: center
}

@media screen and (min-width: 769px) {
    .question-container.horizontal {
        display: flex;
        align-items: center;
        padding: 20px;
        min-height: 75px
    }

    .question-container.horizontal p {
        margin-right: 20px
    }

    .question-container.horizontal .option-container {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .question-container .main-question-options button:first-child {
        margin-right: 14px
    }

    .question-container.horizontal .main-question-options {
        display: flex;
        justify-content: center
    }

    .question-container.horizontal .main-question-options button {
        flex-grow: 1;
        min-width: 0;
        max-width: 200px
    }

    .question-container.horizontal .thanks-container {
        justify-content: flex-start
    }
}

.bx-contact-methods {
    align-content: center
}

.contact-methods-container {
    display: flex
}

.contact-method-item {
    color: #fff;
    height: 126px;
    position: relative;
    padding: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 769px) {
    .contact-method-item {
        flex: 1 100%
    }
}

.contact-method-item .img-responsive {
    height: 100%
}

.contact-method-item .contact-method-html {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    padding: 24px
}

.contact-method-item a {
    cursor: pointer
}

@media screen and (max-width: 769px) {
    .contact-methods-container {
        flex-direction: column
    }

    .contact-method-item {
        margin-left: 0;
        border-radius: 0
    }
}

.quick-links-container {
    position: relative
}

.quick-links-container .invisible {
    opacity: 0
}

.quick-links-container .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 500px;
    background-color: #f5f5f2
}

.quick-links-container .fadeout {
    animation: fadeout .5s;
    animation-fill-mode: forwards
}

.quick-links-container .fadein {
    animation: fadein .5s;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        z-index: -1;
        height: auto
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        z-index: -1;
        height: auto
    }
}

carousel {
    display: block
}

::ng-deep carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
::ng-deep carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide,
deep carousel:not(.ng-loaded)>.carousel .carousel-inner,
deep carousel:not(.ng-loaded)>.carousel .carousel-inner>slide {
    min-height: 275px;
    background: transparent
}

.casino-actions-container {
    max-height: 32px
}

.carousel.tertiary bx-search-bar {
    min-height: 32px
}

bx-game-tertiary-carousel div.placeholder-title {
    background-color: #bbb;
    width: 250px;
    height: 20px;
    margin-top: 6px
}

@media only screen and (min-width: 769px) {
    bx-game-tertiary-carousel .top-container {
        display: flex
    }
}

@media only screen and (max-width: 769px) {
    bx-game-tertiary-carousel .max-container .top-container {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

@media only screen and (max-width: 769px) {
    bx-game-tertiary-carousel .component-header-container {
        display: inherit;
        justify-content: flex-start;
        flex-grow: 1;
        width: auto
    }
}

@media only screen and (max-width: 769px) {
    bx-game-tertiary-carousel .casino-actions-container:not([hidden]) bx-dropdown[hidden]+bx-search-bar {
        display: inherit;
        justify-content: flex-end;
        flex-grow: 2
    }
}

bx-game-tertiary-carousel .casino-actions-container:not([hidden]) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1
}

bx-game-tertiary-carousel .casino-actions-container:not([hidden]) bx-dropdown:not([hidden])+bx-search-bar {
    margin-left: 10px
}

@media only screen and (max-width: 769px) {
    bx-game-tertiary-carousel bx-search-bar.active {
        width: 100%
    }
}

bx-game-tertiary-carousel .search-navbar {
    min-width: 48px
}

bx-game-tertiary-carousel .search-navbar.search-field-enabled {
    width: 343px
}

@media only screen and (max-width: 769px) {
    bx-game-tertiary-carousel .search-navbar.search-field-enabled {
        width: 100%
    }
}

bx-game-tertiary-carousel .carousel.tertiary {
    z-index: 1
}

bx-game-tertiary-carousel .subcategories-dropdown {
    max-width: 320px;
    width: 100%;
    height: 32px
}

.carousel.primary .component-wrapper.max-container bx-game-tertiary-carousel h2.h2-heading.content-title[class*=-heading],
bx-game-tertiary-carousel .bx-section-container>.component-header>h2.h5-heading.content-title,
bx-game-tertiary-carousel .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
bx-game-tertiary-carousel .h3-heading {
    margin-top: 6px
}

bx-game-tertiary-carousel .custom-dropdown.options.custom-field.small-field input {
    padding-right: 26px
}

bx-game-tertiary-carousel .top-container input {
    display: flex;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

bx-game-tertiary-carousel .top-container input else {
    font-size: 14px
}

bx-game-tertiary-carousel .custom-dropdown ul {
    max-height: 275px;
    overflow: auto;
    position: absolute;
    z-index: 1
}

bx-game-tertiary-carousel div.show-more-tab {
    border-top: 2px solid #fff;
    margin-top: 8px;
    text-align: center
}

bx-game-tertiary-carousel div.show-more-tab .custom-cta {
    background: #fff;
    color: #000;
    text-transform: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15)
}

@media screen and (min-width: 769px) {
    bx-game-tertiary-carousel div.show-more-tab .custom-cta {
        min-width: 157px;
        padding: 5px 50px
    }
}

bx-casino-subcategories-dropdown-menu .top-container {
    margin-top: 16px;
    margin-bottom: -16px
}

.carousel.primary .component-wrapper.max-container bx-casino-subcategories-dropdown-menu .top-container h2.h2-heading.content-title[class*=-heading],
bx-casino-subcategories-dropdown-menu .top-container .bx-section-container>.component-header>h2.h5-heading.content-title,
bx-casino-subcategories-dropdown-menu .top-container .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
bx-casino-subcategories-dropdown-menu .top-container .h3-heading {
    text-transform: uppercase
}

bx-casino-subcategories-dropdown-menu .casino-actions-container {
    max-height: 32px
}

bx-casino-subcategories-dropdown-menu bx-search-bar,
bx-casino-subcategories-dropdown-menu bx-search-bar .search-btn {
    min-height: 32px
}

bx-casino-subcategories-dropdown-menu bx-dropdown li:not([class=active]) a {
    color: #333
}

bx-casino-subcategories-dropdown-menu bx-dropdown li[class=active] a {
    color: #ff6900
}

.carousel.primary .component-wrapper.max-container {
    padding-top: 25px
}

.breadcrumb {
    display: inline-block
}

.breadcrumb a {
    color: #ff6900;
    font-size: 20px;
    display: flex;
    align-items: center
}

.breadcrumb a i {
    white-space: pre;
    color: #000;
    font-size: 12px;
    padding-inline: 4px
}

.breadcrumb a.breadcrumb-link {
    visibility: hidden;
    display: none
}

.breadcrumb .breadcrumb-text {
    font-size: 14px
}

.breadcrumb:last-of-type {
    display: inline-block
}

.breadcrumb:last-of-type a {
    color: #000;
    font-size: 20px
}

.breadcrumb:last-of-type i.icon.icon-arrow-next {
    display: none
}

@media (max-width: 769px) {
    .breadcrumb {
        visibility: hidden;
        display: none
    }

    .breadcrumb:last-of-type {
        visibility: visible;
        display: flex;
        padding-left: 21px
    }

    .breadcrumb:last-of-type a {
        color: #000;
        font-weight: 900;
        font-size: 14px
    }

    .breadcrumb a.breadcrumb-link {
        visibility: visible;
        display: flex;
        color: grey;
        margin-left: 10px;
        padding-right: 8px
    }

    .breadcrumb a.breadcrumb-link i {
        visibility: visible;
        font-size: 8px
    }
}

bx-pin-code .custom-field input:focus {
    border-color: #ff6900;
    transition: all .1s ease-in 0s
}

.pin-code-container {
    padding-left: calc(50% - 111px);
    margin: 32px 0
}

.pin-code-container .legend {
    margin-bottom: 8px;
    transform: translate(0);
    font-weight: 500
}

.max-container.articles-menu-container .custom-tab.promotion li,
.max-container.articles-menu-container .custom-tab.quaternary li {
    margin: 0
}

@media (max-width: 768px) {

    .max-container.articles-menu-container .custom-tab.promotion li,
    .max-container.articles-menu-container .custom-tab.quaternary li {
        margin: 0
    }
}

bx-lang-select .lang-selector label {
    height: 48px
}

bx-lang-select .lang-selector label.active-button,
bx-lang-select .lang-selector label.active-button:hover,
bx-lang-select .lang-selector label:hover {
    background: #000
}

bx-lang-select .lang-selector .custom-droplist {
    bottom: auto;
    left: auto
}

bx-lang-select .lang-selector .custom-droplist li a {
    color: #4d4d4d;
    line-height: 1
}

bx-lang-select .lang-selector .custom-droplist li.active a {
    color: #ff6900
}

@media screen and (min-width: 320px) {
    bx-lang-select .lang-selector .custom-droplist {
        width: 150px
    }
}

@media screen and (min-width: 769px) {
    bx-lang-select .lang-selector .custom-droplist {
        width: 250px
    }

    bx-lang-select .lang-selector label {
        height: 56px
    }
}

.nav-menu-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: -50vh;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2
}

.bx-rules-checker {
    color: #333
}

.bx-rules-checker div {
    padding-top: 10px
}

.bx-rules-checker .row {
    padding-top: 5px
}

.bx-rules-checker i.icon {
    font-size: 7px;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    padding: 2.5px
}

.navbar-fixed-top .navbar .menu-btn.active .bx-rules-checker i.icon.icon-menu,
.bx-rules-checker .navbar-fixed-top .navbar .menu-btn.active i.icon.icon-menu,
.bx-rules-checker i.icon.icon-close {
    background-color: #c00
}

.bx-rules-checker i.icon.icon-checked {
    background-color: #54a212
}

.bx-rules-checker i.icon.icon-info {
    color: #666;
    background-color: #666
}

.bx-rules-checker span {
    padding-left: 4px
}

.bx-input-field-container .type-ahead-wrapper {
    position: absolute
}

.bx-input-field-container .type-ahead-wrapper .type-ahead-typed {
    color: transparent
}

.bx-input-field-container .type-ahead-wrapper .type-ahead-hint {
    color: grey
}

.bx-input-field-container .custom-cta.tertiary.input-copy-paste-button {
    position: absolute;
    right: .4rem;
    text-transform: uppercase;
    z-index: 1;
    top: .6rem
}

.bx-input-field-container .custom-field.corrected-field .custom-cta.tertiary.input-copy-paste-button,
.bx-input-field-container .custom-field.invalid-field .custom-cta.tertiary.input-copy-paste-button {
    right: 1.88rem
}

.notification-popup {
    width: 324px;
    height: 116px;
    background: #fff;
    position: fixed;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .301961);
    z-index: 7
}

.notification-popup.bottom {
    bottom: 55px;
    left: 50%;
    margin: 0 0 0 -162px
}

.notification-popup.top-right {
    top: 106px;
    left: 24px;
    right: 24px;
    width: auto;
    display: flex;
    justify-content: space-between
}

.notification-popup.top-right .text-content {
    position: relative;
    width: auto
}

.notification-popup .notification-popup-icon,
.notification-popup img {
    height: 116px;
    width: 116px
}

.notification-popup .notification-popup-icon.custom-notification.alert {
    display: flex;
    justify-content: center;
    box-shadow: none;
    padding: 0
}

.notification-popup .notification-popup-icon.custom-notification.alert .icon:not(.icon-close) {
    margin: 0;
    font-size: 40px
}

.notification-popup .close-btn {
    float: right;
    margin: 0;
    padding: 10px;
    font-size: .5rem;
    max-height: 28px;
    color: #a5a5a5;
    background-color: inherit;
    cursor: pointer
}

.notification-popup .text-content {
    position: absolute;
    height: 116px;
    width: 182px;
    padding: 16px
}

.notification-popup .text-content .text-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 84px;
    width: 100%
}

.notification-popup .text-content .text-container>* {
    width: 100%
}

.notification-popup .text-content .text-container .title {
    padding: 0 0 10px;
    font-size: .8rem;
    text-transform: uppercase
}

.notification-popup .text-content .text-container .text-body {
    padding: 0 0 10px;
    font-size: .6rem;
    color: inherit
}

.notification-popup .text-content .text-container .custom-link {
    font-size: .7rem
}

@media (min-width: 769px) {
    .notification-popup {
        width: 510px;
        height: 140px
    }

    .notification-popup.bottom {
        bottom: 30px;
        left: auto;
        margin: 0 0 28px 28px
    }

    .notification-popup.top-right {
        top: 128px;
        right: 48px;
        left: auto
    }

    .notification-popup.top-right .text-content {
        position: relative;
        width: auto
    }

    .notification-popup .text-content {
        width: 345px;
        height: 140px;
        padding: 16px 32px 16px 16px
    }

    .notification-popup .text-content .text-container {
        height: 108px;
        width: 320px
    }

    .notification-popup .text-content .text-container .title {
        font-size: 1rem;
        font-family: inherit;
        font-weight: inherit
    }

    .notification-popup .text-content .text-container .text-body {
        font-size: .8rem
    }

    .notification-popup .text-content .text-container .custom-link {
        font-size: .9rem
    }

    .notification-popup .notification-popup-icon,
    .notification-popup img {
        height: 140px;
        width: 140px
    }

    .notification-popup .notification-popup-icon.custom-notification.alert .icon:not(.icon-close) {
        font-size: 48px
    }
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper {
    font-size: .9em
}

@media screen and (min-width: 769px) {
    .bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper {
        font-size: 1.2em
    }
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper button.custom-link.claim-now {
    width: auto
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper button.custom-link.claim-now.hidden {
    display: none
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-badge.secondary.bonus-claimed {
    width: auto;
    padding: 7px 16px;
    background-color: #54a212;
    border-radius: 24px;
    color: #fff
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-badge.secondary.bonus-claimed i.icon.icon-checked {
    margin-right: 8px
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-badge.secondary.bonus-claimed.hidden {
    display: none
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-notification.alert.error.bonus-claimed {
    width: 120%
}

@media screen and (min-width: 769px) {
    .bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-notification.alert.error.bonus-claimed {
        width: 100%
    }
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-notification.alert.error.bonus-claimed div.error-message {
    text-align: left;
    font-size: .7em
}

@media screen and (min-width: 769px) {
    .bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-notification.alert.error.bonus-claimed div.error-message {
        font-size: 12px
    }
}

.bx-reward-claimed-notification-popup .notification-popup .text-content .text-container .action-wrapper div.custom-notification.alert.error.bonus-claimed.hidden {
    display: none
}

@media only screen and (max-width: 769px) {
    .bx-copy-to-clipboard-component div.copy-to-clipboard {
        padding: 1rem .75rem 2rem .5rem
    }

    .bx-copy-to-clipboard-component div.copy-to-clipboard div.copy-to-clipboard-content {
        width: 85%
    }

    .bx-copy-to-clipboard-component div.copy-to-clipboard div.copy-to-clipboard-content span {
        font-size: .55rem
    }

    .bx-copy-to-clipboard-component div.copy-to-clipboard div.copy-to-clipboard-copy {
        width: 15%
    }

    .bx-copy-to-clipboard-component div.copy-to-clipboard div.copy-to-clipboard-copy i.copy-to-clipboard-copy-icon {
        font-size: .875rem
    }
}

.bx-copy-to-clipboard-component .copy-to-clipboard {
    background-color: #f5f5f5;
    color: #626262;
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    font-size: 16px;
    padding: 1rem .2rem 2rem .65rem
}

.bx-copy-to-clipboard-component .copy-to-clipboard:active {
    background-color: #e5e5e5;
    color: #525252;
    border: 1px solid #929292
}

.bx-copy-to-clipboard-component .copy-to-clipboard-content {
    float: left;
    font-size: .7rem;
    text-align: left;
    width: 80%
}

.bx-copy-to-clipboard-component .copy-to-clipboard-content span {
    white-space: pre-wrap
}

.bx-copy-to-clipboard-component .copy-to-clipboard-copy {
    width: 20%;
    float: left;
    text-align: right
}

.bx-copy-to-clipboard-component .copy-to-clipboard-copy i.copy-to-clipboard-copy-icon {
    font-size: 1rem;
    margin-top: -.25rem
}

.bx-copy-to-clipboard-component .copy-to-clipboard-copy span {
    font-size: .65rem;
    margin: .1rem 0 0
}

.bx-copy-to-clipboard-component .copy-to-clipboard-copy-icon {
    float: left;
    background-color: inherit;
    color: inherit;
    margin-right: 8px;
    font-size: 20px;
    line-height: 25px;
    height: inherit
}

.bx-copy-to-clipboard-component .vertically-centered {
    display: flex;
    justify-content: center
}

.bx-copy-to-clipboard-component .not-selectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contact-us .contact-us-header {
    padding: 20px 30px
}

.contact-us .contact-us-header .h1-heading {
    font-weight: 700;
    margin-bottom: 10px
}

.contact-us .contact-us-header .custom-link {
    font-size: 1em
}

@media only screen and (min-width: 769px) {
    .contact-us .contact-us-header .h1-heading {
        font-size: 20px
    }
}

.contact-us .contact-us-text {
    margin-bottom: 20px
}

.contact-us #contact-us-form-fields-container {
    height: auto
}

.contact-us .contact-us-responsive-two-columns {
    padding: 20px 30px
}

.contact-us .contact-us-responsive-two-columns .custom-field {
    margin-bottom: 16px
}

@media only screen and (min-width: 769px) {
    .contact-us .contact-us-responsive-two-columns {
        overflow: auto
    }

    .contact-us .contact-us-responsive-two-columns .contact-us-form-fields {
        min-height: 100px
    }

    .contact-us .contact-us-responsive-two-columns .field-left {
        width: calc(50% - 10px);
        display: block;
        float: left;
        clear: both
    }

    .contact-us .contact-us-responsive-two-columns .custom-textarea {
        display: inline-block;
        width: calc(50% - 10px);
        margin-left: 16px
    }

    .contact-us .contact-us-responsive-two-columns .custom-textarea label,
    .contact-us .contact-us-responsive-two-columns .custom-textarea textarea {
        min-height: 92px;
        height: auto
    }

    .contact-us .contact-us-responsive-two-columns .full-height label,
    .contact-us .contact-us-responsive-two-columns .full-height textarea {
        height: 146px
    }

    .contact-us .contact-us-responsive-two-columns label {
        overflow: hidden;
        white-space: nowrap
    }

    .contact-us .contact-us-responsive-two-columns .full-width-ctas {
        display: inline-block;
        float: right;
        clear: both
    }
}

.contact-us div .element.field-left.field-hidden {
    display: none
}

@media only screen and (min-width: 769px) {
    .contact-us .custom-droplist {
        max-height: 230px;
        overflow-y: scroll
    }
}

.contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-field input {
    color: #000
}

.contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-field label {
    color: #000;
    margin-top: 1px;
    background: #fff
}

@media only screen and (min-width: 769px) {
    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .full-width-ctas {
        margin-top: 15px
    }

    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .field-left {
        width: 100%
    }

    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-textarea {
        margin-left: 0;
        width: 100%
    }

    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-textarea label {
        min-height: 112px !important;
        font-size: 1.17em !important
    }

    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-textarea textarea {
        font-size: 1.17em !important
    }

    .contact-us.smart-contacts-blackmamba div.contact-us-responsive-one-column .custom-textarea label.active-field {
        font-size: .85em !important
    }
}

#contactUsError figcaption {
    text-transform: none
}

.contact-us-help-section {
    padding: 20px 0 0;
    overflow: hidden
}

.contact-us-help-section-icon-container {
    float: left
}

.contact-us-help-section-text-container {
    float: left;
    padding: 0 0 0 10px
}

.contact-us-help-section ul {
    padding-top: 4px
}

.contact-us-help-section ul li {
    line-height: 22px;
    font-size: 14px
}

.contact-us-help-section ul li:before {
    content: "–";
    display: inline-block;
    padding-right: 4px
}

.contact-us-help-section a:hover {
    cursor: pointer
}

.contact-us-help-section i {
    font-size: 20px;
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle
}

.navbar-fixed-top .navbar .account-balance .bubble-badge.icon-bubble,
.navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:after,
.navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:before {
    right: 20px;
    top: 7px
}

@media screen and (max-width: 768px) {

    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-bubble,
    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:after,
    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:before {
        font-size: 10px;
        width: 15px;
        line-height: 12px;
        padding-top: 2px
    }
}

@media screen and (min-width: 769px) {

    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-bubble,
    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:after,
    .navbar-fixed-top .navbar .account-balance .bubble-badge.icon-loading:before {
        right: 37px;
        top: 8px
    }
}

@media screen and (max-width: 768px) {
    .navbar-fixed-top .navbar .account-balance .bubble-badge.fixed:before {
        height: 15px;
        width: 15px
    }
}

.bx-communications-list .bx-header-communication-checkbox {
    height: 40px;
    padding: 0 20px;
    overflow: hidden;
    text-align: center
}

.bx-communications-list .bx-header-communication-checkbox .bx-unacknowledged-count {
    margin-left: 5px
}

@media only screen and (min-width: 769px) {
    .bx-communications-list .bx-header-communication-checkbox {
        font-size: 14px
    }
}

.bx-communications-list .bx-header-communication-checkbox.select-all {
    text-align: left;
    background: initial;
    padding: initial;
    border-bottom: initial;
    height: 40px
}

.bx-communications-list .bx-header-communication-checkbox .bx-select-all-checkbox {
    float: left
}

.bx-communications-list .bx-header-communication-checkbox span {
    display: inline-block;
    padding: 5px 0 0
}

.bx-communications-list .bx-header-communication-checkbox span.select-all {
    padding: 5px 0 0
}

.bx-communications-list .bx-table-container {
    overflow: auto;
    position: fixed;
    top: 105px;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (min-width: 769px) {
    .bx-communications-list .bx-table-container {
        position: relative;
        height: 343px;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .bx-communications-list .bx-table-container.notification-enabled {
        top: 140px
    }
}

.bx-communications-list .bx-table-container.notification-enabled .bx-expires-date {
    float: right;
    color: grey;
    font-family: var(--font-primary);
    font-size: .85em;
    position: relative;
    right: -25px;
    top: -8px
}

.bx-communications-list.resize-list-body .bx-table-container {
    bottom: 40px
}

@media only screen and (min-width: 769px) {
    .bx-communications-list.resize-list-body .bx-table-container {
        bottom: auto
    }
}

.bx-communications-list .table-list .list-body {
    border-top: none;
    background: none
}

@media only screen and (min-width: 769px) {
    .bx-communications-list .table-list .list-body {
        max-height: 350px
    }
}

.bx-communications-list .table-list .list-body tr {
    display: inline-block
}

.bx-communications-list .table-list .list-body td {
    background: #404040;
    overflow: hidden;
    position: relative;
    display: block;
    width: auto
}

.bx-communications-list .table-list .list-body td i {
    top: 33px;
    right: 28px;
    position: absolute;
    color: grey;
    font-size: 1em
}

@media only screen and (min-width: 769px) {
    .bx-communications-list .table-list .list-body td i {
        top: 37px
    }
}

.bx-communication-list .main-section-communication-list {
    padding: 0
}

@media only screen and (min-width: 769px) {
    bx-communication-list .main-section-communication-list {
        height: 460px
    }
}

.bx-communication-list .main-section-communication-list .player-message-detail {
    overflow-y: auto;
    height: inherit;
    word-break: normal;
    padding: 0 20px 0 30px
}

.bx-communication-list .main-section-communication-list .player-message-detail .playerMessageDetail .h2-heading {
    font-weight: 700
}

.bx-communication-list .main-section-communication-list .player-message-detail .playerMessageDetail .bx-message-date {
    margin: 0
}

.bx-communication-list .main-section-communication-list .player-message-detail .playerMessageDetail .custom-textarea {
    padding: 16px 0 0;
    text-align: justify
}

@media only screen and (min-width: 769px) {
    bx-communication-list .player-message-detail {
        padding: 0 20px 0 16px
    }
}

@media only screen and (min-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead {
        height: inherit
    }
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-header-communication-checkbox {
    border-bottom: 1px solid #c2c2c2;
    padding-left: 16px;
    text-align: left
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-header-communication-checkbox div.bx-communication-list-check {
    margin-right: 16px
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-header-communication-checkbox span {
    color: #2b2b2b;
    font-weight: 700
}

@media only screen and (min-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container {
        height: auto
    }
}

@media only screen and (max-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container {
        height: calc(100vh - 318px)
    }
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container ul.check-list li {
    padding-top: 16px
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container ul.check-list li .custom-checkbox {
    transform: none
}

@media only screen and (max-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container.empty-notifications-list {
        height: calc(100vh - 281px)
    }

    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container.empty-notifications-list.notification-list-ios-bottom-margin {
        height: calc(100vh - 364px)
    }
}

@media only screen and (min-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container.empty-notifications-list {
        height: 307px
    }
}

@media only screen and (max-width: 769px) {
    bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .bx-table-container.notification-list-ios-bottom-margin {
        height: calc(100vh - 398px)
    }
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .communication-list-footer {
    background: none;
    position: relative;
    height: 46px;
    margin: 0;
    padding-top: 16px;
    text-align: left;
    padding-left: 16px
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .communication-list-footer.communication-list-footer-upper-line {
    box-shadow: 0 -1px 0 #c2c2c2
}

.bx-communication-list section.main-section-communication-list.copperhead section.bx-communications-list .communication-list-footer button#deleteButton {
    height: 100%;
    margin-top: 0;
    width: auto
}

.bx-communication-list .communication-list-footer {
    display: inline-block;
    text-align: right;
    height: 3em;
    width: 100%;
    margin-top: 2em
}

@media only screen and (max-width: 769px) {
    bx-communication-list .communication-list-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #000;
        text-align: center;
        height: 4em;
        padding-top: .6em
    }
}

.bx-communication-list #deleteButton {
    width: 50%;
    height: 2.5em
}

@media only screen and (max-width: 769px) {
    bx-communication-list #deleteButton {
        width: 90%
    }
}

.bx-communication-list .bx-unacknowledged {
    font-weight: 700
}

.bx-communication-list .bx-hidden {
    display: none
}

@media only screen and (min-width: 769px) {
    bx-communication-list .account-back-btn:not(.bx-communication-selected-btn) {
        display: none
    }
}

.bx-communication-list ul li a h3.title,
.bx-communication-list ul li a p.preview {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx-communication-list .native-toggle label {
    height: 24px
}

.bx-communication-list .custom-menu.primary.check-list li a p.preview:before {
    content: none
}

.bx-player-communication .player-communication .custom-tab {
    display: flex;
    overflow: hidden;
    padding: initial;
    background: initial;
    border-radius: initial;
    border-bottom: initial;
    margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
    bx-player-communication .player-communication .custom-tab {
        margin: initial;
        padding: initial
    }
}

@media only screen and (max-width: 768px) {
    bx-player-communication .player-communication .custom-tab a {
        flex-grow: 1;
        display: flex
    }
}

.bx-player-communication .player-communication .custom-tab a li {
    text-align: center;
    background: initial
}

@media only screen and (max-width: 768px) {
    bx-player-communication .player-communication .custom-tab a li {
        flex-grow: 1
    }
}

.bx-player-communication .player-communication .custom-tab a li span:last-child {
    padding: initial
}

.bx-player-communication .player-communication .custom-tab span {
    text-transform: uppercase;
    font-size: medium
}

.bx-account-menu bx-player-communication .header-title {
    display: flex;
    align-items: center
}

.bx-account-menu bx-player-communication button i.icon-back {
    padding-inline-end: .5rem;
    font-size: 16px
}

.carousel.primary .component-wrapper.max-container .bx-account-menu bx-player-communication header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading.content-title[class*=-heading],
.bx-account-menu bx-player-communication header.modal-header button.account-back-btn.back-btn.header-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu bx-player-communication header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading {
    cursor: pointer;
    font-size: 20px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .player-communication .modal-body {
    border: initial;
    border-bottom: initial;
    border-left: initial;
    border-right: initial
}

@media only screen and (min-width: 769px) {
    .playerMessageDetail .bx-notification-cta-section {
        border-top: 1px solid #ccc
    }
}

.playerMessageDetail .bx-notification-cta-section {
    margin-top: 15px;
    padding-bottom: 5px
}

@media only screen and (min-width: 769px) {
    .playerMessageDetail .bx-notification-cta-section {
        padding-top: 30px
    }
}

@media only screen and (max-width: 769px) {

    .playerMessageDetail .bx-notification-cta-section a,
    .playerMessageDetail .bx-notification-cta-section button {
        width: 100%
    }
}

.playerMessageDetail .bx-notification-cta-section .bx-expires-date {
    color: grey;
    font-family: var(--font-primary);
    font-size: 1.12em;
    text-align: right;
    position: relative;
    bottom: 20px
}

@media only screen and (max-width: 769px) {
    .playerMessageDetail .bx-notification-cta-section .bx-expires-date {
        padding-top: 10px
    }
}

.playerMessageDetail .custom-textarea {
    background: #f5f5f2;
    padding: 20px;
    color: #000
}

.bx-loyalty-user-icon {
    font-size: 24px
}

.bx-loyalty-next-tier-info .toggle-container ul {
    height: 14em;
    overflow-x: hidden;
    overflow-y: scroll
}

.bx-loyalty-next-tier-info .icon {
    color: grey
}

@media only screen and (max-width: 768px) {
    .bx-loyalty-next-tier-info .icon {
        padding-right: 12px
    }
}

.bx-rounded-half-doughnut .tooltip-popover-container.right {
    left: 170px
}

.bx-rounded-half-doughnut svg.doughnut-graph {
    pointer-events: none
}

.bx-rounded-half-doughnut .next-tier-text {
    min-height: 14px
}

@media only screen and (max-width: 360px) {
    .bx-rounded-half-doughnut .tooltip-popover-container .tooltip-popover-msg {
        min-width: 190px
    }
}

@media only screen and (min-width: 361px) and (max-width:375px) {
    .bx-rounded-half-doughnut .tooltip-popover-container .tooltip-popover-msg {
        min-width: 210px
    }
}

@media only screen and (min-width: 376px) and (max-width:412px) {
    .bx-rounded-half-doughnut .tooltip-popover-container .tooltip-popover-msg {
        min-width: 240px
    }
}

.bx-loyalty-current-tier-info-names li[role=button] {
    cursor: inherit
}

.bx-loyalty-current-tier-info-names li[role=button] .icon {
    font-size: 10px;
    color: grey
}

.bx-loyalty-current-tier-info-names .dashboard-list {
    overflow-y: auto;
    max-height: 150px
}

.bx-loyalty-profile-summary div:first-of-type {
    padding-right: 12px
}

.bx-loyalty-profile-summary .userIconContainer {
    float: left;
    color: #fff
}

.bx-loyalty-profile-summary .summaryContainer {
    border-bottom: 1px solid;
    margin-left: 2.5em;
    padding-bottom: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis
}

.bx-loyalty-profile-summary .summaryContainer .nameContainer {
    font-size: 1.2em;
    font-weight: 600;
    color: #fff
}

.bx-loyalty-profile-summary .summaryContainer .tierNameContainer {
    margin-left: .5em
}

.bx-loyalty-profile-summary .summaryContainer .pointsRatio {
    padding-top: .2em
}

.bx-loyalty-redemption .cta-title span {
    font-weight: 700
}

.bx-loyalty-tier-info-chart .toggle-container ul {
    height: 14em
}

.bx-loyalty-tier-info-chart .bx-loyalty-tier-info-chart {
    min-width: 360px
}

@media only screen and (min-width: 361px) and (max-width:375px) {
    .bx-loyalty-tier-info-chart .bx-loyalty-tier-info-chart {
        min-width: 375px
    }
}

@media only screen and (max-width: 360px) {
    .bx-loyalty-tier-info-chart .bx-loyalty-tier-info-chart {
        min-width: 375px
    }
}

.bx-pin-code-update-form div.full-width-ctas button.custom-cta.primary.full-width-ctas {
    font-size: 20px;
    line-height: 28px
}

.bx-pin-code-update-form .invisible {
    visibility: hidden
}

.pin-code-form {
    display: block;
    align-items: center;
    flex-direction: column;
    color: #333
}

.pin-code-form span.label {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 1.17em;
    display: block;
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #333;
    margin: -25px -25px 0;
    text-transform: uppercase
}

.pin-code-form figure {
    width: auto;
    margin-top: 30px
}

.pin-code-form p {
    margin-top: 15px;
    text-align: center
}

.pin-code-form p.align-left {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px
}

.pin-code-form a {
    color: #ff6900
}

.bx-phone-number-reset .bx-dropdown figure.active.custom-dropdown .custom-droplist,
.bx-profile-registration-form bx-dropdown figure.active.custom-dropdown .custom-droplist {
    margin-bottom: 10px
}

.bx-phone-number-reset .registration fieldset,
.bx-profile-registration-form .registration fieldset {
    margin: 20px 0 0 !important
}

.bx-phone-number-reset .registration fieldset legend,
.bx-profile-registration-form .registration fieldset legend {
    font-size: 1.3em;
    color: #fff;
    margin: 10px 0;
    text-align: center
}

.bx-phone-number-reset .custom-notification.alert.info,
.bx-profile-registration-form .custom-notification.alert.info {
    padding-bottom: 15px
}

.bx-phone-number-reset .custom-notification.alert.info a,
.bx-profile-registration-form .custom-notification.alert.info a {
    text-decoration: underline
}

.bx-phone-number-reset .registration .country,
.bx-profile-registration-form .registration .country {
    margin: 10px 0;
    text-align: right
}

.bx-phone-number-reset .registration .country span,
.bx-profile-registration-form .registration .country span {
    font-size: 1.1em;
    vertical-align: top
}

.bx-phone-number-reset .registration .country .icon-location,
.bx-profile-registration-form .registration .country .icon-location {
    font-size: 1.4em
}

.bx-phone-number-reset .registration .country-selector .custom-dropdown input#country-dropdown,
.bx-profile-registration-form .registration .country-selector .custom-dropdown input#country-dropdown {
    -webkit-user-select: revert
}

.bx-phone-number-reset .registration .country-selector ul,
.bx-profile-registration-form .registration .country-selector ul {
    overflow-y: scroll;
    max-height: 200px
}

.bx-phone-number-reset .registration .custom-checkbox label,
.bx-profile-registration-form .registration .custom-checkbox label {
    min-height: 25px;
    line-height: 16px;
    font-size: 1.01em
}

.bx-phone-number-reset .registration .phone-group .phone-prefix,
.bx-profile-registration-form .registration .phone-group .phone-prefix {
    width: 50px;
    float: left;
    margin-bottom: -2px
}

.bx-phone-number-reset .registration .phone-group .phone-prefix input,
.bx-profile-registration-form .registration .phone-group .phone-prefix input {
    text-align: center;
    padding: 14px 8px;
    color: #333;
    -webkit-text-fill-color: #333;
    -webkit-opacity: 1
}

.bx-phone-number-reset .registration .phone-group .phone-prefix label,
.bx-profile-registration-form .registration .phone-group .phone-prefix label {
    border-color: grey
}

.bx-phone-number-reset .registration .phone-group .phone-number,
.bx-profile-registration-form .registration .phone-group .phone-number {
    margin-left: 70px
}

.bx-phone-number-reset .registration .postalCode,
.bx-profile-registration-form .registration .postalCode {
    margin-bottom: 4px
}

.bx-phone-number-reset .registration .city,
.bx-profile-registration-form .registration .city {
    display: none
}

.bx-phone-number-reset .registration figure.raf,
.bx-profile-registration-form .registration figure.raf {
    margin-bottom: 20px
}

.bx-phone-number-reset .registration .currency-mbtc-info,
.bx-profile-registration-form .registration .currency-mbtc-info {
    font-size: 90%
}

.bx-phone-number-reset .hidden,
.bx-profile-registration-form .hidden {
    display: none
}

.bx-phone-number-reset .phone-prefix.active.transparent-background label,
.bx-profile-registration-form .phone-prefix.active.transparent-background label {
    background: none
}

.bx-phone-number-reset .custom-cta.primary.full-opacity[disabled],
.bx-profile-registration-form .custom-cta.primary.full-opacity[disabled] {
    color: #fff
}

.bx-phone-number-reset div.terms-and-conditions a,
.bx-phone-number-reset div.terms-and-conditions a:hover,
.bx-profile-registration-form div.terms-and-conditions a,
.bx-profile-registration-form div.terms-and-conditions a:hover {
    color: #ff6900
}

.bx-phone-number-reset .registration .two-columns label,
.bx-profile-registration-form .registration .two-columns label {
    font-size: 1.167em
}

.bx-phone-number-reset .registration .phone-group .custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field).phone-prefix input,
.bx-profile-registration-form .registration .phone-group .custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field).phone-prefix input {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px
}

.bx-phone-number-reset .registration .phone-group .custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field).phone-prefix label,
.bx-profile-registration-form .registration .phone-group .custom-field:not(.custom-dropdown):not(.corrected-field):not(.invalid-field):not(.risk-field):not(.win-field):not(.small-field):not(.pin-field).phone-prefix label {
    border: 0
}

.bx-phone-number-reset .registration .phone-group .custom-field:not(.small-field).phone-prefix input,
.bx-profile-registration-form .registration .phone-group .custom-field:not(.small-field).phone-prefix input {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px
}

.bx-phone-number-reset .registration .phone-group .custom-field:not(.small-field).phone-prefix label,
.bx-profile-registration-form .registration .phone-group .custom-field:not(.small-field).phone-prefix label {
    border: 0
}

.bx-phone-number-reset .registration .currency-mbtc-info span,
.bx-profile-registration-form .registration .currency-mbtc-info span {
    display: inline
}

.bx-phone-number-reset .registration .currency-mbtc-info .hint-msg,
.bx-profile-registration-form .registration .currency-mbtc-info .hint-msg {
    margin-left: 4px
}

.bx-registration-deferred-form .registration .img-responsive {
    width: 132px;
    margin: auto;
    padding-bottom: 36px
}

.bx-registration-deferred-form .registration .full-width-ctas {
    margin-top: 8px
}

.carousel.primary .component-wrapper.max-container .bx-registration-deferred-form .registration .full-width-ctas h2.h2-heading.content-title:not(:first-child):not(:last-child)[class*=-heading],
.bx-registration-deferred-form .registration .full-width-ctas .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title:not(:first-child):not(:last-child)[class*=-heading],
.bx-registration-deferred-form .registration .full-width-ctas h2:not(:first-child):not(:last-child) {
    font-size: 20px;
    margin: 0
}

.bx-registration-deferred-form .registration p {
    font-size: 14px
}

@media only screen and (max-width: 768px) {
    bx-registration-deferred-form .registration div .fixedBottom {
        padding: 24px;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%
    }
}

.content-overlay-container bx-marketing-page>div>:nth-child(2n):not(:last-child)>:first-child {
    padding-bottom: 16px
}

@media screen and (min-width: 480px) {
    .content-overlay-container .banner-carousel .banner-slide .carousel-text {
        margin: 0 24px;
        padding: 16px 0;
        width: 60%
    }
}

.content-overlay-container .banner-carousel.carousel {
    background: unset
}

.content-overlay-container .banner-carousel .banner-slide .img-container .img-responsive {
    max-height: 98px
}

.content-overlay-container .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.content-overlay-container .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.content-overlay-container .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.content-overlay-container .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.content-overlay-container carousel:not(.ng-loaded)>.carousel .carousel-inner,
.content-overlay-container carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.content-overlay-container carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.content-overlay-container carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.content-overlay-container :not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
.content-overlay-container _:-webkit-full-screen:not(:root:root),
.content-overlay-container _::-webkit-full-page-media {
    min-height: unset
}

:root .content-overlay-container :not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
_:future {
    min-height: unset
}

.profile-update-confirmation {
    font-size: 12px;
    text-align: left
}

.profile-update-confirmation figure {
    display: flex
}

.profile-update-confirmation figure i {
    margin-bottom: 0;
    margin-right: 10px
}

.profile-update-confirmation .message {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 43px
}

.profile-update-confirmation .message span:nth-child(2) {
    margin-top: 5px;
    text-align: left
}

.profile-update-confirmation .buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column
}

.profile-update-confirmation .buttons button:nth-child(2) {
    margin-top: 5px
}

.profile-update-confirmation .confirmation-figcaption {
    margin-bottom: 20px;
    font-size: 1.167em
}

.profile-update-confirmation .confirmation-form {
    font-size: .82em;
    text-align: left
}

.profile-update-confirmation .confirmation-icon {
    font-size: 24px;
    line-height: 24px
}

.profile-update-confirmation .custom-field.password-field .toggle-password-btn .icon {
    color: inherit;
    display: inline;
    margin: 0
}

.profile-update-confirmation .custom-field.password-field input {
    padding: 20px 8px 8px
}

.profile-update-confirmation .custom-field.password-field label {
    padding: 15px 10px
}

.profile-update-confirmation .custom-field.password-field label.active-field {
    padding: 4px 8px
}

@media only screen and (min-width: 452px) {
    .profile-update-confirmation .buttons {
        display: block
    }

    .profile-update-confirmation .buttons button:first-child,
    .profile-update-confirmation .buttons button:nth-child(2) {
        width: calc(50% - 2px)
    }
}

@media only screen and (min-width: 521px) {
    .profile-update-confirmation {
        margin: 0 auto;
        max-width: 427px
    }
}

bx-pin-code-update-profile-form .modal-overlay .modal-body {
    min-height: fit-content
}

bx-pin-code-update-profile-form .pin-code-container {
    padding-left: calc(50% - 108px);
    color: #2b2b2b
}

bx-pin-code-update-profile-form .pin-code-container .legend {
    margin-bottom: 8px;
    line-height: 14px;
    font-weight: 500
}

bx-pin-code-update-profile-form .pin-code-container .legend .icon-info {
    margin-left: 4px;
    font-size: 16px
}

bx-pin-code-update-profile-form .pin-code-container .pin-wrapper .custom-field.pin-field:not(:first-of-type) {
    margin-left: 8px
}

bx-pin-code-update-profile-form div.full-width-ctas button.custom-cta.primary.full-width-ctas {
    font-size: 20px;
    line-height: 28px
}

bx-pin-code-update-profile-form :host ::ng-deep div.invalid-field {
    display: table-cell;
    height: 20px
}

bx-pin-code-update-profile-form :host ::ng-deep .custom-field label.active-field {
    padding: 15px 10px
}

bx-pin-code-update-profile-form .invisible {
    visibility: hidden
}

bx-pin-code-update-profile-form .pin-code-form {
    display: block;
    align-items: center;
    flex-direction: column;
    color: #2b2b2b
}

bx-pin-code-update-profile-form .pin-code-form span.label {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 1.17em;
    display: block;
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #333;
    margin: -25px -25px 0;
    text-transform: uppercase
}

bx-pin-code-update-profile-form .pin-code-form figure {
    width: auto;
    margin-top: 30px
}

bx-pin-code-update-profile-form .pin-code-form p {
    margin-top: 15px;
    text-align: left
}

bx-pin-code-update-profile-form .pin-code-form p.align-left {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px
}

bx-pin-code-update-profile-form .pin-code-form .custom-field.invalid-field {
    display: block;
    width: 75%
}

bx-pin-code-update-profile-form .pin-code-form a {
    color: #ff6900
}

@media only screen and (max-width: 768px) {
    .bx-profile-change-password-form .profile-change-password-form form {
        padding: 0 16px
    }
}

@media only screen and (min-width: 769px) {
    .bx-profile-change-password-form .field-alone {
        display: block
    }

    .bx-profile-change-password-form .field-left,
    .bx-profile-change-password-form .field-right {
        display: block;
        float: left;
        width: calc(50% - 10px)
    }

    .bx-profile-change-password-form .field-left label,
    .bx-profile-change-password-form .field-right label {
        white-space: nowrap
    }

    .bx-profile-change-password-form .field-left {
        margin-right: 10px;
        clear: left
    }

    .bx-profile-change-password-form .field-right {
        margin-left: 10px;
        clear: right
    }

    .bx-profile-change-password-form .field-right.field-alone {
        margin-left: calc(50% + 10px)
    }

    .bx-profile-change-password-form .field-alone {
        clear: both
    }

    .bx-profile-change-password-form .full-width-ctas {
        overflow: visible
    }
}

.bx-profile-update-account-form div.custom-checkbox.native-toggle.subscription-channels {
    padding-inline-end: 10px;
    margin-block-end: 16px
}

.bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label {
    margin-bottom: 4px;
    display: inline-flex;
    gap: 6px
}

.bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label>div {
    padding-top: 2px
}

.bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .icon-info {
    font-size: 16px
}

@media only screen and (max-width: 1264px) {
    .bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container {
        display: none
    }

    .bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container.visible-on-breakpoint {
        display: inline-block
    }

    .bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container .tooltip-popover-msg {
        left: 0;
        transform: translateX(-80%)
    }

    .bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container .tooltip-popover-msg:after,
    bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container .tooltip-popover-msg:before {
        left: 83%
    }
}

@media only screen and (min-width: 1265px) {
    .bx-profile-update-account-form .profile-update-accepts-gifts .accepts-gifts-label .tooltip-popover-container.visible-on-breakpoint {
        display: none
    }
}

.bx-profile-update-account-form .host-requested {
    margin-bottom: 16px;
    display: block
}

.bx-profile-update-account-form .host-requested .bx-form-group>div {
    display: inline-flex;
    gap: 6px
}

.bx-profile-update-account-form .host-requested .host-requested-info-icon {
    font-size: 16px;
    margin-top: 4px;
    display: inline-block
}

@media only screen and (max-width: 991px) {
    .bx-profile-update-account-form .host-requested .tooltip-popover-container {
        display: none
    }

    .bx-profile-update-account-form .host-requested .tooltip-popover-container.visible-on-breakpoint {
        display: inline-block
    }

    .bx-profile-update-account-form .host-requested .tooltip-popover-container .tooltip-popover-msg {
        left: 0;
        transform: translateX(-80%)
    }

    .bx-profile-update-account-form .host-requested .tooltip-popover-container .tooltip-popover-msg:after,
    bx-profile-update-account-form .host-requested .tooltip-popover-container .tooltip-popover-msg:before {
        left: 83%
    }
}

@media only screen and (min-width: 992px) {
    .bx-profile-update-account-form .host-requested .tooltip-popover-container.visible-on-breakpoint {
        display: none
    }
}

.bx-profile-update-account-form .dropdown-height-limited .custom-dropdown .custom-droplist {
    max-height: 344px
}

.bx-profile-update-account-form .custom-dropdown .custom-droplist {
    z-index: 9
}

@media only screen and (max-width: 768px) {
    .bx-profile-update-account-form .profile-settings-form form {
        padding: 0 16px
    }
}

@media only screen and (min-width: 769px) {
    bx-gratification-overlay .gratification-component {
        min-height: 350px
    }
}

bx-gratification-overlay .bx-overlay-container bx-overlay-body bx-marketing-page bx-content-slide .banner-carousel .banner-slide .img-container .img-responsive {
    height: auto
}

bx-gratification-overlay .bx-overlay-container bx-overlay-body bx-marketing-page bx-content-slide .banner-carousel .banner-container .banner-slide {
    height: 98px
}

bx-gratification-overlay .bx-overlay-container bx-overlay-body bx-marketing-page bx-banner-carousel .banner-carousel .banner-slide .img-container .img-responsive {
    height: auto
}

bx-gratification-overlay .bx-overlay-container bx-overlay-body bx-marketing-page bx-banner-carousel .banner-carousel .carousel-inner {
    height: 98px
}

bx-phone-input .phone-prefix {
    float: left;
    width: 50px
}

bx-phone-input .phone-prefix input {
    text-align: center;
    color: grey
}

bx-phone-input .phone-number {
    margin-left: 70px
}

bx-phone-input .loading-spinner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 769px) {
    bx-phone-input .updatePhone>div {
        padding: 10px 50px 0
    }
}

bx-phone-verify-now {
    color: #333;
    text-align: center
}

bx-phone-verify-now .phone-verify-now-icon {
    font-size: 3.37rem;
    padding: 0 20px
}

bx-phone-verify-now .phone-verify-now-content {
    font-size: .95rem;
    margin: 1em 0 2em;
    line-height: 1.6
}

bx-phone-verify-now .button-container {
    padding: 0 20px
}

bx-phone-verify-now button {
    width: 100%
}

bx-account-verify-now {
    color: #333;
    text-align: center
}

bx-account-verify-now .account-verify-now-icon {
    font-size: 3.37rem;
    padding: 0 20px
}

bx-account-verify-now .account-verify-now-content {
    font-size: 1rem;
    line-height: 1.6;
    margin: 12px 0 24px;
    padding: 0 20px
}

bx-account-verify-now .button-container {
    padding: 0 20px
}

bx-account-verify-now button {
    width: 100%
}

bx-account-verify-now .update-account-button {
    padding-bottom: 1rem
}

bx-account-verify-now .blocked-message {
    margin: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6
}

bx-account-verify-now .blocked-info {
    text-align: center;
    font-size: .9rem;
    line-height: 1.6;
    margin: 1rem 3rem
}

bx-account-verify-now .verify-without-bonuses-link {
    font-size: 1rem;
    width: fit-content;
    cursor: pointer
}

bx-account-verify-now .subtitle-info {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: 500;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 3em
}

bx-document-verify-now {
    color: #333;
    text-align: center
}

bx-document-verify-now .document-verify-now-icon {
    font-size: 3.37rem;
    padding: 0 20px
}

bx-document-verify-now .document-verify-now-content {
    font-size: 1rem;
    line-height: 1.6;
    margin: 12px 0 24px;
    padding: 0 20px
}

bx-document-verify-now .button-container {
    padding: 0 20px
}

bx-document-verify-now button {
    width: 100%
}

bx-document-verify-now .update-document-button {
    padding-bottom: 1rem
}

bx-document-verify-now .blocked-message {
    margin: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6
}

bx-document-verify-now .blocked-info {
    text-align: center;
    font-size: .9rem;
    line-height: 1.6;
    margin: 1rem 3rem
}

bx-document-verify-now .verify-without-bonuses-link {
    font-size: 1rem;
    width: fit-content;
    cursor: pointer
}

bx-document-verify-now .subtitle-info {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: 500;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 3em
}

bx-identity-verification-landing-page {
    text-align: center;
    background-color: #fff;
    display: flex;
    margin: 0;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    justify-content: center
}

bx-identity-verification-landing-page .identity-verification-landing-icon {
    font-size: 2.2rem;
    padding: 4em 1em;
    color: #54a212;
    width: 100%;
    height: 100%
}

bx-identity-verification-landing-page .content-body,
bx-identity-verification-landing-page .content-title {
    font-size: .45em;
    padding: 1em;
    color: #333
}

bx-identity-verification-iframe .embed-container {
    position: relative;
    height: 100%;
    overflow: hidden;
    min-height: 40em
}

bx-identity-verification-iframe .embed-container iframe {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 40em
}

phone-update-and-verify .update-phone-button {
    padding-bottom: 1rem
}

phone-update-and-verify .blocked-message {
    margin: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6
}

phone-update-and-verify .blocked-info {
    text-align: center;
    font-size: .85rem;
    line-height: 1.6;
    margin: 1rem 3rem
}

phone-update-and-verify .verify-without-bonuses-link {
    font-size: 1rem;
    width: fit-content;
    cursor: pointer
}

phone-verify-now .subtitle-info {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0 3em;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #d1d1d1
}

bx-title-section-form {
    display: inline-flex;
    gap: 6px
}

bx-title-section-form .title-section-form.title-dropdown-section-form {
    margin-bottom: 5px
}

bx-title-section-form .title-section-form {
    font-size: 1.12em;
    font-weight: 800;
    margin-bottom: 16px;
    margin-top: 10px;
    color: #000;
    display: inline-block;
    padding-right: 5px
}

bx-casino-page .content,
bx-live-dealer-page .content,
bx-poker-page .content {
    padding: 0 16px 16px;
    max-width: 1376px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    float: none
}

@media screen and (min-width: 769px) {

    bx-casino-page .content,
    bx-live-dealer-page .content,
    bx-poker-page .content {
        padding: 0
    }
}

@media screen and (min-width: 769px) and (max-width:1376px) {

    bx-casino-page .content,
    bx-live-dealer-page .content,
    bx-poker-page .content {
        padding-left: 16px;
        padding-right: 16px
    }
}

bx-casino-page .content .full-width,
bx-live-dealer-page .content .full-width,
bx-poker-page .content .full-width {
    height: 48px;
    z-index: 5;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0
}

bx-casino-page .content .full-width:has(.iphone),
bx-live-dealer-page .content .full-width:has(.iphone),
bx-poker-page .content .full-width:has(.iphone) {
    height: 64px
}

@media screen and (min-width: 769px) {

    bx-casino-page .content .full-width,
    bx-live-dealer-page .content .full-width,
    bx-poker-page .content .full-width {
        position: absolute;
        height: 105px;
        top: 96px
    }

    bx-casino-page .content .full-width+*,
    bx-live-dealer-page .content .full-width+*,
    bx-poker-page .content .full-width+* {
        display: block;
        margin-top: 105px
    }
}

@media screen and (min-width: 1376px) {

    bx-casino-page .content .full-width,
    bx-live-dealer-page .content .full-width,
    bx-poker-page .content .full-width {
        top: 128px
    }
}

bx-casino-page .content .full-width .menu-navbar .tab-menu .static-btn .static-title,
bx-live-dealer-page .content .full-width .menu-navbar .tab-menu .static-btn .static-title,
bx-poker-page .content .full-width .menu-navbar .tab-menu .static-btn .static-title {
    white-space: nowrap
}

@media screen and (min-width: 769px) {

    bx-casino-page .content section bx-leaderboard-next ::ng-deep .bx-leaderboard-next,
    bx-live-dealer-page .content section bx-leaderboard-next ::ng-deep .bx-leaderboard-next,
    bx-poker-page .content section bx-leaderboard-next ::ng-deep .bx-leaderboard-next {
        margin-bottom: 35px
    }
}

@media screen and (max-width: 769px) {

    bx-casino-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout,
    bx-live-dealer-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout,
    bx-poker-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout {
        flex-direction: column-reverse
    }

    bx-casino-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout ::ng-deep .bx-leaderboard-next,
    bx-live-dealer-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout ::ng-deep .bx-leaderboard-next,
    bx-poker-page .content bx-two-columns-layout.reverse-layout ::ng-deep .two-columns-layout ::ng-deep .bx-leaderboard-next {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 768px) {
    body.non-scroll-xs bx-casino-page .content .full-width {
        z-index: 8
    }
}

@media screen and (min-width: 768px) {
    bx-cashier-wrapper .bx-overlay-container .modal-header {
        height: 60px
    }
}

bx-cashier-wrapper .bx-overlay-container .modal-header .icon.icon-back {
    color: grey;
    font-size: 8px
}

bx-cashier-wrapper .ftd-cashier ul.accordion.tertiary {
    border-top: none
}

bx-cashier-wrapper .ftd-cashier .redeem-code {
    padding-bottom: 30px !important;
    border-bottom: none !important
}

bx-cashier-wrapper .ftd-cashier .bonus-area {
    -ms-flex-order: inherit
}

bx-cashier-wrapper .ftd-cashier .open-chat-text-container {
    padding: 0 0 10px 10px;
    text-align: center
}

bx-cashier-wrapper .ftd-cashier .open-chat-text-container .icon.icon-contact.icon-chat {
    margin-right: 3px
}

bx-cashier-wrapper .ftd-cashier .open-chat-text-container .chat-now-title {
    padding-left: 2px;
    padding-right: 5px
}

@media only screen and (min-width: 730px) {
    bx-cashier-wrapper .ftd-cashier bx-deposit>div.spaced {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media only screen and (min-width: 769px) {
    bx-cashier-wrapper .ftd-cashier .custom-link.select-different-method-link {
        font-size: 1.17em;
        display: block;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 769px) {
    bx-cashier-wrapper .ftd-cashier .custom-link.select-different-method-link {
        font-size: 1.17em;
        display: block;
        margin-bottom: 16px
    }
}

.marketing-page-container {
    margin-top: 0
}

@media screen and (min-width: 769px) {
    .marketing-page-container {
        margin-top: 0
    }
}

div.marketing-page-frame-container {
    max-width: 1024px;
    margin-top: 8px
}

div.marketing-page-frame-container .banner-carousel .banner-slide .img-container .img-responsive {
    height: 300px
}

div.marketing-page-frame-container .max-container .banner-slide.bg-image .carousel-text {
    max-width: 750px
}

div.marketing-page-frame-container .banner-carousel .banner-slide.bg-image.reverse-order .carousel-text .custom-cta {
    float: right
}

@media screen and (min-width: 769px) {
    div.marketing-page-frame-container .banner-carousel .banner-slide .carousel-text .custom-cta {
        min-width: 240px
    }
}

div.marketing-page-frame-content {
    background-color: #fff;
    border: 0;
    margin-top: 0;
    padding: 0 24px
}

div.marketing-page-frame-content bx-marketing-page>div>:nth-child(2n+4)>:first-child {
    margin: 0 auto;
    width: 100%
}

div.marketing-page-frame-content bx-marketing-page>div>bx-content-block:nth-child(2n+4)>div {
    padding: 0
}

div.marketing-page-frame-content bx-marketing-page div.marketing-page-content-block-body {
    margin: 0 auto;
    width: 100%;
    padding: 0
}

h1.marketing-page-frame-title {
    display: inherit;
    padding-bottom: 12px;
    padding-top: 14px
}

@media (min-width: 769px) {
    .marketing-page-frame-container.breadcrumbContainer {
        display: inline
    }

    div.marketing-page-frame-container {
        margin-top: 0
    }

    div.marketing-page-frame-content {
        border-color: #fff;
        border-style: solid;
        border-width: 48px 88px 64px;
        padding: 0
    }

    div.marketing-page-frame-content bx-marketing-page>div>bx-content-block:nth-child(2n+4)>div {
        padding: 0
    }

    div.marketing-page-frame-content bx-marketing-page>div>:nth-child(2n+4)>:first-child,
    div.marketing-page-frame-content bx-marketing-page>div>bx-banner-carousel:nth-child(2n+4) carousel.banner-carousel,
    div.marketing-page-frame-content bx-marketing-page>div>bx-content-slide:nth-child(2n+4) div.banner-carousel,
    div.marketing-page-frame-content bx-marketing-page div.marketing-page-content-block-body {
        width: 100%
    }

    h1.marketing-page-frame-title {
        padding-bottom: 12px;
        padding-top: 22px
    }
}

.bx-share-buttons .cell-title {
    margin-left: 50px
}

.bx-share-buttons .url-container {
    width: calc(100% - 60px);
    margin-left: 50px;
    border: none;
    font-weight: 400
}

.refer-a-friend-link {
    padding-top: 25px;
    text-align: center
}

.refer-a-friend-link>a.custom-link {
    font-size: 14px
}

.bx-tertiary-menu-container {
    margin-top: 0;
    border-top: 0 !important;
    padding-bottom: 10px
}

.bx-tertiary-menu-subcontent {
    display: inline-block;
    vertical-align: top;
    margin: 15px auto auto;
    min-width: 300px;
    width: 100%
}

.modal-content div.bx-tertiary-menu-subcontent header.modal-header {
    padding-bottom: 15px;
    display: flex
}

.modal-content div.bx-tertiary-menu-subcontent header.modal-header .back-btn {
    padding-left: 15px
}

.carousel.primary .component-wrapper.max-container .modal-content div.bx-tertiary-menu-subcontent header.modal-header h2.h2-heading.content-title[class*=-heading],
.modal-content div.bx-tertiary-menu-subcontent header.modal-header .bx-section-container>.component-header>h2.h5-heading.content-title,
.modal-content div.bx-tertiary-menu-subcontent header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.modal-content div.bx-tertiary-menu-subcontent header.modal-header .h3-heading {
    color: #fff;
    font-weight: 400
}

.modal-content div.bx-tertiary-menu-subcontent .modal-body {
    padding: 20px 0;
    background-color: #fff;
    display: block
}

.bx-tertiary-menu-nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 300px;
    margin-top: 38px
}

@media only screen and (min-width: 769px) {
    .bx-tertiary-wrapper {
        display: flex
    }

    .bx-tertiary-menu-nav {
        width: 33%;
        flex: 1;
        margin-top: 38px
    }

    .bx-tertiary-menu-subcontent {
        flex: 2;
        width: 66%;
        margin-left: 1.5em;
        display: inline-block
    }

    .modal-content div.bx-tertiary-menu-subcontent .back-btn {
        display: none
    }
}

@media only screen and (max-width: 769px) {
    .modal-content div.bx-tertiary-menu-subcontent header.modal-header h3.h3-heading {
        padding-left: 15px
    }

    .bx-tertiary-menu-nav {
        margin-top: 34px
    }
}

.bx-tertiary-menu-mk-page main.content {
    margin-top: 48px
}

@media screen and (min-width: 769px) {
    .bx-tertiary-menu-mk-page main.content {
        margin-top: 20px
    }
}

.bx-tertiary-menu-mk-page div.max-container section.mk-page-content {
    padding: 0
}

.bx-tertiary-menu-mk-page div.max-container section.mk-page-content ::ng-deep bx-marketing-page>div>bx-content-block:nth-child(2n+4)>div {
    padding: 0 16px 16px
}

@media screen and (max-width: 768px) {
    .bx-tertiary-menu-mk-page div.max-container section.mk-page-content ::ng-deep li[role=button] {
        position: inherit
    }
}

.bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content {
    padding: 47px 47px 30px 49px;
    max-width: 1024px;
    margin: auto
}

@media screen and (max-width: 768px) {
    .bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content {
        padding: 0
    }
}

.bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content h1.marketing-page-title {
    text-align: center;
    font-size: 20px;
    color: #000;
    padding-bottom: 24px;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content h1.marketing-page-title {
        padding-top: 18px;
        padding-bottom: 24px;
        font-size: 16px
    }
}

.bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content ::ng-deep bx-marketing-page>div>bx-content-block:nth-child(2n+4)>div {
    padding: 0
}

@media screen and (max-width: 768px) {
    .bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content ::ng-deep li[role=button] {
        position: inherit
    }
}

.help-header-container .mk-page-breadcrumb {
    padding-bottom: 16px;
    flex-grow: 1;
    max-width: 1024px
}

.smart-contact-methods {
    padding: 16px 0
}

@media screen and (max-width: 768px) {
    .smart-contact-methods {
        padding: 16px
    }
}

[class*=-heading].help-title {
    margin-bottom: 20px
}

@media screen and (max-width: 769px) {
    .help-breadcrumb {
        margin-top: 0;
        padding-bottom: 16px
    }
}

.help-content {
    padding: 0
}

.help-content+bx-smart-contact .question-container {
    border-top: 1px solid #d9d9d9
}

.help-content+bx-smart-contact .bx-contact-methods {
    margin: 16px 0
}

@media screen and (max-width: 768px) {
    .help-content+bx-smart-contact .bx-contact-methods {
        margin: 16px 0 0
    }
}

div.max-container section.modal-body.help-content.modal-menu-body {
    padding: 16px
}

@media screen and (min-width: 768px) {
    div.max-container section.modal-body.help-content.modal-menu-body.smart-contacts {
        padding: 47px 47px 30px 49px
    }
}

div.max-container section.modal-body.help-content.modal-menu-body .smart-contact-methods {
    padding: 16px 0
}

@media screen and (max-width: 768px) {
    div.max-container section.modal-body.help-content.modal-menu-body .smart-contact-methods {
        padding: 16px 0 0
    }
}

.help-header-container {
    display: flex
}

@media screen and (max-width: 768px) {
    .help-header-container {
        display: block
    }
}

.help-header-container .help-breadcrumb {
    padding-bottom: 16px;
    flex-grow: 1
}

.help-header-container .bx-help-search {
    width: 30%
}

bx-tertiary-menu-navigation .page-title {
    color: grey;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px
}

bx-tertiary-menu-navigation .custom-menu.primary li a {
    line-height: 1
}

.bx-help-page .bx-tertiary-menu-container,
bx-tertiary-menu .bx-tertiary-menu-container {
    padding-bottom: 10px
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent {
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 auto;
    min-width: 300px;
    width: 100%
}

@media screen and (max-width: 768px) {

    .bx-help-page .modal-content div.bx-tertiary-menu-subcontent,
    bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent {
        margin: 16px auto auto
    }
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent .content-block .component-header,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent .content-block .component-header {
    padding-left: 24px;
    display: block
}

@media only screen and (max-width: 768px) {

    .bx-help-page .modal-content div.bx-tertiary-menu-subcontent .content-block .rich-text-body-content,
    bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent .content-block .rich-text-body-content {
        padding: 0 24px
    }
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header {
    padding-bottom: 15px;
    display: flex
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header .back-btn,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header .back-btn {
    padding-left: 15px
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header .h3-heading,
.carousel.primary .component-wrapper.max-container .bx-help-page .modal-content div.bx-tertiary-menu-subcontent header.modal-header h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header h2.h2-heading.content-title[class*=-heading],
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header .bx-section-container>.component-header>h2.h5-heading.content-title,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent header.modal-header .h3-heading {
    font-weight: 400
}

.bx-help-page .modal-content div.bx-tertiary-menu-subcontent .modal-body,
bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent .modal-body {
    display: block;
    background: #fff;
    padding-top: 20px
}

@media only screen and (max-width: 768px) {

    .bx-help-page .bx-tertiary-wrapper .bx-tertiary-menu-nav,
    bx-tertiary-menu .bx-tertiary-wrapper .bx-tertiary-menu-nav {
        display: none
    }
}

.bx-help-page .bx-tertiary-menu-nav,
bx-tertiary-menu .bx-tertiary-menu-nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 300px;
    margin-top: 38px
}

.bx-help-page .bx-tertiary-menu-nav.bx-smart-contact-design,
bx-tertiary-menu .bx-tertiary-menu-nav.bx-smart-contact-design {
    margin-top: 30px;
    padding-right: 32px
}

@media only screen and (min-width: 769px) {

    .bx-help-page .bx-tertiary-wrapper,
    bx-tertiary-menu .bx-tertiary-wrapper {
        display: flex;
        justify-content: center
    }

    .bx-help-page .bx-tertiary-menu-nav,
    bx-tertiary-menu .bx-tertiary-menu-nav {
        width: 33%;
        flex: 1;
        margin-top: 38px
    }

    .bx-help-page .bx-tertiary-menu-subcontent,
    bx-tertiary-menu .bx-tertiary-menu-subcontent {
        flex: 2;
        width: 66%;
        margin-left: 1.5em;
        display: inline-block
    }

    .bx-help-page ::ng-deep .modal-content div.bx-tertiary-menu-subcontent .back-btn,
    bx-tertiary-menu ::ng-deep .modal-content div.bx-tertiary-menu-subcontent .back-btn {
        display: none
    }
}

@media only screen and (max-width: 769px) {

    .bx-help-page ::ng-deep .modal-content div.bx-tertiary-menu-subcontent .modal-body,
    bx-tertiary-menu ::ng-deep .modal-content div.bx-tertiary-menu-subcontent .modal-body {
        border-bottom: none
    }

    .bx-help-page ::ng-deep .modal-content div.bx-tertiary-menu-subcontent header.modal-header h3.h3-heading,
    bx-tertiary-menu ::ng-deep .modal-content div.bx-tertiary-menu-subcontent header.modal-header h3.h3-heading {
        padding-left: 15px
    }

    .bx-help-page .bx-tertiary-menu-nav,
    bx-tertiary-menu .bx-tertiary-menu-nav {
        margin-top: 34px
    }
}

bx-tertiary-menu .modal-content div.bx-tertiary-menu-subcontent {
    margin: 15px auto auto 1.5em
}

@media screen and (max-width: 768px) {

    .bx-tertiary-menu-mk-page div.max-container section.smart-contacts.mk-page-content,
    div.max-container section.modal-body.help-content.modal-menu-body.smart-contacts {
        margin: 0 15px 8px
    }
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    display: initial
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-track,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-track,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-track,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-track,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-track {
    background-color: #232323;
    margin-bottom: -15px;
    margin-top: -15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-thumb,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-thumb,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-thumb,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-thumb,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-thumb {
    background: #929393 no-repeat 50% 50%;
    border-width: 1px;
    border-image: -webkit-linear-gradient(top, #d0d0d0, #a8a9a9) 1 1 1 1
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:vertical,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:vertical,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:vertical,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-thumb:vertical,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-thumb:vertical {
    background-image: url(/content/images/casino/poker/scrollbar/vgripper.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:horizontal,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:horizontal,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:horizontal,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-thumb:horizontal,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-thumb:horizontal {
    background-image: url(/content/images/casino/poker/scrollbar/hgripper.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:hover,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-thumb:hover,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-thumb:hover {
    background-color: #afafaf;
    border-image: -webkit-linear-gradient(top, #e5e5e5, #c5c5c5) 1 1 1 1
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-thumb:active,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-thumb:active,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-thumb:active {
    background-color: #6f6f6f;
    border-image: -webkit-linear-gradient(top, #9d9d9d, #7f8080) 1 1 1 1
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button {
    width: 15px;
    height: 15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:start:decrement,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:start:decrement {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    background-image: url(/content/images/casino/poker/scrollbar/upperhand.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:start:decrement:hover {
    background-position: 0 -15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:start:decrement:active {
    background-position: 0 -30px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:end:increment,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:end:increment {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    background-image: url(/content/images/casino/poker/scrollbar/lowerhand.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:end:increment:hover {
    background-position: 0 -15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:vertical:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:vertical:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:vertical:end:increment:active {
    background-position: 0 -30px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:start:decrement,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:start:decrement {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    background-image: url(/content/images/casino/poker/scrollbar/lefthand.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:start:decrement:hover,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:start:decrement:hover {
    background-position: 0 -15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:start:decrement:active,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:start:decrement:active {
    background-position: 0 -30px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:end:increment,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:end:increment {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    background-image: url(/content/images/casino/poker/scrollbar/righthand.png)
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:end:increment:hover,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:end:increment:hover {
    background-position: 0 -15px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-button:horizontal:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-button:horizontal:end:increment:active,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-button:horizontal:end:increment:active {
    background-position: 0 -30px
}

bx-poker-casino-lobby .content-games-list bx-game-category .carousel.tertiary .content-slider::-webkit-scrollbar-corner,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel-old .carousel.tertiary .content-slider::-webkit-scrollbar-corner,
bx-poker-casino-lobby .content-games-list bx-game-tertiary-carousel .carousel.tertiary .content-slider::-webkit-scrollbar-corner,
bx-poker-casino-lobby .content-games-list bx-leaderboard-list .bx-leaderboard-list.max-container .content-holder::-webkit-scrollbar-corner,
bx-poker-casino-lobby .content-games-list bx-live-dealer-page .content dynamic-cards-list .live-dealer-games::-webkit-scrollbar-corner {
    background-color: #636363
}

@media screen and (min-width: 769px) {
    bx-casino-page .content {
        padding: 32px 0
    }

    bx-casino-page .content bx-two-columns-layout bx-marketing-page>div>bx-game-tertiary-carousel-old:nth-child(2)>section,
    bx-casino-page .content bx-two-columns-layout bx-marketing-page>div>bx-game-tertiary-carousel:nth-child(2)>section {
        padding-top: 8px
    }

    .carousel.primary .component-wrapper.max-container bx-casino-page .content bx-two-columns-layout h2.marketing-page-frame-title.h2-heading.content-title[class*=-heading],
    bx-casino-page .content bx-two-columns-layout .carousel.primary .component-wrapper.max-container h2.marketing-page-frame-title.h2-heading.content-title[class*=-heading],
    bx-casino-page .content bx-two-columns-layout h2.marketing-page-frame-title {
        padding-top: 14px
    }

    bx-casino-page .article-wrapper.article-copperhead,
    bx-casino-page .promotion-wrapper.promotion-copperhead {
        margin-top: 0
    }
}

@media screen and (max-width: 769px) {

    bx-casino-page .article-wrapper.article-copperhead,
    bx-casino-page .promotion-wrapper.promotion-copperhead {
        margin-top: 16px
    }
}

bx-casino-page .invisible {
    opacity: 0
}

bx-casino-page .placeholder-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 5000px;
    width: 100%;
    background-color: initial
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

bx-casino-page .fadein {
    animation: fadein .5s;
    animation-fill-mode: forwards
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-validation-code .validation-code-container,
    .modal-overlay bx-validation-code .validation-code-container {
        min-height: 350px
    }
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content h5.h5-heading,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning h5.h5-heading,
.modal-overlay.dark-overlay bx-validation-code validation-code-content h5.h5-heading,
.modal-overlay bx-validation-code validation-code-blocked-content h5.h5-heading,
.modal-overlay bx-validation-code validation-code-bonus-warning h5.h5-heading,
.modal-overlay bx-validation-code validation-code-content h5.h5-heading {
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    text-transform: none
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content h5.h5-heading.error-message,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning h5.h5-heading.error-message,
.modal-overlay.dark-overlay bx-validation-code validation-code-content h5.h5-heading.error-message,
.modal-overlay bx-validation-code validation-code-blocked-content h5.h5-heading.error-message,
.modal-overlay bx-validation-code validation-code-bonus-warning h5.h5-heading.error-message,
.modal-overlay bx-validation-code validation-code-content h5.h5-heading.error-message {
    color: #c00
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content section.modal-body,
    .modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning section.modal-body,
    .modal-overlay.dark-overlay bx-validation-code validation-code-content section.modal-body,
    .modal-overlay bx-validation-code validation-code-blocked-content section.modal-body,
    .modal-overlay bx-validation-code validation-code-bonus-warning section.modal-body,
    .modal-overlay bx-validation-code validation-code-content section.modal-body {
        padding: 16px 64px;
        position: absolute;
        top: 50px;
        bottom: 0;
        min-height: 320px;
        width: 100%
    }

    .modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content section.modal-body .full-width-ctas,
    .modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning section.modal-body .full-width-ctas,
    .modal-overlay.dark-overlay bx-validation-code validation-code-content section.modal-body .full-width-ctas,
    .modal-overlay bx-validation-code validation-code-blocked-content section.modal-body .full-width-ctas,
    .modal-overlay bx-validation-code validation-code-bonus-warning section.modal-body .full-width-ctas,
    .modal-overlay bx-validation-code validation-code-content section.modal-body .full-width-ctas {
        position: absolute;
        bottom: 2rem;
        left: 1rem;
        right: 1rem;
        width: auto
    }
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body,
.modal-overlay bx-validation-code validation-code-content .form-body {
    margin: 1rem
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body p,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body p,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body p,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body p,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body p,
.modal-overlay bx-validation-code validation-code-content .form-body p {
    text-align: center;
    font-size: 1.17em;
    margin: 1rem 0
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body p.note,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body p.note,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body p.note,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body p.note,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body p.note,
.modal-overlay bx-validation-code validation-code-content .form-body p.note {
    font-size: 1em
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body p.warning-header,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body p.warning-header,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body p.warning-header,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body p.warning-header,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body p.warning-header,
.modal-overlay bx-validation-code validation-code-content .form-body p.warning-header {
    margin: 0
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body ul.warning-list,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
.modal-overlay bx-validation-code validation-code-content .form-body ul.warning-list {
    margin: 1rem 0
}

@media screen and (max-width: 420px) {

    .modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-content .form-body ul.warning-list {
        margin-left: 5em
    }
}

@media only screen and (min-width: 421px) and (max-width:768px) {

    .modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-content .form-body ul.warning-list {
        margin-left: 21em
    }
}

@media screen and (min-width: 769px) {

    .modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list,
    .modal-overlay bx-validation-code validation-code-content .form-body ul.warning-list {
        margin-left: 8em
    }
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list li,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list li,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body ul.warning-list li,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body ul.warning-list li,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body ul.warning-list li,
.modal-overlay bx-validation-code validation-code-content .form-body ul.warning-list li {
    list-style-type: disc;
    list-style-position: outside
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body .after-link,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body .after-link,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body .after-link,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body .after-link,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body .after-link,
.modal-overlay bx-validation-code validation-code-content .form-body .after-link {
    text-align: center
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .form-body .after-link a,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .form-body .after-link a,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .form-body .after-link a,
.modal-overlay bx-validation-code validation-code-blocked-content .form-body .after-link a,
.modal-overlay bx-validation-code validation-code-bonus-warning .form-body .after-link a,
.modal-overlay bx-validation-code validation-code-content .form-body .after-link a {
    text-transform: inherit;
    font-size: .75rem;
    cursor: pointer
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .full-width-ctas button.secondary,
.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .full-width-ctas button.tertiary,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .full-width-ctas button.secondary,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .full-width-ctas button.tertiary,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .full-width-ctas button.secondary,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .full-width-ctas button.tertiary,
.modal-overlay bx-validation-code validation-code-blocked-content .full-width-ctas button.secondary,
.modal-overlay bx-validation-code validation-code-blocked-content .full-width-ctas button.tertiary,
.modal-overlay bx-validation-code validation-code-bonus-warning .full-width-ctas button.secondary,
.modal-overlay bx-validation-code validation-code-bonus-warning .full-width-ctas button.tertiary,
.modal-overlay bx-validation-code validation-code-content .full-width-ctas button.secondary,
.modal-overlay bx-validation-code validation-code-content .full-width-ctas button.tertiary {
    margin-top: 3rem;
    margin-bottom: 1rem
}

.modal-overlay.dark-overlay bx-validation-code validation-code-blocked-content .invisible,
.modal-overlay.dark-overlay bx-validation-code validation-code-bonus-warning .invisible,
.modal-overlay.dark-overlay bx-validation-code validation-code-content .invisible,
.modal-overlay bx-validation-code validation-code-blocked-content .invisible,
.modal-overlay bx-validation-code validation-code-bonus-warning .invisible,
.modal-overlay bx-validation-code validation-code-content .invisible {
    visibility: hidden
}

.modal-overlay.dark-overlay validation-code-header .modal-header,
.modal-overlay validation-code-header .modal-header {
    padding: 0 40px 0 20px
}

.modal-overlay.dark-overlay validation-code-header .modal-header .close-link,
.modal-overlay validation-code-header .modal-header .close-link {
    margin: 0 0 0 auto
}

.modal-overlay.dark-overlay validation-code-header .modal-header .close-button,
.modal-overlay validation-code-header .modal-header .close-button {
    margin: 0 0 0 auto;
    background: #1c1c1c;
    color: #e9e8e4
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay send-validation-code-content section.modal-body,
    .modal-overlay send-validation-code-content section.modal-body {
        padding: 16px 64px;
        position: absolute;
        top: 30px;
        bottom: 0;
        height: calc(100vh - 100px);
        width: 100%
    }

    .modal-overlay.dark-overlay send-validation-code-content section.modal-body .full-width-ctas,
    .modal-overlay send-validation-code-content section.modal-body .full-width-ctas {
        position: absolute;
        bottom: 3rem;
        left: 1rem;
        right: 1rem;
        width: auto
    }
}

.modal-overlay.dark-overlay send-validation-code-content .form-body,
.modal-overlay send-validation-code-content .form-body {
    margin: 1rem
}

.modal-overlay.dark-overlay send-validation-code-content .form-body p,
.modal-overlay send-validation-code-content .form-body p {
    text-align: center;
    font-size: 1.17em;
    margin: 1rem 0
}

.modal-overlay.dark-overlay send-validation-code-content .form-body p.note,
.modal-overlay send-validation-code-content .form-body p.note {
    font-size: 1em
}

bx-validate-profile-notification .custom-notification.alert.warning {
    padding: .75rem 1rem;
    color: #fff
}

bx-validate-profile-notification .custom-notification.alert.warning a {
    color: #fff;
    cursor: pointer
}

bx-validate-profile-notification .custom-notification.alert.warning a .icon.icon-arrow-next {
    font-size: .5rem;
    display: inline;
    margin: 0 8px
}

.bx-validate-profile-blocked-overlay {
    max-height: 250px;
    visibility: inherit;
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.bx-validate-profile-blocked-overlay .modal-overlay {
    background: url(/assets/img/bg-image@2x.png) no-repeat 50% fixed;
    background-size: cover
}

.bx-validate-profile-blocked-overlay .h4-heading {
    padding-top: .2em
}

.bx-validate-profile-blocked-overlay .modal-overlay .modal-header {
    padding: 1em
}

.bx-validate-profile-blocked-overlay .modal-header {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em
}

.bx-validate-profile-blocked-overlay .modal-body p {
    padding: 3em 3em 0;
    text-align: center;
    font-size: 1.2em
}

.bx-validate-profile-blocked-overlay .modal-button {
    text-align: center;
    padding-top: 7em
}

.bx-validate-profile-blocked-overlay .subtitle-info {
    text-align: center;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500
}

.bx-validate-profile-overlay .modal-overlay {
    background: url(/assets/img/bg-image@2x.png) no-repeat 50% fixed;
    background-size: cover
}

.bx-validate-profile-overlay .modal-overlay .modal-header {
    padding: 1em
}

.bx-validate-profile-overlay .h4-heading {
    padding-top: .2em
}

.bx-validate-profile-overlay .modal-header {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em
}

.bx-validate-profile-overlay .modal-body p {
    padding: 3em;
    text-align: center;
    font-size: 1.1em
}

.bx-validate-profile-overlay .modal-button {
    text-align: center;
    padding-top: 5em
}

.bx-validate-profile-overlay .custom-link {
    color: grey
}

.bx-two-factor-authenticator-notification figure.custom-notification.alert.info.high-contrast {
    align-items: baseline;
    flex-direction: column
}

.bx-two-factor-authenticator-notification div#two-factor-authenticator-notification-text {
    display: flex
}

.bx-two-factor-authenticator-notification div#two-factor-authenticator-notification-link {
    padding-left: 1.5rem
}

bx-placeholder .placeholder-wrapper {
    display: grid;
    grid-template-rows: [row] 400px [row] 200px [row] 220px [row] 100px;
    margin: 1%
}

bx-placeholder .placeholder-box {
    background-color: #f5f5f2;
    margin: 5px
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-verification-code .verification-code-content,
    .modal-overlay bx-verification-code .verification-code-content {
        min-height: 350px
    }
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-verification-code section.modal-body,
    .modal-overlay bx-verification-code section.modal-body {
        position: absolute;
        top: 50px;
        bottom: 0;
        min-height: 320px;
        width: 100%
    }

    .modal-overlay.dark-overlay bx-verification-code section.modal-body .full-width-ctas,
    .modal-overlay bx-verification-code section.modal-body .full-width-ctas {
        position: absolute;
        bottom: 2rem;
        left: 1rem;
        right: 1rem;
        width: auto
    }
}

.modal-overlay.dark-overlay bx-verification-code mfa-verification-info .error-message,
.modal-overlay bx-verification-code mfa-verification-info .error-message {
    color: #c00
}

.modal-overlay.dark-overlay bx-verification-code mfa-verification-info h5.h5-heading,
.modal-overlay bx-verification-code mfa-verification-info h5.h5-heading {
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    text-transform: none
}

.modal-overlay.dark-overlay bx-verification-code mfa-verification-info p,
.modal-overlay bx-verification-code mfa-verification-info p {
    text-align: center;
    font-size: 1.17em;
    margin: 1rem 0
}

.modal-overlay.dark-overlay bx-verification-code mfa-verification-info p.note,
.modal-overlay bx-verification-code mfa-verification-info p.note {
    font-size: 1em
}

.modal-overlay.dark-overlay bx-verification-code input-code-form button.primary,
.modal-overlay bx-verification-code input-code-form button.primary {
    margin: 0 0 .5rem
}

@media screen and (min-width: 769px) {

    .modal-overlay.dark-overlay bx-verification-code input-code-form .buttons,
    .modal-overlay bx-verification-code input-code-form .buttons {
        display: flex;
        padding: 0 1rem
    }
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-verification-code input-code-form .buttons,
    .modal-overlay bx-verification-code input-code-form .buttons {
        position: absolute;
        bottom: 2rem
    }
}

.modal-overlay.dark-overlay bx-verification-code input-code-form .form-body,
.modal-overlay bx-verification-code input-code-form .form-body {
    margin: 1rem
}

.modal-overlay.dark-overlay bx-verification-code input-code-form .form-body .after-link,
.modal-overlay bx-verification-code input-code-form .form-body .after-link {
    text-align: center
}

.modal-overlay.dark-overlay bx-verification-code input-code-form .form-body .after-link a,
.modal-overlay bx-verification-code input-code-form .form-body .after-link a {
    text-transform: inherit;
    cursor: pointer
}

@media screen and (max-width: 768px) {

    .modal-overlay.dark-overlay bx-verification-code input-code-form .form-body .after-link a,
    .modal-overlay bx-verification-code input-code-form .form-body .after-link a {
        font-size: .75rem
    }
}

@media screen and (min-width: 769px) {

    .modal-overlay.dark-overlay bx-verification-code input-code-form .form-body .after-link a,
    .modal-overlay bx-verification-code input-code-form .form-body .after-link a {
        font-size: .75rem
    }
}

.modal-overlay.dark-overlay mfa-verification-title .modal-header,
.modal-overlay mfa-verification-title .modal-header {
    justify-content: space-between;
    padding: 0 0 0 20px
}

.modal-overlay.dark-overlay mfa-verification-title .modal-header h3.h3-heading,
.modal-overlay mfa-verification-title .modal-header h3.h3-heading {
    padding-left: 0;
    text-transform: inherit
}

@media screen and (max-width: 769px) {

    .modal-overlay.dark-overlay bx-verification-two-factor-code section.modal-body,
    .modal-overlay bx-verification-two-factor-code section.modal-body {
        margin: 1.6rem 0 0;
        position: absolute;
        top: 3rem;
        bottom: 0;
        width: 100%
    }

    .modal-overlay.dark-overlay bx-verification-two-factor-code section.modal-body .full-width-ctas,
    .modal-overlay bx-verification-two-factor-code section.modal-body .full-width-ctas {
        position: absolute;
        bottom: 2rem;
        left: 1rem;
        right: 1rem;
        width: auto
    }
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .form-body,
.modal-overlay bx-verification-two-factor-code .form-body {
    margin: .5rem .5rem 0
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .unableToAccess2faApp,
.modal-overlay bx-verification-two-factor-code .unableToAccess2faApp {
    text-align: center
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .needHelp2faLink,
.modal-overlay bx-verification-two-factor-code .needHelp2faLink {
    margin: 1rem 0 0
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .remember-me,
.modal-overlay bx-verification-two-factor-code .remember-me {
    display: flex;
    margin-bottom: 1rem
}

.modal-overlay.dark-overlay bx-verification-two-factor-code mfa-verification-info,
.modal-overlay bx-verification-two-factor-code mfa-verification-info {
    flex: 1;
    margin: 0 0 0 .5rem
}

.modal-overlay.dark-overlay bx-verification-two-factor-code mfa-verification-info .error-message,
.modal-overlay bx-verification-two-factor-code mfa-verification-info .error-message {
    margin: .5rem 0 0;
    color: #c00
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .bubble-badge,
.modal-overlay.dark-overlay bx-verification-two-factor-code .bubble-badge:before,
.modal-overlay bx-verification-two-factor-code .bubble-badge,
.modal-overlay bx-verification-two-factor-code .bubble-badge:before {
    height: 1.25rem;
    width: 1.25rem;
    font-size: 1em;
    line-height: 1.25rem;
    font-weight: 700
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .information-verify,
.modal-overlay bx-verification-two-factor-code .information-verify {
    display: flex;
    margin-bottom: 1rem
}

.modal-overlay.dark-overlay bx-verification-two-factor-code .remember-me-span,
.modal-overlay bx-verification-two-factor-code .remember-me-span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .5em;
    color: #2b2b2b
}

bx-blocked-by-operation {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    color: #333
}

bx-blocked-by-operation .blocked-operation-icon {
    font-size: 3.37rem
}

bx-blocked-by-operation .blocked-operation-info {
    margin: 30px 0 24px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6
}

bx-blocked-by-operation .blocked-operation-remaining {
    font-size: .875rem
}

bx-blocked-by-phone-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    color: #333
}

bx-blocked-by-phone-type .blocked-icon {
    font-size: 3.37rem
}

bx-blocked-by-phone-type .blocked-message {
    margin: 30px 0 24px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6
}

bx-blocked-by-phone-type .blocked-info {
    text-align: center;
    font-size: .85rem;
    line-height: 1.6
}

bx-account-shared-header-sections header.modal-header button.account-back-btn.back-btn.header-title {
    display: flex;
    align-items: center
}

bx-account-shared-header-sections button {
    text-align: left
}

bx-account-shared-header-sections button i.icon-back {
    padding-inline-end: .5rem;
    font-size: 16px
}

bx-account-shared-header-sections header.modal-header button.account-back-btn.back-btn {
    cursor: pointer
}

.carousel.primary .component-wrapper.max-container bx-account-shared-header-sections header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading.content-title[class*=-heading],
bx-account-shared-header-sections header.modal-header button.account-back-btn.back-btn.header-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
bx-account-shared-header-sections header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading {
    cursor: pointer;
    font-size: 20px
}

@media only screen and (max-width: 768px) {
    bx-account-shared-header-sections button i.icon-back {
        font-size: 16px
    }
}

bx-my-games .my-games-heading {
    text-align: left;
    text-transform: uppercase
}

bx-my-games .my-games-header-container .custom-tab {
    margin-top: 16px
}

bx-my-games .my-games-list-container {
    height: 195px;
    max-height: 195px;
    overflow-y: auto
}

bx-my-games .custom-tab.secondary li.active {
    color: #ff6000
}

@media screen and (min-width: 769px) {

    bx-my-games ul.custom-tab.promotion li.my-games-tab-header,
    bx-my-games ul.custom-tab.quaternary li.my-games-tab-header {
        text-transform: uppercase;
        text-align: center;
        width: 160px;
        padding: 0
    }
}

bx-my-games .custom-tab.secondary .my-games-tab-header:not(.active) {
    color: grey
}

bx-games-list .my-games-title {
    position: absolute;
    left: 92px;
    top: 26px
}

bx-games-list .thumb-container.game-thumbnail.img-xxsmall {
    margin-left: 18px
}

.modal-overlay.dark-overlay bx-dlc-redirect-page .bx-overlay-header#dlc-redirect-page-overlay-header header,
.modal-overlay bx-dlc-redirect-page .bx-overlay-header#dlc-redirect-page-overlay-header header {
    border-bottom: none;
    display: flex;
    justify-content: center;
    padding-top: 1.5rem
}

.modal-overlay.dark-overlay bx-dlc-redirect-page .bx-overlay-header#dlc-redirect-page-overlay-header h2,
.modal-overlay bx-dlc-redirect-page .bx-overlay-header#dlc-redirect-page-overlay-header h2 {
    font-size: 2rem;
    padding-left: 0
}

.modal-overlay.dark-overlay bx-dlc-redirect-page bx-overlay-body section span#dlc-redirect-page-overlay-body-span,
.modal-overlay bx-dlc-redirect-page bx-overlay-body section span#dlc-redirect-page-overlay-body-span {
    color: #6b6b6b;
    display: flex;
    justify-content: center
}

.modal-overlay.dark-overlay bx-dlc-redirect-page bx-overlay-body div#dlc-redirect-page-submit-button,
.modal-overlay bx-dlc-redirect-page bx-overlay-body div#dlc-redirect-page-submit-button {
    margin-top: 2rem
}

.modal-overlay.dark-overlay bx-dlc-redirect-page bx-overlay-body div#dlc-redirect-page-submit-button button#login-submit,
.modal-overlay bx-dlc-redirect-page bx-overlay-body div#dlc-redirect-page-submit-button button#login-submit {
    font-size: 1.25rem;
    font-weight: 700
}

.bx-transaction div.bx-transaction-type-filters {
    margin: 12px 0;
    float: left;
    width: 100%
}

@media only screen and (min-width: 769px) {
    bx-transaction div.bx-transaction-type-filters {
        margin: 12px 0 16px
    }

    bx-transaction div.bx-transaction-type-filters ul.custom-tab.promotion,
    bx-transaction div.bx-transaction-type-filters ul.custom-tab.quaternary {
        overflow: auto
    }
}

.bx-transaction div.bx-transaction-type-filters ul.custom-tab.tertiary {
    border: 0 solid #c2c2c2;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    text-transform: uppercase
}

.bx-transaction div.bx-transaction-type-filters ul.custom-tab.tertiary li {
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    position: relative
}

.bx-transaction div.bx-transaction-type-filters ul.custom-tab.tertiary li:hover {
    color: #c00
}

.bx-transaction div.bx-transaction-type-filters ul.custom-tab.tertiary li.active {
    color: #c00;
    border-bottom: 2px solid #c00
}

.bx-transaction div.bx-transaction-subCategory-filter-content {
    float: left;
    margin: 0 0 16px
}

.bx-transaction div.bx-transaction-subCategory-filter-content ul.custom-tab.tertiary {
    background-color: #fff
}

.bx-transaction div.bx-transaction-subCategory-filter-content ul.custom-tab.tertiary li {
    font-size: 1em
}

.bx-transaction div.bx-transaction-subCategory-filter-content ul.custom-tab.tertiary li:hover {
    color: #c00
}

.bx-transaction div.bx-transaction-subCategory-filter-content ul.custom-tab.tertiary li .icon {
    display: inline-block;
    float: right
}

.bx-transaction table#playerTransactionTable.table-list th .subtitle {
    color: #2b2b2b
}

.bx-transaction table#playerTransactionTable.table-list tbody .subtitle {
    margin-top: 4px;
    font-size: 12px
}

.bx-transaction table#playerTransactionTable.table-list tbody .subtitle .displayBlock {
    color: #333
}

.bx-transaction table#playerTransactionTable.table-list span:not(.subtitle)[data-amount] {
    color: #333;
    font-weight: 500
}

@media screen and (max-width: 360px) {
    bx-transaction div.bx-transaction-wrapper ul.inline-list {
        margin: 0 4%
    }
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail {
    border: 0
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body {
    padding: 25px;
    background-color: #f5f5f2
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container {
    margin-bottom: 3.5em
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .summary-header {
    margin-bottom: 14px;
    color: grey
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .summary-header .summary-date {
    margin-right: 14px
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .summary-header .summary-reference {
    float: right;
    max-width: 50%;
    text-align: right
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .summary-header .summary-reference .summary-payment-reference {
    margin-right: 14px
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .step-list .amount-requested {
    font-weight: 700
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .step-list .total-amount {
    font-weight: 700;
    color: #333
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .step-list .balance .total-balance-before {
    margin-right: 2px
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .step-list .balance .total-balance-after {
    margin-left: 2px;
    font-weight: 700
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .reward-credits {
    color: #333;
    float: right;
    margin-top: 1em;
    text-align: right;
    font-weight: 700
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body .summary-header-container .reward-credits span {
    color: #333;
    font-weight: 400
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-footer {
    padding: 10px 25px;
    text-align: center
}

bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-footer .button-close {
    min-width: 280px
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color {
    background-color: #e9e8e4;
    margin-top: 20px
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color div[class*=-detail-body-summary] {
    padding: 25px
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color div[class*=-detail-body-summary] .market {
    color: #333
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color div[class*=-detail-body-summary] .market-description {
    font-weight: 700
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color div[class*=-detail-body-summary] .step-list li.step-item:nth-child(odd) {
    background-color: #f5f5f2
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .notification {
    background: rgba(170, 18, 7, .1);
    display: inline-block;
    padding: 10px;
    color: #aa1207
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .bet-information {
    font-weight: 700
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .title {
    font-weight: 700;
    color: #333
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .subtitle {
    margin: 8px 0 15px;
    color: #333
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .display-block {
    display: block
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .display-flex {
    display: flex
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .w-15 {
    width: 15%
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .w-70 {
    width: 70%
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .full-width {
    width: 100%
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .marginT-5p {
    margin-top: 5px
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .marginT-10p {
    margin-top: 10px
}

bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .no-win-outcome {
    color: #aa1207;
    font-weight: 700;
    float: right;
    margin-top: 10px
}

bx-transaction-details-overlay .dark-overlay.modal-overlay .modal-content.modal-large.screen-center header.modal-header {
    height: 44px;
    padding: 0
}

@media screen and (min-width: 769px) {
    .bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-body {
        padding: 25px
    }
}

.bx-transaction .transaction-field.bx-transaction-description.transaction-hidden-xs.highlighted-tx-title .title,
.bx-transaction .transaction-field.bx-transaction-description.transaction-visible-xs.highlighted-tx-title .title {
    color: #ff6900;
    font-weight: 400
}

.bx-transaction .transaction-field.bx-transaction-description.transaction-hidden-xs.highlighted-tx-title .bx-horses-transaction-details-body .title,
.bx-transaction .transaction-field.bx-transaction-description.transaction-hidden-xs.highlighted-tx-title .bx-sports-transaction-details-body .title,
.bx-transaction .transaction-field.bx-transaction-description.transaction-hidden-xs.highlighted-tx-title .bx-transaction-details-overlay .title,
.bx-transaction .transaction-field.bx-transaction-description.transaction-visible-xs.highlighted-tx-title .bx-horses-transaction-details-body .t.itle,
.bx-transaction .transaction-field.bx-transaction-description.transaction-visible-xs.highlighted-tx-title .bx-sports-transaction-details-body .title,
.bx-transaction .transaction-field.bx-transaction-description.transaction-visible-xs.highlighted-tx-title .bx-transaction-details-overlay .title {
    color: inherit
}

.bx-transaction .bx-transaction-type-filters .custom-tab.tertiary li {
    padding: 10px 16px
}

.bx-transaction .bx-transaction-subCategory-filter-content .custom-tab.tertiary li {
    padding: 32px 12px 1px
}

.bx-transaction table#playerTransactionTable.table-list .transaction-visible-xs {
    display: none
}

.bx-transaction table#playerTransactionTable.table-list .date-field,
.bx-transaction table#playerTransactionTable.table-list .date-header {
    width: 15%
}

.bx-transaction table#playerTransactionTable.table-list .transaction-field,
.bx-transaction table#playerTransactionTable.table-list .transaction-header {
    width: 75%
}

.bx-transaction table#playerTransactionTable.table-list .amount-balance-field,
.bx-transaction table#playerTransactionTable.table-list .amount-header {
    width: 15%
}

.bx-transaction table#playerTransactionTable.table-list span[data-amount]:after {
    content: attr(data-amount)
}

.bx-transaction table#playerTransactionTable.table-list span[data-amount^="-"]:after {
    color: #ff8400
}

.bx-transaction table#playerTransactionTable.table-list span[data-amount^="+"]:after {
    color: #cc4f23
}

.bx-transaction table#playerTransactionTable.table-list .amount-balance-field span[data-amount]:not(.subtitle):after,
.bx-transaction table#playerTransactionTable.table-list .amount-header span[data-amount]:not(.subtitle):after {
    font-weight: 500
}

.bx-transaction table#playerTransactionTable.table-list.table-list-points .transaction-field,
.bx-transaction table#playerTransactionTable.table-list.table-list-points .transaction-header {
    width: 30%
}

.bx-transaction table#playerTransactionTable.table-list.table-list-points .amount-field,
.bx-transaction table#playerTransactionTable.table-list.table-list-points .total-header {
    width: 20%
}

.bx-transaction table#playerTransactionTable.table-list.table-list-points .amount-balance-field,
.bx-transaction table#playerTransactionTable.table-list.table-list-points .amount-header {
    width: 15%
}

.bx-transaction .inline-list li.inline-item span.amount-value {
    position: relative;
    background-color: inherit;
    color: inherit;
    cursor: pointer;
    font: 500 14px var(--font-primary)
}

.bx-transaction .inline-list li.inline-item span.amount-value:last-child {
    font-weight: 800
}

.bx-transaction .inline-list li.inline-item span.amount-value[data-amount^="-"] {
    color: #ff8400
}

.bx-transaction .inline-list li.inline-item span.amount-value .tooltip-popover-content {
    font: 500 12px var(--font-primary)
}

.bx-transaction .inline-list li.inline-item span.amount-value .tooltip-popover-content .bx-summary-tooltip span:first-child {
    color: #fff
}

@media screen and (max-width: 768px) {
    .bx-transaction-wrapper .inline-list {
        margin: 0 16px
    }
}

@media only screen and (max-width: 680px) {

    .bx-transaction-wrapper table#playerTransactionTable.table-list .date-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list .date-header {
        display: inline-block;
        width: 50%
    }

    .bx-transaction-wrapper table#playerTransactionTable.table-list .transaction-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list .transaction-header {
        display: inline-block;
        width: 100%
    }

    .bx-transaction-wrapper table#playerTransactionTable.table-list .amount-balance-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list .amount-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list .amount-header,
    .bx-transaction-wrapper table#playerTransactionTable.table-list .total-header {
        display: inline-block;
        width: calc(50% - 5px)
    }

    .bx-transaction-wrapper table#playerTransactionTable.table-list.table-list-points .transaction-field {
        display: inline-block;
        width: 100%
    }

    .bx-transaction-wrapper table#playerTransactionTable.table-list.table-list-points .amount-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list.table-list-points .total-header {
        display: inline-block;
        width: 25%
    }

    .bx-transaction-wrapper table#playerTransactionTable.table-list.table-list-points .amount-balance-field,
    .bx-transaction-wrapper table#playerTransactionTable.table-list.table-list-points .amount-header {
        width: calc(25% - 5px)
    }
}

.bx-summary-tooltip {
    color: initial;
    text-align: left
}

.bx-summary-tooltip>div {
    margin-bottom: 2px
}

.bx-summary-tooltip span:first-child {
    color: #fff;
    margin-left: 5px
}

.bx-summary-tooltip span:nth-child(2) {
    float: right;
    color: green
}

.bx-summary-tooltip span:nth-child(2)[data-amount="0"],
.bx-summary-tooltip span:nth-child(2)[data-amount="0.00"] {
    color: #fff
}

.bx-summary-tooltip span:nth-child(2)[data-amount^="-"] {
    color: red
}

bx-casino-transaction-details-body .casino-detail-body.bg-color {
    background-color: #f2f2f2;
    margin-top: 20px
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary {
    padding: 25px
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .summary-header .title {
    font-weight: 700;
    display: block
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .summary-header .subtitle {
    color: grey;
    margin: 8px 0 15px;
    display: block;
    font-weight: inherit
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list {
    max-height: 250px;
    overflow-y: auto
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item {
    display: block
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item {
    display: flex
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column {
    width: 15%
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column span.date {
    display: block
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column span.round-id {
    display: block;
    font-weight: 700;
    margin-bottom: 5px
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column span.time {
    display: block;
    margin-top: 2px
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .description-column {
    width: 70%
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .description-column span {
    display: block
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .description-column span.round-outcome {
    font-weight: 400;
    margin-top: 5px
}

bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .description-column span.game-name {
    font: 700 1em var(--font-primary);
    color: #333
}

@media screen and (min-width: 768px) {
    bx-casino-transaction-details-body .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column {
        color: #333
    }
}

@media screen and (max-width: 768px) {
    bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .date-column {
        width: 50%;
        display: block;
        font-size: .85em
    }

    bx-casino-transaction-details-body .casino-detail-body.bg-color .casino-detail-body-summary .round-details .step-list .step-item .round-item .round-outcome {
        font-size: .85em
    }
}

@media screen and (max-width: 768px) {
    .bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .display-flex {
        display: inline-block
    }

    .bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .w-15 {
        display: block;
        width: 100%
    }

    .bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .w-70 {
        margin-top: 5px
    }

    .bx-transaction-details-overlay .modal-overlay .modal-content div[class*=-detail-body].bg-color .no-win-outcome {
        margin-top: -40px
    }

    .bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-footer {
        padding: 10px 25px
    }

    .bx-transaction-details-overlay .modal-overlay .modal-content section.modal-body.transaction-detail .transaction-detail-footer .button-close {
        min-width: 100%
    }

    .bx-transaction-details-overlay .dark-overlay.modal-overlay .modal-content.modal-large.screen-center header.modal-header [class*=-heading] {
        font-size: 2em
    }
}

.bx-ecomm-transaction-description.description-holder {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.bx-ecomm-transaction-description.description-holder .icon-container {
    margin: auto 0 auto 5px
}

.bx-ecomm-transaction-description.description-holder .icon-container .icon-title.icon.icon-arrow-next {
    cursor: pointer;
    font-weight: 700;
    font-size: .8em;
    color: #ff6900
}

.tooltip-space {
    margin-right: 5px
}

.bx-casino-transaction-description.description-holder,
bx-casino-transaction-details-body {
    cursor: pointer
}

.bx-casino-transaction-description.description-holder .icon-title,
bx-casino-transaction-details-body .icon-title {
    font-size: .8em
}

.bx-casino-transaction-description.description-holder .free-spin-item,
bx-casino-transaction-details-body .free-spin-item {
    display: flex
}

.bx-casino-transaction-description.description-holder .free-spin-item .date-column,
bx-casino-transaction-details-body .free-spin-item .date-column {
    width: 40%
}

@media only screen and (min-width: 769px) {

    .bx-casino-transaction-description.description-holder .free-spin-item .date-column,
    bx-casino-transaction-details-body .free-spin-item .date-column {
        width: 21%
    }
}

.bx-casino-transaction-description.description-holder .free-spin-item .date-column .date,
bx-casino-transaction-details-body .free-spin-item .date-column .date {
    display: block
}

.bx-casino-transaction-description.description-holder .free-spin-item .description-column,
bx-casino-transaction-details-body .free-spin-item .description-column {
    width: 60%
}

.bx-casino-transaction-description.description-holder .free-spin-item .amount-column,
bx-casino-transaction-details-body .free-spin-item .amount-column {
    width: 19%;
    text-align: right
}

.bx-horses-description.description-holder {
    cursor: pointer
}

.bx-horses-description.description-holder .spaced-list {
    padding-bottom: 2px
}

.bx-horses-description.description-holder .description-block {
    display: block
}

.bx-horses-description.description-holder .icon-title {
    cursor: pointer;
    font-weight: 700;
    font-size: .8em;
    color: #e22521
}

.bx-extended-balance-ch div.extended-balance {
    margin-top: 15px
}

.bx-extended-balance-ch div.tooltip-popover-container .icon.icon-info.tooltip-toggle {
    margin-left: 4px
}

.bx-extended-balance-ch div.tooltip-popover-container div.tooltip-popover-msg.bottom {
    z-index: 100
}

.bx-account-menu-cashier-actions .buttons-container.cashier-actions-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .625rem;
    column-gap: 16px
}

.bx-account-menu-cashier-actions .buttons-container.cashier-actions-row .custom-cta.flex-buttons {
    padding-inline: 4px
}

.bx-account-menu-cashier-actions .buttons-container.cashier-actions-row .custom-cta.flex-buttons.one-button-row {
    flex: 1 100%
}

.bx-account-menu-cashier-actions .buttons-container.cashier-actions-row .custom-cta.flex-buttons.two-buttons-row {
    flex: 1 47%
}

.bx-bonus-selection .horizontal-centered.firstbonus {
    display: block;
    height: 50px;
    text-align: center;
    border-top: none;
    margin-bottom: 25px
}

.bx-bonus-selection .horizontal-centered.firstbonus .firstbonus-title {
    padding-top: 25px;
    font-weight: 700
}

@media only screen and (min-width: 769px) {
    .bx-bonus-selection .horizontal-centered.firstbonus {
        background-color: #f5f5f2
    }
}

@media only screen and (max-width: 768px) {
    .bx-bonus-selection .horizontal-centered.firstbonus {
        background-color: initial
    }
}

.bx-bonus-selection .continue-button.full-width-ctas {
    padding: 10px 24px 16px;
    min-height: 56px
}

.bx-bonus-selection .go-to-straight-deposit.full-width-ctas {
    padding: 41px 0;
    min-height: 42px
}

@media only screen and (min-width: 769px) {
    .bx-widget-bonus-list .account-back-btn {
        display: none
    }

    .bx-widget-bonus-list .accordion.tertiary li .subject-heading {
        flex: none
    }
}

.carousel.primary .component-wrapper.max-container .bx-widget-bonus-list h2.h2-heading.content-title[class*=-heading],
.bx-widget-bonus-list .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-widget-bonus-list .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-widget-bonus-list .h3-heading {
    margin-bottom: 10px;
    text-align: left
}

@media only screen and (min-width: 730px) {
    .bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary {
        overflow-y: auto;
        max-height: 282px !important
    }
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .description-toggler {
    position: relative;
    padding: 5px 6px;
    margin: 0 2px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .icon-arrow-bonus {
    font-size: 8px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .bonus-icons-separator {
    border-left: none;
    padding-left: 8px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .span-product-icons {
    display: flex;
    align-items: center
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary li {
    margin-bottom: 0;
    padding-left: 24px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary li:last-child,
.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary li:not(:last-child) {
    border-bottom: none
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .more-info,
.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .subject-heading {
    text-align: left
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .subject-heading .title {
    display: list-item;
    font-size: 14px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .subject-heading .span-product-icons .bonus-description-link {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
    margin-right: -8px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .subject-heading .custom-link {
    font-size: 12px
}

.bx-widget-bonus-list .bonus-widget-list ul.accordion.tertiary .subject-heading .icon-product {
    font-size: 16px;
    padding: 3px 4px
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 24px;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    background-color: #f5f5f2
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code .info {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code .bonusSelector {
    position: absolute;
    top: 24px;
    right: 24px
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input {
    line-height: 18px;
    height: 32px;
    padding: 10px;
    width: calc(100% - 100px);
    outline: none;
    background: #f5f5f2;
    border: 1px solid #c2c2c2;
    border-radius: 4px
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input.validCode {
    border: 2px solid #cf5221
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input.not-valid-code {
    border: 1px solid #d1d1d1
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input::-moz-placeholder {
    color: grey
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input:-ms-input-placeholder {
    color: grey
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input::-webkit-input-placeholder {
    color: grey
}

.bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code input:-moz-placeholder {
    color: grey
}

.bx-widget-bonus-list .message-errors {
    margin-top: 8px;
    color: #f08b00
}

.accordion.tertiary li i.icon-bonus,
.accordion.tertiary li i.icon-single-goal,
.accordion.tertiary li i.left-icon.icon-free-games,
.accordion.tertiary li i.left-icon.icon-help-financial,
.accordion.tertiary li i.left-icon.icon-single-goal,
.accordion.tertiary li i.left-icon.icon-tangible-reward,
.accordion.tertiary li i.left-icon.icon-ticket {
    padding: 10px;
    border: none;
    background-color: #fff;
    width: 40px;
    height: 40px;
    font-size: 19px;
    border-radius: 50%;
    box-shadow: none
}

.bx-widget .widget-background {
    background-color: #f5f5f2;
    overflow: auto
}

.bx-widget .widget-background .static-icon-widget-bonus-choose {
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #fff;
    vertical-align: sub;
    padding-left: 10px;
    border-radius: 50%
}

.bx-widget .widget-background .static-icon-widget-bonus-selected {
    background: #fff;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #fff;
    padding-left: 10px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .3);
    border-radius: 50%
}

.bx-widget .widget-background .custom-menu {
    color: #2b2b2b
}

.bx-widget .widget-background .custom-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px
}

.bx-widget .widget-background .custom-menu li a .static-icon-widget-bonus-choose {
    font-size: 15px
}

.bx-widget .widget-background .custom-menu li .icon.icon-bonus.brand-bg-color {
    color: grey;
    background: #fff
}

.bx-widget .widget-background .custom-menu li .icon.icon-bonus.brand-bg-color:before {
    background: #fff
}

.bx-widget .widget-background .custom-menu li .icon[class*=-next] {
    color: grey
}

.bx-widget .widget-background .custom-menu li .static-icon-widget-bonus-selected {
    font-size: 1.5em
}

.bx-widget .widget-background .custom-menu li .modify-widget-ref {
    font-size: 12px;
    text-transform: none;
    cursor: pointer;
    padding-right: 20px;
    color: #ff6900
}

.bx-widget .widget-background .custom-menu li .widget-choose {
    font-size: 14px;
    vertical-align: sub;
    text-transform: capitalize;
    cursor: pointer;
    line-height: 40px;
    font-weight: 500
}

.bx-widget .widget-background .custom-menu li .widget-selected-bonus-label {
    font-size: 12px;
    margin-bottom: 4px;
    color: grey
}

.bx-widget .widget-background .custom-menu li .widget-selected-bonus-name {
    text-align: left;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.bx-widget .widget-background .custom-menu li div.choose-bonus {
    width: 100%
}

.bx-widget .widget-background .custom-menu li.active,
.bx-widget .widget-background .custom-menu li:hover {
    background: #404040
}

.bx-widget .widget-background .custom-menu:not(.inverse) li {
    background-color: #f5f5f2
}

.bx-widget .widget-background .widget-selected-bonus-label {
    display: block;
    font-size: .35em;
    text-transform: uppercase;
    text-align: left
}

@media only screen and (min-width: 360px) {
    .bx-widget .widget-background .widget-selected-bonus-label {
        font-size: .5em
    }
}

.bx-widget .widget-background .widget-right-side {
    margin-left: auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.bx-widget .widget-background .custom-notification {
    padding: 15px 15px 0
}

.bx-widget .widget-background .text-left {
    text-align: left
}

@media only screen and (max-width: 768px) {
    .bx-widget div.widget-background figure.custom-notification.alert {
        margin-bottom: 8px;
        width: 100% !important;
        padding: 8px 16px;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .bx-widget figure.custom-notification.alert {
        margin-bottom: 15px
    }
}

.bx-widget-success #success-deposit-details {
    text-transform: uppercase
}

.modal-overlay .bonus-selector-header header.modal-header {
    padding: 15px 24px;
    border-bottom: 1px solid #d1d1d1
}

.carousel.primary .component-wrapper.max-container .modal-overlay .bonus-selector-header header.modal-header h2.h2-heading.content-title[class*=-heading],
.modal-overlay .bonus-selector-header header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.modal-overlay .bonus-selector-header header.modal-header h2.h2-heading {
    padding-left: 0;
    text-transform: uppercase
}

.modal-overlay .bonus-selector-header header.modal-header a {
    margin: 0 0 0 auto;
    padding-right: 0;
    text-transform: none;
    font-size: inherit;
    font-weight: inherit;
    color: #ff6900
}

@media only screen and (min-width: 769px) {
    .modal-overlay.dark-overlay:not(.visitor) .bonus-selector-header .modal-header:not(.navbar-static) {
        padding: 15px 24px
    }
}

@media only screen and (max-width: 370px) {

    .carousel.primary .component-wrapper.max-container .modal-overlay .bonus-selector-header header.modal-header h2.h2-heading.content-title[class*=-heading],
    .modal-overlay .bonus-selector-header header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .modal-overlay .bonus-selector-header header.modal-header h2.h2-heading {
        width: 50%
    }
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code {
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 24px;
    background: transparent
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div input {
    height: 32px;
    width: 200px;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    color: inherit;
    background: #fff;
    min-width: 0;
    margin-right: 8px
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div input::placeholder {
    color: #c2c2c2
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div input:focus {
    outline: none;
    border: 1px solid #2b2b2b
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div button.custom-cta.tertiary.cta-small {
    color: inherit;
    background: inherit;
    border: 1px solid #c2c2c2;
    text-transform: uppercase;
    font-size: inherit;
    min-width: inherit;
    min-height: inherit;
    height: inherit
}

.bonus-selector-body .bonus-selector-by-code .bonus-selector-by-code div button.custom-cta.tertiary.cta-small:hover:before {
    border: 1px solid #2b2b2b
}

@media only screen and (min-width: 730px) {
    .bonus-selector-body .bonus-list {
        overflow-y: auto;
        max-height: 282px
    }
}

.bonus-selector-body .bonus-selector-detail .bonus-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 24px;
    cursor: pointer;
    background: transparent
}

.bonus-selector-body .bonus-selector-detail .bonus-row.bonus-selected {
    background: #e9e8e4
}

.bonus-selector-body .bonus-selector-detail .bonus-row.bonus-selected .bonus-details .description-container .description-container-button {
    background: #f2f2f2
}

.bonus-selector-body .bonus-selector-detail .bonus-row.bonus-selected .bonus-details .description-container .product-list i {
    background: #e9e8e4
}

.bonus-selector-body .bonus-selector-detail .bonus-icon {
    padding: 10px 16px 0 0
}

.bonus-selector-body .bonus-selector-detail .bonus-icon i {
    padding: 10px;
    border: 1px solid #c2c2c2;
    color: grey;
    background-color: #fff;
    width: 40px;
    height: 40px;
    font-size: 19px;
    border-radius: 50%;
    box-shadow: none
}

.bonus-selector-body .bonus-selector-detail .bonus-details {
    flex-grow: 1
}

.bonus-selector-body .bonus-selector-detail .bonus-details .title {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding-bottom: 3px
}

.bonus-selector-body .bonus-selector-detail .bonus-details .description-container {
    display: flex;
    flex-direction: row
}

.bonus-selector-body .bonus-selector-detail .bonus-details .description-container-button {
    padding: 5px 8px;
    background: #fff;
    border-radius: 4px
}

.bonus-selector-body .bonus-selector-detail .bonus-details .description-container-button a {
    text-transform: none
}

.bonus-selector-body .bonus-selector-detail .bonus-details .description-container-button button {
    font-size: 8px;
    padding-left: 2px;
    color: grey;
    cursor: pointer
}

.bonus-selector-body .bonus-selector-detail .bonus-details .product-list {
    display: flex;
    flex-direction: row
}

.bonus-selector-body .bonus-selector-detail .bonus-details .product-list div {
    padding: 5px 0 5px 2px
}

.bonus-selector-body .bonus-selector-detail .bonus-details .product-list i {
    background: #f5f5f3;
    font-size: 16px;
    color: grey;
    border-radius: 4px;
    padding: 5px 4px 7px
}

.bonus-selector-body .bonus-selector-detail .bonus-arrow {
    padding: 10px 0 10px 24px
}

.bonus-selector-body .bonus-selector-detail .bonus-arrow i {
    font-size: 8px;
    color: grey
}

.bonus-selector-body .bonus-selector-detail section {
    padding-top: 0;
    font-size: 12px;
    color: #333
}

.bonus-selector-body .bonus-selector-detail section.more-info p {
    padding-top: 8px
}

.bonus-selector-body figure.custom-notification.alert.info {
    padding: 15px 24px
}

.modal-overlay .bonus-selector .bx-overlay-container>div:first-child {
    min-height: 346px
}

.modal-overlay .bonus-selector section.modal-body.modal-body-full-width {
    padding: 0
}

.modal-overlay .bonus-selector .bx-overlay-container .bx-banner-carousel carousel.banner-carousel.fullsize-carousel .carousel-inner .banner-slide .img-container img.img-responsive {
    height: 98px
}

.bx-widget-bonus-list .icon-product {
    margin-right: 3px
}

@media only screen and (min-width: 769px) and (max-height:950px) {
    .bx-bonus-confirmation .modal-content.screen-center.tangible-reward {
        transform: translate(-50%, -48vh)
    }
}

.bx-bonus-confirmation .modal-body .bonus-info {
    margin: 20px 0;
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    background-color: #e9e8e4;
    justify-content: center
}

.bx-bonus-confirmation .modal-body .bonus-info p {
    font-size: 16px;
    font-weight: 700;
    order: 1;
    align-items: center;
    justify-items: center;
    display: flex;
    margin-left: 10px
}

.bx-bonus-confirmation .modal-body .bonus-info p.bonus-name {
    height: 70%
}

.bx-bonus-confirmation .modal-body .bonus-info p.bonus-name.full {
    height: 100%
}

.bx-bonus-confirmation .modal-body .bonus-info p.expiretime {
    font-size: 10px !important;
    font-weight: 100
}

.bx-bonus-confirmation .modal-body .bonus-info p.expiretime time {
    padding-left: 5px
}

@media only screen and (min-width: 769px) {
    .bx-bonus-confirmation .modal-body .bonus-info p.expiretime {
        font-size: 12px !important
    }
}

.bx-bonus-confirmation .modal-body .bonus-info .icon-bonus,
.bx-bonus-confirmation .modal-body .bonus-info .icon-free-games,
.bx-bonus-confirmation .modal-body .bonus-info .icon-help-financial,
.bx-bonus-confirmation .modal-body .bonus-info .icon-single-goal,
.bx-bonus-confirmation .modal-body .bonus-info .icon-tangible-reward,
.bx-bonus-confirmation .modal-body .bonus-info .icon-ticket {
    font-size: 20px
}

.bx-bonus-confirmation .modal-body .bonus-info .icon-radius {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    clip-path: circle(50% at 50% 50%);
    height: 40px;
    width: 40px;
    background: #fff;
    border: 1px solid #c2c2c2;
    padding: 10px
}

.bx-bonus-confirmation .modal-body p.counter,
.bx-bonus-confirmation .modal-body p.post-confirmation-more-info {
    margin-top: 12px
}

.bx-bonus-confirmation .modal-body p .countdown {
    font-weight: 700
}

.bx-bonus-confirmation .modal-body .inline-ctas .custom-cta {
    width: 48%
}

.bx-bonus-confirmation .modal-body .inline-ctas .secondary,
.bx-bonus-confirmation .modal-body .inline-ctas .tertiary {
    margin-left: 4%
}

.bonus-account-active-list div.tooltip-popover-container .icon.icon-info2 {
    margin-left: 4px
}

.bonus-account-active-list div.tooltip-popover-container .tooltip-popover-msg.bottom {
    z-index: 999
}

.bx-bonus-account-list .custom-notification.alert.info.bonus-account-available-offers-list-no-results.active-offers,
.bx-bonus-account-list .custom-notification.alert.info.bx-bonus-availability-account-no-results.active-offers,
.bx-bonus-account-list .tab-dropdown>.active-offers {
    margin-top: 16px;
    margin-bottom: 0;
    margin-left: 0
}

.bx-bonus-account-list .custom-tab.quaternary.dark li,
.bx-bonus-account-list .dark.custom-tab.promotion li {
    flex: auto;
    text-align: center;
    width: 50%;
    white-space: nowrap
}

@media only screen and (min-width: 769px) {

    .bx-bonus-account-list .custom-tab.quaternary.dark li,
    .bx-bonus-account-list .dark.custom-tab.promotion li {
        flex: none;
        width: auto
    }
}

.bx-bonus-account-list h3.h3-heading {
    text-transform: uppercase
}

.bx-bonus-account-list .loading-container {
    text-align: center;
    margin: 40px 0 20px
}

.bx-bonus-account-list .bonuses-list {
    padding: 0 0 16px
}

.bx-bonus-account-list .bonuses-list .accordion .subject-heading {
    cursor: auto
}

.bx-bonus-account-list .bonuses-list .accordion .subject-heading .title {
    display: block
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li {
    margin-bottom: 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended {
    width: 100%
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended {
    padding: 0
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended {
        min-height: 175px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended {
        min-height: 95px
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended .bonus-account-available-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended .bonus-account-available-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended .bonus-account-available-list-item-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended bonus-account-available-list-item-extended {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image {
        min-width: 128px;
        order: 1
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image {
        min-width: 68px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image img.img-responsive-extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image img.img-responsive-extended {
    position: absolute;
    object-fit: cover
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image img.img-responsive-extended {
        height: 175px;
        width: 128px;
        min-width: 0
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image img.img-responsive-extended,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image img.img-responsive-extended {
        height: 95px;
        width: 68px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image i.icon.left-icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image i.icon.left-icon {
    padding: 0;
    box-shadow: none;
    background-color: initial;
    border: none
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image i.icon.left-icon {
        position: absolute;
        margin-top: 67px;
        font-size: 40px;
        margin-left: 44px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-image i.icon.left-icon {
        position: absolute;
        margin-top: 35px;
        font-size: 24px;
        margin-left: 22px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive {
    position: absolute;
    text-transform: uppercase
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive {
        margin-top: 8px;
        width: 90px;
        height: 22px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive {
        margin-top: 4px;
        height: 18px;
        width: 64px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive h3.title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive h3.title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive h3.title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive h3.title {
    font-weight: 800;
    color: #000;
    margin-top: 3px
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive h3.title {
        margin-left: 6px;
        font-size: 1em
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive h3.title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.label-exclusive h3.title {
        margin-left: 4px;
        font-size: .75em
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-information {
        order: 2;
        margin-left: 16px;
        margin-top: 15px;
        width: calc(100% - 188px)
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-information,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-information {
        flex: 1 1 36%;
        margin-left: 12px;
        margin-top: 16px
    }
}

@media only screen and (min-width: 1111px) and (min-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-information.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-information.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-information.with-deposits-bar {
        flex: 1 1 30%
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-information header.subject-heading,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information header.subject-heading,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-information header.subject-heading,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-information header.subject-heading {
    padding: 0;
    max-width: 100%
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended header .title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended header .title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended header .title,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended header .title {
    margin-bottom: 4px;
    line-height: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended header .title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended header .title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended header .title,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended header .title {
        height: 2.3em
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended header .expiretime,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended header .expiretime,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended header .expiretime,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended header .expiretime {
    padding: 0;
    margin: 0 0 4px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended header .countdown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended header .countdown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended header .countdown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended header .countdown {
    font-weight: 700
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended header button.custom-link.description-toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended header button.custom-link.description-toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended header button.custom-link.description-toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended header button.custom-link.description-toggler {
    padding: 5px 8px
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-points {
        order: 4;
        margin-left: 145px;
        margin-top: 8px;
        width: calc(100% - 145px)
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-points,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.bonus-points {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        height: 95px;
        margin-right: 24px;
        max-width: 135px
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.custom-progress.deposits {
        order: 4;
        padding: 0;
        margin: 5px 0 0 145px;
        width: calc(100% - 165px)
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.custom-progress.deposits {
        width: calc(100% - 575px);
        flex: none;
        margin: 36px 24px 0 0;
        order: 0;
        padding: 0
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.claim-button {
        order: 6;
        margin: 8px 0 16px 145px;
        width: calc(100% - 161px)
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.claim-button {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        height: 95px
    }
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.claim-button.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.claim-button.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button.with-deposits-bar,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.claim-button.with-deposits-bar {
        margin-bottom: 5px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.claim-button button.custom-cta.secondary,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.claim-button button.custom-cta.secondary,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button button.custom-cta.secondary,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.claim-button button.custom-cta.secondary {
    margin: 0;
    width: 100%
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.toggler-button {
        order: 2;
        margin-top: 17px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.toggler-button,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.toggler-button {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        height: 95px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.toggler-button button.toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.toggler-button button.toggler,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.toggler-button button.toggler {
    position: relative
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.toggler-button button.toggler {
        padding: 0 16px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.toggler-button button.toggler,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended div.toggler-button button.toggler {
        padding: 0 24px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.points-price,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.points-price,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.points-price,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.points-price {
    margin: 0;
    padding: 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info {
    max-height: 100%;
    display: none;
    padding: 0
}

@media only screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info {
        margin: 8px 0 8px 146px
    }
}

@media only screen and (min-width: 1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info {
        margin: 0 0 0 80px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info.shown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info.shown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info.shown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info.shown {
    display: block
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info h4,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info h4,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info h4,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info h4 {
    padding: 0;
    margin: 0 0 8px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item-extended section.more-info .additional-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended section.more-info .additional-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended section.more-info .additional-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.extended section.more-info .additional-info {
    margin: 0 0 10px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item {
    padding: 16px 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item .bonus-account-available-list-item,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item bonus-account-available-list-item {
    padding: 0 16px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.available-bonus-list-item header .countdown,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item header .countdown {
    font-weight: 700
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li:not(:last-child),
.bx-bonus-account-list .bonuses-list .accordion.tertiary li:not(:last-child) {
    border-bottom: none
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .subject-heading,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .subject-heading {
    max-width: calc(100% - 20px)
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .subject-heading .custom-link,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .subject-heading .custom-link {
    display: inline-block;
    padding: 5px 6px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress .progress-bar,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress .progress-bar {
    width: 80%
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits {
    position: relative;
    width: 100%;
    height: 26px;
    margin: 15px 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits .movement-area-for-deposit-counter,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits .movement-area-for-deposit-counter {
    top: -15px;
    position: relative
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper {
    position: absolute;
    top: 0;
    background-color: #f5f5f2
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper .deposit-counter,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper .deposit-counter {
    border: 1px solid grey;
    border-radius: 50%;
    text-align: center;
    min-width: 26px;
    height: 26px;
    line-height: 25px;
    font-size: 10px;
    color: #333;
    padding: 0 2px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper .deposit-counter.active,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits .movement-area-for-deposit-counter .deposit-counter-wrapper .deposit-counter.active {
    border-color: #54a212
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits .progress-bar,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits .progress-bar {
    width: 100%;
    margin-top: 11.5px
}

@media screen and (min-width: 1280px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits {
        -ms-flex: 1 1 42%;
        flex: 1 1 42%;
        margin: 15px auto
    }
}

@media screen and (max-width: 1279px) and (min-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits {
        padding-right: 200px;
        padding-left: 56px
    }
}

@media screen and (max-width: 1110px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress.deposits,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress.deposits {
        padding-right: 40px;
        padding-left: 56px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    cursor: pointer
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li {
    border: none;
    display: inline-block;
    flex-wrap: inherit;
    padding: 0 1px;
    font-size: 1.5em;
    margin-bottom: 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li:first-child,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li:first-child,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li:first-child,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li:first-child {
    padding-left: 2px;
    border-left: none
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li .icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li .icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li .icon,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li .icon {
    font-size: 16px;
    padding: 3px 4px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li .icon.icon-bitcoin-circle,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li .icon.icon-bitcoin-circle,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li .icon.icon-bitcoin-circle,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li .icon.icon-bitcoin-circle {
    color: #fff
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li .icon.icon-bitcoin-circle.crypto-btc,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li .icon.icon-bitcoin-circle.crypto-btc,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li .icon.icon-bitcoin-circle.crypto-btc,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li .icon.icon-bitcoin-circle.crypto-btc {
    background-color: #f7921b;
    font-size: 16px;
    color: #fff;
    margin: 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-icon-list li .icon.icon-bitcoin-circle.crypto-bch,
.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .product-list li .icon.icon-bitcoin-circle.crypto-bch,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-icon-list li .icon.icon-bitcoin-circle.crypto-bch,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .product-list li .icon.icon-bitcoin-circle.crypto-bch {
    background-color: #32b300;
    font-size: 16px;
    color: #fff;
    margin: 0
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container {
    margin-left: 60px;
    margin-right: 40px;
    margin-bottom: 8px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-cta,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-cta {
    margin: 5px 40px 0 auto
}

@media screen and (min-width: 1279px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-cta,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-cta {
        flex: none;
        min-width: 140px
    }

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .subject-heading,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .subject-heading {
        -ms-flex: 1 1 38%;
        flex: 1 1 38%
    }

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress {
        -ms-flex: 1 1 42%;
        flex: 1 1 42%
    }

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container {
        margin-left: 0;
        margin-bottom: 0;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-separator.vertical,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-separator.vertical {
    margin: 6px 5px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .extra-info,
.bx-bonus-account-list .bonuses-list .accordion.tertiary li .extra-info {
    font-size: .6em;
    color: grey;
    font-weight: 100;
    margin: 0 0 0 3px
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-cta,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-cta {
        flex: 1 1 100%;
        margin: 10px 40px 0 auto;
        min-width: 140px
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) and (min-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-cta,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-cta {
        order: 1;
        flex: none
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .subject-heading,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .subject-heading {
        -ms-flex: none;
        flex: none;
        order: 2
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) and (min-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .subject-heading,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .subject-heading {
        order: 1;
        flex: 0 0 50%
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-progress,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-progress {
        -ms-flex: none;
        flex: none;
        max-width: inherit;
        order: 3
    }

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container {
        display: flex;
        text-align: left;
        order: 1
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) and (min-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container {
        display: block;
        flex: 1 1 20%;
        order: 2;
        text-align: right;
        width: auto
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) and (max-width:1111px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container .price,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container .price {
        margin: 0;
        order: 0
    }

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .price-container .custom-separator.vertical.visible-xs,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .price-container .custom-separator.vertical.visible-xs {
        display: block !important
    }
}

@media screen and (max-width: 769px) {

    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li .custom-cta,
    .bx-bonus-account-list .bonuses-list .accordion.tertiary li .custom-cta {
        margin: 10px 40px 0 60px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended i.icon.icon-bonus {
    align-items: inherit;
    justify-content: inherit
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information {
        flex: 1 1 25%
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information {
        order: 3;
        margin: 0 0 0 145px;
        width: calc(100% - 165px)
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information header.subject-heading {
        order: 3;
        margin: 0;
        max-width: 100%
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-information header.subject-heading button.custom-link {
    padding: 5px 8px
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress {
    margin-top: 0
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress {
        order: 4;
        margin-left: 145px;
        margin-top: 6px;
        width: calc(100% - 170px);
        padding: 0
    }
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress {
        padding: 30px 0 0;
        height: 95px;
        margin-right: 5px;
        max-width: 273px;
        order: 2;
        width: calc(100% - 500px)
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress figure.progress-bar {
    width: calc(100% - 40px)
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.custom-progress span.playthrough {
        margin-top: 0;
        margin-bottom: 12px
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.price-container {
        order: 1;
        margin: 14px 0 4px 145px;
        width: calc(100% - 189px)
    }
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.price-container {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        height: 95px;
        align-items: end;
        margin: 0;
        flex: 1 1 5%;
        white-space: nowrap
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.price-container p.price.non-playable {
        font-size: 1.4em;
        line-height: .6em
    }
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.price-container span.custom-separator.vertical.visible-xs {
        display: none !important
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.price-container span.custom-separator.vertical.visible-xs {
        margin: 0 5px
    }
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button {
        order: 2;
        margin-top: 17px
    }
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        height: 95px;
        order: 3
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler {
    position: relative
}

@media only screen and (max-width: 1110px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler {
        padding: 0 16px
    }
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.toggler-button button.toggler {
        padding: 0 24px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary.bonus-active li.extended div.bonus-more-info.shown {
    display: block
}

.bx-bonus-account-list .bonuses-list .accordion .more-info {
    transition: none;
    line-height: 17px
}

.bx-bonus-account-list .bonuses-list .accordion .more-info h4 {
    margin-top: 16px;
    font-weight: 500
}

.bx-bonus-account-list .bonuses-list .accordion .more-info h4:first-child {
    margin-top: 11px
}

.bx-bonus-account-list .bonuses-list .accordion .more-info ul {
    list-style-type: disc
}

.bx-bonus-account-list .bonuses-list .accordion .more-info li {
    border: none;
    padding: 5px
}

.bx-bonus-account-list .bonuses-list .accordion .more-info .reward {
    display: block
}

.bx-bonus-account-list .bonuses-list .accordion .more-info .reward:before {
    content: "-";
    padding-right: 2px
}

.bx-bonus-account-list .bonuses-list .accordion .more-info.more-info-color {
    color: #2b2b2b
}

.bx-bonus-account-list .bonuses-list .tooltip-popover-msg ul {
    list-style: disc;
    padding-left: 15px
}

.bx-bonus-account-list .bonuses-list .tooltip-popover-msg li {
    background-color: inherit !important;
    border: none !important;
    padding: 0;
    display: list-item
}

.bx-bonus-account-list .bonus-account-available-list-no-results,
.bx-bonus-account-list .bx-bonus-availability-account-no-results {
    padding-top: 1ex;
    margin-bottom: 15px
}

.bx-bonus-account-list .offers-available-list .reward-points {
    padding: 20px;
    border-top: 1px solid #d1d1d1
}

.bx-bonus-account-list .points-price {
    flex: none;
    order: 2;
    align-self: flex-start;
    margin: 5px 40px 0 55px;
    min-width: 120px;
    padding: 10px 0 0
}

@media only screen and (min-width: 1111px) {
    .bx-bonus-account-list .points-price {
        order: 1;
        text-align: right;
        margin: 5px 20px 0 0
    }
}

@media screen and (min-width: 1279px) {
    .bx-bonus-account-list .bonuses-list .bonus-account-available-list div.bonus-pending-list .accordion.tertiary li .subject-heading {
        -ms-flex: 0.6 1 38%;
        flex: 0.6 1 38%
    }
}

.redeem-code-by-code,
.bonus-account-claim-by-code {
    padding: 22px 40px 8px 16px;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    flex-wrap: wrap;
    background-color: #f5f5f2
}

@media only screen and (min-width: 1279px) {

    .redeem-code-by-code,
    .bonus-account-claim-by-code {
        padding: 22px 20px 8px 16px
    }
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .redeem-code-by-code,
    .bonus-account-claim-by-code {
        padding: 22px 20px 8px 16px
    }
}

.redeem-code-by-code input,
.bonus-account-claim-by-code input {
    border: 1px solid #c2c2c2;
    border-radius: 4px
}

.redeem-code-by-code .redeem-error-msg,
.bonus-account-claim-by-code .redeem-error-msg {
    color: #c00;
    margin-right: 16px;
    display: block;
    margin-top: -8px;
    width: 100%
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .redeem-code-by-code .redeem-error-msg,
    .bonus-account-claim-by-code .redeem-error-msg {
        margin-right: 36px
    }
}

@media screen and (min-width: 1279px) {

    .redeem-code-by-code .redeem-error-msg,
    .bonus-account-claim-by-code .redeem-error-msg {
        margin-right: 36px
    }
}

.redeem-code-by-code label,
.bonus-account-claim-by-code label {
    border: 0;
    font-size: 17px;
    background-color: #fff
}

.redeem-code-by-code .info,
.redeem-code-by-code .redeem-code,
.bonus-account-claim-by-code .info,
.bonus-account-claim-by-code .redeem-code {
    flex: 1 1;
    padding-right: 20px
}

.redeem-code-by-code .action,
.redeem-code-by-code .redeem-button,
.bonus-account-claim-by-code .action,
.bonus-account-claim-by-code .redeem-button {
    flex: 0 0;
    text-align: right;
    margin-right: 16px
}

.redeem-code-by-code .action .custom-cta,
.redeem-code-by-code .redeem-button .custom-cta,
.bonus-account-claim-by-code .action .custom-cta,
.bonus-account-claim-by-code .redeem-button .custom-cta {
    min-width: 88px
}

@media screen and (min-width: 769px) and (max-width:1279px) {

    .redeem-code-by-code .action,
    .redeem-code-by-code .redeem-button,
    .bonus-account-claim-by-code .action,
    .bonus-account-claim-by-code .redeem-button {
        margin-right: 36px
    }
}

@media screen and (min-width: 850px) and (max-width:1279px) {

    .redeem-code-by-code .action .custom-cta,
    .redeem-code-by-code .redeem-button .custom-cta,
    .bonus-account-claim-by-code .action .custom-cta,
    .bonus-account-claim-by-code .redeem-button .custom-cta {
        min-width: 140px
    }
}

@media screen and (min-width: 1279px) {

    .redeem-code-by-code .action,
    .redeem-code-by-code .redeem-button,
    .bonus-account-claim-by-code .action,
    .bonus-account-claim-by-code .redeem-button {
        margin-right: 36px
    }

    .redeem-code-by-code .action .custom-cta,
    .redeem-code-by-code .redeem-button .custom-cta,
    .bonus-account-claim-by-code .action .custom-cta,
    .bonus-account-claim-by-code .redeem-button .custom-cta {
        min-width: 140px
    }
}

.bx-bonus-delivery-address .delivery-address-option .address-box {
    margin: 10px 0;
    padding: 15px 10px 20px;
    display: flex;
    border: 1px solid #ccc;
    align-items: flex-start;
    flex-direction: row;
    box-sizing: border-box
}

.bx-bonus-delivery-address .delivery-address-option .address-box.active {
    border: 1px solid #888
}

.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg {
    width: 65%
}

.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg #alternateAddress-selection p,
.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg #defaultAddress-selection p {
    text-align: left
}

.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg #alternateAddress-selection p.highlight,
.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg #defaultAddress-selection p.highlight {
    font-weight: 700
}

.bx-bonus-delivery-address .delivery-address-option .address-box .address-option-msg .address-form {
    display: inline-block;
    font-size: 1em;
    line-height: 24px;
    max-height: 24px;
    position: relative;
    padding-left: 34px;
    width: 100%
}

.bx-bonus-delivery-address .delivery-address-option #deliver-to-msg {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700
}

.bx-bonus-delivery-address .delivery-address-option .country {
    text-align: right;
    color: #888;
    width: 35%
}

.bx-bonus-delivery-address .delivery-address-option .country span {
    font-size: 1.1em;
    vertical-align: top
}

.bx-bonus-delivery-address .delivery-address-option .country .icon-location {
    font-size: 1.4em
}

.bx-reward-store-search figure .reward-store-input {
    padding: 1rem
}

.bx-reward-store-search figure .reward-store-input input {
    padding: 1rem 0 1rem 1rem;
    position: absolute;
    width: calc(100% - 2rem);
    height: 2rem
}

.bx-reward-store-search figure .reward-store-input label.active-field {
    padding: 1rem 0 1rem 1rem;
    height: 2rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 6px
}

.bx-reward-store-search figure .reward-store-input label.active-field:active {
    border-color: #fef4ec
}

.bx-reward-store-search figure .reward-store-toggle {
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle input {
    left: unset
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label {
    background-color: inherit;
    border-bottom: none;
    padding-top: 0;
    white-space: nowrap
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-off {
    position: relative;
    padding-right: 4rem
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-off:before {
    right: 0;
    left: auto
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-off:after {
    right: 0;
    left: calc(100% - 2.75rem)
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-on {
    position: relative;
    padding-right: 4rem
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-on:before {
    right: 0;
    left: auto
}

.bx-reward-store-search figure .reward-store-toggle .bx-toggle label.switch-btn-on:after {
    left: calc(100% - 1.25rem)
}

.bx-reward-store-search figure .clear-all a {
    margin-right: 10px;
    color: #656565
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active {
    width: calc(100% - 2rem);
    margin: -3.5rem 1rem 0;
    box-shadow: 0 0 5px 2px #e2e2ef;
    border-collapse: initial
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active ul.custom-checkbox {
    overflow: visible
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active ul.multi-select-options {
    padding: 0 10px;
    width: 100%
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active ul.multi-select-options li.custom-checkbox input.offer-type-not-available:disabled {
    opacity: 0
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active ul.multi-select-options li.custom-checkbox input.offer-type-not-available:disabled+label {
    background-color: inherit;
    color: hsla(0, 0%, 50.2%, .3)
}

.bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active ul.multi-select-options li.custom-checkbox label {
    vertical-align: middle;
    line-height: 1.17em;
    padding-right: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: grey;
    background-color: #fff
}

@media only screen and (min-width: 950px) {
    .bx-reward-store-search figure {
        display: grid
    }

    .bx-reward-store-search figure .reward-store-input-values {
        display: flex
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-input {
        grid-row: 1;
        width: 40%;
        margin-right: auto;
        min-width: 14rem
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-input input {
        width: 40%
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-input label {
        min-width: 14rem
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-toggle .bx-toggle {
        grid-row: 1;
        margin-top: 1rem
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-toggle .bx-toggle .custom-toggle {
        min-width: 230px
    }

    .bx-reward-store-search figure .reward-store-input-values .reward-store-toggle .bx-toggle .custom-toggle label {
        background-color: inherit;
        border-bottom: none
    }

    .bx-reward-store-search figure.multi-select.reward-store-search .multi-select-container.active {
        grid-row: 2;
        margin: -.75rem 1rem 0
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.bonus-image i.icon.left-icon.icon-tangible-reward {
    color: #fff
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive {
    border-radius: 0 25px 25px 0;
    background-color: #ff6900
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive.inverse {
    background-color: #1c1c1c
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.label-exclusive h3.title {
    color: #fff
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended i.custom-link.icon.icon-tangible-reward {
    color: #fff;
    background-color: #ff6900
}

@media only screen and (max-width: 1110px) {
    bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button {
        margin: 8px 0 15px 145px
    }
}

.bx-bonus-account-list .bonuses-list .accordion.tertiary li.available-bonus-list-item-extended div.claim-button button.custom-cta.primary {
    margin: 0;
    width: 100%
}

.bx-articles-card-ch a figure.card {
    padding-bottom: 0
}

@media (min-width: 769px) {
    .max-container.articles-title-container {
        padding-top: 40px
    }
}

@media (max-width: 768px) {
    .max-container.articles-title-container {
        padding-top: 24px;
        padding-left: 16px;
        padding-bottom: 16px
    }
}

.max-container.articles-container {
    padding-top: 16px
}

@media (min-width: 769px) {
    .max-container.articles-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 32px
    }
}

.articles-title {
    text-transform: uppercase
}

.articles-title .bx-section-container>.component-header>h2.h5-heading.content-title,
.articles-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.articles-title h2.h3-heading,
.carousel.primary .component-wrapper.max-container .articles-title h2.h2-heading.content-title[class*=-heading] {
    font-size: 20px;
    font-weight: 700
}

@media (min-width: 769px) {
    .articles-title {
        margin-left: 0
    }
}

@media (min-width: 769px) {
    .max-container.articles-container {
        padding-top: 32px;
        display: flex;
        width: 100%;
        flex-wrap: wrap
    }
}

@media (min-width: 769px) {
    .articles-menu-container {
        padding-top: 16px
    }
}

@media (min-width: 769px) {
    .articles-container-item {
        width: 23.25%;
        margin-right: 2.33%;
        margin-bottom: 2.33%
    }
}

@media (max-width: 768px) {
    .articles-container-item {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px
    }
}

@media (min-width: 769px) {
    .articles-container-item:last-of-type {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .articles-container-item:last-of-type {
        padding-bottom: 0
    }
}

@media (max-width: 768px) {
    .articles-container-item:first-of-type {
        padding-top: 32px
    }
}

@media (min-width: 769px) {
    .articles-container-item:nth-child(4n+4) {
        margin-right: 0
    }
}

.max-container.promotion-wrapper.promotion-copperhead {
    margin: auto
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead {
        padding: 0
    }
}

@media screen and (min-width: 1376px) {
    .max-container.promotion-wrapper.promotion-copperhead {
        max-width: 1024px;
        margin-top: 0 !important
    }
}

.max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-responsive {
    height: inherit
}

.max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-wrapper {
    background-color: initial;
    padding: 0;
    width: 100vw;
    overflow: hidden
}

@media screen and (max-width: 768px) and (min-width:480px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-wrapper {
        margin-left: 24px;
        width: auto;
        max-height: 320px
    }
}

@media screen and (max-width: 480px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-wrapper {
        margin-left: 24px;
        width: auto;
        max-height: 217px
    }
}

@media screen and (min-width: 769px) and (max-width:1280px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-wrapper {
        margin-left: 87px;
        margin-right: 0;
        max-width: 965px;
        max-height: 320px
    }
}

@media screen and (min-width: 1280px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .img-wrapper {
        margin-left: 87px;
        max-width: 1112px;
        max-height: 320px
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .breadcrumb-wrapper {
        width: 85%;
        max-width: 1112px;
        background-color: initial;
        float: right;
        padding: 45px 0
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-left-aligned .rich-text-body-content {
        overflow: visible
    }
}

.max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-responsive {
    height: inherit
}

.max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-wrapper {
    background-color: initial;
    padding: 0;
    width: 100vw;
    overflow: hidden
}

@media screen and (max-width: 768px) and (min-width:480px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-wrapper {
        margin-left: -16px;
        margin-right: 0;
        max-width: 1024px;
        max-height: 300px
    }
}

@media screen and (max-width: 480px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-wrapper {
        margin-left: -16px;
        margin-right: -16px;
        max-height: 300px
    }
}

@media screen and (min-width: 769px) and (max-width:1280px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-wrapper {
        margin-left: 0;
        margin-right: 0;
        max-width: 1376px;
        max-height: 450px
    }
}

@media screen and (min-width: 1280px) {
    .max-container.promotion-wrapper.promotion-copperhead.layout-overlapped .img-wrapper {
        margin-left: -176px;
        margin-right: -176px;
        max-width: 1376px;
        max-height: 450px
    }
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-details>.promotion-title:first-child {
        padding: 0 24px 24px
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-details>.promotion-title:first-child {
        max-width: 1024px;
        margin: auto;
        padding: 0 176px 24px
    }
}

.max-container.promotion-wrapper.promotion-copperhead .promotion-details div.img-wrapper+.promotion-title {
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-details div.img-wrapper+.promotion-title {
        padding: 0 24px;
        font-size: 2em
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-details div.img-wrapper+.promotion-title {
        font-size: 3.5em;
        max-width: 1024px;
        margin: auto;
        padding: 16px 176px 0;
        background-color: #f5f5f2
    }
}

.max-container.promotion-wrapper.promotion-copperhead .promotion-body {
    font-size: small;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-body {
        padding: 24px
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-body {
        max-width: 1024px;
        margin: 0 auto;
        padding: 24px 176px;
        background-color: #f5f5f2
    }
}

.max-container.promotion-wrapper.promotion-copperhead .img-wrapper .img-responsive {
    margin: auto;
    grid-column: 1
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead .img-wrapper {
        padding: 0 0 25px
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .img-wrapper {
        background-color: #f5f5f2;
        max-width: 1024px;
        margin: auto;
        padding: 40px 88px 16px
    }
}

.max-container.promotion-wrapper.promotion-copperhead .promotion-details {
    border: none;
    margin-top: 0;
    color: #000
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .promotion-details {
        background-color: #f5f5f2
    }
}

@media screen and (max-width: 768px) {
    .max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper {
        padding: 10px 0 15px
    }
}

@media screen and (min-width: 769px) {
    .max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper {
        padding: 0 0 16px;
        max-width: 1024px;
        margin: auto
    }
}

.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb,
.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb a.breadcrumb-link {
    display: flex;
    visibility: visible
}

.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb a i.icon-arrow-next {
    display: none
}

.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb a.breadcrumb-link+a {
    font-size: 1.17em
}

.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb:after,
.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb:last-of-type,
.max-container.promotion-wrapper.promotion-copperhead .breadcrumb-wrapper .breadcrumb:last-of-type a {
    display: none
}

.max-container.promotions-title {
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width: 769px) {
    .max-container.promotions-title {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .max-container.promotions-title {
        text-align: center
    }
}

.carousel.primary .component-wrapper.max-container .max-container.promotions-title h2.h2-heading.content-title[class*=-heading],
.max-container.promotions-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.max-container.promotions-title h2 {
    font-weight: 500
}

.max-container.promotion-container .promotion-container-item {
    padding-right: 0
}

@media (min-width: 769px) {
    .max-container.promotion-container .promotion-container-item {
        width: 23.25%;
        margin-right: 2.33%;
        margin-bottom: 2.33%
    }
}

@media (max-width: 768px) {
    .max-container.promotion-container .promotion-container-item {
        width: 100%;
        margin-left: 32px;
        margin-right: 32px;
        margin-bottom: 32px
    }
}

@media (min-width: 769px) {
    .max-container.promotion-container .promotion-container-item:nth-last-child(-n+4) {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .max-container.promotion-container .promotion-container-item:last-of-type {
        margin-bottom: 16px
    }
}

@media (min-width: 769px) {
    .max-container.promotion-container .promotion-container-item:nth-child(4n+4) {
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .max-container.articles-title-container {
        padding-top: 24px
    }
}

@media (min-width: 1375px) {
    .max-container.articles-title-container {
        padding-top: 0
    }
}

@media (min-width: 769px) {
    .max-container.articles-container {
        padding-top: 16px
    }
}

@media (min-width: 480px) {
    .articles-container-item:first-of-type {
        padding-top: 16px
    }
}

@media (max-width: 768px) {
    .articles-container-item:first-of-type {
        padding-top: 16px
    }
}

@media (min-width: 769px) {
    .articles-container-item:first-of-type {
        padding-top: 0
    }
}

@media (max-width: 768px) {
    .articles-menu-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.articles-title .bx-section-container>.component-header>h2.h5-heading.content-title,
.articles-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.articles-title .h3-heading,
.carousel.primary .component-wrapper.max-container .articles-title h2.h2-heading.content-title[class*=-heading] {
    font-family: var(--font-secondary);
    font-size: 20px;
    font-weight: 700
}

@media (min-width: 769px) {

    .articles-title .bx-section-container>.component-header>h2.h5-heading.content-title,
    .articles-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .articles-title .h3-heading,
    .carousel.primary .component-wrapper.max-container .articles-title h2.h2-heading.content-title[class*=-heading] {
        font-size: 24px
    }
}

@media (max-width: 768px) {

    .articles-title .bx-section-container>.component-header>h2.h5-heading.content-title,
    .articles-title .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .articles-title .h3-heading,
    .carousel.primary .component-wrapper.max-container .articles-title h2.h2-heading.content-title[class*=-heading] {
        font-size: 20px
    }
}

bx-card article .thumb-container img.img-responsive:not(.ng-lazyloaded) {
    min-height: 110px !important;
    background-color: #e9e9e9;
    text-indent: -9999px
}

bx-card .img-small article .thumb-container img.force-height+img.img-responsive:not(.ng-lazyloaded),
bx-card .img-small article .thumb-container img.img-responsive.force-height:not(.ng-lazyloaded) {
    min-height: 80px !important
}

bx-card .cursor {
    cursor: pointer
}

.modal-overlay .game-wrapper-overlay-container .game-wrapper-header .modal-header.navbar-static h1.h4-heading {
    margin-left: 0;
    padding-left: 0
}

.modal-overlay .game-wrapper-overlay-container .game-wrapper-header .modal-header.navbar-static button.maximise-btn {
    background-color: #1c1c1c;
    margin: 0 4px
}

.modal-overlay .game-wrapper-overlay-container .game-wrapper-header .modal-header.navbar-static button.maximise-btn.right-alignment {
    margin-left: auto
}

.modal-overlay .game-wrapper-overlay-container .in-content-container {
    background-color: #333
}

bx-game-detail div.game-detail h1.h2-heading.game-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    right: 48px;
    text-align: left
}

div.game-detail.game-detail {
    width: 100%
}

div.game-detail .game-short-description {
    display: none
}

div.game-detail div.game-full-description-text {
    background-color: #f5f5f2;
    color: #333;
    padding: 0 24px 24px;
    overflow-x: overlay
}

div.game-detail div.play-buttons {
    padding: 24px;
    background-color: #f5f5f2;
    margin-top: -3px
}

div.game-detail div.play-buttons button.custom-cta {
    margin: 0;
    width: 100%;
    font-size: 1.34em;
    padding: 17px 32px;
    line-height: 14px
}

div.game-detail h1.h2-heading.game-title {
    margin: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 19px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

div.game-detail h1.h2-heading.game-title:before {
    display: none
}

div.game-detail img.responsive {
    margin-top: 46px
}

div.game-detail .modal-header {
    border: none;
    top: 0
}

div.game-detail .sticky-footer.navbar-fixed-bottom.row {
    display: none
}

a figure.card {
    position: relative
}

a figure.card figcaption.card-footer-text {
    margin: 0;
    padding: 6px 8px;
    text-align: left;
    color: #fff;
    min-height: 15px;
    background-color: #1c1c1c;
    font-size: .85em;
    position: absolute;
    top: 198px
}

.max-container.article-wrapper.article-copperhead {
    margin: auto
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead {
        padding: 0
    }
}

@media screen and (min-width: 1376px) {
    .max-container.article-wrapper.article-copperhead {
        max-width: 1024px;
        margin-top: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead.layout-left-aligned .img-wrapper {
        margin-right: -16px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead.layout-left-aligned .img-wrapper {
        padding: 0;
        margin-bottom: 24px;
        width: 85%;
        max-width: 1112px;
        background-color: #f5f5f2;
        float: right
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead.layout-left-aligned .breadcrumb-wrapper {
        width: 85%;
        max-width: 1112px;
        background-color: initial;
        float: right;
        padding: 45px 0
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead.layout-left-aligned .breadcrumb-wrapper .breadcrumb-content {
        padding-right: 96px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead.layout-left-aligned .rich-text-body-content {
        overflow: visible
    }
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead.layout-overlapped .img-wrapper {
        padding-left: 24px;
        margin: 0 -16px 0 -42px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead.layout-overlapped .img-wrapper {
        margin: auto;
        padding: 0;
        max-width: 1024px
    }
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead .article-details>.article-title:first-child {
        padding: 0 24px 24px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .article-details>.article-title:first-child {
        max-width: 1024px;
        margin: auto;
        padding: 0 176px 24px;
        background-color: #f5f5f2
    }
}

.max-container.article-wrapper.article-copperhead .article-details div.img-wrapper+.article-title {
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead .article-details div.img-wrapper+.article-title {
        padding: 0 24px;
        font-size: 2em
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .article-details div.img-wrapper+.article-title {
        background-color: #f5f5f2;
        font-size: 3.5em;
        max-width: 1024px;
        margin: auto;
        padding: 76px 176px 15px
    }
}

.max-container.article-wrapper.article-copperhead .article-body {
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead .article-body {
        padding: 0 24px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .article-body {
        max-width: 1024px;
        margin: 0 auto;
        padding: 20px 176px 24px;
        background-color: #f5f5f2
    }
}

.max-container.article-wrapper.article-copperhead .img-wrapper .img-responsive {
    width: 100%
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead .img-wrapper {
        padding: 0 0 30px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .img-wrapper {
        padding: 0;
        background-color: #f5f5f2;
        max-width: 1024px;
        margin: auto
    }
}

.max-container.article-wrapper.article-copperhead .article-details {
    border: none;
    margin: auto;
    max-width: 1024px;
    color: #000;
    background-color: #f5f5f2
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .article-details {
        background-color: #f5f5f2
    }
}

.max-container.article-wrapper.article-copperhead .article-details .article-date {
    background-color: #f5f5f2;
    color: grey;
    text-transform: uppercase;
    max-width: 1024px;
    margin: auto;
    padding: 12px 0 10px 25px
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .article-details .article-date {
        padding: 0 176px
    }
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper {
    display: flex
}

@media screen and (max-width: 768px) {
    .max-container.article-wrapper.article-copperhead .breadcrumb-wrapper {
        padding: 10px 0 15px
    }
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .breadcrumb-wrapper {
        padding: 0 0 16px;
        max-width: 1024px;
        margin: auto
    }
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumbContainer {
    display: flex;
    float: left
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb-content {
    width: 100%
}

@media screen and (min-width: 769px) {
    .max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb-content {
        width: 936px
    }
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .article-date {
    text-transform: uppercase;
    text-align: right;
    float: right
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb,
.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb a.breadcrumb-link {
    display: flex;
    visibility: visible
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb a i.icon-arrow-next {
    display: none
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb a.breadcrumb-link+a {
    font-size: 1.17em
}

.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb:after,
.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb:last-of-type,
.max-container.article-wrapper.article-copperhead .breadcrumb-wrapper .breadcrumb:last-of-type a {
    display: none
}

:host ::ng-deep .bx-cashier .custom-checkbox label.bch-iagree-lbl,
:host ::ng-deep .bx-cashier .custom-checkbox label.btc-iagree-lbl,
:host ::ng-deep .bx-cashier .custom-checkbox label.white-text {
    color: inherit
}

:host ::ng-deep .bx-cashier fieldset.withdrawal-fieldset-inline-text {
    margin-left: 0
}

:host ::ng-deep .bx-cashier .cs-reduced-text {
    font-size: .9em
}

:host ::ng-deep .bx-cashier .cs-payment-details-container {
    width: 100%
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .button-area {
    text-align: center
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .button-area button {
    float: none
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .step-item #requestedAmountValue {
    color: #54a212;
    font-weight: 700
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .tooltip-popover-content #aboutFeeMsgTooltip {
    padding-right: 10%
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .cs-payment-details-container {
        max-width: 412px;
        margin: 0 auto
    }
}

:host ::ng-deep .bx-cashier .bcm-overlay .modal-body {
    padding: 16px !important
}

:host ::ng-deep .bx-cashier .cs-payment-details-table-title {
    font-size: 1em;
    padding-left: 8px;
    display: block;
    text-align: left;
    font-weight: 700;
    margin-bottom: 8px;
    color: #000
}

:host ::ng-deep .bx-cashier .cs-highlight-text {
    color: #000
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .bonus-area {
        order: -1
    }
}

:host ::ng-deep .bx-cashier .bch-iagree-lbl,
:host ::ng-deep .bx-cashier .btc-iagree-lbl {
    color: inherit
}

:host ::ng-deep .bx-cashier .custom-menu.primary {
    color: #2b2b2b;
    background: #fff
}

:host ::ng-deep .bx-cashier .custom-menu.primary li {
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .custom-menu.primary ul {
    background: #fff;
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .bx-deposit-wiretransfer .instructions .numbered {
    color: grey
}

:host ::ng-deep .bx-cashier .custom-menu.primary.options li {
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .tooltip-popover-msg {
    padding: 5px;
    text-align: center
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .tooltip-popover-msg .error-msg {
    color: inherit
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .custom-cta.tertiary {
    background: #c00;
    color: #fff;
    font-size: 1em
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .custom-cta.tertiary :before {
    border: 1px solid #dc3434 !important;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.profile-update-confirmation .buttons :host ::ng-deep .bx-cashier .withdrawal-bottom .custom-cta.primary,
:host ::ng-deep .bx-cashier .withdrawal-bottom .custom-cta.primary.cta-large,
:host ::ng-deep .bx-cashier .withdrawal-bottom .profile-update-confirmation .buttons .custom-cta.primary {
    width: 100%
}

:host ::ng-deep .bx-cashier .first-deposit {
    color: #368031
}

:host ::ng-deep .bx-cashier .list-table-title {
    color: #2b2b2b
}

:host ::ng-deep .bx-cashier .two-column-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-color: #fff
}

:host ::ng-deep .bx-cashier .two-column-container .left-panel {
    width: 100%;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .two-column-container .right-panel {
    width: 100%;
    margin-top: 15px;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .two-column-container .spaced-below {
    margin-bottom: 0
}

:host ::ng-deep .bx-cashier .two-column-container .withdrawal-button {
    width: 100%;
    margin-top: 15px
}

:host ::ng-deep .bx-cashier .two-column-container .pin-wrapper {
    margin-top: 3px
}

:host ::ng-deep .bx-cashier #displayedAddress,
:host ::ng-deep .bx-cashier #presetAmountTitle {
    color: grey
}

:host ::ng-deep .bx-cashier .local-bitcoin-box .register-lb-button {
    font-size: 1.21em
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid {
    background-color: #fff;
    display: grid
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .form-field-50 {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .left-panel {
    width: 100%;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .right-panel {
    width: 100%;
    margin-top: 15px;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .spaced-below {
    margin-bottom: 0
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .withdrawal-button {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .two-column-container .left-panel {
        width: calc(50% - 5px)
    }

    :host ::ng-deep .bx-cashier .two-column-container .right-panel {
        width: calc(50% - 5px);
        margin-top: 0
    }

    :host ::ng-deep .bx-cashier .generic-withdrawal-grid .left-panel {
        width: calc(100% - 10px)
    }

    :host ::ng-deep .bx-cashier .generic-withdrawal-grid .right-panel {
        width: calc(100% - 10px);
        margin-top: 0
    }

    :host ::ng-deep .bx-cashier .local-bitcoin-box .register-lb-button {
        font-size: 1.46em
    }
}

@media (max-width: 730px) {
    :host ::ng-deep .bx-cashier .custom-menu.primary.options.payment-methods-list {
        margin-left: 0;
        margin-right: 0
    }

    :host ::ng-deep .bx-cashier .bx-withdraw .custom-menu.primary.options.payment-methods-list {
        margin-top: -16px
    }

    :host ::ng-deep .bx-cashier .custom-notification {
        margin-top: 15px
    }
}

:host ::ng-deep .bx-cashier .modal-content .modal-medium {
    overflow: hidden
}

.fullsize-carousel:not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
_:-webkit-full-screen:not(:root:root) {
    min-height: 307px
}

:root .fullsize-carousel:not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
_::-webkit-full-page-media,
_:future {
    min-height: 307px
}

.bx-header~div.top-container {
    padding-top: 84px
}

@media screen and (min-width: 769px) {

    .logged-in .bx-header~div.top-container,
    .bx-header~div.top-container {
        padding-top: 96px
    }
}

.bx-footer {
    display: block;
    margin-top: 16px
}

.bx-footer .selectors-container {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .bx-footer {
        margin-top: 32px
    }
}

.bx-site .bg-overlay-color {
    background-color: #ededed
}

.bx-site .bg-color {
    background-color: #fff
}

.bx-site .font-color {
    color: #333
}

.bx-site .modal-overlay.game-wrapper-overlay {
    background-color: #333
}

.bx-site .game-wrapper-overlay-container .header-label {
    color: grey !important;
    font-weight: 400 !important
}

.bx-site .game-wrapper-header header {
    background-color: #fff;
    border-bottom: none !important
}

.bx-site .game-wrapper-body section {
    padding: 16px 0 !important
}

.bx-site .game-wrapper-body .game-description {
    background-color: #fff;
    height: 100% !important;
    margin-right: 18px
}

.bx-site .bx-notification-container {
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden
}

.bx-site .navbar-wrapper.blocked,
bx-site .navbar-wrapper.not-found {
    background: #fff
}

.bx-site img.ng-lazyloaded {
    animation: fadeIn .4s linear;
    animation-play-state: running
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx-site .bx-overlay .modal-overlay.dark-overlay .bx-bonus-selection .modal-body.modal-body-full-width {
    padding: 0
}

@media screen and (min-width: 769px) {
    .bx-site .main-menu-wrapper {
        height: 105px
    }
}

@media screen and (min-width: 1376px) {

    .logged-in .bx-header~div.top-container,
    .bx-header~div.top-container {
        padding-top: 128px;
        max-width: 1376px;
        margin: auto
    }
}

.bx-header~div.top-container.crossbrand-welcome-page {
    padding-top: 34px
}

@media screen and (min-width: 769px) {
    .bx-header~div.top-container.crossbrand-welcome-page {
        padding-top: 96px
    }
}

@media screen and (max-width: 769px) {
    .bx-main-menu {
        position: fixed;
        width: 100%;
        z-index: 5;
        bottom: 0
    }
}

.bx-menu.iphone {
    height: 64px
}

.bx-lang-select .lang-selector-menu-overlay {
    display: flex;
    max-width: 300%;
    position: fixed;
    top: 84px;
    left: -100%;
    right: -100%;
    background-color: rgba(0, 0, 0, .6);
    bottom: -100vh;
    z-index: 2
}

@media only screen and (min-width: 769px) {
    .bx-lang-select .lang-selector-menu-overlay {
        display: flex;
        max-width: 300%;
        position: fixed;
        top: 96px;
        left: -100%;
        right: -100%;
        bottom: -100vh;
        z-index: 2;
        background-color: rgba(0, 0, 0, .6)
    }
}

.bx-account main.content {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width: 769px) {
    .bx-account main.content {
        margin-top: 32px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1376px) {
    bx-account main.content {
        margin-top: 0
    }
}

.bx-account-menu-navigation {
    color: #fff
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .summaryContainer .nameContainer {
    color: #fff;
    font-weight: 400;
    font-size: 1.17em
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .extended-balance .player-balance-amount {
    color: #fff;
    white-space: nowrap
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .userIconContainer {
    padding-top: 12px;
    padding-left: 12px
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .summaryContainer {
    padding-top: 12px;
    margin-left: 50px;
    border-bottom-color: #d1d1d1
}

.bx-account-menu-navigation .account-menu-container {
    background-color: #000
}

.bx-account-menu-navigation .account-info {
    padding: 1em;
    min-height: 165px
}

.bx-account-menu-navigation .account-balance-logout {
    display: table-cell;
    flex-direction: row;
    justify-content: space-between
}

.bx-account-menu-navigation .account-balance-pending {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 50px
}

.bx-account-menu-navigation .account-deposit-buttons {
    padding: 14px 5.4%;
    position: relative;
    width: 100%;
    background-color: #1c1c1c;
    border-top: none
}

@media only screen and (min-width: 769px) and (max-width:800px) {
    .bx-account-menu-navigation .account-deposit-buttons {
        padding: 16px 4%
    }
}

.bx-account-menu-navigation .account-withdraw-button {
    width: 44%;
    float: right
}

.bx-account-menu-navigation .account-deposit-button {
    width: 44%
}

.bx-account-menu-navigation .account-logout {
    padding-top: 10px;
    padding-right: 12px;
    align-self: flex-end;
    float: right
}

@media only screen and (max-width: 376px) {
    .bx-account-menu-navigation .account-logout {
        padding-right: 6px
    }
}

.bx-account-menu-navigation .account-logout button.account-logout-button {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 376px) {
    .bx-account-menu-navigation .account-logout button.account-logout-button {
        padding: 5px 10px
    }
}

.bx-account-menu-navigation .bx-account-menu-nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 300px
}

.bx-account-menu-navigation .cashier-actions-row {
    display: flex;
    justify-content: space-between
}

.bx-account-menu-navigation .cashier-actions-row.one-column>.custom-cta.flex-buttons {
    width: 100%
}

.bx-account-menu-navigation .cashier-actions-row.two-columns>.custom-cta.flex-buttons {
    width: 48%
}

.bx-account-menu-navigation .cashier-actions-row.three-columns>.custom-cta.flex-buttons {
    width: 32%
}

.bx-account-menu-navigation .cashier-actions-row.first-row {
    margin-bottom: .625rem
}

.bx-account-menu-navigation .modal-header {
    padding: 0 10px
}

.bx-account-menu-navigation .modal-body {
    background-color: #333
}

.bx-account-menu-navigation .player-balance-amount {
    color: #fff;
    font-weight: 500
}

.bx-account-menu-navigation .player-name {
    color: #fff;
    font-size: 1.2em
}

.bx-account-menu-navigation .tooltip-popover-container {
    font-size: 11px;
    margin-left: 1px
}

.bx-account-menu-navigation .account-logout-button {
    color: #00c
}

.bx-account-menu-navigation bx-extended-balance-ch .extended-balance>div {
    line-height: 21px
}

.bx-account-menu #profileUpdateAccount-blocked-message a {
    color: #fff;
    text-decoration: underline
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent {
    display: inline-block;
    vertical-align: top;
    min-width: 300px;
    width: 100%
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .item-checkbox {
    float: left
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .item-link {
    display: block;
    padding: 0 20px 0 40px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .account-back-btn {
    padding: 4px 0 0 10px
}

@media only screen and (min-width: 769px) {
    .bx-account-menu .bx-account-wrapper {
        display: flex
    }

    .bx-account-menu .bx-account-menu-nav {
        max-width: 408px;
        min-width: 340px;
        width: 33%;
        display: inline-block;
        flex: 1
    }

    .bx-account-menu .bx-account-menu-subcontent {
        flex: 2;
        width: 66%;
        display: inline-block;
        height: inherit
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-profile-update-account-form .modal-overlay .modal-body {
        min-height: fit-content
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-bonus-confirmation .modal-overlay .modal-body,
    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-confirmation .modal-overlay .modal-body {
        border: none;
        min-height: fit-content
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .modal-body {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-bonus-confirmation .modal-overlay .modal-body,
    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-confirmation .modal-overlay .modal-body {
        border: none
    }
}

.carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay .modal-header h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header h2.h2-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header h2.h2-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay .modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay .modal-header h2.h2-heading {
    padding-left: 16px;
    font-size: 1.34em
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header .close-btn,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header .close-btn,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay .modal-header .close-btn {
    box-shadow: none
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-overlay .modal-body p,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-overlay .modal-body p,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay .modal-overlay .modal-body p {
    font-size: 14px;
    text-align: center
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header {
    padding: 15px 24px;
    border-bottom: 1px solid #d1d1d1;
    height: inherit
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header {
        padding-top: 8px
    }
}

.carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading {
    text-transform: inherit;
    font-weight: 500
}

@media only screen and (min-width: 769px) {

    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading {
        font-size: 2em
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent >header.modal-header {
    height: 71px;
    padding-top: 30px
}


@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent :not(div)>header.modal-header {
        height: 50px;
        padding-top: 8px
    }
    .bx-player-communication .modal-header {
    height: 50px;
    display: block !important;
    /* padding-top: 30px */
}
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-back-btn.back-btn {
    float: left
}

@media only screen and (max-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-back-btn.back-btn {
        font-size: 8px
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-close-btn.close-btn {
    display: none
}

.carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading {
    float: left;
    font-size: 1.67em;
    text-transform: uppercase;
    padding-left: 8px;
    font-weight: 700
}

@media only screen and (min-width: 769px) {

    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading {
        font-size: 2em
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body {
    background: #f5f5f2;
    margin: 0
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-bonus-account h3.h3-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-bonus-account h3.heading {
    padding: 32px 0 16px 24px;
    font-size: 1.34em;
    font-weight: 400
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-cashier h3.h3-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-cashier h3.heading {
    padding: 0 0 8px 7px;
    font-size: 1.17em;
    font-weight: 500
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field {
    margin-bottom: 16px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field input {
    color: #333
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field input:disabled+label {
    background-color: #f5f5f2;
    border-color: hsla(0, 0%, 63.9%, .3);
    color: grey
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul li div.info span {
    color: #2b2b2b;
    font-weight: 700
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul.custom-menu li {
    color: #2b2b2b
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul.custom-menu li:hover {
    background: #f2f2f2
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container {
    position: static
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container ul.custom-menu {
    border-width: 0 1px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container ul.custom-menu li h3.title {
    color: #333
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .icon.icon-arrow-down,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .icon.icon-arrow-next,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .title {
    color: inherit
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent {
        margin: 0 0 0 32px
    }

    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation header.modal-header h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation header.modal-header h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay header.modal-header h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation header.modal-header h2.h2-heading,
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation header.modal-header h2.h2-heading,
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent bx-redeem-overlay header.modal-header h2.h2-heading {
        padding-left: 16px
    }

    .carousel.primary .component-wrapper.max-container .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent header.modal-header h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent header.modal-header .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent header.modal-header h2.h2-heading {
        padding-left: 0
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body {
        border-color: #e3e3e3;
        padding: 16px
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-overlay .modal-body {
        border: none
    }
}

.bx-header-user-menu-ch .menu-overlay-container {
    position: relative
}

.bx-header-user-menu-ch .nav-menu-hidden {
    display: none
}

.bx-header-user-menu-ch div.nav-menu-elements {
    position: absolute;
    z-index: 3;
    right: 0;
    width: 375px;
    background-color: #f5f5f2;
    -webkit-box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    overflow-y: auto;
    max-height: calc(100vh - 96px)
}

@media only screen and (min-width: 320px) and (max-width:769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        height: calc(100% - 48px);
        width: 100%;
        overflow-y: auto
    }
}

@media only screen and (max-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        position: fixed;
        left: 0
    }
}

@media only screen and (min-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        top: -16px;
        width: 400px;
        -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
        box-shadow: 0 0 16px rgba(0, 0, 0, .3)
    }
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu {
    display: flex;
    flex-wrap: wrap;
    background-color: #1f1f1f;
    border-top: 1px solid #d1d1d1
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu li {
    flex: 0 1 50%
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu li:nth-child(odd) {
    border-right: 1px solid #d1d1d1
}

.bx-header-user-menu-ch div.nav-menu-elements .modal-body {
    padding: 0
}

.bx-header-user-menu-ch div.nav-menu-overlay {
    display: flex;
    max-width: 300%;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: -100vh;
    background-color: #f5f5f2;
    z-index: 2
}

@media only screen and (min-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-overlay {
        top: 0;
        left: -100%;
        right: -100%;
        background-color: rgba(0, 0, 0, .6)
    }
}

.bx-contact-us-page .contact-us-header {
    background: #f5f5f2
}

.bx-contact-us-page .bx-single-page-body {
    border: none !important
}

@media only screen and (min-width: 769px) {
    .bx-contact-us-page .bx-single-page-body {
        border: none !important
    }
}

.bx-contact-us-page .bx-single-page {
    margin-top: 0 !important;
    padding-top: 32px
}

.bx-contact-us-page .bx-single-page.bx-smart-contacts {
    padding-top: 0
}

@media only screen and (min-width: 1374px) {
    .bx-contact-us-page .bx-single-page {
        padding-top: 0
    }
}

.bx-contact-us-page .bx-single-page-title {
    color: #000 !important
}

.bx-contact-us-page main.content {
    margin-top: 0 !important
}

.bx-contact-us .contact-us .contact-us-responsive-two-columns {
    background: #f5f5f2
}

@media only screen and (min-width: 769px) {
    .bx-contact-us .contact-us .contact-us-responsive-two-columns .full-width-ctas {
        margin-top: 15px
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .field-left {
        width: calc(100% - 10px)
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea {
        margin-left: 0;
        width: calc(100% - 10px)
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea label {
        min-height: 112px !important;
        font-size: 1.17em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea textarea {
        font-size: 1.17em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea label.active-field {
        font-size: .85em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .contact-us-form-fields {
        height: auto
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages section.bx-messages-list {
        position: relative
    }

    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages .bx-player-message-detail div.playerMessageDetail {
        padding: 0 16px
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages .player-communication .bx-messages-list figure.custom-notification {
        position: static;
        top: auto
    }
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-account-messages header.modal-header button.account-back-btn {
        display: none
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-account-messages header.modal-header button.account-back-btn.back-btn.bx-communication-selected-btn {
        display: initial;
        margin-right: 10px;
        cursor: pointer
    }

    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages .player-communication .modal-content .modal-body {
        min-height: 0
    }
}

.bx-account-bonuses .account-bonuses-container {
    height: 100%
}

.bx-account-bonuses .bonus-main i {
    font-size: 2.3em;
    margin-right: 10px;
    line-height: 1.67em;
    vertical-align: middle
}

.bx-account-bonuses .bonus-main span {
    display: inline-block;
    width: calc(100% - 2.3em - 10px);
    font-size: 1.34em;
    vertical-align: middle
}

.bx-account-bonuses .bonus-terms-link {
    text-align: center
}

.bx-account-bonuses .bonus-terms-link>a {
    font-size: 14px;
    color: #ff6900
}

.bx-account-bonuses .bx-loyalty-dashboard {
    color: #000
}

.bx-account-bonuses .bx-loyalty-dashboard div.bx-loyalty-dashboard {
    margin: 0 -16px
}

.bx-account-bonuses .bx-loyalty-dashboard .bx-loyalty-next-tier-info h1 {
    color: #e52113
}

.bx-account-bonuses .bx-loyalty-dashboard .bx-loyalty-next-tier-info ul {
    overflow: auto
}

.bx-account-bonuses .bx-loyalty-dashboard #loyaltyShowLess,
.bx-account-bonuses .bx-loyalty-dashboard #loyaltyShowMore {
    display: block;
    margin: 15px 73px 32px;
    font-size: 1em;
    color: #e52113
}

.bx-menu-navigation .custom-tab.tab-menu li .static-btn:focus,
.bx-menu-navigation .custom-tab.tab-menu li:focus {
    outline: none
}

.bx-menu-navigation .custom-tab.tab-menu .static-btn {
    padding: 24px 12px
}

.bx-menu-navigation ul {
    border-bottom: none
}

.pending-withdrawal .bx-pending-withdrawal-ch .pending-withdraw-balance {
    margin: 12px -12px -23px -62px
}

.pending-withdrawal .bx-pending-withdrawal-ch i.icon.icon-arrow-next {
    bottom: 0
}

.bx-single-page {
    margin-top: 88px
}

.bx-single-page.bx-smart-contacts {
    margin-top: 0
}

.bx-single-page .bx-single-page-header {
    padding: 0 30px
}

.bx-single-page .bx-single-page-title {
    max-width: 930px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px
}

.bx-single-page .bx-single-page-body {
    max-width: 930px;
    background-color: #fff;
    color: #000;
    border-bottom: 16px solid #e3e3e3
}

@media only screen and (min-width: 769px) {
    .bx-single-page .bx-single-page-body {
        border: 16px solid #e3e3e3
    }
}

.bx-hard-block-copperhead .mainbox,
.bx-maintenance-cottonmouth .mainbox,
.bx-not-found-page-copperhead .mainbox,
.bx-outage-copperhead .mainbox {
    padding-top: 48px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #2b2b2b;
    min-height: calc(100vh - 48px);
    top: 48px
}

.bx-hard-block-copperhead .mainbox a,
.bx-maintenance-cottonmouth .mainbox a,
.bx-not-found-page-copperhead .mainbox a,
.bx-outage-copperhead .mainbox a {
    color: inherit
}

@media screen and (min-width: 769px) {

    .bx-hard-block-copperhead .mainbox,
    .bx-maintenance-cottonmouth .mainbox,
    .bx-not-found-page-copperhead .mainbox,
    .bx-outage-copperhead .mainbox {
        min-height: calc(100vh - 96px);
        top: 96px;
        padding-top: 80px
    }
}

.bx-hard-block-copperhead .mainbox .description-box,
.bx-maintenance-cottonmouth .mainbox .description-box,
.bx-not-found-page-copperhead .mainbox .description-box,
.bx-outage-copperhead .mainbox .description-box {
    margin: 62px 24px 34px;
    padding: 24px 24px 0;
    background: #333;
    border-radius: 8px 8px 8px 8px;
    flex: 1;
    display: inline-block
}

@media screen and (min-width: 769px) {

    .bx-hard-block-copperhead .mainbox .description-box,
    .bx-maintenance-cottonmouth .mainbox .description-box,
    .bx-not-found-page-copperhead .mainbox .description-box,
    .bx-outage-copperhead .mainbox .description-box {
        height: 193px;
        width: 420px;
        margin: 80px auto auto;
        padding-top: 32px
    }
}

.bx-hard-block-copperhead .mainbox .img-wrapper__image,
.bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
.bx-not-found-page-copperhead .mainbox .img-wrapper__image,
.bx-outage-copperhead .mainbox .img-wrapper__image {
    margin: auto;
    height: 38px
}

@media screen and (min-width: 769px) {

    .bx-hard-block-copperhead .mainbox .img-wrapper__image,
    .bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
    .bx-not-found-page-copperhead .mainbox .img-wrapper__image,
    .bx-outage-copperhead .mainbox .img-wrapper__image {
        height: 76px
    }
}

.carousel.primary .component-wrapper.max-container .bx-hard-block-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-maintenance-cottonmouth .mainbox h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-not-found-page-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-outage-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
.bx-hard-block-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-hard-block-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-hard-block-copperhead .mainbox .h3-heading,
.bx-maintenance-cottonmouth .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-maintenance-cottonmouth .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-maintenance-cottonmouth .mainbox .h3-heading,
.bx-not-found-page-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-not-found-page-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-not-found-page-copperhead .mainbox .h3-heading,
.bx-outage-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-outage-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-outage-copperhead .mainbox .h3-heading {
    color: #c2c2c2;
    padding-top: 16px
}

.bx-hard-block-copperhead .mainbox .h4-heading,
.bx-maintenance-cottonmouth .mainbox .h4-heading,
.bx-not-found-page-copperhead .mainbox .h4-heading,
.bx-outage-copperhead .mainbox .h4-heading {
    color: #fff;
    padding-bottom: 8px
}

@media screen and (min-width: 769px) {

    .bx-hard-block-copperhead .mainbox .h4-heading,
    .bx-maintenance-cottonmouth .mainbox .h4-heading,
    .bx-not-found-page-copperhead .mainbox .h4-heading,
    .bx-outage-copperhead .mainbox .h4-heading {
        padding-bottom: 12px
    }
}

.bx-hard-block-copperhead .mainbox .h5-heading,
.bx-maintenance-cottonmouth .mainbox .h5-heading,
.bx-not-found-page-copperhead .mainbox .h5-heading,
.bx-outage-copperhead .mainbox .h5-heading {
    color: #c2c2c2;
    padding-bottom: 20px
}

@media screen and (min-width: 769px) {

    .bx-hard-block-copperhead .mainbox .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .h5-heading,
    .bx-not-found-page-copperhead .mainbox .h5-heading,
    .bx-outage-copperhead .mainbox .h5-heading {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 769px) {

    .carousel.primary .component-wrapper.max-container .bx-hard-block-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-maintenance-cottonmouth .mainbox h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-not-found-page-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-outage-copperhead .mainbox h2.h2-heading.content-title[class*=-heading],
    bx-hard-block-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
    bx-hard-block-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    bx-hard-block-copperhead .mainbox .h3-heading,
    bx-hard-block-copperhead .mainbox .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-maintenance-cottonmouth .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-maintenance-cottonmouth .mainbox .h3-heading,
    .bx-maintenance-cottonmouth .mainbox .h5-heading,
    .bx-not-found-page-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-not-found-page-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-not-found-page-copperhead .mainbox .h3-heading,
    .bx-not-found-page-copperhead .mainbox .h5-heading,
    .bx-outage-copperhead .mainbox .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-outage-copperhead .mainbox .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-outage-copperhead .mainbox .h3-heading,
    .bx-outage-copperhead .mainbox .h5-heading {
        font-size: 12px
    }
}

.bx-hard-block-copperhead .navbar-wrapper.blocked.navbar-fixed-top,
.bx-maintenance-cottonmouth .navbar-wrapper.blocked.navbar-fixed-top,
.bx-not-found-page-copperhead .navbar-wrapper.blocked.navbar-fixed-top,
.bx-outage-copperhead .navbar-wrapper.blocked.navbar-fixed-top {
    background-color: #333
}

.bx-hard-block-copperhead .mainbox,
.bx-maintenance-cottonmouth .mainbox,
.bx-not-found-page-copperhead .mainbox,
.bx-outage-copperhead .mainbox {
    padding-top: 60px;
    padding-bottom: 20px
}

.bx-hard-block-copperhead .mainbox .img-wrapper__image,
.bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
.bx-not-found-page-copperhead .mainbox .img-wrapper__image,
.bx-outage-copperhead .mainbox .img-wrapper__image {
    height: 260px
}

.bx-hard-block-copperhead .mainbox .info-content,
.bx-maintenance-cottonmouth .mainbox .info-content,
.bx-not-found-page-copperhead .mainbox .info-content,
.bx-outage-copperhead .mainbox .info-content {
    margin-top: -178px
}

.bx-hard-block-copperhead .mainbox .info-content .main-info .h1-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .h1-heading,
.bx-not-found-page-copperhead .mainbox .info-content .main-info .h1-heading,
.bx-outage-copperhead .mainbox .info-content .main-info .h1-heading {
    font-size: 64px;
    color: #ff6900
}

.carousel.primary .component-wrapper.max-container .bx-hard-block-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-maintenance-cottonmouth .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-not-found-page-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
.carousel.primary .component-wrapper.max-container .bx-outage-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
.bx-hard-block-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-hard-block-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-hard-block-copperhead .mainbox .info-content .main-info .h3-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .h3-heading,
.bx-not-found-page-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-not-found-page-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-not-found-page-copperhead .mainbox .info-content .main-info .h3-heading,
.bx-outage-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
.bx-outage-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
.bx-outage-copperhead .mainbox .info-content .main-info .h3-heading {
    padding-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box,
.bx-not-found-page-copperhead .mainbox .info-content .description-box,
.bx-outage-copperhead .mainbox .info-content .description-box {
    border-radius: 0;
    height: auto;
    margin: 126px 0 34px;
    padding: 33px 26px 0
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading,
.bx-outage-copperhead .mainbox .info-content .description-box .h4-heading {
    font-size: 24px;
    padding-bottom: 7px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading.smaller,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
.bx-outage-copperhead .mainbox .info-content .description-box .h4-heading.smaller {
    font-size: 20px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h5-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h5-heading,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h5-heading,
.bx-outage-copperhead .mainbox .info-content .description-box .h5-heading {
    padding-bottom: 23;
    font-weight: 400;
    line-height: 18px
}

@media screen and (max-width: 769px) {

    .bx-hard-block-copperhead .mainbox,
    .bx-maintenance-cottonmouth .mainbox,
    .bx-not-found-page-copperhead .mainbox,
    .bx-outage-copperhead .mainbox {
        padding-top: 30px;
        top: 48px
    }

    .bx-hard-block-copperhead .mainbox .img-wrapper__image,
    .bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
    .bx-not-found-page-copperhead .mainbox .img-wrapper__image,
    .bx-outage-copperhead .mainbox .img-wrapper__image {
        height: 154px
    }

    .bx-hard-block-copperhead .mainbox .info-content,
    .bx-maintenance-cottonmouth .mainbox .info-content,
    .bx-not-found-page-copperhead .mainbox .info-content,
    .bx-outage-copperhead .mainbox .info-content {
        margin-top: -105px
    }

    .bx-hard-block-copperhead .mainbox .info-content .main-info .h1-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .h1-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .h1-heading,
    .bx-outage-copperhead .mainbox .info-content .main-info .h1-heading {
        font-size: 48px
    }

    .carousel.primary .component-wrapper.max-container .bx-hard-block-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-maintenance-cottonmouth .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-not-found-page-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
    .carousel.primary .component-wrapper.max-container .bx-outage-copperhead .mainbox .info-content .main-info h2.h2-heading.content-title[class*=-heading],
    bx-hard-block-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
    bx-hard-block-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    bx-hard-block-copperhead .mainbox .info-content .main-info .h3-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .h3-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .h3-heading,
    .bx-outage-copperhead .mainbox .info-content .main-info .bx-section-container>.component-header>h2.h5-heading.content-title,
    .bx-outage-copperhead .mainbox .info-content .main-info .carousel.primary .component-wrapper.max-container h2.h2-heading.content-title[class*=-heading],
    .bx-outage-copperhead .mainbox .info-content .main-info .h3-heading {
        line-height: 14px;
        font-size: 12px;
        padding-top: 5px
    }

    .bx-hard-block-copperhead .mainbox .info-content .signin-links,
    .bx-maintenance-cottonmouth .mainbox .info-content .signin-links,
    .bx-not-found-page-copperhead .mainbox .info-content .signin-links,
    .bx-outage-copperhead .mainbox .info-content .signin-links {
        -webkit-text-size-adjust: none
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box,
    .bx-outage-copperhead .mainbox .info-content .description-box {
        width: 327px;
        margin-top: 55px;
        padding-top: 26px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading,
    .bx-outage-copperhead .mainbox .info-content .description-box .h4-heading {
        font-size: 20px;
        padding-bottom: 9px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-outage-copperhead .mainbox .info-content .description-box .h4-heading.smaller {
        font-size: 18px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h5-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h5-heading,
    .bx-outage-copperhead .mainbox .info-content .description-box .h5-heading {
        line-height: 16px;
        font-size: 14px
    }
}

.bx-hard-block-copperhead .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-hard-block-copperhead .navbar-wrapper {
        height: 48px
    }
}

.bx-hard-block-copperhead .navbar-wrapper {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.bx-hard-block-copperhead .mainbox .info-content .description-box {
    margin-top: 144px
}

@media screen and (max-width: 769px) {
    .bx-hard-block-copperhead .mainbox .info-content .description-box {
        margin-top: 69px
    }
}

.bx-not-found-page-copperhead .mainbox .info-content {
    bottom: 169px
}

.bx-not-found-page-copperhead .mainbox .info-content .description-box {
    margin: 135px 0 31px
}

.bx-not-found-page-copperhead .mainbox .info-content .back-btn .custom-cta {
    padding: 8px 31px
}

.bx-not-found-page-copperhead .mainbox .info-content .signin-links {
    margin-top: 20px;
    font-size: 18px
}

@media screen and (max-width: 769px) {
    .bx-not-found-page-copperhead .mainbox {
        padding-top: 64px
    }

    .bx-not-found-page-copperhead .mainbox .info-content {
        bottom: 105px
    }

    .bx-not-found-page-copperhead .mainbox .info-content .description-box {
        margin-top: 69px
    }

    .bx-not-found-page-copperhead .mainbox .info-content .signin-links {
        font-size: 12px
    }
}

.bx-outage-copperhead .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-outage-copperhead .navbar-wrapper {
        height: 48px
    }
}

.bx-outage-copperhead .navbar-wrapper {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.bx-maintenance-cottonmouth .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-maintenance-cottonmouth .navbar-wrapper {
        height: 48px
    }
}

.bx-mfe-overlay-wrapper-component .forgot-password {
    overflow: hidden
}

.bx-mfe-overlay-wrapper-component .forgot-password .contact-us {
    margin-top: 24px;
    text-align: center
}

.bx-mfe-overlay-wrapper-component .forgot-password .contact-us .contact-us-link {
    cursor: pointer;
    margin-top: 8px;
    display: block;
    color: #ff6900
}

.bx-mfe-overlay-wrapper-component #reactive-chat-link {
    cursor: pointer
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier header.modal-header button.account-back-btn.back-btn.header-title {
    display: flex;
    align-items: center
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier button i.icon-back {
    padding-inline-end: .5rem;
    font-size: 16px
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading {
    cursor: pointer;
    font-size: 20px
}

@media only screen and (min-width: 320px) {

    .bx-account-transaction .table-list td,
    .bx-account-transaction .table-list th {
        padding: 16px
    }

    .bx-account-transaction .table-list td:last-child {
        padding: 0 16px 16px
    }

    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 390px
    }
}

@media only screen and (min-width: 375px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 490px
    }
}

@media only screen and (min-width: 414px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 560px
    }
}

@media only screen and (min-width: 768px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 840px
    }
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results {
    margin-bottom: 32px
}

.bx-account-transaction .modal-overlay .custom-field {
    margin-bottom: 0
}

.bx-account-transaction table#playerTransactionTable.table-list {
    position: relative
}

.bx-account-transaction table#playerTransactionTable.table-list td,
.bx-account-transaction table#playerTransactionTable.table-list th {
    text-align: left;
    vertical-align: middle
}

.bx-account-transaction table#playerTransactionTable.table-list td span:not(.icon-title),
.bx-account-transaction table#playerTransactionTable.table-list th span:not(.icon-title) {
    font-size: 12px
}

.bx-account-transaction table#playerTransactionTable.table-list .total-header,
.bx-account-transaction table#playerTransactionTable.table-list [class*=amount-] {
    text-align: right
}

.bx-account-transaction table#playerTransactionTable.table-list tbody {
    display: block
}

.bx-account-transaction .bx-transaction-dates {
    padding: 0 1em 1em 4%
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results {
    white-space: nowrap;
    justify-content: center
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results figcaption {
    flex: initial
}

@media only screen and (min-width: 769px) {
    .bx-account-transaction table#playerTransactionTable.table-list {
        margin-bottom: 10px
    }

    .bx-account-transaction table#playerTransactionTable.table-list th span:not(.subtitle) {
        font-size: 14px
    }

    .bx-account-transaction table#playerTransactionTable.table-list th span.subtitle {
        font-size: 12px
    }

    .bx-account-transaction table#playerTransactionTable.table-list td,
    .bx-account-transaction table#playerTransactionTable.table-list th {
        padding: 16px 24px
    }

    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 350px
    }

    .bx-account-transaction .bx-transaction-dates {
        width: 50%;
        padding: 0 0 1em 4%
    }
}

.bx-account-transaction figure.custom-dropdown {
    margin-bottom: 0
}

.bx-account-transaction button.close-btn {
    background: transparent;
    margin: 0
}

.navbar-hidden-menu {
    padding-bottom: 0
}

@media only screen and (max-width: 768px) {
    .bx-two-factor-authenticator-settings .enable-2fa-body {
        padding: 1em
    }
}

@media only screen and (min-width: 768px) {
    .bx-two-factor-authenticator-settings .enable-2fa-body {
        margin: 1em
    }
}

.bx-two-factor-authenticator-settings .enable-2fa-body {
    font-size: 1.2em
}

.bx-two-factor-authenticator-settings .enable-2fa-toggle-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bx-two-factor-authenticator-settings .menu-2fa-container {
    border-bottom: .1em solid #d1d1d1;
    margin-bottom: 1em;
    padding-bottom: 1.5em
}

.bx-two-factor-authenticator-settings .menu-2fa-title {
    color: #000;
    font-weight: 700;
    margin-bottom: 1em
}

.bx-two-factor-authenticator-settings .menu-2fa-description {
    color: #000;
    max-width: 82%
}

.bx-two-factor-authenticator-settings .trusted-devices-container {
    background-color: #fff;
    border-radius: .8em;
    font-size: .9em;
    margin-top: 1em;
    padding: 1em
}

.bx-two-factor-authenticator-settings .need-help-link-container {
    margin: 1em 0 0
}

.bx-two-factor-authenticator-settings .need-help-link,
.bx-two-factor-authenticator-settings .remove-all-link {
    cursor: pointer;
    text-decoration: none;
    color: #0069ba
}

.bx-account-security .security-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.bx-account-security .security-list .security-item {
    border-bottom: 1px solid #d1d1d1
}

.bx-account-security .security-list .security-item:last-child {
    border-bottom: none
}

.bx-account-security .security-list .security-item .security-button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    text-align: left;
    width: 100%
}

.bx-account-security .security-list .security-item .security-button:hover {
    background-color: #f5f5f5
}

.bx-account-security .security-list .security-item .security-button .security-content {
    flex: 1
}

.bx-account-security .security-list .security-item .security-button .security-content .security-title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 5px;
    color: #000
}

.bx-account-security .security-list .security-item .security-button .security-content .security-description {
    color: #666;
    font-size: 1.2em;
    margin: 0;
    padding-top: 4px
}

.bx-account-security .security-list .security-item .security-button .chevron {
    color: grey;
    font-size: 8px
}

@media only screen and (min-width: 769px) {
    .table-list:not(.condensed) span:not(.subtitle) {
        font-size: inherit
    }
}