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: none;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

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

.ModalWindow {
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: 0
}

.ModalOverlay {
    width: 100vw;
    height: 100vh;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.ModalContent {
    -webkit-overflow-scrolling: auto
}

.ReCaptchaContainer {
    overflow: hidden
}

@media only screen and (max-device-width:400px) {
    .ReCaptchaContainer {
        transform: scale(.9);
        transform-origin: 0 0
    }
}

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

.Message.Overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Message.Dismissed {
    display: none
}

.NotificationList {
    min-width: 25rem;
    min-height: 5rem;
    top: 5rem;
    right: 5rem
}

.Notification {
    padding: 1.5rem;
    cursor: pointer
}

.NotificationTitle {
    margin-top: .8rem;
    margin-bottom: .5rem
}

.NotificationCloseButton {
    top: .5rem;
    right: 1.5rem
}

.IframeContainerWrapper {
    width: 80%;
    height: 80vh;
    margin: 10vh auto
}

.IframeContainer,
.IframeContainerWrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.IframeContainer {
    position: relative;
    width: 100%;
    height: 100%;
    border: none
}

.IframeContainer.Hover .BtnGroup,
.IframeContainer:hover .BtnGroup {
    left: calc(-4rem - 16px);
    opacity: 1;
    transition: all .6s ease-in-out
}

.IframeContainer.Hover .BtnGroup.RightSide,
.IframeContainer:hover .BtnGroup.RightSide {
    left: auto;
    right: calc(-4rem - 16px)
}

.BtnGroup {
    position: absolute;
    width: 5em;
    left: 0;
    opacity: 0;
    transition: all .6s ease-in-out;
    background: #252a31
}

.BtnGroup.RightSide {
    left: auto;
    right: 0
}

.BtnGroup .BtnGroupItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    opacity: 1;
    padding: .5rem;
    transition: position .6s ease-in-out;
    border-radius: 0;
    border: none;
    box-sizing: border-box
}

.BtnGroup .BtnGroupItem:active,
.BtnGroup .BtnGroupItem:hover {
    border: none
}

.BtnGroup .BtnGroupItem:active .ComponentIcon,
.BtnGroup .BtnGroupItem:hover .ComponentIcon {
    opacity: .5
}

.BtnGroup .BtnGroupItem.FavoriteButton,
.BtnGroup .BtnGroupItem.FavoriteButton:active,
.BtnGroup .BtnGroupItem.FavoriteButton:hover,
.BtnGroup .BtnGroupItem.SwitchButton,
.BtnGroup .BtnGroupItem.SwitchButton:active,
.BtnGroup .BtnGroupItem.SwitchButton:hover {
    background: #252a31
}

.BtnGroup .BtnGroupItem.FavoriteButton {
    right: 0
}

.BtnGroup .BtnGroupItem.FavoriteButton svg {
    width: 3.4rem;
    height: 3.4rem
}

.BtnGroup .BtnGroupItem.SwitchButton svg {
    width: 3.4rem;
    height: 3rem
}

.BtnGroup .BtnGroupItem.SwitchButton svg * {
    fill: #fff
}

.BtnGroup .BtnGroupItem .SvgIcon {
    display: flex;
    align-items: center;
    justify-content: center
}

.GameIframe,
.GameIframeWrapper {
    width: 100%;
    height: 100%
}

.GameIframe {
    position: relative;
    z-index: 1;
    background: #000;
    box-sizing: border-box
}

.GmowContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0 5rem
}

.GmowGameRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    background-color: #252a31
}

.GmowGameWindow {
    width: 100%;
    min-height: 100%
}

.GmowAddGame.Button {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #e6e7e8;
    border: none;
    border-radius: 0
}

.GmowAddGame.Button:active,
.GmowAddGame.Button:hover {
    border: none;
    opacity: .5;
    background-color: #f0f0f0
}

.GmowAddGame.Button .IconAddGame {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 6rem
}

.GmowAddGame.Button .IconAddGame svg path {
    stroke: #828282
}

.GmowDetails {
    display: flex;
    flex-direction: column
}

.GmowDetailsRow {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #252a31
}

.GmowDetailsInfo,
.GmowDetailsInfoButton,
.GmowDetailsRow {
    display: flex;
    flex-direction: row
}

.GmowDetailsInfoButton {
    justify-content: space-between;
    float: left;
    max-height: 4rem;
    overflow: hidden;
    min-width: 25rem;
    width: auto;
    margin: 0
}

@media (min-height:480px) {
    .GmowDetailsInfoButton {
        justify-content: flex-start
    }
}

@media (min-height:730px) {
    .GmowDetailsInfoButton {
        justify-content: space-between
    }
}

.IsLoggedIn .GmowDetailsInfoButton {
    min-width: 0
}

.GmowDetailsActions,
.GmowDetailsInfo {
    display: inline-flex;
    align-items: center;
    padding: 0 2rem 1.6rem
}

.GmowDetailsInfoText {
    display: flex;
    flex-direction: column;
    margin: 0 1rem
}

.GmowDetailsAmount {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600
}

.GmowDepositButton {
    width: 8rem;
    height: 3rem;
    border-radius: .4rem;
    background-color: #f9c408;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    transition: background-color .35s
}

.GmowBottomIcon.Button {
    display: inline-flex;
    background: none;
    padding: 0;
    border: none;
    font-size: 0
}

@media (min-height:480px) {
    .GmowBottomIcon.Button {
        margin: 0 1rem 0 0
    }
}

@media (min-height:730px) {
    .GmowBottomIcon.Button {
        margin: 0 2.4rem 0 0
    }
}

.GmowBottomIcon.Button:active,
.GmowBottomIcon.Button:hover {
    border: none;
    opacity: .5
}

.GmowBottomIcon.Button .Icon,
.GmowBottomIcon.Button .SvgIcon {
    display: inline-flex
}

.GmowBottomIcon.Button svg {
    pointer-events: none
}

.GmowBottomIcon.Button svg rect {
    fill: #3d3d3d
}

.GmowBottomIcon.Button.Selected svg rect {
    fill: #f0f0f0
}

.GmowDetailsClock {
    display: inline-block;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    color: #b3b3b3;
    font-size: 1.3rem;
    font-weight: 600
}

.GmowDetailsClock .ComponentClock {
    line-height: 2
}

.GmowDetailsInfoButton .Button {
    display: block;
    margin: 0;
    padding: 1.3rem 1rem 1.5rem;
    border: #fff;
    color: #fff;
    line-height: .5;
    font-size: 1.6rem
}

@media (min-height:480px) {
    .GmowDetailsInfoButton .Button {
        flex-basis: 35%;
        margin-right: 1rem
    }
}

@media (min-height:730px) {
    .GmowDetailsInfoButton .Button {
        flex-basis: 49%;
        margin-right: 0
    }
}

.GmowDetailsInfoButton .ButtonLogin {
    background: #f9c408;
    border-color: #f9c408;
    color: #fff
}

.GmowDetailsInfoButton .ButtonRegister {
    border: .1rem solid #fff
}

.GmowDetailsInfoButton .Button.DepositBtn {
    display: block;
    padding: 1.5rem 4rem;
    border: none;
    background: #f9c408
}

.GmowDetailsInfoButton .DepositBtn {
    width: 100%;
    flex-basis: 100%
}

.GmowDetailsInfoButton .Button:active,
.GmowDetailsInfoButton .Button:hover {
    background: #f9c408;
    border-color: #294c0b;
    color: #fff;
    opacity: .7
}

.GmowDetailsActions .ButtonFullScreen {
    display: block;
    float: right;
    width: auto;
    margin: 0 auto;
    padding: 0;
    border: none;
    color: #fff;
    fill: #fff
}

.GmowDetailsActions .ButtonFullScreen:active {
    border: none;
    opacity: .5
}

.GmowDetailsActions .ButtonFullScreen:hover {
    background: #294c0b;
    color: #fff;
    border: none;
    opacity: .7
}

.GameModalWindow .ModalContent {
    background-color: #fff;
    position: relative
}

@media (min-width:1100px) {
    .GameModalWindow .ModalContent {
        max-width: 104rem
    }
}

@media (min-width:1100px) {
    .GameModalWindow .ModalContent .GamesSwipeable {
        max-height: 48rem
    }
}

.GameModalWindow .ModalContent .ScrollContainer {
    overflow: auto
}

.GameModalWindow .ModalContent .StickyWrapper {
    max-width: 85%;
    position: fixed;
    top: 0;
    z-index: 4
}

@media (min-width:880px) and (max-width:1099px) {
    .GameModalWindow .ModalContent .StickyWrapper {
        max-width: 75rem
    }
}

@media (min-width:1100px) {
    .GameModalWindow .ModalContent .StickyWrapper {
        max-width: 100%
    }
}

.GameModalWindow .ModalContent .ModalGameList {
    display: none;
    padding: 12rem 1.6rem 20rem
}

@media (min-width:1100px) {
    .GameModalWindow .ModalContent .ModalGameList {
        display: flex
    }
}

.GameModalWindow .ModalContent .ListGame {
    flex-basis: 20%;
    max-width: 20%
}

.Page-Static .ContentError {
    margin-top: 5rem;
    min-height: 19rem;
    color: #f9c408
}

.SectionContent .CmsStaticPage {
    margin-top: 0;
    line-height: 1.2;
    overflow: hidden
}

.SectionContent .CmsStaticPage ol,
.SectionContent .CmsStaticPage ul {
    list-style-position: inside
}

.SectionContent .CmsStaticPage h1,
.SectionContent .CmsStaticPage h2,
.SectionContent .CmsStaticPage h3,
.SectionContent .CmsStaticPage h4,
.SectionContent .CmsStaticPage h5,
.SectionContent .CmsStaticPage h6,
.SectionContent .CmsStaticPage p {
    overflow: hidden
}

.SectionContent .CmsStaticPage h1 {
    margin-bottom: 2rem
}

.SectionContent .CmsStaticPage h2,
.SectionContent .CmsStaticPage h3,
.SectionContent .CmsStaticPage h4,
.SectionContent .CmsStaticPage h5,
.SectionContent .CmsStaticPage h6 {
    margin-bottom: 1.5rem
}

.SectionContent .CmsStaticPage p {
    margin-bottom: 1rem
}

.SectionContent .CmsStaticPage img {
    display: block;
    max-width: 100%;
    margin-bottom: 1rem
}

.SectionContent .CmsStaticPage .alignleft {
    float: none;
    margin: 0 auto 1rem
}

@media (min-width:768px) {
    .SectionContent .CmsStaticPage .alignleft {
        float: left;
        margin-right: 2rem;
        margin-bottom: 0
    }
}

.SectionContent .CmsStaticPage .alignright {
    float: none;
    margin: 0 auto 1rem
}

@media (min-width:768px) {
    .SectionContent .CmsStaticPage .alignright {
        float: right;
        margin-left: 2rem;
        margin-bottom: 0
    }
}

.SectionContent .CmsStaticPage .aligncenter {
    float: none;
    margin: 0 auto 1rem
}

@media (min-width:768px) {
    .SectionContent .CmsStaticPage .aligncenter {
        margin-bottom: 0
    }
}

.Page-PendingWithdrawals {
    padding-top: 5rem
}

.PendingWithdrawalsIframe {
    width: 100%;
    min-height: 46rem
}

@media (max-width:880px) {
    .react-datepicker-popper {
        position: fixed !important;
        z-index: 99 !important;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        max-width: calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));
        max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))
    }
    .react-datepicker-popper .react-datepicker {
        width: 100%;
        height: 100%;
        border-radius: 0;
        box-shadow: none
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__navigation {
        width: 50%;
        height: 1.5rem;
        margin: 0
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
        height: 100%
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container,
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {
        padding-left: 5%
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-select,
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-select,
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-select,
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-select {
        padding: 1.5rem 0
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container {
        width: 50%
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {
        width: 35%
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month {
        height: 100%
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week {
        height: 11%;
        display: table
    }
    .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day {
        width: 14.285%;
        height: 100%;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        border-radius: 5px;
        font-size: 1.75rem
    }
}

.BetslipWrapper {
    position: fixed;
    right: calc(.6rem + env(safe-area-inset-right));
    bottom: calc(8rem + env(safe-area-inset-bottom));
    margin-right: 1rem;
    background: #294c0b;
    border-radius: 50%;
    z-index: 5
}

.BetslipWrapper .BetslipContent {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding: .9rem
}

.BetslipWrapper .BetslipContent svg {
    width: 3rem;
    fill: #fff
}

.BetslipWrapper .BetslipIndicatorCounter {
    position: absolute;
    padding: .2rem .7rem;
    top: 0;
    right: -.6rem;
    border-radius: 50%;
    background: #f9c408;
    color: #fff;
    text-align: center
}

.AccordionContainer .AccordionItem {
    background: #fff;
    border: .1rem solid hsla(0, 0%, 100%, .2);
    box-shadow: 0 3px 14px 0 rgba(33, 33, 33, .05);
    padding: 0 1rem
}

.AccordionContainer .AccordionItem:before {
    display: none
}

.AccordionContainer .AccordionItem .AccordionItemTitle {
    display: block;
    margin: 0 auto;
    padding: 1.5rem 0;
    font-size: 1.6rem;
    cursor: pointer
}

.AccordionContainer .AccordionItem .AccordionItemBody {
    height: 0;
    overflow: hidden;
    transition: height .25s ease-in-out
}

.AccordionContainer .AccordionItem .AccordionItemBody.Show {
    height: auto
}

.TextPageWrapper .AccordionContainer {
    padding-left: 0
}

.CmsPopup .CmsPopupWrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff
}

.CmsPopup .CmsPopupWrapper .ComponentPicture {
    margin-bottom: 3rem
}

.CmsPopup .CmsPopupWrapper .ComponentPicture img {
    width: auto;
    height: auto;
    max-height: calc(100vh - 9rem);
    max-width: 100vw
}

.CmsPopup .CmsPopupWrapper button {
    background: #f9c408;
    color: #294c0b;
    border: .1rem solid #294c0b;
    transition: all .2s ease-in-out
}

.CmsPopup .CmsPopupWrapper button:hover {
    background: #294c0b;
    color: #fff
}

@media (min-width:1100px) {
    .CmsPopup .CmsPopupWrapper {
        width: 40rem;
        height: auto;
        background: transparent
    }
}

@media (min-width:1100px) {
    .CmsPopup .ModalContent {
        height: 100%;
        align-items: center;
        justify-content: center
    }
}

.HorizontalScrollWrapper {
    position: relative;
    height: 100%;
    padding: 0;
    overflow: hidden
}

@media (min-width:1100px) {
    .HorizontalScrollWrapper {
        padding: 0 3rem
    }
}

.HorizontalScrollWrapper .HorizontalScrollBtn {
    display: none
}

@media (min-width:1100px) {
    .HorizontalScrollWrapper .HorizontalScrollBtn {
        display: block;
        position: absolute;
        background-color: #ffd350;
        width: 3rem;
        height: 100%;
        bottom: 0;
        left: 0;
        padding: 0;
        border: none;
        z-index: 2;
        transition: background .2s ease-in-out
    }
}

.HorizontalScrollWrapper .HorizontalScrollBtn:hover {
    background-color: #ffd75f
}

.HorizontalScrollWrapper .HorizontalScrollBtn:disabled:hover {
    background-color: #ffd350
}

.HorizontalScrollWrapper .HorizontalScrollBtn:disabled svg {
    fill: #828282
}

.HorizontalScrollWrapper .HorizontalScrollBtn svg {
    width: 1.2rem;
    fill: #f9c408;
    transform: rotate(-180deg)
}

.HorizontalScrollWrapper .HorizontalScrollBtn:last-child {
    left: auto;
    right: 0
}

.HorizontalScrollWrapper .HorizontalScrollBtn:last-child svg {
    transform: rotate(0deg)
}

.CachedDataIndicatorsWrapper {
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    z-index: 15
}

.CachedDataIndicatorsWrapper .CachedEndpoint {
    margin-right: .5rem;
    padding: 0 .6rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.CachedDataIndicatorsWrapper .CachedEndpoint:last-child {
    margin-right: 0
}

.CachedDataIndicatorsWrapper .CachedEndpointRed {
    background-color: #c23b21
}

.CachedDataIndicatorsWrapper .CachedEndpointBlue {
    background-color: #4d90a7
}

.CachedDataIndicatorsWrapper .CachedEndpointYellow {
    background-color: #eeca3d
}

.IsSticky {
    position: fixed;
    top: 0;
    z-index: 990
}

.PositionRelative {
    position: relative
}

body,
html {
    font-size: 7.5pt
}

body {
    background: #e6e7e8;
    color: #212121;
    font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans, FreeSans, clean, sans-serif;
    line-height: 1.5em
}

body.IsSearching.IsScrolled {
    background: #fff
}

.Clearfix:after {
    content: " ";
    display: table;
    clear: both;
    height: 0;
    visibility: hidden
}

.ComponentGameButtons:after,
.ComponentGameFrame .ComponentGameButtons:after,
.OperatorEmptyBalance .BuyChipsWrapper:after,
.SectionFooter:after,
.UserBalanceAmount p:after,
.UserBalanceBonus p:after,
.UserBalanceChips p:after {
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    font-size: xx-large
}

.Hidden {
    display: none !important
}

.Hide {
    visibility: hidden;
    opacity: 0
}

.Visuallyhidden {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    border: none;
    clip: rect(0 0 0 0)
}

.Visuallyhidden.Focusable:active,
.Visuallyhidden.Focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    position: static;
    overflow: visible;
    clip: auto
}

.Invisible {
    visibility: hidden
}

hr {
    border-color: #d7d7d7;
    background: #d7d7d7
}

a {
    color: #f9c408
}

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

a:active,
a:hover {
    color: #fff
}

a:active {
    text-decoration: underline
}

.Anchor,
.Button,
.FormLabel,
a,
button {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

input,
select,
textarea {
    display: inline-block;
    padding: 1rem 1.2rem;
    border: 1px solid #dedede;
    box-sizing: border-box;
    background: #fff0;
    color: #212121;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius: .4rem;
    font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans, FreeSans, clean, sans-serif
}

input:focus,
select:focus,
textarea:focus {
    border: 1px solid #9d9d9d;
    outline: none
}

input[disabled],
input[disabled]:focus,
select[disabled],
select[disabled]:focus {
    opacity: .5;
    border: 1px solid #dedede;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input::-ms-clear {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    opacity: 0
}

.iOSRebrushWrapper .AppContainer .HideOnWrapper {
    display: none;
    visibility: hidden
}

.Disabled {
    border: 1px solid #dedede;
    background: #f0f0f0;
    color: #9d9d9d
}

.Input.HasError {
    border: 1px solid #c03928
}

button.Disabled,
button[disabled],
button[disabled]:focus {
    opacity: .5;
    cursor: not-allowed
}

.FixTabletKeyboard,
.NoBackgroundScroll,
.OverflowHidden,
.Toggle-OperatorSearchToggle {
    overflow: hidden
}

.OverflowHidden {
    touch-action: none
}

.iOSDevice * {
    cursor: pointer
}

.iOSDevice.FixTabletKeyboard,
.Toggle-OperatorSearchToggle {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.OperatorMaxwidth {
    max-width: 160rem;
    margin: 0 auto
}

.OperatorMaxwidth .InstanceBackButtonTrigger {
    float: left
}

.OperatorMaxwidth .InstanceBackButtonTrigger,
.OperatorMaxwidth .InstanceBackButtonTrigger:hover {
    padding: .7rem 1.1rem;
    border: none
}

.Message {
    display: block;
    min-height: 4.4rem;
    padding: 1.1rem 1.6rem 1.1rem 5.4rem;
    position: relative;
    box-sizing: border-box;
    background: #f7f7f7;
    color: #212121;
    font-size: 1.4rem;
    line-height: 1.9rem;
    box-shadow: 0 4px 5px 0 rgba(90, 90, 90, .24);
    border-radius: .2rem
}

.Message.Error,
.Message.Success,
.Message.Warning {
    margin-top: .8rem;
    background: #fff;
    box-shadow: none
}

.Message:before {
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 1.1rem;
    left: 1.6rem;
    background-image: url(https://wwwholiganbet850.com/static/img/icon-warning.svg);
    background-size: contain;
    color: #fff;
    border-radius: 50%;
    font-size: 2.2rem;
    content: ""
}

.Message.Info:before {
    background-image: url(https://wwwholiganbet850.com/static/img/icon-info.svg)
}

.Message.Success:before {
    background-image: url(https://wwwholiganbet850.com/static/img/icon-success.svg)
}

.Message.Error:before {
    background-image: url(https://www.svgviewer.dev/static-svgs/477017/alert.svg);
    width: 40px;
    height: 40px;
}

.InputContainer .Message {
    width: 100%;
    min-height: 0;
    padding: 0;
    margin-top: .6px;
    box-sizing: border-box;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.4rem;
    line-height: 1.9rem
}

.InputContainer .Message.Error {
    color: #c03928
}

.InputContainer .Message:before {
    display: none
}

svg {
    display: inline-block;
    fill: inherit
}

::-moz-selection {
    background: #212121;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #212121;
    color: #fff;
    text-shadow: none
}

.Button,
button {
    display: inline-block;
    padding: .9rem 1.2rem 1.1rem;
    border: 1px solid #828282;
    background: transparent;
    color: #4e4e4e;
    font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans, FreeSans, clean, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

@media (hover:hover) {
    .Button:hover,
    .ExistingLimit .LimitTypeEdit:hover {
        border: 1px solid #4e4e4e;
        background: transparent;
        color: #fff
    }
}

.Button:active,
.ExistingLimit .LimitTypeEdit:active {
    border: 1px solid #212121;
    background: transparent;
    color: #212121
}

button:focus {
    outline: none
}

.CTA {
    padding: 1.2rem 1rem 1.4rem;
    font-size: 2.2rem;
    line-height: 2.2rem;
    border: none;
    background: #f9c408;
    color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .24)
}

@media (hover:hover) {
    .CTA:hover {
        border: none;
        background: #af841b;
        color: #fff
    }
}

.CTA:active {
    border: none;
    background: #af841b;
    color: #fff;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.CTASecondary,
.GameFrameWrapper .InstancePlayForFun,
.GameFrameWrapper .InstancePlayToWin,
.OperatorSlider .Button.PromoButton,
.OperatorSlider .SliderItem .Button,
.TransHistoryList .SubmitButton,
.UpdateProfileSubmitButton {
    padding: 1.3rem 1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    border: none;
    background: #f9c408;
    color: #fff
}

@media (hover:hover) {
    .CoolOffSubmitButton:hover,
    .CTASecondary:hover,
    .ExistingLimit .LimitTypeRemove:hover,
    .FrequentPlayerPointsButton:hover,
    .GameFrameWrapper .InstancePlayForFun:hover,
    .SelfExclusionSubmitButton:hover,
    .SetLimitButton:hover,
    .TransFilterButton:hover,
    .TransHistoryList .SubmitButton:hover,
    .UpdateProfileSubmitButton:hover {
        border: none;
        background: #294c0b;
        color: #fff
    }
}

.CoolOffSubmitButton:active,
.CTASecondary:active,
.ExistingLimit .LimitTypeRemove:active,
.FrequentPlayerPointsButton:active,
.GameFrameWrapper .InstancePlayForFun:active,
.SelfExclusionSubmitButton:active,
.TransFilterButton:active,
.TransHistoryList .SubmitButton:active,
.UpdateProfileSubmitButton:active {
    border: none;
    background: #294c0b;
    color: #fff;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.ButtonInverted,
.ComponentGameButtons .Button {
    padding: 1.3rem 1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}

@media (hover:hover) {
    .ButtonInverted:hover,
    .ComponentGameButtons .Button:hover {
        border: 1px solid #fff;
        background: transparent;
        color: #fff;
        opacity: .7
    }
}

.ButtonInverted:active,
.ComponentGameButtons .Button:active {
    border: none;
    background: #294c0b;
    color: #fff;
    opacity: .7;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.Button.Disabled,
.ButtonDisabled,
.ButtonDisabledOutline {
    border: none;
    background: #cacaca;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none
}

.ButtonDisabledOutline {
    border: 1px solid #4e4e4e;
    background: transparent;
    color: #4e4e4e
}

.Checkbox {
    position: absolute;
    opacity: 0
}

.Checkbox+span {
    position: relative;
    cursor: pointer;
    padding: 0
}

.Checkbox+span:before {
    content: "";
    margin-right: 1rem;
    display: inline-block;
    vertical-align: text-top;
    width: 1.8rem;
    height: 1.8rem;
    background: transparent;
    border: .2rem solid #cacaca
}

.Checkbox:checked+span:before {
    background: #f9c408;
    border: .2rem solid #f9c408
}

.Checkbox:checked+span:after {
    content: "";
    position: absolute;
    left: .6rem;
    top: 1rem;
    transform: translate(-50%, -50%);
    background: #fff;
    width: .3rem;
    height: .3rem;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg)
}

.Icon {
    display: inline-block
}

.Iframe,
.IframeContainer,
iframe {
    width: 100%;
    height: 100%;
    border: none
}

.HorizontalScrollBar {
    overflow-x: auto
}

.HorizontalScrollBar::-webkit-scrollbar {
    display: none
}

.Menu {
    display: flex;
    flex-direction: column
}

.Horizontal {
    display: flex;
    flex-direction: row
}

.LoadingMessage {
    bottom: 0
}

.ComponentPicture img {
    display: block;
    width: 100%;
    height: auto
}

.BoxTitle {
    display: block;
    padding: 1.7rem 1.6rem .9rem;
    color: #212121;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem
}

@media (min-width:600px) {
    .BoxTitle {
        padding: 2.6rem 1.6rem 1.2rem;
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .BoxTitle {
        padding: 3.8rem 0 1.4rem;
        font-size: 2.2rem;
        line-height: 2.8rem
    }
}

.IsLoading>* {
    opacity: .1
}

.Spinner {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
    transform: translate(-50%, -50%);
    z-index: 2
}

.TransactionHistoryContainer .Spinner {
    top: 50%
}

.Button .Spinner {
    display: flex;
    align-items: center;
    width: 1.5em;
    height: 100%;
    margin: 0 0 0 50%;
    position: absolute;
    top: 0;
    left: -1.5rem;
    transform: none
}

.IsLoading .Spinner {
    opacity: 1
}

.IsLoading .Spinner .SkCircle:before {
    background-color: #d7d7d7
}

.SkFadingCircle {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 auto
}

.SkFadingCircle .SkCircle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.SkFadingCircle .SkCircle:before {
    display: block;
    width: 10%;
    height: 10%;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #f9c408;
    content: "";
    -webkit-animation: sk-circleFadeDelay 1.2s ease-in-out infinite both;
    animation: sk-circleFadeDelay 1.2s ease-in-out infinite both
}

.SkFadingCircle .SkCircle2 {
    transform: rotate(30deg)
}

.SkFadingCircle .SkCircle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.SkFadingCircle .SkCircle3 {
    transform: rotate(60deg)
}

.SkFadingCircle .SkCircle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.SkFadingCircle .SkCircle4 {
    transform: rotate(90deg)
}

.SkFadingCircle .SkCircle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.SkFadingCircle .SkCircle5 {
    transform: rotate(120deg)
}

.SkFadingCircle .SkCircle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.SkFadingCircle .SkCircle6 {
    transform: rotate(150deg)
}

.SkFadingCircle .SkCircle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.SkFadingCircle .SkCircle7 {
    transform: rotate(180deg)
}

.SkFadingCircle .SkCircle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.SkFadingCircle .SkCircle8 {
    transform: rotate(210deg)
}

.SkFadingCircle .SkCircle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.SkFadingCircle .SkCircle9 {
    transform: rotate(240deg)
}

.SkFadingCircle .SkCircle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.SkFadingCircle .SkCircle10 {
    transform: rotate(270deg)
}

.SkFadingCircle .SkCircle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.SkFadingCircle .SkCircle11 {
    transform: rotate(300deg)
}

.SkFadingCircle .SkCircle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.SkFadingCircle .SkCircle12 {
    transform: rotate(330deg)
}

.SkFadingCircle .SkCircle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    to {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    to {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker__portal {
    position: relative
}

.react-datepicker__tether-element {
    margin-top: -1rem;
    z-index: 1
}

.react-datepicker {
    display: block;
    width: 26.6rem;
    padding: 1rem 1.4rem 1.2rem;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 .3rem .3rem 0 rgba(33, 33, 33, .12), 0 .1rem .2rem 0 rgba(0, 0, 0, .12);
    border-radius: .4rem;
    font-size: 1.4rem;
    line-height: 1.43
}

.react-datepicker .react-datepicker__navigation {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: none;
    outline: none
}

.react-datepicker .react-datepicker__navigation--next,
.react-datepicker .react-datepicker__navigation--previous {
    padding: .1rem .6rem;
    font-size: 0
}

.react-datepicker .react-datepicker__navigation--previous {
    background-image: url(https://wwwholiganbet850.com/static/img/icon-arrow-left.svg)
}

.react-datepicker .react-datepicker__navigation--next {
    background-image: url(https://wwwholiganbet850.com/static/img/icon-arrow-right.svg)
}

.react-datepicker .react-datepicker__month-container {
    display: block
}

.react-datepicker .react-datepicker__header {
    display: inline-block;
    width: 100%
}

.react-datepicker .react-datepicker__current-month {
    display: none;
    width: 100%;
    padding-bottom: .4rem;
    border-bottom: .1rem solid #dedede;
    text-align: center
}

.react-datepicker .react-datepicker__header__dropdown {
    display: inline-block;
    width: 100%
}

.react-datepicker .react-datepicker__month-dropdown-container {
    display: inline-block;
    width: 60%
}

.react-datepicker .react-datepicker__month-select,
.react-datepicker .react-datepicker__year-select {
    width: 100%;
    background: none;
    border: none
}

.react-datepicker .react-datepicker__month-select:focus,
.react-datepicker .react-datepicker__year-select:focus {
    border: none
}

.react-datepicker .react-datepicker__year-dropdown-container {
    display: inline-block;
    width: 40%
}

.react-datepicker .react-datepicker__day-names {
    padding-bottom: .5rem;
    border-bottom: .1rem solid #dedede
}

.react-datepicker .react-datepicker__day-name {
    display: inline-block;
    width: 14.285%;
    color: #9d9d9d;
    text-align: center
}

.react-datepicker .react-datepicker__month,
.react-datepicker .react-datepicker__week {
    display: inline-block;
    width: 100%
}

.react-datepicker .react-datepicker__day {
    display: inline-block;
    width: 2.6rem;
    margin: .3rem .4rem;
    border-radius: 50%;
    text-align: center;
    line-height: 2.6rem;
    cursor: pointer;
    transition: background .5s
}

.react-datepicker .react-datepicker__day:hover {
    background: #a5d2e1
}

.react-datepicker .react-datepicker__day--selected {
    background: #4d90a7;
    color: #fff
}

.react-datepicker .react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day--disabled:hover {
    background: none;
    color: #828282;
    cursor: auto
}

.react-datepicker .react-datepicker__day--outside-month {
    opacity: 0;
    pointer-events: none
}

@media (max-width:1099px) {
    .Page-CasinoGame .GameModalWindow {
        display: none
    }
}

.ModalWindow {
    opacity: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    box-sizing: border-box;
    color: inherit
}

@media (min-width:1100px) {
    .OverflowHidden .ModalWindow {
        -webkit-animation: ModalFadeIn .5s forwards;
        animation: ModalFadeIn .5s forwards
    }
}

@-webkit-keyframes ModalFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ModalFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ModalOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(35, 38, 43, .7)
}

.ModalContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: relative;
    z-index: 1
}

@media (min-width:1100px) {
    .ModalContent {
        height: auto;
        -webkit-animation: ModalBounce .5s cubic-bezier(0, 1.13, .7, 1.32) forwards;
        animation: ModalBounce .5s cubic-bezier(0, 1.13, .7, 1.32) forwards
    }
}

@-webkit-keyframes ModalBounce {
    0% {
        transform: translate3d(0, -6.4rem, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes ModalBounce {
    0% {
        transform: translate3d(0, -6.4rem, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ModalCloseButton {
    width: 3.5rem;
    height: 3.5rem;
    padding: .8rem;
    position: absolute;
    top: .8rem;
    z-index: 99;
    right: .8rem;
    box-sizing: border-box;
    background: rgba(33, 33, 33, .6);
    fill: #fff;
    border: none;
    border-radius: 50%;
    font-size: 2.8rem
}

.iOSRebrushWrapper .ModalCloseButton {
    top: 1.6rem
}

.ModalCloseButton:hover {
    background: #f9c408;
    border: none
}

.ModalCloseButton .Icon,
.ModalCloseButton .SvgIcon {
    display: block;
    width: 100%;
    height: 100%
}

.ModalCloseButton .SvgIcon {
    position: relative
}

.ModalCloseButton svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.GameModalWindow .ModalCloseButton svg {
    min-width: auto;
    min-height: auto
}

@media (min-width:1100px) {
    .GameModalWindow .ModalCloseButton,
    .OperatorMMHCModal .ModalCloseButton,
    .OperatorTransferModal .ModalCloseButton {
        top: -5rem;
        right: -4rem
    }
}

.ModalCloseButton path {
    fill: inherit
}

.ModalContentWrapper {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    background: #f0f0f0
}

.PromoModal {
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto
}

@media (min-width:879px) {
    .PromoModal {
        overflow: auto
    }
}

.iOSRebrushWrapper .welcome-modal .close {
    top: 1.6rem
}

.ConfirmMessageModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
    padding: calc(env(safe-area-inset-top) + 2rem) calc(env(safe-area-inset-right) + 2rem) calc(env(safe-area-inset-bottom) + 2rem) calc(env(safe-area-inset-left) + 2rem);
    box-sizing: border-box
}

@media (min-width:879px) {
    .ConfirmMessageModal {
        height: auto;
        max-width: 60rem
    }
}

.ConfirmMessageModal .ModalHero {
    background: transparent;
    height: 10rem
}

.ConfirmMessageModal .ModalHero .Title {
    color: #4e4e4e;
    font-size: 1.8rem;
    line-height: 1.2
}

.ConfirmMessageModal .Button {
    padding: .9rem 1.2rem 1.1rem;
    margin: 0 1rem
}

.ConfirmMessageModal .CancelActionButton {
    border: none
}

.Prerender .ContentTriggerContainer {
    display: none
}

.Prerender.IsActive .ContentTriggerContainer {
    display: block
}

.DropDownBackground.Prerender {
    display: none
}

.DropDownBackground.Prerender.IsActive {
    display: block
}

.AppContainer {
    display: block;
    background: #f0f0f0
}

.IsSearching .AppContainer {
    background: #fff
}

.ComponentTextWysiwyg,
.Page-TextPage .SectionContent,
.TextPageWrapper {
    display: block;
    font-size: 1.4rem
}

.TextPageWrapper {
    max-width: 96rem;
    padding: 4rem 1.6rem 0;
    margin: 0 auto
}

@media (min-width:1100px) {
    .TextPageWrapper {
        font-size: 1.6rem
    }
}

.TextPageWrapper .Title {
    margin-right: 0;
    color: #212121;
    margin-left: 0
}

@media (min-width:1100px) {
    .TextPageWrapper .Title {
        font-size: 2.8rem
    }
}

.ComponentTextWysiwyg p,
.TextPageWrapper p {
    margin-bottom: 1em;
    line-height: 1.5em;
    font-size: 1.4rem
}

@media (min-width:1100px) {
    .ComponentTextWysiwyg p,
    .TextPageWrapper p {
        font-size: 1.4rem
    }
}

.ComponentTextWysiwyg h2,
.TextPageWrapper h2 {
    margin: 1.8rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.2em;
    font-weight: 600
}

@media (min-width:1100px) {
    .ComponentTextWysiwyg h2,
    .TextPageWrapper h2 {
        font-size: 2.2rem;
        line-height: 1em
    }
}

.ComponentTextWysiwyg h3,
.TextPageWrapper h3 {
    margin: 1.8rem 0 1.2rem;
    font-size: 1.2rem;
    line-height: 1.3em;
    font-weight: 600
}

@media (min-width:1100px) {
    .ComponentTextWysiwyg h3,
    .TextPageWrapper h3 {
        font-size: 1.8rem;
        line-height: 1em
    }
}

.ComponentTextWysiwyg ol,
.TextPageWrapper ol {
    list-style: decimal
}

.ComponentTextWysiwyg ol,
.ComponentTextWysiwyg ul,
.TextPageWrapper ol,
.TextPageWrapper ul {
    margin-bottom: 2rem;
    padding-left: 1.3rem;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .ComponentTextWysiwyg ol,
    .ComponentTextWysiwyg ul,
    .TextPageWrapper ol,
    .TextPageWrapper ul {
        padding-left: 0;
        list-style-position: outside
    }
}

.ComponentTextWysiwyg li,
.TextPageWrapper li {
    margin-bottom: 1em;
    padding-left: .2rem;
    position: relative;
    box-sizing: border-box
}

.ComponentTextWysiwyg ul li,
.TextPageWrapper ul li {
    padding-left: 1em
}

.ComponentTextWysiwyg ul li:before,
.TextPageWrapper ul li:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: .8rem;
    left: 0;
    background: #212121;
    border-radius: 50%;
    font-size: .4rem;
    content: " "
}

@media (min-width:600px) {
    .ComponentTextWysiwyg ul li:before,
    .TextPageWrapper ul li:before {
        top: .9rem
    }
}

.ComponentTextWysiwyg ol ol,
.ComponentTextWysiwyg ol ul,
.ComponentTextWysiwyg ul ol,
.ComponentTextWysiwyg ul ul,
.TextPageWrapper ol ol,
.TextPageWrapper ol ul,
.TextPageWrapper ul ol,
.TextPageWrapper ul ul {
    margin: 2rem 0 2rem 2rem
}

.SectionHeader {
    display: block;
    width: 100%;
    position: fixed;
    height: 5.4rem;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background: #294c0b;
    background-image: linear-gradient(90deg,#294c0b 0,#203d08);
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    transform: translateZ(0);
    border-bottom: .4rem solid #f9c408;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .SectionHeader {
        height: 11rem
    }
}

.HeaderContainer {
    height: 100%;
    display: flex;
    vertical-align: middle;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0 0 .5rem
}

@media (min-width:480px) {
    .HeaderContainer {
        padding: 0 0 0 1rem
    }
}

@media (min-width:1100px) {
    .HeaderContainer {
        padding: 0 1rem;
        justify-content: space-between
    }
}

.HeaderContainer .OperatorHeaderContainer {
    min-width: 10rem
}

@media (min-width:1100px) {
    .HeaderContainer .OperatorHeaderContainer {
        min-width: 0
    }
}

.HeaderContainer .OperatorMobileNavMock {
    display: block;
    width: 3rem;
    min-width: 3rem;
    height: 100%
}

@media (min-width:1100px) {
    .HeaderContainer .OperatorMobileNavMock {
        display: none
    }
}

.HeaderContainer .ContentTriggerWrapper {
    fill: #fff;
    color: #fff
}

.Toggle-OperatorSearchToggle .SectionHeader .OperatorMaxwidth {
    opacity: .5;
    pointer-events: none
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .SectionHeader .OperatorMaxwidth {
        opacity: 1;
        pointer-events: auto
    }
}

@media (min-width:1100px) {
    .Page-Casino .SectionHeader,
    .Page-LiveCasino .SectionHeader,
    .Page-Promotions .SectionHeader {
        background: linear-gradient(90deg,#294c0b 0,#203d08)
    }
}

.SectionHeader.Maintenance {
    background: #294c0b
}

.IsScrolled.Page-Casino .SectionHeader,
.IsScrolled.Page-LiveCasino .SectionHeader,
.IsScrolled.Page-Promotions .SectionHeader {
    background: linear-gradient(90deg,#294c0b 0,#203d08)
}

.FixTabletKeyboard .RootContent .SectionHeader,
.Toggle-OperatorSearchToggle .RootContent .SectionHeader {
    background: #294c0b
}

.iOSRebrushWrapper .SectionHeader {
    opacity: 1
}

.OperatorLogo {
    display: flex;
    width: 11.2rem;
    height: 5.5rem;
    margin-left: 1rem
}

.IsLoggedIn .OperatorLogo {
    width: 7rem;
    margin-left: .2rem
}

@media (min-width:375px) {
    .OperatorLogo {
        margin-left: 1rem
    }
    .IsLoggedIn .OperatorLogo {
        width: 11.2rem;
        margin-left: 1rem
    }
}

@media (min-width:1100px) {
    .OperatorLogo {
        width: 19.2rem;
        height: 5.5rem;
        margin-left: 0
    }
    .IsLoggedIn .OperatorLogo {
        width: 19.2rem
    }
}

.OperatorLogoLink {
    width: 7rem;
    fill: #fff
}

@media (min-width:375px) {
    .OperatorLogoLink {
        width: 11.2rem
    }
}

@media (min-width:1100px) {
    .OperatorLogoLink {
        display: block;
        width: 19.2rem;
        height: 5.5rem
    }
    .IsLoggedIn .OperatorLogoLink {
        width: 19.2rem
    }
}

.OperatorLogoLink .Icon,
.OperatorLogoLink .SvgIcon,
.OperatorLogoLink svg {
    display: block;
    width: 7rem;
    height: 5.5rem
}

@media (min-width:375px) {
    .OperatorLogoLink .Icon,
    .OperatorLogoLink .SvgIcon,
    .OperatorLogoLink svg {
        width: 11.2rem
    }
}

@media (min-width:1100px) {
    .OperatorLogoLink .Icon,
    .OperatorLogoLink .SvgIcon,
    .OperatorLogoLink svg {
        display: block;
        width: 19.2rem;
        height: 5.5rem
    }
    .IsLoggedIn .OperatorLogoLink .Icon,
    .IsLoggedIn .OperatorLogoLink .SvgIcon,
    .IsLoggedIn .OperatorLogoLink svg {
        width: 19.2rem
    }
}

.OperatorLogoLink:hover {
    fill: #fff;
    opacity: .85
}

.OperatorLogoLink:active {
    fill: #fff;
    opacity: .5
}

.cls-4-today {
    fill: #212121
}

.cls-5-today {
    fill: #fff
}

.cls-6-today {
    opacity: .1
}

.Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
.Page-Limits .SectionHeader .InstanceBackButtonTrigger,
.Page-Mycasino .SectionHeader .InstanceBackButtonTrigger {
    display: block;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    min-height: 1.4rem;
    padding: 1.4rem 1.7rem 1.7rem;
    fill: #f7f7f7;
    box-sizing: content-box;
    border: none
}

@media (min-width:600px) {
    .Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
    .Page-Limits .SectionHeader .InstanceBackButtonTrigger,
    .Page-Mycasino .SectionHeader .InstanceBackButtonTrigger {
        padding: 1.4rem 1.4rem 1.7rem
    }
}

@media (min-width:1100px) {
    .Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
    .Page-Limits .SectionHeader .InstanceBackButtonTrigger,
    .Page-Mycasino .SectionHeader .InstanceBackButtonTrigger,
    .SectionHeader .InstanceBackButtonTrigger {
        display: none
    }
}

.SectionHeader .InstanceBackButtonTrigger .Icon {
    fill: #fff;
    display: block;
    width: 100%;
    height: 100%
}

.ToggleMainMenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    color: #fff;
    fill: #fff;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .ToggleMainMenu {
        display: none
    }
}

.ContentTriggerWrapper .ToggleMainMenu {
    transition: top .3s ease-in-out
}

.ContentTriggerWrapper.IsActive .ToggleMainMenu {
    z-index: 4;
    top: 1.7rem
}

.ToggleMainMenu:active,
.ToggleMainMenu:hover {
    border: none
}

.ToggleMainMenu .Icon,
.ToggleMainMenu svg {
    display: block;
    visibility: hidden
}

.ToggleMainMenu svg {
    width: 100%;
    height: auto
}

.ToggleMainMenu .ButtonText {
    display: none
}

.hamburger {
    top: 1.4rem;
    left: .8rem
}

@media (min-width:1100px) {
    .hamburger {
        top: 3.9rem
    }
}

.OperatorHeaderContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    vertical-align: middle;
    flex-basis: 100%;
    margin-right: 0
}

.IsLoggedIn .OperatorHeaderContainer {
    margin-right: .5rem
}

@media (min-width:375px) {
    .IsLoggedIn .OperatorHeaderContainer {
        margin-right: 1rem
    }
}

@media (min-width:1100px) {
    .OperatorHeaderContainer {
        flex-basis: auto;
        justify-content: normal;
        vertical-align: baseline;
        margin-right: 2
    }
    .IsLoggedIn .OperatorHeaderContainer {
        margin-right: 2rem
    }
}

.OperatorHeaderContainer .OperatorMainMenu {
    display: none
}

@media (min-width:1100px) {
    .OperatorHeaderContainer .OperatorMainMenu {
        display: block
    }
}

.OperatorHeaderContainer .OperatorTopLanguage {
    display: none
}

@media (min-width:1100px) {
    .OperatorHeaderContainer .OperatorTopLanguage {
        display: block
    }
}

.OperatorAccountContainer {
    display: flex;
    justify-content: flex-end;
    vertical-align: middle;
    align-items: center;
    border: 0 solid #fff;
    height: 50%;
    padding: .4rem 0 .6rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer {
        flex-direction: row;
        padding: .4rem 0 .6rem;
        border-bottom: .1rem solid hsla(0, 0%, 100%, .15)
    }
}

.OperatorAccountContainer .TotalBalanceWrapper {
    display: block;
    order: -1;
    font-size: 1.1rem
}

@media (min-width:480px) {
    .OperatorAccountContainer .TotalBalanceWrapper {
        font-size: 1.4rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .TotalBalanceWrapper {
        order: 0;
        margin-right: 1.6rem;
        font-size: 1.4rem
    }
}

.OperatorAccountContainer .InstanceToggleMenu {
    display: block;
    float: none;
    margin: 0 0 0 .6rem;
    background: hsla(0, 0%, 100%, .1);
    box-sizing: border-box;
    color: #fff;
    border: .1rem solid hsla(0, 0%, 100%, .1)
}

@media (min-width:1100px) {
    .OperatorAccountContainer .InstanceToggleMenu:hover {
        background: hsla(0, 0%, 100%, .3)
    }
}

.OperatorAccountContainer .InstanceToggleMenu.IsActive {
    background: hsla(0, 0%, 100%, .3)
}

.OperatorAccountContainer .InstanceToggleMenu.IsActive .DropDownBackground {
    background: transparent
}

@media (min-width:375px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0 0 0 1rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0 2rem 0 0
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu {
    min-width: 0;
    padding: .7rem .7rem .2rem
}

.OperatorAccountContainer .Button.ToggleUserMenu:hover {
    background: none
}

.OperatorAccountContainer .Button.ToggleUserMenu svg {
    width: 2rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu svg {
        width: 2.4rem
    }
}

@media (min-width:400px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .7rem .7rem .2rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .7rem 1rem .2rem
    }
}

.OperatorAccountContainer .Button {
    display: inline-block;
    min-width: auto;
    padding: 1.2rem 0;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase
}

@media (min-width:1100px) {
    .OperatorAccountContainer .Button {
        padding: 1.2rem 1.9rem;
        min-width: 7.8rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.OperatorAccountContainer .ButtonRegister {
    background: #f9c408;
    color: #294c0b;
    padding: 1.6rem 1rem;
    white-space: nowrap;
    order: 1
}

@media (min-width:1100px) {
    .OperatorAccountContainer .ButtonRegister {
        padding: 1.2rem 1.9rem;
        margin-left: 0;
        order: 0
    }
}

.OperatorAccountContainer .LoginCallout {
    border: hsla(0, 0%, 100%, .1);
    margin-right: 0
}

.EmptyContent {
    display: none
}

.OperatorAccountContainer .Button:hover {
    background: #af841b;
    color: #fff
}

.OperatorAccountContainer .ButtonLogin:hover {
    background: transparent;
    color: #f0f0f0
}

.OperatorAccountContainer .Button:active {
    opacity: .9
}

.OperatorAccountContainer .OperatorHeaderDeposit {
    position: static;
    padding: 1rem .4rem .9rem;
    margin: 0 0 0 .5rem;
    order: 0;
    color: #294c0b
}

@media (min-width:400px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        padding: 1rem .9rem .9rem
    }
}

@media (min-width:480px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        margin: 0 0 0 1rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        position: relative;
        margin: 1.6rem;
        padding: 1.2rem 1.9rem
    }
}

.Page-LiveSource .ButtonRegister {
    background: #f9c408;
    border: none
}

@media (max-width:300px) {
    .Page-LiveSource .ButtonRegister {
        display: none
    }
}

.Page-LiveSource .ButtonRegister:hover {
    background: #af841b;
    color: #fff
}

.Page-LiveSource .ButtonLogin,
.Page-LiveSource .ButtonRegister {
    padding: .6rem 1.5rem
}

.OperatorAccountContainer .ShowOnDesktop,
.Page-Casino .OperatorAccountContainer .ShowOnDesktop,
.Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop,
.Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
    display: none
}

@media (min-width:1100px) {
    .OperatorAccountContainer .ShowOnDesktop,
    .Page-Casino .OperatorAccountContainer .ShowOnDesktop,
    .Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop,
    .Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
        display: inline-block
    }
}

.OperatorAccountContainer .ButtonRegister:hover {
    background: #af841b;
    color: #fff
}

.OperatorAccountContainer .ButtonRegister:active {
    opacity: .9
}

.ButtonLogin {
    margin-left: .8rem;
    background: transparent
}

.ContentTriggerWrapper {
    margin-right: 0;
    display: block;
    position: relative
}

@media (min-width:1100px) {
    .ContentTriggerWrapper {
        float: right
    }
}

@media (min-width:1260px) {
    .ContentTriggerWrapper {
        margin-right: 4.2rem
    }
}

@media (min-width:1468px) {
    .ContentTriggerWrapper {
        margin-right: 2rem
    }
}

.InstanceOperatorMenu.ContentTriggerWrapper {
    display: block
}

@media (min-width:1100px) {
    .InstanceOperatorMenu.ContentTriggerWrapper {
        display: none
    }
}

.TriggerMainNav.IsActive {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0
}

.TriggerMainNav.IsActive .ContentTriggerContentWrapper {
    width: 100%
}

.TriggerMainNav.IsActive .ContentTriggerContentWrapper .BurgerMenuLogo {
    width: 80vw;
    -webkit-animation: webkit-burgerLogoSlide .6s ease-out .3s forwards;
    animation: burgerLogoSlide .6s ease-out .3s forwards
}

@media (min-width:680px) {
    .TriggerMainNav.IsActive .ContentTriggerContentWrapper .BurgerMenuLogo {
        width: 60vw
    }
}

@-webkit-keyframes burgerLogoSlide {
    to {
        position: fixed
    }
}

@keyframes burgerLogoSlide {
    to {
        position: fixed
    }
}

@-webkit-keyframes webkit-burgerLogoSlide {
    to {
        position: fixed
    }
}

.TriggerMainNav .ContentTriggerContentWrapper {
    width: 0;
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: width .6s ease-in-out
}

.TriggerMainNav .OperatorMainMenu {
    position: absolute;
    height: 100%;
    opacity: 1;
    z-index: 2
}

@media (min-width:1100px) {
    .TriggerMainNav .OperatorMainMenu {
        display: none
    }
}

.TriggerMainNav .OperatorMainMenu .Menu {
    height: auto;
    max-height: none
}

@media (min-width:680px) {
    .TriggerMainNav .OperatorMainMenu .Menu {
        width: 60vw
    }
}

.OperatorUserSubmenu .Menu {
    height: auto
}

.TriggerMainNav .ToggleMainMenu .Icon,
.TriggerMainNav .ToggleMainMenu svg {
    visibility: visible
}

.OperatorHeaderWithdraw {
    background: none;
    border: .2rem solid #f9c408;
    color: #4e4e4e;
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: center
}

.OperatorHeaderWithdraw:hover {
    background: none;
    border: .2rem solid #af841b;
    color: #4e4e4e
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
    display: flex;
    flex-direction: column;
    left: 0;
    border-radius: 0;
    height: 100vh;
    background: linear-gradient(0deg, #111522, #111522);
    box-shadow: .4rem 0 3rem -.6rem rgba(33, 33, 33, .8);
    overflow-y: scroll;
    box-sizing: border-box;
    width: 80vw;
    padding-bottom: calc(env(safe-area-inset-bottom) + 40rem)
}

@media (min-width:680px) {
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu,
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo {
        width: 60vw
    }
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .CasinoSection {
    margin-top: 5.5rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .CasinoSection .NavMenu .Menu {
    max-height: none;
    height: auto;
    width: 100%
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo {
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    height: 5.5rem;
    background: linear-gradient(90deg,#294c0b 0,#203d08);
    border-bottom: .1rem solid #f9c408
}

@media (min-width:1100px) {
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogo {
        width: 11.2rem;
        height: 5.5rem
    }
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogoLink {
        width: 11.2rem
    }
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogoLink .Icon,
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogoLink .SvgIcon,
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogoLink svg {
        width: 11.2rem;
        height: 5.5rem
    }
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo .OperatorLogoLink {
    margin-right: 2.5rem;
    height: 5.5rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorTopLanguage .LanguageSelectorSVGFlag {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.6rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorTopLanguage .LanguageSelectorSVGFlag .Icon {
    width: 3rem;
    height: 2.3rem;
    border-radius: 0;
    margin-right: .5rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector {
    height: auto;
    position: relative;
    box-sizing: border-box;
    margin-top: 1rem;
    padding: .3rem 0;
    border-top: .1rem solid hsla(0, 0%, 100%, .25);
    border-bottom: .1rem solid hsla(0, 0%, 100%, .25)
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 2.1rem;
    margin-top: -1.1rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid hsla(0, 0%, 100%, .25)
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector .CustomSelectOption {
    padding: .7rem .8rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector .LanguageSelectorSVGFlag {
    width: 100%;
    height: 2rem;
    display: flex;
    vertical-align: middle;
    align-items: center;
    box-sizing: border-box;
    padding-left: 2rem;
    text-align: left;
    text-transform: capitalize;
    color: #fff
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector .LanguageSelectorSVGFlag .Icon {
    display: block;
    width: 3rem;
    height: 2.3rem;
    border-radius: 0
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector .LanguageSelectorSVGFlag .LanguageSelectorSelectedText {
    display: flex;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    padding-top: .7rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenuWrapper {
    background: none;
    overflow: visible;
    max-height: none;
    padding: 0
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu {
    position: static;
    width: 100%;
    top: 0;
    right: 0;
    z-index: auto;
    background: none;
    color: #fff;
    fill: #fff;
    line-height: normal;
    box-shadow: none
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorUserText,
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .TotalBalanceWrapper,
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu:before {
    display: none
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorUserSubmenu {
    background: none;
    margin: 0
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorHeaderDeposit:hover {
    background: #af841b
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorHeaderWithdraw {
    background: none;
    text-transform: capitalize;
    color: #fff
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorHeaderWithdraw:hover {
    background: none
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .Anchor {
    padding: 0;
    color: #fff
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .Anchor:hover {
    background: none;
    color: #fff
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .Anchor .ActiveBonusCounter {
    margin-right: 2.5rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .OperatorHeaderDeposit.DepositBtn {
    padding: .9rem .8rem 1.1rem
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .LogOutButton {
    padding: 1.8rem .5rem 2rem 2rem;
    color: #fff;
    border: none
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu .LogOutButton:hover {
    background: none;
    color: #fff
}

.OperatorHeaderDeposit.OperatorHeaderWithdraw {
    margin-top: 0
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu {
    overflow: visible;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0 .8rem;
    display: flex;
    justify-content: space-around;
    flex-direction: column
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .2);
    margin-bottom: .2rem
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem.MobileRegisterListItem {
    padding-left: .7rem
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem.MobileRegisterListItem:after {
    display: none
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem.MobileRegisterListItem .Anchor {
    margin: 0;
    text-align: center;
    background: #f9c408;
    border: 0 solid #fff;
    color: #fff;
    text-transform: uppercase
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem .Anchor {
    padding: 1.8rem .5rem 2rem 2rem;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .SubHeaderListItem:after {
    content: "";
    position: absolute;
    display: block;
    right: 1rem;
    top: 2.45rem;
    border: solid #fff;
    border-width: 0 .3rem .3rem 0;
    padding: .4rem;
    transform: rotate(-45deg)
}

.IsLoggedIn .TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem.MobileRegisterListItem {
    display: none
}

@media (min-width:1100px) {
    .CrossSellNav.ContentTriggerWrapper {
        display: none
    }
}

.CrossSellSectionMenu .Menu {
    flex-direction: row;
    flex: 1 0 auto
}

.CrossSellSectionMenu .MenuItem .Icon {
    display: none;
    margin: 0 auto;
    width: 3.2rem;
    height: 3.2rem
}

.CrossSellSectionMenu .MenuItem .AnchorText {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #fff
}

.SportsSection .CrossSellSectionMenu .MenuItem {
    flex-basis: 33%
}

.iOSRebrushWrapper .SportsSection .CrossSellSectionMenu .MenuItem {
    flex-basis: 50%
}

.SportsSection .CrossSellSectionMenu .Menu {
    width: 100%;
    overflow-x: hidden
}

.CrossSellMenu .CrossSellTitle {
    margin: 0;
    padding: .2rem 0;
    color: #4e4e4e;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
    text-align: center;
    background: #f0f0f0
}

.ContentTriggerWrapper.IsActive .ToggleUserMenu,
.OperatorAccountContainer.IsActive .ToggleUserMenu {
    z-index: 2
}

.ContentTriggerWrapper .ToggleUserMenu:hover,
.OperatorAccountContainer .ToggleUserMenu:hover {
    color: #fff;
    fill: #fff
}

@media (min-width:1100px) {
    .ContentTriggerWrapper .ToggleUserMenu:hover,
    .OperatorAccountContainer .ToggleUserMenu:hover {
        background: #212121
    }
}

.ContentTriggerWrapper .ToggleUserMenu:active,
.OperatorAccountContainer .ToggleUserMenu:active {
    color: #fff;
    fill: #fff
}

@media (min-width:1100px) {
    .ContentTriggerWrapper .ToggleUserMenu:active,
    .OperatorAccountContainer .ToggleUserMenu:active {
        background: #212121
    }
}

.OperatorAccountPrelude {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1rem;
    opacity: .8
}

.OperatorAccountPrelude.Layout .Text {
    line-height: 1rem;
    font-weight: 100;
    font-size: 1rem
}

.OperatorHeaderBalance {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    white-space: nowrap
}

.ToggleUserMenu .TotalBalanceWrapper {
    line-height: 1
}

.DropDownBackground {
    position: fixed;
    overflow: visible;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(23, 28, 44, .7);
    border: none;
    cursor: pointer
}

.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
    display: block;
    bottom: 0;
    top: 5rem;
    background: hsla(0, 0%, 100%, .5)
}

@media (min-width:76.8rem) {
    .Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
        top: 11.2rem
    }
}

.Toggle-OperatorSearchToggle .DropDownBackground {
    display: none
}

.OperatorMainMenu {
    display: block
}

.Toggle-ShowTopMenu .OperatorMainMenu {
    height: auto;
    padding: .5rem 0;
    overflow: visible;
    opacity: 1
}

@media (min-width:1100px) {
    .Toggle-ShowTopMenu .OperatorMainMenu {
        height: auto;
        padding: 0;
        transform: none
    }
}

.Toggle-ShowTopMenu .OperatorMainMenu:before {
    display: block
}

@media (min-width:1100px) {
    .Toggle-ShowTopMenu .OperatorMainMenu:before {
        display: none
    }
}

.OperatorMainMenu .Menu {
    display: flex;
    max-height: calc(100vh - 4.8rem);
    overflow-y: visible
}

@media (min-width:1100px) {
    .OperatorMainMenu .Menu {
        flex-direction: row;
        justify-content: flex-end;
        position: static
    }
}

.OperatorMainMenu .MenuItem {
    display: block
}

@media (min-width:1100px) {
    .OperatorMainMenu .MenuItem {
        display: inline-block
    }
}

.OperatorMainMenu .Anchor {
    display: block;
    color: #828282;
    fill: #212121;
    text-align: left;
    text-decoration: none;
    pointer-events: none
}

@media (min-width:1100px) {
    .OperatorMainMenu .Anchor {
        padding: .9rem 1rem;
        font-size: 1.6rem;
        color: #fff;
        fill: #fff;
        border-bottom: .6rem solid transparent;
        pointer-events: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.TriggerMainNav.IsActive .OperatorMainMenu .Anchor {
    pointer-events: auto;
    color: #f9c408
}

.OperatorMainMenu .Anchor.IsActive,
.OperatorMainMenu .Anchor.IsActiveParent,
.Page-Casino .InstanceOperatorCasinoLink,
.Page-CasinoGame .InstanceOperatorCasinoLink {
    opacity: 1;
    font-weight: 600
}

@media (min-width:1100px) {
    .OperatorMainMenu .Anchor.IsActive,
    .OperatorMainMenu .Anchor.IsActiveParent,
    .Page-Casino .InstanceOperatorCasinoLink,
    .Page-CasinoGame .InstanceOperatorCasinoLink {
        fill: #f9c408;
        color: #f9c408
    }
}

.OperatorMainMenu .InstanceOperatorClassiccasinoLink {
    display: none
}

@media (min-width:1100px) {
    .OperatorMainMenu .InstanceOperatorClassiccasinoLink {
        display: block
    }
}

@media (min-width:1100px) {
    .OperatorMainMenu .Anchor.IsActive,
    .OperatorMainMenu .Anchor:hover {
        border-bottom: .6rem solid #f9c408
    }
}

.OperatorMainMenu .Anchor:hover {
    color: #828282;
    fill: #212121
}

@media (min-width:1100px) {
    .OperatorMainMenu .Anchor:hover {
        color: #f9c408;
        fill: #f9c408
    }
}

.OperatorMainMenu .Anchor:active {
    color: #828282;
    fill: #212121;
    opacity: 1
}

@media (min-width:1100px) {
    .OperatorMainMenu .Anchor:active {
        color: #f9c408;
        fill: #f9c408
    }
}

.OperatorMainMenu .Icon {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 2.1rem 0 0;
    vertical-align: middle
}

@media (min-width:1100px) {
    .OperatorMainMenu .Icon {
        display: none
    }
}

.OperatorMainMenu .InstanceArrowDownWithActiveState {
    display: block;
    float: right;
    margin: 0 0 0 1rem;
    opacity: 1;
    will-change: opacity;
    transition: opacity .4s ease-in
}

@media (min-width:1100px) {
    .OperatorMainMenu .InstanceArrowDownWithActiveState {
        display: none
    }
}

.LanguageSelectorContainer:hover .InstanceArrowDownWithActiveState {
    opacity: 0
}

.OperatorMainMenu .SvgIcon,
.OperatorMainMenu svg {
    display: block
}

.OperatorMainMenu svg {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.OperatorHeaderLanguage,
.OperatorMainMenu .AnchorText {
    display: inline-block
}

.InstanceSearchTriggerMobile.IsActive .ContentTrigger .OperatorHeaderLanguage .CustomSelectTrigger {
    display: block;
    padding: 1.4rem;
    background: #828282;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:1100px) {
    .OperatorHeaderLanguage .CustomSelectTrigger:hover {
        background: #4e4e4e;
        color: #fff
    }
}

@media (min-width:1100px) {
    .OperatorHeaderLanguage .CustomSelectTrigger:active {
        background: #af841b;
        color: #fff
    }
}

.OperatorTopLanguage {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (min-width:1100px) {
    .OperatorTopLanguage {
        position: relative;
        background: transparent;
        padding-left: 2rem;
        border: none;
        border-left: .1rem solid hsla(0, 0%, 100%, .1);
        margin-top: 0;
        margin-bottom: 0
    }
}

.OperatorTopLanguage .CustomSelectTrigger {
    display: block;
    cursor: pointer
}

@media (min-width:1100px) {
    .OperatorTopLanguage .CustomSelectTrigger {
        background: hsla(0, 0%, 100%, .1);
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        padding: .7rem 1.2rem .2rem;
        border: .1rem solid hsla(0, 0%, 100%, .1)
    }
}

.OperatorTopLanguage .CustomSelectIcon {
    display: block;
    float: right;
    margin: 0 0 0 .4rem
}

@media (min-width:1100px) {
    .OperatorTopLanguage .CustomSelectIcon {
        display: none
    }
}

.OperatorTopLanguage .LanguageSelectorSVGFlag {
    display: block;
    width: 3rem;
    height: 2.3rem
}

.OperatorTopLanguage .LanguageSelectorSVGFlag .Icon {
    overflow: hidden
}

@media (min-width:1100px) {
    .OperatorTopLanguage .LanguageSelectorSVGFlag .Icon {
        display: inline-block;
        margin: 0 auto
    }
}

@media (min-width:1100px) {
    .OperatorTopLanguage .CustomSelectTrigger .Icon {
        display: block
    }
}

.OperatorTopLanguage .CustomListContainer {
    display: none;
    opacity: .3
}

@media (min-width:1100px) {
    .OperatorTopLanguage .CustomListContainer {
        height: 0;
        position: absolute;
        right: 0;
        overflow: hidden;
        background: #fff;
        opacity: 0;
        transition: height .3s ease-in-out, opacity .2s ease-in;
        box-shadow: 0 .5rem .8rem 0 rgba(0, 0, 0, .3);
        white-space: nowrap
    }
}

.OperatorTopLanguage .CustomListContainer:before {
    display: none;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: -.7rem;
    right: 2.2rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #fff
}

@media (min-width:1100px) {
    .OperatorTopLanguage .CustomListContainer:before {
        display: block
    }
}

.CustomSelectTrigger:focus+.CustomListContainer,
.OperatorTopLanguage:hover .CustomListContainer {
    height: 4.8rem;
    overflow: visible;
    opacity: 1
}

.OperatorTopLanguage .CustomSelectOption {
    display: block;
    padding: 1.4rem 1.6rem;
    cursor: pointer
}

.OperatorTopLanguage .CustomSelectOption:hover {
    color: #f9c408
}

.OperatorTopLanguage .CustomSelectOption:active {
    color: #af841b
}

.OperatorTopLanguage .LanguageSelectorSelectedText {
    display: inline-block;
    line-height: 1.4
}

@media (min-width:1100px) {
    .OperatorTopLanguage .LanguageSelectorSelectedText {
        padding-left: 1.2rem
    }
}

.OperatorTopLanguage .CustomListContainer .LanguageSelectorSelectedCode {
    display: none
}

.CustomSelectTrigger .LanguageSelectorSelectedText {
    display: inline-block;
    padding-top: .7rem
}

@media (min-width:1100px) {
    .CustomSelectTrigger .LanguageSelectorSelectedText {
        display: none
    }
}

.CustomSelectTrigger .LanguageSelectorSelectedCode {
    display: none
}

@media (min-width:1100px) {
    .CustomSelectTrigger .LanguageSelectorSelectedCode {
        display: none;
        text-transform: uppercase
    }
}

.OperatorTopLanguage .CustomSelectOption.TRFlag {
    display: none
}

.HeaderLanguageSelector .ListItem .LanguageSelectorSVGFlag {
    color: #212121;
    text-transform: uppercase;
    width: 100%
}

.HeaderLanguageSelector .ListItem .LanguageSelectorSVGFlag .Icon {
    display: inline-block;
    height: 2.3rem;
    width: 3rem;
    margin: 0 .5rem -.9rem 0
}

.HeaderLanguageSelector .ListItem .LanguageSelectorSVGFlag .LanguageSelectorSelectedText {
    padding: 0
}

.OperatorUserMenu {
    display: block;
    width: 32rem;
    height: auto;
    overflow: visible;
    position: absolute;
    top: 5.2rem;
    right: 1.3rem;
    z-index: 10;
    background: #fff;
    color: #212121;
    fill: #252a31;
    font-size: 1.6rem;
    line-height: 2rem;
    opacity: 0;
    box-shadow: 0 6px 8px 0 rgba(90, 90, 90, .45)
}

@media (min-width:1100px) {
    .OperatorUserMenu {
        right: calc(50% - 4.25rem)
    }
    .OperatorUserMenu:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        right: 3.3rem;
        margin-top: -1rem;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        border-bottom: 1rem solid #f3f3f3
    }
}

.ContentTriggerWrapper.IsActive .OperatorUserMenu {
    opacity: 1
}

.OperatorUserMenu:before {
    display: none;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: .1rem;
    right: 3.3rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #f3f3f3
}

.OperatorUserMenuWrapper {
    display: flex;
    flex-direction: column;
    background: #fff;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    background: #f3f3f3;
    box-sizing: border-box;
    padding: 0 0 1.5rem
}

@media (min-width:1100px) {
    .OperatorUserMenuWrapper {
        width: 100%;
        box-shadow: none
    }
}

.ToggleUserMenu .TotalBalanceWrapper .CurrencyPlaceholder,
.ToggleUserMenu .TotalBalanceWrapper .FormattedAmount {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    color: #fff
}

.ToggleUserMenu .TotalBalanceWrapper .CurrencyPlaceholder,
.ToggleUserMenu .TotalBalanceWrapper.FormattedAmount {
    padding: 0 .4rem
}

.OperatorUserMenuWrapper .TotalBalanceWrapper {
    box-sizing: border-box;
    padding: 1.6rem 0;
    margin: 0 16px;
    font-size: 1.6rem;
    font-weight: 600;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.OperatorUserMenuWrapper .BalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Text {
    display: inline-block
}

.OperatorUserMenuWrapper .TotalBalanceWrapper .Text {
    color: #4e4e4e
}

.OperatorUserMenuWrapper .BalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Currency {
    display: inline-block;
    float: right
}

.OperatorUserMenuWrapper .BalanceWrapper,
.OperatorUserMenuWrapper .TotalBonusesWrapper {
    padding: 1.6rem;
    font-size: 1.6rem
}

.OperatorUserMenuWrapper .TotalBonusesWrapper {
    padding: 0 1.6rem
}

.ComponentContentTrigger.IsActive .OperatorUserMenu:before {
    display: block
}

.OperatorUserText {
    display: block;
    min-height: 1.8rem;
    padding: 2rem 1.6rem 1.3rem;
    font-size: 1.6rem;
    line-height: 1.8rem;
    text-align: left
}

.OperatorUserMenu .UserBalance {
    display: block;
    margin: 0 1.6rem
}

.OperatorUserMenu .UserBalance.Hidden {
    display: none
}

.UserBalanceAmount {
    display: block;
    width: auto;
    padding: 1.4rem 0;
    margin: 0 1.6rem 1rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #212121;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600
}

.UserBalanceBonus,
.UserBalanceChips {
    display: block;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    line-height: 2.8rem
}

.UserBalanceAmount p,
.UserBalanceBonus p,
.UserBalanceChips p {
    margin: 0
}

.BalanceLabel {
    display: block;
    float: left
}

.BalanceValue {
    display: block;
    float: right;
    text-align: right;
    font-weight: inherit
}

.OperatorHeaderDeposit {
    display: block;
    position: relative;
    min-width: 88%;
    margin: 1.6rem;
    padding: .9rem .8rem 1.1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400
}

.GameFrameWrapper .OperatorHeaderDeposit {
    margin: 0;
    padding: 1.1rem 1rem 1.5rem;
    min-width: 49%;
    float: left;
    background: none;
    border: 1px solid #fff
}

.GameFrameWrapper .OperatorHeaderDeposit:active {
    background: #294c0b
}

.GameFrameWrapper .OperatorHeaderDeposit:hover {
    background: transparent;
    opacity: .7
}

.OperatorUserSubmenu {
    display: block;
    background: #fff;
    margin: 0 1.6rem
}

.OperatorUserSubmenu .Menu {
    display: block
}

.OperatorUserSubmenu .MenuItem {
    display: block;
    border-bottom: .1rem solid #f3f3f3
}

.OperatorUserSubmenu .Anchor,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile,
.OperatorUserSubmenu .LogOutButton {
    display: block;
    padding: 1rem 1.6rem;
    color: #212121;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-decoration: none;
    text-align: left
}

.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile {
    width: 100%;
    margin: 0;
    border: none;
    font-weight: 400
}

.OperatorUserSubmenu .Anchor.IsActive,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile.IsActive {
    font-weight: 700;
    color: #f9c408
}

.OperatorUserSubmenu .Anchor:hover,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile:hover {
    background: #d7d7d7;
    color: #212121
}

.OperatorUserSubmenu .Anchor:active,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile:hover {
    background: #fff;
    color: #f9c408
}

.OperatorUserSubmenu .ActiveBonusCounter {
    float: right;
    padding: .1rem 1rem;
    background: #b3b3b3;
    color: #fff;
    border-radius: 1.5rem;
    font-size: 1.4rem
}

.OperatorUserSubmenu .ListItem .ShowOnDesktop {
    display: none
}

@media (min-width:1100px) {
    .OperatorUserSubmenu .ListItem .ShowOnDesktop {
        display: block
    }
}

.OperatorUserSubmenu .ShowOnMobile {
    display: block
}

@media (min-width:1100px) {
    .OperatorUserSubmenu .ShowOnMobile {
        display: none
    }
}

.OperatorUserSubmenu .LogOutButton {
    display: block;
    width: 100%;
    font-weight: 400;
    text-transform: capitalize
}

.OperatorUserSubmenu .LogOutButton:hover {
    border: none;
    background: #d7d7d7
}

.SectionContent {
    position: relative;
    padding-top: 5.4rem;
    padding-bottom: 5rem
}

@media (min-width:1100px) {
    .SectionContent {
        padding-top: 11rem
    }
}

.Body.iOSRebrushWrapper .SectionContent {
    padding-top: 6.8rem
}

@media (orientation:landscape) {
    .Body.iOSRebrushWrapper .SectionContent {
        padding-top: 0
    }
}

.Body.iOSRebrushWrapper.Page-Casino .SectionContent,
.Body.iOSRebrushWrapper.Page-LiveCasino .SectionContent,
.Body.iOSRebrushWrapper.Page-Promotions .SectionContent,
.Page-CasinoGame.Body.iOSRebrushWrapper .SectionContent {
    padding-top: 0
}

.Body.iOSRebrushWrapper.Toggle-OperatorSearchToggle .SectionContent {
    padding-top: 2rem
}

@media (orientation:landscape) {
    .Body.iOSRebrushWrapper.Toggle-OperatorSearchToggle .SectionContent {
        padding-top: 0
    }
}

.Page-Casino .SectionContent,
.Page-LiveCasino .SectionContent,
.Page-Promotions .SectionContent,
.Page-Sports .SectionContent {
    width: 100%;
    background: #111522
}

.FixTabletKeyboard .SectionContent .OperatorSticky,
.Toggle-OperatorSearchToggle .SectionContent .OperatorSticky {
    opacity: 1
}

.iOSDevice.FixTabletKeyboard .OperatorSticky {
    position: fixed
}

.Page-ActiveBonuses.FixTabletKeyboard .SectionContent>div {
    opacity: 1
}

.IsSearching.IsScrolled .SectionFooter,
.IsSearching .SectionFooter {
    background: #fff
}

.SectionFooter {
    position: relative;
    margin: 2.4rem 0 0;
    padding: 1.6rem;
    background: #e6e7e8
}

@media (min-width:600px) {
    .SectionFooter {
        padding: 3.2rem
    }
}

@media (min-width:1100px) {
    .SectionFooter {
        padding: 4rem
    }
}

@media (min-width:1400px) {
    .SectionFooter {
        padding: 4rem
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) {
    .SectionFooter {
        padding-left: calc(2rem + env(safe-area-inset-left));
        padding-top: calc(2rem + env(safe-area-inset-top));
        padding-right: calc(2rem + env(safe-area-inset-right))
    }
}

.Page-Casino .SectionFooter,
.Page-CasinoGame .SectionFooter,
.Page-LiveCasino .SectionFooter {
    margin: 0
}

.OperatorFooterUtilities {
    display: block
}

@media (min-width:600px) {
    .OperatorFooterUtilities {
        float: left;
        width: 38.2%
    }
}

@media (min-width:1100px) {
    .OperatorFooterUtilities {
        width: 25%
    }
}

.OperatorFooterHelp {
    display: none;
    width: 100%;
    fill: #fff
}

@media (min-width:600px) {
    .OperatorFooterHelp {
        margin: 0 0 2.4rem
    }
}

@media (min-width:900px) {
    .OperatorFooterHelp {
        width: 61.8%
    }
}

@media (min-width:1100px) {
    .OperatorFooterHelp {
        width: 5.4rem;
        height: 5.4rem;
        padding: 1.5rem;
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        z-index: 2;
        background: #252a31;
        color: #fff;
        fill: #fff;
        box-sizing: border-box;
        border-radius: 50%;
        box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, .24)
    }
}

.OperatorFooterHelp .ButtonText {
    display: inline-block
}

@media (min-width:1100px) {
    .OperatorFooterHelp .ButtonText {
        display: none
    }
}

.OperatorFooterHelp .Icon {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 1rem 0 0
}

@media (min-width:1100px) {
    .OperatorFooterHelp .Icon {
        margin: 0
    }
}

.OperatorFooterHelp svg {
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

.OperatorFooterLinks {
    display: block;
    margin: .6rem 0
}

@media (min-width:600px) {
    .OperatorFooterLinks {
        margin: 0
    }
}

.OperatorFooterLinks .Menu {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 0 1rem
}

@media (min-width:600px) {
    .OperatorFooterLinks .Menu {
        flex-direction: column
    }
}

.OperatorFooterLinks .ListItem:last-child {
    display: none
}

@media (min-width:1100px) {
    .OperatorFooterLinks .ListItem:last-child {
        display: block
    }
}

.OperatorFooterLinks .MenuItem:first-child {
    display: block
}

@media (min-width:1100px) {
    .OperatorFooterLinks .MenuItem:first-child {
        display: none
    }
}

.OperatorFooterLinks .LanguageSelectorContainer {
    display: block;
    max-width: 14rem;
    position: relative;
    color: #212121;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: center;
    text-decoration: none
}

@media (min-width:400px) {
    .OperatorFooterLinks .LanguageSelectorContainer {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks .LanguageSelectorContainer {
        font-size: 1.8rem;
        line-height: 2.3rem;
        text-align: left
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks:before {
        content: " ";
        display: block;
        width: 4rem;
        height: .4rem;
        margin: 0 0 1.2rem;
        background: #f9c408;
        overflow: hidden
    }
}

.OperatorFooterLinks .CustomSelectTrigger {
    display: block;
    padding: 1rem 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

@media (min-width:400px) {
    .OperatorFooterLinks .CustomSelectTrigger {
        padding: 2rem 1rem
    }
}

@media (min-width:600px) {
    .OperatorFooterLinks .CustomSelectTrigger {
        padding: 1.4rem 0;
        text-align: left
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks .CustomSelectTrigger {
        display: none
    }
}

.OperatorFooterLinks .CustomSelectTrigger:active,
.OperatorFooterLinks .CustomSelectTrigger:hover {
    color: #f9c408
}

.OperatorFooterLinks .LanguageSelectorSelectedCode {
    display: none
}

.OperatorFooterLinks .Icon {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    margin: -.5rem 1.2rem 0 0;
    vertical-align: middle;
    overflow: hidden
}

@media (min-width:400px) {
    .OperatorFooterLinks .Icon {
        display: inline-block
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks .Icon {
        display: none
    }
}

.OperatorFooterLinks .CustomSelectIcon {
    position: absolute
}

.OperatorFooterLinks .SvgIcon {
    display: block
}

.OperatorFooterLinks svg {
    display: block;
    width: 100%;
    height: auto
}

.OperatorFooterLinks .CustomListContainer {
    display: block;
    width: 12rem;
    height: 0;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 4rem;
    text-align: left;
    border-radius: .4rem;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .24);
    opacity: 0;
    transition: height .3s ease-in-out, opacity .2s ease-in
}

@media (min-width:400px) {
    .OperatorFooterLinks .CustomListContainer {
        width: 200%
    }
}

@media (min-width:600px) {
    .OperatorFooterLinks .CustomListContainer {
        width: 100%;
        top: 4.8rem
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks .CustomListContainer {
        top: 6.4rem
    }
}

.OperatorFooterLinks .CustomSelectTrigger:focus+.CustomListContainer {
    height: 5.4rem;
    opacity: 1
}

@media (min-width:1100px) {
    .OperatorFooterLinks .CustomSelectTrigger:focus+.CustomListContainer {
        height: 5.6rem
    }
}

.LanguageSelectorContainer:hover .CustomListContainer {
    display: block;
    height: 4.2rem;
    z-index: 1;
    opacity: 1
}

@media (min-width:600px) {
    .LanguageSelectorContainer:hover .CustomListContainer {
        height: 4.6rem
    }
}

@media (min-width:1100px) {
    .LanguageSelectorContainer:hover .CustomListContainer {
        height: auto;
        right: -.4rem;
        top: 3.5rem
    }
}

.OperatorFooterLinks .CustomSelectOption {
    display: block;
    padding: 1.2rem;
    cursor: pointer
}

.OperatorFooterLinks .TRFlag {
    display: none
}

.OperatorFooterLinks .CustomSelectOption:active,
.OperatorFooterLinks .CustomSelectOption:hover {
    color: #f9c408
}

.OperatorFooterLinks .Anchor {
    display: block;
    padding: 1rem;
    color: #212121;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: center;
    text-decoration: none
}

@media (min-width:400px) {
    .OperatorFooterLinks .Anchor {
        padding: 2rem 1rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:600px) {
    .OperatorFooterLinks .Anchor {
        padding: 1.4rem 0;
        text-align: left
    }
}

@media (min-width:1100px) {
    .OperatorFooterLinks .Anchor {
        padding: 1.2rem 0;
        font-size: 1.8rem;
        line-height: 2.3rem
    }
}

.OperatorFooterLinks .Anchor.IsActive,
.OperatorFooterLinks .Anchor:active,
.OperatorFooterLinks .Anchor:hover {
    color: #f9c408
}

.OperatorFooterMisc {
    display: block
}

@media (min-width:600px) {
    .OperatorFooterMisc {
        overflow: hidden
    }
}

.AppContainer .OperatorFooterMisc .ShowOnMobile {
    display: flex
}

@media (min-width:1100px) {
    .AppContainer .OperatorFooterMisc .ShowOnMobile {
        display: none
    }
}

.AppContainer .OperatorFooterMisc .ShowOnDesktop {
    display: none
}

@media (min-width:1100px) {
    .AppContainer .OperatorFooterMisc .ShowOnDesktop {
        display: flex
    }
}

.OperatorFooterMisc .List {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 0
}

@media (min-width:1100px) {
    .OperatorFooterMisc .List {
        padding: 1rem 0 3rem
    }
}

.OperatorFooterMisc .ListItem {
    display: block
}

.OperatorFooterMisc .Anchor {
    display: block;
    padding: 1rem
}

.OperatorFooterMisc .Picture,
.OperatorFooterMisc img {
    display: block;
    height: 2.5rem;
    width: auto;
    filter: grayscale(100%);
    will-change: filter
}

.OperatorFooterMisc .Anchor:hover .Picture,
.OperatorFooterMisc .Anchor:hover img {
    filter: grayscale(0)
}

.MGALogoImage .PictureImg {
    height: 4rem;
    width: 7.9rem
}

.OperatorFooterLogos {
    display: block;
    padding: 3rem 0;
    border-top: 1px solid #d7d7d7
}

@media (min-width:600px) {
    .OperatorFooterLogos {
        padding-top: 0;
        border: none
    }
}

.OperatorFooterLogos img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

@media (min-width:1100px) {
    .OperatorFooterLogos img {
        margin: 0
    }
}

.OperatorFooterLicense,
.OperatorFooterMisc .Text,
.OperatorFooterResponsible {
    display: block;
    padding: 3rem 0 5rem;
    border-top: 1px solid #d7d7d7;
    color: #828282;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: center
}

@media (min-width:600px) {
    .OperatorFooterLicense,
    .OperatorFooterMisc .Text,
    .OperatorFooterResponsible {
        font-size: 1.4rem;
        line-height: 1.9rem;
        text-align: left
    }
}

.OperatorFooterMisc .Text {
    padding: 3rem 0
}

.OperatorFooterLicense {
    text-align: left
}

.OperatorFooterResponsible {
    display: block;
    padding: 1rem 0 0
}

@media (min-width:1100px) {
    .OperatorFooterResponsible {
        padding: 3rem 0 0
    }
}

.MGALogo {
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    width: auto;
    height: auto;
    margin: 0 1.6rem 0 0
}

@media (min-width:600px) {
    .MGALogo {
        margin: 0 2.4rem 0 0
    }
}

.LicenceToLongToRead {
    position: relative;
    z-index: 0
}

.LicenceToLongToRead.IsCollapsed .OperatorLicenseText {
    height: 5.5rem;
    overflow: hidden
}

@media (min-width:1100px) {
    .LicenceToLongToRead.IsCollapsed .OperatorLicenseText {
        height: 6rem;
        overflow: hidden
    }
}

.LicenceToLongToRead.IsExpanded .OperatorLicenseText {
    height: auto;
    overflow: visible
}

@media (min-width:1100px) {
    .LicenceToLongToRead.IsExpanded .OperatorLicenseText {
        height: auto;
        overflow: visible
    }
}

.LicenceToLongToRead .Button {
    position: absolute;
    left: calc(50% - 2.4rem);
    border: none
}

.LicenceToLongToRead .Button svg {
    fill: #828282
}

.LicenceToLongToRead.IsCollapsed .InstanceUp,
.LicenceToLongToRead.IsExpanded .InstanceDown {
    display: none
}

.OperatorFooterMisc .InstanceOperatorResponsibleLink,
.OperatorFooterResponsible .Figure,
.OperatorFooterResponsible .Icon {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 1rem 0 0;
    background: transparent;
    fill: #828282;
    vertical-align: middle;
    border-radius: 50%
}

.OperatorFooterResponsible .TextWysiwyg {
    display: inline-block
}

.ScrollToTopButton {
    display: block;
    position: fixed;
    bottom: calc(2rem + env(safe-area-inset-bottom));
    right: calc(1.6rem + env(safe-area-inset-right));
    width: 4.8rem;
    height: 4.8rem;
    padding: 1.1rem;
    opacity: .9;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
    border: none;
    border-radius: 50%
}

.ScrollToTopButton:active,
.ScrollToTopButton:hover {
    background: #fff;
    border: none
}

.ScrollToTopButton svg {
    fill: #9d9d9d
}

.footer-wrapper {
    display: flex;
    flex-direction: column
}

.footer-wrapper * {
    box-sizing: border-box
}

.footer-main {
    background: #000
}

.footer-main-contained {
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-row-gap: 2rem
}

@media (min-width:1100px) {
    .footer-main-contained {
        grid-template-columns: repeat(3, auto)
    }
}

.footer-main-col,
.footer-secondary-col {
    padding: 0 3rem
}

@media (min-width:1366px) {
    .footer-main-col,
    .footer-secondary-col {
        padding-top: 3rem;
        padding-bottom: 4rem
    }
}

.footer-main-col:first-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: -2rem
}

.footer-main-col:first-child .MainIcon svg {
    width: 100%;
    height: auto
}

.footer-main-col:first-child .footer-logo-wrapper {
    padding: 2rem 0;
    max-width: 19rem;
    width: 100%
}

@media (min-width:1366px) {
    .footer-main-col:first-child .footer-logo-wrapper {
        padding: 0 0 2rem
    }
}

.footer-main-col:first-child .footer-social-wrapper {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem
}

@media (min-width:1366px) {
    .footer-main-col:first-child .footer-social-wrapper {
        justify-content: flex-start
    }
}

.footer-main-col:first-child .footer-social-icon img {
    width: 3rem;
    height: 3rem;
    margin: 0 1.2rem 1.2rem 0
}

.footer-main-col:first-child .footer-social-icon img:nth-last-child {
    margin-right: 0
}

@media (min-width:1100px) {
    .footer-main-col:first-child {
        grid-column: 1/4;
        grid-row: 1;
        flex-direction: column;
        justify-content: space-around
    }
}

@media (min-width:1366px) {
    .footer-main-col:first-child {
        margin-bottom: 0
    }
}

.footer-main-col:nth-child(2) {
    background-color: hsla(0, 0%, 100%, .5)
}

@media (min-width:1100px) {
    .footer-main-col:nth-child(2) {
        grid-column: 1/4;
        grid-row: 2
    }
}

.footer-nav-list {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width:1100px) {
    .footer-nav-list {
        flex-direction: row;
        justify-content: space-evenly
    }
}

.footer-nav-item {
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    padding: 2rem 0;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .9)
}

.footer-nav-item:last-child {
    border-bottom: none
}

@media (min-width:1100px) {
    .footer-nav-item {
        width: auto;
        border-bottom: none
    }
}

.footer-external-logo-title {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 1.4rem
}

@media (min-width:1366px) {
    .footer-external-logo-title {
        text-align: left;
        padding-left: 1.3rem
    }
}

.footer-external-logo-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

@media (min-width:1366px) {
    .footer-external-logo-list {
        justify-content: flex-start
    }
}

.footer-external-logo-item img {
    width: 9rem !important;
    height: auto;
    padding: .8rem;
    margin: .8rem;
    background: hsla(0, 0%, 100%, .2)
}

@media (min-width:1100px) {
    .footer-secondary {
        padding-left: 5rem
    }
}

.footer-secondary-col {
    padding-top: 3rem;
    padding-bottom: 2rem
}

.footer-secondary-copy {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
    color: #828282
}

@media (min-width:1100px) {
    .footer-secondary-contained {
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-auto-rows: auto
    }
}

@media (min-width:1100px) {
    .footer-secondary-col-1 {
        grid-column: 1/3
    }
}

.footer-externalLicence {
    padding: 1.4rem 0 2.6rem
}

@media (min-width:1100px) {
    .footer-externalLicence {
        grid-column: 3
    }
}

@media (max-width:767px) {
    .footer-externalLicence {
        min-height: 11rem
    }
}

@media (min-width:1366px) {
    .footer-main-contained {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: auto
    }
    .footer-main-col:first-child {
        grid-column: 1;
        grid-row: 1;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
    .footer-main-col:first-child .footer-logo-wrapper,
    .footer-main-col:first-child .footer-social-wrapper {
        flex-basis: unset
    }
    .footer-main-col:nth-child(2) {
        grid-column: 2;
        grid-row: 1
    }
    .footer-main-col:nth-child(2) .footer-nav-list {
        height: 100%;
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start
    }
    .footer-main-col:nth-child(2) .footer-nav-item {
        text-align: left;
        padding: 2rem 0
    }
    .footer-main-col:nth-child(2) .footer-nav-item:first-child {
        padding: 0 0 2rem
    }
    .footer-main-col:nth-child(3) {
        grid-column: 3;
        grid-row: 1
    }
    .footer-main-col:nth-child(4) {
        grid-column: 4;
        grid-row: 1
    }
    .footer-main-col:nth-child(5) {
        grid-column: 5;
        grid-row: 1
    }
}

.LoadingScreen~.NotificationList {
    display: none
}

.NotificationList {
    display: block;
    width: 100%;
    position: fixed;
    top: 5.4rem;
    left: 0;
    z-index: 9
}

@media (min-width:1100px) {
    .NotificationList {
        top: 11rem
    }
}

.NotificationList .ListItem {
    display: block;
    margin: 0;
    background: #f7f7f7;
    color: #212121
}

.Notification {
    display: block;
    min-height: 4.6rem;
    padding: .8rem 4rem;
    position: relative;
    box-sizing: border-box;
    fill: #a5d2e1;
    font-size: 1.2rem;
    line-height: 2rem;
    box-shadow: 0 .5rem 1rem rgba(33, 33, 33, .4)
}

@media (min-width:600px) {
    .Notification {
        padding: 1.6rem 4rem;
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

@media (min-width:1100px) {
    .Notification {
        padding: 1.4rem 4.4rem
    }
}

.Notification:before {
    content: url(https://wwwholiganbet850.com/static/img/icon-info.svg);
    display: inline-block;
    position: absolute;
    top: 1.2rem;
    left: 1.4rem
}

.NotificationError:before {
    content: url(https://wwwholiganbet850.com/static/img/icon-error.svg)
}

.NotificationSuccess:before {
    content: url(https://wwwholiganbet850.com/static/img/icon-success.svg)
}

.NotificationContent {
    display: block;
    margin: 0 2rem 0 0;
    color: #212121;
    fill: #212121;
    border: none;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600
}

.NotificationContent:before {
    display: none
}

.NotificationCloseButton {
    display: block;
    padding: .2rem;
    position: absolute;
    overflow: visible;
    top: .9rem;
    right: 2.2rem;
    color: #252a31;
    fill: #252a31;
    border: none
}

.NotificationCloseButton:active,
.NotificationCloseButton:hover {
    opacity: .5;
    border: none
}

.OperatorSlider {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    background: #212121;
    color: #fff
}

.OperatorSliderBorder {
    width: 100%;
    height: 1.1rem;
    position: absolute;
    bottom: 0;
    margin-top: -1.1rem;
    background: hsla(0, 0%, 100%, .2);
    z-index: 9
}

.FixTabletKeyboard .OperatorSlider,
.Toggle-OperatorSearchToggle .OperatorSlider {
    height: 0;
    visibility: hidden
}

@media (min-width:1100px) {
    .FixTabletKeyboard .OperatorSlider,
    .Toggle-OperatorSearchToggle .OperatorSlider {
        display: block
    }
}

.CustomHomePageSlider .slider,
.OperatorSlider .slider {
    display: block
}

.CustomHomePageSlider .slider-frame,
.OperatorSlider .slider-frame {
}

@media (min-width:600px) {
    .CustomHomePageSlider .slider-frame,
    .OperatorSlider .slider-frame {
        height: 31.8rem
    }
}

@media (min-width:1100px) {
    .CustomHomePageSlider .slider-frame,
    .OperatorSlider .slider-frame {
        height: 37rem
    }
}

.CustomHomePageSlider .slider-list,
.OperatorSlider .slider-list {
    display: block;
    min-height: 215px;
}

@media (min-width:600px) {
    .CustomHomePageSlider .slider-list,
    .OperatorSlider .slider-list {
        min-height: 31.8rem;
        max-height: 31.8rem
    }
}

@media (min-width:1100px) {
    .CustomHomePageSlider .slider-list,
    .OperatorSlider .slider-list {
        min-height: 31.8rem;
        max-height: 31.8rem
    }
}

@media (min-width:1200px) {
    .CustomHomePageSlider .slider-list,
    .OperatorSlider .slider-list {
        min-height: 33rem;
        max-height: 33rem
    }
}

.CustomHomePageSlider .slider-slide,
.OperatorSlider .slider-slide {
    display: block;
    overflow: hidden
}

.CustomHomePageSlider .Anchor,
.CustomHomePageSlider div.SliderItem,
.OperatorSlider .Anchor,
.OperatorSlider .PromoWrapper,
.OperatorSlider div.SliderItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4.8rem 1.6rem 0;
    min-height: 215px;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}

@media (min-width:600px) {
    .CustomHomePageSlider .Anchor,
    .CustomHomePageSlider div.SliderItem,
    .OperatorSlider .Anchor,
    .OperatorSlider .PromoWrapper,
    .OperatorSlider div.SliderItem {
        min-height: 31.8rem;
        padding: 4.8rem 3.2rem 0
    }
}

@media (min-width:1100px) {
    .CustomHomePageSlider .Anchor,
    .CustomHomePageSlider div.SliderItem,
    .OperatorSlider .Anchor,
    .OperatorSlider .PromoWrapper,
    .OperatorSlider div.SliderItem {
        padding: 0 7.5rem;
        height: 33rem;
        align-items: flex-start;
        text-align: left
    }
}

.CustomHomePageSlider .Anchor:hover,
.OperatorSlider .Anchor:hover {
    text-decoration: none;
    opacity: .9
}

.OperatorSlider .AnchorText {
    display: none
}

.OperatorSlider .Title {
    display: block;
    padding: 0;
    color: inherit;
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .18);
    margin: 0 0 1rem
}

@media (min-width:600px) {
    .OperatorSlider .Title {
        font-size: 3.6rem;
        line-height: 3.6rem
    }
}

@media (min-width:1100px) {
    .OperatorSlider .Title {
        max-width: 33.3333%;
        font-size: 4.4rem;
        line-height: 4.4rem
    }
}

.OperatorSlider .Text,
.OperatorSlider .TextWysiwyg {
    display: block;
    margin: .2rem 0 1rem;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:600px) {
    .OperatorSlider .Text,
    .OperatorSlider .TextWysiwyg {
        margin: .6rem 0 0;
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .OperatorSlider .Text,
    .OperatorSlider .TextWysiwyg {
        max-width: 33.3333%;
        font-size: 1.8rem;
        line-height: 2rem
    }
}

.OperatorSlider .TextWysiwyg p {
    margin: 0
}

.OperatorSlider .Button {
    display: block;
    margin: 0 auto;
    padding: .8rem 1rem 1rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 600;
    border: none;
    opacity: .6
}

.OperatorSlider .Button:active,
.OperatorSlider .Button:hover {
    opacity: 1
}

@media (min-width:400px) {
    .OperatorSlider .Button {
        margin: 1.2rem auto
    }
}

@media (min-width:600px) {
    .OperatorSlider .Button {
        margin: 2.5rem auto 0;
        padding: 1.3rem;
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .OperatorSlider .Button {
        margin: 2.5rem 0 0;
        padding: 1.2rem 1.2rem 1.4rem;
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.OperatorSlider .PromoButtonsWrapper {
    margin-top: 1rem
}

.OperatorSlider .ButtonIconEnd {
    display: none
}

@media (min-width:1100px) {
    .OperatorSlider .ButtonIconEnd {
        display: inline-block
    }
}

.OperatorSlider .Button,
.OperatorSlider .Description,
.OperatorSlider .PromoButtonsWrapper,
.OperatorSlider .Subtitle,
.OperatorSlider .Title {
    z-index: 1
}

.CustomHomePageSlider .ImageAnchor,
.OperatorSlider .ImageAnchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto
}

.CustomHomePageSlider .ImageAnchor:hover,
.OperatorSlider .ImageAnchor:hover {
    opacity: 1
}

.CustomHomePageSlider svg,
.OperatorSlider svg {
    width: 5rem;
    height: 5rem;
    fill: #fff
}

.OperatorSlider .Button.PromoButton,
.OperatorSlider .SliderItem .Button {
    max-width: 20rem;
    height: auto;
    min-height: 3rem;
    padding: 1rem
}

.OperatorSlider .PromoButton .AnchorText,
.OperatorSlider .SliderItem .Button .AnchorText {
    display: block;
    text-align: center
}

.CustomHomePageSlider .Figure,
.OperatorSlider .Figure {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.CustomHomePageSlider .Picture,
.OperatorSlider .Picture {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}

@media (min-width:1100px) {
    .CustomHomePageSlider .Picture,
    .OperatorSlider .Picture {
        min-height: 33rem
    }
}

.CustomHomePageSlider .PictureImg,
.OperatorSlider .PictureImg {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    flex-shrink: 0;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:400px) {
    .CustomHomePageSlider .PictureImg,
    .OperatorSlider .PictureImg {
        width: 100vw;
        height: auto;
    }
}

.CustomHomePageSlider .SliderPagination,
.OperatorSlider .SliderPagination {
    display: flex;
    align-items: center;
    display: none
}

.CustomHomePageSlider .SliderPagination .ListItem,
.OperatorSlider .SliderPagination .ListItem {
    margin: 0 1rem 1rem 0
}

.CustomHomePageSlider .SliderPagination .ListItem:last-child,
.OperatorSlider .SliderPagination .ListItem:last-child {
    margin-right: 0
}

.CustomHomePageSlider .SliderPagination .Button,
.OperatorSlider .SliderPagination .Button {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    background: #4e4e4e;
    border-radius: 50%;
    opacity: 1
}

.CustomHomePageSlider .SliderPagination .Button:active,
.CustomHomePageSlider .SliderPagination .Button:hover,
.OperatorSlider .SliderPagination .Button:active,
.OperatorSlider .SliderPagination .Button:hover {
    background: #dedede
}

.CustomHomePageSlider .IsActiveSlide .Button,
.OperatorSlider .IsActiveSlide .Button {
    background: #fff
}

.LazyImage svg {
    width: 100%;
    height: 100%
}

.InstanceCasinoLobbyTitle {
    display: none
}

.OperatorEmptyBalance {
    display: block;
    position: relative;
    background: #ebebeb;
    color: #212121;
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 0 0 1rem;
    border: .1rem solid #e6e7e8
}

@media (min-width:600px) {
    .OperatorEmptyBalance {
        width: 31.2rem;
        padding: 0;
        position: fixed;
        top: 11rem;
        right: .6rem;
        z-index: 10;
        border: none;
        background: #fff;
        font-size: 1.6rem;
        line-height: 2rem;
        border-radius: .2rem;
        box-shadow: 0 6px 8px 0 rgba(90, 90, 90, .45)
    }
}

@media (min-width:1100px) {
    .OperatorEmptyBalance {
        right: 9.6rem
    }
}

@media (min-width:1400px) {
    .OperatorEmptyBalance {
        right: calc(50% - 70.4rem)
    }
}

.OperatorEmptyBalance .BuyChipsWrapper {
    padding: 1.6rem 1.6rem 1.6rem 3.6rem;
    margin: 0;
    border-radius: .2rem;
    border: none
}

@media (min-width:600px) {
    .OperatorEmptyBalance .BuyChipsWrapper {
        padding: 1.6rem 0 0
    }
}

.OperatorEmptyBalance .BuyChipsWrapper:before {
    display: none;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: -1rem;
    right: 10rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #fff
}

@media (min-width:600px) {
    .OperatorEmptyBalance .BuyChipsWrapper:before {
        display: block;
        right: 13rem
    }
}

@media (min-width:1100px) {
    .OperatorEmptyBalance .BuyChipsWrapper:before {
        display: block;
        right: 12rem
    }
}

.OperatorEmptyBalance .BuyChipsWrapper .OperatorHeaderDeposit {
    float: right;
    width: auto;
    min-width: 10rem;
    max-width: 35%;
    margin: 0 0 0 .8rem
}

@media (min-width:600px) {
    .OperatorEmptyBalance .BuyChipsWrapper .OperatorHeaderDeposit {
        display: none;
        margin: 0
    }
}

.BuyChipsLabel {
    display: block;
    font-weight: 600;
    padding: 0
}

@media (min-width:600px) {
    .BuyChipsLabel {
        padding: 0
    }
}

.OperatorEmptyBalance .Text,
.OperatorEmptyBalance .TextWysiwyg {
    display: block
}

@media (min-width:600px) {
    .OperatorEmptyBalance .Text,
    .OperatorEmptyBalance .TextWysiwyg {
        padding: 1.2rem 1.6rem
    }
}

.OperatorEmptyBalance .Anchor {
    display: block;
    float: right;
    margin: 0 0 0 1rem
}

@media (min-width:600px) {
    .OperatorEmptyBalance .Anchor {
        display: none
    }
}

.OperatorEmptyBalance .CloseEmptyBalance {
    display: block;
    width: 3rem;
    padding: 0;
    position: absolute;
    top: calc(50% - 1.3rem);
    left: .3rem;
    border: none
}

@media (min-width:600px) {
    .OperatorEmptyBalance .CloseEmptyBalance {
        width: 100%;
        position: static;
        margin-top: 1.6rem;
        padding: 1.4rem;
        border-radius: 0;
        border: none;
        border-top: 1px solid #d7d7d7;
        color: #f9c408;
        font-size: 1.4rem;
        line-height: 1.6rem;
        text-transform: uppercase
    }
}

.OperatorEmptyBalance .CloseEmptyBalance svg {
    fill: rgba(0, 0, 0, .5)
}

@media (min-width:600px) {
    .OperatorEmptyBalance .CloseEmptyBalance:active,
    .OperatorEmptyBalance .CloseEmptyBalance:hover {
        border: none;
        border-top: 1px solid #d7d7d7;
        color: #212121
    }
}

.CloseEmptyBalance .ButtonText {
    display: none
}

@media (min-width:600px) {
    .CloseEmptyBalance .ButtonText {
        display: block
    }
}

.CloseEmptyBalance .Icon {
    display: block
}

@media (min-width:600px) {
    .CloseEmptyBalance .Icon {
        display: none
    }
}

.StickyPlaceholder {
    height: 7.7rem
}

.StickyWrapper {
    width: 100%;
    height: 7.7rem;
    color: #fff;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .2);
    background: #f9c408
}

.StickyWrapper .Anchor .FavoriteGamesNumber {
    background: none;
    line-height: 1.7rem;
    font-size: 1.3rem
}

.StickyWrapper .Anchor:hover .FavoriteGamesNumber {
    color: #f9c408
}

.StickyWrapper.IsSticky {
    position: fixed;
    top: 5.4rem;
    width: 100%;
    z-index: 4
}

@media (min-width:1100px) {
    .StickyWrapper.IsSticky {
        top: 11rem
    }
}

.OperatorSticky {
    display: block;
    position: relative;
    width: 100%;
    height: 7.7rem;
    z-index: 4
}

@media (min-width:1100px) {
    .OperatorSticky {
        margin: 0 auto
    }
}

@media (min-width:1400px) {
    .OperatorSticky {
        max-width: 160rem
    }
}

.Toggle-OperatorSearchToggle .StickyPlaceholder {
    position: relative;
    z-index: 3;
    opacity: 1
}

.Toggle-OperatorSearchToggle.NotificationActive .StickyPlaceholder,
.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
    top: 4.8rem
}

.OperatorSW {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 2;
    -webkit-transform: translateZ(0)
}

@media (min-width:1100px) {
    .OperatorSW {
        height: 100%;
        -webkit-transform: none;
        z-index: auto
    }
}

.Toggle-OperatorSearchToggle .OperatorSW {
    -webkit-transform: none
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .OperatorSW {
        margin-top: 0
    }
}

.SearchTrigger.InstanceSearchTriggerMobile,
.SearchTrigger.InstanceSearchTriggerMobileLiveCasino {
    display: block;
    height: auto;
    position: absolute;
    z-index: 2;
    overflow: visible
}

@media (min-width:1100px) {
    .SearchTrigger.InstanceSearchTriggerMobile,
    .SearchTrigger.InstanceSearchTriggerMobileLiveCasino {
        display: none
    }
}

.InstanceSearchTriggerMobile .ContentTrigger,
.InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
    display: block;
    width: 1.8rem;
    height: 1.7rem;
    padding: 1.6rem 1.2rem;
    position: relative;
    z-index: 99;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    color: #252a31;
    fill: #252a31;
    box-sizing: content-box;
    overflow: visible
}

@media (min-width:600px) {
    .InstanceSearchTriggerMobile .ContentTrigger,
    .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
        padding: 2.1rem 1.2rem
    }
}

@media only screen and (orientation:landscape) {
    .InstanceSearchTriggerMobile .ContentTrigger,
    .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
        padding: 1.8rem 1.2rem
    }
}

@media (min-width:1100px) {
    .InstanceSearchTriggerMobile .ContentTrigger,
    .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
        display: none
    }
}

.Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
    display: block;
    width: 3.2rem;
    height: 4.2rem;
    padding: .5rem .6rem;
    border: none;
    background: transparent
}

@media (min-width:600px) {
    .Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
        padding: 1rem .6rem;
        top: -.6rem
    }
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
        top: 0
    }
}

.InstanceSearchContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:1100px) {
    .InputFocused .InstanceOperatorSearchfieldWrapper:before,
    .IsSearching .InstanceOperatorSearchfieldWrapper:before {
        content: "";
        width: 14rem;
        height: 5.6rem;
        position: absolute;
        right: 25rem;
        background: none;
        z-index: 2
    }
}

.InstanceCasinoSearchWrapper.SearchTrigger,
.InstanceLivecasinoSearchWrapper.SearchTrigger {
    display: none
}

@media (min-width:1100px) {
    .InstanceCasinoSearchWrapper.SearchTrigger,
    .InstanceLivecasinoSearchWrapper.SearchTrigger {
        display: block;
        float: right;
        height: 100%;
        margin-right: 3rem
    }
}

@media (min-width:1380px) {
    .InstanceCasinoSearchWrapper.SearchTrigger,
    .InstanceLivecasinoSearchWrapper.SearchTrigger {
        width: 22rem
    }
}

@media (min-width:1100px) {
    .InstanceCasinoSearchWrapper.SearchTrigger:before,
    .InstanceLivecasinoSearchWrapper.SearchTrigger:before {
        content: " ";
        position: absolute;
        left: -8rem;
        height: 100%;
        width: 5rem;
        background-image: linear-gradient(90deg, rgba(255, 205, 54, .8), #f9c408)
    }
}

.Page-CasinoGame.ModalIsOpen.InputFocused .ModalContent .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.InputFocused .ModalContent .InstanceLivecasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.IsSearching .ModalContent .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.IsSearching .ModalContent .InstanceLivecasinoSearchWrapper.SearchTrigger {
    width: auto
}

.Page-CasinoGame.InputFocused .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.InputFocused .InstanceLivecasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.IsSearching .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.IsSearching .InstanceLivecasinoSearchWrapper.SearchTrigger {
    width: 31.8rem
}

.GameLeftWrapper .InstanceCasinoSearchWrapper.SearchTrigger:before,
.GameLeftWrapper .InstanceLivecasinoSearchWrapper.SearchTrigger:before {
    content: none
}

.SearchTrigger {
    display: block;
    height: 5.4rem;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    background: inherit
}

@media (min-width:1100px) {
    .SearchTrigger {
        height: 5.7rem;
        position: relative;
        overflow: visible
    }
}

.SearchTrigger .ClearButton {
    display: block;
    position: absolute;
    padding: 0;
    width: 2rem;
    top: 1.5rem;
    right: 1.5rem;
    border: none
}

@media (min-width:1100px) {
    .SearchTrigger .ClearButton {
        display: none;
        top: 2.35rem;
        right: 11rem
    }
}

@media (min-width:1380px) {
    .SearchTrigger .ClearButton {
        right: 9rem
    }
}

.ModalGamesWrapper .SearchTrigger .ClearButton {
    right: 11rem
}

@media (min-width:1100px) {
    .ReadyToChangeState .ClearButton {
        display: block
    }
}

.SearchTrigger .ClearButton .Icon {
    position: static;
    width: 2rem;
    height: 2rem;
    fill: #4e4e4e
}

.Toggle-OperatorSearchToggle .SearchTrigger {
    overflow: visible;
    height: 5.4rem;
    background: #f9c408
}

@media (min-width:600px) {
    .Toggle-OperatorSearchToggle .SearchTrigger {
        height: 6.4rem
    }
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .SearchTrigger {
        height: 5.9rem
    }
}

@media (max-width:1100px) {
    .Toggle-OperatorSearchToggle .IgReelsContainer,
    .Toggle-OperatorSearchToggle .SectionHeader {
        z-index: 3
    }
}

@media (max-width:1100px) {
    .Toggle-OperatorSearchToggle .BottomMobileMenu .SearchTrigger.IsActive,
    .Toggle-OperatorSearchToggle .SearchTrigger.IsActive {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 6
    }
}

@media (max-width:1100px) {
    .Toggle-OperatorSearchToggle .SearchForm {
        margin-left: .3rem
    }
}

.SearchTrigger .InstanceOperatorToggleSearchButton {
    display: block;
    border: none;
    width: 1.8rem;
    height: 1.8rem;
    min-height: 1.8rem;
    padding: 1.6rem 1.2rem 1.7rem;
    fill: #4e4e4e;
    box-sizing: content-box
}

@media (min-width:600px) {
    .SearchTrigger .InstanceOperatorToggleSearchButton {
        width: 2rem;
        height: 2.6rem;
        min-height: 2rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .SearchTrigger .InstanceOperatorToggleSearchButton {
        display: none;
        position: absolute;
        left: 3.9rem;
        top: .6rem
    }
}

.SearchTrigger .InstanceOperatorToggleSearchButton:hover {
    color: #f9c408;
    fill: #f9c408
}

.SearchTrigger .InstanceOperatorToggleSearchButton:active {
    color: #af841b;
    fill: #af841b
}

.SearchTrigger .ButtonText {
    display: none
}

.SearchTrigger .Icon,
.Toggle-OperatorSearchToggle .SearchTrigger .ButtonIconStart {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width:1100px) {
    .SearchTrigger .Icon,
    .Toggle-OperatorSearchToggle .SearchTrigger .ButtonIconStart {
        display: none
    }
}

.SearchTrigger .InstanceIconSearch.ButtonIconStart {
    margin-top: 1.2rem
}

@media (min-width:1100px) {
    .SearchTrigger .InstanceIconSearch.ButtonIconStart {
        margin-top: 0
    }
}

.SearchTrigger .SvgIcon {
    display: block;
    width: 100%;
    height: 100%
}

.ComponentContentTrigger .ButtonIconEnd {
    display: none
}

.ComponentContentTrigger.IsActive .ButtonIconEnd {
    display: block
}

.OperatorSticky .IsActive .ContentTrigger .ButtonIconStart,
.Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .InstanceIconSearch,
.Toggle-OperatorSearchToggle .SearchTriggerMobile .InstanceIconSearch {
    display: none
}

.Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .InstanceBackArrowLeft,
.Toggle-OperatorSearchToggle .SearchTriggerMobile .InstanceIconSearch {
    display: block
}

.SearchTrigger svg {
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    fill: #fff
}

.SearchTrigger .ButtonIconEnd svg,
.SearchTrigger .InstanceOperatorBack svg {
    display: block;
    width: 100%;
    height: 100%
}

@media (-webkit-min-device-pixel-ratio:1.9) {
    .SearchTrigger .InstanceOperatorBack svg {
        fill: #666
    }
}

.CloseButton {
    display: none;
    width: 4rem;
    padding: 1.2rem .9rem;
    position: absolute;
    height: 5.7rem;
    top: 0;
    left: -4rem;
    z-index: 2;
    border: none;
    color: #fff;
    fill: #fff
}

.CloseButton:active,
.CloseButton:hover {
    border: none;
    color: #af841b
}

@media (min-width:600px) {
    .CloseButton {
        padding: 1.8rem .9rem;
        right: 0;
        height: 6.6rem
    }
}

@media (min-width:1100px) {
    .CloseButton {
        display: none;
        width: 9.8rem;
        height: 5.5rem;
        left: -10rem;
        padding: 0;
        border-radius: 0
    }
    .CloseButton:before {
        content: " ";
        position: absolute;
        left: -9.6rem;
        height: 4rem;
        width: 10rem;
        background: none
    }
    .CloseButton:active,
    .CloseButton:hover {
        background: none
    }
}

@media (min-width:1380px) {
    .CloseButton {
        left: -8rem;
        border: none
    }
    .CloseButton:before {
        content: none
    }
}

@media (min-width:1450px) {
    .CloseButton,
    .CloseButton:active,
    .CloseButton:hover {
        border: none
    }
}

.InstanceOperatorCloseSearchButton {
    position: relative;
    left: 0;
    align-self: center;
    order: 1;
    width: 9.8rem;
    height: 100%;
    margin-right: 2rem;
    margin-left: .4rem;
    white-space: nowrap
}

.InstanceOperatorCloseSearchButton:before {
    content: none
}

@media (min-width:1100px) {
    .InstanceOperatorCloseSearchButton {
        width: 9.8rem
    }
}

@media (min-width:1100px) {
    .GameLeftWrapper .CloseButton:before {
        content: none
    }
}

@media (min-width:1500px) {
    .IsLoggedIn .CloseButton,
    .IsLoggedIn .CloseButton:active,
    .IsLoggedIn .CloseButton:hover {
        border: none
    }
}

.CloseButton .InstanceBackArrowLeft.Icon {
    display: block;
    width: 1.5rem
}

@media (min-width:1100px) {
    .CloseButton .InstanceBackArrowLeft.Icon {
        display: none
    }
}

.CloseButton svg {
    fill: #828282
}

@media (min-width:1100px) {
    .SearchContainer.ReadyToChangeState .CloseButton {
        display: block
    }
}

.CloseButton .ButtonText {
    display: block
}

.iOSDevice.Toggle-OperatorSearchToggle {
    position: fixed;
    overflow: hidden
}

.iOSRebrushWrapper.Toggle-OperatorSearchToggle {
    position: relative
}

.InstanceOperatorCloseSearchButton:active,
.InstanceOperatorCloseSearchButton:hover {
    border-radius: 0
}

.InstanceOperatorCloseSearchButton .ButtonText {
    display: none;
    line-height: 1.4
}

@media (min-width:1100px) {
    .InstanceOperatorCloseSearchButton .ButtonText {
        display: block
    }
}

.InstanceOperatorCloseSearchButton .Icon {
    display: block
}

@media (min-width:1100px) {
    .InstanceOperatorCloseSearchButton .Icon {
        display: none
    }
}

.SearchTrigger .InstanceShowFavorites {
    display: none
}

.SearchContainer {
    display: block;
    position: absolute;
    top: 0;
    left: 4.2rem;
    z-index: 9;
    width: calc(100vw - 5.4rem);
    height: 4rem;
    padding: .7rem 1.2rem .7rem 0
}

@media (min-width:1100px) {
    .SearchContainer {
        float: none;
        width: auto;
        padding: .8rem 1rem .9rem 0;
        position: relative;
        margin-top: .5rem;
        left: auto;
        transform: translateZ(0)
    }
    .SearchContainer:active,
    .SearchContainer:hover {
        opacity: 1
    }
}

@media (min-width:1450px) {
    .InputFocused .SearchContainer,
    .IsSearching .SearchContainer {
        border-left: none
    }
}

@media (min-width:1100px) {
    .ReadyToChangeState.SearchContainer {
        border-left: none
    }
    .ReadyToChangeState.SearchContainer:active,
    .ReadyToChangeState.SearchContainer:hover {
        opacity: 1
    }
}

.SearchContainer.ReadyToChangeState .SearchIconEnd {
    display: none
}

.InputFocused .GameLeftWrapper .SearchContainer.ReadyToChangeState .SearchIconEnd {
    display: block;
    left: 1rem
}

.Toggle-OperatorSearchToggle .SearchContainer {
    transform: translateZ(0)
}

.SearchContainer.ReadyToChangeState .GameSearch {
    padding-left: 1rem;
    padding-right: 3rem
}

.GameSearch {
    display: block;
    width: 100%;
    margin: 0;
    padding: .7rem 2.5%;
    background: #f9c408;
    color: #fff;
    fill: #fff;
    border-radius: 0
}

@media (min-width:1100px) {
    .GameSearch {
        float: right;
        opacity: 1;
        width: 18.5rem;
        margin: 0;
        padding: 1.4rem 2rem 1.4rem 5rem;
        transition: width .5s, opacity .5s;
        cursor: pointer;
        border: .1rem solid #294c0b
    }
}

.GameSearch::-moz-placeholder {
    color: #fff;
    fill: #fff
}

.GameSearch:-ms-input-placeholder {
    color: #fff;
    fill: #fff
}

.GameSearch::placeholder {
    color: #fff;
    fill: #fff
}

.SearchForm {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.SearchForm>.LabelWrap {
    display: none
}

.SearchForm>.InputContainer {
    width: 100%
}

.SearchForm>.InputContainer>.Message {
    display: none
}

.GameSearch:focus {
    box-shadow: inset 0 0 .4rem 0 rgba(33, 33, 33, .7)
}

.SearchContainer .Icon {
    display: none
}

@media (min-width:1100px) {
    .SearchContainer .Icon {
        display: block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 2.2rem;
        left: 2.5rem;
        pointer-events: none;
        fill: #fff
    }
}

@media (min-width:1380px) {
    .SearchContainer .Icon {
        left: 4rem
    }
}

@media (min-width:1100px) {
    .IsSearching .SearchContainer .Icon {
        left: 1rem
    }
}

@media (min-width:1380px) {
    .IsSearching .SearchContainer .Icon {
        left: 4rem
    }
}

@media (min-width:1380px) {
    .IsSearching .ModalContent .SearchContainer .Icon {
        left: 1rem
    }
}

.ComponentSearchedGamesGrid,
.InstanceNoSearchedGamesFound {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 .8rem;
    position: absolute;
    left: 0;
    top: 6.5rem;
    overflow: hidden;
    z-index: 2;
    background: #f9c408;
    font-size: 1.6rem;
    line-height: 2rem;
    box-sizing: border-box;
    border: .1rem solid hsla(0, 0%, 100%, .25)
}

@media (min-width:600px) {
    .ComponentSearchedGamesGrid,
    .InstanceNoSearchedGamesFound {
        top: 6.2rem
    }
}

@media (min-width:1100px) {
    .ComponentSearchedGamesGrid,
    .InstanceNoSearchedGamesFound {
        height: calc(100vh - 18rem);
        top: 7.8rem;
        padding: 2.5rem;
        font-size: 1.6rem;
        line-height: 2.4rem;
        overflow-y: auto
    }
}

.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    margin-top: -4.2rem;
    top: 0
}

@media (min-width:1100px) {
    .ModalContent .InstanceNoSearchedGamesFound {
        max-height: 40.2rem
    }
}

.iOSRebrushWrapper .ComponentSearchedGamesGrid,
.iOSRebrushWrapper .InstanceNoSearchedGamesFound {
    top: 7rem
}

.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid,
.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    height: 100vh;
    padding: .8rem
}

.Toggle-OperatorSearchToggle.FixTabletKeyboard .ComponentSearchedGamesGrid {
    min-height: 192rem
}

.iOSDevice .ComponentSearchedGamesGrid {
    overflow-y: auto
}

.ComponentSearchedGamesGrid .BoxTitle,
.Page-Category .CasinoGames .BoxTitle {
    display: none
}

.Page-Category .ModalContent .BoxTitle {
    display: block
}

.ComponentSearchedGamesGrid .OperatorViewAllGames,
.GamesContainerDesc,
.Page-Casino-Child .OperatorViewAllGames,
.Page-LiveCasino-Child .OperatorViewAllGames {
    display: none
}

.GamesSwipeable {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    flex-wrap: nowrap;
    box-sizing: border-box;
    overflow-x: hidden;
    scrollbar-width: none
}

@media (min-width:1100px) {
    .GamesSwipeable {
        overflow-x: hidden;
        padding: 0 2rem
    }
}

@media (min-width:1400px) {
    .GamesSwipeable {
        padding: 0
    }
}

.GamesSwipeable::-webkit-scrollbar {
    display: none
}

@media (min-width:1100px) {
    .Page-Casino .MsnRow .GamesSwipeable {
        padding: 0
    }
}

@media (min-width:1100px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
        padding: 12rem 0 1rem .5rem
    }
}

@media (min-width:1260px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
        padding: 12rem 0 1rem 1rem
    }
}

.Page-Casino.IsSearching .HighlightedListWrapper .GamesSwipeable {
    display: none
}

.OperatorFavorites .GamesContainerTitle {
    margin: 3.8rem 1.8rem 1.4rem
}

.OperatorFavorites .GamesSwipeable {
    overflow-x: hidden;
    padding: 0
}

.OperatorSticky .GamesSwipeable {
    border-bottom: 5rem solid transparent;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .OperatorSticky .GamesSwipeable {
        border-bottom: 10rem solid transparent
    }
}

.iOSDevice .OperatorSticky .GamesSwipeable {
    border-bottom: 5rem solid transparent;
    box-sizing: border-box
}

.GamesListContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    overflow: auto;
    overflow-y: hidden
}

@media (min-width:1100px) {
    .GamesListContainer {
        flex-wrap: wrap;
        overflow-y: auto
    }
}

.CasinoGames .GamesListContainer {
    width: 100%;
    padding: 2.4rem 0 0 1.6rem;
    box-sizing: border-box;
    overflow: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: auto
}

@media (min-width:600px) {
    .CasinoGames .GamesListContainer {
        padding: 2.4rem 1.4rem 0
    }
}

@media (min-width:1100px) {
    .CasinoGames .GamesListContainer {
        overflow: hidden;
        padding: 3.6rem 0 0
    }
}

@media (min-width:1400px) {
    .CasinoGames .GamesListContainer {
        padding: 3.6rem 1.2rem 0
    }
}

@media (min-width:1400px) {
    .Page-Casino .MsnRow .GamesListContainer {
        padding: 3.6rem 0 1.2rem
    }
}

.Page-Casino-Child .CasinoGames .GamesListContainer,
.Page-LiveCasino-Child .CasinoGames .GamesListContainer {
    padding: 0 1.6rem;
    margin-bottom: 10rem
}

@media (min-width:600px) {
    .Page-Casino-Child .CasinoGames .GamesListContainer,
    .Page-LiveCasino-Child .CasinoGames .GamesListContainer {
        padding: 0 2.2rem
    }
}

@media (min-width:1100px) {
    .Page-Casino-Child .CasinoGames .GamesListContainer,
    .Page-LiveCasino-Child .CasinoGames .GamesListContainer {
        padding: 0;
        margin-bottom: 0
    }
}

.OperatorSticky .GamesListContainer,
.Page-Category .GamesListContainer,
.Page-LiveCasino-Child .GamesListContainer {
    flex-wrap: wrap;
    white-space: normal;
    overflow: hidden
}

@media (min-width:600px) {
    .OperatorSticky .GamesListContainer,
    .Page-Category .GamesListContainer,
    .Page-LiveCasino-Child .GamesListContainer {
        padding: 0 1.4rem
    }
}

@media (min-width:1100px) {
    .OperatorSticky .GamesListContainer,
    .Page-Category .GamesListContainer,
    .Page-LiveCasino-Child .GamesListContainer {
        padding: 0
    }
}

.IsSearching .OperatorSticky .GamesListContainer {
    padding-bottom: 10rem
}

@media (min-width:1100px) {
    .IsSearching .OperatorSticky .GamesListContainer {
        padding-bottom: 18rem
    }
}

.ModalContentWrapper .GamesListContainer {
    flex-wrap: wrap;
    white-space: normal;
    overflow: auto
}

.OperatorSticky .GamesListContainer {
    padding: 0 0 1.4rem;
    overflow: unset
}

@media (min-width:600px) {
    .OperatorSticky .GamesListContainer {
        padding: 0 0 2.8rem
    }
}

@media (min-width:1100px) {
    .OperatorSticky .GamesListContainer {
        padding: 0 0 3.6rem
    }
}

.Toggle-OperatorSearchToggle .OperatorSticky.InstanceOperatorCasinoSticky {
    height: auto;
    overflow: unset
}

.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
    height: calc(100% - 5rem);
    width: 100%;
    position: fixed;
    top: 5rem;
    left: 0;
    z-index: 6;
    overflow-y: auto;
    box-sizing: border-box
}

@media (min-width:600px) {
    .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
        top: 5rem
    }
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
        top: 5rem
    }
}

.ModalContent .GamesListContainer {
    width: auto;
    padding-bottom: 1.4rem
}

@media (min-width:600px) {
    .ModalContent .GamesListContainer {
        padding-bottom: 2.8rem
    }
}

@media (min-width:1100px) {
    .ModalContent .GamesListContainer {
        padding: 0 1.6rem 20rem
    }
}

.ModalContent .GamesListContainer a {
    z-index: 0
}

.ListGame {
    display: block;
    flex-basis: 100%;
    width: auto;
    margin-bottom: 1rem;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .ListGame {
        padding: 0 .4rem
    }
}

@media (min-width:300px) {
    .ListGame {
        flex-basis: 50%
    }
}

@media (min-width:600px) {
    .ListGame {
        flex-basis: 33.3333%
    }
}

@media (min-width:800px) {
    .ListGame {
        flex-basis: 25%
    }
}

@media (min-width:1000px) {
    .ListGame {
        flex-basis: 18%;
        flex-shrink: 1;
        max-width: 40%;
        white-space: normal
    }
}

@media (min-width:1200px) {
    .ListGame {
        flex-basis: 15%;
        max-width: 33.3333%
    }
}

@media (min-width:1500px) {
    .ListGame {
        flex-basis: 12%;
        max-width: 25%
    }
}

@media (min-width:1800px) {
    .ListGame {
        flex-basis: auto;
        flex-grow: 0;
        max-width: 36rem
    }
}

.Page-LiveCasino .ListGame {
    overflow: initial
}

.Page-LiveCasino .GamesListContainer .ListGame {
    padding: 0 .4rem
}

.Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
    padding: 0
}

@media (min-width:768px) {
    .Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
        padding: 0 .4rem
    }
}

.GamesWrapper .ListGame {
    position: relative
}

.GamesWrapper .ListGame:hover .GameProp {
    opacity: 1;
    z-index: 0
}

.GamesWrapper .ListGame:hover .GameTitle {
    pointer-events: none
}

@media (min-width:1100px) {
    .GamesWrapper .ListGame:hover .GamePlayNowText {
        opacity: 1
    }
}

.GamesWrapper .ListGame .GamePlayNowButton {
    max-height: calc(100% + 1rem)
}

@media (min-width:768px) {
    .GamesWrapper .ListGame .GamePlayNowButton {
        max-height: 100%
    }
}

.GamesWrapper .ListGame.Lazy {
    height: auto
}

.GamesWrapper .ListGame.Lazy .GameTitle {
    display: block;
    transition: all .25s linear
}

.RecommendedListWrapper .GamesWrapper .ListGame .GamePlayNowButton {
    max-height: 100%
}

.ModalGamesWrapper .GamesWrapper .ListGame .GamePlayNowButton {
    max-height: calc(100% - 1.8rem);
    z-index: 1
}

@media (min-width:300px) {
    .HorizontalScrollBar .ListGame,
    .LoadMoreButtonContainer {
        flex-basis: auto;
        max-width: 30rem
    }
}

@media (min-width:600px) {
    .HorizontalScrollBar .ListGame,
    .LoadMoreButtonContainer {
        flex-basis: 16rem;
        max-width: 16rem
    }
}

@media (min-width:1000px) {
    .HorizontalScrollBar .ListGame,
    .LoadMoreButtonContainer {
        flex-basis: 19.6rem;
        max-width: 19.6rem
    }
}

@media (min-width:1100px) {
    .HorizontalScrollBar .ListGame,
    .LoadMoreButtonContainer {
        flex-basis: 19.6rem;
        max-width: 19.6rem
    }
}

@media (min-width:300px) {
    .OperatorSticky .ListGame,
    .Page-Category .HorizontalScrollBar .ListGame {
        flex-basis: 50%;
        max-width: 12.4rem
    }
}

@media (min-width:425px) {
    .OperatorSticky .ListGame,
    .Page-Category .HorizontalScrollBar .ListGame {
        flex-basis: 33.3333%
    }
}

@media (min-width:600px) {
    .OperatorSticky .ListGame,
    .Page-Category .HorizontalScrollBar .ListGame {
        flex-basis: 25%
    }
}

@media (min-width:768px) {
    .OperatorSticky .ListGame,
    .Page-Category .HorizontalScrollBar .ListGame {
        flex-basis: 20%;
        max-width: 14.6rem
    }
}

@media (min-width:1100px) {
    .OperatorSticky .ListGame,
    .Page-Category .HorizontalScrollBar .ListGame {
        flex-basis: 19.6rem;
        max-width: unset
    }
}

@media (min-width:300px) {
    .ModalContent .ListGame,
    .Page-Category .ModalContent .ListGame {
        flex-basis: 50%
    }
}

@media (min-width:600px) {
    .ModalContent .ListGame,
    .Page-Category .ModalContent .ListGame {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media (min-width:1800px) {
    .ModalContent .ListGame,
    .Page-Category .ModalContent .ListGame {
        flex-grow: 1
    }
}

.ListGame:last-child {
    padding-right: .4rem
}

@media (min-width:600px) {
    .ListGame:last-child {
        padding-right: .4rem
    }
}

.Page-Category .HorizontalScrollBar .ListGame:last-child {
    padding-right: .2rem
}

@media (min-width:600px) {
    .Page-Category .HorizontalScrollBar .ListGame:last-child {
        padding-right: .2rem
    }
}

.GameThumbContainer,
.GameTileContainer,
.GameTitleContainer,
.ListGameLink {
    display: block;
    position: relative
}

.GameThumbContainer {
    margin: 0 auto;
    overflow: hidden
}

.GameThumb {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 12.4rem;
    height: 12.4rem;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    visibility: visible;
    transition: opacity .6s
}

.GameThumb[data-src] {
    opacity: 0;
    visibility: hidden
}

@media (min-width:768px) {
    .GameThumb {
        margin: 0 auto
    }
}

@media (min-width:1100px) {
    .GameThumb {
        width: 100%
    }
}

.GamePlayNowButton {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    background: transparent
}

.GamePlayNowButton:hover .GamePlayNowText {
    color: #fff
}

.GamePlayNowText {
    display: none
}

@media (min-width:1100px) {
    .GamePlayNowText {
        width: 12rem;
        height: 4rem;
        display: flex;
        align-items: center;
        vertical-align: middle;
        justify-content: space-around;
        background: #f9c408;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        font-size: 1.4rem;
        cursor: pointer;
        transition: opacity .4s linear;
        opacity: 0
    }
}

.ListGame.Lazy .GamePlayNowText:active,
.ListGame.Lazy .GamePlayNowText:hover {
    background: #f9c408;
    border: none
}

@media (min-width:1100px) {
    .ListGame:hover .GamePlayNowText {
        opacity: 1
    }
}

.IsSearching .GameThumb,
.ModalContent .GameThumb,
.OperatorSticky .GameThumb,
.Page-Category .GameThumb {
    max-width: 100%;
    width: 12.4rem;
    height: 12.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 0
}

@media (min-width:768px) {
    .IsSearching .GameThumb,
    .ModalContent .GameThumb,
    .OperatorSticky .GameThumb,
    .Page-Category .GameThumb {
        width: 14.6rem;
        height: 9.7rem
    }
}

@media (min-width:1100px) {
    .IsSearching .GameThumb,
    .ModalContent .GameThumb,
    .OperatorSticky .GameThumb,
    .Page-Category .GameThumb {
        width: 19.6rem;
        height: 13rem;
        max-height: unset
    }
}

.GameThumb .Icon,
.GameThumb .SvgIcon {
    display: block
}

.GameThumb svg {
    display: block;
    fill: #fff
}

.GameProp {
    display: block;
    padding: .3rem .4rem;
    position: absolute;
    top: 0;
    right: 0;
    background: #f9c408;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    opacity: 1;
    transition: opacity .3s ease-in
}

@media (min-width:768px) {
    .GameProp {
        top: .6rem;
        right: .6rem
    }
}

.GameProp.GameVendor {
    opacity: 0
}

.GameProp.ExclusiveGame,
.GameProp.NewGame,
.GameProp.VipGame {
    position: relative;
    top: auto;
    right: auto;
    color: #fff;
    opacity: 1;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:780px) {
    .GameProp.ExclusiveGame,
    .GameProp.NewGame,
    .GameProp.VipGame {
        font-size: 1.2rem
    }
}

.GameProp.NewGame {
    background: #f9c408
}

.GameProp.ExclusiveGame {
    background-color: #111522
}

.GameProp.VipGame {
    border: .1rem solid #828282;
    background: none;
    color: #f9c408
}

.GameProp.GameVendor,
.GameTags {
    pointer-events: none
}

@media (min-width:1100px) {
    .GameProp.GameVendor,
    .GameTags {
        pointer-events: auto
    }
}

.ListGame:hover .GameProp,
.ListGameLink:hover .GameProp {
    opacity: 1;
    z-index: 3
}

.GameInfo,
.GameTags {
    display: flex;
    position: absolute;
    top: 0;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 12.4rem
}

@media (min-width:600px) {
    .GameInfo,
    .GameTags {
        max-width: 14.6rem
    }
}

@media (min-width:768px) {
    .GameInfo,
    .GameTags {
        position: relative;
        top: auto
    }
}

@media (min-width:1100px) {
    .GameInfo,
    .GameTags {
        max-width: 100%
    }
}

.RecommendedListWrapper .GameTags,
.RecommendedListWrapper .GameTitle {
    color: #212121;
    display: none
}

.GameTags .GameProp {
    margin-right: .5rem
}

.GameTags .GameProp:last-child {
    margin-right: 0
}

@media (min-width:780px) {
    .GameTags .GameProp {
        margin-right: 1rem
    }
}

.GameDetails {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem
}

.GameTitle {
    display: none;
    max-width: calc(100% - 4.2rem);
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2
}

@media (min-width:768px) {
    .GameTitle {
        display: block
    }
}

.ModalGameList .GameTitle {
    color: #212121
}

.FavoriteGameToggleButton {
    position: relative;
    display: block;
    width: 3.4rem;
    height: 2.6rem;
    padding: 0;
    z-index: 2;
    border: none;
    fill: #fff;
    color: #fff;
    opacity: 1;
    will-change: opacity;
    transition: opacity .4s ease-in-out;
    border-radius: 50%
}

.GamesListContainer .FavoriteGameToggleButton {
    display: none
}

@media (min-width:768px) {
    .GamesListContainer .FavoriteGameToggleButton {
        display: block
    }
}

.ModalGameList .FavoriteGameToggleButton {
    color: #212121;
    fill: #212121
}

.GamePageContent .OperatorAddFav {
    color: #fff;
    fill: #fff
}

.FavoriteGameToggleButton.IsFavorite {
    color: #f9c408;
    fill: #f9c408;
    opacity: 1
}

.ListGame:hover .FavoriteGameToggleButton {
    opacity: 1
}

.FavoriteGameToggleButton:active,
.FavoriteGameToggleButton:hover {
    border: none
}

.FavoriteGameToggleButton .Icon,
.FavoriteGameToggleButton .SvgIcon,
.FavoriteGameToggleButton svg {
    display: block;
    width: 100%;
    height: 100%
}

.IsSearching .LoadMoreButtonContainer {
    display: none
}

.ModalContent .LoadMoreButtonContainer {
    width: 100%;
    flex-basis: 100%;
    position: relative;
    top: inherit;
    bottom: inherit;
    right: auto
}

.LoadMoreButtonContainer .Button {
    display: block;
    position: static;
    width: 100%;
    padding: 0 .7rem;
    border: none;
    color: #828282;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.ModalContent .LoadMoreButtonContainer .Button {
    display: block;
    position: relative;
    left: 1rem;
    margin: 1.2rem 0;
    padding: .9rem 1.2rem 1.1rem;
    background: #f9c408;
    color: #fff;
    fill: #fff
}

.ModalContent .LoadMoreButtonContainer .Button:hover {
    color: #fff;
    fill: #fff;
    background: #294c0b
}

.ModalContent .LoadMoreButtonContainer .Button:active {
    opacity: .8
}

.OperatorViewAllGames {
    display: block;
    position: absolute;
    top: 2.3rem;
    right: 1.2rem;
    padding-right: 0;
    font-size: 1.4rem;
    color: #828282;
    fill: #b3b3b3;
    border: none;
    -webkit-overflow-scrolling: auto;
    -webkit-transform: translateZ(0)
}

@media (min-width:600px) {
    .OperatorViewAllGames {
        right: 2.6rem;
        top: 2.5rem
    }
}

@media (min-width:1024px) {
    .OperatorViewAllGames {
        font-size: 1.8rem
    }
}

@media (min-width:1100px) {
    .OperatorViewAllGames {
        right: 3.4rem;
        top: 4rem
    }
}

@media (min-width:1100px) {
    .Page-Casino .MsnRow .OperatorViewAllGames {
        right: 0
    }
}

.DiffAndTotalGamesWrapper {
    float: left
}

@media (min-width:1024px) {
    .DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames {
        display: block
    }
}

.TextNoOfGames {
    padding-right: .4em
}

.Page-Category .LoadMoreButtonContainer {
    display: none
}

.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Total {
    display: inline
}

.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Diffrence {
    display: none
}

.iOSDevice .OperatorViewAllGames {
    top: 1.6rem
}

@media (min-width:1100px) {
    .iOSDevice .OperatorViewAllGames {
        top: 3.5rem
    }
}

.ModalContent .OperatorViewAllGames {
    display: none
}

.OperatorViewAllGames:active,
.OperatorViewAllGames:hover {
    color: #f9c408;
    fill: #f9c408;
    border: none
}

.OperatorViewAllGames .Icon {
    display: block;
    float: left;
    vertical-align: middle
}

.LoadMoreButtonContainer .OperatorViewAllGames .Icon {
    display: none
}

.OperatorViewAllGames .Icon svg {
    display: block;
    margin: -.2rem 0;
    width: 2.2rem;
    height: 2.2rem;
    pointer-events: none
}

.GamesList {
    display: block;
    position: relative;
    max-width: 140rem;
    margin: 0 auto
}

@media (min-width:1100px) {
    .GamesList {
        max-width: 102rem
    }
}

@media (min-width:1260px) {
    .GamesList {
        max-width: 122.6rem
    }
}

@media (min-width:1468px) {
    .GamesList {
        max-width: 140rem
    }
}

@media (min-width:1620px) {
    .GamesList {
        max-width: 160rem
    }
}

.IsSearching:not(.OverflowHidden) .ComponentGameListGrid .GamesSwipeable {
    visibility: hidden
}

.GamesList .BoxTitle {
    display: block;
    width: 43%;
    float: left;
    position: relative;
    margin: 0 0 1.2rem;
    padding: 0 1.8rem;
    top: 2.6rem;
    z-index: 1
}

@media (min-width:600px) {
    .GamesList .BoxTitle {
        margin: 0 0 1.2rem;
        top: 2.8rem
    }
}

@media (min-width:1100px) {
    .GamesList .BoxTitle {
        width: auto;
        margin: 0 2.4rem 2.2rem;
        top: 3.8rem
    }
}

@media (min-width:1400px) {
    .GamesList .BoxTitle {
        margin: 0 1.8rem 2.2rem
    }
}

@media (min-width:1100px) {
    .Page-Casino .GamesList.MsnRow .BoxTitle {
        margin: 0 0 2.4rem
    }
}

@media (min-width:1400px) {
    .Page-Casino .GamesList.MsnRow .BoxTitle {
        margin: 0 0 1.8rem
    }
}

.IsSearching:not(.OverflowHidden) .GamesList .BoxTitle {
    display: none
}

.GamesList .GameCategory {
    display: block;
    color: #fff;
    text-decoration: none;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase
}

@media (min-width:420px) {
    .GamesList .GameCategory {
        width: auto;
        overflow: visible
    }
}

.GamesList .GameCategory:hover {
    color: #f9c408
}

.GamesList .GameCategory:active {
    color: #828282
}

.CasinoGamesNumber {
    padding: 0 .4rem
}

.CasinoGamesNumber:before {
    content: "("
}

.CasinoGamesNumber:after {
    content: ")"
}

.HighlightedListWrapper {
    margin-top: 4rem;
    padding-top: .1rem;
    max-width: 100%
}

.HighlightedListWrapper .OperatorTotalJackpotsTop {
    box-sizing: border-box;
    position: absolute;
    top: 5.5rem;
    display: block;
    width: 100%;
    background: transparent;
    padding-left: 1.6rem;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:1100px) {
    .HighlightedListWrapper .OperatorTotalJackpotsTop {
        top: 8.2rem;
        transform: translateX(-50%);
        max-width: 102rem;
        padding: 0 0 2rem
    }
}

@media (min-width:1260px) {
    .HighlightedListWrapper .OperatorTotalJackpotsTop {
        max-width: 122.6rem
    }
}

@media (min-width:1468px) {
    .HighlightedListWrapper .OperatorTotalJackpotsTop {
        max-width: 140rem
    }
}

.HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
    margin: 0 0 .6rem;
    color: #f9c408;
    font-size: 1.4rem
}

@media (min-width:1100px) {
    .HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
        font-size: 1.8rem
    }
}

.HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,
.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.2
}

@media (min-width:1100px) {
    .HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,
    .HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
        font-size: 4.4rem
    }
}

.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
    padding: 0;
    background: none
}

.HighlightedListWrapper .BoxTitle {
    top: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:1100px) {
    .HighlightedListWrapper .BoxTitle {
        max-width: 102rem
    }
}

@media (min-width:1260px) {
    .HighlightedListWrapper .BoxTitle {
        max-width: 122.6rem
    }
}

@media (min-width:1468px) {
    .HighlightedListWrapper .BoxTitle {
        max-width: 140rem
    }
}

.HighlightedListWrapper .GamesWrapper {
    position: relative;
    margin: 0 auto
}

@media (min-width:1100px) {
    .HighlightedListWrapper .GamesWrapper {
        max-width: 102rem
    }
}

@media (min-width:1260px) {
    .HighlightedListWrapper .GamesWrapper {
        max-width: 122.6rem
    }
}

@media (min-width:1468px) {
    .HighlightedListWrapper .GamesWrapper {
        max-width: 160rem
    }
}

.HighlightedListWrapper .GamesSwipeable {
    padding: 0;
    max-width: 100%;
    margin-top: 3rem;
    overflow-x: visible
}

@media (min-width:1100px) {
    .HighlightedListWrapper .GamesSwipeable {
        margin-top: 5rem;
        padding: 12rem 0 1rem .5rem
    }
}

@media (min-width:1260px) {
    .HighlightedListWrapper .GamesSwipeable {
        padding: 12rem 0 1rem 1rem
    }
}

@media (min-width:1400px) {
    .HighlightedListWrapper .GamesSwipeable {
        padding: 12rem 0 1rem
    }
}

.HighlightedListWrapper .GamesSwipeable::-webkit-scrollbar {
    display: none
}

.HighlightedListWrapper .GamesSwipeable .GamesListContainer {
    padding: 10rem 0 3.2rem 1.6rem;
    margin: 0 auto
}

@media (min-width:1100px) {
    .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
        max-width: 102rem;
        padding: 2.4rem 0 3.2rem
    }
}

@media (min-width:1260px) {
    .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
        max-width: 122.6rem
    }
}

@media (min-width:1468px) {
    .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
        max-width: 160rem
    }
}

.HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
    top: -3.6rem
}

@media (min-width:1100px) {
    .HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
        top: -17.4rem
    }
}

.HighlightedListWrapper .GamesSwipeable .GameThumbContainer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.HighlightedListWrapper .GamesSwipeable .GameThumbContainer .GameThumb {
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Page-Casino-Child .GamesWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.Page-Casino-Child .GamesWrapper .Subcategories {
    flex: 1 0 100%
}

@media (min-width:1100px) {
    .Page-Casino-Child .GamesWrapper .Subcategories {
        flex: 1 0 85%;
        background: none
    }
}

.Page-Casino-Child .GamesWrapper .ProviderFilters {
    flex: 1 0 100%;
    background: #f9c408;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .Page-Casino-Child .GamesWrapper .ProviderFilters {
        flex: 1 0 15%;
        align-self: flex-start;
        background: none
    }
}

.Page-Casino-Child .GamesWrapper .GamesListContainer {
    flex: 0 1 100%;
    margin-top: 3rem;
    justify-content: space-around
}

@media (min-width:1100px) {
    .Page-Casino-Child .GamesWrapper .GamesListContainer {
        justify-content: flex-start
    }
}

.GamesListContainer .Currency,
.HighlightedListWrapper .Currency {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .7rem 0;
    text-align: center;
    font-size: 1.6rem;
    color: #ffe900;
    background-color: #111522
}

@media (min-width:1100px) {
    .GamesListContainer .Currency,
    .HighlightedListWrapper .Currency {
        font-size: 2rem
    }
}

@media (min-width:768px) {
    .HighlightedListWrapper .GameTags {
        position: absolute;
        top: .5rem
    }
}

@media (min-width:1100px) {
    .HighlightedListWrapper .GameTags {
        left: .5rem
    }
}

.HighlightedListWrapper .GameInfo {
    display: none
}

.HighlightedListWrapper .Currency {
    bottom: -2.9rem
}

.NewCatScroll {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 4.2rem;
    padding-bottom: 5rem;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: auto
}

@media (min-width:1100px) {
    .NewCatScroll {
        min-height: 5.7rem;
        height: 100%;
        margin: 0;
        max-width: calc(100% - 25rem)
    }
}

@media (min-width:1100px) {
    .InputFocused .NewCatScroll {
        max-width: calc(100% - 37rem)
    }
}

.Toggle-OperatorSearchToggle .NewCatScroll {
    display: none
}

@media (min-width:1100px) {
    .Toggle-OperatorSearchToggle .NewCatScroll {
        display: block
    }
}

.IsScrolled .NewCatScroll {
    height: 7.7rem
}

@media (min-width:1100px) {
    .IsScrolled .NewCatScroll {
        height: 100%;
        background: initial
    }
}

.InputFocused .NewCatScroll .ExtraCategories,
.InputFocused .NewCatScroll .HorizontalScrollBar,
.IsSearching .NewCatScroll .HorizontalScrollBar {
    opacity: .34;
    pointer-events: none
}

.NewCatScroll .HorizontalScrollBar {
    overflow: visible
}

.OperatorCasinoCategories {
    display: block;
    flex-grow: 0;
    height: 7.8rem
}

@media (min-width:1100px) {
    .OperatorCasinoCategories {
        height: auto;
        width: 100%
    }
}

.OperatorCasinoCategories .BoxTitle,
.OperatorCasinoCategories .GameCategoriesDesc {
    display: none
}

.OperatorCasinoCategories .GameCategoriesSwipe {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:600px) {
    .OperatorCasinoCategories .GameCategoriesSwipe {
        height: 5.6rem
    }
}

@media (min-width:1100px) {
    .OperatorCasinoCategories .GameCategoriesSwipe {
        background: transparent
    }
}

.OperatorCasinoCategories .GameCategoriesSwipe .GameCategories .CategoriesItem:last-child {
    padding-right: 3rem
}

@media (min-width:1100px) {
    .Page-Casino .OperatorCasinoCategories .GameCategoriesSwipe,
    .Page-LiveCasino .OperatorCasinoCategories .GameCategoriesSwipe {
        height: 8rem;
        background: transparent
    }
}

.GameCategories {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    height: 4.8rem;
    overflow: auto;
    overflow-x: scroll
}

@media (min-width:600px) {
    .GameCategories {
        height: auto
    }
}

@media (min-width:1000px) {
    .GameCategories {
        margin: 0
    }
}

.CategoriesItem,
.ExtraCategories .ListItem {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    margin: 0;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CategoriesItem .GameCategory,
.ExtraCategories .Anchor,
.ExtraCategories .Button {
    display: block;
    color: #fff;
    fill: #fff;
    border: none;
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    padding: 3rem 1.5rem 2.8rem
}

@media (min-width:600px) {
    .ExtraCategories .Button,
    .ModalContent .CategoriesItem .GameCategory,
    .ModalContent .ExtraCategories .Anchor {
        min-height: 2rem;
        padding: 1.7rem 1.6rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .ExtraCategories .Button,
    .ModalContent .CategoriesItem .GameCategory,
    .ModalContent .ExtraCategories .Anchor {
        padding: 1.7rem .35rem 1.8rem
    }
}

@media (min-width:1200px) {
    .ExtraCategories .Button,
    .ModalContent .CategoriesItem .GameCategory,
    .ModalContent .ExtraCategories .Anchor {
        padding: 1.7rem .6rem 1.8rem
    }
}

@media (min-width:1300px) {
    .ExtraCategories .Button,
    .ModalContent .CategoriesItem .GameCategory,
    .ModalContent .ExtraCategories .Anchor {
        padding: 1.7rem .6rem 1.8rem
    }
}

.CasinoCategoryActive .Anchor,
.CategoriesItem .GameCategory.IsActive,
.ExtraCategories .Anchor.IsActive {
    color: #f9c408;
    fill: #f9c408;
    border-bottom: .4rem solid #f9c408;
    box-sizing: border-box
}

.CasinoCategoryActive .Anchor .FavoriteGamesNumber,
.CategoriesItem .GameCategory.IsActive .FavoriteGamesNumber,
.ExtraCategories .Anchor.IsActive .FavoriteGamesNumber {
    color: #f9c408
}

@media (min-width:1100px) {
    .CategoriesItem .GameCategory:hover,
    .ExtraCategories .Anchor:hover {
        color: #f9c408;
        fill: #f9c408;
        background: hsla(0, 0%, 100%, .3);
        border-bottom: .4rem solid #f9c408
    }
}

.CategoryIconContainer {
    display: none
}

.ExtraCategories {
    display: flex;
    flex-grow: 0;
    padding-left: 1rem
}

.IsSearching .ExtraCategories {
    opacity: .34;
    pointer-events: none
}

.ExtraCategories .Icon {
    display: none
}

.ExtraCategories .Button {
    width: auto;
    position: relative
}

.ExtraCategories .Button:active,
.ExtraCategories .Button:hover {
    color: #f9c408;
    fill: #f9c408;
    background: #fff
}

.ExtraCategories .FavoriteGamesNumber {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0 0 1rem;
    background: #b3b3b3;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 50%
}

.ExtraCategories .Anchor,
.ExtraCategories .Button {
    width: auto
}

.InstanceOperatorJackpotsList {
    display: block
}

.InstanceOperatorJackpotsList .GamesListContainer {
    display: flex
}

.OperatorJackpotsHack {
    display: block
}

.OperatorJackpotsHack .BoxTitle {
    display: none
}

.OperatorJackpotsHack .Slider {
    display: block;
    max-height: 7.2rem;
    margin: 2.4rem 0;
    background: #f7f7f7;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .12), inset 0 1px 4px 0 rgba(0, 0, 0, .12)
}

.JackpotItem,
.OperatorJackpotsHack .SliderItem {
    display: block
}

.JackpotItem {
    padding: 1.6rem;
    color: #828282;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:600px) {
    .JackpotItem {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.JackpotLogo {
    display: block;
    float: left;
    width: 5rem;
    height: 5rem;
    margin: -1rem 1rem 0 0;
    overflow: hidden;
    vertical-align: bottom
}

@media (min-width:600px) {
    .JackpotLogo {
        display: inline-block;
        float: none;
        vertical-align: middle
    }
}

.JackpotName {
    display: inline;
    color: #212121;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .JackpotName {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.JackpotNameText {
    display: inline
}

.JackpotNameText:after {
    display: inline-block;
    content: "has a jackpot of";
    margin: 0 .4rem;
    color: #828282;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400
}

@media (min-width:600px) {
    .JackpotNameText:after {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.Lang-DE .JackpotNameText:after {
    content: "hat einen Jackpot von"
}

.JackpotNameTitle {
    display: inline;
    font-size: 1.8rem;
    line-height: 2rem;
    white-space: nowrap
}

@media (min-width:600px) {
    .JackpotNameTitle {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.JackpotPlayButton,
.JackpotPlayButtonContainer {
    display: none
}

.RecentWinnersWidget {
    top: calc(34.7rem - 1px)
}

@media (min-width:1100px) {
    .RecentWinnersWidget {
        width: 66.66%;
        position: absolute;
        right: 0;
        opacity: .9
    }
    .RecentWinnersWidget,
    .RecentWinnersWidget .RecentWinnersWidgetContainer {
        height: 7rem
    }
    .RecentWinnersWidget .RecentWinnersWidgetContainer:before,
    .RecentWinnersWidget:before {
        content: "";
        position: absolute;
        width: 5rem;
        left: -2rem;
        height: 100%;
        transform: skewX(-30deg)
    }
    .RecentWinnersWidget .OperatorSliderBorder,
    .RecentWinnersWidget .RecentWinnersWidgetContainer .OperatorSliderBorder {
        display: none
    }
}

@media (min-width:1100px) and (min-width:1100px) {
    .RecentWinnersWidget .OperatorSliderBorder,
    .RecentWinnersWidget .RecentWinnersWidgetContainer .OperatorSliderBorder {
        display: none
    }
}

@media (min-width:1200px) {
    .RecentWinnersWidget {
        top: calc(35.9rem - 1px)
    }
}

@media (min-width:1360px) {
    .RecentWinnersWidget {
        width: 50%
    }
}

.RecentWinnersWidget .slider-list>div.SliderItem {
    padding: .5rem
}

@media (min-width:1100px) {
    .RecentWinnersWidget .slider-list>div.SliderItem {
        padding: 1rem
    }
}

.AppContainer .ShowOnDesktop {
    display: none
}

@media (min-width:1100px) {
    .AppContainer .ShowOnDesktop {
        display: inline-block
    }
}

.iOSRebrushWrapper.Toggle-OperatorSearchToggle .AppContainer {
    position: fixed
}

.IsSearching.IsScrolled .AppContainer {
    background: #fff
}

.AppContainer .ShowOnMobile {
    display: block
}

@media (min-width:1100px) {
    .AppContainer .ShowOnMobile {
        display: none
    }
}

.RecentWinnersWidget .BoxTitle {
    display: none
}

.RecentWinnersWidget .Slider {
    display: block;
    margin: 2.4rem 0;
    border-top: .1rem solid hsla(0, 0%, 100%, .2)
}

@media (min-width:1100px) {
    .RecentWinnersWidget .Slider {
        max-height: 100%;
        margin: 0
    }
}

.RecentWinnersWidget .Slider .OperatorSliderBorder {
    display: none
}

.RecentWinnersWidget .RecentWinnersWidgetContainer:before,
.RecentWinnersWidget .Slider {
    background: #f9c408;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .2)
}

.RecentWinnersWidget .RecentWinnersWidgetContainer:before {
    border-left: .1rem solid hsla(0, 0%, 100%, .2)
}

.RecentWinnersWidget .slider,
.RecentWinnersWidget .slider-frame {
    height: 100%
}

@media (min-width:1100px) {
    .RecentWinnersWidget .slider,
    .RecentWinnersWidget .slider-frame {
        min-height: 7rem;
        max-height: 7rem
    }
}

.RecentWinnersWidget .slider-slide {
    width: 100px;
    height: 6rem
}

@media (min-width:1100px) {
    .RecentWinnersWidget .slider-slide {
        min-width: 25rem;
        overflow: hidden;
        padding: 0 1rem 0 3rem
    }
}

.RecentWinnerItemContainer {
    max-height: 6rem;
    position: relative
}

@media (min-width:1100px) {
    .RecentWinnerItemContainer {
        display: flex;
        align-items: center;
        height: 6rem;
        width: 100%;
        text-align: center
    }
}

.RecentWinnerImage {
    display: inline-block;
    margin: 0 .3rem 0 0;
    position: relative;
    top: .4em
}

@media (min-width:1100px) {
    .RecentWinnerImage {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

.RecentWinnerGameThumb {
    width: 5.5rem;
    height: 3.3rem
}

.RecentWinnerItemContainer .RecentWinnerGameThumb .PictureImg {
    position: relative;
    width: 6rem;
    border-radius: .2rem;
    vertical-align: middle
}

@media (min-width:1100px) {
    .RecentWinnerItemContainer .RecentWinnerGameThumb .PictureImg {
        top: 0;
        width: 5.5rem;
        margin: .5rem 1rem .5rem 0;
        vertical-align: bottom;
        box-sizing: border-box
    }
}

.RecentWinnerItem {
    display: block;
    padding: .8em 2.4rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:600px) {
    .RecentWinnerItem {
        padding: .4em 2.4rem;
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .RecentWinnerItem {
        min-height: 3.4rem;
        padding: .5rem 0;
        font-size: 1.4rem;
        line-height: 1.9rem;
        text-align: left
    }
}

.RecentWinnerItem:active .RecentWinnerGame,
.RecentWinnerItem:hover .RecentWinnerGame {
    color: #f9c408
}

.RecentWinnerDescription p,
.RecentWinnerName,
.RecentWinnerNameText {
    color: #fff;
    display: inline
}

.RecentWinnerItem .RecentWinnerNameText {
    color: #828282;
    position: relative;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 100
}

@media (min-width:600px) {
    .RecentWinnerItem .RecentWinnerNameText {
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .RecentWinnerItem .RecentWinnerNameText {
        line-height: 1.9rem
    }
}

.RecentWinnerNameText:after {
    display: inline-block;
    content: "-";
    margin: 0 0 0 .4rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400
}

@media (min-width:600px) {
    .RecentWinnerNameText:after {
        font-size: 1.4rem;
        line-height: 1.9rem
    }
}

.RecentWinnerAmount {
    display: inline-block;
    width: auto;
    padding: 0 .4rem;
    position: relative;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600
}

.RecentWinnerAmount .CurrencyPlaceholder {
    padding: 0 .2rem;
    float: right
}

.RecentWinnerName .Icon {
    display: none;
    width: 2rem;
    height: 2rem;
    margin: 0 1rem .5rem 0;
    vertical-align: bottom
}

@media (min-width:600px) {
    .RecentWinnerName .Icon {
        display: none;
        width: 2.2rem;
        height: 2.2rem
    }
}

@media (min-width:1100px) {
    .RecentWinnerName .Icon {
        display: none;
        float: left;
        width: 3.8rem;
        height: 3.8rem;
        margin: 0 1.4rem 1rem 0
    }
}

.RecentWinnerName .SvgIcon {
    display: block
}

.RecentWinnerName svg {
    display: block;
    width: 100%;
    height: auto
}

.RecentWinnerDescription {
    display: inline-block;
    position: relative;
    margin: 0 0 0 1rem;
    top: 1rem
}

@media (min-width:1100px) {
    .RecentWinnerDescription {
        display: block;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0 0 0 6rem;
        top: 0;
        text-align: left
    }
}

.iOSDevice .RecentWinnerDescription {
    position: relative;
    top: .5rem
}

@media (min-width:1100px) {
    .iOSDevice .RecentWinnerDescription {
        position: static
    }
}

.RecentWinnerDescription p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .RecentWinnerDescription p {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .RecentWinnerDescription p {
        font-size: 1.6rem;
        line-height: 1.9rem
    }
}

.RecentWinnerGame {
    color: #fff;
    display: block;
    overflow: hidden;
    max-width: 20rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 100
}

@media (min-width:1100px) {
    .RecentWinnerGame {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: left
    }
}

.RecentWinnerButtonContainer {
    display: none
}

.OperatorTotalJackpotsTop {
    display: none;
    background: #fff;
    z-index: 2
}

@media (min-width:1100px) {
    .OperatorTotalJackpotsTop {
        display: block;
        width: 24rem;
        height: 5.4rem;
        padding: 1.1rem 2.4rem;
        position: absolute;
        top: 26.8rem;
        right: 7.5rem;
        border-radius: 0 0 .4rem .4rem
    }
}

@media (min-width:1200px) {
    .OperatorTotalJackpotsTop {
        top: 27.8rem
    }
}

@media (min-width:1400px) {
    .OperatorTotalJackpotsTop {
        right: calc(50% - 62.5rem)
    }
}

.OperatorTotalJackpotsTop .Title {
    display: block;
    margin: 0 0 .3rem;
    padding: 0;
    color: #4e4e4e;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400
}

.OperatorTotalJackpotsTop .ComponentTotalJackpot {
    display: block;
    color: #212121;
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-weight: 700
}

.OperatorTotalJackpotsTop .TotalJackpotsError {
    color: #c03928
}

.ComponentTotalJackpot .Currency {
    display: block;
    width: auto
}

.ComponentTotalJackpot .CurrencyPlaceholder {
    display: inline-block;
    padding: 0 .4rem
}

.ComponentTotalJackpot .FormattedAmount {
    display: inline-block;
    float: left;
    width: auto
}

.OperatorCrossSell {
    display: block;
    margin: 1.6rem 1.6rem 2.4rem;
    padding: 2.1rem 1.6rem 1.6rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: .4rem;
    text-decoration: none;
    box-sizing: border-box
}

@media (min-width:600px) {
    .OperatorCrossSell {
        margin: 3.2rem 3.2rem 6.4rem;
        padding: 2.1rem 3.5rem 2rem
    }
}

@media (min-width:1100px) {
    .OperatorCrossSell {
        display: none;
        margin: 4rem
    }
}

@media (min-width:1500px) {
    .OperatorCrossSell {
        display: none;
        max-width: 160rem;
        margin: 4rem auto
    }
}

.OperatorCrossSell:hover {
    color: #f0f0f0;
    opacity: .9
}

.OperatorCrossSell:active {
    color: #fff;
    text-decoration: none;
    opacity: .75
}

.OperatorCrossSell .Layout {
    display: block
}

@media (min-width:600px) {
    .OperatorCrossSell .Layout {
        max-width: 50%
    }
}

.OperatorCrossSell .Title {
    display: block;
    margin: 0 0 .2rem;
    padding: 0;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .OperatorCrossSell .Title {
        font-size: 2.2rem;
        line-height: 2.8rem
    }
}

.OperatorCrossSell .Text {
    display: inline;
    margin: 0 .5rem 0 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    opacity: .8
}

@media (min-width:600px) {
    .OperatorCrossSell .Text {
        font-size: 1.6rem;
        line-height: 2rem;
        opacity: 1
    }
}

.OperatorCrossSell .Hideable {
    display: none
}

@media (min-width:600px) {
    .OperatorCrossSell .Hideable {
        display: inline
    }
}

.OperatorCrossSell .Button {
    display: none
}

.OperatorCrossSell:hover .Button {
    background: #af841b
}

.OperatorCrossSell:active .Button {
    opacity: .75
}

.OperatorCrossSell .Figure {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: -1
}

@media (min-width:760px) {
    .OperatorCrossSell .Figure {
        left: 0
    }
}

.OperatorCrossSell .PictureImg {
    width: auto;
    height: 100%
}

@media (min-width:1000px) {
    .OperatorCrossSell .PictureImg {
        width: 100%;
        height: auto
    }
}

.androidCasinoWrapper .WrapperOnly.OperatorCrossSell {
    display: none
}

.Page-Category .ToggleFilters,
.Page-LiveCasino-Child .ToggleFilters {
    display: none;
    float: right;
    padding: 1.6rem 1.6rem 1.3rem;
    border: none;
    color: #828282;
    fill: #828282;
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media (min-width:600px) {
    .Page-Category .ToggleFilters,
    .Page-LiveCasino-Child .ToggleFilters {
        margin: 1.1rem 3.2rem 0 0
    }
}

@media (min-width:1100px) {
    .Page-Category .ToggleFilters,
    .Page-LiveCasino-Child .ToggleFilters {
        display: none
    }
}

.Page-Category .ToggleFilters:active,
.Page-Category .ToggleFilters:hover {
    border: none
}

.ToggleFilters .Icon {
    display: inline-block;
    width: 1.4rem;
    height: auto;
    margin: 0 1rem 0 0;
    vertical-align: middle
}

.Page-Category .Title,
.Page-LiveCasino-Child .Title {
    display: block
}

.InstanceCasinoCategoryTitle {
    display: block;
    color: #fff;
    font-size: 2rem;
    margin: 3.3rem 0 2.3rem 2.2rem
}

@media (min-width:1100px) {
    .InstanceCasinoCategoryTitle {
        max-width: 102rem;
        margin: 3.8rem auto 1.4rem
    }
}

@media (min-width:1260px) {
    .InstanceCasinoCategoryTitle {
        max-width: 122.5rem
    }
}

@media (min-width:1468px) {
    .InstanceCasinoCategoryTitle {
        max-width: 138.5rem
    }
}

@media (min-width:1620px) {
    .InstanceCasinoCategoryTitle {
        max-width: 160rem
    }
}

.FilterList {
    display: none;
    clear: both;
    height: 0;
    padding: 0 1.6rem;
    margin: 0;
    overflow: hidden;
    background: #f7f7f7;
    box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, .12), inset 0 .5px 4px 0 rgba(0, 0, 0, .12);
    opacity: 0
}

@media (min-width:600px) {
    .FilterList {
        padding: 0 3.2rem
    }
}

@media (min-width:1100px) {
    .FilterList {
        height: auto;
        padding: 0 4rem 1.6rem;
        margin: 0 0 .8rem;
        background: transparent;
        box-shadow: none;
        opacity: 1
    }
}

.Toggle-ShowFilters .FilterList {
    height: auto;
    padding: 1.6rem;
    margin: 0 0 1.6rem;
    opacity: 1
}

@media (min-width:600px) {
    .Toggle-ShowFilters .FilterList {
        padding: 1.6rem 3.2rem
    }
}

.FilterList .ListItem {
    display: inline-block
}

.FilterList .Anchor {
    display: block;
    padding: .7rem 1.6rem;
    border: 1px solid #828282;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 1.6rem;
    text-decoration: none
}

.FilterList .Anchor.IsActive {
    background: #f9c408;
    color: #fff;
    border-color: #f9c408
}

.FilterList .Anchor:hover {
    color: #f9c408;
    border-color: #f9c408
}

.FilterList .Anchor:active {
    color: #af841b;
    border-color: #af841b
}

.ToggleTagsButtonWrapper {
    position: absolute;
    top: -5rem;
    right: 2.2rem
}

.FilterButton {
    display: flex;
    align-items: center;
    font-size: 1.4rem
}

.FilterButton,
.FilterButton:active,
.FilterButton:hover {
    color: #f9c408;
    fill: #f9c408;
    border: .1rem solid #f9c408
}

.FilterButton svg {
    display: none;
    margin-top: .5rem;
    fill: #f9c408;
    color: #f9c408
}

.Subcategories {
    display: block;
    position: relative
}

@media (min-width:1400px) {
    .Subcategories {
        width: 100%
    }
}

.GamesTagsListWrapper {
    padding: 1.6rem;
    background: #f9c408;
    border-top: .1rem solid hsla(0, 0%, 100%, .25)
}

@media (min-width:1100px) {
    .GamesTagsListWrapper {
        padding: 0;
        background: none;
        border: none;
        box-shadow: none
    }
}

.GamesTagsListWrapper:before {
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    top: -.5rem;
    right: 4.5rem;
    background: #f9c408;
    border-left: .1rem solid hsla(0, 0%, 100%, .25);
    border-top: .1rem solid hsla(0, 0%, 100%, .25);
    transform: rotate(45deg)
}

@media (min-width:1100px) {
    .GamesTagsListWrapper:before {
        display: none
    }
}

.GameTagItem {
    display: inline-block;
    margin: 0 .8rem .4rem 0;
    opacity: .6
}

@media (min-width:1100px) {
    .GameTagItem {
        opacity: 1
    }
}

.TagButton {
    display: block;
    padding: .6rem 1.6rem;
    border: .1rem solid #fff;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 0;
    text-decoration: none
}

.GameTagItemActive {
    opacity: 1
}

.GameTagItemActive .TagButton {
    background: #f9c408;
    color: #fff;
    border-color: #f9c408
}

.GameTagItem .TagButton:hover {
    color: #f9c408;
    border-color: #f9c408
}

.GameTagItemActive .TagButton:hover {
    color: #fff
}

.GameTagItem .TagButton:active {
    color: #af841b;
    border-color: #af841b
}

.ProviderFilters {
    padding: 1.6rem;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .25);
    border-radius: 0;
    color: #fff;
    overflow: hidden
}

@media (min-width:600px) {
    .ProviderFilters {
        padding: 1.6rem
    }
}

@media (min-width:1100px) {
    .ProviderFilters {
        float: right;
        padding: 0;
        border-bottom: none;
        background: transparent;
        box-shadow: none;
        overflow: visible
    }
}

.ProviderFilters ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    clear: both
}

.ProviderFilters ul li {
    margin-bottom: 1.8rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    flex-basis: 50%
}

@media (min-width:350px) {
    .ProviderFilters ul li {
        font-size: 1.4rem
    }
}

@media (min-width:470px) {
    .ProviderFilters ul li {
        flex-basis: 33%
    }
}

@media (min-width:1100px) {
    .ProviderFilters ul li {
        color: #4e4e4e
    }
}

.ProviderFilters .Button {
    overflow: hidden;
    padding: 0;
    color: #fff;
    font-size: 1.4rem;
    border: none
}

@media (hover:hover) {
    .ProviderFilters .Button:hover {
        color: #f9c408;
        fill: #f9c408;
        border: none
    }
}

.ProviderFilters .Button:active {
    color: #f9c408;
    fill: #f9c408;
    border: none
}

@media (min-width:1100px) {
    .ProviderFilters .Button {
        padding: .6rem 1.6rem;
        border: .1rem solid #fff;
        color: #fff
    }
    .ProviderFilters .Button:active,
    .ProviderFilters .Button:hover {
        color: #f9c408;
        border: .1rem solid #f9c408
    }
    .ProviderFilters .Button:active .SvgIcon svg,
    .ProviderFilters .Button:hover .SvgIcon svg {
        fill: #f9c408
    }
    .ProviderFilters .Button .ButtonText {
        padding: 0 .4rem
    }
    .ProviderFilters .Button .SvgIcon svg {
        width: 1rem;
        height: .8rem;
        fill: #fff
    }
}

.ProviderFilters .Button:first-child {
    float: left
}

.ProviderFilters .Button:last-child {
    float: right
}

@media (min-width:1100px) {
    .ProviderFilters .FlipArrow {
        color: #fff;
        border: .1rem solid #fff
    }
    .ProviderFilters .FlipArrow .SvgIcon svg {
        fill: #fff
    }
}

.ProviderFilters .ResetButton {
    color: #fff;
    float: left;
    padding: 0 0 2rem
}

@media (min-width:1100px) {
    .ProviderFilters .ResetButton {
        border: none;
        color: #212121
    }
}

.ProviderFilters .ResetButton:hover {
    border: none
}

@media (min-width:1100px) {
    .ProviderFilters .ContentTriggerContainer {
        position: absolute;
        top: 3.4rem;
        right: 0;
        padding: 2.4rem;
        min-width: 50rem;
        background: #fff;
        border: .1rem solid #fff;
        border-radius: .4rem;
        z-index: 3
    }
}

.Page-CasinoGame .SectionFooter,
.Page-CasinoGame .SectionHeader {
    display: none
}

.Page-CasinoGame .NotificationList {
    top: 0
}

.GamePageWrapper {
    display: flex;
    padding: 1.6rem;
    background: #212121;
    box-shadow: inset 0 7.1rem 1.8rem -.8rem rgba(0, 0, 0, .3)
}

@media (min-width:600px) {
    .GamePageWrapper {
        padding: 3.2rem
    }
}

@media (min-width:1100px) {
    .GamePageWrapper {
        padding: 4.8rem;
        align-items: center;
        box-shadow: unset
    }
}

@media (min-width:1100px) {
    .IsLoggedIn .Page-CasinoGame.Page-LiveSource .GamePageWrapper {
        padding: 4.8rem
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .GamePageWrapper {
        padding: 4.8rem 25rem 4.8rem 47.5rem
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .GamePageContent {
        max-width: 41rem
    }
}

@media (min-width:1100px) {
    .IsLoggedIn .Page-CasinoGame.Page-LiveSource .GamePageContent {
        max-width: 134rem
    }
}

.GamePageWrapper:-webkit-full-screen {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 1.6rem
}

.GamePageWrapper:-ms-fullscreen {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 1.6rem
}

.GamePageWrapper:fullscreen {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 1.6rem
}

.Page-CasinoGame .SectionContent {
    padding-top: 0;
    padding-bottom: 0
}

.Page-CasinoGame .GamePageWrapper {
    display: flex;
    min-height: 100vh;
    padding-top: 8rem;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .Page-CasinoGame .GamePageWrapper {
        align-items: center;
        padding-top: 4.6rem;
        width: 100%
    }
}

.Page-CasinoGame.NotificationActive .GamePageWrapper {
    padding-top: 14rem
}

.Page-CasinoGame .GamePageWrapper:-webkit-full-screen .GamePageContent {
    min-height: 0;
    margin-top: 3rem;
    height: auto
}

.Page-CasinoGame .GamePageWrapper:-ms-fullscreen .GamePageContent {
    min-height: 0;
    margin-top: 3rem;
    height: auto
}

.Page-CasinoGame .GamePageWrapper:fullscreen .GamePageContent {
    min-height: 0;
    margin-top: 3rem;
    height: auto
}

.GamePageContent {
    display: block;
    position: relative;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    z-index: 2
}

@media (min-width:1100px) {
    .GamePageContent {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: auto;
        max-width: 134rem;
        z-index: 9
    }
}

.iOSDevice.FixTabletKeyboard .SectionContent {
    overflow: hidden
}

.ComponentClock {
    position: static;
    clear: both;
    margin: 0 auto;
    width: auto;
    text-align: center;
    color: #fff;
    line-height: 3
}

@media (min-height:480px) {
    .ComponentClock {
        font-size: 1rem
    }
}

@media (min-height:730px) {
    .ComponentClock {
        font-size: 1.6rem
    }
}

.IsGameWrapper .ComponentClock {
    top: 3rem;
    right: -6.5rem
}

@media (min-width:1100px) {
    .Page-CasinoGame .IsGameFrameWrapper .GamePageContent {
        max-width: 43rem
    }
}

.ComponentGameFrame:-webkit-full-screen,
.FramesWrapper .GameFrameWindow:-webkit-full-screen,
.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:-webkit-full-screen {
    max-width: 100%;
    max-height: 100%
}

.ComponentGameFrame:-ms-fullscreen,
.FramesWrapper .GameFrameWindow:-ms-fullscreen,
.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:-ms-fullscreen {
    max-width: 100%;
    max-height: 100%
}

.ComponentGameFrame:fullscreen,
.FramesWrapper .GameFrameWindow:fullscreen,
.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:fullscreen {
    max-width: 100%;
    max-height: 100%
}

.Page-CasinoGame .InstanceBackButton {
    display: block;
    position: absolute;
    top: -7.6rem;
    right: 0;
    float: right;
    min-width: 4rem;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: none;
    color: #fff;
    fill: #fff
}

@media (min-width:1100px) {
    .Page-CasinoGame .InstanceBackButton {
        position: absolute;
        top: -1rem;
        right: 5px
    }
}

.ModalGamesWrapper {
    overflow: hidden
}

.ModalGamesWrapper .StickyWrapper .ComponentSearchedGamesGrid {
    max-height: 40.2rem
}

.ModalGamesWrapper .CategoriesList,
.ModalGamesWrapper .ExtraCategories {
    padding-top: 1rem
}

.ModalGamesWrapper .StickyWrapper>section {
    height: 100%
}

.iOSRebrushWrapper.Page-CasinoGame .InstanceBackButton {
    top: -5.6rem
}

@media (min-width:1100px) {
    .Page-CasinoGame .IsGameFrameWrapper .InstanceBackButton {
        margin: 0 0 0 1.6rem
    }
}

.Page-CasinoGame .InstanceBackButton:hover {
    color: #fff;
    fill: #fff;
    opacity: .75
}

.Page-CasinoGame .InstanceBackButton:active {
    color: #fff;
    fill: #fff
}

.Page-CasinoGame .InstanceBackButton .Icon {
    display: block;
    width: 100%;
    height: auto
}

.Page-CasinoGame .InstanceBackButton svg {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 4rem
}

.Page-CasinoGame .InstanceBackButton .ButtonText {
    display: none
}

.Page-CasinoGame .Title {
    display: none;
    color: #fff
}

.Page-CasinoGame .ModalTitleContainer .Title {
    display: block
}

.OperatorAddFav,
.OperatorRemoveFav {
    position: absolute;
    top: -7.6rem;
    width: 4rem;
    height: 4rem;
    margin-right: 1.6rem;
    padding: 0;
    border: none;
    right: auto;
    opacity: 1
}

.OperatorAddFav:active,
.OperatorAddFav:hover,
.OperatorRemoveFav:active,
.OperatorRemoveFav:hover {
    opacity: .75
}

@media (min-width:1100px) {
    .OperatorAddFav,
    .OperatorRemoveFav {
        position: absolute;
        top: 0;
        left: -4.6rem;
        color: #fff
    }
}

.OperatorRemoveFav {
    color: #f9c408;
    fill: #f9c408
}

.iOSRebrushWrapper .OperatorAddFav,
.iOSRebrushWrapper .OperatorRemoveFav {
    top: -5.6rem
}

.OperatorAddFav .Icon,
.OperatorRemoveFav .Icon {
    display: block;
    width: 100%;
    height: auto
}

.OperatorAddFav .Icon svg,
.OperatorRemoveFav .Icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.OperatorAddFav .ButtonText,
.OperatorRemoveFav .ButtonText {
    display: none
}

.GameFrameWrapper {
    display: block;
    width: 100%;
    margin: 0 auto
}

@media (min-width:1100px) {
    .GameFrameWrapper {
        color: #fff
    }
}

@media (min-width:1400px) {
    .GameFrameWrapper {
        max-width: 128rem
    }
}

.GameFrameWrapper .FrameGameThumbnail {
    width: 61.8%;
    margin: 0 auto 9.5rem
}

@media (min-height:320px) {
    .GameFrameWrapper .FrameGameThumbnail {
        margin: 0 auto
    }
}

@media (min-width:700px) {
    .IsLoggedIn.Page-CasinoGame .IsGameFrameWrapper .GameFrameWrapper {
        width: 50%
    }
}

@media (min-width:1100px) {
    .IsLoggedIn.Page-CasinoGame .IsGameFrameWrapper .GameFrameWrapper {
        width: 100%
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .GameThumb {
        height: auto;
        width: 100%;
        max-width: 34rem
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .GamePageContent .GameThumb {
        min-height: 30rem
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .GameFrameWrapper .FrameGameThumbnail {
        width: 100%
    }
}

.FrameGameDetails {
    display: block;
    min-width: 25vw;
    margin: .5em auto;
    font-size: 1.6rem;
    line-height: 1em;
    text-align: center
}

@media (min-width:360px) {
    .FrameGameDetails {
        max-width: 61.8%
    }
}

@media (min-width:600px) {
    .FrameGameDetails {
        font-size: 2.4rem
    }
}

@media (min-width:800px) {
    .FrameGameDetails {
        max-width: 50%
    }
}

@media (min-width:1100px) {
    .FrameGameDetails {
        max-width: 100%;
        min-width: 43rem;
        padding: 1.6rem 0 0;
        font-size: 3.6rem
    }
}

@media (min-width:1100px) {
    .IsGameWrapper .FrameGameDetails {
        background: #212121
    }
}

.FrameGameDetails .Figure {
    display: block;
    clear: both
}

.FrameGameDetails .PictureImg {
    display: block;
    width: 12rem;
    height: 12rem;
    margin: 0 auto;
    border-radius: .4rem;
    overflow: hidden;
    box-shadow: 0 2px 2.5px 0 rgba(33, 33, 33, .24);
    border: .1rem solid hsla(0, 0%, 100%, .34)
}

@media (min-width:1100px) {
    .FrameGameDetails .PictureImg {
        width: 37.6rem
    }
}

.FrameGameTitle {
    display: block;
    margin: 1rem 0 0;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    color: #fff
}

.GameTileContainer .FrameGameTitle {
    display: none
}

.ComponentGameButtons {
    display: block;
    margin: 1.6rem auto
}

@media (min-width:360px) {
    .ComponentGameButtons {
        max-width: 61.8%
    }
}

@media (min-width:800px) {
    .ComponentGameButtons {
        max-width: 50%
    }
}

@media (min-width:1100px) {
    .ComponentGameButtons {
        max-width: none;
        padding: 0;
        margin: 0 auto
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .ComponentGameButtons {
        margin: 1.6rem auto
    }
}

@media (min-width:1100px) {
    .IsLoggedIn .ComponentGameButtons {
        width: auto;
        margin: 0 auto
    }
}

.ComponentGameButtons .Layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.Page-CasinoGame.Page-LiveSource .ComponentGameButtons .Layout {
    float: none;
    max-width: 34rem;
    margin: 2em auto
}

@media (min-width:1100px) {
    .Page-CasinoGame.Page-LiveSource .ComponentGameButtons .Layout {
        float: left;
        width: 100%;
        max-width: 100%;
        margin: 0
    }
}

@media (min-width:1100px) {
    .IsLoggedIn .Page-CasinoGame.Page-LiveSource .ComponentLayout {
        width: auto;
        margin: 0 auto
    }
}

.ComponentGameButtons .Button {
    display: inline-block;
    width: 48%;
    margin: 0
}

.ComponentGameButtons .ButtonFullScreen:active,
.ComponentGameButtons .ButtonFullScreen:hover {
    border: none
}

.ComponentGameButtons .Button.ButtonRegister {
    border: none;
    background: #f9c408
}

.GameFrameWrapper .InstancePlayForFun {
    display: block;
    width: 100%;
    margin: 1.6rem auto
}

@media (min-width:360px) {
    .GameFrameWrapper .InstancePlayForFun {
        max-width: 61.8%
    }
}

@media (min-width:800px) {
    .GameFrameWrapper .InstancePlayForFun {
        max-width: 50%
    }
}

@media (min-width:1100px) {
    .GameFrameWrapper .InstancePlayForFun {
        max-width: none;
        margin: 1.6rem 1.6rem 0 0
    }
}

.GameFrameWrapper .InstancePlayToWin {
    display: block;
    width: 49%;
    float: right;
    margin: 0 auto
}

@media (min-width:360px) {
    .GameFrameWrapper .InstancePlayToWin {
        max-width: 61.8%
    }
}

@media (min-width:800px) {
    .GameFrameWrapper .InstancePlayToWin {
        max-width: 49%
    }
}

@media (min-width:1100px) {
    .GameFrameWrapper .InstancePlayToWin {
        max-width: none;
        margin: 0
    }
}

.GameFrameWrapper .InstancePlayToWin:active,
.GameFrameWrapper .InstancePlayToWin:hover {
    background: #294c0b
}

.Page-CasinoGame.Page-LiveSource .ComponentGameButtons .ButtonLogin {
    border: .1rem solid #fff
}

.InstancePlayToWin .Icon {
    display: none
}

.ComponentGameFrame {
    display: block;
    max-width: 128rem;
    overflow: hidden;
    margin: 0 auto
}

.FramesContainerIsolation {
    display: block
}

.InstanceOperatorGamepageDesktopLayout {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #212121
}

.GameLeftWrapper {
    width: 22.5rem;
    z-index: 9;
    top: 0;
    background: #f0f0f0;
    overflow: hidden;
    -ms-overflow-style: none;
    transition: width 1s, flex 1s, left 1s
}

.GameLeftWrapper::-webkit-scrollbar {
    display: none
}

.GameLeftWrapper .OperatorViewAllGames,
.IsInFullScreen .GameLeftWrapper,
.RecommendedListWrapper .FavoriteGameToggleButton {
    display: none
}

.GameLeftWrapper .SearchTrigger {
    height: 7.7rem;
    float: left
}

.GameLeftWrapper .SearchContainer {
    width: 19rem;
    padding: 2rem 0 1rem;
    margin: 0 1.5rem;
    left: 0;
    background: #f0f0f0;
    border: none
}

@media (min-width:1100px) {
    .GameLeftWrapper .SearchContainer:active,
    .GameLeftWrapper .SearchContainer:hover {
        opacity: 1
    }
}

@media (min-width:1300px) {
    .GameLeftWrapper .SearchContainer {
        left: 0
    }
}

@media (min-width:1100px) {
    .GameLeftWrapper .SearchForm {
        display: inline-block;
        height: auto;
        max-height: 4rem;
        position: relative
    }
}

.IsSearching:not(.OverflowHidden) .GameLeftWrapper .SearchContainer {
    margin-left: 2.5rem
}

.GameLeftWrapper .SearchContainer.ReadyToChangeState {
    transition: width .6s ease-in
}

.GameLeftWrapper .SearchContainer {
    transition: width .8s ease-out
}

.GameLeftWrapper .SearchContainer.ReadyToChangeState .CloseButton {
    display: none
}

.GameLeftWrapper .GameSearch {
    width: 17.7rem;
    float: none;
    margin: 0;
    padding: .8rem 3rem 1rem 4rem;
    opacity: 1;
    background: #fff;
    border: .1rem solid #dedede;
    transition: margin .3s ease-in-out
}

.GameLeftWrapper .SearchContainer .Icon {
    top: 3rem;
    left: 1.5rem;
    opacity: .8
}

.IsSearching:not(.OverflowHidden) .GameLeftWrapper .CloseButton {
    display: block;
    position: relative;
    width: 4rem;
    height: 4rem;
    left: 0;
    top: -4rem;
    background: none
}

.GameLeftWrapper .CloseButton .Icon,
.IsSearching .GameLeftWrapper .CloseButton .Icon {
    display: block;
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: auto
}

.GameLeftWrapper .CloseButton svg {
    width: 3.2rem;
    height: 3.2rem
}

.GameLeftWrapper .ComponentSearchedGamesGrid,
.GameLeftWrapper .InstanceNoSearchedGamesFound {
    padding: 4rem 0;
    top: 4rem;
    border: none;
    box-shadow: none;
    background: transparent;
    -ms-overflow-style: none;
    z-index: 0;
    transition-delay: 2s
}

.GameLeftWrapper .InstanceNoSearchedGamesFound {
    background: #f0f0f0;
    z-index: 3
}

.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid {
    background: #f0f0f0;
    overflow: -moz-scrollbars-none;
    z-index: 3
}

.GameLeftWrapper .BoxTitle {
    width: 100%;
    top: 7.4rem;
    margin: 1rem 0;
    z-index: 0;
    text-align: center
}

.IsSearching:not(.OverflowHidden) .GameLeftWrapper .GamesSwipeable {
    width: 0
}

.GameLeftWrapper .ComponentSearchedGamesGrid .GamesSwipeable {
    margin-top: 0;
    width: 0
}

.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid .GamesSwipeable {
    margin-top: 0;
    width: 100%;
    transition: width 1s
}

.GameLeftWrapper .OperatorSW {
    position: fixed;
    width: 22.5rem;
    left: 0;
    z-index: 9;
    background: #f0f0f0;
    transition: width 1s
}

.GameLeftWrapper .GamesList,
.GameLeftWrapper .GamesSwipeable,
.GameLeftWrapper .GamesWrapper {
    height: 100%
}

.GameLeftWrapper .GamesWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto
}

.GameLeftWrapper .GamesListContainer {
    height: 13rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    overflow: visible
}

.GameLeftWrapper .ListGame {
    flex-basis: unset;
    min-width: 13rem
}

.InputFocused .GameLeftWrapper .OperatorSW,
.IsSearching .GameLeftWrapper .OperatorSW {
    width: 31.8rem
}

.ModalIsOpen.InputFocused .GameLeftWrapper .OperatorSW,
.ModalIsOpen.IsSearching .GameLeftWrapper .OperatorSW {
    width: 22.5rem
}

.GameLeftWrapper .HorizontalScrollBar .ListGame {
    max-width: 12.2rem;
    flex-basis: 12.2rem;
    padding: 0;
    margin: 0 .8rem .8rem 0
}

.GameLeftWrapper .GameThumb {
    height: 12.2rem;
    min-height: 12.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.GameLeftWrapper .LoadMoreButtonContainer {
    display: none;
    right: 1.4rem;
    top: 6rem;
    z-index: 3
}

.GameRightWrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #212121
}

.GameRightWrapper .GmowContainer {
    position: relative
}

.GameRightWrapper .GameThumb {
    height: 100%
}

.GameRightWrapper .FrameGameTitle {
    margin-bottom: 1rem
}

.InputFocused:not(.OverflowHidden) .GameRightWrapper .GmowContainer,
.IsSearching:not(.OverflowHidden) .GameRightWrapper .GmowContainer {
    left: 20.8rem;
    transition: all 1s
}

.InputFocused:not(.OverflowHidden) .GameRightWrapper.MinimizedGameWrapper .GmowContainer,
.IsSearching:not(.OverflowHidden) .GameRightWrapper.MinimizedGameWrapper .GmowContainer {
    left: 4rem;
    transition: all 1s
}

.IsInFullScreen .GameRightWrapper .GmowContainer,
.IsSearching.IsInFullScreen .GameRightWrapper .GmowContainer {
    left: 0
}

.InputFocused:not(.OverflowHidden) .GameLeftWrapper,
.IsSearching:not(.OverflowHidden) .GameLeftWrapper {
    width: 31.8rem;
    transition: width 1s
}

.InputFocused:not(.OverflowHidden) .GameLeftWrapper .GameSearch,
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .GameSearch {
    width: 23.5rem;
    height: 4rem;
    margin: 0 0 0 4.5rem;
    overflow-y: scroll;
    transition: all 2s ease
}

.IsSearching:not(.OverflowHidden) .GameLeftWrapper .SearchIconEnd {
    display: block;
    left: 5.5rem
}

.IsSearching .GameLeftWrapper .SearchContainer.ReadyToChangeState .SearchIconEnd {
    display: none
}

.InputFocused .GameLeftWrapper .SearchTrigger .ClearButton,
.IsSearching .GameLeftWrapper .SearchTrigger .ClearButton {
    top: 50%;
    transform: translateY(-50%);
    right: 1rem
}

.GameLeftWrapper .SearchTrigger .ClearButton {
    top: 3rem;
    right: 2rem
}

.IsSearching .GameLeftWrapper .ReadyToChangeState .CloseButton {
    display: block
}

@media (min-width:1100px) {
    .GameLeftWrapper .CloseButton .InstanceBackArrowLeft.Icon {
        display: block;
        width: auto;
        height: auto
    }
}

@media (min-width:1100px) {
    .GameLeftWrapper .CloseButton .ButtonText {
        display: none
    }
}

.InstanceNoSearchedGamesFound {
    text-align: center
}

.ModalIsOpen.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid,
.ModalIsOpen.IsSearching .GameLeftWrapper .InstanceNoSearchedGamesFound {
    display: none
}

.IsSearching .ComponentSearchedGamesGrid,
.IsSearching .InstanceNoSearchedGamesFound {
    display: block;
    -ms-overflow-style: none
}

.Page-CasinoGame.IsSearching .GameModalWindow .FavoriteGameToggleButton {
    z-index: 0
}

.FramesWrapper {
    display: block
}

.FramesWrapper .GameFrameWindow {
    display: block;
    width: 100%;
    max-width: 128rem;
    max-height: 80vh;
    max-height: calc(100vh - 20rem);
    background: #000
}

.Ratio- .GameFrameWindow {
    min-height: 46vw
}

@media (min-width:1600px) {
    .Ratio- .GameFrameWindow {
        min-height: 72rem
    }
}

.Ratio-177.GameFrameWindow {
    width: 65rem;
    min-width: 65rem;
    max-width: 75rem;
    min-height: 38rem;
    margin: 0 auto
}

@media (min-height:680px) {
    .Ratio-177.GameFrameWindow {
        width: 82rem;
        min-width: 0;
        max-width: 82rem
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Ratio-177.GameFrameWindow {
        width: 74rem;
        min-width: 0;
        max-width: 74rem
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Ratio-177.GameFrameWindow {
        width: 95rem;
        min-width: 0;
        max-width: 95rem;
        max-height: 64rem;
        min-height: 64rem
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Ratio-177.GameFrameWindow {
        width: 100%;
        min-height: 0;
        max-height: calc(100vh - 10rem)
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Ratio-177.GameFrameWindow {
        width: 128rem;
        max-width: 128rem;
        min-height: calc(100vh - 19rem)
    }
}

.Ratio-166.GameFrameWindow {
    width: 65rem;
    min-width: 65rem;
    max-width: 75rem;
    min-height: 38rem;
    margin: 0 auto
}

@media (min-height:680px) {
    .Ratio-166.GameFrameWindow {
        width: 82rem;
        min-width: 82rem;
        max-width: 82rem
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Ratio-166.GameFrameWindow {
        width: 82rem;
        min-width: 82rem;
        max-width: 82rem
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Ratio-166.GameFrameWindow {
        width: 100rem;
        min-width: 100rem;
        max-height: 68rem;
        min-height: 68rem
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Ratio-166.GameFrameWindow {
        width: 100%;
        min-height: 0;
        max-height: calc(100vh - 10rem)
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Ratio-166.GameFrameWindow {
        width: 128rem;
        max-width: 128rem;
        min-height: calc(100vh - 19rem)
    }
}

.Ratio-133.GameFrameWindow {
    width: 51rem;
    min-width: 51rem;
    max-width: 51rem;
    min-height: 46rem;
    max-height: 46rem;
    margin: 0 auto
}

@media (min-height:680px) {
    .Ratio-133.GameFrameWindow {
        width: 64rem;
        min-width: 64rem;
        max-width: 64rem;
        min-height: 56rem;
        max-height: 56rem
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Ratio-133.GameFrameWindow {
        width: 76rem;
        min-width: 76rem;
        max-width: 76rem;
        min-height: 66rem;
        max-height: 66rem
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Ratio-133.GameFrameWindow {
        width: 81rem;
        min-width: 81rem;
        max-width: 81rem;
        min-height: 71rem;
        max-height: 71rem
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Ratio-133.GameFrameWindow {
        width: 93.3rem;
        max-width: 93.3rem;
        min-height: 78rem;
        max-height: 78rem
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Ratio-133.GameFrameWindow {
        max-width: 127rem
    }
}

.Ratio-131.GameFrameWindow,
.Ratio-142.GameFrameWindow {
    width: 65rem;
    min-width: 65rem;
    max-width: 75rem;
    min-height: 38rem;
    margin: 0 auto
}

@media (min-height:680px) {
    .Ratio-131.GameFrameWindow,
    .Ratio-142.GameFrameWindow {
        width: 70rem;
        min-width: 70rem;
        max-width: 70rem
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Ratio-131.GameFrameWindow,
    .Ratio-142.GameFrameWindow {
        width: 82rem;
        min-width: 82rem;
        max-width: 82rem
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Ratio-131.GameFrameWindow,
    .Ratio-142.GameFrameWindow {
        width: 82rem;
        min-width: 82rem;
        max-height: 65rem;
        min-height: 65rem
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Ratio-131.GameFrameWindow,
    .Ratio-142.GameFrameWindow {
        width: 100%;
        min-height: calc(100vh - 12rem);
        max-height: calc(100vh - 12rem)
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Ratio-131.GameFrameWindow,
    .Ratio-142.GameFrameWindow {
        width: 100rem;
        min-width: 100rem;
        max-width: 100rem;
        min-height: calc(100vh - 12rem);
        max-height: calc(100vh - 12rem)
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper {
        max-width: 150rem
    }
}

@media (min-width:1600px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper {
        max-width: none
    }
}

@media (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .GamePageContent {
        max-width: none
    }
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .ComponentGameFrame {
    max-width: 150rem
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio- .GameFrameWindow {
    min-height: 46vw
}

@media (min-width:1600px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio- .GameFrameWindow {
        min-height: 72rem
    }
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 70rem;
    min-height: 0;
    max-height: none;
    margin: 0 auto
}

@media (min-height:680px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 80rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 110rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 150rem;
        min-height: 0;
        max-height: none
    }
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 70rem;
    min-height: 0;
    max-height: none;
    margin: 0 auto
}

@media (min-height:680px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 80rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 110rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 120rem;
        min-height: 0;
        max-height: none
    }
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 60rem;
    min-height: 0;
    max-height: none;
    margin: 0 auto
}

@media (min-height:680px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 70rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 80rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 90rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 110rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 120rem;
        min-height: 0;
        max-height: none
    }
}

.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 80rem;
    min-height: 0;
    max-height: none
}

@media (min-height:680px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 90rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1100px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:800px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 100rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1300px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 110rem;
        min-height: 0;
        max-height: none
    }
}

@media (min-height:900px) and (min-width:1660px) {
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
    .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
        width: auto;
        min-width: 0;
        max-width: 120rem;
        min-height: 0;
        max-height: none
    }
}

.ComponentGameFrame .ComponentGameButtons {
    display: block;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .ComponentGameFrame .ComponentGameButtons {
        padding: 2rem;
        background: #252a31;
        text-align: left
    }
}

.ComponentGameFrame .Layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1.6rem 0
}

@media (min-width:600px) {
    .ComponentGameFrame .Layout {
        margin: 2.4rem 0
    }
}

@media (min-width:1100px) {
    .ComponentGameFrame .Layout {
        justify-content: space-between;
        float: left;
        max-height: 4rem;
        overflow: hidden;
        min-width: 25rem;
        width: auto;
        margin: 0
    }
}

@media (min-width:1100px) {
    .IsLoggedIn .ComponentGameFrame .Layout {
        width: auto;
        min-width: 0
    }
}

.ComponentGameFrame .Layout.GameBalanceText {
    display: block;
    width: auto
}

@media (min-width:1100px) {
    .ComponentGameFrame .Layout.GameBalanceText {
        margin: 0 4rem 0 0
    }
}

.GameBalanceText .Currency,
.GameBalanceText .Text {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600
}

.TotalBalanceWrapper .Text {
    display: none
}

.GameBalanceText .Text.GameChips {
    margin: 0;
    font-size: 1.6rem;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 100
}

.GameFrameWrapper .GameBalanceText {
    margin: 0 0 3rem;
    text-align: center;
    color: #fff;
    line-height: 1.8rem
}

@media (min-height:414px) {
    .GameFrameWrapper .GameBalanceText {
        margin: 7.7rem 0 3rem
    }
}

.ComponentGameFrame .Button {
    display: block;
    flex-basis: 49%;
    margin: 0;
    border: #fff;
    color: #fff;
    line-height: .5
}

@media (min-width:1100px) {
    .ComponentGameFrame .ButtonLogin {
        background: #f9c408;
        border-color: #f9c408;
        color: #fff
    }
}

.ComponentGameFrame .ButtonRegister {
    border: 1px solid #fff
}

.ComponentGameFrame .Button.DepositBtn {
    display: block;
    border: none;
    background: #f9c408;
    padding: 1.5rem 4rem
}

.ComponentGameButtons .DepositBtn {
    width: 100%;
    flex-basis: 100%
}

.ComponentGameFrame .Button:active,
.ComponentGameFrame .Button:hover {
    background: #294c0b;
    border-color: #294c0b;
    color: #fff;
    opacity: .7
}

.ComponentGameFrame .ButtonFullScreen {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    fill: #fff;
    border: none
}

@media (min-width:1100px) {
    .ComponentGameFrame .ButtonFullScreen {
        float: right;
        width: auto;
        padding: 0;
        border: none
    }
}

.ButtonFullScreen .Icon {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
    margin: 0 .4rem 0 0
}

@media (min-width:1100px) {
    .ButtonFullScreen .Icon {
        margin: 0
    }
}

.ButtonFullScreen .ButtonText {
    display: inline-block
}

@media (min-width:1100px) {
    .ButtonFullScreen .ButtonText {
        display: none
    }
}

.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer {
    opacity: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    box-sizing: border-box;
    color: inherit
}

@media (min-width:880px) {
    .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer {
        max-width: 79.8rem;
        align-items: center;
        margin-top: 3rem;
        left: calc(50% - 39.9em)
    }
}

.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 28, 44, .7)
}

.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: relative;
    z-index: 1
}

@media (min-width:880px) {
    .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
        max-width: 79.8rem;
        height: auto
    }
}

@media (min-width:1100px) {
    .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
        -webkit-animation: ModalBounce .5s cubic-bezier(0, 1.13, .7, 1.32) forwards;
        animation: ModalBounce .5s cubic-bezier(0, 1.13, .7, 1.32) forwards
    }
}

.CasinoGameButtonsWrapper .ContentTriggerContainer .ModalCloseButton {
    display: none
}

.CasinoGameButtonsWrapper .IsActive .ModalCloseButton {
    display: block;
    position: absolute;
    padding: 0;
    width: 2em;
    flex-basis: 2em;
    right: -2em;
    top: 0;
    font-size: 2em
}

.CasinoGameButtonsWrapper .IsActive .ModalCloseButton:active,
.CasinoGameButtonsWrapper .IsActive .ModalCloseButton:hover {
    background: none;
    border: none
}

.HostedCashierDepositIframeContainer,
.HostedCashierWithdrawIframeContainer {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.HostedCashierDepositIframe,
.HostedCashierWithdrawIframe {
    min-height: 30rem;
    overflow: auto
}

.Page-Deposit .SectionContent,
.Page-Withdraw .SectionContent {
    width: 93%;
    top: 2em;
    margin: 5rem auto;
    padding: 1em;
    background: #e5e6e7;
    box-sizing: border-box
}

@media (min-width:880px) {
    .Page-Deposit .SectionContent,
    .Page-Withdraw .SectionContent {
        width: 78.5rem
    }
}

.Page-Deposit .SectionContent .Text,
.Page-Withdraw .SectionContent .Text {
    padding: 1em;
    margin: 2em 0;
    border-bottom: 1px solid #dedede;
    min-height: 3em
}

@media (min-width:880px) {
    .Page-Deposit .SectionContent .Text,
    .Page-Withdraw .SectionContent .Text {
        margin: 2em 3.2rem
    }
}

.Page-Deposit .SectionContent .HorizontalScrollBar,
.Page-Withdraw .SectionContent .HorizontalScrollBar {
    margin: 0 1em
}

@media (min-width:880px) {
    .Page-Deposit .SectionContent .HorizontalScrollBar,
    .Page-Withdraw .SectionContent .HorizontalScrollBar {
        margin: 0 1em
    }
}

.Page-Deposit .SectionContent .PaymentFormWrapper {
    position: relative
}

.Page-Deposit .SectionContent .DepositFormDesc,
.Page-Withdraw .SectionContent .DepositFormDesc {
    top: .3em
}

.Page-InGameDeposit .SectionContent {
    padding-top: 0
}

.BankingMethods .ModalContent {
    width: 100%;
    min-height: 46.5rem;
    margin: 0 auto;
    height: 100vh;
    background: #e5e6e7
}

@media (min-width:1100px) {
    .BankingMethods .ModalContent {
        width: 78.5rem;
        height: auto
    }
}

@media (min-width:520px) {
    .BankingMethods .ComponentDepositWrapper,
    .BankingMethods .ComponentWithdrawWrapper {
        width: auto
    }
}

.ComponentDepositMmCcForm .FieldSet.FormFieldSet {
    height: auto
}

@media (min-width:520px) {
    .ComponentDepositMmCcForm .FieldSet.FormFieldSet {
        height: 31rem
    }
}

.InstanceOperatorBankingMethods.TabsContent {
    position: relative;
    background: #e6e7e8
}

.PaymentMethodList {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    overflow: auto;
    -webkit-overflow-scrolling: auto
}

.ComponentDepositWrapper,
.ComponentWithdrawWrapper {
    padding: 0 1em
}

@media (min-width:879px) {
    .ComponentDepositWrapper,
    .ComponentWithdrawWrapper {
        padding: 0 4em
    }
}

.Form .InputContainer {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 0 1rem
}

.ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
    width: 44%
}

@media (min-width:375px) {
    .ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
        width: 36%
    }
}

@media (min-width:520px) {
    .ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
        width: 45%
    }
}

.PaymentPrepare-deposit .ComponentPayCardId {
    width: 100%
}

@media (min-width:520px) {
    .PaymentPrepare-deposit .ComponentPayCardId {
        width: 45%
    }
}

.CardExpirationDateInput .Title,
.Form .FormLabel {
    width: 100%;
    padding: 0 .25rem .5rem 0;
    color: #3d3d3d;
    font-size: 1.6rem;
    font-weight: 400
}

.Form .FormLabel {
    line-height: 1rem
}

.Form .LabelText {
    display: inline-block;
    padding: 0 .2rem .4rem 0
}

#Cvv,
#Pan {
    max-height: 5rem;
    width: 100%
}

.ComponentIcon.InstanceCreditCard,
.ComponentIcon.InstanceCvv {
    position: absolute;
    top: 1.5rem;
    right: .5rem;
    width: 3rem;
    height: 2rem
}

.ComponentIcon.InstanceCvv {
    right: 1em
}

@media (min-width:520px) {
    .ComponentIcon.InstanceCvv {
        right: -2.5em
    }
}

.BankingMethods .TabsHeader {
    top: 0;
    justify-content: center;
    margin: 0 3.2rem;
    padding: 1rem 1.6rem 0;
    background: #e6e7e8;
    box-shadow: none;
    border-bottom: 1px solid #dedede
}

.BankingMethods .ComponentTabsItemHeader .AnchorText {
    display: block;
    padding: 2rem 0;
    color: #212121;
    font-size: 1.6rem;
    font-weight: 600
}

.BankingMethods .PaymentMethodItem.ListItem {
    flex: 1;
    flex-grow: 0;
    padding: 0 .3rem;
    text-align: center
}

@media (min-width:520px) {
    .BankingMethods .PaymentMethodItem.ListItem {
        right: -2.5em;
        width: 100%
    }
}

.BankingMethods.PayCardForm {
    width: 45%
}

@media (min-width:520px) {
    .BankingMethods.PayCardForm {
        width: 100%
    }
}

.BankingMethods .PaymentMethodIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.6rem;
    height: 5rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border-radius: .5rem;
    text-align: center
}

@media (min-width:760px) {
    .BankingMethods .PaymentMethodIcon {
        width: 10rem;
        height: 7rem
    }
}

.BankingMethods .PaymentMethodItem.Active .PaymentMethodIcon {
    border: 2px solid #f9c408;
    outline: none
}

.BankingMethods .PaymentMethodItem img {
    width: 100%;
    height: auto
}

.BankingMethods .PaymentLabel {
    display: none
}

.BankingMethods .PayCardNumber {
    word-break: break-all
}

.BankingMethods.HorizontalScrollBar {
    padding: 0;
    height: 12rem
}

@media (min-width:879px) {
    .BankingMethods.HorizontalScrollBar {
        padding: 0 3em
    }
}

.WithdrawModal .BankingMethods.HorizontalScrollBar {
    height: auto
}

.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar {
    width: .6rem;
    height: .6rem
}

.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-track {
    background: #cacaca
}

.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-thumb {
    background: #526284;
    border-radius: .3rem
}

.PaymentPrepareTitle {
    padding: 0 0 2rem;
    border-bottom: 1px solid #dedede
}

.PaymentPrepareBody {
    padding: 1rem 0 0
}

.ComponentPayCardId {
    width: 45%;
    margin: 0 1rem .5rem 0
}

.PayCardIdRegisterInputTypeText {
    display: block;
    width: 100%
}

.PayCardIdDescription {
    display: none
}

.PaymentPrepareBody .SelectOption {
    width: 100%
}

@media (min-width:520px) {
    .BankingMethods .Form .InputContainer {
        width: 45%;
        margin: 0 1rem 1.5rem 0
    }
}

.BankingMethods .FormFieldSet {
    min-height: 9em
}

.BankingMethods .Form .InputContainer .ErrorWrapper {
    display: block;
    position: absolute;
    width: 26rem
}

.BankingMethods .Form .FormLabel {
    max-height: 4.5em
}

.CreditCardNumberInput .InputContainer.HasIconEnd {
    width: 100%
}

.BankingMethods .Form .LabelText,
.BankingMethods .LabelWrap,
.BankingMethods .LabelWrap .LabelText {
    padding: 0;
    margin: 0;
    color: #828282
}

.BankingMethods .SelectOption {
    -webkit-appearance: none
}

@media (min-width:520px) {
    .CardExpirationDateInput {
        position: absolute;
        left: 55%;
        bottom: 14.4em;
        width: 42%
    }
}

@media (min-width:520px) {
    .Page-Deposit .SectionContent .CardExpirationDateInput {
        bottom: 17em;
        left: 60%
    }
}

.CardExpirationDateInput .Title {
    padding: 0 0 0 .5rem;
    margin: 0;
    float: left;
    color: #828282
}

.CardExpirationDateInput .Req {
    display: block;
    position: absolute;
    left: 0;
    width: 50%;
    color: #c23b21
}

@media (min-width:520px) {
    .CardExpirationDateInput .Req {
        float: left
    }
}

.Req {
    display: inline-block;
    float: left;
    color: #c23b21
}

.CardExpirationDateInput .FormLabel {
    display: block;
    width: 45%
}

.CardExpirationDateInput .FormLabel:first-of-type {
    position: relative;
    left: 0;
    max-height: none
}

.CardExpirationDateInput .FormLabel:nth-of-type(2) {
    position: relative;
    left: 55%;
    top: -4.8rem
}

@media (min-width:520px) {
    .CardExpirationDateInput .FormLabel:nth-of-type(2) {
        left: 50%
    }
}

.CardExpirationDateInput .FormLabel .SelectOption {
    width: 100%
}

@media (min-width:520px) {
    .CardExpirationDateInput .Message {
        position: absolute;
        bottom: 0;
        width: 95%
    }
}

.ComponentPaymentCurrencySelector {
    display: block;
    position: relative;
    margin: 0 1rem 1.5rem 0;
    line-height: 1rem;
    padding: 0
}

@media (min-width:520px) {
    .ComponentCvvField {
        position: absolute;
        left: 56%;
        top: -5.8em;
        width: 47%
    }
}

@media (min-width:520px) {
    .Page-Deposit .SectionContent .CardExpirationDateInput+.CVVInput {
        top: -8em;
        left: 60%
    }
}

.ExistingCreditCard {
    width: 45%
}

.ExistingCreditCard .SelectOption {
    width: 100%
}

@media (min-width:520px) {
    .ExistingCreditCard {
        width: auto
    }
}

.ExistingCreditCard+.CVVInput {
    left: 0;
    top: -.6em;
    width: 45%
}

@media (min-width:520px) {
    .ExistingCreditCard+.CVVInput {
        width: 47%
    }
}

.BankingMethods input:focus,
.BankingMethods select:focus,
.BankingMethods textarea:focus {
    border: 1px solid #9ac0f1
}

.PaymentScanCard {
    display: none
}

.DepositFormDesc,
.WithdrawFormDesc {
    position: absolute;
    top: 9.8em;
    right: 1em;
    width: 20rem;
    font-size: 1.4rem
}

@media (min-width:520px) {
    .DepositFormDesc,
    .WithdrawFormDesc {
        top: 9.4em;
        right: 3em;
        width: 20rem
    }
}

.Page-Deposit .SectionContent .DepositFormDesc,
.Page-Withdraw .SectionContent .WithdrawFormDesc {
    width: 15rem;
    right: 0;
    top: -.9em
}

@media (min-width:375px) {
    .Page-Deposit .SectionContent .DepositFormDesc,
    .Page-Withdraw .SectionContent .WithdrawFormDesc {
        width: 20rem;
        top: .2em
    }
}

.WithdrawFormDesc {
    position: absolute;
    top: 13.2em
}

@media (min-width:879px) {
    .WithdrawFormDesc {
        top: 14.2em
    }
}

.BankingMethods .ComponentDepositBonus,
.BankingMethods .Message.Error:empty {
    display: none
}

.BankingMethods .OperatorHeaderDeposit {
    width: 100%;
    margin: 1.6rem 0
}

.FieldMandatoryTxt {
    color: #828282;
    float: right
}

.ComponentWithdrawWrapper .Button,
.RegisterNewCardAnchor {
    width: 100%;
    margin: .2em 0;
    background: #f9c408;
    color: #fff;
    border: none
}

.ComponentWithdrawWrapper .Button:active,
.ComponentWithdrawWrapper .Button:hover,
.RegisterNewCardAnchor:active,
.RegisterNewCardAnchor:hover {
    background: #294c0b;
    color: #fff;
    border: none
}

.ComponentWithdrawWrapper .FormFieldSet .Button {
    margin: .5em 0
}

.Page-ConfirmTransaction .SectionContent,
.Page-Receipt .SectionContent {
    width: 93%;
    margin: 5rem auto;
    padding: 1em;
    min-height: 50rem
}

@media (min-width:879px) {
    .Page-ConfirmTransaction .SectionContent,
    .Page-Receipt .SectionContent {
        width: 78.5rem
    }
}

.Page-ConfirmTransaction .SectionContent .BackTrigger,
.Page-Receipt .SectionContent .BackTrigger {
    display: block;
    padding: 2rem 0;
    margin: 0 3.2rem;
    font-size: 1.4rem
}

.Page-ConfirmTransaction .SectionContent .Title,
.Page-Receipt .SectionContent .Title {
    padding: 2rem 0;
    margin: 0 3.2rem;
    border-bottom: 1px solid #dedede
}

.Page-ConfirmTransaction .SectionContent .ComponentText,
.Page-Receipt .SectionContent .ComponentText {
    font-size: 1.4rem;
    padding: 2rem 0;
    margin: 0 3.2rem
}

.Page-ConfirmTransaction .SectionContent .PaymentPageContainer,
.Page-Receipt .SectionContent .PaymentPageContainer {
    padding: 0;
    margin: 0 3.2rem;
    font-size: 1.4rem
}

.Page-ConfirmTransaction .SectionContent .PaymentTransList,
.Page-Receipt .SectionContent .PaymentTransList {
    margin: 1em 0
}

.Page-ConfirmTransaction .SectionContent .PaymentTransItem,
.Page-Receipt .SectionContent .PaymentTransItem {
    margin: .5rem 0
}

.Page-ConfirmTransaction .SectionContent .PaymentTransInfo,
.Page-Receipt .SectionContent .PaymentTransInfo {
    display: inline-block;
    min-width: 10em
}

@media (min-width:520px) {
    .Page-ConfirmTransaction .SectionContent .PaymentTransInfo,
    .Page-Receipt .SectionContent .PaymentTransInfo {
        min-width: 15em
    }
}

.Page-ConfirmTransaction .SectionContent .PaymentTransStatusSuccess,
.Page-ConfirmTransaction .SectionContent .PaymentTransValue,
.Page-Receipt .SectionContent .PaymentTransStatusSuccess,
.Page-Receipt .SectionContent .PaymentTransValue {
    display: inline-block;
    width: 10em;
    padding: 0 .5rem
}

.ConfirmFormButton {
    position: relative;
    background: #f9c408;
    border: none;
    color: #fff
}

.ConfirmFormButton:active,
.ConfirmFormButton:hover {
    background: #294c0b;
    border: none;
    color: #fff
}

.PendingWithdraw.Anchor {
    margin: 0 3.2rem;
    font-size: 1.4rem
}

.Iframe3rdParty {
    height: 90vh
}

.Page-PendingWithdrawals .Title {
    margin: 3.8rem 0 1.4rem
}

.PendingWithdrawList {
    padding: 3em 0
}

.PendingWithdrawTitle {
    background: #cacaca;
    font-weight: 600;
    padding: 1.8rem .6em;
    line-height: 2rem
}

@media (min-width:520px) {
    .PendingWithdrawTitle {
        padding: 1.8em
    }
}

.PendingWithdrawTitle span {
    width: 30%;
    display: inline-block
}

.PendingWithdrawItem {
    display: flex;
    padding: 1.2em .2em;
    position: relative;
    background: #fff;
    color: #4e4e4e;
    border-bottom: .1rem solid #dedede;
    font-size: 1.6rem;
    line-height: 1em
}

@media (min-width:520px) {
    .PendingWithdrawItem {
        padding: .8em 1.2em
    }
}

.PendingWithdrawItem .Currency,
.PendingWithdrawItem .RollBackInfo,
.PendingWithdrawItem .TransactionId {
    width: 30%;
    display: inline-block
}

.PendingWithdrawItem .TransDateTime {
    width: 100%;
    display: block;
    padding: 0 0 .3em
}

.PendingWithdrawItem .RollBackInfo span span {
    display: inline-block
}

.PendingWithdrawItem .RollBackInfo .Button {
    background: #f9c408;
    border: none;
    color: #fff
}

.PendingWithdrawItem .RollBackInfo .Button:active,
.PendingWithdrawItem .RollBackInfo .Button:hover {
    background: #294c0b;
    border: none;
    color: #fff
}

@media (min-width:1100px) {
    .Page-Limits-Child .SectionContent,
    .Page-SetLimit .SectionContent {
        padding-top: 11rem
    }
}

.Page-Limits-Child .SectionContent .SetLimitWrapper,
.Page-SetLimit .SectionContent .SetLimitWrapper {
    padding: 0 1.6rem
}

.HolderInputContainer {
    margin-top: 1.5rem
}

.RadioContainer .FormLabel {
    cursor: pointer
}

.RadioContainer .InputWrap {
    width: auto;
    vertical-align: top
}

.RadioContainer .LabelWrap {
    vertical-align: top
}

.Page-LiveCasino .SectionContent>.Title {
    display: none
}

.Page-LiveCasino-Child .SectionContent>.Title,
.Page-LiveCasino .OperatorTotalJackpotsTop .Title {
    display: block
}

.Page-LiveCasino-Child .GamesList .BoxTitle {
    display: none
}

.Page-Casino .ComponentSearchedGamesGrid .GamesListContainer,
.Page-LiveCasino .ComponentSearchedGamesGrid .GamesListContainer {
    justify-content: space-around
}

@media (min-width:768px) {
    .Page-Casino .ComponentSearchedGamesGrid .GamesListContainer,
    .Page-LiveCasino .ComponentSearchedGamesGrid .GamesListContainer {
        justify-content: center
    }
}

.PromotionsWrapper {
    padding: 0 3rem;
    color: #fff;
    font-size: 1.4rem
}

.PromotionsIndexTitle {
    font-size: 2rem;
    margin: 3rem 0
}

.PromotionsWrapperContained {
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-row-gap: 3.4rem
}

@media (min-width:768px) {
    .PromotionsWrapperContained {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 3.4rem
    }
}

@media (min-width:1366px) {
    .PromotionsWrapperContained {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 3.4rem
    }
}

.PromotionItem {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 40rem;
    border: .1rem solid hsla(0, 0%, 100%, .2)
}

.PromotionItem * {
    box-sizing: border-box
}

.PromotionItem .ComponentPicture {
    height: 40rem
}

.PromotionItem .PictureImg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: auto;
    position: absolute
}

.PromotionContentWrapper {
    margin-bottom: 1.8rem
}

.PromotionItemContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    padding: 2rem 2.4rem;
    background-image: linear-gradient(0deg, #111522 20%, rgba(255, 205, 54, 0) 70%);
    color: #fff
}

.PromotionItemTitle {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: .8rem
}

.PromotionItemDescription {
    font-size: 1.6rem;
    line-height: 1.2
}

.PromotionButtonWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.PromotionButtonWrapper .OptInButton,
.PromotionButtonWrapper .OptOutButton,
.PromotionButtonWrapper .PromotionItemClaimedLabel,
.PromotionButtonWrapper .PromotionItemInfoBtn {
    all: unset;
    width: 100%;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2.4rem;
    border: .2rem solid #fff;
    cursor: pointer
}

@media (min-width:375px) {
    .PromotionButtonWrapper .OptInButton,
    .PromotionButtonWrapper .OptOutButton,
    .PromotionButtonWrapper .PromotionItemClaimedLabel,
    .PromotionButtonWrapper .PromotionItemInfoBtn {
        width: auto
    }
}

.PromotionButtonWrapper .OptInButton {
    background: #f9c408;
    color: #fff;
    border: .2rem solid #f9c408;
    margin-top: 1.2rem
}

@media (min-width:375px) {
    .PromotionButtonWrapper .OptInButton {
        margin-top: 0;
        margin-left: 1.2rem
    }
}

.PromotionButtonWrapper .OptOutButton,
.PromotionButtonWrapper .PromotionItemClaimedLabel {
    margin-top: 1.2rem;
    background: hsla(0, 0%, 100%, .1);
    border: .1rem solid hsla(0, 0%, 100%, .1)
}

@media (min-width:375px) {
    .PromotionButtonWrapper .OptOutButton,
    .PromotionButtonWrapper .PromotionItemClaimedLabel {
        margin-top: 0;
        margin-left: 1.2rem
    }
}

.OptInTimer {
    position: absolute;
    top: 3rem;
    right: 3rem;
    background-color: hsla(0, 0%, 100%, .8);
    color: #212121;
    padding: 1.5rem;
    font-size: 1.6rem;
    text-transform: uppercase
}

.OptInTimer .OptInTimerText {
    padding-left: .3rem
}

@media (min-width:1100px) {
    .PromoModal .ModalContent {
        width: 70rem;
        height: 85vh
    }
}

.WinnersContainer {
    overflow: auto;
    margin: 2em 0
}

.InfoWrapper .WinnersContainer .Title {
    margin-bottom: .5em
}

.WinnersDescription {
    width: 100%;
    float: left
}

@media (min-width:414px) {
    .WinnersDescription {
        width: calc(44% - 2em);
        padding: 0 2em 0 0
    }
}

.WinnersList {
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    outline: none
}

@media (min-width:414px) {
    .WinnersList {
        width: 55%
    }
}

.WinnersHeaderList {
    background: #e6e7e8
}

.WinnersEntryList,
.WinnersHeaderList {
    display: flex;
    width: 100%;
    height: 4.8rem;
    border-bottom: 1px solid #cacaca
}

.WinnersEntryList {
    background: #fff
}

.WinnersEntryList:last-child {
    border-bottom: none
}

.WinnersEntryList .ListItem,
.WinnersHeaderList .ListItem {
    display: inline-block;
    width: 33%;
    flex-basis: 33%;
    text-indent: 2em
}

.WinnersEntryList .ListItem .Text,
.WinnersHeaderList .ListItem .Text {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 3;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.WinnersEntryList .ListItem .Text {
    font-size: 1.6rem
}

.WinnersEntryList .ListItem .NoAndUsername {
    font-weight: 400
}

.PromoModal .ModalContentWrapper .Figure {
    height: 14.4em
}

@media (min-width:320px) {
    .PromoModal .ModalContentWrapper .Figure {
        height: 31.8em
    }
}

@media (min-width:879px) {
    .PromoModal .ModalContentWrapper .Figure {
        height: 27.2em
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:850px) and (orientation:landscape) {
    .PromoModal .ModalContentWrapper .Figure {
        height: 15rem
    }
}

.PromoModal .ModalContentWrapper .Figure img {
    height: 14.4em;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width:320px) {
    .PromoModal .ModalContentWrapper .Figure img {
        height: 31.8em
    }
}

@media (min-width:879px) {
    .PromoModal .ModalContentWrapper .Figure img {
        height: 27.2em
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:850px) and (orientation:landscape) {
    .PromoModal .ModalContentWrapper .Figure img {
        height: 15rem
    }
}

.Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
    height: 14.4em
}

@media (min-width:320px) {
    .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
        height: 31.8em
    }
}

@media (min-width:879px) {
    .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
        height: 27.2em
    }
}

.Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
    height: 14.4em
}

@media (min-width:320px) {
    .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
        height: 31.8em
    }
}

@media (min-width:879px) {
    .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
        height: 27.2em
    }
}

.OptInWrapper .TextWysiwyg {
    border-bottom: .1em solid rgba(35, 38, 43, .2)
}

.OptInWrapper .ComponentTextWysiwyg p,
.OptInWrapper .TextPageWrapper p {
    padding: 1em 2em
}

.OptInWrapper .PromotionItemPlayBtn {
    display: none
}

.OptInButton {
    display: block;
    position: relative;
    float: right;
    min-width: 6.4em;
    margin: .5em 0
}

.OptInButton,
.OptInButton:active,
.OptInButton:hover {
    background: #f9c408;
    border-color: #f9c408;
    color: #fff
}

@media (min-width:1100px) {
    .OptInButton:active,
    .OptInButton:hover {
        background: #f9c408;
        border-color: #f9c408;
        color: #fff;
        opacity: 1
    }
}

@media (min-width:76.8rem) {
    .OptInButton {
        margin: .5em
    }
}

@media (min-width:1100px) {
    .OptInButton {
        min-width: 8.5em
    }
}

.OptInButton.IsDisabled {
    opacity: .5;
    cursor: not-allowed
}

.ComponentPromotionItemClaimable .OptInButton.IsDisabled {
    opacity: 1
}

.ModalContentWrapper .OptInButton {
    position: relative;
    float: left;
    margin: 0;
    min-width: 8.4em;
    left: 1em;
    z-index: 4;
    border: .1rem solid #fff
}

@media (min-width:320px) {
    .ModalContentWrapper .OptInButton {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 20rem;
        left: 2em
    }
}

@media only screen and (orientation:landscape) {
    .ModalContentWrapper .OptInButton {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 8em;
        left: 2em
    }
}

@media (min-width:1100px) {
    .ModalContentWrapper .OptInButton {
        top: 14rem
    }
}

.ModalContentWrapper .OptInButton:hover {
    border: .1rem solid #294c0b
}

.ModalContentWrapper .ModalLoginButtonsWrapper {
    position: relative;
    margin: 0;
    width: 100%;
    padding-left: 1.2rem;
    z-index: 4;
    background: #fff
}

@media only screen and (orientation:landscape) {
    .ModalContentWrapper .ModalLoginButtonsWrapper {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        left: 2rem
    }
}

@media (min-width:320px) {
    .ModalContentWrapper .ModalLoginButtonsWrapper {
        position: absolute;
        margin-left: 0;
        width: 80%;
        bottom: auto;
        top: 24rem;
        left: 3rem;
        background: none
    }
}

@media (min-width:1100px) {
    .ModalContentWrapper .ModalLoginButtonsWrapper {
        top: 21rem;
        left: 4rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:850px) and (orientation:landscape) {
    .ModalContentWrapper .ModalLoginButtonsWrapper {
        top: 9.2rem;
        left: 1rem
    }
}

.ModalContentWrapper .ModalLoginButtonsWrapper .Button {
    background: #f9c408;
    border-color: #f9c408;
    color: #fff
}

.ModalContentWrapper .PromotionModalActionButtonsSection {
    float: left;
    width: 100%;
    background: #fff
}

@media (min-width:414px) {
    .ModalContentWrapper .PromotionModalActionButtonsSection {
        background: none;
        float: none
    }
}

.ModalContentWrapper .OptOutButton {
    position: relative;
    float: left;
    margin: 0;
    min-width: 8.4em;
    left: 1em;
    z-index: 4;
    background: rgba(33, 33, 33, .8);
    color: #fff
}

@media (min-width:320px) {
    .ModalContentWrapper .OptOutButton {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 20rem;
        left: 2em
    }
}

@media only screen and (orientation:landscape) {
    .ModalContentWrapper .OptOutButton {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 8em;
        left: 2em
    }
}

@media (min-width:1100px) {
    .ModalContentWrapper .OptOutButton {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 14rem;
        left: 2em
    }
}

.PromotionItemOptedInLabel {
    position: absolute;
    text-indent: -999rem;
    font-size: 0
}

.PromotionItemClaimedLabel {
    display: block;
    float: right;
    min-width: 6.4em;
    margin: .5em 1.6rem .5rem 0;
    background: #f9c408;
    cursor: not-allowed;
    border-color: #f9c408;
    color: #fff;
    padding: .9rem 1.2rem 1.1rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box
}

@media only screen and (orientation:landscape) {
    .PromotionItemClaimedLabel {
        left: 1em
    }
}

@media (min-width:320px) {
    .PromotionItemClaimedLabel {
        left: 2em
    }
}

@media (min-width:1100px) {
    .PromotionItemClaimedLabel {
        left: 2em;
        min-width: 8.5em;
        font-size: 1.6rem
    }
}

.ModalContentWrapper .PromotionItemClaimedLabel {
    position: relative;
    float: left;
    margin: 0;
    min-width: 8.4em;
    left: 1em;
    z-index: 4;
    background: rgba(33, 33, 33, .8);
    color: #fff
}

@media (min-width:320px) {
    .ModalContentWrapper .PromotionItemClaimedLabel {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 20rem;
        left: 2em
    }
}

@media only screen and (orientation:landscape) {
    .ModalContentWrapper .PromotionItemClaimedLabel {
        position: absolute;
        margin-left: 0;
        bottom: auto;
        top: 8em;
        left: 2em
    }
}

@media (min-width:1100px) {
    .ModalContentWrapper .PromotionItemClaimedLabel {
        left: 2em;
        top: 14rem
    }
}

.OptedInButton {
    margin: 0;
    background: none;
    color: #f9c408;
    border: none;
    font-size: 1.6em;
    font-weight: 600
}

.OptedInButton:active,
.OptedInButton:hover {
    background: none;
    color: #f9c408;
    border: none;
    opacity: 1
}

@media (min-width:320px) {
    .OptedInButton {
        margin: .5em
    }
}

.OptOutButton {
    background: #f9c408;
    color: #fff;
    border: .1rem solid transparent;
    font-size: 1.6em;
    font-weight: 600;
    min-width: 6.4em;
    position: relative
}

.OptOutButton:hover {
    border: .1rem solid #f9c408
}

@media (min-width:1100px) {
    .OptOutButton {
        min-width: 8.5em
    }
}

.OptedInButton .Icon {
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
    top: .2em;
    left: -.8em
}

@media (min-width:1100px) {
    .OptedInButton .Icon {
        left: 0
    }
}

.OptedInButton svg {
    fill: #f9c408
}

.ModalContentWrapper .OptInButton .Icon {
    left: 0
}

@media (min-width:414px) {
    .ModalContentWrapper .OptInButton .Icon {
        left: 0
    }
}

.InfoWrapper h3.Title {
    position: static;
    padding: 0;
    color: #212121;
    background: none
}

.StepsWrap {
    display: block;
    width: 100%;
    text-align: center
}

@media (min-width:414px) {
    .StepsWrap {
        display: flex
    }
}

.StepItem {
    flex-basis: 100%;
    margin: 1em 0 2em
}

@media (min-width:414px) {
    .StepItem {
        flex-basis: 33%;
        margin: 1em 1em 2em 0
    }
}

.StepItem h3 {
    font-size: 1.6em;
    font-weight: 600;
    text-align: left;
    margin: 1.8rem 0 .4rem
}

@media (min-width:414px) {
    .StepItem h3 {
        font-size: 2.2em;
        text-align: center
    }
}

.StepItem p {
    text-align: left
}

@media (min-width:414px) {
    .StepItem p {
        text-align: center;
        margin-left: 0
    }
}

.StepItem .Bullet {
    width: 4.8rem;
    height: 4.8rem;
    float: left;
    display: block;
    margin-right: 1.4em;
    line-height: 2;
    background: #252a31;
    color: #fff;
    font-size: 2.2rem;
    border-radius: 50%;
    text-align: center
}

@media (min-width:414px) {
    .StepItem .Bullet {
        width: 6.4rem;
        height: 6.4rem;
        float: none;
        margin: 0 auto;
        font-size: 2.8rem;
        line-height: 2.2
    }
}

.KeyPointsList {
    margin-top: .5em
}

.KeyPointsList .ListItem {
    padding: .5em 0;
    border-bottom: 1px solid #dedede
}

.KeyPointItem .ListItem {
    overflow: hidden;
    clear: both;
    padding: .5em .8em;
    border-bottom: 1px solid #dedede
}

.KeyPointItem .ListItem:before {
    top: 1.5rem
}

.KeyPointItem p:first-of-type {
    width: 32%;
    float: left;
    margin-left: 0
}

@media (min-width:414px) {
    .KeyPointItem p:first-of-type {
        width: 20%
    }
}

.KeyPointItem p {
    margin-bottom: .1em;
    margin-left: 40%
}

@media (min-width:414px) {
    .KeyPointItem p {
        margin-left: 28%
    }
}

@media (min-width:550px) {
    .KeyPointItem p {
        margin-left: 22%
    }
}

.Page-Promotions .StickyPlaceholder {
    display: none
}

.Page-Promotions-Child .TopBanner {
    width: 100%;
    height: 14.4rem
}

@media (min-width:600px) {
    .Page-Promotions-Child .TopBanner {
        position: absolute;
        top: 4.8rem;
        left: 0;
        height: 22.2rem
    }
}

.Page-Promotions-Child .TopBanner .Picture {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden
}

.Page-Promotions-Child .TopBanner .PictureImg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0)
}

.PromoTopWrapper {
    max-width: 136rem;
    margin: 0 auto;
    position: static
}

@media (min-width:600px) {
    .PromoTopWrapper {
        height: 22.2rem;
        position: relative
    }
}

.Page-Promotions-Child .BackButton {
    position: absolute;
    top: 4.8rem;
    left: 1.6rem;
    z-index: 1;
    border: none;
    padding: 1.1rem 0 1rem 2.2rem;
    color: #fff
}

@media (min-width:600px) {
    .Page-Promotions-Child .BackButton {
        top: 0
    }
}

@media (min-width:1100px) {
    .Page-Promotions-Child .BackButton {
        left: 4rem
    }
}

@media (min-width:1400px) {
    .Page-Promotions-Child .BackButton {
        left: 0
    }
}

.Page-Promotions-Child .BackButton .Icon {
    display: none
}

.Page-Promotions-Child .BackButton:before {
    display: block;
    width: 1.6rem;
    height: .2rem;
    position: absolute;
    left: 0;
    top: 50%;
    background: #fff;
    content: ""
}

.Page-Promotions-Child .BackButton:after {
    display: block;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    position: absolute;
    left: 0;
    top: 50%;
    border: .2rem solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    font-size: 1rem;
    transform: rotate(45deg)
}

.Page-Promotions-Child .BackButton:hover:before {
    -webkit-animation: MoveBeforeLeft 1s 5 forwards;
    animation: MoveBeforeLeft 1s 5 forwards
}

.Page-Promotions-Child .BackButton:hover:after {
    -webkit-animation: MoveAfterLeft 1s 5 forwards;
    animation: MoveAfterLeft 1s 5 forwards
}

@-webkit-keyframes MoveBeforeLeft {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(-.8rem, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes MoveBeforeLeft {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(-.8rem, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes MoveAfterLeft {
    0% {
        transform: rotate(45deg) translateZ(0)
    }
    50% {
        transform: rotate(45deg) translate3d(-.6rem, .6rem, -.6rem)
    }
    to {
        transform: rotate(45deg) translateZ(0)
    }
}

@keyframes MoveAfterLeft {
    0% {
        transform: rotate(45deg) translateZ(0)
    }
    50% {
        transform: rotate(45deg) translate3d(-.6rem, .6rem, -.6rem)
    }
    to {
        transform: rotate(45deg) translateZ(0)
    }
}

.Page-Promotions-Child .Title {
    width: 100%;
    margin: 0;
    padding: 1.7rem 1.6rem 1.2rem;
    box-sizing: border-box;
    background: #fff
}

@media (min-width:600px) {
    .Page-Promotions-Child .Title {
        padding: 0 30rem 0 1.6rem;
        position: absolute;
        left: 0;
        top: 4.4rem;
        background: none;
        color: #fff;
        font-size: 2.8rem;
        line-height: 3.4rem
    }
}

@media (min-width:1100px) {
    .Page-Promotions-Child .Title {
        padding: 0 80rem 0 0;
        left: 4rem
    }
}

@media (min-width:1400px) {
    .Page-Promotions-Child .Title {
        left: 0
    }
}

.Page-Promotions-Child .TabsContent {
    padding: 3.4rem 1.6rem
}

.TabsHeader {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    padding: 0 1.6rem;
    position: -webkit-sticky;
    position: sticky;
    top: 5.4rem;
    z-index: 3;
    background: #fff;
    box-shadow: 0 .15rem .2rem 0 rgba(0, 0, 0, .12);
    list-style: none
}

@media (min-width:600px) {
    .TabsHeader {
        justify-content: flex-start;
        padding: 0 1.6rem
    }
}

@media (min-width:1100px) {
    .TabsHeader {
        top: 11rem;
        justify-content: center
    }
}

.ModalContentWrapper .TabsHeader {
    justify-content: start;
    top: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box
}

@media (min-width:400px) {
    .ModalContentWrapper .TabsHeader {
        padding: 0 1.6rem
    }
}

@media (min-width:600px) {
    .ModalContentWrapper .TabsHeader {
        padding: 0 2.6rem
    }
}

.ModalContentWrapper .TabsHeader:before {
    content: "";
    z-index: 0;
    position: absolute;
    top: -5em;
    left: 0;
    background: #fff;
    height: 5em;
    width: 100%
}

@media (min-width:414px) {
    .ModalContentWrapper .TabsHeader:before {
        content: none
    }
}

@media (min-width:1100px) {
    .ModalContentWrapper .TabsHeader {
        padding: 0 4.6rem
    }
}

.TabItem,
.TabsHeader .List {
    display: inline-block
}

.TabItem .Button {
    display: block;
    min-width: 4rem;
    min-height: 1.8rem;
    padding: 1.6rem 1.2rem 1.2rem;
    color: #828282;
    fill: #4e4e4e;
    border: none;
    border-bottom: .2rem solid transparent;
    border-radius: 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

@media (min-width:350px) {
    .TabItem .Button {
        font-size: 1.4rem
    }
}

@media (min-width:600px) {
    .TabItem .Button {
        min-height: 2rem;
        padding: 1.7rem 1.6rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .TabItem .Button {
        padding: 1.7rem;
        border-bottom: .2rem solid transparent
    }
}

.TabItem .Button.IsActive,
.TabsHeader .active .Button {
    color: #f9c408;
    fill: #f9c408;
    border-bottom: .2rem solid #f9c408
}

.TabItem .Button:hover {
    color: #f9c408;
    fill: #f9c408;
    background: #fff
}

.TabItemContent {
    max-width: 136rem;
    margin: 0 auto;
    padding: 0;
    font-size: 1.4rem;
    line-height: 2rem
}

.PromoModal .ModalCloseButton {
    width: 3.5rem;
    height: 3.5rem;
    top: 7.5rem;
    right: 2rem
}

.ComponentPromotionUbsInfoWrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: auto;
    transform: translateZ(0)
}

.PromoModal .ModalContentWrapper {
    width: 100%;
    height: 100vh;
    margin: 0;
    background: #f0f0f0
}

@media (min-width:879px) {
    .PromoModal .ModalContentWrapper {
        width: 100%;
        margin: 0;
        height: auto;
        background: #fff
    }
}

.PromotionModalTitle {
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 3rem 1.6rem;
    background: #fff;
    box-sizing: border-box
}

@media (min-width:320px) {
    .PromotionModalTitle {
        width: 90%;
        padding: 0 0 0 4.2rem;
        position: absolute;
        top: 6.4rem;
        background: none;
        color: #fff;
        font-size: 2.8rem;
        line-height: 3.4rem
    }
}

@media only screen and (orientation:landscape) {
    .PromotionModalTitle {
        padding: 0 0 0 2rem;
        position: absolute;
        background: none;
        color: #fff;
        font-size: 2.4rem;
        line-height: 1.1
    }
}

@media (min-width:680px) {
    .PromotionModalTitle {
        width: 60%
    }
}

@media (min-width:1100px) {
    .PromotionModalTitle {
        padding: 0 0 0 4.5rem;
        width: 60%;
        top: 2rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:850px) and (orientation:landscape) {
    .PromotionModalTitle {
        top: 1rem
    }
}

.PromoModal .TabsContent .Title {
    margin-left: 0
}

.PromoModal .ComponentPromotionGmInfoWrapper {
    overflow-y: auto
}

.PromoModal .TabsTitle {
    top: 0
}

@media (min-width:600px) {
    .PromoModal .TabsTitle {
        padding: 0 2.4rem
    }
}

@media (min-width:1100px) {
    .PromoModal .TabsTitle {
        justify-content: flex-start;
        padding: 0 4.8rem
    }
}

.TabsContent {
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:1100px) {
    .TabsContent {
        padding: 1.6rem 0
    }
}

.PromoModal .TabsContent {
    padding: 2rem 1.6rem;
    background: #f0f0f0
}

@media (min-width:600px) {
    .PromoModal .TabsContent {
        padding: 3.4rem 2.4rem 6.2rem
    }
}

@media (min-width:1100px) {
    .PromoModal .TabsContent {
        padding: 3.4rem 4.8rem 6.2rem
    }
}

.PromotionGamesWrapper .PromotionPicsWrapper a {
    display: block;
    margin-bottom: 2rem
}

@media (min-width:76.8rem) {
    .PromotionGamesWrapper .PromotionPicsWrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap
    }
    .PromotionGamesWrapper .PromotionPicsWrapper br {
        display: none
    }
    .PromotionGamesWrapper .PromotionPicsWrapper a {
        display: block;
        width: 30%;
        margin-bottom: 1rem
    }
}

.OperatorFavorites {
    height: 100%;
    min-height: 50vh;
    background: #fff;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.OperatorFavorites .CasinoGames {
    height: 100%
}

.UserBalanceDetailed {
    display: block;
    background: #fff;
    border-radius: .4rem
}

.FavoritesWrapper {
    width: 30rem;
    max-width: 120rem;
    margin: 16rem auto;
    color: #fff
}

@media (min-width:320px) {
    .FavoritesWrapper {
        width: 32rem
    }
}

@media (min-width:600px) {
    .FavoritesWrapper {
        width: 40rem
    }
}

.NoFavTitle {
    margin: 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3
}

.NoFavText {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4
}

.GoToLobby {
    display: block;
    width: 17.4rem;
    min-width: 17.4rem;
    margin: 5.3rem auto;
    float: none;
    background: #f9c408;
    border-color: #f9c408;
    color: #fff
}

.GoToLobby:active,
.GoToLobby:hover {
    background: #294c0b;
    border-color: #294c0b;
    color: #fff
}

.Page-CasinoGame .GameRightWrapper .NoFavText {
    color: #fff
}

.FppBanner {
    height: 20rem;
    position: relative;
    margin-bottom: 11rem
}

.FppBanner .Figure {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.FppBanner .Picture {
    display: block;
    height: 23.2rem;
    overflow: hidden
}

.FppBanner .TrophyIcon {
    display: block;
    width: 9rem;
    height: 14.8rem;
    margin: auto;
    padding-top: 0;
    position: relative
}

@media (min-width:400px) {
    .FppBanner .TrophyIcon {
        padding-top: 2rem
    }
}

@media (min-width:600px) {
    .FppBanner .TrophyIcon {
        padding-top: 2rem
    }
}

@media (min-width:1100px) {
    .FppBanner .TrophyIcon {
        padding-top: 2rem
    }
}

.FppBanner .TrophyIcon:before {
    opacity: .24;
    content: "";
    width: 14.4rem;
    height: 14.4rem;
    position: absolute;
    top: 5.2rem;
    right: -2.6rem;
    background: #212121;
    border-radius: 50%
}

@media (min-width:320px) {
    .FppBanner .TrophyIcon:before {
        top: 3.2rem
    }
}

@media (min-width:600px) {
    .FppBanner .TrophyIcon:before {
        top: 3.2rem
    }
}

.FppBanner .TrophyIcon .SvgIcon {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 2rem;
    position: relative
}

@media (min-width:600px) {
    .FppBanner .TrophyIcon .SvgIcon {
        padding-top: 0
    }
}

.FppBanner .FppBannerText {
    box-sizing: border-box;
    width: 18.4rem;
    height: 8.8rem;
    margin: auto;
    padding: 2rem 0;
    position: relative;
    background-color: #fff;
    color: #212121;
    border: .1rem solid #fff;
    text-align: center;
    line-height: 2.5rem;
    border-radius: .2rem;
    box-shadow: 0 -.2rem .3rem 0 rgba(97, 97, 97, .24)
}

@media (min-width:600px) {
    .FppBanner .FppBannerText {
        width: 22.9rem
    }
}

@media (min-width:1100px) {
    .FppBanner .FppBannerText {
        width: 25.4rem;
        padding: 1.5rem 0;
        line-height: 3rem
    }
}

.FppBanner .BigText {
    font-size: 2.8rem;
    font-weight: 900
}

@media (min-width:600px) {
    .FppBanner .BigText {
        font-size: 3.6rem
    }
}

@media (min-width:1100px) {
    .FppBanner .BigText {
        font-size: 4.4rem
    }
}

.FppBanner .SmallText {
    font-size: 1.4rem
}

@media (min-width:1100px) {
    .FppBanner .SmallText {
        font-size: 1.6rem
    }
}

.FppWrapper {
    max-width: 47.2rem;
    margin: 0 auto 8rem;
    padding: 0 1.6rem
}

@media (min-width:600px) {
    .FppWrapper {
        margin-bottom: 10rem;
        padding: 0
    }
}

@media (min-width:1100px) {
    .FppWrapper {
        margin-bottom: 18rem;
        max-width: 66.8rem
    }
}

.FppWrapper .Title {
    margin: 0 0 .8rem;
    font-size: 1.6rem
}

@media (min-width:600px) {
    .FppWrapper .Title {
        margin: 0 0 1.6rem;
        font-size: 1.8rem;
        text-align: center
    }
}

@media (min-width:1100px) {
    .FppWrapper .Title {
        font-size: 1.8rem;
        text-align: center
    }
}

.FrequentPlayerPoints.Form {
    display: block
}

.FrequentPlayerPoints .LabelText {
    display: none
}

.FppWrapper .FormInput {
    box-sizing: border-box;
    width: 100%;
    height: 4.8rem;
    margin: 0 0 .8rem
}

.FrequentPlayerPointsMessageContainer {
    margin-bottom: .8rem
}

.FrequentPlayerPointsButton {
    width: 100%;
    height: 4.8rem;
    background-color: #f9c408;
    color: #fff;
    border: none
}

.FppWrapper .TextWysiwyg {
    margin: 4rem 0 0;
    font-size: 1.4rem;
    line-height: 1.36;
    color: #4e4e4e
}

@media (min-width:600px) {
    .FppWrapper .TextWysiwyg {
        font-size: 1.6rem
    }
}

@media (min-width:600px) {
    .FppWrapper .FppRcBucks .FrequentPlayerPointsFieldSet {
        display: inline-block;
        box-sizing: border-box;
        width: 60%;
        height: 4.8rem;
        padding-right: .8rem
    }
}

@media (min-width:1100px) {
    .FppWrapper .FppRcBucks .FrequentPlayerPointsFieldSet {
        width: 50%
    }
}

@media (min-width:600px) {
    .FppWrapper .FppRcBucks .ActionFieldset {
        display: inline-block;
        width: 40%;
        vertical-align: top
    }
}

@media (min-width:1100px) {
    .FppWrapper .FppRcBucks .ActionFieldset {
        display: inline-block;
        width: 50%
    }
}

.UpdateProfileWrapper {
    display: block;
    max-width: 160rem;
    padding: 1.6rem;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5em
}

@media (min-width:600px) {
    .UpdateProfileWrapper {
        padding: 2.4rem 1.6rem
    }
}

@media (min-width:1100px) {
    .UpdateProfileWrapper {
        padding: 3.6rem
    }
}

.ProfilePageContent {
    padding-top: 5.6rem
}

.UpdateProfileForm .FormFieldSet {
    display: block;
    width: 100%;
    min-width: 0
}

@media (min-width:760px) {
    .UpdateProfileForm .FormFieldSet {
        margin: 0 -.5rem
    }
}

.UpdateProfileWrapper .Title {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:760px) {
    .UpdateProfileWrapper .Title {
        padding: 0 .5rem
    }
}

.UpdateProfileWrapper .Text {
    margin: 1.6rem 0
}

@media (min-width:760px) {
    .UpdateProfileWrapper .Text {
        padding: 0 .5rem
    }
}

@media (min-width:1100px) {
    .UpdateProfileWrapper .Text {
        margin: 2.4rem 0
    }
}

.UpdateProfileWrapper .ComponentFormInputRow,
.UpdateProfileWrapper .DatePickerWrapper,
.UpdateProfileWrapper .InputContainerWrapper {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top
}

@media (min-width:760px) {
    .UpdateProfileWrapper .ComponentFormInputRow,
    .UpdateProfileWrapper .DatePickerWrapper,
    .UpdateProfileWrapper .InputContainerWrapper {
        width: 50%;
        padding: 0 .5rem
    }
}

.UpdateProfileWrapper .InputContainerWrapper label {
    display: block;
    line-height: unset
}

.UpdateProfileWrapper .UniversalSelectOptionContainer {
    margin: 0
}

.UpdateProfileWrapper .LabelText,
.UpdateProfileWrapper .Req {
    vertical-align: top
}

.UpdateProfileWrapper select {
    width: 100%;
    height: 4.2rem
}

.UpdateProfileWrapper .ComponentPhoneInput {
    padding: 0
}

.UpdateProfileWrapper .ComponentPhoneInput .ComponentFormInputRow,
.UpdateProfileWrapper .ComponentPhoneInput .InputContainerWrapper {
    display: inline-block
}

.UpdateProfileWrapper .InputSecurityContainer {
    width: 100%;
    padding: 0
}

.UpdateProfileWrapper .InputSecurityContainer .FormLabel {
    display: inline-block;
    width: 100%;
    padding: 0;
    box-sizing: border-box
}

@media (min-width:760px) {
    .UpdateProfileWrapper .InputSecurityContainer .FormLabel {
        width: 50%;
        padding: 0 .5rem
    }
}

.UpdateProfileWrapper .InputSecurityContainer input {
    width: 100%
}

.UpdateProfileWrapper .ProfileSubmitForm {
    margin-top: 3rem;
    padding: 0 .5rem
}

.UpdateProfileWrapper.ModalContentWrapper {
    box-sizing: border-box
}

.OtherMenu {
    display: flex;
    justify-content: center;
    flex-grow: 1
}

@media (min-width:600px) {
    .OtherMenu {
        justify-content: flex-start;
        padding: 0 1.6rem
    }
}

@media (min-width:1100px) {
    .OtherMenu {
        justify-content: center
    }
}

.OtherMenu .ListItem {
    display: block;
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
    margin: 0;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width:600px) {
    .OtherMenu .ListItem {
        flex-grow: 0
    }
}

.OtherMenu .Anchor {
    display: block;
    min-width: 4rem;
    min-height: 1.8rem;
    padding: 1.6rem 1.2rem 1.2rem;
    color: #4e4e4e;
    fill: #212121;
    border-bottom: .2rem solid transparent;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

@media (min-width:600px) {
    .OtherMenu .Anchor {
        min-height: 2rem;
        padding: 1.7rem 1.6rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .OtherMenu .Anchor {
        padding: 1.7rem;
        border-bottom: .2rem solid transparent
    }
}

.OtherMenu .Anchor.IsActive {
    color: #f9c408;
    fill: #f9c408;
    border-bottom: .2rem solid #f9c408
}

.OtherMenu .Anchor:hover {
    color: #f9c408;
    fill: #f9c408;
    background: #fff
}

.LimitsWrapper {
    padding: 0 .8rem
}

@media (min-width:600px) {
    .LimitsWrapper {
        padding: 0 2.4rem
    }
}

@media (min-width:1148px) {
    .LimitsWrapper {
        max-width: 96rem;
        padding: 0;
        margin: 0 auto
    }
}

.Page-Limits .InstanceOperatorBackToMyCasino {
    display: inline-block;
    position: relative;
    padding-left: 3.5rem;
    text-align: left;
    vertical-align: middle;
    border: 0 solid #fff
}

.Page-Limits .InstanceOperatorBackToMyCasino .Icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1rem;
    line-height: 2.5rem;
    padding-right: 0
}

.Page-Limits .InstanceOperatorBackToMyCasino svg {
    fill: #f9c408;
    width: 3.5rem;
    height: 3.5rem;
    vertical-align: middle
}

.Page-Limits .InstanceOperatorBackToMyCasino .AnchorText {
    vertical-align: middle
}

.LimitsWrapper .Title {
    display: none
}

.ComponentLimitsList {
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-row-gap: 1.6rem
}

@media (min-width:1100px) {
    .ComponentLimitsList {
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 3rem
    }
}

.LimitTitle {
    padding: .8rem .8rem 0;
    margin: .9rem 0;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-transform: capitalize
}

@media (min-width:600px) {
    .LimitTitle {
        font-size: 1.8rem
    }
}

.LimitContainer {
    display: flex;
    flex-direction: column;
    padding: 1.6rem;
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0 .3rem .3rem 0 rgba(33, 33, 33, .12), 0 .1rem .2rem 0 rgba(0, 0, 0, .12)
}

@media (min-width:480px) {
    .LimitContainer {
        flex-direction: row;
        justify-content: space-between
    }
}

.LimitTypeFields {
    display: flex;
    flex-direction: column
}

@media (min-width:480px) {
    .LimitTypeFields {
        flex-direction: row;
        flex: 1;
        padding-right: 3rem;
        justify-content: space-between
    }
}

.LimitTypeFields .ListItem {
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .LimitTypeFields .ListItem {
        font-size: 1.6rem;
        line-height: 1.38
    }
}

.LFAmount {
    display: inline-block
}

.LFCurrency {
    width: auto;
    float: right
}

.LFLabel {
    margin-right: .2rem;
    color: #4e4e4e
}

.LFValue {
    color: #212121;
    font-weight: 600;
    width: auto
}

.LimitActions {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.LimitTypeEdit {
    display: inline-block;
    padding-top: 1.3rem;
    color: #f9c408;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none
}

@media (min-width:480px) {
    .LimitTypeEdit {
        padding: 0
    }
}

.LimitTypeEdit .Icon {
    display: none;
    width: 1em;
    height: 1em;
    margin-left: 1rem;
    font-size: 1.6rem;
    vertical-align: middle
}

.ExistingLimit .LimitTypeFields {
    flex-direction: column;
    margin-bottom: 1.1rem
}

@media (min-width:480px) {
    .ExistingLimit .LimitTypeFields {
        margin: 0
    }
}

.ExistingLimit .LimitTypeEdit {
    flex: 1;
    min-width: 9.5rem;
    margin-right: .8rem;
    padding: .9rem 1.2rem 1.1rem;
    border: 1px solid #828282;
    background: transparent;
    color: #4e4e4e;
    font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans, FreeSans, clean, sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

@media (min-width:600px) {
    .ExistingLimit .LimitTypeEdit {
        min-width: 13.5rem
    }
}

.ExistingLimit .LimitTypeRemove {
    flex: 1;
    background: #f9c408;
    min-width: 9.5rem;
    color: #fff;
    border: none
}

@media (min-width:600px) {
    .ExistingLimit .LimitTypeRemove {
        min-width: 13.5rem
    }
}

.SetLimitWrapper {
    max-width: 96rem;
    margin: 0 auto;
    padding: 6.6rem 1.6rem
}

@media (min-width:600px) {
    .SetLimitWrapper {
        padding: 0 2.4rem
    }
}

@media (min-width:1162px) {
    .SetLimitWrapper {
        padding: 0
    }
}

.SetLimitWrapper .Title {
    display: none
}

.LimitNameHeader {
    margin: 1.7rem 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2
}

@media (min-width:600px) {
    .LimitNameHeader {
        font-size: 1.8rem
    }
}

.ComponentSetLimit .FormLabel {
    display: inline-block;
    width: 100%
}

.SetLimitsFormWrapper {
    margin-bottom: 1.2rem
}

.SetLimitsFormWrapper .RadioContainer {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.LabelText {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:600px) {
    .LabelText {
        font-size: 1.6rem
    }
}

.LimitAmountItems {
    display: flex;
    flex-wrap: wrap;
    margin: -.4rem
}

.LimitAmountItem {
    display: flex;
    flex: 1;
    min-width: 22%;
    margin: .4rem
}

.LimitAmountValue {
    width: 100%;
    height: 4rem;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dedede;
    font-weight: 400
}

.LimitAmountValue.Active {
    border: .2rem solid #f9c408
}

.LimitAmountValue:focus {
    outline: none
}

.ComponentSetLimit .ComponentFormInputRow {
    margin-bottom: 3.9rem
}

.LabelWrap {
    display: inline-block;
    margin-bottom: .5rem
}

.LabelWrap .LabelText {
    margin: 0
}

.LabelWrap .Req {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #c23b21
}

.InputWrap {
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.InputWrap input[type=number],
.InputWrap input[type=text] {
    width: 100%
}

.FormRowWrapper {
    margin-bottom: 2rem;
    box-sizing: border-box
}

.FormRowWrapper .FormLabel {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.FormRowWrapper .LabelText {
    margin: 0
}

.RadioButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1em;
    height: 1em;
    margin: 0 1.2rem 0 0;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    border: .2rem solid #b3b3b3;
    font-size: 2.2rem;
    cursor: pointer
}

.RadioButton:checked {
    background: #f9c408;
    box-shadow: inset 0 0 0 .4rem #fff;
    border: .2rem solid #f9c408
}

.RadioButton:focus {
    outline: none
}

.SetLimitButton {
    display: inline-block;
    width: 100%;
    height: 4.8rem;
    padding: 1.3rem 1rem;
    background: #f9c408;
    color: #fff;
    border: none;
    border-radius: .4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .SetLimitButton {
        max-width: 28rem
    }
}

.SelfExclusionWrapper {
    max-width: 96rem;
    margin: 0 auto;
    padding: 2.4rem 1.6rem
}

@media (min-width:600px) {
    .SelfExclusionWrapper {
        padding: 3.1rem 3.2rem
    }
}

.SelfExclusionWrapper .Title {
    display: none
}

.SelfExclusionDescription {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .SelfExclusionDescription {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.SelfExclusionForm {
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .SelfExclusionForm {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.SelfExclusionForm .FormLabel {
    display: flex;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .SelfExclusionForm .FormLabel {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.SelfExclusionDateContainer,
.SelfExclusionForm .DatePickerWrapper {
    display: block
}

.SelfExclusionSubmitButton {
    display: inline-block;
    width: 100%;
    height: 4.8rem;
    padding: 1.3rem 1rem;
    background: #f9c408;
    color: #fff;
    border: none;
    border-radius: .4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .SelfExclusionSubmitButton {
        max-width: 28rem
    }
}

.CoolOffWrapper {
    max-width: 96rem;
    margin: 0 auto;
    padding: 2.4rem 1.6rem
}

@media (min-width:600px) {
    .CoolOffWrapper {
        padding: 3.1rem 3.2rem
    }
}

.CoolOffWrapper .Title {
    display: none
}

.CoolOffDescription {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .CoolOffDescription {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.CoolOffForm {
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .CoolOffForm {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.CoolOffReasonSelector {
    margin-bottom: 1.2rem
}

.CoolOffReasonTextArea {
    display: block;
    margin-bottom: 1.2rem
}

.CoolOffPeriodOptionLabel .FormLabel {
    display: flex;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 1.43
}

@media (min-width:600px) {
    .CoolOffPeriodOptionLabel .FormLabel {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.CoolOffForm .DatePickerWrapper {
    display: block
}

.CoolOffSubmitButton {
    display: inline-block;
    width: 100%;
    height: 4.8rem;
    padding: 1.3rem 1rem;
    background: #f9c408;
    color: #fff;
    border: none;
    border-radius: .4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .CoolOffSubmitButton {
        max-width: 28rem
    }
}

.TransactionHistoryWrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 4.8rem 0 2.4rem;
    position: relative
}

@media (min-width:1100px) {
    .TransactionHistoryWrapper {
        max-width: 110rem
    }
}

@media (min-width:600px) {
    .TransactionHistoryWrapper {
        padding: 1rem 0 3.1rem
    }
}

.iOSRebrushWrapper .TransactionHistoryWrapper {
    padding-top: 7.2rem
}

@media (min-width:600px) {
    .iOSRebrushWrapper .TransactionHistoryWrapper {
        padding-top: 7.2rem
    }
}

.TransactionHistoryWrapper {
    padding: 0 1.6rem
}

.NoOfItemsToDisplay {
    display: none;
    position: absolute;
    right: 0;
    top: 1.5rem;
    z-index: 3;
    width: auto
}

@media (min-width:1100px) {
    .NoOfItemsToDisplay {
        display: block
    }
}

.NoOfItemsToDisplayMessage {
    display: inline-block;
    margin: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #212121;
    line-height: 2
}

.TransPaginationOptions {
    display: inline-block
}

.TransPaginationItem {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin: .6rem .4rem;
    overflow: hidden;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    font-weight: 600;
    border-radius: .4rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.TransPaginationItem.Active {
    background: #f9c408
}

.TransPaginationItem.Active:active,
.TransPaginationItem.Active:hover {
    background: #294c0b
}

.TransPaginationButton {
    padding: .4rem;
    margin: 0 .4rem;
    line-height: 1;
    border: none
}

.TransPaginationButton:active,
.TransPaginationButton:hover {
    border: none
}

.TransactionHistoryContent .ComponentTabsHeader {
    position: fixed;
    width: 100%;
    padding: 0 1rem;
    z-index: 4
}

.iOSRebrushWrapper .TransactionHistoryContent .ComponentTabsHeader {
    top: 6.8rem
}

@media only screen and (orientation:landscape) {
    .iOSRebrushWrapper .TransactionHistoryContent .ComponentTabsHeader {
        top: 4.8rem
    }
}

.TransactionHistoryContent .ComponentTabsContent {
    padding: 7.4rem 0 0;
    margin-top: 0
}

.ComponentTabsContent .TransactionHistoryWrapper .Text {
    padding: 1rem 0
}

@media (min-width:600px) {
    .ComponentTabsContent .TransactionHistoryWrapper .Text {
        padding: 1rem 0
    }
}

@media (min-width:1100px) {
    .ComponentTabsContent .TransactionHistoryWrapper .Text {
        padding: 0
    }
}

@media (min-width:1100px) {
    .GamblingTransactionHistoryContainer,
    .TransactionHistoryContainer {
        position: relative
    }
}

.TransactionHistoryWrapper .PageHeader {
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    top: 4.8rem;
    z-index: 2;
    background: #f7f7f7;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .18)
}

.iOSRebrushWrapper .TransactionHistoryWrapper .PageHeader {
    top: 7.2rem
}

.TransactionHistoryNavigator .ListItem {
    display: block;
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
    margin: 0;
    max-width: none;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width:300px) {
    .TransactionHistoryNavigator .ListItem {
        flex-grow: 0;
        max-width: 33%
    }
}

@media (min-width:500px) {
    .TransactionHistoryNavigator .ListItem {
        flex-grow: 0;
        max-width: 45%
    }
}

.TransactionHistoryNavigator .ListItem .Button {
    display: block;
    width: 100%;
    min-width: 4rem;
    min-height: 1.8rem;
    padding: 1.6rem 10% 1.2rem;
    position: relative;
    color: #4e4e4e;
    fill: #212121;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

@media (min-width:450px) {
    .TransactionHistoryNavigator .ListItem .Button {
        font-size: 1.4rem
    }
}

@media (min-width:600px) {
    .TransactionHistoryNavigator .ListItem .Button {
        width: auto;
        min-height: 2rem;
        padding: 1.7rem 1.6rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .TransactionHistoryNavigator .ListItem .Button {
        padding: 1.7rem;
        border-bottom: 2px solid transparent
    }
}

.TransactionHistoryNavigator .ListItem .Button.IsActive {
    color: #f9c408;
    fill: #f9c408;
    border-bottom: 2px solid #f9c408
}

.TransactionHistoryNavigator .ListItem .Button:hover {
    color: #f9c408;
    fill: #f9c408;
    background: #fff
}

.TransactionHistoryNavigator .ListItem .Button.Hidden,
.TransactionHistoryNavigator .SvgIcon {
    display: none
}

.TransactionHistoryNavigator svg {
    width: 1em;
    height: 1em;
    padding: 0 1rem;
    font-size: 1.4rem;
    transform: scale(2.5)
}

.TransactionHistoryNavigator .NavigatorFilter {
    display: flex;
    position: absolute;
    top: 4.75rem;
    right: .8rem
}

@media (min-width:390px) {
    .TransactionHistoryNavigator .NavigatorFilter {
        top: 4.75rem;
        right: 1.6rem
    }
}

@media (min-width:600px) {
    .TransactionHistoryNavigator .NavigatorFilter {
        top: 6.75rem
    }
}

@media (min-width:700px) {
    .TransactionHistoryNavigator .NavigatorFilter {
        top: 0
    }
}

@media (min-width:1100px) {
    .TransactionHistoryNavigator .NavigatorFilter {
        right: 0
    }
}

.ComponentTabsContent .InstanceShowFilter {
    display: flex;
    position: fixed;
    top: 4.8rem;
    right: 1.5rem;
    z-index: 2
}

@media (min-width:600px) {
    .ComponentTabsContent .InstanceShowFilter {
        top: 5.5rem
    }
}

@media (min-width:1400px) {
    .ComponentTabsContent .InstanceShowFilter {
        right: calc(50% - 68rem)
    }
}

.TransactionHistoryWrapper .InstanceCloseFilter,
.TransactionHistoryWrapper .InstanceShowFilter {
    display: flex;
    position: absolute;
    top: 0;
    right: .4rem;
    border: none;
    color: #828282;
    fill: #828282;
    padding-top: 0
}

@media (min-width:1100px) {
    .TransactionHistoryWrapper .InstanceCloseFilter,
    .TransactionHistoryWrapper .InstanceShowFilter {
        display: none;
        right: calc(50% - 48rem)
    }
}

@media (hover:hover) {
    .TransactionHistoryWrapper .InstanceCloseFilter:hover,
    .TransactionHistoryWrapper .InstanceShowFilter:hover {
        color: #f9c408;
        fill: #f9c408
    }
}

.TransactionHistoryWrapper .InstanceCloseFilter:active,
.TransactionHistoryWrapper .InstanceShowFilter:active {
    color: #f9c408;
    fill: #f9c408
}

.TransactionHistoryWrapper .InstanceCloseFilter .ButtonIconStart,
.TransactionHistoryWrapper .InstanceShowFilter .ButtonIconStart {
    display: flex;
    align-items: center
}

.TransactionHistoryWrapper .InstanceCloseFilter .ButtonText,
.TransactionHistoryWrapper .InstanceShowFilter .ButtonText {
    height: 2.4rem
}

.PaymentHistoryTabContent .InstanceCloseFilter {
    z-index: 3
}

.paymentHistorySubmenu {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1.2rem
}

.paymentHistorySubmenu .Title {
    padding: 0;
    margin: 0 0 1.2rem
}

.paymentHistorySubmenu .TransactionHistoryNavigator {
    display: flex
}

@media (min-width:1100px) {
    .paymentHistorySubmenu {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom: 3rem
    }
}

.TransactionHistoryNavigator .NavigatorFilter .Button {
    display: flex;
    align-items: center;
    padding: .9rem 0;
    color: #828282;
    fill: #828282;
    border: none
}

@media (min-width:390px) {
    .TransactionHistoryNavigator .NavigatorFilter .Button {
        padding: 1.2rem 0
    }
}

@media (min-width:600px) {
    .TransactionHistoryNavigator .NavigatorFilter .Button {
        padding: 1.6rem
    }
}

.TransactionHistoryNavigator .NavigatorFilter .Button:hover {
    background: none
}

.iOSRebrushWrapper .InstanceCloseFilter:before {
    top: 5rem
}

@media (min-width:600px) {
    .iOSRebrushWrapper .InstanceCloseFilter:before {
        top: 5.5rem
    }
}

@media (min-width:1100px) {
    .iOSRebrushWrapper .InstanceCloseFilter:before {
        top: 4.8rem
    }
}

.ComponentDatePicker {
    padding-left: 3.6rem
}

.TransactionHistoryNavigator .NavigatorFilter .Icon {
    display: inline-block;
    margin-right: .4rem
}

.TransactionHistoryNavigator .NavigatorFilter .SvgIcon {
    display: flex
}

.TransactionHistoryNavigator .NavigatorFilter svg {
    width: 1em;
    height: 1em;
    padding: 0;
    font-size: 2.4rem;
    transform: scale(1)
}

.TransactionHistoryNavigator .NavigatorFilter .ButtonText {
    display: inline
}

.TransactionHistoryWrapper .TabContentTitle {
    display: block
}

@media (min-width:700px) {
    .TransactionHistoryWrapper .TabContentTitle {
        display: none
    }
}

.ComponentListTransactionHistory {
    margin: 0 auto;
    font-size: 1.4rem;
    clear: both
}

@media (min-width:1100px) {
    .ComponentListTransactionHistory {
        padding-top: 0;
        margin-bottom: 3.2rem;
        font-size: 1.6rem
    }
}

.TransactionHistoryWrapper .AccountPageDesc {
    display: none;
    margin-bottom: 2.4rem
}

@media (min-width:600px) {
    .TransactionHistoryWrapper .AccountPageDesc {
        margin-bottom: 3.2rem;
        font-size: 1.6rem
    }
}

.TransHistoryTitle {
    display: none;
    justify-content: space-between;
    padding: 0 .8rem;
    background: #cacaca;
    font-weight: 600;
    line-height: 2rem
}

@media (min-width:600px) {
    .TransHistoryTitle {
        font-size: 1.6rem
    }
}

@media (min-width:1100px) {
    .TransHistoryTitle {
        display: flex;
        padding: 1.2rem 2.4rem 1.4rem
    }
}

@media (min-width:1100px) {
    .TransHistoryTitleId {
        flex: 1
    }
}

.TransHistoryTitleDate {
    flex: 1.5;
    overflow: hidden
}

.TransHistoryTitle .TransHistoryDescription {
    flex: 1.5
}

.TransHistoryBalance,
.TransHistoryTitle .TransHistoryAmount {
    display: flex;
    flex: 1
}

.TransHistoryTitle .TransHistoryTitleStatus {
    display: none
}

.TransHistoryList .ListItem {
    display: flex;
    justify-content: space-between;
    min-height: 4.6rem;
    padding: 1.35rem 1.6rem 1.4rem;
    position: relative;
    background: #fff;
    color: #4e4e4e;
    border-bottom: .1rem solid #dedede;
    font-size: 1.6rem;
    line-height: 1em
}

@media (min-width:420px) {
    .TransHistoryList .ListItem {
        min-height: 4rem;
        padding: 1.35rem 3.2rem 1.4rem
    }
}

@media (min-width:1100px) {
    .TransHistoryList .ListItem {
        padding: 1.35rem 2.4rem 1.4rem;
        font-size: 1.4rem;
        min-height: 0
    }
}

.TransHistoryID {
    display: flex;
    position: absolute;
    top: 3.4rem;
    left: 1.6rem;
    font-size: 1.4rem;
    padding: .1rem .6rem .1rem 0;
    color: #828282
}

@media (min-width:600px) {
    .TransHistoryID {
        left: 3.2rem
    }
}

@media (min-width:1100px) {
    .TransHistoryID {
        position: static;
        flex: 1;
        padding: 0;
        border: none;
        font-size: 1.6rem;
        color: #212121
    }
}

.TransHistoryDate {
    display: inline-block;
    position: absolute;
    top: 3.4rem;
    left: 10rem;
    padding: .1rem 0 0 .6rem;
    font-size: 1.4rem;
    color: #828282;
    border-left: .1rem solid #828282
}

@media (min-width:360px) {
    .TransHistoryDate {
        display: flex
    }
}

@media (min-width:600px) {
    .TransHistoryDate {
        left: 11.5rem
    }
}

@media (min-width:1100px) {
    .TransHistoryDate {
        position: static;
        flex: 1.5;
        padding: 0;
        font-size: 1.6rem;
        color: #212121;
        border: none
    }
}

.TransHistoryDateTxt {
    display: flex;
    margin-right: .2rem
}

.TransHistoryDateTxt:after {
    display: inline-block;
    content: ","
}

.TransHistoryDescriptionTxt {
    line-height: 1.2
}

.TransHistoryItem .TransHistoryAmount.PositiveAmount {
    color: #f9c408
}

.TransHistoryItem .TransHistoryAmount {
    display: block;
    position: absolute;
    width: 8.5rem;
    top: 1.6rem;
    right: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    text-align: right
}

@media (min-width:420px) {
    .TransHistoryItem .TransHistoryAmount {
        width: auto
    }
}

@media (min-width:600px) {
    .TransHistoryItem .TransHistoryAmount {
        right: 3.6rem
    }
}

@media (min-width:1100px) {
    .TransHistoryItem .TransHistoryAmount {
        display: flex;
        flex: 1;
        justify-content: flex-start;
        width: auto;
        position: relative;
        top: 0;
        right: 0;
        color: #828282;
        font-size: 1.6rem
    }
}

.TransHistoryBalanceAmount {
    display: flex;
    flex-shrink: 1;
    width: 100%;
    justify-content: flex-end
}

@media (min-width:1100px) {
    .TransHistoryBalanceAmount {
        flex: 2;
        flex-shrink: 0;
        justify-content: flex-start;
        width: auto
    }
}

.TransHistoryStatus {
    display: flex;
    flex: 1;
    margin-left: .8rem;
    font-weight: 600;
    justify-content: flex-end
}

@media (min-width:1100px) {
    .TransHistoryStatus {
        justify-content: flex-start
    }
}

.TransSuccess .TransHistoryStatus {
    color: #f9c408
}

.TransError .TransHistoryStatus {
    color: #c03928
}

.TransPagination {
    display: flex;
    justify-content: center
}

.TransPagination .ListItem {
    display: inline-block;
    width: 2.8rem;
    min-height: 2.8rem;
    margin: 1rem .1rem;
    padding: 0;
    overflow: hidden;
    color: #212121;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    font-weight: 600;
    white-space: normal;
    text-overflow: clip;
    background: none;
    border: none
}

@media (min-width:400px) {
    .TransPagination .ListItem {
        white-space: normal;
        text-overflow: clip
    }
}

.TransPagination .ListItem .Button {
    font-size: 1.2rem;
    padding: .7rem .8rem;
    margin: 0 .2rem
}

@media (min-width:400px) {
    .TransPagination .ListItem .Button {
        font-size: 1.6rem
    }
}

.TransPagination .ListItem.Active {
    background: #f9c408;
    border-radius: .4rem
}

.TransPagination .ListItem.Active:active,
.TransPagination .ListItem.Active:hover {
    background: #294c0b
}

.TransPagination .ListItem .Button {
    display: inline;
    padding: 0
}

.TransPagination .ListItem.Active .Button {
    color: #fff;
    outline: none
}

.TransPagination .ListItem.DisabledNextPrevButton {
    display: none
}

.TransPagination .ListItem .InstanceArrowBack,
.TransPagination .ListItem .InstanceArrowRight {
    font-size: 3rem;
    line-height: .9;
    color: #212121;
    cursor: pointer;
    outline: none
}

.TransPagination .ListItem .InstanceArrowBack:active,
.TransPagination .ListItem .InstanceArrowRight:active {
    outline: none;
    text-decoration: none
}

.TransPagination .Button {
    height: 2.5rem;
    padding: 0;
    overflow: hidden;
    border: none
}

.TransPaginationItem svg {
    fill: #828282;
    color: #828282
}

.InstanceBonusHistoryLayout .TransHistoryBonusName {
    display: block;
    width: 55%;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    overflow: hidden;
    color: #4e4e4e;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem
}

.InstanceBonusHistoryLayout .TransHistoryAmount {
    display: block;
    position: absolute;
    top: 3.5rem;
    right: 1.6rem;
    width: auto;
    overflow: hidden;
    color: #828282;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-align: right
}

@media (min-width:600px) {
    .InstanceBonusHistoryLayout .TransHistoryAmount {
        right: 3.6rem
    }
}

.InstanceBonusHistoryLayout .TransHistoryType {
    display: flex;
    position: absolute;
    top: 3.4rem;
    left: 1.6rem;
    font-size: 1.4rem;
    padding: .1rem .6rem .1rem 0;
    color: #828282
}

@media (min-width:1100px) {
    .InstanceBonusHistoryLayout .TransHistoryType {
        left: 3.2rem
    }
}

.InstanceBonusHistoryLayout .TransHistoryStatus {
    display: block;
    position: absolute;
    width: 8.5rem;
    top: 1.6rem;
    right: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    text-align: right
}

@media (min-width:420px) {
    .InstanceBonusHistoryLayout .TransHistoryStatus {
        width: auto
    }
}

@media (min-width:600px) {
    .InstanceBonusHistoryLayout .TransHistoryStatus {
        right: 3.6rem
    }
}

.InstanceBonusHistoryLayout .TransHistoryGrantedDate {
    display: inline-block;
    position: absolute;
    top: 3.4rem;
    left: 10rem;
    padding: .1rem 0 0 .6rem;
    font-size: 1.4rem;
    color: #828282;
    border-left: .1rem solid #828282
}

@media (min-width:360px) {
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
        display: flex
    }
}

@media (min-width:600px) {
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
        left: 11.5rem
    }
}

@media (min-width:1100px) {
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
        border-left: none
    }
}

.InstanceBonusHistoryLayout .TransHistoryAmount,
.InstanceBonusHistoryLayout .TransHistoryBonusName,
.InstanceBonusHistoryLayout .TransHistoryGrantedDate,
.InstanceBonusHistoryLayout .TransHistoryStatus,
.InstanceBonusHistoryLayout .TransHistoryTitleStatus,
.InstanceBonusHistoryLayout .TransHistoryType {
    display: flex
}

@media (min-width:1100px) {
    .InstanceBonusHistoryLayout .TransHistoryAmount,
    .InstanceBonusHistoryLayout .TransHistoryBonusName,
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate,
    .InstanceBonusHistoryLayout .TransHistoryStatus,
    .InstanceBonusHistoryLayout .TransHistoryTitleStatus,
    .InstanceBonusHistoryLayout .TransHistoryType {
        position: static;
        flex: 1
    }
}

.PaymentHistoryTabContent .PageHeader {
    padding: .4rem;
    box-sizing: border-box;
    top: 11.1rem;
    z-index: 5
}

@media (min-width:740px) {
    .PaymentHistoryTabContent .PageHeader {
        top: 16.7rem
    }
}

@media (min-width:1100px) {
    .PaymentHistoryTabContent .PageHeader {
        padding: .4rem 0
    }
}

.PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
    flex: 1;
    max-width: 50%
}

@media (min-width:600px) {
    .PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
        flex-grow: 0
    }
}

.PaymentHistoryTabContent .NavigatorDeposit,
.PaymentHistoryTabContent .NavigatorWithdraw {
    margin-right: 1rem
}

.PaymentHistoryTabContent .NavigatorDeposit:last-child,
.PaymentHistoryTabContent .NavigatorWithdraw:last-child {
    margin-right: 0
}

.PaymentHistoryTabContent .NavigatorDeposit .Button,
.PaymentHistoryTabContent .NavigatorWithdraw .Button {
    padding: .6rem 1.6rem;
    border: 1px solid #828282;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration: none
}

.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive,
.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive {
    background: #f9c408;
    color: #fff;
    border-color: #f9c408
}

.PaymentHistoryTabContent .NavigatorDeposit .Button:hover,
.PaymentHistoryTabContent .NavigatorWithdraw .Button:hover {
    color: #f9c408;
    border-color: #f9c408
}

.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive:hover,
.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive:hover {
    color: #fff
}

.PaymentHistoryTabContent .NavigatorDeposit .Button:active,
.PaymentHistoryTabContent .NavigatorWithdraw .Button:active {
    color: #fff;
    border-color: #294c0b
}

.PaymentHistoryTabContent .NavigatorGambling {
    display: none
}

.PaymentHistoryTabContent .NavigatorFilter {
    top: 0;
    right: 0
}

@media (min-width:400px) {
    .PaymentHistoryTabContent .NavigatorFilter {
        right: 1.6rem
    }
}

.PaymentHistoryTabContent .NavigatorFilter .Button {
    padding: .3rem 0;
    top: 0;
    right: 0
}

@media (min-width:1100px) {
    .PaymentHistoryTabContent .NavigatorFilter .Button {
        display: none
    }
}

.PaymentHistoryTabContent .TransactionType {
    display: none
}

.PaymentHistoryTabContent .TransHistoryAmount {
    top: 3.5rem;
    right: 1.6rem
}

@media (min-width:420px) {
    .PaymentHistoryTabContent .TransHistoryAmount {
        right: 3.2rem
    }
}

@media (min-width:1100px) {
    .PaymentHistoryTabContent .TransHistoryAmount {
        top: 0;
        right: 0
    }
}

.PaymentHistoryTabContent .TransHistoryTitleStatus {
    display: block;
    flex: 1
}

.TransactionHistoryGambling {
    display: block
}

.TransacationWrapper {
    padding: 0
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryTitleDate,
    .TransactionHistoryGambling .TransHistoryTitleId {
        flex: 2
    }
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryTitle .TransHistoryDescription {
        flex: 3
    }
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryBalance,
    .TransactionHistoryGambling .TransHistoryTitle .TransHistoryAmount {
        flex: 1.5
    }
}

.InstanceOperatorMyCasinoTabsGamingHistoryContent .TransHistoryItem .TransHistoryTitleStatus,
.InstanceOperatorMyCasinoTabsGamingHistoryContent .TransHistoryTitle .TransHistoryTitleStatus,
.TransactionHistoryGambling .TransHistoryTitle .TransHistoryTitleStatus {
    display: none
}

.TransactionHistoryGambling .TransHistoryList .ListItem {
    padding-top: 3.6rem
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryList .ListItem {
        padding-top: 1.35rem
    }
}

.TransactionHistoryGambling .TransHistoryID {
    display: flex;
    flex-grow: 1;
    padding: .1rem .6rem .1rem 0;
    border-right: .1rem solid #4e4e4e
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryID {
        flex-grow: 0;
        flex: 2;
        padding: 0;
        border: none
    }
}

.TransactionHistoryGambling .TransHistoryDate {
    display: flex;
    flex-grow: 1;
    padding: .1rem 0 .1rem .5rem
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryDate {
        flex-grow: 0;
        flex: 2;
        padding: 0
    }
}

.TransactionHistoryGambling .TransHistoryDateTxt {
    display: flex;
    flex-grow: 1;
    margin-right: .2rem
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryDateTxt {
        flex-grow: 0
    }
}

.TransactionHistoryGambling .TransHistoryDateTxt:after {
    display: inline-block;
    content: ","
}

.TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
    display: block;
    width: 70%;
    position: absolute;
    top: 1.25rem;
    left: 1.6rem;
    overflow: hidden;
    color: #212121;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem
}

@media (min-width:320px) {
    .TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
        left: 3.2rem
    }
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
        flex: 3;
        width: auto;
        position: relative;
        top: 0;
        left: 0;
        color: inherit;
        font-size: inherit
    }
}

.TransHistoryItem .TransHistoryDescription {
    display: block;
    width: 55%;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    overflow: hidden;
    color: #212121;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem
}

@media (min-width:600px) {
    .TransHistoryItem .TransHistoryDescription {
        width: 55%;
        left: 3.2rem
    }
}

@media (min-width:1100px) {
    .TransHistoryItem .TransHistoryDescription {
        flex: 1.5;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        font-size: 1.6rem;
        color: #212121
    }
}

.TransHistoryItem .TransHistoryBalanceAmount {
    display: block;
    position: absolute;
    top: 3.5rem;
    right: 1.6rem;
    width: 8.5rem;
    overflow: hidden;
    color: #828282;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-align: right
}

@media (min-width:320px) {
    .TransHistoryItem .TransHistoryBalanceAmount {
        width: auto
    }
}

@media (min-width:600px) {
    .TransHistoryItem .TransHistoryBalanceAmount {
        right: 3.6rem
    }
}

@media (min-width:1100px) {
    .TransHistoryItem .TransHistoryBalanceAmount {
        display: flex;
        flex: 1;
        position: relative;
        top: 0;
        right: 0;
        color: inherit;
        font-size: 1.6rem
    }
}

.TransactionHistoryGambling .TransHistoryBalanceAmount {
    display: flex;
    flex-shrink: 1;
    width: 100%;
    justify-content: flex-end
}

@media (min-width:1100px) {
    .TransactionHistoryGambling .TransHistoryBalanceAmount {
        flex: 1.5;
        flex-shrink: 0;
        justify-content: flex-start;
        width: auto
    }
}

.InstanceGamblingTransactionHistory .TransHistoryStatus,
.TransactionHistoryGambling .TransHistoryStatus {
    display: none
}

.TransHistoryList .SubmitButton {
    display: block;
    min-width: calc(100% - 3.2rem);
    margin: 1.2rem auto 0
}

@media (min-width:480px) {
    .TransHistoryList .SubmitButton {
        min-width: 16rem;
        margin: 1.2rem 1.2rem 0
    }
}

@media (min-width:1000px) {
    .TransHistoryList .SubmitButton {
        margin: 1.2rem 0 0
    }
}

.NoTransactionHistory {
    max-width: 96rem;
    margin: 0 auto;
    padding: 2.4rem 1.6rem;
    font-size: 1.4rem
}

@media (min-width:600px) {
    .NoTransactionHistory {
        padding: 3.1rem 2.4rem
    }
}

.ComponentTransactionFilter {
    padding: 1.6rem;
    background: #f7f7f7;
    border-bottom: .1rem solid #dedede;
    box-shadow: 0 4px 5px 0 rgba(90, 90, 90, .24)
}

@media (min-width:1100px) {
    .ComponentTransactionFilter {
        padding: 1.6rem 0 0;
        margin-bottom: 4rem;
        background: #f0f0f0;
        box-shadow: none;
        border-bottom: none
    }
}

.ComponentTransactionFilter:focus {
    outline: none
}

.ComponentTransactionFilter .Form {
    display: block;
    margin: 0 auto
}

@media (min-width:480px) {
    .TransFilterFieldSet {
        margin: 0 -.4rem
    }
}

@media (min-width:860px) {
    .TransFilterFieldSet {
        width: 67%;
        margin: 0 0 0 -.4rem;
        padding-right: .4rem
    }
}

@media (min-width:1100px) {
    .TransFilterFieldSet {
        width: 63%;
        float: left
    }
}

.TransFilterFieldSet .DatePickerWrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.6rem;
    box-sizing: border-box;
    vertical-align: top
}

@media (min-width:570px) {
    .TransFilterFieldSet .DatePickerWrapper {
        width: 50%;
        padding: 0 .4rem
    }
}

@media (min-width:1100px) {
    .TransFilterFieldSet .DatePickerWrapper {
        padding: 0
    }
}

.TransFilterFieldSet .DatePickerWrapper input {
    width: 100%
}

.ComponentTransactionFilter+.Error {
    clear: both
}

.react-datepicker .react-datepicker__month-select,
.react-datepicker .react-datepicker__year-select {
    padding: 0 1.6rem
}

@media (min-width:1100px) {
    .TransFilterFieldSet .LabelWrap {
        margin: 1rem .4rem;
        float: left
    }
}

.TransFilterFieldSet .LabelWrap .LabelText {
    font-size: 1.4rem
}

@media (min-width:1100px) {
    .TransFilterFieldSet .InputWrap {
        width: 65%
    }
}

.InputWrap .Icon {
    position: absolute;
    top: 1rem;
    left: 1.1rem;
    fill: rgb(255 255 255);
}

.DatePickerWrapper .FormInput {
    padding-left: 4rem
}

.TransFilterButton {
    width: 100%;
    height: 4rem;
    background: #f9c408;
    color: #fff;
    border: none;
    vertical-align: bottom
}

@media (min-width:480px) {
    .TransFilterButton {
        min-width: 12rem;
        max-width: 17rem
    }
}

.InstanceBonusHistoryLayout {
    position: relative;
    margin: 5rem 1.6rem;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width:1100px) {
    .InstanceBonusHistoryLayout {
        margin: 5rem auto;
        max-width: 110rem
    }
}

.InstanceBonusHistoryTitle {
    margin-bottom: 2rem
}

.InstanceBonusHistoryLayout .InstanceCloseFilter,
.InstanceBonusHistoryLayout .InstanceShowFilter {
    display: flex;
    position: absolute;
    top: 0;
    right: .4rem;
    border: none;
    color: #828282;
    fill: #828282;
    padding-top: 0
}

@media (min-width:1100px) {
    .InstanceBonusHistoryLayout .InstanceCloseFilter,
    .InstanceBonusHistoryLayout .InstanceShowFilter {
        display: none;
        right: calc(50% - 48rem)
    }
}

.InstanceBonusHistoryLayout .InstanceCloseFilter:hover,
.InstanceBonusHistoryLayout .InstanceShowFilter:hover {
    color: #f9c408;
    fill: #f9c408
}

.InstanceBonusHistoryLayout .InstanceCloseFilter .ButtonIconStart,
.InstanceBonusHistoryLayout .InstanceShowFilter .ButtonIconStart {
    display: flex;
    align-items: center
}

.InstanceBonusHistoryLayout .InstanceCloseFilter .ButtonText,
.InstanceBonusHistoryLayout .InstanceShowFilter .ButtonText {
    height: 2.4rem
}

.ActiveBonusesWrapper {
    max-width: 160rem;
    padding: 0 .8rem;
    margin: 0 auto
}

@media (min-width:600px) {
    .ActiveBonusesWrapper {
        padding: 4rem 3.2rem
    }
}

.ActiveBonusesWrapper .Title {
    margin: 0;
    padding: 1.7rem .8rem 1.2rem;
    font-size: 1.6rem;
    font-weight: 600
}

@media (min-width:600px) {
    .ActiveBonusesWrapper .Title {
        font-size: 1.8rem;
        line-height: 2rem
    }
}

@media (min-width:1100px) {
    .ActiveBonusesWrapper .Title {
        padding: 1.7rem 0 1.2rem
    }
}

.BonusesContent {
    display: flex;
    flex-direction: column-reverse;
    font-size: 1.4rem;
    line-height: 2rem
}

.BonusesContent .Form {
    padding-bottom: 3rem
}

.CasinoBonusesListContainer {
    margin-bottom: 4rem
}

.BonusList {
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem
}

@media (min-width:678px) {
    .BonusList {
        grid-template-columns: repeat(2, auto)
    }
}

@media (min-width:1100px) {
    .BonusList {
        grid-template-columns: repeat(3, auto)
    }
}

@media (min-width:1400px) {
    .BonusList {
        grid-template-columns: repeat(4, auto)
    }
}

.BonusItem {
    display: flex;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 14px 0 rgba(33, 33, 33, .05)
}

.BonusDetails {
    width: 100%;
    padding: 1.8rem 1.6rem 7.4rem;
    position: relative;
    box-sizing: border-box
}

.BonusTitle {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600
}

.BonusTitle .BonusLabel {
    color: inherit;
    font-weight: inherit
}

.BonusTitle .BonusValue {
    font-weight: inherit
}

.BonusExpiry {
    width: 100%;
    font-size: 1.4rem
}

.BonusLabel {
    margin-right: .8rem;
    color: #828282
}

.BonusLabel,
.BonusValue {
    display: inline-block;
    font-weight: 400
}

.BonusDetailsInfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 2
}

@media (min-width:650px) {
    .BonusDetailsInfo {
        display: flex;
        flex-wrap: wrap
    }
}

.BonusItemField {
    display: flex;
    flex-basis: 50%;
    flex-shrink: 0
}

@media (min-width:900px) {
    .BonusItemField {
        flex-basis: 33.33%
    }
}

@media (min-width:1360px) {
    .BonusItemField {
        flex-basis: 50%
    }
}

.BonusDetailsInfo dt {
    display: block;
    float: left;
    clear: left
}

.BonusDetailsInfo dd {
    display: block;
    overflow: hidden
}

.BonusDetails:after {
    display: block;
    width: 80%;
    height: .1rem;
    position: absolute;
    left: 1.6rem;
    bottom: 5.8rem;
    background: #dedede;
    content: ""
}

.BonusForfeitButton,
.BonusRead,
.InstanceForfiet {
    left: 1.6rem;
    color: #294c0b
}

.BonusForfeitButton,
.BonusMoreInfo,
.BonusRead,
.InstanceForfiet {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    bottom: 1rem;
    background: none;
    border: none;
    font-weight: 400
}

.BonusMoreInfo {
    right: 1.6rem;
    color: #f9c408
}

@media (hover:hover) {
    .BonusForfeitButton:hover,
    .BonusMoreInfo:hover,
    .BonusRead:hover,
    .InstanceForfiet:hover {
        color: #f9c408;
        border: none
    }
}

.BonusForfeitButton:active,
.BonusMoreInfo:active,
.BonusRead:active,
.InstanceForfiet:active {
    color: #f9c408;
    border: none
}

.BonusRead {
    right: 1.6em;
    left: auto
}

.CasinoBonusesMessage {
    padding: 0 .8rem;
    box-sizing: border-box
}

@media (min-width:600px) {
    .CasinoBonusesMessage {
        font-size: 1.6rem
    }
}

.BonusListNewBonus {
    max-width: 58rem;
    padding: 0 .8rem
}

@media (min-width:1100px) {
    .BonusListNewBonus {
        padding: 0
    }
}

.BonusesContent legend {
    display: none
}

.BonusesContent .FormLabel {
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

@media (min-width:600px) {
    .BonusesContent .FormLabel {
        width: 70%;
        padding-right: .8rem
    }
}

.BonusesContent .LabelWrap {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    text-align: left
}

@media (min-width:600px) {
    .BonusesContent .LabelWrap {
        text-align: left
    }
}

.BonusesContent .InputWrap {
    margin-bottom: .8rem
}

.BonusListNewBonus .Button {
    width: 100%;
    background: #f9c408;
    color: #fff;
    border: none
}

@media (min-width:600px) {
    .BonusListNewBonus .Button {
        width: 30%;
        position: relative;
        top: 3rem;
        vertical-align: top;
        font-size: 1.4rem
    }
}

@media (min-width:1100px) {
    .BonusListNewBonus .Button {
        font-size: 1.6rem
    }
}

.BonusListNewBonus .Button:hover {
    background: #294c0b
}

.BonusListNewBonus .Button:active {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.ComponentRealityCheck {
    padding: 3rem 2rem
}

@media (min-width:600px) {
    .ComponentRealityCheck {
        padding: 2rem
    }
}

.RealityCheckFieldset {
    margin: 2rem 0 0
}

.RealityCheckFieldset .FormLabel {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.ComponentRealityCheck .ActionFieldset {
    margin-bottom: 2rem
}

.RealityCheckSubmitButton {
    display: block;
    width: 100%;
    max-width: 40rem;
    margin: 0 auto
}

.SportsIframe {
    min-height: 46rem;
    box-sizing: border-box
}

.iOSDevice .SportsIframe {
    width: 1px;
    min-width: 100%;
    *width: 100%
}

.OverflowHidden.SportsOverlay .SportsIframe {
    max-height: calc(100vh - 5.4rem)
}

.OverflowHidden.SportsOverlay .SportsIframe .NotificationActive {
    max-height: calc(100vh - 11.4rem)
}

@media (min-width:1100px) {
    .OverflowHidden.SportsOverlay .SportsIframe {
        max-height: calc(100vh - 11rem)
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .iOSDevice .ContentTriggerWrapper .ToggleMainMenu {
        padding-left: env(safe-area-inset-left)
    }
    .iOSDevice .OperatorAccountContainer .ButtonLogin {
        padding-right: env(safe-area-inset-right)
    }
    .iOSDevice .OperatorLogo,
    .iOSDevice .OperatorMainMenu.CrossSellMenu .BalanceWrapper,
    .iOSDevice .OperatorMainMenu.CrossSellMenu .TotalBonusesWrapper,
    .iOSDevice .OperatorTopLanguage,
    .iOSDevice .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .CasinoSection {
        padding-left: env(safe-area-inset-left)
    }
    .iOSDevice .OperatorMainMenu.CrossSellMenu .OperatorHeaderDeposit {
        margin-left: env(safe-area-inset-left)
    }
    .iOSDevice .Page-CasinoPage .OperatorHeaderDeposit {
        margin-left: 0
    }
    .iOSDevice .TriggerMainNav.IsActive .CrossSellMenu .Menu {
        padding-left: env(safe-area-inset-left)
    }
    .iOSDevice .GamesList,
    .iOSDevice .SportsIframeWrapper {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
    .iOSDevice .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        margin-left: calc(env(safe-area-inset-left) + 2.5rem);
        margin-right: calc(env(safe-area-inset-right) + 2.5rem)
    }
    .iOSDevice .footer-wrapper {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
    .iOSDevice .OperatorSW {
        margin-left: env(safe-area-inset-left);
        margin-right: env(safe-area-inset-right)
    }
    .iOSDevice .NewCatScroll {
        margin-left: calc(env(safe-area-inset-left) + 3.5rem);
        margin-right: calc(env(safe-area-inset-right) + 3.5rem)
    }
    .iOSDevice .Page-MyProfile .SectionContent {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
    .iOSDevice .Page-Limits-Child .SectionContent .SetLimitWrapper,
    .iOSDevice .Page-SetLimit .SectionContent .SetLimitWrapper,
    .iOSDevice .SectionContent .CmsStaticPage,
    .iOSDevice .TransactionHistoryContent .ComponentTabsContent,
    .iOSDevice .TransactionHistoryContent .ComponentTabsHeader {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        box-sizing: border-box
    }
    .iOSDevice .PromoModal .TabsContent {
        padding-left: calc(env(safe-area-inset-left) + 2rem);
        padding-right: calc(env(safe-area-inset-right) + 2rem)
    }
    .iOSDevice .PromotionModalTitle {
        padding-left: calc(env(safe-area-inset-left) + 1rem);
        padding-right: calc(env(safe-area-inset-right) + 1rem)
    }
    .iOSDevice .ErrorContent,
    .iOSDevice .ModalLoginButtonsWrapper,
    .iOSDevice .Page-MyProfile .SectionContent {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:600px) and (-webkit-device-pixel-ratio:2) {
    .Body.iOSCasinoWrapper .OperatorUserMenu,
    .Body.iOSDevice .OperatorUserMenu,
    .Body.iOSRebrushWrapper .OperatorUserMenu {
        line-height: 1rem
    }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (-webkit-device-pixel-ratio:3) {
    .iOSDevice.Body {
        width: 100%
    }
    .iOSDevice .StickyWrapper.IsSticky {
        left: 0;
        width: 100%
    }
    .iOSDevice .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
        left: 0
    }
    .iOSDevice .OperatorMainMenu:before {
        left: 7.9em
    }
    .iOSDevice .OperatorUserMenu {
        right: 1.3em
    }
    .iOSDevice .OperatorEmptyBalance {
        right: .6rem
    }
    .iOSDevice.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
        width: 100%;
        left: 0;
        top: 5rem
    }
    .iOSDevice .SearchContainer {
        width: calc(100vw - 5.4em)
    }
    .iOSDevice .TransactionHistoryContent .ComponentTabsHeader {
        width: 100vw
    }
    .iOSDevice .TransactionHistoryWrapper .InstanceShowFilter {
        right: 5em
    }
    .iOSDevice .OperatorTransferModal .IframeWrapper {
        background: #294c0b
    }
}

.ErrorContent {
    display: block;
    max-width: 160rem;
    padding: 5rem 1.6rem;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5em
}

@media (min-width:600px) {
    .ErrorContent {
        padding: 4rem 1.6rem
    }
}

@media (min-width:1100px) {
    .ErrorContent {
        padding: 3.6rem
    }
}

.ErrorContent .Title {
    margin-left: 0;
    margin-right: 0
}

.ErrorContent .Text {
    margin: 1.6rem 0
}

@media (min-width:1100px) {
    .ErrorContent .Text {
        margin: 2.4rem 0
    }
}

@media (min-width:1100px) {
    .ErrorContent .ShowOnDesktop {
        display: inline-block
    }
}

@media print {
    *,
    :after,
    :before,
    :first-letter,
    :first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        margin: .5cm
    }
}

.Page-Steftest {
    padding-top: 5rem
}

.PromoButtonSecundary,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary {
    opacity: 1
}

.PromoButtonSecundary:active,
.PromoButtonSecundary:hover,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary:active,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary:hover {
    opacity: .8
}

.OperatorSlider .SliderItem .PromoSliderButton {
    display: inline-block;
    height: auto;
    min-height: auto;
    min-width: 7.8rem;
    padding: .8rem 1.4rem;
    margin: 0;
    border: none;
    text-align: center;
    line-height: 1;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #fff
}

.OperatorSlider .SliderItem .PromoSliderButton .Anchor {
    background: #f9c408;
    color: #fff;
    padding: 0
}

.OperatorSlider .SliderItem .PromoSliderButton:hover {
    background: #af841b
}

.PromoButtonsWrapper .ButtonText {
    display: block;
    padding: 1rem 1.5rem;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600
}

.PromoButtonsWrapper a:first-child {
    background: #f9c408
}

.PromoButtonsWrapper a:first-child:active,
.PromoButtonsWrapper a:first-child:hover {
    background: #294c0b;
    color: #fff;
    text-decoration: none
}

.PromoButtonsWrapper a:nth-child(2) {
    background: #767b91
}

.PromoButtonsWrapper a:nth-child(2):active,
.PromoButtonsWrapper a:nth-child(2):hover {
    background: #52586e;
    color: #fff;
    text-decoration: none
}

.Page-403 .ErrorContent {
    padding-top: 5rem
}

@media (min-width:1100px) {
    .Page-403 .ErrorContent {
        padding-top: 3.6rem
    }
}

.Page-403 .ErrorContent .ButtonLogin {
    margin: 0
}

.MaintenanceHeader.SectionHeader {
    display: block;
    position: fixed;
    width: 100%;
    height: 4.8rem;
    top: 0;
    right: 0;
    left: 0;
    z-index: 6;
    background: #294c0b;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem
}

.MaintenanceHeader.SectionHeader .Menu {
    display: none;
    flex-direction: row;
    position: static;
    width: 74%;
    max-height: calc(100vh - 4.8rem);
    overflow-y: hidden
}

@media (min-width:1024px) {
    .MaintenanceHeader.SectionHeader .Menu {
        display: flex;
        height: 4.8rem;
        margin: 0
    }
}

.MaintenanceHeader .OperatorLogoLink {
    display: block;
    width: 9.5rem;
    height: 3rem;
    fill: #fff;
    color: #fff
}

.MaintenanceHeader .MenuItem {
    list-style-type: none;
    display: inline-block
}

.MaintenanceHeader .MenuItem .Anchor {
    position: relative;
    min-width: 0;
    font-size: 1.6rem;
    color: #fff;
    fill: #fff;
    text-decoration: none;
    opacity: .5;
    pointer-events: auto
}

.MaintenanceHeader .MenuItem .Anchor:active,
.MaintenanceHeader .MenuItem .Anchor:hover {
    opacity: 1
}

.MaintenanceWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: linear-gradient(0deg, #111522, #111522);
    color: #fff
}

.MaintenanceImage {
    width: 18.4rem;
    height: 15.8rem;
    margin-bottom: 4.4em;
    background: url(https://wwwholiganbet850.com/static/img/dice.png) 50% no-repeat
}

.MaintenanceTitle {
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.MaintenanceText {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.4;
    text-align: center;
    color: #fff
}

.Page-Casino .GamesList.MsnRow,
.Page-Casino .HighlightedListWrapper .BoxTitle,
.Page-Casino .HighlightedListWrapper .GamesWrapper,
.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
    box-sizing: border-box;
    max-width: 95rem
}

@media (min-width:1100px) {
    .Page-Casino .GamesList.MsnRow,
    .Page-Casino .HighlightedListWrapper .BoxTitle,
    .Page-Casino .HighlightedListWrapper .GamesWrapper,
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        max-width: 91rem
    }
}

@media (min-width:1280px) {
    .Page-Casino .GamesList.MsnRow,
    .Page-Casino .HighlightedListWrapper .BoxTitle,
    .Page-Casino .HighlightedListWrapper .GamesWrapper,
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        max-width: 121.2rem
    }
}

@media (min-width:1468px) {
    .Page-Casino .GamesList.MsnRow,
    .Page-Casino .HighlightedListWrapper .BoxTitle,
    .Page-Casino .HighlightedListWrapper .GamesWrapper,
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        max-width: 145.2rem
    }
}

@media (min-width:1620px) {
    .Page-Casino .GamesList.MsnRow,
    .Page-Casino .HighlightedListWrapper .BoxTitle,
    .Page-Casino .HighlightedListWrapper .GamesWrapper,
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        max-width: 160rem
    }
}

.Page-Casino .HighlightedListWrapper.MsnRow {
    max-width: 100%
}

@media (min-width:1100px) {
    .Page-Casino .HighlightedListWrapper.MsnRow {
        max-width: 100%
    }
}

@media (min-width:1280px) {
    .Page-Casino .HighlightedListWrapper.MsnRow {
        max-width: 100%
    }
}

@media (min-width:1468px) {
    .Page-Casino .HighlightedListWrapper.MsnRow {
        max-width: 100%
    }
}

.Page-Casino .MsnRow .GamesListContainer {
    display: grid;
    grid-template-columns: repeat(6, 12.4rem);
    grid-template-rows: 12.4rem;
    grid-gap: .8rem;
    justify-items: stretch;
    align-items: stretch
}

@media (min-width:768px) {
    .Page-Casino .MsnRow .GamesListContainer {
        grid-template-columns: repeat(6, 14.6rem);
        grid-template-rows: auto;
        grid-gap: .6rem;
        grid-row-gap: 1.2rem
    }
}

@media (min-width:1280px) {
    .Page-Casino .MsnRow .GamesListContainer {
        grid-template-columns: repeat(6, 19.6rem);
        grid-gap: .7rem;
        grid-row-gap: 1.4rem
    }
}

@media (min-width:1468px) {
    .Page-Casino .MsnRow .GamesListContainer {
        grid-template-columns: repeat(7, 19.6rem);
        grid-gap: 1.2rem;
        grid-row-gap: 1.8rem
    }
}

@media (min-width:1620px) {
    .Page-Casino .MsnRow .GamesListContainer {
        grid-template-columns: repeat(8, 19rem);
        grid-gap: 1rem
    }
}

.Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(6, 12.4rem);
    grid-template-rows: auto;
    row-gap: 3.2rem
}

@media (min-width:768px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
        grid-template-columns: repeat(6, 14.6rem);
        grid-gap: .6rem;
        row-gap: 3.2rem
    }
}

@media (min-width:1280px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
        grid-template-columns: repeat(6, 19.6rem);
        grid-gap: .7rem;
        row-gap: 3.4rem
    }
}

@media (min-width:1468px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
        grid-template-columns: repeat(7, 19.6rem);
        grid-gap: 1.2rem;
        row-gap: 3.8rem
    }
}

@media (min-width:1620px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
        grid-template-columns: repeat(8, 19rem);
        grid-gap: 1rem;
        row-gap: 3.8rem
    }
}

.GamesListContainer .ListGame {
    position: relative
}

.Page-Casino .MsnRow .ComponentGameThumbnail,
.Page-Casino .MsnRow .GameTileContainer,
.Page-Casino .MsnRow .ListGame,
.Page-Casino .MsnRow .ListGameImage,
.Page-Casino .MsnRow .ListGameLink {
    width: 100%;
    max-width: 100%;
    overflow: visible
}

.Page-Casino .MsnRow .ListGame {
    width: 12.4rem;
    height: auto;
    min-height: 0;
    max-width: unset;
    position: relative
}

@media (min-width:768px) {
    .Page-Casino .MsnRow .ListGame {
        width: 14.6rem;
        height: auto
    }
}

@media (min-width:1280px) {
    .Page-Casino .MsnRow .ListGame {
        width: 19.6rem;
        height: auto
    }
}

.Page-Casino .MsnRow .ListGameImage {
    min-height: 0
}

.ListGame .ListGameImage,
.ListGameLink .ListGameImage {
    transition: filter .6s linear, opacity .6s linear;
    filter: blur(0);
    -webkit-transform: translateZ(0)
}

.ListGame:hover .ListGameImage,
.ListGameLink:hover .ListGameImage {
    opacity: .8;
    filter: blur(.3rem)
}

.Page-Casino .MsnRow .ListGameImage {
    -o-object-fit: cover;
    object-fit: cover
}

.iOSRebrushWrapper .ListGame:active:after,
.iOSRebrushWrapper .ListGame:active:before,
.iOSRebrushWrapper .ListGame:after,
.iOSRebrushWrapper .ListGame:before,
.iOSRebrushWrapper .ListGame:hover:after,
.iOSRebrushWrapper .ListGame:hover:before,
.iOSRebrushWrapper .ListGameLink:active:after,
.iOSRebrushWrapper .ListGameLink:active:before,
.iOSRebrushWrapper .ListGameLink:after,
.iOSRebrushWrapper .ListGameLink:before,
.iOSRebrushWrapper .ListGameLink:hover:after,
.iOSRebrushWrapper .ListGameLink:hover:before {
    display: none
}

.iOSRebrushWrapper .ListGame:hover,
.iOSRebrushWrapper .ListGameLink:hover {
    all: unset
}

.iOSCasinoWrapper .ListGame:active:after,
.iOSCasinoWrapper .ListGame:active:before,
.iOSCasinoWrapper .ListGame:after,
.iOSCasinoWrapper .ListGame:before,
.iOSCasinoWrapper .ListGame:hover:after,
.iOSCasinoWrapper .ListGame:hover:before,
.iOSCasinoWrapper .ListGameLink:active:after,
.iOSCasinoWrapper .ListGameLink:active:before,
.iOSCasinoWrapper .ListGameLink:after,
.iOSCasinoWrapper .ListGameLink:before,
.iOSCasinoWrapper .ListGameLink:hover:after,
.iOSCasinoWrapper .ListGameLink:hover:before {
    display: none
}

.iOSCasinoWrapper .ListGame:hover,
.iOSCasinoWrapper .ListGameLink:hover {
    all: unset
}

.androidCasinoWrapper .OperatorFooterLinks .ListItem:last-child,
.androidNative .OperatorFooterLinks .ListItem:last-child,
.iOSCasinoWrapper .OperatorFooterLinks .ListItem:last-child,
.iOSRebrushWrapper .OperatorFooterLinks .ListItem:last-child {
    display: none
}

@media (min-width:560px) and (orientation:landscape) {
    .androidCasinoWrapper .OperatorSticky .GamesSwipeable,
    .androidDevice .OperatorSticky .GamesSwipeable,
    .androidNative .OperatorSticky .GamesSwipeable,
    .iOSCasinoWrapper .OperatorSticky .GamesSwipeable,
    .iOSDevice .OperatorSticky .GamesSwipeable,
    .iOSRebrushWrapper .OperatorSticky .GamesSwipeable {
        border-bottom: 5rem solid transparent
    }
}

.GameCategoriesWrapper {
    background-color: #111522
}

.GameCategorySpinnerWrapper {
    height: 5rem;
    margin: 2rem auto
}

.PageLoadingSpinner {
    position: relative
}

.PageLoadingSpinner .Spinner {
    top: 2.5rem
}

.PageLoadingSpinner .SkFadingCircle {
    width: 3rem;
    height: 3rem
}

.GameRightWrapper {
    height: calc(100vh - 16rem)
}

.GameRightWrapper .GmowContainer .GmowGameRow .GmowGameColumn {
    display: flex;
    height: calc(100% - 3.2rem);
    padding: 1.6rem
}

.GameRightWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn {
    width: 100%
}

.GameRightWrapper .GmowContainer .GmowGameRow.SingleGames .ErrorMessageWrapper {
    min-height: 55vh
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames {
    height: calc(100vh - 28.2rem)
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames .GmowGameColumn {
    width: calc(50% - 2.4rem)
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames .GmowGameColumn:nth-child(odd) {
    padding-right: 1.6rem
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames .GmowGameColumn:nth-child(2n) {
    padding-left: 0
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames .GmowGameColumn:nth-child(n+3) {
    padding-top: 0
}

.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames .GmowGameColumn {
    height: calc(50% - 3.2rem)
}

@media (min-width:1100px) {
    .GameRightWrapper .GmowContainer {
        max-width: calc(100% - 3.2rem)
    }
}

.GameRightWrapper.NoGameLeftWrapper,
.NotificationActive .GameRightWrapper.NoGameLeftWrapper {
    height: 100vh
}

.GameRightWrapper.NoGameLeftWrapper .GmowContainer .GmowGameRow.MultipleGames,
.NotificationActive .GameRightWrapper.NoGameLeftWrapper .GmowContainer .GmowGameRow.MultipleGames {
    height: calc(100vh - 12rem)
}

.GameRightWrapper.NoGameLeftWrapper .GmowDetails,
.NotificationActive .GameRightWrapper.NoGameLeftWrapper .GmowDetails {
    top: -1rem
}

.GameLeftWrapper {
    position: fixed;
    bottom: 0;
    top: auto;
    padding-top: 1rem;
    width: 100%;
    height: 15rem
}

.frankiesHeart {
    color: #f9c408;
    font-size: 1.8rem
}

.SportsIframeWrapper .DropDownBackground {
    display: none
}

.SportsOverlay .SportsIframeWrapper .DropDownBackground {
    display: block;
    z-index: 11
}

.SportsOverlay .SportsIframeWrapper .SportsIframe {
    position: relative;
    z-index: 12
}

.SportsOverlay .BetslipWrapper {
    z-index: 13
}

@media (max-width:1099px) {
    .iOSDevice.OverflowHidden.InputFocused .ModalWindow {
        justify-content: flex-start
    }
    .iOSDevice.OverflowHidden.InputFocused .ModalWindow .ModalContent {
        overflow-y: auto
    }
}

.OverflowHidden #chat-widget-container {
    z-index: 0 !important
}

.OperatorMainMenu .MenuItem {
    position: relative;
    top: .2rem
}

.MenuItem .SubMenu {
    display: none
}

@media (min-width:1100px) {
    .MenuItem .SubMenu {
        position: absolute;
        left: 0;
        top: 4.6rem;
        width: 100%;
        min-width: 10rem;
        background: #294c0b
    }
}

.MenuItem .SubMenu .Anchor.IsActive,
.MenuItem .SubMenu .Anchor:hover {
    border-bottom: none
}

.MenuItem .SubMenu .AnchorText {
    width: 100%
}

.TriggerMainNav.IsActive .SubMenuItem.ListItem:last-child {
    border-bottom: none
}

.TriggerMainNav.IsActive .CrossSellMenu .Menu .SubMenuItem.ListItem:after {
    content: none
}

.SubMenuItem .Anchor {
    overflow: visible;
    white-space: unset;
    text-overflow: unset;
    border-bottom: none
}

@media (max-width:1100px) {
    .SubMenuLink.Anchor {
        padding: 0
    }
}

.SubMenuLink.Anchor.IsActive:after,
.SubMenuLink.Anchor:hover:after {
    border-color: #f9c408
}

@media (min-width:1100px) {
    .SubMenuLink:after {
        content: "";
        position: absolute;
        display: block;
        right: -.15rem;
        top: 1.5rem;
        border: solid #fff;
        border-width: 0 .2rem .2rem 0;
        padding: .3rem;
        transform: rotate(45deg)
    }
}

.MenuItem .IsVisible {
    display: block
}

.MenuItem button {
    border: none;
    font-weight: unset
}

.NotificationArea {
    display: flex;
    position: fixed;
    top: 0;
    height: 5.4rem;
    width: 100%;
    border-bottom: .6rem solid transparent;
    color: #fff;
    z-index: 11;
    box-sizing: content-box;
    background-color: #fd1d1d
}

.NotificationArea .Notification {
    all: unset;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.6rem;
    line-height: 0;
    padding-left: 4.6rem;
    color: #fff;
    background: rgba(33, 33, 33, .2);
    overflow: hidden;
    white-space: nowrap;
    z-index: 2
}

.NotificationArea .Notification span {
    padding-left: 100%;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite
}

.NotificationArea .Notification:hover span {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    cursor: default
}

.NotificationArea .Notification:before {
    position: relative;
    top: 0;
    left: -4.7rem;
    height: 5.4rem;
    width: 4.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1.3rem;
    line-height: 0;
    background-color: #212121;
    cursor: default;
    z-index: 3
}

.NotificationArea .Button {
    all: unset;
    padding: 0 1rem;
    color: #fff;
    line-height: 0;
    background: rgba(33, 33, 33, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer
}

.NotificationArea .Button svg {
    fill: #fff
}

@-webkit-keyframes marquee {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

.Page-CasinoGame.NotificationActive .AppContainer {
    top: 0
}

.NotificationActive .AppContainer {
    position: relative;
    top: 6rem
}

.NotificationActive .SectionHeader {
    top: 6rem
}

.NotificationActive .StickyWrapper.IsSticky {
    top: 11.4rem
}

@media (min-width:1100px) {
    .NotificationActive .StickyWrapper.IsSticky {
        top: 17rem
    }
}

.NotificationActive .StickyWrapper.IsSticky .InstanceNoSearchedGamesFound {
    margin-top: 0 !important
}

.NotificationActive .NotificationList,
.NotificationActive .TransactionHistoryContent .ComponentTabsHeader {
    top: 11.4rem
}

@media (min-width:1100px) {
    .NotificationActive .NotificationList,
    .NotificationActive .TransactionHistoryContent .ComponentTabsHeader {
        top: 17rem
    }
}

.NotificationActive.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    margin-top: -4.8rem !important
}

.NotificationActive.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid,
.NotificationActive.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    height: calc(100vh - 6rem) !important
}

.NotificationActive.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
    top: 11.4rem !important
}

.NotificationActive .GameRightWrapper {
    height: calc(100vh - 9rem)
}

@media (min-width:1100px) {
    .NotificationActive .GameRightWrapper.NoGameLeftWrapper .GmowContainer {
        margin-top: 9rem
    }
}

@media (max-width:1100px) {
    .NotificationActive.Toggle-OperatorSearchToggle .BottomMobileMenu .SearchTrigger.IsActive,
    .NotificationActive.Toggle-OperatorSearchToggle .SearchTrigger.IsActive {
        top: 6rem !important
    }
}

.IsInFullScreen .GameRightWrapper {
    height: 100%
}

@media (min-width:1100px) {
    .NotificationActive.IsInFullScreen .GameRightWrapper.NoGameLeftWrapper .GmowContainer {
        margin-top: 0
    }
}

.TermsAndConditionsText {
    font-size: 1.4rem;
    word-break: break-word
}

.Page-InGameDeposit .HostedCashierDepositIframeContainer .Spinner {
    top: 50vh;
    left: 50vw
}

.Page-InGameDeposit .HostedCashierDepositIframeContainer .Spinner .SkFadingCircle {
    width: 8rem;
    height: 8rem
}

.ReCaptchaContainer iframe {
    margin-bottom: -7.8rem
}

.ComponentGameButtons .LoginCallout {
    width: 48%
}

.ComponentGameButtons .LoginCallout .ButtonLogin {
    width: 100%
}

.Page-CasinoGame .LoginCallout.ContentTriggerWrapper {
    flex-basis: 49%;
    margin-right: 0
}

.Page-CasinoGame .LoginCallout.ContentTriggerWrapper .Button.ButtonLogin {
    height: 100%;
    width: 100%
}

@media (min-width:1100px) {
    .OperatorResetPassword .ModalContent {
        max-width: 36.4rem
    }
}

.ForgotPassModal {
    height: 100%
}

@media (min-width:1100px) {
    .ForgotPassModal {
        max-width: 36.4rem;
        height: auto
    }
}

.ModalHero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.6rem;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    height: 15rem;
    background-image: linear-gradient(90deg,#294c0b 0,#203d08)
}

.ModalHero .Title {
    margin-bottom: 1rem;
    margin-top: 0;
    font-size: 2.2rem;
    color: #fff
}

.ModalHero .SubTitle {
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #cacaca
}

@media (orientation:landscape) {
    .ModalHero {
        height: 9rem
    }
}

.ForgotPassModal .Form {
    max-width: 160rem;
    padding: 4rem 2.6rem;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2rem
}

.ForgotPassModal .Form .LabelWrap {
    margin-bottom: 1rem
}

.ForgotPassModal .Form .InputWrap {
    margin-bottom: 1.6rem
}

.ForgotPassModal .Form .InputWrap input {
    width: 100%
}

.ForgotPassModal .Form .ForgotPasswordButton {
    display: block;
    position: relative;
    width: 100%;
    padding: .9rem .8rem 1.1rem;
    margin: 1.6rem 0 2.8rem;
    font-weight: 400
}

.ForgotPassModalSuccess {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 7.6rem 1.6rem;
    text-align: center;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .ForgotPassModalSuccess {
        position: static;
        top: auto;
        transform: none
    }
}

.ResetPasswordPageWrapper {
    padding: 4.8rem 2.6rem 0;
    max-width: 160rem;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2rem
}

.ResetPasswordPageWrapper .ResetPasswordPageDescription,
.ResetPasswordPageWrapper .ResetPasswordPageSuccess,
.ResetPasswordPageWrapper .ResetPasswordPageTitle {
    max-width: 60rem;
    margin: 1.7rem auto 1.2rem
}

.ResetPasswordPageWrapper .Form {
    max-width: 60rem;
    margin: 0 auto
}

.ResetPasswordPageWrapper .LabelWrap {
    margin-bottom: 1rem
}

.ResetPasswordPageWrapper .InputWrap {
    margin-bottom: 1.6rem
}

.ResetPasswordPageWrapper .InputWrap input {
    width: 100%
}

.ResetPasswordPageWrapper .ResetPasswordButton {
    display: block;
    position: relative;
    width: 100%;
    padding: .9rem .8rem 1.1rem;
    margin: 1.6rem 0 1.8rem;
    font-weight: 400
}

.ResetPasswordPageWrapper .Message.Error {
    max-width: 60rem;
    margin: 0 auto
}

.RegisterFormWrapper {
    max-width: 100%;
    padding-bottom: 2rem;
    position: relative;
    background: #fff;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .RegisterFormWrapper {
        display: flex;
        flex-flow: row-reverse wrap;
        padding-bottom: 0;
        max-width: 80%;
        min-height: 60rem;
        margin: 5rem auto;
        box-shadow: 0 3px 14px 0 rgba(33, 33, 33, .05)
    }
}

.RegisterFormBanner,
.RegisterFormContent {
    padding: 0 2.4rem;
    box-sizing: border-box
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .RegisterFormBanner,
    .RegisterFormContent {
        padding: 0 4rem
    }
}

.RegisterFormSuccess .RegisterFormBanner {
    display: none
}

@media (min-width:1100px) {
    .RegisterFormSuccess .RegisterFormBanner {
        display: block
    }
}

.RegisterFormBanner {
    max-width: 100%;
    padding: 2rem 3rem 4rem;
    position: relative
}

@media (min-width:1100px) {
    .RegisterFormBanner {
        max-width: 30%;
        width: 100%;
        padding: 7rem 3rem 2rem;
        box-shadow: -12px 0 20px -10px rgba(33, 33, 33, .3);
        margin-top: 0
    }
}

.RegisterFormImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.RegisterFormImage,
.RegisterFormImage .Figure {
    width: 100%;
    height: 100%
}

.RegisterFormImage .Figure .Picture .PictureImg {
    -o-object-fit: cover;
    object-fit: cover
}

.RegisterFormContent {
    max-width: 100%;
    display: block;
    justify-content: center;
    padding: 0 2.4rem
}

@media (min-width:1100px) {
    .RegisterFormContent {
        max-width: 70%;
        width: 100%;
        padding: 7rem 0 2rem
    }
    .RegisterFormContent .RegisterFormStepsWrapper {
        width: 40rem;
        margin: 0 auto
    }
}

.RegisterFormBannerText,
.RegisterFormBannerTitle {
    max-width: 23.3rem;
    position: relative
}

@media (min-width:1100px) {
    .RegisterFormBannerText,
    .RegisterFormBannerTitle {
        max-width: 100%;
        text-shadow: -1px 3px 0 rgba(0, 0, 0, .23)
    }
}

.RegisterFormBannerTitle {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1
}

@media (min-width:1100px) {
    .RegisterFormBannerTitle {
        margin-bottom: 1.4rem;
        font-size: 2.2rem;
        font-weight: 400
    }
}

.RegisterFormBannerText {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:1100px) {
    .RegisterFormBannerText {
        font-size: 5.2rem;
        line-height: 1.25;
        font-weight: 900;
        text-transform: uppercase
    }
}

.RegisterFormNavigation {
    margin-top: -1.5rem;
    text-align: right
}

@media (min-width:1100px) {
    .RegisterFormNavigation {
        margin: -4.5rem auto 0;
        width: 40rem
    }
}

.RegisterFormNavigationButton {
    margin-right: 2.4rem;
    padding: .2rem .8rem;
    position: relative;
    color: #b3b3b3;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    border: .2rem solid #b3b3b3
}

.RegisterFormNavigationButton.Active,
.RegisterFormNavigationButton.Active:hover {
    background: #111522;
    border-color: #111522;
    color: #fff
}

.RegisterFormNavigationButton:last-child {
    margin-right: 0
}

.RegisterFormNavigationButton:hover {
    border: .2rem solid #fff;
    background: #b3b3b3;
    color: #fff
}

@media (min-width:1100px) {
    .RegisterFormNavigationButton:before {
        content: "";
        width: 2.6rem;
        height: .2rem;
        position: absolute;
        right: -2.8rem;
        top: 50%;
        transform: translateY(-50%);
        background: #b3b3b3
    }
    .RegisterFormNavigationButton.Active:before {
        background: #111522;
        border-color: #111522;
        color: #fff
    }
    .RegisterFormNavigationButton:last-child:before {
        content: none
    }
    .RegisterFormNavigationButton:hover {
        background: #111522;
        border-color: #111522;
        color: #fff
    }
}

.RegisterFormFrameTitle {
    margin: 2rem 0 1.3rem;
    color: #111522;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: capitalize
}

.RegisterFormStepWrapper .RegisterFormName {
    width: 47%
}

.RegisterFormStepWrapper .Form {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline
}

.RegisterFormStepWrapper .InputContainer {
    padding: 0;
    margin: 0 0 2rem
}

.RegisterFormStepWrapper .InputContainer:last-child {
    margin-bottom: 0
}

.RegisterFormStepWrapper .HolderInputContainer {
    width: 100%;
    margin-top: 2rem;
    margin-right: 0
}

.RegisterFormStepWrapper .GenderSelect {
    display: inline-block;
    width: 50%;
    box-shadow: none;
    outline: none;
    outline-width: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.RegisterFormStepWrapper .GenderSelect .Radio {
    display: none
}

.RegisterFormStepWrapper .GenderSelect .Radio+span {
    position: relative;
    cursor: pointer;
    padding: 0
}

.RegisterFormStepWrapper .GenderSelect .Radio+span:before {
    content: "";
    margin: -.6rem 1rem 0 0;
    display: inline-block;
    vertical-align: text-top;
    width: 3.4rem;
    height: 3.4rem;
    opacity: .3
}

.RegisterFormStepWrapper .GenderSelect .Radio:checked+span:before {
    opacity: 1
}

.RegisterFormStepWrapper .GenderSelect .Radio.GenderMale+span:before {
    background: transparent url(https://wwwholiganbet850.com/static/img/male.svg) 50% no-repeat
}

.RegisterFormStepWrapper .GenderSelect .Radio.GenderFemale+span:before {
    background: transparent url(https://wwwholiganbet850.com/static/img/female.svg) 50% no-repeat
}

.RegisterFormStepWrapper .LabelText {
    color: #212121;
    font-size: 1.4rem
}

.RegisterFormStepWrapper input {
    width: 100%;
    border: 1px solid #cacaca
}

.RegisterFormStepWrapper .CustomSelect__control {
    min-height: 4.2rem
}

.RegisterFormStepWrapper .CustomSelect__single-value {
    line-height: 1.2
}

.RegisterFormStepWrapper input[type=password] {
    padding-right: 4rem
}

.RegisterFormStepWrapper .RegisterMobilePrefix {
    position: relative;
    width: 40%;
    margin-top: 3rem
}

@media (min-width:375px) {
    .RegisterFormStepWrapper .RegisterMobilePrefix {
        width: 33%
    }
}

@media (min-width:760px) {
    .RegisterFormStepWrapper .RegisterMobilePrefix {
        width: 20%
    }
}

@media (min-width:1100px) {
    .RegisterFormStepWrapper .RegisterMobilePrefix {
        width: 36%
    }
}

.RegisterFormStepWrapper .RegisterMobilePrefix .LabelWrap {
    position: absolute;
    top: -2.8rem;
    min-width: 26rem
}

.RegisterFormStepWrapper .RegisterMobilePrefix .CustomSelect__menu {
    min-width: 22rem;
    line-height: 1.2
}

.RegisterFormStepWrapper .RegisterMobileNumber {
    width: 57%
}

@media (min-width:375px) {
    .RegisterFormStepWrapper .RegisterMobileNumber {
        width: 64%
    }
}

@media (min-width:760px) {
    .RegisterFormStepWrapper .RegisterMobileNumber {
        width: 78%
    }
}

@media (min-width:1100px) {
    .RegisterFormStepWrapper .RegisterMobileNumber {
        width: 60%
    }
}

.RegisterFormStepWrapper .RegisterNewsEmail {
    display: flex;
    flex-flow: row;
    margin-bottom: 3rem
}

.RegisterFormStepWrapper .RegisterNewsEmail input[type=checkbox] {
    display: none
}

.RegisterFormStepWrapper .RegisterNewsEmail .LabelWrap {
    position: relative;
    order: 1;
    padding-left: 1.2rem;
    width: 100%;
    font-size: 1.3rem;
    color: #212121;
    line-height: 1.2
}

.RegisterFormStepWrapper .RegisterNewsEmail .InputWrap {
    position: relative;
    width: 3rem
}

.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox {
    position: relative
}

.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox:before {
    content: "";
    padding: 1.1rem;
    position: absolute;
    left: 0;
    background: #fff;
    border: .1rem solid #b3b3b3;
    border-radius: .2rem
}

.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox:after {
    content: "";
    opacity: 0;
    width: .4rem;
    height: .9rem;
    position: absolute;
    top: 1rem;
    left: 1.2rem;
    transform: translateY(-50%) translateX(-50%) rotate(35deg);
    border: solid #f9c408;
    border-width: 0 .2rem .2rem 0
}

.RegisterFormStepWrapper .RegisterNewsEmail input[type=checkbox]:checked+.customCheckbox:after {
    opacity: 1
}

.RegisterFormSuccess,
.RegisterLoginError {
    padding: 10rem 0;
    text-align: center;
    line-height: 1.2
}

@media (min-width:1100px) {
    .RegisterFormSuccess,
    .RegisterLoginError {
        padding: 0;
        margin-top: 16rem
    }
}

.RegisterFormSuccess .RegisterLoginErrorTitle,
.RegisterFormSuccess .RegisterSuccessMessage,
.RegisterFormSuccess .RegisterSuccessTitle,
.RegisterLoginError .RegisterLoginErrorTitle,
.RegisterLoginError .RegisterSuccessMessage,
.RegisterLoginError .RegisterSuccessTitle {
    color: #212121
}

.RegisterFormSuccess .RegisterLoginErrorTitle,
.RegisterFormSuccess .RegisterSuccessTitle,
.RegisterLoginError .RegisterLoginErrorTitle,
.RegisterLoginError .RegisterSuccessTitle {
    position: relative;
    margin-bottom: 1.8rem;
    font-size: 2.8rem;
    font-weight: 600
}

@media (min-width:1100px) {
    .RegisterFormSuccess .RegisterLoginErrorTitle,
    .RegisterFormSuccess .RegisterSuccessTitle,
    .RegisterLoginError .RegisterLoginErrorTitle,
    .RegisterLoginError .RegisterSuccessTitle {
        margin-bottom: .8rem
    }
}

.RegisterFormSuccess .RegisterSuccessTitle:before,
.RegisterLoginError .RegisterSuccessTitle:before {
    content: "";
    position: absolute;
    top: -9rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 2rem;
    width: 2.6rem;
    height: 2.6rem;
    background: #f9c408;
    border-radius: 50%
}

.RegisterFormSuccess .RegisterSuccessTitle:after,
.RegisterLoginError .RegisterSuccessTitle:after {
    content: "";
    position: absolute;
    top: -6rem;
    left: 50%;
    right: 0;
    width: 1.2rem;
    height: 2.3rem;
    transform: translateY(-50%) translateX(-50%) rotate(33deg);
    border: solid #fff;
    border-width: 0 .4rem .4rem 0
}

.RegisterFormSuccess .RegisterSuccessMessage,
.RegisterLoginError .RegisterSuccessMessage {
    display: block;
    margin-bottom: 5rem;
    font-size: 1.6rem
}

.RegisterFormSuccess .RegisterSuccessMessage:last-child,
.RegisterLoginError .RegisterSuccessMessage:last-child {
    margin-bottom: 0
}

.RegisterFormSubmitButton {
    width: 100%;
    margin-top: .6rem;
    margin-bottom: 3rem;
    padding: 1.5rem;
    border: none;
    background: #f9c408;
    color: #fff;
    font-size: 1.7rem;
    text-align: center
}

.CurrencyInput {
    position: relative
}

.CurrencyInput>span {
    position: absolute;
    display: block;
    transform: translateY(-50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal
}

.CurrencyInput>input {
    padding-left: 25px;
    padding-right: 0
}

.CurrencyInputRight>span {
    right: 0
}

.CurrencyInputRight>input {
    padding-left: 0;
    padding-right: 25px
}

.PasswordToggleIcon {
    width: 25px;
    height: 25px
}

.OpenEye {
    background: transparent url(https://wwwholiganbet850.com/static/img/eye-open.svg) 50% no-repeat
}

.ClosedEye {
    background: transparent url(https://wwwholiganbet850.com/static/img/eye-hidden.svg) 50% no-repeat
}

.Page-RegisterActivation .AccountActivationPageWrapper {
    display: block;
    max-width: 136rem;
    padding: 8rem 3.6rem 4rem;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5em
}

.Page-RegisterActivation .AccountActivationPageTitle {
    margin: 2rem 0 0;
    font-size: 4rem;
    font-weight: 700
}

.Page-RegisterActivation .AccountActivationPageBody {
    margin-top: 4rem;
    font-size: 1.6rem
}

.LoginCallout.IsActive {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 0;
    z-index: 10;
    background: #fff;
    overflow-y: auto
}

@media (min-width:1100px) {
    .LoginCallout.IsActive {
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        overflow-y: initial
    }
}

.LoginCallout.IsActive .CloseLoginButton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.2rem 1.5rem;
    color: #fff;
    z-index: 11;
    border: none
}

@media (min-width:1100px) {
    .LoginCallout.IsActive .CloseLoginButton {
        display: none
    }
}

.LoginCallout.IsActive .CloseLoginButton svg {
    fill: #fff
}

.LoginCallout.IsActive .LoginFormForgot {
    margin-bottom: calc(3rem + env(safe-area-inset-bottom))
}

@media (min-width:1100px) {
    .LoginCallout.IsActive .LoginFormForgot {
        margin-bottom: 0
    }
}

.LoginCallout.IsActive .DropDownBackground {
    background-color: transparent
}

@media (min-width:1100px) {
    .LoginModal .ModalContent {
        max-width: 36.4rem
    }
}

.LoginFormWrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 0;
    z-index: 10;
    background: rgba(33, 33, 33, .4);
    color: #212121;
    fill: #252a31;
    font-size: 1.4rem;
    line-height: 2rem;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem)
}

@media (min-width:1100px) {
    .LoginFormWrapper {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: #fff;
        overflow: visible;
        position: relative;
        left: auto;
        box-shadow: 0 .6rem .8rem 0 rgba(90, 90, 90, .45);
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

.LoginFormWrapper .LoginFormMobileHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1.6rem;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    background-image: transparent
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginFormMobileHeader {
        padding: 1rem;
        height: 13rem;
        background-image: linear-gradient(90deg,#294c0b 0,#203d08)
    }
}

@media (orientation:landscape) {
    .LoginFormWrapper .LoginFormMobileHeader {
        height: 9rem
    }
}

.LoginFormWrapper .LoginFormMobileHeader h2 {
    margin-bottom: 1rem;
    font-size: 2.2rem
}

.LoginFormWrapper .LoginFormMobileHeader span {
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #cacaca
}

.LoginFormWrapper .LoginFormMobileHeader .Anchor span {
    color: #f9c408
}

.LoginFormWrapper .LoginFormNoAccount {
    display: none
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginFormNoAccount {
        display: block
    }
}

.LoginFormWrapper .Form {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 auto;
    padding: 2rem 2.6rem
}

@media (min-width:500px) {
    .LoginFormWrapper .Form {
        max-width: 40rem
    }
}

@media (min-width:1100px) {
    .LoginFormWrapper .Form {
        padding: 4rem 2.6rem
    }
}

.LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
    margin: 0
}

@media (min-width:1100px) {
    .LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
        margin-bottom: 1.6rem
    }
}

.LoginFormWrapper .LabelWrap {
    margin-bottom: 1rem
}

.LoginFormWrapper .LabelText {
    color: #cacaca
}

@media (min-width:1100px) {
    .LoginFormWrapper .LabelText {
        color: inherit
    }
}

.LoginFormWrapper .InputWrap {
    margin-bottom: 1.6rem
}

.LoginFormWrapper .InputWrap input {
    width: 100%
}

.LoginFormWrapper .FormLabelTerms {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline
}

.LoginFormWrapper .FormLabelTerms .LabelWrap {
    display: flex;
    width: 90%
}

.LoginFormWrapper .FormLabelTerms .Req {
    order: -1
}

.LoginFormWrapper .FormLabelTerms .InputWrap {
    width: auto;
    margin-right: 3%;
    margin-bottom: 0;
    top: .2rem;
    order: -1
}

.LoginFormWrapper .FormLabelTerms .InputWrap input {
    width: 1.5rem;
    margin: 0
}

.LoginFormWrapper .LoginSignupButton,
.LoginFormWrapper .LoginSubmitButton {
    display: block;
    position: relative;
    width: 200px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .9rem .8rem 1.1rem;
    margin: 1.6rem 0 1.8rem;
    order: 1;
    font-weight: 400
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginSignupButton,
    .LoginFormWrapper .LoginSubmitButton {
        order: 0
    }
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginSubmitButton {
        width: 100%
    }
}

.LoginFormWrapper .LoginSignupButton {
    color: #cacaca;
    border: .1rem solid #cacaca;
    text-align: center;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginSignupButton {
        display: none
    }
}

.LoginFormWrapper .LoginFormForgot {
    width: 100%;
    margin-bottom: 3rem
}

.LoginFormWrapper .LoginFormForgot .Link {
    display: inline-block;
    width: 100%;
    text-align: left
}

@media (min-width:1100px) {
    .LoginFormWrapper .LoginFormForgot {
        position: static;
        transform: none;
        width: 100%;
        margin-bottom: 0
    }
    .LoginFormWrapper .LoginFormForgot .Link {
        display: block;
        text-align: center
    }
}

.LoginFormWrapper .LoginFormForgot button {
    display: block;
    margin: 0 auto;
    padding: 0;
    color: #f9c408;
    font-size: 1.4rem;
    font-weight: 400;
    border: none
}

.LoginFormWrapper .LoginFormForgot button:active,
.LoginFormWrapper .LoginFormForgot button:hover {
    color: #af841b
}

.LoginFormWrapper .Message.Error {
    max-width: 40rem;
    margin: 0 auto
}

.InputWrap,
.Page-CasinoGame .GmowDetails {
    position: relative
}

.InputWrap .PasswordToggleIcon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.Page-MyProfile .SectionContent {
    position: relative;
    max-width: 120rem;
    width: 100%;
    margin-top: 5.4rem;
    padding: 2rem;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .Page-MyProfile .SectionContent {
        margin: 11rem auto 0
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .Page-MyProfile .SectionContent {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
}

.MyProfileContainer {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(3, auto)
}

@media (min-width:1100px) {
    .MyProfileContainer {
        grid-template-columns: repeat(2, calc(50% - 1.5rem));
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 3rem;
        grid-row-gap: 3rem
    }
    .MyProfileContainer .PersonalDataContainer,
    .MyProfileContainer>.Form {
        grid-column: 1;
        grid-row: 1/5
    }
    .MyProfileContainer .AccountInformationContainer {
        grid-column: 2;
        grid-row: 1
    }
    .MyProfileContainer .EmailSubscriptionContainer {
        grid-column: 2;
        grid-row: 2
    }
}

.MyProfileContainer .Spinner {
    position: fixed
}

.myProfileTitle {
    margin-bottom: 2.8rem;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1
}

.ProfileContainer {
    margin-bottom: 2.6rem;
    position: relative
}

@media (min-width:1100px) {
    .ProfileContainer {
        margin-bottom: 0
    }
}

.EmailSubscriptionContainer {
    margin-bottom: 0
}

.ProfileContainer h2 {
    padding-bottom: 1.2rem;
    font-size: 1.8rem;
    line-height: 1.2
}

.Form .PersonalDataContainer h2 {
    padding: 0 0 6rem
}

@media (min-width:460px) {
    .Form .PersonalDataContainer h2 {
        padding: 0 0 1.2rem .8rem
    }
}

.EditProfileLink {
    position: absolute;
    right: 0;
    top: .2rem;
    font-size: 1.6rem;
    font-weight: 600
}

.ProfileContainerFields {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 3.6rem;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .25rem .3rem 0 rgba(33, 33, 33, .12), 0 .1rem .15rem 0 rgba(0, 0, 0, .12)
}

.PersonalDataContainer .ProfileContainerFields {
    padding: 3.6rem 3.6rem .7rem
}

.ProfileContainerFields .MobileInputWrapper,
.ProfileContainerFields .ProfileContainerTextField,
.ProfileContainerFields label {
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    text-align: left
}

.ProfileContainerTextField .LabelText,
.ProfileContainerTitle {
    display: inline-block;
    vertical-align: initial;
    min-width: auto;
    color: #717171;
    font-size: 1.4rem;
    text-align: left
}

@media (min-width:760px) {
    .ProfileContainerTextField .LabelText,
    .ProfileContainerTitle {
        min-width: 11.4rem
    }
}

.ProfileContainerTitle {
    width: 100%
}

@media (min-width:760px) {
    .ProfileContainerTitle {
        width: auto
    }
}

.ProfileContainerText {
    display: inline-block;
    margin-left: 0;
    margin-top: .5rem;
    color: #212121;
    font-size: 1.6rem;
    text-align: left
}

@media (min-width:760px) {
    .ProfileContainerText {
        width: auto;
        margin-left: 2rem;
        margin-top: 0
    }
}

.Form .ProfileContainerText {
    color: #828282
}

.ProfileContainerText.number {
    margin-left: .2rem
}

.ProfileContainerText p {
    margin-bottom: 1rem
}

.ProfileContainerText p:last-child {
    margin-bottom: 0
}

.PersonalDataContainer .ProfileContainerTextField {
    margin-bottom: 3rem
}

.PersonalDataContainer button {
    line-height: 1
}

.ProfileContainerUpdate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 3rem;
    right: 0
}

.ProfileContainerUpdate .CancelLink {
    margin-right: 3rem;
    font-size: 1.6rem;
    font-weight: 700
}

.ProfileContainerUpdate button {
    padding: 1rem 2rem;
    background: #f9c408;
    color: #fff;
    border: none;
    font-size: 1.6rem
}

.ProfileContainerUpdate button:hover {
    background: #294c0b
}

@media (min-width:460px) {
    .ProfileContainerUpdate {
        display: inherit;
        width: auto;
        top: -1rem
    }
}

.PersonalDetailsText {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.2
}

.MobileInputWrapper .InputContainer {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

@media (min-width:550px) {
    .MobileInputWrapper .InputContainer {
        max-width: 24.2rem
    }
}

.MobileInputWrapper .InputWrap {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    vertical-align: bottom;
    line-height: 1.2
}

@media (min-width:550px) {
    .MobileInputWrapper .InputWrap {
        width: 15rem;
        max-width: 11rem;
        margin-left: 1rem
    }
}

.MobileInputWrapper .InputContainer:nth-child(2) {
    width: 100%;
    max-width: 100%
}

@media (min-width:550px) {
    .MobileInputWrapper .InputContainer:nth-child(2) {
        max-width: 17rem
    }
}

.MobileInputWrapper .InputContainer:nth-child(2) .LabelWrap {
    display: none
}

.MobileInputWrapper .InputContainer:nth-child(2) .InputWrap {
    max-width: 100%;
    width: 100%
}

.MobileInputWrapper .CustomSelectContainer {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

@media (min-width:550px) {
    .MobileInputWrapper .CustomSelectContainer {
        max-width: 11rem;
        margin-bottom: 0
    }
}

.LanguageInputWrapper .FormLabel,
.MobileInputWrapper .FormLabel {
    margin: 0;
    padding: 0
}

.MyProfileInputWrapper .InputWrap {
    position: relative;
    max-width: 100%;
    margin-left: 0;
    line-height: 1.2
}

@media (min-width:550px) {
    .MyProfileInputWrapper .InputWrap {
        max-width: 15rem;
        margin-left: 1rem
    }
}

.MobileInputWrapper input {
    padding: .8rem 1.2rem
}

.MobileInputWrapper .Message {
    margin-left: 1rem
}

.Page-MyProfile .Req {
    float: none
}

.AccountInformationContainer .ProfileContainerTextField {
    width: 100%;
    margin-bottom: 1rem
}

.AccountInformationContainer button {
    margin-left: 0;
    padding: 0;
    border: none;
    color: #f9c408;
    font-size: 1.6rem;
    font-weight: 600
}

.AccountInformationContainer .ContentTriggerContainer,
.AccountInformationContainer .ContentTriggerWrapper,
.AccountInformationContainer .ResetPasswordFormWrapper {
    float: none;
    width: 100%;
    margin: 0
}

@media (min-width:550px) {
    .AccountInformationContainer .ResetPasswordFormWrapper .HasErrorsForm .Message.Error {
        text-align: right
    }
}

@media (min-width:550px) {
    .AccountInformationContainer .ContentTriggerWrapper {
        width: auto
    }
}

.AccountInformationContainer .ContentTriggerContainer {
    position: relative;
    display: flex;
    flex-direction: column
}

.AccountInformationContainer .ContentTriggerContainer>.Button {
    padding: .7rem .2rem;
    border: .1rem solid #f9c408
}

.AccountInformationContainer .ContentTriggerContainer>.Button:hover {
    border: .1rem solid #294c0b;
    color: #fff
}

.AccountInformationContainer .Form {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-auto-rows: auto;
    max-width: 40rem
}

.AccountInformationContainer .FormLabel {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

.AccountInformationContainer .FormLabel:first-child {
    grid-column: 1/3;
    grid-row: 1
}

.AccountInformationContainer .FormLabel:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2
}

.AccountInformationContainer .FormLabel:nth-child(3) {
    grid-column: 1/3;
    grid-row: 3
}

.AccountInformationContainer .InputWrap,
.AccountInformationContainer .LabelWrap {
    width: auto;
    vertical-align: middle;
    margin: 0
}

.AccountInformationContainer .LabelWrap {
    min-width: 13rem;
    margin-right: 1rem;
    text-align: left
}

.AccountInformationContainer .LabelText {
    padding-right: .2rem;
    font-size: 1.4rem
}

.AccountInformationContainer .InputWrap {
    width: 100%
}

@media (min-width:550px) {
    .AccountInformationContainer .InputWrap {
        width: 26rem
    }
}

.AccountInformationContainer .InputWrap input {
    width: 100%
}

.AccountInformationContainer .DropDownBackground {
    display: none
}

.AccountInformationContainer .Button.CTASecondary {
    max-width: 100%;
    width: 100%;
    align-self: flex-end;
    position: relative;
    bottom: 0;
    left: 0;
    padding: .7rem 2rem;
    margin: 2rem 0;
    transform: none;
    color: #fff;
    grid-column: 1/3;
    grid-row: 4
}

.AccountInformationContainer .Button.CTASecondary:hover {
    color: #fff
}

.AccountInformationContainer .Button:hover {
    border: none;
    color: #f9c408
}

@media (min-width:360px) {
    .AccountInformationContainer .Button {
        left: 3rem;
        transform: none
    }
}

.EmailSubscriptionContainer .ProfileContainerFields,
.TwoStepsConfigContainer .ProfileContainerFields {
    padding-left: 3.6rem
}

.EmailSubscriptionContainer .ProfileContainerTextField,
.EmailSubscriptionContainer label,
.TwoStepsConfigContainer .ProfileContainerTextField,
.TwoStepsConfigContainer label {
    width: 100%
}

.EmailSubscriptionContainer .ProfileContainerText,
.TwoStepsConfigContainer .ProfileContainerText {
    position: relative;
    width: 85%;
    padding-left: 4rem;
    margin: 0;
    vertical-align: middle
}

.EmailSubscriptionContainer .ProfileContainerNote,
.TwoStepsConfigContainer .ProfileContainerNote {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    line-height: 1.2
}

.EmailSubscriptionContainer input,
.TwoStepsConfigContainer input {
    display: none
}

.EmailSubscriptionContainer .ProfileContainerText:before,
.TwoStepsConfigContainer .ProfileContainerText:before {
    content: "";
    position: absolute;
    top: -.4rem;
    left: 0;
    vertical-align: middle;
    padding: .35rem 1.3rem;
    margin-right: 2rem;
    height: 1.8rem;
    background: #f9c408;
    border-radius: .2rem
}

.EmailSubscriptionContainer .ProfileContainerText:after,
.TwoStepsConfigContainer .ProfileContainerText:after {
    content: "";
    position: absolute;
    top: .6rem;
    left: 1.2rem;
    transform: translateY(-50%) translateX(-50%) rotate(35deg);
    display: inline-block;
    width: .6rem;
    height: .9rem;
    border: solid #fff;
    border-width: 0 .2rem .2rem 0;
    opacity: 0
}

.EmailSubscriptionContainer input[type=checkbox]:checked+.ProfileContainerText:after,
.TwoStepsConfigContainer input[type=checkbox]:checked+.ProfileContainerText:after {
    opacity: 1
}

.ModalWindow.OperatorTransferModal .ModalContent {
    box-sizing: border-box;
    background: #f0f0f0
}

.ModalWindow.OperatorTransferModal .ModalContent * {
    box-sizing: border-box
}

.ModalWindow.OperatorTransferModal .ModalContent>.Message.Warning {
    padding: 1.1rem 5.4rem;
    margin-top: 0
}

@media (min-width:1100px) {
    .ModalWindow.OperatorTransferModal .ModalContent {
        width: 60rem;
        min-height: 40rem
    }
}

.ModalWindow.OperatorTransferModal .DepositModalTitle,
.ModalWindow.OperatorTransferModal .WithdrawModalTitle {
    width: 100%;
    height: 5.4rem;
    background: #294c0b;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    line-height: 5.4rem;
    margin-bottom: 3rem
}

.ModalWindow.OperatorTransferModal .Form {
    width: 30rem;
    padding: 0 1rem;
    margin: 0 auto 5rem
}

@media (min-width:1100px) {
    .ModalWindow.OperatorTransferModal .Form {
        width: 40rem
    }
}

.ModalWindow.OperatorTransferModal .FormLabel {
    padding: 0;
    margin-bottom: 2rem
}

.ModalWindow.OperatorTransferModal .LabelText {
    font-size: 1.6rem;
    text-transform: capitalize
}

.ModalWindow.OperatorTransferModal .AmountFieldContainer {
    margin-bottom: 4rem
}

.ModalWindow.OperatorTransferModal .DepositAmountInput,
.ModalWindow.OperatorTransferModal .WithdrawAmountInput {
    padding-left: 1.2rem
}

.ModalWindow.OperatorTransferModal .BonusFieldSection {
    width: 100%
}

.ModalWindow.OperatorTransferModal .BonusFieldContainer {
    flex-direction: column
}

.ModalWindow.OperatorTransferModal .DepositButton,
.ModalWindow.OperatorTransferModal .WithdrawButton {
    width: 100%;
    margin-top: 2rem;
    background: #f9c408;
    color: #fff;
    text-transform: uppercase;
    border: 0 solid #fff
}

.ModalWindow.OperatorTransferModal .BonusFieldSection {
    margin-bottom: 2rem
}

.ModalWindow.OperatorTransferModal .BonusFieldSection.IsActive {
    display: flex;
    flex-direction: column
}

.ModalWindow.OperatorTransferModal .BonusFieldSection.IsActive .BonusFieldContainer {
    align-self: flex-end
}

.ModalWindow.OperatorTransferModal .BonusFieldContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
    z-index: 6
}

.ModalWindow.OperatorTransferModal .BonusFieldQuestion {
    font-size: 1.6rem;
    text-transform: none;
    color: #3d3d3d
}

.ModalWindow.OperatorTransferModal .ShowBonusButton {
    border: none;
    font-size: 1.6rem;
    color: #f9c408;
    padding: 0
}

.ModalWindow.OperatorTransferModal .ContentTriggerContentWrapper {
    position: absolute;
    width: 100%;
    z-index: 5
}

.ModalWindow.OperatorTransferModal .ContentTriggerWrapper {
    margin-right: 0
}

@media (min-width:1100px) {
    .ModalWindow.OperatorMMHCModal .ModalContent {
        width: 90rem;
        height: 60rem
    }
}

.ModalWindow.OperatorMMHCModal .HostedCashierDepositIframeContainer,
.ModalWindow.OperatorMMHCModal .HostedCashierWithdrawIframeContainer {
    height: 100%
}

.MinimizedContainer {
    z-index: 4
}

.MinimizedGameWrapper.GameRightWrapper,
.NotificationActive .MinimizedGameWrapper.GameRightWrapper {
    height: 0
}

.MinimizedGameWrapper .GmowContainer,
.NotificationActive .MinimizedGameWrapper .GmowContainer {
    position: fixed;
    width: auto;
    bottom: 4rem;
    left: 4rem;
    padding: 0;
    z-index: 100;
    opacity: .7;
    cursor: pointer
}

.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton,
.NotificationActive .MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton {
    position: absolute;
    top: 0;
    right: -3rem;
    width: 3rem;
    height: 3rem;
    padding: .2rem;
    background: #252a31
}

.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton svg,
.NotificationActive .MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton svg {
    fill: #fff
}

.MinimizedGameWrapper .GmowContainer .Title,
.NotificationActive .MinimizedGameWrapper .GmowContainer .Title {
    display: none
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn,
.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn {
    min-width: 42rem;
    min-height: 23rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames,
.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames {
    width: 60rem;
    height: 25rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.DualGames,
.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.DualGames {
    height: 40rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames,
.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames {
    height: 50rem
}

.MinimizedGameWrapper .GameIframeWrapper:before,
.NotificationActive .MinimizedGameWrapper .GameIframeWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100
}

@media (min-width:1100px) {
    .GamesWrapper .ListGame:hover .GamePlayNowText {
        z-index: 4
    }
}

.ListGame:active .ClosedSeat,
.ListGame:active .FullTable,
.ListGame:active .LatestResult,
.ListGame:active .LiveLimits,
.ListGame:active .OpenSeat,
.ListGame:hover .ClosedSeat,
.ListGame:hover .FullTable,
.ListGame:hover .LatestResult,
.ListGame:hover .LiveLimits,
.ListGame:hover .OpenSeat {
    opacity: .2
}

.ListGame .GameThumbailWrapper {
    position: relative
}

.ListGame.GameContainerDimmed .GameThumbailWrapper:before {
    background: rgba(0, 0, 0, .4)
}

.ListGame.GameContainerDimmed .GameThumbailWrapper:before,
.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    fill: #fff;
    opacity: 1;
    border-radius: .4rem
}

.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
    background: rgba(0, 0, 0, .8)
}

.ListGame.GameContainerDimmed .LiveProps,
.ListGame.GameContainerFullyDimmed .LiveProps {
    bottom: 0;
    overflow: hidden;
    margin-bottom: 3rem
}

@media (min-width:1100px) {
    .ListGame.GameContainerDimmed .LiveProps,
    .ListGame.GameContainerFullyDimmed .LiveProps {
        bottom: 0;
        margin-bottom: 2.2rem
    }
}

.LiveProps {
    display: flex;
    flex-direction: column;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .8) 60%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .01));
    color: #fff;
    opacity: 1;
    font-size: 1.6rem
}

.ListGame:hover .LiveProps,
.ListGameLink:hover .LiveProps {
    opacity: 0
}

@-webkit-keyframes red-pulse {
    0% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    15% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    30% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    50% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    65% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    80% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    to {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .75)
    }
}

@keyframes red-pulse {
    0% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    15% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    30% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    50% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    65% {
        box-shadow: 0 0 .2rem 0 rgba(255, 0, 0, .75)
    }
    80% {
        box-shadow: 0 0 1rem .2rem rgba(255, 0, 0, .75)
    }
    to {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .75)
    }
}

@-webkit-keyframes green-pulse {
    0% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    15% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    30% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    50% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    65% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    80% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    to {
        box-shadow: 0 0 0 0 rgba(86, 168, 10, .75)
    }
}

@keyframes green-pulse {
    0% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    15% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    30% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    50% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    65% {
        box-shadow: 0 0 .2rem 0 rgba(86, 168, 10, .75)
    }
    80% {
        box-shadow: 0 0 1rem .2rem rgba(86, 168, 10, .75)
    }
    to {
        box-shadow: 0 0 0 0 rgba(86, 168, 10, .75)
    }
}

@-webkit-keyframes flip-open {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        transform-style: preserve-3d;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
}

@keyframes flip-open {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        transform-style: preserve-3d;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        transform-style: preserve-3d;
        transition-timing-function: ease-in
    }
}

.silde-in-from-left {
    -webkit-animation-name: silde-in-from-left;
    animation-name: silde-in-from-left;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes silde-in-from-left {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

@keyframes silde-in-from-left {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes flip-closed-seat {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes flip-closed-seat {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.Page-Live-casinoSource .CasinoGames .GamesListContainer,
.Page-Live-casinoSource .GamesListContainer,
.Page-Live-casinoSource .OperatorSticky .GamesListContainer,
.Page-LiveCasino-Child .GamesListContainer,
.Page-LiveCasino .CasinoGames .GamesListContainer,
.Page-LiveCasino .GamesListContainer,
.Page-LiveCasino .OperatorSticky .GamesListContainer {
    overflow: visible
}

.ListGame.PulsatingGreenShadow,
.ListGame.PulsatingRedShadow {
    overflow: auto
}

.ListGame.PulsatingGreenShadow {
    -webkit-animation: green-pulse 2s linear;
    animation: green-pulse 2s linear
}

.ListGame.PulsatingRedShadow {
    -webkit-animation: red-pulse 2s linear;
    animation: red-pulse 2s linear
}

.LiveIcons {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: 3.6rem;
    padding: .8rem .6rem .6rem;
    -webkit-transform: translateZ(0)
}

@media (min-width:1100px) {
    .LiveIcons {
        min-height: 4.2rem;
        padding: .8rem 1.6rem .6rem
    }
}

.LiveIcons:first-child {
    margin-left: 0
}

.LiveIcons:last-child {
    margin-right: 0
}

.LiveIcons.Black,
.LiveIcons.Green,
.LiveIcons.Red {
    color: #fff;
    border: .1rem solid #fff
}

.LiveIcons .LatestResult {
    min-width: 1.2rem;
    padding: .1rem;
    margin: 0 .1rem;
    font-size: 1.2rem;
    text-align: center
}

@media (min-width:1100px) {
    .LiveIcons .LatestResult {
        min-width: 1.4rem;
        font-size: 1.4rem;
        margin: 0 .2rem;
        padding: .2rem
    }
}

.LiveIcons .LatestResult.FirstElementAnimated {
    animation: flip-open 2s both;
    -webkit-animation: flip-open 2s both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(-1px)
}

.LiveIcons .LatestResult.First {
    padding: .4rem
}

.LiveIcons .LatestResult.First.Black,
.LiveIcons .LatestResult.First.Green,
.LiveIcons .LatestResult.First.Red {
    color: #fff;
    border: .1rem solid #fff
}

.LiveIcons .LatestResult.First.Black {
    background: #000
}

.LiveIcons .LatestResult.First.Red {
    background: red
}

.LiveIcons .LatestResult.First.Green {
    background: #56a80a
}

@media (min-width:1100px) {
    .LiveIcons .LatestResult.First {
        padding: .6rem
    }
}

.LiveIcons .Double {
    display: flex;
    flex-direction: column
}

.LiveIcons .Double .LatestResult:first-child {
    margin-bottom: 1rem
}

.LiveIcons .Double:first-child .LatestResult {
    margin-left: 0;
    margin-bottom: 0
}

.LiveIcons .Double:last-child .LatestResult {
    margin-right: 0
}

.LiveIcons .Black,
.LiveIcons .Green,
.LiveIcons .Red {
    background-color: transparent
}

.LiveIcons .Black {
    color: #fff
}

.LiveIcons .Red {
    color: red
}

.LiveIcons .Green {
    color: #56a80a
}

.Blue {
    color: #4d90a7
}

.Red {
    background-color: red
}

.Black {
    background-color: #000
}

.Green {
    background-color: #56a80a
}

.White {
    background-color: #fff
}

.Yellow {
    background-color: #eeca3d
}

.Gold {
    background-color: #866d0c
}

.Orange {
    background-color: #574708
}

.Purple {
    background-color: #303
}

.Tie {
    background-color: #fff;
    background-image: linear-gradient(135deg, #fff 25%, transparent 0, transparent 50%, #212121 0, #fff 75%, transparent 0, #fff)
}

.ClosedSeat,
.OpenSeat {
    display: inline-block;
    width: 1.35rem;
    height: 1.35rem
}

@media (min-width:768px) {
    .ClosedSeat,
    .OpenSeat {
        width: 1.42rem;
        height: 1.42rem
    }
}

@media (min-width:1100px) {
    .ClosedSeat,
    .OpenSeat {
        width: 1.9rem;
        height: 1.9rem
    }
}

.ClosedSeat svg,
.OpenSeat svg {
    width: 100%;
    height: 100%
}

.OpenSeat {
    animation: flip-closed-seat 2s both;
    -webkit-animation: flip-closed-seat 2s both
}

.ClosedSeat,
.OpenSeat {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(-1px)
}

.ClosedSeat {
    animation: flip-open 2s both;
    -webkit-animation: flip-open 2s both
}

.OpenSeat svg {
    fill: transparent;
    stroke: #fff
}

.ClosedSeat svg {
    fill: #fff
}

.FullTable {
    display: flex;
    position: relative;
    z-index: 2;
    height: 2rem;
    padding: .1rem .4rem .1rem 0;
    align-items: center;
    border-radius: .3rem;
    font-size: 1.2rem;
    white-space: normal;
    text-transform: uppercase;
    -webkit-animation-name: silde-in-from-left;
    animation-name: silde-in-from-left;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.FullTable svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.FullTable.ClosedSeat {
    margin-right: -.3rem
}

.PlayersDisplay {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: .2rem 1rem;
    background: linear-gradient(180deg, rgba(33, 33, 33, .1) 0, rgba(33, 33, 33, .9));
    color: #fff
}

@media (min-width:1100px) {
    .PlayersDisplay {
        padding: .2rem 1.6rem
    }
}

.PlayersDisplay .PlayersIcon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .4rem
}

.PlayersDisplay .PlayersIcon svg {
    fill: #fff;
    width: 100%;
    height: 100%
}

.ClosedGame {
    opacity: 1;
    z-index: 2;
    padding: .8rem 1rem;
    color: #fff
}

@media (min-width:1100px) {
    .ClosedGame {
        padding: .8rem 1.6rem
    }
}

.ClosedGame span {
    font-size: 2rem
}

.LiveLimits {
    opacity: 1;
    padding: .2rem 1rem;
    background: #000;
    color: #fff;
    font-weight: 400;
    font-size: 1.6rem
}

@media (min-width:1100px) {
    .LiveLimits {
        padding: .2rem 1.6rem 1rem
    }
}

.LiveLimits span {
    font-size: 1.6rem
}

.Players {
    display: inline-block;
    width: 1.9rem;
    height: 1.9rem
}

.MapColumn {
    width: .45rem;
    height: .45rem;
    border: .05rem solid #212121;
    color: #212121
}

.MapColumn.Red {
    background-color: #f9c408
}

.MapColumn.Blue {
    background-color: #000bff
}

.LiveProps .InfoButton {
    display: none;
    position: absolute;
    bottom: .9rem;
    right: .6rem;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer
}

@media (min-width:1100px) {
    .LiveProps .InfoButton {
        width: 2.2rem;
        height: 2.2rem;
        right: 1.2rem
    }
}

.LiveProps .InfoButton svg {
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .LiveLobbyInfoModal .ModalContent {
        max-width: 60rem;
        max-height: 80vh
    }
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .ModalContent {
        max-width: 90rem;
        max-height: 80vh
    }
}

@media (min-width:1360px) {
    .LiveLobbyInfoModal .ModalContent {
        max-width: 120rem;
        max-height: 80vh
    }
}

@media (min-width:1680px) {
    .LiveLobbyInfoModal .ModalContent {
        max-width: 136rem
    }
}

@media (min-width:1920px) {
    .LiveLobbyInfoModal .ModalContent {
        max-width: 160rem
    }
}

.LiveLobbyInfoModal .InfoModalWrapper {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .LiveLobbyInfoModal .InfoModalWrapper {
        border-top: .4rem solid #f9c408
    }
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModalWrapper {
        flex-direction: row-reverse;
        height: 100%;
        overflow: hidden
    }
}

.LiveLobbyInfoModal .InfoModaHero {
    position: relative;
    height: 12rem
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModaHero {
        max-width: 40%;
        height: 100%
    }
}

.LiveLobbyInfoModal .InfoModaHero:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5)
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModaHero:before {
        background: rgba(33, 33, 33, .2)
    }
}

.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage {
    height: 100%
}

.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage .PictureImg {
    -o-object-fit: cover;
    object-fit: cover
}

.LiveLobbyInfoModal .InfoModalContent {
    padding: 4rem 2rem;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModalContent {
        max-width: 60%;
        height: 100%;
        overflow-y: scroll;
        padding: 3.3rem 6.4rem
    }
}

.LiveLobbyInfoModal .InfoModalContent .Title {
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModalContent .Title {
        font-size: 3.6rem;
        text-transform: none;
        font-weight: 400
    }
}

.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2 {
    font-weight: 700
}

.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.2
}

@media (min-width:768px) {
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
        font-size: 1.4rem
    }
}

@media (min-width:1100px) {
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
    .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
        font-size: 1.6rem
    }
}

.RecentSearchesWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 85%
}

@media (min-width:1100px) {
    .RecentSearchesWrapper {
        height: 100%;
        justify-content: flex-start
    }
}

.RecentSearchesTitle {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    margin: 1.8rem .4rem 1.2rem;
    font-weight: 600
}

@media (min-width:600px) {
    .RecentSearchesTitle {
        margin: 1.8rem 1.2rem;
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

@media (min-width:1100px) {
    .RecentSearchesTitle {
        margin: 1.8 .6rem;
        font-size: 2.2rem;
        line-height: 2.8rem
    }
}

.NoRecentSearchesPicture {
    width: 20rem;
    height: 20rem;
    margin: 0 auto
}

.NoRecentSearchesPicture .SvgIcon {
    width: 100%;
    height: 100%;
    color: #fff;
    fill: #fff
}

.NoRecentSearchesPicture .SvgIcon svg {
    width: 100%;
    height: 100%
}

.NoRecentSearchesHighlightedText {
    font-weight: 700
}

.ComponentSearchedGamesGrid.RecentSearches {
    z-index: 2
}

.ComponentSearchedGamesGrid.RecentSearches .FavoriteGameToggleButton {
    display: none
}

.GameLeftWrapper .ComponentSearchedGamesGrid.RecentSearches {
    z-index: 3;
    background: #f0f0f0
}

.SearchContainer.ReadyToChangeState.Page-Casino .HighlightedListWrapper .GamesSwipeable,
.SearchContainer.ReadyToChangeState .RecentWinnersWidget,
.Toggle-OperatorSearchToggle.Page-Casino .HighlightedListWrapper .GamesSwipeable,
.Toggle-OperatorSearchToggle .RecentWinnersWidget {
    display: none
}

@media (min-width:1100px) {
    .SearchContainer.ReadyToChangeState .RecentWinnersWidget,
    .Toggle-OperatorSearchToggle .RecentWinnersWidget {
        display: block
    }
}

.SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,
.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    margin-top: 0
}

@media (min-width:1100px) {
    .SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,
    .Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
        display: block
    }
}

.SearchContainer.ReadyToChangeState .footer-wrapper,
.Toggle-OperatorSearchToggle .footer-wrapper {
    background: #fff;
    display: none
}

@media (min-width:1100px) {
    .SearchContainer.ReadyToChangeState .footer-wrapper,
    .Toggle-OperatorSearchToggle .footer-wrapper {
        display: block
    }
}

.SearchContainer.ReadyToChangeState .ComponentSearchedGamesGrid.RecentSearches,
.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.RecentSearches {
    opacity: 1
}

.SearchContainer.ReadyToChangeState .ComponentSearchedGamesGrid.RecentSearches .GamesSwipeable,
.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.RecentSearches .GamesSwipeable {
    width: 100%
}

.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
    display: none
}

.OperatorDepositReminder .TotalBalanceWrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.OperatorDepositReminder .TotalBalanceWrapper .Text {
    display: flex;
    margin-bottom: 0;
    margin-right: 1rem
}

.OperatorDepositReminder .TotalBalanceWrapper .Text:after {
    content: ":"
}

.OperatorDepositReminder .ModalContent {
    width: 96%;
    height: auto
}

@media (min-width:768px) {
    .OperatorDepositReminder .ModalContent {
        width: 50%
    }
}

.OperatorDepositReminder .ModalContentWrapper {
    border-radius: .8rem
}

.OperatorDepositReminder .ModalTitleContainer {
    text-align: center
}

.OperatorDepositReminder .ModalTitleContainer h1 {
    font-size: 2rem;
    padding: 2rem 4rem
}

.OperatorDepositReminder .ModalContentContainer {
    background-color: #e6e6e6;
    padding: 1rem;
    text-align: center
}

.OperatorDepositReminder .BalanceContainer {
    font-size: 1.8rem;
    color: #828282;
    margin-bottom: 1.5rem
}

.OperatorDepositReminder .DescriptionContainer {
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

.OperatorDepositReminder .DepositContainer .Button {
    font-size: 1.8rem;
    border-radius: 5rem;
    padding: .7rem 7rem;
    margin-bottom: 1.5rem
}

.OperatorDepositReminder .ContinueToSiteContainer .AnchorText {
    border: none;
    padding: 0 .4rem 0 0;
    font-size: 1.4rem
}

.OperatorDepositReminder .ContinueToSiteContainer .ContinueToSiteText {
    font-size: 1.4rem
}

body.Page-Casino.Page-Sports,
body.Page-Casino.Page-Sports .GameCategoriesWrapper,
body.Page-Casino.Page-Sports .SectionContent {
    background: #191919
}

.RecommendedListWrapper .GameProp.LiveProps {
    display: none
}

.ProfileCheckModal .ModalContent {
    width: 100%;
    height: 100%
}

@media (min-width:1100px) {
    .ProfileCheckModal .ModalContent {
        max-width: 40rem;
        height: auto
    }
}

.ProfileCheckModal .ProfileCheckWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    background-color: #fff;
    font-size: 1.6rem;
    line-height: 1.2;
    box-sizing: border-box
}

.ProfileCheckModal .ProfileCheckWrapper .ProfileCheckMessage {
    margin: 1.5rem 0;
    text-align: center
}

.ProfileCheckModal .ProfileCheckWrapper .Button {
    width: 18rem;
    margin: 1rem 0
}

.Page-Deposit .SectionContent {
    margin: 5rem auto 0;
    padding: 4rem 0;
    width: 100%;
    top: 0
}

@media (min-width:1100px) {
    .Page-Deposit .SectionContent {
        margin: 11rem auto 0;
        padding: 4rem
    }
}

.Page-Deposit .Form {
    padding: 0 2rem
}

@media (min-width:1100px) {
    .Page-Deposit .Form {
        max-width: 78.5rem;
        margin: 0 auto;
        padding: 0
    }
}

.DepositPageTitle {
    margin: 0 auto 2.8rem;
    padding: 0 2rem;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    max-width: 78.5rem
}

.DepositFieldset .DepositAmountInput {
    padding-left: 1rem
}

.Page-Deposit .BonusFieldSection {
    float: none;
    font-size: 1.6rem;
    color: #3d3d3d;
    margin-right: 0
}

.Page-Deposit .BonusFieldSection .BonusFieldContainer {
    display: flex;
    align-items: center
}

.Page-Deposit .BonusFieldSection .BonusFieldContainer .BonusFieldQuestion {
    margin-right: 2rem
}

.Page-Deposit .BonusFieldSection .BonusFieldContainer .ShowBonusButton {
    border: none;
    padding: 0;
    z-index: 1
}

.Page-Deposit .SubmitDepositContainer {
    display: flex;
    margin: 1rem 0
}

@media (min-width:1100px) {
    .Page-Deposit .SubmitDepositContainer {
        margin: 1rem 0 20rem
    }
}

.Page-Deposit .SubmitDepositContainer .DepositButton {
    min-width: 10rem
}

@media (min-width:1100px) {
    .Page-Deposit .Message {
        max-width: 78.5rem;
        margin: 0 auto
    }
}

.Page-Withdraw .SectionContent {
    margin: 5rem auto 0;
    padding: 4rem 0;
    width: 100%;
    top: 0
}

@media (min-width:1100px) {
    .Page-Withdraw .SectionContent {
        margin: 11rem auto 0;
        padding: 4rem
    }
}

.Page-Withdraw .Form {
    padding: 0 2rem
}

@media (min-width:1100px) {
    .Page-Withdraw .Form {
        max-width: 78.5rem;
        margin: 0 auto;
        padding: 0
    }
}

.WithdrawPageTitle {
    margin: 0 auto 2.8rem;
    padding: 0 2rem;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    max-width: 78.5rem
}

.WithdrawFieldset .WithdrawAmountInput {
    padding-left: 1rem
}

.Page-Withdraw .WithdrawButton {
    margin: 1rem 0
}

@media (min-width:1100px) {
    .Page-Withdraw .Message {
        max-width: 78.5rem;
        margin: 0 auto
    }
}

.OperatorAccountContainer {
    padding: .6rem 0
}

@media (min-width:1100px) {
    .OperatorAccountContainer {
        padding: .4rem 0 .6rem
    }
}

.OperatorAccountContainer .ButtonRegister,
.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .LanguageSelectorContainer .CustomSelectTrigger,
.OperatorAccountContainer .LogOutButtonContainer .Button,
.OperatorAccountContainer .OperatorHeaderDeposit,
.OperatorAccountContainer .WhatsappIconWrapper {
    border-radius: .8rem
}

.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .OperatorHeaderDeposit,
.OperatorAccountContainer .WhatsappIconWrapper {
    display: flex;
    align-items: center;
    height: 2.8rem;
    box-sizing: border-box
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallIconWrapper,
    .OperatorAccountContainer .InstanceToggleMenu,
    .OperatorAccountContainer .OperatorHeaderDeposit,
    .OperatorAccountContainer .WhatsappIconWrapper {
        height: 3.8rem
    }
}

.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .WhatsappIconWrapper {
    background: none;
    border: .2rem solid #f9c408
}

.OperatorAccountContainer .CallIconWrapper svg,
.OperatorAccountContainer .InstanceToggleMenu svg,
.OperatorAccountContainer .WhatsappIconWrapper svg {
    fill: #f9c408
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallIconWrapper:hover,
    .OperatorAccountContainer .InstanceToggleMenu:hover,
    .OperatorAccountContainer .WhatsappIconWrapper:hover {
        background: hsla(0, 0%, 100%, .3)
    }
}

.OperatorAccountContainer .ButtonRegister {
    margin-left: 1rem;
    margin-right: .8rem;
    padding: .7rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .ButtonRegister {
        margin-right: 0;
        margin-left: 2rem;
        padding: .8rem 1rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .ButtonLogin {
        margin-left: 0
    }
}

.OperatorAccountContainer .ButtonLogin:focus {
    outline: none
}

.OperatorAccountContainer .WhatsappIconWrapper {
    padding: .3rem .4rem;
    order: -3;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .WhatsappIconWrapper {
        width: 3.8rem;
        height: 3.8rem;
        padding: .5rem;
        border-width: .3rem
    }
}

.OperatorAccountContainer .WhatsappIconWrapper .CallIcon {
    display: flex
}

.OperatorAccountContainer .WhatsappIconWrapper svg {
    width: 1.7rem;
    height: 1.7rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .WhatsappIconWrapper svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.OperatorAccountContainer .CallIconWrapper {
    padding: .5rem .4rem;
    order: -2;
    height: 2.8rem;
    width: 2.8rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallIconWrapper {
        border-width: 3px;
        padding: .5rem;
        width: 3.8rem;
        height: 3.8rem
    }
}

.OperatorAccountContainer .CallIconWrapper .CallIcon {
    display: flex
}

.OperatorAccountContainer .CallIconWrapper svg {
    width: 1.7rem;
    height: 1.7rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallIconWrapper svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.OperatorAccountContainer .CallUsIcon {
    padding: 0
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallUsIcon {
        margin: 0;
        padding: .1rem
    }
}

.OperatorAccountContainer .CallUsIcon .Button.ToggleUserMenu {
    padding: 0
}

.OperatorAccountContainer .CallUsIcon .CallUsIconImg {
    height: 2.3rem;
    width: 2.3rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallUsIcon .CallUsIconImg {
        height: 2.7rem;
        width: 2.7rem
    }
}

.OperatorAccountContainer .CallUsIcon .CallUsFallbackIcon {
    padding: .2rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallUsIcon .CallUsFallbackIcon {
        padding: .3rem
    }
}

@media (min-width:768px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width: 51rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width: 60rem
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 1rem;
    padding: .8rem;
    background: #f9c408;
    border: .2rem solid #f9c408;
    line-height: 1.2
}

@media (min-width:480px) {
    .OperatorAccountContainer .Button.OperatorHeaderDeposit {
        margin: 0 1.6rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .Button.OperatorHeaderDeposit {
        padding: 1rem
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit:hover {
    background: #ffda69
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
    line-height: 1.4
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
    color: #294c0b
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
    display: flex
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
    width: 1.2rem;
    margin-left: .4rem;
    fill: #294c0b
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit.Disabled {
    background: #f0f0f0
}

.OperatorAccountContainer .ButtonIconStart,
.OperatorAccountContainer .ButtonIconStart .SvgIcon,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .ToggleUserMenu {
    display: flex
}

@media (max-width:1100px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu {
    padding: .2rem
}

@media (min-width:1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .5rem
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu:focus {
    outline: none
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer {
    position: relative;
    width: 100%;
    height: 5rem
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer .Spinner {
    top: 50%;
    left: 50%
}

.OperatorAccountContainer .ContentTriggerContentWrapper {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 5.4rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 5.4rem);
    -webkit-overflow-scrolling: touch;
    z-index: 2
}

@media (min-width:768px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        position: absolute;
        top: 5.2rem;
        left: auto;
        right: 0;
        width: 35rem
    }
}

@media (min-width:1100px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 11rem)
    }
}

.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 10.8rem)
}

@media (min-width:1100px) {
    .NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 16.4rem)
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 20.8rem)
}

.OperatorAccountContainer .ContentTriggerWrapper.IsActive .ContentTriggerContentWrapper {
    display: block
}

.OperatorAccountContainer .ContentTriggerContainer {
    background: #fff;
    color: #294c0b
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
        box-shadow: 0 3px 14px 0 rgba(33, 33, 33, .05)
    }
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.4rem 2rem
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.FooterContainer,
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer,
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LinksContainer {
    align-items: flex-start;
    justify-content: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer {
    background-color: #294c0b;
    padding: 0;
    justify-content: flex-start
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceContainerItem {
    flex: 1 0 33.3333%;
    width: 33.3333%;
    text-align: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceWrapper,
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBalanceWrapper,
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBonusesWrapper {
    padding: 1.4rem .5rem;
    margin: 0
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer {
    background-color: #294c0b;
    color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuUsername {
    font-size: 2.2rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .ComponentText {
    display: block;
    font-weight: 700;
    color: #fff;
    margin-bottom: .5rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .Currency {
    font-size: 1.8rem;
    color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem {
    width: 25%;
    margin: 1rem 0
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MenuItemImg {
    width: 3.5rem;
    height: 3.5rem;
    padding: .7rem
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MyAccountMenuLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #294c0b
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
    font-size: 1.6rem;
    color: #294c0b;
    padding: 1.2rem 1.9rem;
    border: .2rem solid #294c0b;
    transition: background .2s ease-in-out;
    z-index: 4
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:active,
.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.iOSDevice .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    padding-bottom: calc(12rem + env(safe-area-inset-bottom))
}

.LanguageSelectorSVGFlag .cls-2,
.LanguageSelectorSVGFlag .cls-3 {
    stroke: none
}

.BurgerNavMenuWrapper {
    z-index: 5
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
    width: 90vw
}

@media (min-width:680px) {
    .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
        width: 60vw
    }
}

.ContentTriggerWrapper .ToggleMainMenu {
    outline: none
}

.ContentTriggerWrapper .ToggleMainMenu:active,
.ContentTriggerWrapper .ToggleMainMenu:hover {
    color: #fff
}

.ContentTriggerWrapper.IsActive .ToggleMainMenu {
    top: 1.8rem;
    left: .5rem
}

.ContentTriggerWrapper.IsActive .hamburger-inner,
.ContentTriggerWrapper.IsActive .hamburger-inner:after,
.ContentTriggerWrapper.IsActive .hamburger-inner:before {
    width: 4rem
}

.ContentTriggerWrapper.IsActive .hamburger-box {
    width: 4rem;
    height: 3.4rem
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ItemWithChildren .SubMenuItemChild {
    display: none
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ItemWithChildren.IsActive .SubMenuItemChild {
    display: flex
}

.SectionHeader .hamburger {
    display: flex;
    flex-direction: column;
    align-items: center
}

.TriggerMainNav.IsActive .HamburgerContainer {
    width: inherit
}

.TriggerMainNav.IsActive .HamburgerHeaderWrapper {
    z-index: 1;
    width: 90vw
}

@media (min-width:680px) {
    .TriggerMainNav.IsActive .HamburgerHeaderWrapper {
        width: calc(60vw - env(safe-area-inset-left))
    }
}

.TriggerMainNav.IsActive .OperatorMainMenu .Anchor {
    color: #fff
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
    background: #294c0b;
    padding-bottom: calc(env(safe-area-inset-bottom) + 20rem);
    overflow-y: hidden
}

.HamburgerContainer .HamburgerHeaderWrapper {
    width: 0;
    background: #091202;
    transition: width .6s ease-in-out;
    padding-left: env(safe-area-inset-left)
}

.HamburgerContainer .HamburgerHeader {
    background: #294c0b;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin-left: 5rem;
    border-bottom: .2rem solid #f9c408;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.HamburgerContainer .HamburgerHeader .MenuItemLabel {
    color: #fff
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 9rem;
    height: 8rem;
    opacity: .8;
    padding: 0 .5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted {
    background-color: #f9c408
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted .MenuItemLabel {
    color: #000
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted .MenuItemImg {
    filter: invert(1)
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected {
    background-color: rgba(0, 0, 0, .3);
    opacity: 1
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected .MenuItemImg {
    filter: none
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected .MenuItemLabel {
    color: #fff
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted {
    background-color: rgba(255, 205, 54, .6)
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted .MenuItemLabel {
    color: #000
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted .MenuItemImg {
    filter: invert(1)
}

.HamburgerContainer .HamburgerHeader .MenuItemImg {
    width: 4rem;
    height: 4rem;
    margin-bottom: .3rem
}

.HamburgerContainer .HamburgerHeader .MenuItemImg svg {
    fill: #fff
}

.HamburgerContainer .HamburgerSubMenu {
    height: calc(100vh - 22rem);
    padding: 1rem 2rem 10rem calc(env(safe-area-inset-left) + 2rem);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (orientation:landscape) {
    .HamburgerContainer .HamburgerSubMenu {
        height: calc(100vh - 15rem)
    }
}

@supports (-moz-appearance:none) {
    .HamburgerContainer .HamburgerSubMenu {
        padding: 1rem 2rem env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + 2rem)
    }
    @media (orientation:landscape) {
        .HamburgerContainer .HamburgerSubMenu {
            height: calc(100vh - 22rem)
        }
    }
}

.HamburgerContainer .HamburgerSubMenu .MyAccountMenu {
    padding: 1rem 0
}

.HamburgerContainer .HamburgerSubMenu .MyAccountMenuUsername {
    font-size: 1.8rem;
    text-align: center;
    padding: 2rem 0
}

.HamburgerContainer .HamburgerSubMenu .Anchor.DepositBtn {
    background-color: #56a80a;
    color: #fff;
    margin: 0;
    padding: 1.5rem 0;
    text-align: center;
    text-transform: uppercase
}

.HamburgerContainer .HamburgerSubMenu .BalanceContainer {
    display: flex;
    justify-content: space-between
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ItemWithChildren.IsActive {
    padding-bottom: 0;
    border: none
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem {
    font-size: 1.6rem;
    padding: 1rem 0;
    margin: 0;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .1)
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem:last-child {
    border-bottom: none
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemHeader {
    border-bottom: none;
    position: relative
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemHeader.IsActive {
    border-bottom: .1rem solid hsla(0, 0%, 100%, .1);
    padding-bottom: 1rem
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemChild {
    border-bottom: .1rem solid hsla(0, 0%, 100%, .1)
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemChild .SubMenuItemLabel {
    font-weight: 100
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ComponentAnchor,
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .ComponentAnchor {
    display: flex;
    align-items: center
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted {
    background-color: #f9c408
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted .SubMenuItemLabel {
    color: #000
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted .SubMenuItemImg {
    filter: invert(1)
}

.HamburgerContainer .HamburgerSubMenu .ComponentAnchor {
    display: flex;
    align-items: center
}

.HamburgerContainer .HamburgerSubMenu .MenuItemImg,
.HamburgerContainer .HamburgerSubMenu .SubMenuItemImg {
    display: inline-block;
    fill: #fff;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem
}

.HamburgerContainer .HamburgerSubMenu .MyAccountMenuLink.Anchor {
    display: inline-block;
    color: #fff
}

.HamburgerContainer .HamburgerSubMenu .LastLoginDateContainer,
.HamburgerContainer .HamburgerSubMenu .LogOutButtonContainer {
    text-align: center
}

.HamburgerContainer .HamburgerSubMenu .LogOutButton {
    color: #fff
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: .6rem
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow svg {
    fill: #fff;
    color: #fff
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow.IsActive svg {
    transform: rotate(180deg)
}

.HamburgerContainer .ItemWithChildren .Anchor {
    padding: 1rem 0
}

.HamburgerContainer .BalanceContainerItem {
    text-align: center
}

.HamburgerContainer .BalanceContainerItem .Text {
    display: block
}

.HamburgerContainer .BalanceContainerItem .Currency {
    font-size: 1.6rem;
    font-weight: 700;
    color: #56a80a
}

.iOSDevice .OperatorTopLanguage,
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorTopLanguage .LanguageSelectorSVGFlag {
    padding-left: 0
}

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .ComponentSiteLanguageSelector .HeaderLanguageSelector:before {
    left: .5rem
}

.BurgerNavMenuWrapper .HamburgerActiveLabel {
    display: none
}

.BurgerNavMenuWrapper.IsActive .HamburgerActiveLabel {
    display: block
}

.BurgerNavMenuWrapper.IsActive .HamburgerDefaultLabel {
    display: none
}

.iOSDevice .HamburgerSubMenu>:last-child {
    margin-bottom: 10rem
}

.iOSDevice.NotificationActive .HamburgerSubMenu>:last-child {
    margin-bottom: 15.4rem
}

@media (max-width:1099px) {
    .Page-Casino .HighlightedListWrapper.MsnRow,
    .Page-LiveCasino .HighlightedListWrapper.MsnRow {
        max-width: 100%
    }
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
    .Page-LiveCasino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        display: inline;
        left: 4rem;
        transform: none;
        margin: 0 2.2rem 1.2rem;
        padding-left: 0
    }
}

@media (max-width:1099px) and (max-width:767px) {
    .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
    .Page-LiveCasino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
        left: 0
    }
}

@media (max-width:1099px) {
    .Page-Casino .HighlightedListWrapper.MsnRow .GamesSwipeable,
    .Page-LiveCasino .HighlightedListWrapper.MsnRow .GamesSwipeable {
        padding-top: 8rem;
        padding-bottom: 1rem;
        background-image: none !important
    }
}

@media (max-width:1099px) and (min-width:768px) {
    .Page-Casino .HighlightedListWrapper.MsnRow .GamesSwipeable,
    .Page-LiveCasino .HighlightedListWrapper.MsnRow .GamesSwipeable {
        padding-top: 12rem
    }
}

@media (min-width:300px) and (max-width:1099px) {
    .Page-Casino .MsnRow .GamesListContainer,
    .Page-LiveCasino .MsnRow .GamesListContainer {
        display: grid;
        grid-template-columns: repeat(6, 12.4rem);
        grid-template-rows: 12.4rem;
        grid-gap: .8rem;
        justify-items: stretch;
        align-items: stretch
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .Page-Casino .MsnRow .GamesListContainer,
    .Page-LiveCasino .MsnRow .GamesListContainer {
        grid-template-columns: repeat(6, 14.6rem);
        grid-template-rows: auto;
        grid-gap: .6rem;
        grid-row-gap: 1.2rem
    }
}

@media (min-width:300px) and (max-width:1099px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer,
    .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer {
        display: grid;
        grid-template-columns: repeat(6, 12.4rem);
        grid-template-rows: 12.4rem;
        grid-gap: .8rem;
        justify-items: stretch;
        align-items: stretch
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer,
    .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer {
        grid-template-columns: repeat(6, 14.6rem);
        grid-gap: .6rem;
        grid-row-gap: 1.2rem
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer .ListGame:first-child,
    .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer .ListGame:nth-child(2),
    .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer .ListGame:first-child,
    .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer .ListGame:nth-child(2) {
        grid-column: auto;
        grid-row: auto
    }
}

@media (min-width:300px) and (max-width:1099px) {
    .Page-Casino .MsnRow .ComponentGameThumbnail,
    .Page-Casino .MsnRow .GameTileContainer,
    .Page-Casino .MsnRow .ListGame,
    .Page-Casino .MsnRow .ListGameImage,
    .Page-Casino .MsnRow .ListGameLink,
    .Page-LiveCasino .MsnRow .ComponentGameThumbnail,
    .Page-LiveCasino .MsnRow .GameTileContainer,
    .Page-LiveCasino .MsnRow .ListGame,
    .Page-LiveCasino .MsnRow .ListGameImage,
    .Page-LiveCasino .MsnRow .ListGameLink {
        width: 100%;
        max-width: 100%;
        overflow: visible
    }
}

.Page-Casino .MsnRow .ListGame,
.Page-LiveCasino .MsnRow .ListGame {
    margin-bottom: 0
}

@media (min-width:300px) and (max-width:767px) {
    .Page-Casino .MsnRow .ListGame,
    .Page-LiveCasino .MsnRow .ListGame {
        width: 12.4rem;
        height: auto;
        min-height: 0;
        max-width: unset
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .Page-Casino .MsnRow .ListGame,
    .Page-LiveCasino .MsnRow .ListGame {
        width: 14.6rem;
        height: auto;
        min-height: 0;
        max-width: unset
    }
}

@media (min-width:300px) and (max-width:1099px) {
    .Page-Casino .MsnRow .VerticalMobileLayout .ListGameImage,
    .Page-LiveCasino .MsnRow .VerticalMobileLayout .ListGameImage {
        min-height: 0;
        border-radius: .8rem;
        -o-object-fit: fill;
        object-fit: fill
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .GamesList {
        padding: 0 4rem
    }
}

@media (max-device-width:1099px),
(min-device-width:320px) and (orientation:landscape),
(min-width:768px) and (max-width:1099px) {
    .GamesList .GameCategoryIcon {
        margin: 1rem 1.8rem 0
    }
    .GamesList .GameCategoryIcon img,
    .GamesList .GameCategoryIcon svg {
        max-height: 3rem;
        width: auto
    }
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2.4rem 1.6rem 0;
    grid-gap: 1.2rem
}

@media (min-width:480px) {
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
    .MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media only screen and (min-device-width:320px) and (orientation:landscape) {
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
    .MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
    .MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .ListGame,
.MsnRow .VerticalMobileLayout .ListGame {
    width: 100%;
    padding: 0
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTitle,
.MsnRow .VerticalMobileLayout .GameTitle {
    display: block;
    text-align: center;
    margin: .5rem auto;
    max-width: 70%;
    width: 100%
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTags,
.MsnRow .VerticalMobileLayout .GameTags {
    width: 100%
}

@media (max-device-width:1099px),
(min-device-width:320px) and (orientation:landscape),
(min-width:768px) and (max-width:1099px) {
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTags,
    .MsnRow .VerticalMobileLayout .GameTags {
        position: absolute;
        top: 0
    }
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTags .GameProp.NewGameRibbon,
    .MsnRow .VerticalMobileLayout .GameTags .GameProp.NewGameRibbon {
     
        background-color: transparent;
        background-position: 0;
        background-size: 100%;
        position: relative;
        max-width: 6.85rem;
        max-height: 2.125rem;
        width: 100%;
        height: 100%;
        text-indent: 2.25rem;
        font-size: 1.2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: 2rem 0
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames {
    display: flex;
    justify-content: center;
    border: .2rem solid #f9c408;
    border-radius: .8rem;
    color: #f9c408;
    padding: 1.6rem;
    text-align: center;
    width: 20rem
}

@media (min-width:768px) {
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
    .MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames,
    .MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
    .MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames {
        width: 40rem
    }
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton:hover,
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames:hover,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton:hover,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames:hover {
    border: .2rem solid #af841b;
    color: #af841b;
    text-decoration: none
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer {
    padding: 2.4rem 1.6rem 3.2rem;
    grid-row-gap: 3.2rem
}

.InstanceGeneralGameListGrid.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
.InstanceGeneralGameListGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    padding: 0 1.6rem
}

.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer,
.InstanceCategoryFavGames.MsnRow .VerticalMobileLayout .GamesListContainer {
    padding: 0 1.6rem;
    margin-top: 0
}

.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(2, 50%)
}

@media (min-width:480px) {
    .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(3, 33.3333%)
    }
}

@media only screen and (min-device-width:320px) and (orientation:landscape) {
    .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(4, 25%)
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
        grid-template-columns: repeat(4, 25%)
    }
}

.GameProp.GameVendorLogo {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    box-sizing: border-box;
    background: transparent;
    height: 4rem;
    pointer-events: none
}

@media (min-width:1100px) {
    .GameProp.GameVendorLogo {
        pointer-events: auto
    }
}

@media (min-width:768px) {
    .GameProp.GameVendorLogo {
        right: .2rem;
        top: .2rem
    }
}

.GameProp.GameVendorLogo .GameVendorLogoImage {
    max-width: 100%;
    max-height: 100%
}

.ListGame:hover .GameProp.GameVendorLogo,
.ListGameLink:hover .GameProp.GameVendorLogo {
    opacity: 1;
    z-index: 1
}

.StickyPlaceholder {
    height: 6rem
}

@media (min-width:1100px) {
    .StickyPlaceholder {
        height: 7.7rem
    }
}

.StickyPlaceholder .CategoriesItem.ListItem {
    height: 6rem
}

@media (min-width:1100px) {
    .StickyPlaceholder .CategoriesItem.ListItem {
        height: 7.7rem
    }
}

.StickyWrapper {
    height: 6rem
}

@media (min-width:1100px) {
    .StickyWrapper {
        height: 7.7rem
    }
}

.OperatorSticky {
    height: 6rem
}

@media (min-width:1100px) {
    .OperatorSticky {
        height: 7.7rem
    }
}

.OperatorCasinoCategories {
    height: 6rem
}

@media (min-width:1100px) {
    .OperatorCasinoCategories {
        height: auto
    }
}

.IsScrolled .NewCatScroll {
    height: 6rem
}

@media (min-width:600px) {
    .IsScrolled .NewCatScroll {
        height: 100%
    }
}

@media (min-width:1100px) {
    .IsScrolled .NewCatScroll {
        height: 100%
    }
}

.SearchTrigger .InstanceIconSearch.ButtonIconStart {
    margin-top: .5rem
}

.CategoriesItem .GameCategory,
.ExtraCategories .Anchor,
.ExtraCategories .Button {
    padding: 2.1rem 1.5rem 2rem;
    border-bottom: .4rem solid transparent
}

@media (min-width:1100px) {
    .CategoriesItem .GameCategory,
    .ExtraCategories .Anchor,
    .ExtraCategories .Button {
        padding: 3rem 1.5rem 2.8rem
    }
}

.LiveProps {
    bottom: 2.6rem;
    border-bottom-right-radius: .8rem;
    border-bottom-left-radius: .8rem
}

@media (min-width:768px) {
    .LiveProps {
        bottom: 2.8rem
    }
    .LiveProps.Authenticated {
        bottom: 5.4rem
    }
}

@media (min-width:1100px) {
    .LiveProps {
        bottom: 1.8rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    .LiveProps.Authenticated {
        bottom: 4.4rem
    }
    .WithGameTags .LiveProps.Authenticated {
        bottom: 7rem
    }
    .WithGameTags .LiveProps {
        bottom: 4.6rem
    }
    .LiveProps.BlackJackProps,
    .LiveProps.RoulleteProps {
        bottom: 2.2rem
    }
}

.LiveProps .LiveLimits {
    border-bottom-right-radius: .8rem;
    border-bottom-left-radius: .8rem
}

@media (min-width:1100px) {
    .LiveProps .LiveLimits {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.RegisterFormWrapper .RegisterFormBanner {
    word-break: break-word
}

.RegisterFormWrapper .RegisterPrestep {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 5rem 3rem;
    flex-direction: column
}

@media (min-width:1101px) {
    .RegisterFormWrapper .RegisterPrestep {
        max-width: 70%;
        padding: 0
    }
}

.RegisterFormWrapper .RegisterPrestep .RegisterPrestepButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1.5rem;
    background-color: #f9c408;
    color: #212121;
    position: relative;
    font-size: 1.7rem
}

@media (min-width:768px) {
    .RegisterFormWrapper .RegisterPrestep .RegisterPrestepButton {
        font-size: 2rem
    }
}

.RegisterFormWrapper .RegisterPrestep .RegisterPrestepButton span:first-child {
    flex: 0 0 3rem
}

.RegisterFormWrapper .RegisterPrestep .RegisterPrestepButton span:last-child {
    flex: 1 0 auto
}

.RegisterFormWrapper .RegisterPrestep svg {
    width: 100%
}

.RegisterFormWrapper .RegisterPrestep svg path {
    fill: #294c0b
}

.MyAccountMenu .CompleteRegistrationButton {
    max-width: 30rem;
    margin: 0 auto;
    width: 100%;
    background-color: #f9c408;
    color: #294c0b;
    position: relative
}

.AnonymousRegistrationDisclaimer {
    text-align: center;
    margin: 3rem auto;
    max-width: 50rem;
    color: #212121
}

.AnonymousRegistrationDisclaimer p {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: .5rem
}

.AnonymousRegistrationDisclaimer .RegistrationDisclaimer {
    font-size: 2rem;
    margin-bottom: 1.2rem
}

.RegisterFormStepWrapper .trIdNote {
    color: #212121;
    font-size: 1.1rem;
    font-style: italic;
    word-break: break-word;
    margin-top: .5rem
}

.ForgotPass2FaModal {
    min-height: 100%
}

@media (min-width:1100px) {
    .ForgotPass2FaModal {
        min-height: 35rem
    }
}

.ForgotPass2FaModal .ModalBody {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.ForgotPass2FaModal .ModalBody .PasswordFieldWrapper {
    position: relative
}

.ForgotPass2FaModal .ModalBody .PasswordFieldWrapper .PasswordToggleIcon {
    position: absolute;
    right: 1rem;
    top: .8rem;
    cursor: pointer
}

.ForgotPass2FaModal .ModalBody .PendingStatus {
    margin-top: 2rem
}

.ForgotPass2FaModal .ModalBody .CodeStatusInfo {
    position: relative;
    margin-bottom: 1.5rem;
    top: 0;
    font-size: 1.4rem;
    color: #294c0b
}

.ForgotPass2FaModal .ModalBody .ResendSmsInfo {
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #294c0b;
    margin-bottom: 1rem
}

.ForgotPass2FaModal .SubmitButton {
    margin-top: 3rem
}

.ForgotPass2FaModal .PhoneInfo {
    color: #294c0b;
    line-height: 2rem;
    font-size: 1.6rem;
    margin-bottom: .4rem
}

.ForgotPass2FaModal input {
    width: 100%
}

.ForgotPass2FaModal .CodeInput {
    display: flex
}

.ForgotPass2FaModal .CodeInput input {
    min-width: 4rem
}

.ForgotPass2FaModal .CodeInput .SendButton {
    height: 4rem;
    margin-left: 1rem;
    min-width: 11rem
}

.ModalWrapper {
    min-width: 30rem;
    flex-direction: column;
    position: relative;
    top: 30%
}

.ModalHeader {
    background: #294c0b;
    color: #f9c408;
    text-transform: capitalize;
    font-size: 1.6rem;
    min-height: 2rem;
    padding: .8rem 1rem;
    margin-bottom: .4rem;
    display: flex
}

.ModalHeader .InfoText {
    margin-left: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.BackBtnSmsToggle {
    border-radius: .8rem;
    border-width: .2rem;
    line-height: 1rem;
    text-transform: uppercase;
    border-color: #294c0b;
    color: #294c0b;
    position: absolute;
    right: 10px;
    top: 8px
}

.ModalBody {
    display: flex;
    flex-direction: column;
    padding: 1.2rem 3rem 2rem;
    position: relative;
    min-height: 25rem
}

.ModalBody .ActiveLink {
    color: #000bff
}

.ModalBody .ModalInput.Phone {
    padding-left: 4rem
}

.ModalBody .ModalInput.Code,
.ModalBody .ModalInput.VerificationCode {
    text-align: center
}

.ModalBody .PendingStatus {
    position: relative;
    height: 2rem
}

.ModalBody .PendingStatus .Spinner {
    top: 0
}

.ModalBody .Spinner {
    top: 50%;
    left: 50%
}

.ModalBody .InvalidCodeError {
    text-align: center;
    position: relative;
    top: -2rem
}

.ModalBody .PhoneIcon {
    width: 3rem;
    top: .5rem;
    left: .5rem;
    position: absolute
}

.ModalBody .PhoneIcon svg {
    fill: #dedede
}

@media (min-width:760px) {
    .ModalBody .PhoneIcon {
        top: .6rem
    }
}

@media (min-width:1100px) {
    .ModalBody .PhoneIcon {
        top: .6rem
    }
}

.ModalBody .CodeStatusInfo {
    text-align: center;
    position: relative;
    width: 100%;
    top: -2.4rem
}

.ModalBody .CodeStatusInfo.Failed {
    color: red
}

.ModalBody .ResendSmsInfo {
    text-align: center;
    position: relative;
    line-height: 1.6rem
}

.ModalInput {
    height: 4rem;
    margin-bottom: 1rem;
    width: 100%
}

.ModalButton {
    background: #294c0b;
    color: #f9c408;
    margin-bottom: 2.4rem;
    text-transform: capitalize;
    border-radius: .4rem;
    width: 100%
}

.CustomLoginContent {
    color: #fff
}

@media (min-width:1100px) {
    .CustomLoginContent {
        color: #294c0b
    }
}

.ActiveLink {
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline
}

@media (min-width:1100px) {
    .ActiveLink {
        width: auto;
        color: #000bff
    }
}

.SmsPadlock svg {
    width: 4rem;
    height: 4rem
}

.display2FAForm {
    padding: 2rem 4rem;
    color: #fff
}

@media (min-width:1100px) {
    .display2FAForm {
        width: auto;
        color: #212121
    }
}

.display2FAForm .Title {
    margin-top: 5rem;
    text-align: center;
    padding: 0 1.5rem;
    margin-bottom: 2rem
}

@media (min-width:1100px) {
    .display2FAForm .Title {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.display2FAForm .SvgIcon {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    fill: #fff
}

@media (min-width:1100px) {
    .display2FAForm .SvgIcon {
        fill: #212121
    }
}

.display2FAForm .SvgIcon svg {
    height: 10rem
}

.display2FAForm .CodeInput {
    width: 100%;
    text-align: center;
    background: #e8f0fd;
    font-weight: 900;
    margin-bottom: 1rem
}

.display2FAForm .Validate {
    width: 100%;
    background-color: #f9c408;
    border-radius: .4rem;
    border: none;
    color: #294c0b;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.display2FAForm .Info.ResendSms {
    cursor: pointer;
    line-height: 1.5rem;
    height: 4rem;
    position: relative
}

.display2FAForm .Info.ResendSms .Spinner {
    top: 0
}

.PhoneInputWrapper,
.toggle-switch {
    position: relative
}

.toggle-switch {
    width: 9rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: left
}

.toggle-switch-checkbox {
    display: none
}

.toggle-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0 solid #bbb;
    border-radius: 2rem;
    margin: 0
}

.toggle-switch-label:focus {
    outline: none
}

.toggle-switch-label:focus>span {
    box-shadow: 0 0 .2rem .5rem red
}

.toggle-switch-label>span:focus {
    outline: none
}

.toggle-switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.toggle-switch-inner:after,
.toggle-switch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 3rem;
    padding: 0;
    line-height: 3rem;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    box-sizing: border-box
}

.toggle-switch-inner:before {
    content: attr(data-yes);
    text-transform: uppercase;
    padding-left: 1rem;
    background-color: #8bc53e;
    border: .1rem solid #66942c;
    border-right: none;
    border-bottom: none;
    border-radius: 4rem;
    color: #fff
}

.toggle-switch-disabled,
.toggle-switch-disabled:before {
    background-color: #ddd;
    cursor: not-allowed
}

.toggle-switch-inner:after {
    content: attr(data-no);
    text-transform: uppercase;
    padding-right: 1rem;
    background-color: #a1a2a5;
    border: .1rem solid #5c5c5e;
    border-right: none;
    border-bottom: none;
    border-radius: 4rem;
    color: #fff;
    text-align: right
}

.toggle-switch-switch {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: .2rem;
    background: #e5e6e6;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6rem;
    border: .1rem solid #fff;
    border-right: none;
    border-bottom: none;
    border-radius: 2rem;
    transition: all .3s ease-in 0s
}

.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner {
    margin-left: 0
}

.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch {
    right: 0
}

.toggle-switch.small-switch {
    width: 4rem
}

.toggle-switch.small-switch .toggle-switch-inner:after,
.toggle-switch.small-switch .toggle-switch-inner:before {
    content: "";
    height: 2rem;
    line-height: 2rem
}

.toggle-switch.small-switch .toggle-switch-switch {
    width: 1.6rem;
    right: 2rem;
    margin: .2rem
}

@media screen and (max-width:991px) {
    .toggle-switch {
        transform: scale(.9)
    }
}

@media screen and (max-width:767px) {
    .toggle-switch {
        transform: scale(.825)
    }
}

@media screen and (max-width:575px) {
    .toggle-switch {
        transform: scale(.75)
    }
}

.PhoneUpdateIconContainer {
    cursor: pointer
}

.PhoneUpdateIconContainer .MyAccountMenuLink .MenuItemImg svg {
    fill: #f9c408
}

.UpdatePhoneModalBody .PhoneUpdateLabel {
    text-align: center;
    margin-top: 1rem
}

.UpdatePhoneModalBody .PhoneUpdateLabel .PhoneNumberUpdateTip {
    margin-left: 1rem;
    color: #828282;
    font-size: .7em
}

.UpdatePhoneModalBody .PhoneUpdatedContent {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-grow: 1
}

.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessImg svg {
    height: 7rem;
    fill: #294c0b
}

.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Header {
    color: #294c0b
}

.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Info {
    text-align: center;
    max-width: 20rem;
    margin-bottom: 1rem
}

.UpdatePhoneModalBody .PhoneUpdatedContent .ConfirmButton {
    width: 50%
}

.UpdatePhoneModalBody .PhoneUpdatedContent .PhoneInputWrapper {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.UpdatePhoneModalBody .PhoneUpdatedContent .ResendCode {
    margin-top: 3rem
}

.UpdatePhoneModalBody .PhoneUpdateContainer .NewNumberHeader {
    margin-bottom: 1rem
}

.UpdatePhoneModalBody .PhoneUpdateContainer .SMSModalInfo {
    margin-top: 1rem
}

.UpdatePhoneModalBody .PhoneUpdateContainer .PhoneInputWrapper {
    margin-top: 0
}

.UpdatePhoneModalBody .PhoneUpdateContainer .PhoneInputWrapper input::-moz-placeholder {
    font-style: italic;
    color: #828282
}

.UpdatePhoneModalBody .PhoneUpdateContainer .PhoneInputWrapper input:-ms-input-placeholder {
    font-style: italic;
    color: #828282
}

.UpdatePhoneModalBody .PhoneUpdateContainer .PhoneInputWrapper input::placeholder {
    font-style: italic;
    color: #828282
}

.UpdatePhoneModalBody .PhoneUpdateContainer .PhonePrefixContainer {
    margin-bottom: 2rem
}

.UpdatePhoneModalBody .PhoneInputWrapper {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.UpdatePhoneModalBody .ModalButton {
    margin-top: 2rem;
    margin-bottom: 0;
    color: #fff
}

.UpdatePhoneModalBody .ModalInput.VerificationCode {
    margin-top: .8rem
}

.UpdatePhoneModalBody .ModalInput.VerificationCode.Validation {
    margin-top: 0
}

.UpdatePhoneModalBody .PhoneNotUpdatableLabel {
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.SMSModalInfo {
    text-align: center
}

.SMSModalInfo.Verification {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center
}

.SMSModalInfo.ResendCode {
    cursor: pointer;
    margin-top: .4rem
}

.SMSModalInfo.Error {
    color: #c03928;
    text-align: center
}

.SmSCodeWrapper {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 5rem
}

.SmSCodeWrapper .SmSCodeInputWrapper {
    position: relative;
    display: inline-block
}

.SmSCodeWrapper .SmSCodeInputWrapper .InputContainer {
    margin: 0
}

.SmSCodeWrapper .SmSCodeInputWrapper:before {
    content: attr(data-placeholder);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.SmSCodeWrapper .SmSCodeInputWrapper .InputWrap input {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    background: none
}

.SmSCodeWrapper .SmSCodeInputWrapper .InputWrap input,
.SmSCodeWrapper .SmSCodeInputWrapper:before {
    font-size: 2.4rem;
    letter-spacing: 2rem;
    width: 19rem
}

.SmSCodeWrapper .SmSCodeInputWrapper .Message {
    margin-bottom: -1.5rem;
    position: absolute;
    top: 5rem;
    text-align: center
}

.SmSCodeWrapper .SmSCodeInputWrapper .Message.Error {
    left: -5rem;
    width: 29rem
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.SmsSecurityContainer {
    padding: 0 2rem 1rem;
    margin-top: -1rem
}

.IgReelsContainer {
    display: flex;
    position: fixed;
    top: 0;
    height: 8rem;
    width: 100%;
    color: #fff;
    z-index: 11;
    box-sizing: content-box;
    background-color: #294c0b;
    overflow: auto
}

.IgReelsContainer .IgSpinner {
    top: 3.5rem
}

.IgReelsContainer .StoryContainer {
    margin: .4rem;
    width: 6rem
}

.IgReelsContainer .StoryContainer .StoryTitle {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.IgReelsContainer .StoryContainer .StoryIconSmall {
    border-radius: 50%;
    background: #212121;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    height: 5.6rem;
    width: 5.6rem;
    border: .2rem solid
}

.IgReelsContainer .StoryContainer .StoryIconSmall.Watched {
    border-color: #757575
}

.IgReelsContainer .StoryContainer .StoryIconSmall.Pristine {
    border-color: #f9c408
}

.IgReelsContainer .StoryContainer .StoryIconSmall img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.IgStoriesContent,
body.StoriesShown {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.IgStoriesContent {
    position: fixed;
    z-index: 11;
    height: 100vh
}

.IgStoriesContent .IosCloseBtn {
    position: absolute;
    z-index: 1000;
    right: 1rem;
    top: 2rem;
    width: 2.5rem;
    height: 2.5rem
}

.IgStoriesContent .IosCloseBtn svg {
    fill: #fff
}

.IgStoriesContent div {
    height: 100%
}

.IgStoriesContent div div:nth-child(2) div {
    width: 100%;
    display: flex
}

.IgStoriesContent div div:nth-child(2) div img {
    -o-object-fit: contain;
    object-fit: contain
}

.NotificationActive .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 19.4rem)
}

@media (min-width:1100px) {
    .NotificationActive .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 17rem)
    }
}

.IgReelsContainer~.SectionHeader {
    top: 8rem;
    border-top: .4rem solid #f9c408
}

.IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 13.4rem);
    top: 5rem
}

@media (min-width:768px) {
    .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        position: absolute;
        top: 5.2rem;
        left: auto;
        right: 0;
        width: 35rem
    }
}

@media (min-width:1100px) {
    .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 11rem)
    }
}

.IgReelsContainer~.SectionContent {
    padding-top: 13.4rem
}

.NotificationArea+.IgReelsContainer {
    top: 6rem
}

.NotificationArea+.IgReelsContainer~.SectionHeader {
    top: 14rem
}

.Toggle-OperatorSearchToggle .IgReelsContainer~.SectionContent {
    padding-top: 5.4rem
}

.NotificationList {
    top: 5.4rem + 6rem + 8rem
}

.OperatorUserMenuWrapper {
    max-height: calc(100vh - 3rem)
}

.Overlay {
    position: absolute;
    display: flex;
    z-index: 120;
    background: transparent;
    height: 100vh;
    width: 100%;
    top: 5rem
}

.Overlay .OverlayChild {
    width: 50%
}

.GameFrameWrapper {
    margin: 12.4rem auto 0
}

.GamesListContainer .ListGame .FavoriteGameToggleButton {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.GamesListContainer .ListGame:hover .FavoriteGameToggleButton {
    opacity: 1
}

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #f9c408 !important
}

.hamburger-box {
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 28px;
    height: 4px;
    background-color: #f9c408 !important;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 8px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 16px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.IsActive .hamburger--spring .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important
}

.IsActive .hamburger--spring .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.IsActive .hamburger--spring .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 8px, 0) rotate(-45deg)
}

.footer-main,
.footer-secondary {
    background: #000
}

.footer-main {
    border-bottom: .1rem solid hsla(0, 0%, 100%, .1)
}

.footer-main-col,
.footer-nav-item .Anchor,
.footer-secondary {
    color: #fff
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    color: #294c0b
}

.footer-external-logo-item img {
    background: none
}

.footer-main-col:nth-child(2) {
    background-color: transparent
}

.BetslipWrapper .BetslipIndicatorCounter {
    color: #242424;
    font-weight: 600
}

.RecentWinnersWidget .RecentWinnersWidgetContainer:before,
.RecentWinnersWidget .Slider {
    background: #294c0b;
    border-bottom: .1rem solid #294c0b
}

@media (min-width:1100px) {
    .GameSearch {
        border: .1rem solid #fff
    }
}

.ComponentSearchedGamesGrid,
.InstanceNoSearchedGamesFound {
    background: #294c0b
}

.CategoriesItem .GameCategory,
.ExtraCategories .Anchor,
.ExtraCategories .Button {
    color: #294c0b
}

.CasinoCategoryActive .Anchor,
.CategoriesItem .GameCategory.IsActive,
.ExtraCategories .Anchor.IsActive {
    color: #111522;
    border-bottom: .4rem solid #af841b
}

@media (min-width:1100px) {
    .CategoriesItem .GameCategory:hover,
    .ExtraCategories .Anchor:hover {
        color: #111522;
        fill: #111522;
        background: hsla(0, 0%, 100%, .3)
    }
}

.HorizontalScrollWrapper .HorizontalScrollBtn svg {
    fill: #fff
}

@media (min-width:375px) {
    .OperatorLogoLink .Icon,
    .OperatorLogoLink .SvgIcon,
    .OperatorLogoLink svg {
        width: 11.2rem
    }
}

@media (min-width:1100px) {
    .OperatorLogoLink .Icon,
    .OperatorLogoLink .SvgIcon,
    .OperatorLogoLink svg {
        position: absolute;
        top: .3rem;
        width: 19.2rem;
        height: 4.5rem
    }
}

@media (min-width:1465px) {
    .OperatorLogoLink .Icon,
    .OperatorLogoLink .SvgIcon,
    .OperatorLogoLink svg {
        position: relative;
        width: 19.2rem;
        height: 5.5rem
    }
}

.IsSearching .OperatorSticky .GamesListContainer {
    padding-bottom: 16rem !important
}

@media (min-width:1100px) {
    .IsSearching .OperatorSticky .GamesListContainer {
        padding-bottom: 18rem !important
    }
}

.PhoneUpdateIconContainer .MyAccountMenuLink .MenuItemImg svg {
    fill: #294c0b
}
.OperatorMainMenu .SvgIcon, .OperatorMainMenu svg {
    display: block;
}
div.HamburgerSubMenu .BurgerSearchInputWrapper .InstanceOperatorClearButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    height: 100%;
    right: 1rem;
}
.BurgerSearchInputWrapper .ClearButton {
    border: none;
    position: absolute;
    right: 1.5rem;
}
.BurgerSearchInput {
    padding-right: 3.5rem;
    color: #fff;
    background: transparent;
    padding-left: 4.5rem;
    border: 0.1rem solid hsla(0,0%,100%,.1);
    caret-color: transparent;
}
input, select, textarea {
    display: inline-block;
    padding: 1rem 1.2rem;
    border: 1px solid #dedede;
    box-sizing: border-box;
    background: #fff;
    color: #212121;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius: 0.4rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif;
}
.HamburgerSubMenu .subMenuHeaderWrapper {
    padding-top: 1rem;
}
.HamburgerSubMenu .RandomGameWrapper casino-random-game::part(RandomButtonWrapper) {
    margin-top: 0;
}
.RandomGameWrapper casino-random-game::part(RandomButton) {
    background: #f9c408;
    color: #fff;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}
.Anchor, .Button, .FormLabel, a, button {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
}

.BurgerSearchInputWrapper {
    margin: 1rem 0;
    width: 100%;
    display: inline-block;
    position: relative;
}
.RandomGameWrapper casino-random-game::part(ModalContainer) {
    border-top: 3px solid #f9c408;
}
.ModalWindow .ModalContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 90vw;
    min-height: 380px;
    max-width: 500px;
    padding: 40px 40px 16px 40px;
    border-top: 3px solid var(--emfe-w-color-secondary, #FD2839);
    border-radius: 5px;
    position: relative;
    background: var(--emfe-w-color-white, #FFFFFF);
}
.RandomGameWrapper casino-random-game::part(RandomGamePlay), .RandomGameWrapper casino-random-game::part(RandomGameTitle), .RandomGameWrapper casino-random-game::part(RandomGameVendor) {
    color: #212121;
}
.RandomGameWrapper casino-random-game::part(RandomGamePlay) {
    background: #f9c408;
    color: #fff;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}
.RandomGameWrapper casino-random-game::part(RandomTryAgain) {
    background: #f9c408;
}
.RandomGameWrapper casino-random-game::part(ModalCloseBtn) {
    color: #f9c408;
}