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 iframe {
    height: 7.8rem
}

@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: -5.6rem;
    opacity: 1;
    transition: all .6s ease-in-out
}

.IframeContainer.Hover .BtnGroup.RightSide,.IframeContainer:hover .BtnGroup.RightSide {
    left: auto;
    right: -5.6rem
}

.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: #ffcd36;
    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: #ffcd36;
    border-color: #ffcd36;
    color: #fff
}

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

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

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

.GmowDetailsInfoButton .Button:active,.GmowDetailsInfoButton .Button:hover {
    background: #ffcd36;
    border-color: #171c2c;
    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: #171c2c;
    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: #ffcd36
}

.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: #171c2c;
    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: #ffcd36;
    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: #ffcd36;
    color: #171c2c;
    border: .1rem solid #171c2c;
    transition: all .2s ease-in-out
}

.CmsPopup .CmsPopupWrapper button:hover {
    background: #171c2c;
    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: #ffcd36;
    transform: rotate(-180deg)
}

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

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

@media (min-width: 1100px) {
    .StickyWrapperHeaderMenu .HorizontalScrollWrapper {
        width:100%
    }
}

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

.PaginationWrapperNWA {
    display: flex;
    justify-content: center;
    align-items: center
}

.PaginationWrapperNWA .PaginationButton {
    border: none;
    color: #fff;
    font-size: 3rem
}

.HamburgerSubMenu .subMenuHeaderWrapper {
    padding-top: 1rem
}

div.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
    position: sticky;
    top: 0;
    z-index: 12
}

div.HamburgerSubMenu.hasOpenSearch .HamburgerContainer div.burgerSearchResults {
    margin-bottom: 0
}

div.HamburgerSubMenu .InstanceOperatorClearButton:active,div.HamburgerSubMenu .InstanceOperatorClearButton:hover {
    border: none
}

div.HamburgerSubMenu .SearchIconEnd {
    margin-top: 2px
}

div.HamburgerSubMenu .SearchIconEnd.Icon {
    top: 50%;
    transform: translateY(-50%)
}

div.HamburgerSubMenu .BurgerSearchInputWrapper .InstanceOperatorClearButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    height: 100%;
    right: 1rem
}

div.HamburgerSubMenu .BurgerSearchInputWrapper .InstanceOperatorClearButton .InstanceOperatorClose {
    margin: 0;
    padding: 0;
    position: static
}

div.HamburgerSubMenu .burgerSearchResults {
    padding-bottom: 7rem;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    overflow-x: hidden
}

div.HamburgerSubMenu .burgerSearchResults .Spinner {
    z-index: 12
}

div.HamburgerSubMenu .burgerSearchResults .ComponentSearchedGamesGrid,div.HamburgerSubMenu .burgerSearchResults .InstanceNoSearchedGamesFound {
    position: relative;
    border: none;
    height: -moz-max-content;
    height: max-content;
    top: unset;
    padding: 0;
    background-color: transparent
}

div.HamburgerSubMenu .burgerSearchResults .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer,div.HamburgerSubMenu .burgerSearchResults .InstanceCategoryFavGames.MsnRow .VerticalMobileLayout .GamesListContainer {
    padding: 0 .5rem
}

div.HamburgerSubMenu .burgerSearchResults .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: 50% 50%;
    display: grid;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 0 .5rem
}

div.HamburgerSubMenu .burgerSearchResults .ListGame.ListItem .GameThumbailWrapper {
    height: unset
}

div.HamburgerSubMenu .burgerSearchResults .ListGame.ListItem .GameThumbailWrapper .ListGameImage {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .8rem;
    aspect-ratio: 4.5/3
}

.BurgerSearchInputWrapper {
    margin: 1rem 0;
    width: 100%;
    display: inline-block;
    position: relative
}

.BurgerSearchInputWrapper .InputWrap span.Icon {
    width: 2rem;
    height: 2rem
}

.BurgerSearchInputWrapper .InputWrap span.Icon svg {
    fill: #fff
}

.BurgerSearchInputWrapper .ClearButton {
    border: none;
    position: absolute;
    right: 1.5rem
}

.BurgerSearchInput {
    padding-right: 3.5rem;
    color: #fff;
    background: transparent;
    padding-left: 4.5rem;
    border: .1rem solid hsla(0,0%,100%,.1);
    caret-color: transparent
}

.BurgerSearchInput::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.BurgerSearchInput::placeholder {
    color: #fff;
    opacity: 1
}

.BurgerSearchInput:focus::-moz-placeholder {
    color: transparent
}

.BurgerSearchInput:focus::placeholder {
    color: transparent
}

.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;
    --windowHeightOrDynamic: var(--windowHeight)
}

@supports (height: 100dvh) {
    body {
        --windowHeightOrDynamic:100dvh
    }
}

body.IsSearching.IsScrolled {
    background: #fff
}

body.UnScrollable {
    height: 100%;
    overflow: hidden
}

.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: #ffcd36
}

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

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

a:active {
    text-decoration: underline
}

.LoginFormWrapper .LoginFormForgot button font:hover,.LoginFormWrapper a:active,.LoginFormWrapper a:active>span,.LoginFormWrapper a:active button,.LoginFormWrapper a:hover,.LoginFormWrapper a:hover>span,.RegisterFormWrapper .LoginFormForgot button font:hover,.RegisterFormWrapper a:active,.RegisterFormWrapper a:active>span,.RegisterFormWrapper a:active button,.RegisterFormWrapper a:hover,.RegisterFormWrapper a:hover>span {
    color: #ffcd36;
    filter: brightness(.8);
    text-decoration: none
}

.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: #fff;
    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;
    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(/static/img/icon-warning.svg);
    background-size: contain;
    color: #fff;
    border-radius: 50%;
    font-size: 2.2rem;
    content: ""
}

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

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

.Message.Error:before {
    background-image: url(/static/img/icon-error.svg)
}

.FormRowGroup .Message,.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
}

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

.FormRowGroup .InputContainer .Message.Error,.FormRowGroup .Message:before,.InputContainer .Message:before {
    display: none
}

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

::-moz-selection:not(iframe) {
    background: #212121;
    color: #fff;
    text-shadow: none
}

::-moz-selection:not(iframe),::selection:not(iframe) {
    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: #ffcd36;
    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: #ffcd36;
    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: #171c2c;
        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: #171c2c;
    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: #171c2c;
    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: #ffcd36;
    border: .2rem solid #ffcd36
}

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

.PromotionsWrapper .HorizontalScrollBar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

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

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

.LoadingMessage {
    bottom: 0
}

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

.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: #ffcd36;
    content: "";
    animation: sk-circleFadeDelay 1.2s ease-in-out infinite both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    40% {
        opacity: 1
    }
}

@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(/static/img/icon-arrow-left.svg)
}

.react-datepicker .react-datepicker__navigation--next {
    background-image: url(/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 {
        animation:ModalFadeIn .5s forwards
    }
}

@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;
        animation: ModalBounce .5s cubic-bezier(0,1.13,.7,1.32) forwards
    }
}

@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: #ffcd36;
    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: #171c2c;
    background-image: linear-gradient(90deg,#171c2c 0,#111522);
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    transform: translateZ(0);
    border-bottom: .4rem solid #ffcd36;
    box-sizing: border-box
}

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

.SectionHeader.OverlapBottomNav {
    z-index: 14
}

.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,#171c2c 0,#111522)
    }
}

.SectionHeader.Maintenance {
    background: #171c2c
}

.IsScrolled.Page-Casino .SectionHeader,.IsScrolled.Page-LiveCasino .SectionHeader,.IsScrolled.Page-Promotions .SectionHeader {
    background: linear-gradient(90deg,#171c2c 0,#111522)
}

.FixTabletKeyboard .RootContent .SectionHeader,.Toggle-OperatorSearchToggle .RootContent .SectionHeader {
    background: #171c2c
}

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

.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 .ContentTriggerWrapper.IsActive .ContentTriggerContentWrapper {
    overflow: hidden
}

.OperatorAccountContainer .ContentTriggerWrapper.IsActive .ContentTriggerContainer {
    max-height: 100%;
    overflow-y: auto
}

.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: #ffcd36;
    color: #fff;
    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: #171c2c
}

@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: #ffcd36;
    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: flex;
    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;
    animation: burgerLogoSlide .6s ease-out .3s forwards
}

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

@keyframes 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 #ffcd36;
    color: #4e4e4e;
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: center
}

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

.HamburgerSubMenu .burgerSearchResults,.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
    background-color: linear-gradient(0deg,#111522,#111522)
}

.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,#171c2c 0,#111522);
    border-bottom: .1rem solid #ffcd36
}

@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: #ffcd36;
    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;
        position: static;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .OperatorMainMenu .Menu::-webkit-scrollbar {
        display: none
    }
}

.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: #ffcd36
}

.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:#ffcd36;
        color: #ffcd36
    }
}

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

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

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

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

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

.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: #ffcd36
}

.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.3rem 1rem 1.5rem;
    min-width: 49%;
    float: left;
    background: #fff;
    border: .1rem solid #212121;
    color: #212121
}

.GameFrameWrapper .OperatorHeaderDeposit:active {
    background: #171c2c
}

.GameFrameWrapper .OperatorHeaderDeposit:hover {
    background: #ccc
}

.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: #ffcd36
}

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

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

.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: #ffcd36;
        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: #ffcd36
}

.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: #ffcd36
}

.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: #ffcd36
}

.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(/static/img/icon-info.svg);
    display: inline-block;
    position: absolute;
    top: 1.2rem;
    left: 1.4rem
}

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

.NotificationSuccess:before {
    content: url(/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 {
    height: 23.2rem;
    min-height: 23.2rem
}

@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: 23.2rem;
    max-height: 23.2rem
}

@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: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: 23.2rem;
    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: 100%;
    height: 100%
}

.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: 100%
}

@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:auto;
        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: #ffcd36;
        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
    }
}

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

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

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

.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);
    top: 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),#ffcd36)
    }
}

.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: #ffcd36
}

@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: #ffcd36;
    fill: #ffcd36
}

.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;
    top: 0
}

.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: #ffcd36;
    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 #171c2c
    }
}

.GameSearch::-moz-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: #ffcd36;
    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%;
    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: #ffcd36;
        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: #ffcd36;
    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: #ffcd36;
    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: #ffcd36
}

.GameProp.ExclusiveGame {
    background-color: #111522
}

.GameProp.VipGame {
    border: .1rem solid #828282;
    background: none;
    color: #ffcd36
}

.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: #ffcd36;
    fill: #ffcd36;
    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: #ffcd36;
    color: #fff;
    fill: #fff
}

.ModalContent .LoadMoreButtonContainer .Button:hover {
    color: #fff;
    fill: #fff;
    background: #171c2c
}

.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 .Difference {
    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: #ffcd36;
    fill: #ffcd36;
    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,.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,.Page-LiveCasino .CasinoDailyCalendarWrapper {
    display: block;
    position: relative;
    max-width: 140rem;
    margin: 0 auto
}

@media (min-width: 1100px) {
    .GamesList,.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,.Page-LiveCasino .CasinoDailyCalendarWrapper {
        max-width:102rem
    }
}

@media (min-width: 1260px) {
    .GamesList,.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,.Page-LiveCasino .CasinoDailyCalendarWrapper {
        max-width:122.6rem
    }
}

@media (min-width: 1468px) {
    .GamesList,.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,.Page-LiveCasino .CasinoDailyCalendarWrapper {
        max-width:140rem
    }
}

@media (min-width: 1620px) {
    .GamesList,.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,.Page-LiveCasino .CasinoDailyCalendarWrapper {
        max-width:160rem
    }
}

.IsSearching:not(.OverflowHidden) .ComponentGameListGrid .GamesSwipeable {
    visibility: hidden
}

.CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,.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) {
    .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,.GamesList .BoxTitle {
        margin:0 0 1.2rem;
        top: 2.8rem
    }
}

@media (min-width: 1100px) {
    .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,.GamesList .BoxTitle {
        width:auto;
        margin: 0 2.4rem 2.2rem;
        top: 3.8rem
    }
}

@media (min-width: 1400px) {
    .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,.GamesList .BoxTitle {
        margin:0 1.8rem 2.2rem
    }
}

@media (min-width: 1100px) {
    .CasinoDailyCalendarSection .BoxTitle,.CasinoJackpotWinnerSection .BoxTitle,.Page-Casino .GamesList.MsnRow .BoxTitle {
        margin:0 0 2.4rem
    }
}

@media (min-width: 1400px) {
    .CasinoDailyCalendarSection .BoxTitle,.CasinoJackpotWinnerSection .BoxTitle,.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: #ffcd36
}

.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: 90%;
    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: #ffcd36;
    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 .HorizontalScrollWrapper .HorizontalScrollBtn,.InputFocused .NewCatScroll .ExtraCategories,.InputFocused .NewCatScroll .HorizontalScrollBar,.IsSearching .HorizontalScrollWrapper .HorizontalScrollBtn,.IsSearching .NewCatScroll .HorizontalScrollBar {
    opacity: .34;
    pointer-events: none
}

.Page-Casino.InputFocused .GamesList,.Page-Casino.IsSearching .GamesList {
    height: calc(100vh - 18rem)
}

.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;
    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) {
    .OperatorCasinoCategories .GameCategoriesSwipe .GameCategories .CategoriesItem:last-child {
        padding-right:5rem
    }
}

@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;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CategoriesItem .GameCategory,.ExtraCategories .Anchor,.ExtraCategories .Button,.PromotionFilterItemWrapper,.VendorList .Anchor {
    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,.IsSelected .PromotionFilterItemWrapper {
    color: #ffcd36;
    fill: #ffcd36;
    border-bottom: .4rem solid #ffcd36;
    box-sizing: border-box
}

.CasinoCategoryActive .Anchor .FavoriteGamesNumber,.CategoriesItem .GameCategory.IsActive .FavoriteGamesNumber,.ExtraCategories .Anchor.IsActive .FavoriteGamesNumber,.IsSelected .PromotionFilterItemWrapper .FavoriteGamesNumber {
    color: #ffcd36
}

@media (min-width: 1100px) {
    .CategoriesItem .GameCategory:hover,.ExtraCategories .Anchor:hover,.PromotionFilterItemWrapper:hover {
        color:#ffcd36;
        fill: #ffcd36;
        background: hsla(0,0%,100%,.3);
        border-bottom: .4rem solid #ffcd36
    }
}

.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: #ffcd36;
    fill: #ffcd36;
    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(35.9rem - 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: 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: #ffcd36;
    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: #ffcd36
}

.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: #ffcd36;
    color: #fff;
    border-color: #ffcd36
}

.FilterList .Anchor:hover {
    color: #ffcd36;
    border-color: #ffcd36
}

.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: #ffcd36;
    fill: #ffcd36;
    border: .1rem solid #ffcd36
}

.FilterButton svg {
    display: none;
    margin-top: .5rem;
    fill: #ffcd36;
    color: #ffcd36
}

.Subcategories {
    display: block;
    position: relative
}

@media (min-width: 1400px) {
    .Subcategories {
        width:100%
    }
}

.GamesTagsListWrapper {
    padding: 1.6rem;
    background: #ffcd36;
    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: #ffcd36;
    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: #ffcd36;
    color: #fff;
    border-color: #ffcd36
}

.GameTagItem .TagButton:hover {
    color: #ffcd36;
    border-color: #ffcd36
}

.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:#ffcd36;
        fill: #ffcd36;
        border: none
    }
}

.ProviderFilters .Button:active {
    color: #ffcd36;
    fill: #ffcd36;
    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: #ffcd36;
        border: .1rem solid #ffcd36
    }

    .ProviderFilters .Button:active .SvgIcon svg,.ProviderFilters .Button:hover .SvgIcon svg {
        fill: #ffcd36
    }

    .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: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: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;
        width: 100%
    }
}

.ComponentGameFrame:-webkit-full-screen,.FramesWrapper .GameFrameWindow:-webkit-full-screen,.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:-webkit-full-screen {
    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: #ffcd36;
    fill: #ffcd36
}

.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 .ComponentGameButtons .Button,.GameFrameWrapper .ComponentGameButtons .Button.ButtonRegister {
    border: .1rem solid #212121
}

.GameFrameWrapper .ComponentGameButtons .Button.ButtonLogin {
    background-color: #fff;
    color: #212121
}

.GameFrameWrapper .InstancePlayForFun {
    border: .1rem solid #212121
}

.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 {
    background: #ffcd36
}

.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;
    border: .1rem solid #212121
}

@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: #ffc003
}

.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:#ffcd36;
        border-color: #ffcd36;
        color: #fff
    }
}

.ComponentGameFrame .ButtonRegister {
    border: 1px solid #fff
}

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

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

.ComponentGameFrame .Button:active,.ComponentGameFrame .Button:hover {
    background: #171c2c;
    border-color: #171c2c;
    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 {
        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 {
    margin-top: 5rem;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

@media (min-width: 1100px) {
    .HostedCashierDepositIframeContainer,.HostedCashierWithdrawIframeContainer {
        margin-top:0
    }
}

.HostedCashierDepositIframe,.HostedCashierWithdrawIframe {
    min-height: 30rem;
    overflow: auto
}

.Page-Deposit .SectionContent,.Page-WidgetDeposit .SectionContent,.Page-WidgetWithdraw .SectionContent,.Page-Withdraw .SectionContent {
    background: #e5e6e7
}

.Page-Deposit .SectionContent,.Page-Withdraw .SectionContent {
    width: 93%;
    top: 2em;
    margin: 5rem auto;
    padding: 1em;
    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 #ffcd36;
    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: #ffcd36;
    color: #fff;
    border: none
}

.ComponentWithdrawWrapper .Button:active,.ComponentWithdrawWrapper .Button:hover,.RegisterNewCardAnchor:active,.RegisterNewCardAnchor:hover {
    background: #171c2c;
    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: #ffcd36;
    border: none;
    color: #fff
}

.ConfirmFormButton:active,.ConfirmFormButton:hover {
    background: #171c2c;
    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: #ffcd36;
    border: none;
    color: #fff
}

.PendingWithdrawItem .RollBackInfo .Button:active,.PendingWithdrawItem .RollBackInfo .Button:hover {
    background: #171c2c;
    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;
    max-height: 88%
}

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

.PromotionItemDescription a:hover {
    color: #fff
}

.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: #ffcd36;
    color: #fff;
    border: .2rem solid #ffcd36;
    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 (orientation: landscape) {
    .PromoModal .ModalContentWrapper .Figure img {
        -o-object-fit:fill;
        object-fit: fill
    }
}

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

.PromoModal .ModalContentWrapper.JustImage .Figure {
    height: 100%
}

.PromoModal .ModalContentWrapper.JustImage .Figure img {
    height: auto;
    width: 100%
}

@media (orientation: landscape) {
    .PromoModal .ModalContentWrapper.JustImage .Figure img {
        height:100%
    }
}

.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: #ffcd36;
    border-color: #ffcd36;
    color: #fff
}

@media (min-width: 1100px) {
    .OptInButton:active,.OptInButton:hover {
        background:#ffcd36;
        border-color: #ffcd36;
        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 #171c2c
}

.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: #ffcd36;
    border-color: #ffcd36;
    color: #fff
}

@media (min-width: 720px) {
    .androidDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper,.iOSDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:38rem
    }
}

@media (orientation: landscape) {
    .androidDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper,.iOSDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:auto;
        bottom: 3%
    }
}

@media (min-width: 320px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:12rem
    }
}

@media (min-width: 360px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:15rem
    }
}

@media (min-width: 380px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:16rem
    }
}

@media (min-width: 400px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:17rem
    }
}

@media (min-width: 420px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:18rem
    }
}

@media (min-width: 480px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:22rem
    }
}

@media (min-width: 580px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:26rem
    }
}

@media (min-width: 680px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:32rem
    }
}

@media (min-width: 720px) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:34rem
    }
}

@media (orientation: landscape) {
    .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
        top:auto;
        bottom: 3%
    }
}

.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: #ffcd36;
    cursor: not-allowed;
    border-color: #ffcd36;
    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: #ffcd36;
    border: none;
    font-size: 1.6em;
    font-weight: 600
}

.OptedInButton:active,.OptedInButton:hover {
    background: none;
    color: #ffcd36;
    border: none;
    opacity: 1
}

@media (min-width: 320px) {
    .OptedInButton {
        margin:.5em
    }
}

.OptOutButton {
    background: #ffcd36;
    color: #fff;
    border: .1rem solid transparent;
    font-size: 1.6em;
    font-weight: 600;
    min-width: 6.4em;
    position: relative
}

.OptOutButton:hover {
    border: .1rem solid #ffcd36
}

@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: #ffcd36
}

.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 {
    animation: MoveBeforeLeft 1s 5 forwards
}

.Page-Promotions-Child .BackButton:hover:after {
    animation: MoveAfterLeft 1s 5 forwards
}

@keyframes MoveBeforeLeft {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(-.8rem,0,0)
    }

    to {
        transform: 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: 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: #ffcd36;
    fill: #ffcd36;
    border-bottom: .2rem solid #ffcd36
}

.TabItem .Button:hover {
    color: #ffcd36;
    fill: #ffcd36;
    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: #ffcd36;
    border-color: #ffcd36;
    color: #fff
}

.GoToLobby:active,.GoToLobby:hover {
    background: #171c2c;
    border-color: #171c2c;
    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: #ffcd36;
    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;
    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: #ffcd36;
    fill: #ffcd36;
    border-bottom: .2rem solid #ffcd36
}

.OtherMenu .Anchor:hover {
    color: #ffcd36;
    fill: #ffcd36;
    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: #ffcd36;
    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: #ffcd36;
    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: #ffcd36;
    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: -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 #ffcd36
}

.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: #ffcd36;
    box-shadow: inset 0 0 0 .4rem #fff;
    border: .2rem solid #ffcd36
}

.RadioButton:focus {
    outline: none
}

.SetLimitButton {
    display: inline-block;
    width: 100%;
    height: 4.8rem;
    padding: 1.3rem 1rem;
    background: #ffcd36;
    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: #ffcd36;
    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: #ffcd36;
    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: #ffcd36
}

.TransPaginationItem.Active:active,.TransPaginationItem.Active:hover {
    background: #171c2c
}

.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;
    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: #ffcd36;
    fill: #ffcd36;
    border-bottom: 2px solid #ffcd36
}

.TransactionHistoryNavigator .ListItem .Button:hover {
    color: #ffcd36;
    fill: #ffcd36;
    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:#ffcd36;
        fill: #ffcd36
    }
}

.TransactionHistoryWrapper .InstanceCloseFilter:active,.TransactionHistoryWrapper .InstanceShowFilter:active {
    color: #ffcd36;
    fill: #ffcd36
}

.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: grid;
    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;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: 1fr max-content
}

@media (max-width: 479px) {
    .TransHistoryList .ListItem {
        grid-template-rows:1fr max-content max-content;
        min-height: 4rem;
        padding: 1.35rem 3.2rem 1.4rem
    }
}

@media (min-width: 1100px) {
    .TransHistoryList .ListItem {
        display:flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 1.35rem 2.4rem 1.4rem;
        font-size: 1.4rem;
        min-height: 0
    }
}

.TransHistoryID {
    grid-row: 2;
    display: flex;
    font-size: 1.4rem;
    padding-right: .6rem;
    color: #828282
}

@media (min-width: 1100px) {
    .TransHistoryID {
        flex:1;
        padding: 0;
        border: none;
        font-size: 1.6rem;
        color: #212121
    }
}

.TransHistoryDate {
    grid-row: 2;
    grid-column: 2;
    display: inline-block;
    padding-left: .6rem;
    font-size: 1.4rem;
    color: #828282;
    border-left: .1rem solid #828282;
    white-space: nowrap
}

@media (max-width: 479px) {
    .TransHistoryDate {
        grid-row:3;
        grid-column: 1;
        align-self: end;
        border: none;
        padding: 0
    }
}

@media (min-width: 1100px) {
    .TransHistoryDate {
        flex:1.5;
        padding: 0;
        font-size: 1.6rem;
        color: #212121;
        border: none
    }
}

.TransHistoryDateTxt {
    display: inline-flex;
    margin-right: .2rem
}

.TransHistoryDateTxt:after {
    display: inline-block;
    content: ","
}

.TransHistoryDescriptionTxt {
    line-height: 1.2
}

.TransHistoryItem .TransHistoryAmount.PositiveAmount {
    color: #ffcd36
}

.TransHistoryItem .TransHistoryAmount {
    grid-column: 3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    text-align: right
}

@media (min-width: 1100px) {
    .TransHistoryItem .TransHistoryAmount {
        display:flex;
        flex: 1;
        justify-content: flex-start;
        width: auto;
        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;
        height: 100%
    }
}

.TransHistoryStatus {
    grid-column: 3;
    display: flex;
    flex: 1;
    font-weight: 600;
    justify-content: flex-end
}

@media (min-width: 1100px) {
    .TransHistoryStatus {
        justify-content:flex-start
    }
}

.TransSuccess .TransHistoryStatus {
    color: #ffcd36
}

.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: #ffcd36;
    border-radius: .4rem
}

.TransPagination .ListItem.Active:active,.TransPagination .ListItem.Active:hover {
    background: #171c2c
}

.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 {
    grid-column: 1/3;
    display: block;
    overflow: hidden;
    color: #4e4e4e;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem
}

.InstanceBonusHistoryLayout .TransHistoryAmount {
    grid-row: 2;
    grid-column: 3;
    display: block;
    overflow: hidden;
    color: #828282;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-align: right;
    place-self: end
}

@media (max-width: 479px) {
    .InstanceBonusHistoryLayout .TransHistoryAmount {
        grid-row:2/4
    }
}

.InstanceBonusHistoryLayout .TransHistoryType {
    grid-row: 2;
    display: flex;
    font-size: 1.4rem;
    padding-right: .6rem;
    color: #828282
}

@media (min-width: 1100px) {
    .InstanceBonusHistoryLayout .TransHistoryType {
        left:3.2rem
    }
}

.InstanceBonusHistoryLayout .TransHistoryStatus {
    grid-column: 3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    text-align: right
}

.InstanceBonusHistoryLayout .TransHistoryGrantedDate {
    grid-row: 2;
    grid-column: 2;
    padding-left: .6rem;
    font-size: 1.4rem;
    color: #828282;
    border-left: .1rem solid #828282
}

@media (max-width: 479px) {
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
        grid-row:3;
        grid-column: 1;
        align-self: end;
        border: none;
        padding: 0
    }
}

@media (min-width: 1100px) {
    .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
        border-left:none
    }
}

@media (min-width: 1100px) {
    .InstanceBonusHistoryLayout .TransHistoryAmount,.InstanceBonusHistoryLayout .TransHistoryBonusName,.InstanceBonusHistoryLayout .TransHistoryGrantedDate,.InstanceBonusHistoryLayout .TransHistoryStatus,.InstanceBonusHistoryLayout .TransHistoryTitleStatus,.InstanceBonusHistoryLayout .TransHistoryType {
        display:flex;
        flex: 1;
        place-self: unset;
        align-items: center
    }
}

.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: #ffcd36;
    color: #fff;
    border-color: #ffcd36
}

.PaymentHistoryTabContent .NavigatorDeposit .Button:hover,.PaymentHistoryTabContent .NavigatorWithdraw .Button:hover {
    color: #ffcd36;
    border-color: #ffcd36
}

.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive:hover,.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive:hover {
    color: #fff
}

.PaymentHistoryTabContent .NavigatorDeposit .Button:active,.PaymentHistoryTabContent .NavigatorWithdraw .Button:active {
    color: #fff;
    border-color: #171c2c
}

.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 {
    grid-row: 2
}

@media (max-width: 479px) {
    .PaymentHistoryTabContent .TransHistoryAmount {
        grid-row:2/4;
        align-self: end
    }
}

.PaymentHistoryTabContent .TransHistoryTitleStatus {
    display: block;
    flex: 1
}

.TransacationWrapper {
    padding: 0
}

.InstanceOperatorMyCasinoTabsGamingHistoryContent .TransHistoryItem .TransHistoryTitleStatus,.InstanceOperatorMyCasinoTabsGamingHistoryContent .TransHistoryTitle .TransHistoryTitleStatus {
    display: none
}

.TransHistoryItem .TransHistoryDescription {
    grid-column: 1/3;
    display: block;
    overflow: hidden;
    color: #212121;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem
}

@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 {
    grid-row: 2;
    grid-column: 3;
    width: auto;
    overflow: hidden;
    color: #828282;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-align: right;
    place-self: end
}

@media (max-width: 479px) {
    .TransHistoryItem .TransHistoryBalanceAmount {
        grid-row:2/4
    }
}

@media (min-width: 1100px) {
    .TransHistoryItem .TransHistoryBalanceAmount {
        display:flex;
        flex: 1;
        position: relative;
        top: 0;
        right: 0;
        color: inherit;
        font-size: 1.6rem
    }
}

.InstanceGamblingTransactionHistory .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: rgba(0,0,0,.34)
}

.DatePickerWrapper .FormInput {
    padding-left: 4rem
}

.TransFilterButton {
    width: 100%;
    height: 4rem;
    background: #ffcd36;
    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: #ffcd36;
    fill: #ffcd36
}

.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: #171c2c
}

.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: #ffcd36
}

@media (hover: hover) {
    .BonusForfeitButton:hover,.BonusMoreInfo:hover,.BonusRead:hover,.InstanceForfiet:hover {
        color:#ffcd36;
        border: none
    }
}

.BonusForfeitButton:active,.BonusMoreInfo:active,.BonusRead:active,.InstanceForfiet:active {
    color: #ffcd36;
    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 .ButtonGroup {
    width: 100%;
    display: inline-flex;
    gap: .8rem
}

@media (min-width: 600px) {
    .BonusListNewBonus .ButtonGroup {
        width:30%;
        position: relative;
        top: 3rem;
        vertical-align: top
    }
}

.BonusListNewBonus .ButtonGroup .Button {
    background: #ffcd36;
    color: #fff;
    border: none;
    flex: 1;
    white-space: nowrap
}

@media (min-width: 600px) {
    .BonusListNewBonus .ButtonGroup .Button {
        font-size:1.4rem
    }
}

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

.BonusListNewBonus .ButtonGroup .Button:hover {
    background: #171c2c
}

.BonusListNewBonus .ButtonGroup .Button:active {
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.24)
}

.ActiveBonusesWrapper .BonusesContent .LoadMoreButton {
    background: #ffcd36;
    color: #fff;
    border: none
}

.ActiveBonusesWrapper .BonusesContent .LoadMoreButton:hover {
    background: #171c2c;
    color: #fff
}

.ActiveBonusesWrapper .BonusesContent .LoadMoreButton: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)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay .SportsIframe {
        max-height:calc(100vh - 11rem)
    }
}

.OverflowHidden.SportsOverlay.NotificationActive .SportsIframe {
    max-height: calc(100vh - 11.4rem)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.NotificationActive .SportsIframe {
        max-height:calc(100vh - 17rem)
    }
}

.OverflowHidden.SportsOverlay.StoriesActive .SportsIframe {
    max-height: calc(100vh - 13.4rem)
}

.OverflowHidden.SportsOverlay.NotificationActive.StoriesActive .SportsIframe {
    max-height: calc(100vh - 19.4rem)
}

.OverflowHidden.SportsOverlay.iOSDevice .SportsIframe {
    max-height: calc(100vh - 10.4rem)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice .SportsIframe {
        max-height:calc(100vh - 16rem)
    }
}

.OverflowHidden.SportsOverlay.iOSDevice.NotificationActive .SportsIframe {
    max-height: calc(100vh - 16.4rem)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive .SportsIframe {
        max-height:calc(100vh - 22rem)
    }
}

.OverflowHidden.SportsOverlay.iOSDevice.StoriesActive .SportsIframe {
    max-height: calc(100vh - 18.4rem)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive .SportsIframe {
        max-height:calc(100vh - 24rem)
    }
}

.OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive .SportsIframe {
    max-height: calc(100vh - 24.4rem)
}

@media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive .SportsIframe {
        max-height:calc(100vh - 30rem)
    }
}

@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: #171c2c
    }
}

.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: #ffcd36;
    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: #ffcd36
}

.PromoButtonsWrapper a:first-child:active,.PromoButtonsWrapper a:first-child:hover {
    background: #171c2c;
    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: #171c2c;
    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(/static/img/dice.png) 50% no-repeat
}

.MaintenanceTitle {
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

@media (min-width: 1100px) {
    .MaintenanceTitle {
        padding:0
    }
}

.MaintenanceText {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.4;
    text-align: center;
    color: #fff
}

.Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,.Page-Casino .LobbyPromotingOuter {
    box-sizing: border-box;
    max-width: 95rem
}

@media (min-width: 1100px) {
    .Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,.Page-Casino .LobbyPromotingOuter {
        max-width:91rem
    }
}

@media (min-width: 1280px) {
    .Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,.Page-Casino .LobbyPromotingOuter {
        max-width:121.2rem
    }
}

@media (min-width: 1468px) {
    .Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,.Page-Casino .LobbyPromotingOuter {
        max-width:145.2rem
    }
}

@media (min-width: 1620px) {
    .Page-Casino .CasinoDailyCalendarSection .BoxTitle,.Page-Casino .CasinoDailyCalendarWrapper,.Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,.Page-Casino .LobbyPromotingOuter {
        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;
    -o-object-fit: fill;
    object-fit: fill
}

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

.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: #ffcd36;
    font-size: 1.8rem
}

.SportsIframeWrapper .DropDownBackground {
    display: none
}

.SportsIframeWrapper {
    position: relative
}

.SportsIframeWrapper .PageLoadingSpinner+iframe:not([src=""]) {
    z-index: 2;
    position: relative
}

.SportsOverlay .SportsIframeWrapper .DropDownBackground {
    display: block;
    z-index: 11
}

.SportsOverlay .SportsIframeWrapper .SportsIframe {
    position: fixed;
    z-index: 12
}

.SportsOverlay .BetslipWrapper {
    z-index: 13
}

.Page-Sports.BetSlipActive .BetslipWrapper,.Page-Sports.BetSlipActive .SectionHeader {
    display: block
}

.Page-Sports .SportsIframe {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Page-Sports .SportsIframe.NoInteraction {
    pointer-events: none
}

@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: #171c2c
    }
}

.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: #ffcd36
}

@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%;
    animation: marquee 30s linear infinite
}

.NotificationArea .Notification:hover span {
    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
}

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

@media (min-width: 1100px) {
    .ProviderFilters .ProvidersList {
        width:100%
    }

    .ProviderFilters ul {
        display: grid;
        grid-template-columns: auto auto auto
    }
}

input:-webkit-autofill.BurgerSearchInput,input:-webkit-autofill.GameSearch {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff
}

.OperatorMainMenu .MainNavScrollBtn {
    margin: 0;
    padding: 0;
    width: 2.5rem;
    border: none
}

.OperatorMainMenu .MainNavScrollBtn.LeftNavScrollBtn svg {
    transform: rotate(-180deg)
}

.OperatorMainMenu .MainNavScrollBtn:disabled svg {
    fill: #ffe083
}

.OperatorMainMenu .MainNavScrollBtn .ComponentIcon.Icon {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    margin: 0
}

.OperatorMainMenu .MainNavScrollBtn .ComponentIcon.Icon .SvgIcon {
    display: initial
}

.OperatorMainMenu .MainNavScrollBtn svg {
    fill: #ffcd36;
    margin-top: -.3rem
}

.Skeleton {
    background-color: rgba(0,0,0,.11);
    height: auto;
    min-height: .1rem;
    transform: scaleY(.6);
    animation: loader 1.5s ease-in-out .5s infinite
}

.Skeleton:before {
    content: "\A0"
}

.Skeleton.SkeletonRounded {
    border-radius: .3rem
}

.Skeleton.SkeletonCircular {
    border-radius: 50%
}

@keyframes loader {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.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,#171c2c 0,#111522)
}

.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 {
    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;
    overflow-wrap: break-word
}

@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;
    overflow-wrap: break-word
}

@media (min-width: 1100px) {
    .RegisterFormBannerText {
        font-size:3.8rem;
        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,.RegisterFormStepWrapper .FormRowGroup {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline
}

.RegisterFormStepWrapper .InputContainer {
    padding: 0;
    margin: 0 0 2rem;
    text-align: left
}

.RegisterFormStepWrapper .InputContainer:last-child {
    margin-bottom: 0
}

.RegisterFormStepWrapper .FormRowGroup {
    margin: 0 0 2rem
}

.RegisterFormStepWrapper .FormRowGroup .InputContainer {
    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(/static/img/male.svg) 50% no-repeat
}

.RegisterFormStepWrapper .GenderSelect .Radio.GenderFemale+span:before {
    background: transparent url(/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 #ffcd36;
    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;
    overflow-wrap: break-word
}

.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: #ffcd36;
    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: #ffcd36;
    color: #fff;
    font-size: 1.7rem;
    text-align: center;
    border-radius: .4rem
}

.RegisterFormSubmitButton.AnimatedButton {
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    transition: transform .1s linear;
    will-change: transform;
    transform-style: preserve-3d;
    transition: transform .4s ease;
    box-shadow: 0 .4rem .8rem rgba(0,9,61,.25)
}

.RegisterFormSubmitButton.AnimatedButton:hover {
    transform: perspective(40rem) rotateX(15deg) translateZ(0)
}

.Bounce {
    animation: bounce 2.5s cubic-bezier(.28,.84,.42,1);
    animation-iteration-count: infinite
}

@keyframes bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-.5rem)
    }

    50% {
        transform: scale(1.05,.95) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-.2rem)
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

.ConfettiCone {
    width: 5rem;
    display: inline-block;
    height: 5rem;
    transform: rotate(8deg);
    margin-left: -3rem;
    margin-right: 2rem
}

.ConfettiCone svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(.3rem .3rem .2rem rgba(33,33,33,.3))
}

.ConfettiCone .cone-body {
    fill: #fff
}

.ConfettiCone .cone-part {
    fill: hsla(0,0%,100%,.55)
}

.ConfettiCone .cone-inner {
    fill: hsla(0,0%,100%,.15)
}

.ConfettiCanvasContainer {
    height: 100vh;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0
}

.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(/static/img/eye-open.svg) 50% no-repeat
}

.ClosedEye {
    background: transparent url(/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: 100%;
    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,#171c2c 0,#111522)
    }
}

@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: #ffcd36
}

.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%;
    font-size: 1.4rem;
    padding: 1rem;
    text-overflow: ellipsis
}

.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: -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: #ffcd36;
    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: #ffcd36;
    color: #fff;
    border: none;
    font-size: 1.6rem
}

.ProfileContainerUpdate button:hover {
    background: #171c2c
}

@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: #ffcd36;
    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 #ffcd36
}

.AccountInformationContainer .ContentTriggerContainer>.Button:hover {
    border: .1rem solid #171c2c;
    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: #ffcd36
}

@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: #ffcd36;
    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: #171c2c;
    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: #ffcd36;
    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: #ffcd36;
    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
}

.HorizontalGameTileContainer.GameContainerDimmed .HorizontalGameThumbWrapper:before,.HorizontalGameTileContainer.GameContainerFullyDimmed .HorizontalGameThumbWrapper:before,.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
}

.HorizontalGameTileContainer.GameContainerDimmed .HorizontalGameThumbWrapper:before,.ListGame.GameContainerDimmed .GameThumbailWrapper:before {
    background: rgba(0,0,0,.4)
}

.HorizontalGameTileContainer.GameContainerFullyDimmed .HorizontalGameThumbWrapper:before,.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
    background: rgba(0,0,0,.8)
}

.HorizontalGameTileContainer.GameContainerDimmed .LiveProps,.HorizontalGameTileContainer.GameContainerFullyDimmed .LiveProps,.ListGame.GameContainerDimmed .LiveProps,.ListGame.GameContainerFullyDimmed .LiveProps {
    bottom: 0;
    overflow: hidden;
    margin-bottom: 3rem
}

@media (min-width: 1100px) {
    .HorizontalGameTileContainer.GameContainerDimmed .LiveProps,.HorizontalGameTileContainer.GameContainerFullyDimmed .LiveProps,.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
}

@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 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 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 {
    animation-name: silde-in-from-left;
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes silde-in-from-left {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }

    to {
        transform: translateX(0)
    }
}

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

.HorizontalGameTileContainer.PulsatingGreenShadow,.ListGame.PulsatingGreenShadow {
    overflow: auto;
    animation: green-pulse 2s linear
}

.HorizontalGameTileContainer.PulsatingRedShadow,.ListGame.PulsatingRedShadow {
    overflow: auto;
    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;
    animation-name: silde-in-from-left;
    animation-duration: 1s;
    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: #ffcd36
}

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

@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;
    margin-left: unset
}

.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: 0 auto;
    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: 0 auto;
    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 .IosAppPageLinkWrapper,.OperatorAccountContainer .LanguageSelectorContainer .CustomSelectTrigger,.OperatorAccountContainer .LiveChatContainer .Button,.OperatorAccountContainer .LogOutButtonContainer .Button,.OperatorAccountContainer .OperatorHeaderDeposit,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
    border-radius: .8rem
}

.OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .InstanceToggleMenu,.OperatorAccountContainer .IosAppPageLinkWrapper,.OperatorAccountContainer .OperatorHeaderDeposit,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
    display: flex;
    align-items: center;
    height: 2.8rem;
    box-sizing: border-box
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .InstanceToggleMenu,.OperatorAccountContainer .IosAppPageLinkWrapper,.OperatorAccountContainer .OperatorHeaderDeposit,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
        height:3.8rem
    }
}

.OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .InstanceToggleMenu,.OperatorAccountContainer .IosAppPageLinkWrapper,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
    background: none;
    border: .2rem solid #ffcd36
}

.OperatorAccountContainer .CallIconWrapper svg,.OperatorAccountContainer .InstanceToggleMenu svg,.OperatorAccountContainer .IosAppPageLinkWrapper svg,.OperatorAccountContainer .PlayerLiveChatIconWrapper svg,.OperatorAccountContainer .WhatsappIconWrapper svg {
    fill: #ffcd36
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper:hover,.OperatorAccountContainer .InstanceToggleMenu:hover,.OperatorAccountContainer .IosAppPageLinkWrapper:hover,.OperatorAccountContainer .PlayerLiveChatIconWrapper: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 .CallIconWrapper,.OperatorAccountContainer .IosAppPageLinkWrapper,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
    width: 2.8rem;
    height: 2.8rem
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .IosAppPageLinkWrapper,.OperatorAccountContainer .PlayerLiveChatIconWrapper,.OperatorAccountContainer .WhatsappIconWrapper {
        width:3.8rem;
        height: 3.8rem;
        padding: .5rem;
        border-width: .3rem
    }
}

.OperatorAccountContainer .CallIconWrapper .CallIcon,.OperatorAccountContainer .IosAppPageLinkWrapper .CallIcon,.OperatorAccountContainer .PlayerLiveChatIconWrapper .CallIcon,.OperatorAccountContainer .WhatsappIconWrapper .CallIcon {
    display: flex
}

.OperatorAccountContainer .CallIconWrapper svg,.OperatorAccountContainer .IosAppPageLinkWrapper svg,.OperatorAccountContainer .PlayerLiveChatIconWrapper svg,.OperatorAccountContainer .WhatsappIconWrapper svg {
    width: 1.7rem;
    height: 1.7rem
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper svg,.OperatorAccountContainer .IosAppPageLinkWrapper svg,.OperatorAccountContainer .PlayerLiveChatIconWrapper svg,.OperatorAccountContainer .WhatsappIconWrapper svg {
        width:2.4rem;
        height: 2.4rem
    }
}

.OperatorAccountContainer .WhatsappIconWrapper {
    padding: .3rem .4rem;
    order: -3;
    margin-right: 1rem
}

.OperatorAccountContainer .PlayerLiveChatIconWrapper {
    padding: .3rem .4rem;
    order: -4;
    margin-right: 1rem;
    display: none
}

.OperatorAccountContainer .PlayerLiveChatIconWrapper svg path:nth-child(2) {
    fill: #171c2c
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .PlayerLiveChatIconWrapper {
        display:initial
    }
}

.OperatorAccountContainer .IosAppPageLinkWrapper {
    order: -2;
    position: relative
}

.OperatorAccountContainer .IosAppPageLinkWrapper:hover {
    color: #ffcd36
}

.OperatorAccountContainer .IosAppPageLinkIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OperatorAccountContainer .CallIconWrapper {
    padding: .5rem .4rem;
    order: -2
}

.OperatorAccountContainer .CallUsIcon {
    padding: 0
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallUsIcon {
        margin:0;
        padding: .1rem
    }
}

.OperatorAccountContainer .CallUsIcon .Button.ToggleUserMenu {
    width: 100%;
    height: 100%
}

.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 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width:51rem;
        top: 4.5rem
    }
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width:60rem;
        top: 5.2rem
    }
}

@media (min-width: 768px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height:calc(100vh - 6rem)
    }
}

@media (min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height:calc(100vh - 7rem)
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 1rem;
    padding: .8rem;
    background: #ffcd36;
    border: .2rem solid #ffcd36;
    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: #171c2c
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
    display: flex
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
    width: 1.2rem;
    margin-left: .4rem;
    fill: #171c2c
}

.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(var(--windowHeight) - 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(var(--windowHeight) - 10.8rem)
}

@media (min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
        height:calc(100vh - 16.4rem)
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 10.8rem)
}

.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 11.4rem)
}

@media (min-width: 768px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height:calc(100vh - 12.4rem);
        top: 4.4rem
    }
}

@media (min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height:calc(100vh - 13.4rem);
        top: 5.2rem
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 11.9rem)
}

@media (min-width: 1100px) {
    .iOSDevice.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height:calc(100vh - 12.6rem)
    }
}

.OperatorAccountContainer .ContentTriggerWrapper.IsActive .ContentTriggerContentWrapper {
    display: block
}

.OperatorAccountContainer .ContentTriggerContainer {
    background: #fff;
    color: #171c2c
}

.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,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LiveChatContainer {
    align-items: flex-start;
    justify-content: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer {
    background-color: #171c2c;
    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,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LiveChatContainer,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.TornamentsRankContainer {
    background-color: #171c2c;
    color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.TornamentsRankContainer {
    padding: 1.4rem 1rem
}

.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: #171c2c
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button,.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
    font-size: 1.6rem;
    padding: 1.2rem 1.9rem;
    transition: background .2s ease-in-out;
    z-index: 4
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
    color: #171c2c;
    border: .2rem solid #171c2c
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:active,.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:hover {
    background-color: hsla(0,0%,100%,.3)
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button {
    color: #171c2c;
    background: #ffcd36;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .4rem
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button .SvgIcon {
    width: 2rem;
    height: 2rem;
    position: relative;
    overflow: hidden
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button svg {
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button svg path {
    fill: #171c2c
}

.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button:active,.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button:hover {
    background-color: #af841b
}

.OperatorAccountContainer>.ContentTriggerContainer {
    background-color: transparent
}

.iOSDevice {
    -webkit-text-size-adjust: 100%
}

.iOSDevice .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    padding-bottom: 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: #171c2c;
    padding-bottom: calc(env(safe-area-inset-bottom) + 20rem);
    overflow-y: hidden
}

.HamburgerSubMenu .burgerSearchResults,.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
    background: #171c2c
}

.HamburgerContainer .HamburgerHeaderWrapper {
    width: 0;
    background: #091202;
    transition: width .6s ease-in-out;
    padding-left: env(safe-area-inset-left)
}

.HamburgerContainer .HamburgerHeader {
    background: #171c2c;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin-left: 5rem;
    border-bottom: .2rem solid #ffcd36;
    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: #ffcd36
}

.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: 0 2rem 10rem calc(env(safe-area-inset-left) + 2rem);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.HamburgerContainer .HamburgerSubMenu.UnScrollable {
    overflow-y: hidden
}

@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: #171c2c;
    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: #ffcd36
}

.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 .LiveChatContainer,.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: #171c2c
}

.Body .NotificationArea~.IgReelsContainer~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 22.5rem)
}

.Body .NotificationArea~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 14.5rem)
}

.Body .IgReelsContainer~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 16.5rem)
}

.Body .HamburgerContainer {
    height: calc(var(--windowHeight) - 8.5rem)
}

.Body .HamburgerContainer .HamburgerSubMenu {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 0
}

.Body .HamburgerContainer .HamburgerSubMenu .HamburgerLanguageSelector {
    margin-bottom: 6rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar),.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPanel) {
    height: 6.5rem;
    max-width: 100%
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar) {
    padding: 0 1.5rem
}

.Body.HasMobileBottomNavigation .NotificationArea~.IgReelsContainer~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 29rem)
}

.Body.HasMobileBottomNavigation .NotificationArea~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 21rem)
}

.Body.HasMobileBottomNavigation .IgReelsContainer~.SectionHeader .HamburgerContainer {
    height: calc(var(--windowHeight) - 23rem)
}

.Body.HasMobileBottomNavigation .HamburgerContainer {
    height: calc(var(--windowHeight) - 15rem)
}

.Body.HasMobileBottomNavigation .HamburgerContainer .HamburgerSubMenu {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: 6.5rem
}

.Body.HasMobileBottomNavigation .HamburgerContainer .HamburgerSubMenu .HamburgerLanguageSelector {
    margin-bottom: 6rem
}

body.iOSDevice .HamburgerSubMenu>:last-child {
    margin-bottom: 0
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPanel) {
    bottom: 0;
    width: 100%
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPrimaryItemAnchor),.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemAnchor) {
    color: #fff;
    gap: 0
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemAnchor) {
    width: 16.66667%
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPrimaryItemImg) {
    width: 3.3rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemImg) {
    width: 2.8rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemLabel) {
    font-size: .8rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationWindow NavigationWindowOpened) {
    padding-top: 3rem;
    background: #212121;
    padding-top: 1rem;
    border: 1px solid #836200
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationButtonSvg) {
    width: 3.4rem;
    height: 3.4rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(a) {
    stroke: none
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(b) {
    fill: #fff;
    rx: 0
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(c) {
    rx: 0
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationButton)::part(b) {
    fill: none;
    stroke: #fff
}

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

@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;
        overflow: hidden
    }
}

@media (min-width: 768px) and (max-width:1099px) {
    .CasinoJackpotWinnerSection,.GamesList {
        padding:0 4rem
    }
}

@media (max-device-width: 1099px),(min-device-width:320px) and (orientation:landscape),(min-width:768px) and (max-width:1099px) {
    .CasinoJackpotWinnerSection .GameCategoryIcon,.GamesList .GameCategoryIcon {
        margin:1rem 1.8rem 0
    }

    .CasinoJackpotWinnerSection .GameCategoryIcon img,.CasinoJackpotWinnerSection .GameCategoryIcon svg,.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-image: url(/static/img/new-game-ribbon.png);
        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 #ffcd36;
    border-radius: .8rem;
    color: #ffcd36;
    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: 5.4rem
}

@media (min-width: 1100px) {
    .StickyPlaceholder {
        height:7.7rem
    }
}

.StickyPlaceholder.StickyPlaceholderHeaderMenu {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .StickyPlaceholder.StickyPlaceholderHeaderMenu {
        height:7.7rem
    }
}

.StickyPlaceholder .CategoriesItem.ListItem {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .StickyPlaceholder .CategoriesItem.ListItem {
        height:7.7rem
    }
}

.StickyWrapper {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .StickyWrapper {
        height:7.7rem
    }
}

.StickyWrapper.StickyWrapperHeaderMenu {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .StickyWrapper.StickyWrapperHeaderMenu {
        height:7.7rem
    }
}

.StickyWrapper .HorizontalScrollBar.ComponentLayout.PromotionsScroll,.StickyWrapper .PromotionsFilterItem {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .StickyWrapper .HorizontalScrollBar.ComponentLayout.PromotionsScroll,.StickyWrapper .PromotionsFilterItem {
        height:7.7rem
    }
}

.OperatorSticky {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .OperatorSticky {
        height:7.7rem
    }
}

.OperatorCasinoCategories {
    height: 5.4rem
}

@media (min-width: 1100px) {
    .OperatorCasinoCategories {
        height:auto
    }
}

.IsScrolled .NewCatScroll {
    height: 5.4rem
}

@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,.VendorList .Anchor {
    padding: 2.1rem 1.5rem 2rem;
    border-bottom: .4rem solid transparent
}

@media (min-width: 1100px) {
    .CategoriesItem .GameCategory,.ExtraCategories .Anchor,.ExtraCategories .Button,.VendorList .Anchor {
        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 {
        border-bottom-right-radius:0;
        border-bottom-left-radius: 0
    }

    .LiveProps,.LiveProps.Authenticated {
        bottom: 1.8rem
    }

    .WithGameTags .LiveProps.Authenticated,.WithGameTags .LiveProps.RoulleteProps {
        bottom: 2.5rem
    }

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

.RegisterFormStepWrapper .FormNote {
    color: #212121;
    font-size: 1.1rem;
    font-style: italic;
    word-break: break-word;
    margin-top: .5rem;
    line-height: 1rem
}

.RegisterFormStepWrapper .FormNote.NameMessage {
    margin: -1rem 0 2rem
}

.ForgotPass2FaModal {
    min-height: 100%
}

@media (min-width: 1100px) {
    .ForgotPass2FaModal {
        min-height:35rem
    }
}

.ForgotPass2FaModal .ModalBody {
    padding-top: 4rem;
    padding-bottom: 4rem;
    color: #171c2c
}

.ForgotPass2FaModal .ModalBody .PendingStatus {
    margin-top: 2rem
}

.ForgotPass2FaModal .ModalBody .CodeStatusInfo {
    position: relative;
    margin-bottom: 1.5rem;
    top: 0;
    font-size: 1.4rem;
    color: #171c2c
}

.ForgotPass2FaModal .ModalBody .ResendSmsInfo {
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #171c2c;
    margin-bottom: 1rem
}

.ForgotPass2FaModal .ModalBody .ResendSmsInfo .ActiveLink[disabled] {
    opacity: .5
}

.ForgotPass2FaModal .SubmitButton {
    margin-top: 3rem;
    width: 100%
}

.ForgotPass2FaModal .PhoneInfo {
    color: #171c2c;
    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: #171c2c;
    color: #ffcd36;
    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: #171c2c;
    color: #171c2c;
    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;
    color: #ffcd36
}

.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.NoAlign {
    text-align: unset
}

.ModalBody .CodeStatusInfo.Failed {
    color: #c03928
}

.ModalBody .ResendSmsInfo {
    text-align: center;
    position: relative;
    line-height: 1.6rem
}

.ModalBody .ResendSmsInfo .ActiveLink[disabled] {
    opacity: .5
}

.ModalInput {
    height: 4rem;
    margin-bottom: 1rem;
    width: 100%
}

.ModalButton {
    background: #171c2c;
    color: #ffcd36;
    margin-bottom: 2.4rem;
    text-transform: capitalize;
    border-radius: .4rem;
    width: 100%
}

.CustomLoginContent {
    color: #fff
}

@media (min-width: 1100px) {
    .CustomLoginContent {
        color:#171c2c
    }
}

.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: #ffcd36;
    border-radius: .4rem;
    border: none;
    color: #171c2c;
    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: #ffcd36
}

.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: #171c2c
}

.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Header {
    color: #171c2c
}

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

.Page-Tournaments .SectionContent {
    width: 100%;
    background: #111522
}

.TournamentsWrapper {
    --link-color: #ffcd36;
    padding: 4rem .8rem;
    margin: 0 auto;
    color: #fff
}

@media (min-width: 375px) {
    .TournamentsWrapper {
        padding:4rem 1.5rem
    }
}

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

.TournamentsWrapper .TournamentsTitle {
    margin-bottom: 2rem;
    font-size: 2rem
}

.TournamentsWrapper casino-tournaments-controller::part(TournamentsWrapper) {
    background-color: #111522
}

.TournamentsWrapper casino-tournaments-controller::part(Active MobileClass),.TournamentsWrapper casino-tournaments-controller::part(Active Non-MobileClass\/empty) {
    background: none!important;
    color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 .4rem rgba(0,0,0,.25);
    border: .1rem solid #ffcd36!important
}

.TournamentsWrapper casino-tournaments-controller::part(Non-MobileClass\/empty) {
    border: none;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: .11rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(Non-MobileClass\/empty):hover {
    border-radius: .5rem
}

.TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
    background: #111522;
    color: #fff;
    border: none;
    padding: 0 1rem;
    cursor: default!important;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
        font-size:1rem;
        padding: 0 .5rem
    }
}

@media (min-width: 360px) {
    .TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
        font-size:1.4rem;
        padding: 0 1rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(Enrolled) {
    background: #111522;
    color: #fff;
    border: none;
    padding: 0 1rem;
    font-weight: 800;
    text-transform: uppercase
}

.TournamentsWrapper casino-tournaments-controller::part(MobileClass) {
    border: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(MobileClass):hover {
    border-radius: .5rem
}

.TournamentsWrapper casino-tournaments-controller::part(FilterButton Non-MobileClass\/empty) {
    font-size: 1.2rem;
    display: flex;
    font-weight: 500;
    padding: .8rem 2rem .6rem;
    align-items: center;
    text-transform: none;
    letter-spacing: .11rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(SecondRow) {
    margin-top: 2rem;
    font-size: 1.3rem
}

.TournamentsWrapper casino-tournaments-controller::part(elementToFadeIn) {
    color: #171c2c;
    background-color: #ffcd36;
    border-radius: 1rem;
    border: .1rem solid #ffcd36;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif;
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.05))
}

.TournamentsWrapper casino-tournaments-controller::part(CardImgFinished) {
    filter: grayscale(100%)
}

.TournamentsWrapper casino-tournaments-controller::part(CardImg),.TournamentsWrapper casino-tournaments-page-controller::part(CardImg) {
    background-color: #111522;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.TournamentsWrapper casino-tournaments-controller::part(TournamentCard) {
    border-color: #ffcd36;
    border-radius: .5rem
}

.TournamentsWrapper casino-tournaments-controller::part(Details) {
    padding: 1rem 2rem 0
}

.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
    min-height: 3rem
}

.TournamentsWrapper casino-tournaments-controller::part(Title),.TournamentsWrapper casino-tournaments-page-controller::part(Title) {
    margin: 1rem 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.9rem;
    font-size: 2rem;
    color: #171c2c;
    letter-spacing: .12rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(Date) {
    line-height: 1.4rem;
    padding-bottom: 1rem
}

.TournamentsWrapper casino-tournaments-controller::part(Date),.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
    font-weight: 400;
    font-size: 1.3rem;
    text-transform: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
    line-height: 1.7rem
}

.TournamentsWrapper casino-tournaments-controller::part(LoginButton) {
    background: #fff;
    color: #212121;
    width: 50%;
    font-size: 1.4rem;
    font-weight: 500
}

.TournamentsWrapper casino-tournaments-controller::part(LoginButton),.TournamentsWrapper casino-tournaments-controller::part(RegisterButton) {
    border: none;
    border-radius: .5rem;
    height: 3.7rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(RegisterButton) {
    font-style: normal;
    color: #fff;
    background: #171c2c;
    text-decoration: none
}

.TournamentsWrapper casino-tournaments-limited-controller::part(CloseButton) {
    font-size: 1.1rem;
    right: 2.3rem
}

.TournamentsWrapper casino-tournaments-controller::part(Status) {
    padding: .8rem;
    right: 1.4rem;
    text-transform: none;
    background-color: #ffcd36;
    color: #fff;
    border-radius: .5rem;
    border: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(StatusUnstarted) {
    background: #ffcd36
}

.TournamentsWrapper casino-tournaments-controller::part(StatusRunning),.TournamentsWrapper casino-tournaments-controller::part(StatusUnstarted) {
    border-radius: .5rem;
    text-transform: none;
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(StatusRunning) {
    background: #171c2c
}

.TournamentsWrapper casino-tournaments-controller::part(StatusClosed),.TournamentsWrapper casino-tournaments-controller::part(StatusClosing),.TournamentsWrapper casino-tournaments-page-controller::part(StatusClosed),.TournamentsWrapper casino-tournaments-page-controller::part(StatusClosing) {
    background: #f0f0f0;
    border-radius: .5rem;
    text-transform: none;
    color: #212121;
    font-size: 1.4rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(ProgressBar) {
    background: #f0f0f0
}

.TournamentsWrapper casino-tournaments-controller::part(JoinButton),.TournamentsWrapper casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
    background: #171c2c;
    color: #fff;
    border: none;
    border-radius: .5rem;
    font-weight: 500;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(JoinButton),.TournamentsWrapper casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
        gap:1rem;
        font-size: 1.2rem
    }
}

@media (min-width: 360px) {
    .TournamentsWrapper casino-tournaments-controller::part(JoinButton),.TournamentsWrapper casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
        gap:2rem;
        font-size: 1.4rem
    }
}

.TournamentsWrapper casino-tournaments-controller::part(ShowMoreButton) {
    border: .1rem solid #ffcd36;
    color: #ffcd36;
    background: #fff;
    height: 3.7rem;
    font-size: 1.4rem;
    text-transform: none;
    border-radius: .5rem;
    margin-top: 1rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentsSectionWrapper) {
    padding: 0 2.4rem 2.4rem;
    background: #111522
}

.TournamentsWrapper casino-tournaments-page-controller::part(RuleIcon),.TournamentsWrapper casino-tournaments-page-controller::part(RulesRow) {
    color: #212121
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentCard) {
    padding-bottom: 1rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(Date) {
    line-height: 1.4rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(Date),.TournamentsWrapper casino-tournaments-page-controller::part(ScoreCriteria) {
    font-weight: 400;
    font-size: 1.3rem;
    text-transform: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(ScoreCriteria) {
    line-height: 1.7rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(Games) {
    font-weight: 400;
    font-size: 1.3rem;
    text-transform: none
}

.TournamentsWrapper casino-tournaments-page-controller::part(SliderNavButton) {
    background: #111522;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(PlayNowButton) {
    color: #fff;
    background: #ffcd36;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentsGamesSlider) {
    background: #111522;
    display: flex
}

.TournamentsWrapper casino-tournaments-page-controller::part(item) {
    border-radius: .5rem;
    background-color: #171c2c
}

.TournamentsWrapper casino-tournaments-page-controller::part(GamesAnchor) {
    font-weight: 600;
    color: #ffcd36;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(StartDate),.TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
    color: #fff!important;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(StartDate),.TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
        margin:.5rem 0
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-controller::part(StartDate),.TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
        margin:1rem 0
    }
}

.TournamentsWrapper casino-tournaments-controller::part(EndDate),.TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
    color: #fff!important;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(EndDate),.TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
        margin:.5rem 0
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-controller::part(EndDate),.TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
        margin:1rem 0
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: none;
    margin: 0 1.5rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
        padding-top:.5rem
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
        padding-top:1rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(Finished) {
    font-weight: 800;
    color: #f0f0f0;
    font-size: 1.3rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
    margin-top: 1rem
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
        gap:1rem
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
        gap:2rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentButtons) {
    margin: 0;
    padding: 0 2rem
}

.TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
    color: #212121;
    border-color: #212121;
    border-radius: .5rem;
    background: none;
    padding: 0 1rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif;
    text-transform: none
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
        font-size:1.2rem;
        padding: 0 .5rem;
        width: 50%
    }
}

@media (min-width: 360px) {
    .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
        font-size:1.4rem;
        padding: 0 1rem
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
        width:40%
    }
}

.TournamentsWrapper casino-tournaments-controller::part(DetailsLargeButton) {
    color: #212121;
    border-color: #212121;
    border-radius: .5rem;
    background: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(ProgressBarFillStarting) {
    background-color: #f0f0f0;
    border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-controller::part(ProgressBarFill) {
    background-color: #171c2c;
    border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-controller::part(Prizes),.TournamentsWrapper casino-tournaments-page-controller::part(Prizes) {
    max-height: 10rem;
    overflow-y: scroll;
    color: #171c2c;
    display: grid;
    grid-template-columns: repeat(3,auto);
    padding-right: 1rem;
    gap: 1.5rem;
    scrollbar-width: thin;
    scrollbar-color: #171c2c transparent
}

.TournamentsWrapper casino-tournaments-controller::part(Prizes)::-webkit-scrollbar,.TournamentsWrapper casino-tournaments-page-controller::part(Prizes)::-webkit-scrollbar {
    width: .6rem
}

.TournamentsWrapper casino-tournaments-controller::part(Prizes)::-webkit-scrollbar-thumb,.TournamentsWrapper casino-tournaments-page-controller::part(Prizes)::-webkit-scrollbar-thumb {
    background-color: #171c2c
}

.TournamentsWrapper casino-tournaments-page-controller::part(JoinButton),.TournamentsWrapper casino-tournaments-page-controller::part(JoinButton JoinButtonFullSize) {
    background: #171c2c;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 1rem;
    border: none;
    border-radius: .5rem;
    padding-left: 4rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentDates) {
    color: #fff
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentCard) {
    background-color: #fff
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentsTable) {
    color: #fff;
    background-color: #111522
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentTableDetails) {
    color: #fff;
    background-color: #111522;
    box-shadow: 0 0 .4rem #ffcd36;
    border-radius: .5rem;
    border: .1rem solid #ffcd36
}

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTable) {
    background-color: #111522;
    color: #fff
}

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableThead) {
    background-color: #ffcd36;
    color: #fff
}

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTh) {
    font-size: 1.6rem;
    border-bottom: .1rem solid #f0f0f0
}

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableP),.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTh) {
    background-color: #111522;
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTd),.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTr),.TournamentsWrapper casino-tournaments-page-controller::part(Qualified) {
    border-top: none;
    color: #fff!important;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTd),.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTr),.TournamentsWrapper casino-tournaments-page-controller::part(Qualified) {
        background-color:#111522;
        font-size: 1.4rem;
        border-top: .1rem solid #f0f0f0!important;
        border-bottom: none
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(RightButton) {
    border: 0;
    background-color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(Prize),.TournamentsWrapper casino-tournaments-page-controller::part(Prize) {
    color: #212121;
    font-size: 1.4rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(PrizesTitle),.TournamentsWrapper casino-tournaments-page-controller::part(PrizesTitle) {
    font-weight: 600;
    color: #171c2c;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(PrizeText),.TournamentsWrapper casino-tournaments-page-controller::part(PrizeText) {
    color: #171c2c;
    font-weight: 700;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(PrizeRank),.TournamentsWrapper casino-tournaments-page-controller::part(PrizeRank) {
    color: #171c2c;
    font-weight: 500;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(elementToFadeIn) {
    flex-direction: column;
    border: .1rem solid #ffcd36;
    color: #171c2c;
    background-color: #ffcd36;
    border-radius: 1rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(GamesP) {
    color: #ffcd36;
    text-decoration: none;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBar) {
    background: #f0f0f0;
    margin: 0 1.5rem;
    border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentDuration) {
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TournamentDuration) {
        height:7rem
    }
}

@media (min-width: 380px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TournamentDuration) {
        height:6rem
    }
}

@media (min-width: 500px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TournamentDuration) {
        height:7.5rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBarFillStarting) {
    background-color: #f0f0f0;
    border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-controller::part(LoadingMessage),.TournamentsWrapper casino-tournaments-controller::part(NoTournaments),.TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
    background: #ffcd36;
    border-radius: .5rem;
    text-transform: none
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
        font-size:.9rem;
        padding: 0 .5rem
    }
}

@media (min-width: 400px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
        font-size:1.4rem;
        padding: 0 .8rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
    background: #171c2c;
    border-radius: .5rem;
    text-transform: none;
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
        font-size:.9rem;
        padding: 0 .5rem
    }
}

@media (min-width: 400px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
        font-size:1.4rem;
        padding: 0 .8rem
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(BackButton) {
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(ProgressBarFillEnd),.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBarFill),.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBarFillEnd) {
    background-color: #171c2c;
    border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-controller::part(Tournaments) {
    color: #212121;
    padding: 1rem 0;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(TableUser) {
    background-color: #fff;
    color: #212121;
    border-bottom: .1rem solid #f0f0f0;
    padding-left: 1rem
}

@media (min-width: 280px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TableUser) {
        background:none;
        color: #fff
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(TableHeadRow) {
    background-color: #171c2c;
    color: #fff;
    border-bottom: .1rem solid #f0f0f0;
    padding-left: 1rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(active) {
    border-bottom: .625vw solid #ffcd36;
    color: #ffcd36
}

.TournamentsWrapper casino-tournaments-page-controller::part(ul) {
    color: #fff
}

.TournamentsWrapper casino-tournaments-controller::part(FiltersTitle MobileClass),.TournamentsWrapper casino-tournaments-controller::part(FiltersTitle Non-MobileClass\/empty) {
    display: none
}

.TournamentsWrapper casino-tournaments-controller::part(GamesP),.TournamentsWrapper casino-tournaments-page-controller::part(GamesP) {
    font-size: 1.3rem;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(GamesAnchor) {
    color: inherit;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-controller::part(a TournamentPrizesSvgA),.TournamentsWrapper casino-tournaments-page-controller::part(a TournamentPrizesSvgA) {
    fill: #171c2c;
    display: block
}

.TournamentsWrapper casino-tournaments-page-controller::part(ThumbnailGotoTournamentsButton) {
    background-color: #ffcd36;
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(casino-tournaments-thumbnail-rule) {
    color: #fff
}

.TournamentsWrapper casino-tournaments-page-controller::part(CollapseButton) {
    background: #ffcd36;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(CollapseButton) svg {
    fill: none
}

.TournamentsWrapper casino-tournaments-page-controller::part(TournamentContentDetails) {
    background: #171c2c;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 400px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TournamentContentDetails) {
        flex-direction:column;
        color: #fff
    }
}

@media (min-width: 1200px) {
    .TournamentsWrapper casino-tournaments-page-controller::part(TournamentContentDetails) {
        flex-direction:row;
        background: none
    }
}

.TournamentsWrapper casino-tournaments-page-controller::part(MobileTournamentCardDetails) {
    background: #111522;
    color: #fff;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.TournamentsWrapper casino-tournaments-page-controller::part(MiniTournamentPage) {
    border: .1rem solid #ffcd36;
    border-radius: .3rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(ThumbnailTabContent_Games_Casino_Label) {
    color: #ffcd36;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

@media (min-width: 1100px) {
    .TournamentsWrapper {
        max-width:102rem
    }
}

@media (min-width: 1260px) {
    .TournamentsWrapper {
        max-width:122.6rem
    }
}

@media (min-width: 1468px) {
    .TournamentsWrapper {
        max-width:140rem
    }
}

@media (min-width: 1620px) {
    .TournamentsWrapper {
        max-width:160rem
    }
}

.IgReelsContainer {
    display: flex;
    position: fixed;
    top: 0;
    height: 8rem;
    width: 100%;
    color: #fff;
    z-index: 11;
    box-sizing: content-box;
    background-color: #171c2c;
    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: 4.5rem;
    width: 4.5rem;
    border: .2rem solid
}

.IgReelsContainer .StoryContainer .StoryIconSmall.Watched {
    border-color: #757575
}

.IgReelsContainer .StoryContainer .StoryIconSmall.Pristine {
    border-color: #ffcd36
}

.IgReelsContainer .StoryContainer .StoryIconSmall img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.StoriesActive .StickyWrapper.IsSticky {
    top: 13.4rem
}

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

.StoriesActive .StickyWrapper.IsSticky .InstanceNoSearchedGamesFound {
    margin-top: -4.8rem!important
}

.NotificationActive.StoriesActive .StickyWrapper.IsSticky {
    top: 19.4rem
}

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

.IgStoriesContent,body.StoriesShown {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.IgStoriesContent {
    position: fixed;
    z-index: 99;
    height: 100vh
}

.IgStoriesContent :nth-child(2) :nth-child(2) :nth-child(2) {
    position: fixed!important
}

.IgStoriesContent .IosCloseBtn {
    position: absolute;
    z-index: 1000;
    right: 1rem;
    top: 2rem;
    width: 2.5rem;
    height: 2.5rem
}

.IgStoriesContent .IosCloseBtn svg {
    fill: #fff
}

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

.IgStoriesContent .SeeMoreWrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(4rem + env(safe-area-inset-bottom));
    color: #212121
}

.IgStoriesContent .SeeMoreText {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    width: 9.5rem;
    height: 4rem;
    font-size: 1.3rem
}

.IgStoriesContent .SeeMoreIcon {
    color: #fff;
    filter: drop-shadow(0 0 .5rem #212121)
}

.NotificationActive .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 19.4rem)
}

@media (min-width: 1100px) {
    .NotificationActive .IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        height:calc(100vh - 17rem)
    }
}

.IgReelsContainer~.SectionHeader {
    top: 8rem;
    border-top: .4rem solid #ffcd36
}

.IgReelsContainer~.SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 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)
    }
}

@media (min-width: 768px) {
    .IgReelsContainer~.SectionHeader .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        height:calc(100vh - 19.9rem);
        width: 51rem;
        top: 4.2rem
    }
}

@media (min-width: 1100px) {
    .IgReelsContainer~.SectionHeader .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        height:calc(100vh - 20.4rem);
        width: 60rem;
        top: 4.7rem
    }
}

.IgReelsContainer~.SectionContent {
    padding-top: 13.4rem
}

.NotificationArea+.IgReelsContainer {
    top: 6rem
}

.NotificationArea+.IgReelsContainer~.SectionHeader {
    top: 14rem
}

.Toggle-OperatorSearchToggle .IgReelsContainer~.SectionContent {
    padding-top: 5.4rem
}

.IgReelsContainer~.NotificationList {
    top: 13.4rem
}

.NotificationActive .IgReelsContainer~.NotificationList {
    top: 19.4rem
}

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

@media (min-width: 1100px) {
    .TransactionHistoryNWAContainer {
        min-height:60rem
    }
}

.TransactionHistoryNWAContainer .TransHistoryDate {
    left: 13.5rem
}

@media (min-width: 767px) {
    .TransactionHistoryNWAContainer .TransHistoryDate {
        left:auto
    }
}

.TableLoading {
    padding-top: .5rem;
    position: relative
}

body.HasMobileBottomNavigation>#chat-widget-container {
    z-index: 12!important;
    bottom: calc(6.5rem + env(safe-area-inset-bottom))!important;
    max-height: calc(100% - 6.5rem - env(safe-area-inset-bottom))!important
}

.MobileBottomNavigationWrapper {
    z-index: 13;
    min-height: 6.5rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationWrapper) {
    height: 7.5rem
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar),.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationButton) {
    background: #171c2c
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPrimaryItemImgWrapper),.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemImgWrapper) {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationButton NavigationButtonActive):before {
    content: none
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationWindow NavigationWindowOpened) {
    border-bottom: none;
    box-sizing: border-box
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationWindowTitle) {
    display: none
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(ModalCloseBtn) {
    width: 1.4rem;
    height: 1.4rem;
    background: none;
    top: .5rem;
    right: .5rem;
    color: #ffcd36
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(w-6 h-6) {
    width: 1.4rem
}

.OverflowHidden.SportsOverlay.HasMobileBottomNavigation .SportsIframe {
    max-height: calc(var(--windowHeightOrDynamic) - 11.9rem)
}

.OverflowHidden.SportsOverlay.NotificationActive.HasMobileBottomNavigation .SportsIframe {
    max-height: calc(var(--windowHeightOrDynamic) - 17.9rem)
}

.OverflowHidden.SportsOverlay.StoriesActive.HasMobileBottomNavigation .SportsIframe {
    max-height: calc(var(--windowHeightOrDynamic) - 19.9rem)
}

.OverflowHidden.SportsOverlay.NotificationActive.StoriesActive.HasMobileBottomNavigation .SportsIframe {
    max-height: calc(var(--windowHeightOrDynamic) - 25.9rem)
}

@supports not (height: 100dvh) {
    .OverflowHidden.SportsOverlay.iOSDevice.HasMobileBottomNavigation .SportsIframe {
        max-height:calc(100vh - 16.9rem)
    }

    @media (min-width: 1100px) {
        .OverflowHidden.SportsOverlay.iOSDevice.HasMobileBottomNavigation .SportsIframe {
            max-height:calc(100vh - 22.5rem)
        }
    }

    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.HasMobileBottomNavigation .SportsIframe {
        max-height: calc(100vh - 22.9rem)
    }

    @media (min-width: 1100px) {
        .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.HasMobileBottomNavigation .SportsIframe {
            max-height:calc(100vh - 28.5rem)
        }
    }

    .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive.HasMobileBottomNavigation .SportsIframe {
        max-height: calc(100vh - 24.9rem)
    }

    @media (min-width: 1100px) {
        .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive.HasMobileBottomNavigation .SportsIframe {
            max-height:calc(100vh - 30.5rem)
        }
    }

    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive.HasMobileBottomNavigation .SportsIframe {
        max-height: calc(100vh - 30.9rem)
    }

    @media (min-width: 1100px) {
        .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive.HasMobileBottomNavigation .SportsIframe {
            max-height:calc(100vh - 36.5rem)
        }
    }
}

.LobbyPromotingContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2.6rem 1.6rem;
    gap: 1.6rem;
    padding: 4.1rem 2.1rem;
    border-radius: 1.6rem;
    min-width: 3.43rem;
    min-height: 2.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.5)
}

@media (min-width: 1100px) {
    .LobbyPromotingContainer {
        margin:2.6rem auto
    }
}

.LobbyPromotingContainer .LobbyPromotingContent,.LobbyPromotingContainer .LobbyPromotingTitle {
    text-align: center;
    color: #fff
}

.LobbyPromotingContainer .LobbyPromotingTitle {
    font-size: 2.2rem;
    font-weight: 700
}

.LobbyPromotingContainer .LobbyPromotingBtn {
    background: #212121;
    border: .1rem solid #212121;
    border-radius: .8rem;
    padding: .4rem 1.6rem
}

.LobbyPromotingContainer .LobbyPromotingBtn:hover {
    cursor: pointer
}

.LobbyPromotingContainer .LobbyPromotingBtn:active {
    background: rgba(33,33,33,.6);
    text-decoration: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.LobbyPromotingContainer .LobbyPromotingBtnTitle {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.RandomGameButton {
    --game-container-gradient-bg: linear-gradient(90deg,#111522,rgba(17,21,34,0.5) 25%,rgba(17,21,34,0) 50%,rgba(17,21,34,0.5) 75%,#111522);
    --question-mark-color: #fff;
    --hexagon-mark-bg: linear-gradient(#171c2c,#05070b);
    --hexagon-mark-border-bg: linear-gradient(90deg,#ffcd36,#af841b);
    --emfe-w-casino-color-primary: #ffcd36;
    --emfe-w-categories-color-secondary: #af841b;
    --emfe-w-button-typography: #fff
}

.ContentTriggerWrapper .ToggleMainMenu.RandomGameActive {
    display: none
}

@media (min-width: 768px) {
    .PromotionsFilterWrapper .PromotionsFilterItem {
        padding:0 2rem
    }
}

.PromotionsFilterWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    max-width: 160rem
}

.PromotionsFilterWrapper .HorizontalScrollWrapper {
    align-items: center
}

.PromotionsFilterWrapper .PromotionsScroll {
    display: flex
}

.PromotionsFilterWrapper .PromotionsFilterList {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .5rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.PromotionsFilterWrapper .PromotionsFilterList::-webkit-scrollbar {
    display: none
}

.PromotionsFilterWrapper .PromotionsFilterItem {
    padding: 0 1rem 0 .5rem
}

@media (min-width: 768px) {
    .PromotionsFilterWrapper .PromotionsFilterItem {
        padding:0 2rem;
        height: 100%
    }
}

.PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper {
    height: 100%;
    cursor: pointer;
    padding: 2.2rem 1.5rem 2.5rem
}

@media (min-width: 1100px) {
    .PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper {
        height:unset;
        padding: 3.2rem 1.5rem 2.5rem
    }
}

.PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper .PromotionsFilterItemText {
    pointer-events: none;
    text-transform: capitalize
}

.PromotionsFilterWrapper .PromotionsFilterItem.IsSelected .PromotionFilterItemWrapper {
    color: #ffcd36;
    fill: #ffcd36;
    border-bottom: .4rem solid #ffcd36;
    box-sizing: border-box
}

.PromotionsFilterWrapper .PromotionsFilterItem.IsSelected .PromotionFilterItemWrapper .FavoriteGamesNumber {
    color: #ffcd36
}

@media (min-width: 1100px) {
    .PromotionsFilterWrapper.PromotionsFilterList::-webkit-scrollbar {
        height:.2rem
    }
}

@media (min-width: 1100px) {
    .PromotionsFilterWrapper.PromotionsFilterList::-webkit-scrollbar-thumb {
        border-radius:.8rem
    }
}

.Search .Search__List {
    display: none;
    margin-bottom: 2rem
}

.Search .Search__List.Active {
    display: flex
}

.Search .Search__Input {
    background: transparent;
    border: .1rem solid hsla(0,0%,100%,.1);
    color: #fff;
    padding-left: 4.5rem;
    padding-right: 3.5rem;
    min-height: 4.2rem
}

.Search .Search__Input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.Search .Search__Input::placeholder {
    color: #fff;
    opacity: 1
}

.Search .Search__Input:focus {
    border-color: #9d9d9d
}

.Search .Search__Bar {
    border: none;
    padding: 0;
    min-height: auto;
    margin-top: 1rem
}

.Search .Search__Bar:before {
    content: "";
    position: absolute;
    background-image: url(/static/img/search-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 2rem;
    width: 2rem;
    top: 1.3rem;
    left: 1.1rem;
    pointer-events: none
}

.Search a.SearchItem__Anchor {
    width: 93%;
    flex-direction: column;
    color: #fff
}

.Search span.SearchItem__Descriptors {
    flex-direction: unset;
    align-items: unset;
    justify-content: unset
}

.Search .SearchItem__IndicatorsGroup {
    align-items: center
}

.Search .SearchItem__IndicatorsGroup span.SearchItem__Indicator--isLive {
    background-color: #38b500
}

.Search span.SearchItem__InfoGroup {
    color: #fff
}

.Search .SearchItem__Icon {
    background-color: #333
}

.Search .SearchItem {
    background-color: #3a3a3a;
    border: none!important
}

.Search .Search__Info {
    padding: 0;
    font-size: 1.6rem
}

.Search .Search__Bar .OM-Button {
    justify-content: flex-end;
    padding-right: .5rem;
    padding-top: .2rem
}

.Search .Search__Bar .OM-Button[disabled] {
    opacity: 1;
    cursor: pointer
}

.Search .OM-Icon--Svg svg {
    fill: #fff
}

.Search .OM-Pagination .OM-Pagination__Page {
    background-color: #2b2b2b;
    border: .1rem solid #4f4f4f
}

.Search .OM-Pagination .OM-Pagination__Page a {
    color: #fff
}

.Search .OM-Pagination .OM-Pagination__Page--Selected {
    background-color: #ffcd36;
    border-color: #4f4f4f
}

.CaptchaValidationNeededSpinner {
    width: 100%;
    position: static;
    transform: unset
}

.OperatorCasinoCategoriesWrapper {
    height: 100%;
    display: flex;
    align-items: center
}

.Body .introjs-disableInteraction,.Body .introjs-highlight,.Body .introjs-overlay,.Body .introjs-tooltipReferenceLayer,.Body .introjs-tooltipReferenceLayer * {
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

.Body .introjs-highlight {
    box-shadow: 0 0 .1rem .2rem transparent,0 0 0 500rem rgba(0,0,0,.75)
}

.Body .introjs-tooltip {
    border-radius: 1.6rem;
    padding: 1rem
}

.Body .introjs-tooltip-title {
    width: 100%;
    padding-right: 1rem;
    box-sizing: border-box;
    text-align: center
}

.Body .introjs-dontShowAgain,.Body .introjs-tooltiptext {
    padding: 2rem 0;
    font-size: 1.4rem
}

.Body .introjs-tooltiptext {
    padding-top: 3rem
}

.Body .introjs-dontShowAgain {
    padding: .7rem 0
}

.Body .introjs-bullets {
    padding: .5rem
}

.Body .introjs-bullets ul li a,.Body .introjs-bullets ul li a.active {
    background: #ffcd36
}

.Body .introjs-progress {
    margin: .5rem 0
}

.Body .introjs-progressbar {
    background-color: #ffcd36
}

.Body .introjs-arrow.bottom,.Body .introjs-arrow.top {
    left: 1.6rem
}

.Body .introjs-arrow.left,.Body .introjs-arrow.right {
    top: 1.6rem
}

.Body .introjs-skipbutton {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 4.1rem;
    background: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.Body .introjs-tooltipbuttons {
    border: none;
    padding: 1rem 0 0
}

.Body .introjs-tooltipbuttons .introjs-button {
    border: none;
    padding: .8rem 2.6rem;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    background: #ffcd36;
    border-radius: .8rem;
    color: #fff;
    box-shadow: none;
    font-weight: 700;
    text-shadow: none
}

.Body .introjs-tooltipbuttons .introjs-disabled {
    color: #fff;
    background: #828282
}

.Body .introjs-dontShowAgain input {
    accent-color: #ffcd36
}

body.iOSDevice.BetSlipActive {
    overflow: hidden
}

body.iOSDevice.BetSlipActive.BetslipEmpty {
    -webkit-transform: translateZ(0)
}

.Page-IosApp .SectionContent {
    background-color: #111522
}

.IosAppLandingWrapper {
    background-repeat: repeat;
    background-size: auto;
    display: flex;
    justify-content: center
}

.IosAppLandingWrapper .Container {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.8rem 0 13rem
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Container {
        padding:15rem 0
    }
}

.IosAppLandingWrapper .Title {
    color: #ffcd36;
    font-size: 4.2rem;
    line-height: 5.5rem;
    padding: 0 2.8rem;
    text-transform: uppercase
}

.IosAppLandingWrapper .Description {
    color: #f0f0f0;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 0 2.8rem
}

.IosAppLandingWrapper .Description:first-letter {
    text-transform: uppercase
}

.IosAppLandingWrapper .HeroSection {
    max-width: 88rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem
}

.IosAppLandingWrapper .HeroSection .Iphones {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 3rem
}

.IosAppLandingWrapper .DownloadButton {
    background: transparent linear-gradient(91deg,#212121,#171c2c) 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    padding: 1rem 2rem;
    font-size: 1.6em;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    gap: 1.6rem;
    align-items: center;
    margin-top: 3.5rem;
    margin-bottom: 4rem;
    border-radius: 15px
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .DownloadButton {
        margin-bottom:10rem
    }
}

.IosAppLandingWrapper .SliderContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto
}

.IosAppLandingWrapper .Slider {
    display: flex;
    transition: transform .5s ease-in-out
}

.IosAppLandingWrapper .Slide {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    -moz-column-gap: 4.2rem;
    column-gap: 4.2rem;
    position: relative;
    width: 100%;
    justify-content: right
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide {
        justify-content:center
    }
}

.IosAppLandingWrapper .Slide .StepCard {
    background: transparent linear-gradient(180deg,#ffcd36,#171c2c) 0 0 no-repeat padding-box;
    border-radius: 4rem;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: left;
    position: absolute;
    top: 3rem;
    left: 0;
    z-index: 0;
    width: 28rem;
    height: 38rem;
    margin-left: 1.4rem;
    align-items: left
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .StepCard {
        position:static;
        width: 29.5rem;
        height: 59rem;
        margin-left: 0;
        align-items: center
    }
}

.IosAppLandingWrapper .Slide .Step {
    height: 100%;
    padding: 5rem 2rem 2rem
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Step {
        padding:11.5rem 2rem 5rem
    }
}

.IosAppLandingWrapper .Slide .Iphone {
    margin-right: 1.4rem
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Iphone {
        margin-right:0
    }
}

.IosAppLandingWrapper .Slide .Content {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2.4rem;
    height: 100%;
    width: calc(100% + 100vw - 52.8rem);
    max-width: 100%
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Content {
        width:100%
    }
}

.IosAppLandingWrapper .Slide .Content h2 {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 400
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Content h2 {
        font-size:4.2rem;
        line-height: 5.5rem
    }
}

.IosAppLandingWrapper .Slide .Content p {
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Content p {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.IosAppLandingWrapper .Slide .Content .Logo {
    width: 100%;
    max-width: 10rem;
    margin: auto 1rem 0
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Slide .Content .Logo {
        margin:auto 5rem 0
    }
}

.IosAppLandingWrapper .Navigation {
    display: none
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .Navigation {
        position:absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none
    }
}

.IosAppLandingWrapper .NavButton {
    background-color: transparent;
    border: none;
    color: #ffcd36;
    font-size: 7em;
    cursor: pointer;
    padding: 1rem;
    pointer-events: auto
}

.IosAppLandingWrapper .SlideIndicators {
    display: flex;
    justify-content: center;
    margin-top: 6rem
}

.IosAppLandingWrapper .SlideIndicator {
    height: .4rem;
    background-color: #555;
    margin: 0 .5rem;
    transition: background-color .3s ease;
    width: 5rem
}

@media (min-width: 600px) {
    .IosAppLandingWrapper .SlideIndicator {
        width:10rem
    }
}

.IosAppLandingWrapper .SlideIndicator.Active {
    background-color: #ffcd36
}

.IphoneMockup {
    background-color: #000;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid #bbb5b3
}

.IphoneMockup.IphoneMockupSmall {
    width: 16rem;
    height: 32rem;
    border-radius: 4rem
}

@media (min-width: 600px) {
    .IphoneMockup.IphoneMockupSmall {
        width:23rem;
        height: 46rem;
        border-radius: 5rem
    }
}

.IphoneMockup.IphoneMockupLarge {
    width: 22rem;
    height: 44rem;
    border-radius: 4rem
}

@media (min-width: 600px) {
    .IphoneMockup.IphoneMockupLarge {
        width:29.5rem;
        height: 59rem;
        border-radius: 5rem
    }
}

.IphoneMockup .Screen {
    width: 95%;
    height: 97.5%;
    box-shadow: 0 0 0 .1rem #4a4947;
    background-color: #171c2c;
    border-radius: 3rem;
    margin-left: 2.5%;
    margin-top: 2.5%;
    overflow: hidden
}

@media (min-width: 600px) {
    .IphoneMockup .Screen {
        border-radius:4rem
    }
}

.IphoneMockup .Screen .MockupMenuBar {
    width: 100%;
    height: 8%
}

.IphoneMockup .Screen .Display {
    width: 100%;
    height: 92%
}

.IphoneMockup .Screen .Display.DisplayFullHeight {
    height: 100%
}

.IphoneMockup .Screen .Island {
    position: absolute;
    top: 3.5%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 30%;
    height: 4%;
    background-color: #000;
    border-radius: 40px
}

.IphoneMockup .Screen .Island .Camera {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #111;
    border-radius: 50%
}

.IphoneMockup .Screen .Island .Camera:before {
    content: "";
    display: block;
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background-color: #161a3c
}

.IphoneMockup .Screen .Island .Camera:after {
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    left: .5rem;
    width: .5rem;
    height: .5rem;
    background: linear-gradient(0,#03344f,#040e27 50%,#3e5191);
    border-radius: 50%
}

.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: #ffcd36!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: #ffcd36!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: #171c2c
}

.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: #171c2c;
    border-bottom: .1rem solid #171c2c
}

@media (min-width: 1100px) {
    .GameSearch {
        border:.1rem solid #fff
    }
}

.ComponentSearchedGamesGrid,.InstanceNoSearchedGamesFound {
    background: #171c2c
}

.CategoriesItem .GameCategory,.ExtraCategories .Anchor,.ExtraCategories .Button {
    color: #171c2c
}

.CasinoCategoryActive .Anchor,.CategoriesItem .GameCategory.IsActive,.ExtraCategories .Anchor.IsActive {
    color: #111522;
    border-bottom: .4rem solid #af841b
}

.CasinoCategoryActive .Anchor .FavoriteGamesNumber,.CategoriesItem .GameCategory.IsActive .FavoriteGamesNumber,.ExtraCategories .Anchor.IsActive .FavoriteGamesNumber,.ExtraCategories .FavoriteGamesNumber,.StickyWrapper .Anchor:hover .FavoriteGamesNumber {
    color: #171c2c
}

.PromotionsFilterWrapper .PromotionsFilterItem.IsSelected .PromotionFilterItemWrapper {
    color: #171c2c;
    fill: #171c2c;
    border-bottom: .4rem solid #af841b
}

.PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper {
    color: #171c2c
}

@media (min-width: 1100px) {
    .PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper:hover {
        background:hsla(0,0%,100%,.3);
        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:8rem
    }
}

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

.GoToLobby:active,.GoToLobby:hover {
    background: #af841b
}