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

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

body {
  line-height: 1
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

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

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

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

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

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

.ReCaptchaContainer {
  overflow: hidden
}

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

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

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

.Message.Dismissed {
  display: none
}

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

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

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

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

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

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

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

.IframeContainer.Hover .BtnGroup,.IframeContainer:hover .BtnGroup {
  left: -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: #ffac2c;
  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: #ffac2c;
  border-color: #ffac2c;
  color: #fff
}

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

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

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

.GmowDetailsInfoButton .Button:active,.GmowDetailsInfoButton .Button:hover {
  background: #ffac2c;
  border-color: #2A4B13;
  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: #2A4B13;
  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: #ffac2c
}

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

.CmsPopup .CmsPopupWrapper button:hover {
  background: #2A4B13;
  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: #131f35;
      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: #172640
}

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

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

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

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

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

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

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

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

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

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

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

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

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: #ffac2c
}

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

a:active,a:hover {
  color: #18330A
}

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: #ffac2c;
  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(../../index.html);
  background-size: contain;
  color: #fff;
  border-radius: 50%;
  font-size: 2.2rem;
  content: ""
}

.Message.Info:before {
  background-image: url(../../index.html)
}

.Message.Success:before {
  background-image: url(../../index.html)
}

.Message.Error:before {
  background-image: url(../../index.html)
}

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

.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: #ffac2c;
  color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.24)
}

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

.CTA:active {
  border: none;
  background: #f4c943;
  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: #ffac2c;
  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: #2A4B13;
      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: #2A4B13;
  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: #2A4B13;
  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: #ffac2c;
  border: .2rem solid #ffac2c
}

.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: #ffac2c;
  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(../../index.html)
}

.react-datepicker .react-datepicker__navigation--next {
  background-image: url(../../index.html)
}

.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: #ffac2c;
  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: #2A4B13;
  background-image: linear-gradient(90deg,#18330A 0,#18330A);
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  transform: translateZ(0);
  border-bottom: .4rem solid #ffac2c;
  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,#18330A	 0,#18330A	)
  }
}

.SectionHeader.Maintenance {
  background: #18330A
}

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

.FixTabletKeyboard .RootContent .SectionHeader,.Toggle-OperatorSearchToggle .RootContent .SectionHeader {
  background: #18330A
}

.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 .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 {
  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: #f4c943;
  color: #18330A
}

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

@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: #ffac2c;
  border: none
}

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

.Page-LiveSource .ButtonRegister:hover {
  background: #f4c943;
  color: #18330A
}

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

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

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

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

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

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

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

.InstanceOperatorMenu.ContentTriggerWrapper {
  display: block
}

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

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

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

.TriggerMainNav.IsActive .ContentTriggerContentWrapper .BurgerMenuLogo {
  width: 80vw;
  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 #ffac2c;
  color: #4e4e4e;
  text-transform: uppercase;
  box-sizing: border-box;
  text-align: center
}

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

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

.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
  display: flex;
  flex-direction: column;
  left: 0;
  border-radius: 0;
  height: 100vh;
  background: linear-gradient(0deg,#0c1422,#1e1e20);
  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,#18330A 0,#18330A);
  border-bottom: .1rem solid #ffac2c
}

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

.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: #ffac2c;
  border: 0 solid #fff;
  color: #2A4B13;
  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(22,26,42,.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: #ffac2c
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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(../../index.html);
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 1.4rem
}

.NotificationError:before {
  content: url(../../index.html)
}

.NotificationSuccess:before {
  content: url(../../index.html)
}

.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: #ffac2c;
      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: #0c1422
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: #0c1422;
  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 #18330A
  }
}

.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: #0c1422;
  font-size: 1.6rem;
  line-height: 2rem;
  box-sizing: border-box;
  border: .1rem solid hsla(0,0%,100%,.25)
}

@media (min-width: 600px) {
  .ComponentSearchedGamesGrid,.InstanceNoSearchedGamesFound {
      top:6.2rem
  }
}

@media (min-width: 1100px) {
  .ComponentSearchedGamesGrid,.InstanceNoSearchedGamesFound {
      height:calc(100vh - 18rem);
      top: 7.8rem;
      padding: 2.5rem;
      font-size: 1.6rem;
      line-height: 2.4rem;
      overflow-y: auto
  }
}

.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  margin-top: -4.2rem;
  top: 0
}

@media (min-width: 1100px) {
  .ModalContent .InstanceNoSearchedGamesFound {
      max-height:40.2rem
  }
}

.iOSRebrushWrapper .ComponentSearchedGamesGrid,.iOSRebrushWrapper .InstanceNoSearchedGamesFound {
  top: 7rem
}

.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid,.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  height: 100vh;
  padding: .8rem
}

.Toggle-OperatorSearchToggle.FixTabletKeyboard .ComponentSearchedGamesGrid {
  min-height: 192rem
}

.iOSDevice .ComponentSearchedGamesGrid {
  overflow-y: auto
}

.ComponentSearchedGamesGrid .BoxTitle,.Page-Category .CasinoGames .BoxTitle {
  display: none
}

.Page-Category .ModalContent .BoxTitle {
  display: block
}

.ComponentSearchedGamesGrid .OperatorViewAllGames,.GamesContainerDesc,.Page-Casino-Child .OperatorViewAllGames,.Page-LiveCasino-Child .OperatorViewAllGames {
  display: none
}

.GamesSwipeable {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  flex-wrap: nowrap;
  box-sizing: border-box;
  overflow-x: hidden;
  scrollbar-width: none
}

@media (min-width: 1100px) {
  .GamesSwipeable {
      overflow-x:hidden;
      padding: 0 2rem
  }
}

@media (min-width: 1400px) {
  .GamesSwipeable {
      padding:0
  }
}

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

@media (min-width: 1100px) {
  .Page-Casino .MsnRow .GamesSwipeable {
      padding:0
  }
}

@media (min-width: 1100px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
      padding:12rem 0 1rem .5rem
  }
}

@media (min-width: 1260px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
      padding:12rem 0 1rem 1rem
  }
}

.Page-Casino.IsSearching .HighlightedListWrapper .GamesSwipeable {
  display: none
}

.OperatorFavorites .GamesContainerTitle {
  margin: 3.8rem 1.8rem 1.4rem
}

.OperatorFavorites .GamesSwipeable {
  overflow-x: hidden;
  padding: 0
}

.OperatorSticky .GamesSwipeable {
  border-bottom: 5rem solid transparent;
  box-sizing: border-box
}

@media (min-width: 1100px) {
  .OperatorSticky .GamesSwipeable {
      border-bottom:10rem solid transparent
  }
}

.iOSDevice .OperatorSticky .GamesSwipeable {
  border-bottom: 5rem solid transparent;
  box-sizing: border-box
}

.GamesListContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  overflow: auto;
  overflow-y: hidden
}

@media (min-width: 1100px) {
  .GamesListContainer {
      flex-wrap:wrap;
      overflow-y: auto
  }
}

.CasinoGames .GamesListContainer {
  width: 100%;
  padding: 2.4rem 0 0 1.6rem;
  box-sizing: border-box;
  overflow: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto
}

@media (min-width: 600px) {
  .CasinoGames .GamesListContainer {
      padding:2.4rem 1.4rem 0
  }
}

@media (min-width: 1100px) {
  .CasinoGames .GamesListContainer {
      overflow:hidden;
      padding: 3.6rem 0 0
  }
}

@media (min-width: 1400px) {
  .CasinoGames .GamesListContainer {
      padding:3.6rem 1.2rem 0
  }
}

@media (min-width: 1400px) {
  .Page-Casino .MsnRow .GamesListContainer {
      padding:3.6rem 0 1.2rem
  }
}

.Page-Casino-Child .CasinoGames .GamesListContainer,.Page-LiveCasino-Child .CasinoGames .GamesListContainer {
  padding: 0 1.6rem;
  margin-bottom: 10rem
}

@media (min-width: 600px) {
  .Page-Casino-Child .CasinoGames .GamesListContainer,.Page-LiveCasino-Child .CasinoGames .GamesListContainer {
      padding:0 2.2rem
  }
}

@media (min-width: 1100px) {
  .Page-Casino-Child .CasinoGames .GamesListContainer,.Page-LiveCasino-Child .CasinoGames .GamesListContainer {
      padding:0;
      margin-bottom: 0
  }
}

.OperatorSticky .GamesListContainer,.Page-Category .GamesListContainer,.Page-LiveCasino-Child .GamesListContainer {
  flex-wrap: wrap;
  white-space: normal;
  overflow: hidden
}

@media (min-width: 600px) {
  .OperatorSticky .GamesListContainer,.Page-Category .GamesListContainer,.Page-LiveCasino-Child .GamesListContainer {
      padding:0 1.4rem
  }
}

@media (min-width: 1100px) {
  .OperatorSticky .GamesListContainer,.Page-Category .GamesListContainer,.Page-LiveCasino-Child .GamesListContainer {
      padding:0
  }
}

.IsSearching .OperatorSticky .GamesListContainer {
  padding-bottom: 10rem
}

@media (min-width: 1100px) {
  .IsSearching .OperatorSticky .GamesListContainer {
      padding-bottom:18rem
  }
}

.ModalContentWrapper .GamesListContainer {
  flex-wrap: wrap;
  white-space: normal;
  overflow: auto
}

.OperatorSticky .GamesListContainer {
  padding: 0 0 1.4rem;
  overflow: unset
}

@media (min-width: 600px) {
  .OperatorSticky .GamesListContainer {
      padding:0 0 2.8rem
  }
}

@media (min-width: 1100px) {
  .OperatorSticky .GamesListContainer {
      padding:0 0 3.6rem
  }
}

.Toggle-OperatorSearchToggle .OperatorSticky.InstanceOperatorCasinoSticky {
  height: auto;
  overflow: unset
}

.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
  height: calc(100% - 5rem);
  width: 100%;
  position: fixed;
  top: 5rem;
  left: 0;
  z-index: 6;
  overflow-y: auto;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
      top:5rem
  }
}

@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
      top:5rem
  }
}

.ModalContent .GamesListContainer {
  width: auto;
  padding-bottom: 1.4rem
}

@media (min-width: 600px) {
  .ModalContent .GamesListContainer {
      padding-bottom:2.8rem
  }
}

@media (min-width: 1100px) {
  .ModalContent .GamesListContainer {
      padding:0 1.6rem 20rem
  }
}

.ModalContent .GamesListContainer a {
  z-index: 0
}

.ListGame {
  display: block;
  flex-basis: 100%;
  width: auto;
  margin-bottom: 1rem;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media (min-width: 768px) {
  .ListGame {
      padding:0 .4rem
  }
}

@media (min-width: 300px) {
  .ListGame {
      flex-basis:50%
  }
}

@media (min-width: 600px) {
  .ListGame {
      flex-basis:33.3333%
  }
}

@media (min-width: 800px) {
  .ListGame {
      flex-basis:25%
  }
}

@media (min-width: 1000px) {
  .ListGame {
      flex-basis:18%;
      flex-shrink: 1;
      max-width: 40%;
      white-space: normal
  }
}

@media (min-width: 1200px) {
  .ListGame {
      flex-basis:15%;
      max-width: 33.3333%
  }
}

@media (min-width: 1500px) {
  .ListGame {
      flex-basis:12%;
      max-width: 25%
  }
}

@media (min-width: 1800px) {
  .ListGame {
      flex-basis:auto;
      flex-grow: 0;
      max-width: 36rem
  }
}

.Page-LiveCasino .ListGame {
  overflow: initial
}

.Page-LiveCasino .GamesListContainer .ListGame {
  padding: 0 .4rem
}

.Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
  padding: 0
}

@media (min-width: 768px) {
  .Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
      padding:0 .4rem
  }
}

.GamesWrapper .ListGame {
  position: relative
}

.GamesWrapper .ListGame:hover .GameProp {
  opacity: 1;
  z-index: 0
}

.GamesWrapper .ListGame:hover .GameTitle {
  pointer-events: none
}

@media (min-width: 1100px) {
  .GamesWrapper .ListGame:hover .GamePlayNowText {
      opacity:1
  }
}

.GamesWrapper .ListGame .GamePlayNowButton {
  max-height: calc(100% + 1rem)
}

@media (min-width: 768px) {
  .GamesWrapper .ListGame .GamePlayNowButton {
      max-height:100%
  }
}

.GamesWrapper .ListGame.Lazy {
  height: auto
}

.GamesWrapper .ListGame.Lazy .GameTitle {
  display: block;
  transition: all .25s linear
}

.RecommendedListWrapper .GamesWrapper .ListGame .GamePlayNowButton {
  max-height: 100%
}

.ModalGamesWrapper .GamesWrapper .ListGame .GamePlayNowButton {
  max-height: calc(100% - 1.8rem);
  z-index: 1
}

@media (min-width: 300px) {
  .HorizontalScrollBar .ListGame,.LoadMoreButtonContainer {
      flex-basis:auto;
      max-width: 30rem
  }
}

@media (min-width: 600px) {
  .HorizontalScrollBar .ListGame,.LoadMoreButtonContainer {
      flex-basis:16rem;
      max-width: 16rem
  }
}

@media (min-width: 1000px) {
  .HorizontalScrollBar .ListGame,.LoadMoreButtonContainer {
      flex-basis:19.6rem;
      max-width: 19.6rem
  }
}

@media (min-width: 1100px) {
  .HorizontalScrollBar .ListGame,.LoadMoreButtonContainer {
      flex-basis:19.6rem;
      max-width: 19.6rem
  }
}

@media (min-width: 300px) {
  .OperatorSticky .ListGame,.Page-Category .HorizontalScrollBar .ListGame {
      flex-basis:50%;
      max-width: 12.4rem
  }
}

@media (min-width: 425px) {
  .OperatorSticky .ListGame,.Page-Category .HorizontalScrollBar .ListGame {
      flex-basis:33.3333%
  }
}

@media (min-width: 600px) {
  .OperatorSticky .ListGame,.Page-Category .HorizontalScrollBar .ListGame {
      flex-basis:25%
  }
}

@media (min-width: 768px) {
  .OperatorSticky .ListGame,.Page-Category .HorizontalScrollBar .ListGame {
      flex-basis:20%;
      max-width: 14.6rem
  }
}

@media (min-width: 1100px) {
  .OperatorSticky .ListGame,.Page-Category .HorizontalScrollBar .ListGame {
      flex-basis:19.6rem;
      max-width: unset
  }
}

@media (min-width: 300px) {
  .ModalContent .ListGame,.Page-Category .ModalContent .ListGame {
      flex-basis:50%
  }
}

@media (min-width: 600px) {
  .ModalContent .ListGame,.Page-Category .ModalContent .ListGame {
      flex-basis:33.3333%;
      max-width: 33.3333%
  }
}

@media (min-width: 1800px) {
  .ModalContent .ListGame,.Page-Category .ModalContent .ListGame {
      flex-grow:1
  }
}

.ListGame:last-child {
  padding-right: .4rem
}

@media (min-width: 600px) {
  .ListGame:last-child {
      padding-right:.4rem
  }
}

.Page-Category .HorizontalScrollBar .ListGame:last-child {
  padding-right: .2rem
}

@media (min-width: 600px) {
  .Page-Category .HorizontalScrollBar .ListGame:last-child {
      padding-right:.2rem
  }
}

.GameThumbContainer,.GameTileContainer,.GameTitleContainer,.ListGameLink {
  display: block;
  position: relative
}

.GameThumbContainer {
  margin: 0 auto;
  overflow: hidden
}

.GameThumb {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 12.4rem;
  height: 12.4rem;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  transition: opacity .6s
}

.GameThumb[data-src] {
  opacity: 0;
  visibility: hidden
}

@media (min-width: 768px) {
  .GameThumb {
      margin:0 auto
  }
}

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

.GamePlayNowButton {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  background: transparent
}

.GamePlayNowButton:hover .GamePlayNowText {
  color: #fff
}

.GamePlayNowText {
  display: none
}

@media (min-width: 1100px) {
  .GamePlayNowText {
      width:12rem;
      height: 4rem;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: space-around;
      background: #ffac2c;
      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: #ffac2c;
  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: #ffac2c;
  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: #ffac2c
}

.GameProp.ExclusiveGame {
  background-color: #18330A
}

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

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

.ModalContent .LoadMoreButtonContainer .Button:hover {
  color: #fff;
  fill: #fff;
  background: #18330A
}

.ModalContent .LoadMoreButtonContainer .Button:active {
  opacity: .8
}

.OperatorViewAllGames {
  display: block;
  position: absolute;
  top: 2.3rem;
  right: 1.2rem;
  padding-right: 0;
  font-size: 1.4rem;
  color: #828282;
  fill: #b3b3b3;
  border: none;
  -webkit-overflow-scrolling: auto;
  -webkit-transform: translateZ(0)
}

@media (min-width: 600px) {
  .OperatorViewAllGames {
      right:2.6rem;
      top: 2.5rem
  }
}

@media (min-width: 1024px) {
  .OperatorViewAllGames {
      font-size:1.8rem
  }
}

@media (min-width: 1100px) {
  .OperatorViewAllGames {
      right:3.4rem;
      top: 4rem
  }
}

@media (min-width: 1100px) {
  .Page-Casino .MsnRow .OperatorViewAllGames {
      right:0
  }
}

.DiffAndTotalGamesWrapper {
  float: left
}

@media (min-width: 1024px) {
  .DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames {
      display:block
  }
}

.TextNoOfGames {
  padding-right: .4em
}

.Page-Category .LoadMoreButtonContainer {
  display: none
}

.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Total {
  display: inline
}

.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Diffrence {
  display: none
}

.iOSDevice .OperatorViewAllGames {
  top: 1.6rem
}

@media (min-width: 1100px) {
  .iOSDevice .OperatorViewAllGames {
      top:3.5rem
  }
}

.ModalContent .OperatorViewAllGames {
  display: none
}

.OperatorViewAllGames:active,.OperatorViewAllGames:hover {
  color: #ffac2c;
  fill: #ffac2c;
  border: none
}

.OperatorViewAllGames .Icon {
  display: block;
  float: left;
  vertical-align: middle
}

.LoadMoreButtonContainer .OperatorViewAllGames .Icon {
  display: none
}

.OperatorViewAllGames .Icon svg {
  display: block;
  margin: -.2rem 0;
  width: 2.2rem;
  height: 2.2rem;
  pointer-events: none
}

.GamesList {
  display: block;
  position: relative;
  max-width: 140rem;
  margin: 0 auto
}

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

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

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

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

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

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

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

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

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

@media (min-width: 1400px) {
  .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: #ffac2c
}

.GamesList .GameCategory:active {
  color: #828282
}

.CasinoGamesNumber {
  padding: 0 .4rem
}

.CasinoGamesNumber:before {
  content: "("
}

.CasinoGamesNumber:after {
  content: ")"
}

.HighlightedListWrapper {
  margin-top: 4rem;
  padding-top: .1rem;
  max-width: 100%
}

.HighlightedListWrapper .OperatorTotalJackpotsTop {
  box-sizing: border-box;
  position: absolute;
  top: 5.5rem;
  display: block;
  width: 100%;
  background: transparent;
  padding-left: 1.6rem;
  left: 50%;
  transform: translateX(-50%)
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop {
      top:8.2rem;
      transform: translateX(-50%);
      max-width: 102rem;
      padding: 0 0 2rem
  }
}

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

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

.HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
  margin: 0 0 .6rem;
  color: #f9c408;
  font-size: 1.4rem
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
      font-size:1.8rem
  }
}

.HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.2
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
      font-size:4.4rem
  }
}

.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
  padding: 0;
  background: none
}

.HighlightedListWrapper .BoxTitle {
  top: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%)
}

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

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

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

.HighlightedListWrapper .GamesWrapper {
  position: relative;
  margin: 0 auto
}

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

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

@media (min-width: 1468px) {
  .HighlightedListWrapper .GamesWrapper {
      max-width:160rem
  }
}

.HighlightedListWrapper .GamesSwipeable {
  padding: 0;
  max-width: 100%;
  margin-top: 3rem;
  overflow-x: visible
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable {
      margin-top:5rem;
      padding: 12rem 0 1rem .5rem
  }
}

@media (min-width: 1260px) {
  .HighlightedListWrapper .GamesSwipeable {
      padding:12rem 0 1rem 1rem
  }
}

@media (min-width: 1400px) {
  .HighlightedListWrapper .GamesSwipeable {
      padding:12rem 0 1rem
  }
}

.HighlightedListWrapper .GamesSwipeable::-webkit-scrollbar {
  display: none
}

.HighlightedListWrapper .GamesSwipeable .GamesListContainer {
  padding: 10rem 0 3.2rem 1.6rem;
  margin: 0 auto
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
      max-width:102rem;
      padding: 2.4rem 0 3.2rem
  }
}

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

@media (min-width: 1468px) {
  .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
      max-width:160rem
  }
}

.HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
  top: -3.6rem
}

@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
      top:-17.4rem
  }
}

.HighlightedListWrapper .GamesSwipeable .GameThumbContainer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.HighlightedListWrapper .GamesSwipeable .GameThumbContainer .GameThumb {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.Page-Casino-Child .GamesWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.Page-Casino-Child .GamesWrapper .Subcategories {
  flex: 1 0 100%
}

@media (min-width: 1100px) {
  .Page-Casino-Child .GamesWrapper .Subcategories {
      flex:1 0 85%;
      background: none
  }
}

.Page-Casino-Child .GamesWrapper .ProviderFilters {
  flex: 1 0 100%;
  background: #0c1422;
  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: #1e1e20
}

@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: #ffac2c;
  fill: #ffac2c;
  border-bottom: .4rem solid #ffac2c;
  box-sizing: border-box
}

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

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

.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: #ffac2c;
  fill: #ffac2c;
  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: #0c1422;
  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: #ffac2c
}

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

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

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

.FilterList .Anchor:active {
  color: #f4c943;
  border-color: #f4c943
}

.ToggleTagsButtonWrapper {
  position: absolute;
  top: -5rem;
  right: 2.2rem
}

.FilterButton {
  display: flex;
  align-items: center;
  font-size: 1.4rem
}

.FilterButton,.FilterButton:active,.FilterButton:hover {
  color: #ffac2c;
  fill: #ffac2c;
  border: .1rem solid #ffac2c
}

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

.Subcategories {
  display: block;
  position: relative
}

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

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

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

.GameTagItemActive .TagButton:hover {
  color: #fff
}

.GameTagItem .TagButton:active {
  color: #f4c943;
  border-color: #f4c943
}

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

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

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

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

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

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

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

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

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

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

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

.ComponentGameFrame .Button:active,.ComponentGameFrame .Button:hover {
  background: #2A4B13;
  border-color: #2A4B13;
  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(22,26,42,.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-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 #ffac2c;
  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: #ffac2c;
  color: #fff;
  border: none
}

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

.ConfirmFormButton:active,.ConfirmFormButton:hover {
  background: #2A4B13;
  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: #ffac2c;
  border: none;
  color: #fff
}

.PendingWithdrawItem .RollBackInfo .Button:active,.PendingWithdrawItem .RollBackInfo .Button:hover {
  background: #2A4B13;
  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,#1e1e20 20%,rgba(12,20,34,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: #ffac2c;
  color: #2A4B13;
  border: .2rem solid #ffac2c;
  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: #ffac2c;
  border-color: #ffac2c;
  color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

.RadioButton:focus {
  outline: none
}

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

.TransPaginationItem.Active:active,.TransPaginationItem.Active:hover {
  background: #18330A
}

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

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

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

.TransactionHistoryWrapper .InstanceCloseFilter .ButtonIconStart,.TransactionHistoryWrapper .InstanceShowFilter .ButtonIconStart {
  display: flex;
  align-items: center
}

.TransactionHistoryWrapper .InstanceCloseFilter .ButtonText,.TransactionHistoryWrapper .InstanceShowFilter .ButtonText {
  height: 2.4rem
}

.PaymentHistoryTabContent .InstanceCloseFilter {
  z-index: 3
}

.paymentHistorySubmenu {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1.2rem
}

.paymentHistorySubmenu .Title {
  padding: 0;
  margin: 0 0 1.2rem
}

.paymentHistorySubmenu .TransactionHistoryNavigator {
  display: flex
}

@media (min-width: 1100px) {
  .paymentHistorySubmenu {
      flex-direction:row-reverse;
      justify-content: space-between;
      margin-bottom: 3rem
  }
}

.TransactionHistoryNavigator .NavigatorFilter .Button {
  display: flex;
  align-items: center;
  padding: .9rem 0;
  color: #828282;
  fill: #828282;
  border: none
}

@media (min-width: 390px) {
  .TransactionHistoryNavigator .NavigatorFilter .Button {
      padding:1.2rem 0
  }
}

@media (min-width: 600px) {
  .TransactionHistoryNavigator .NavigatorFilter .Button {
      padding:1.6rem
  }
}

.TransactionHistoryNavigator .NavigatorFilter .Button:hover {
  background: none
}

.iOSRebrushWrapper .InstanceCloseFilter:before {
  top: 5rem
}

@media (min-width: 600px) {
  .iOSRebrushWrapper .InstanceCloseFilter:before {
      top:5.5rem
  }
}

@media (min-width: 1100px) {
  .iOSRebrushWrapper .InstanceCloseFilter:before {
      top:4.8rem
  }
}

.ComponentDatePicker {
  padding-left: 3.6rem
}

.TransactionHistoryNavigator .NavigatorFilter .Icon {
  display: inline-block;
  margin-right: .4rem
}

.TransactionHistoryNavigator .NavigatorFilter .SvgIcon {
  display: flex
}

.TransactionHistoryNavigator .NavigatorFilter svg {
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 2.4rem;
  transform: scale(1)
}

.TransactionHistoryNavigator .NavigatorFilter .ButtonText {
  display: inline
}

.TransactionHistoryWrapper .TabContentTitle {
  display: block
}

@media (min-width: 700px) {
  .TransactionHistoryWrapper .TabContentTitle {
      display:none
  }
}

.ComponentListTransactionHistory {
  margin: 0 auto;
  font-size: 1.4rem;
  clear: both
}

@media (min-width: 1100px) {
  .ComponentListTransactionHistory {
      padding-top:0;
      margin-bottom: 3.2rem;
      font-size: 1.6rem
  }
}

.TransactionHistoryWrapper .AccountPageDesc {
  display: none;
  margin-bottom: 2.4rem
}

@media (min-width: 600px) {
  .TransactionHistoryWrapper .AccountPageDesc {
      margin-bottom:3.2rem;
      font-size: 1.6rem
  }
}

.TransHistoryTitle {
  display: none;
  justify-content: space-between;
  padding: 0 .8rem;
  background: #cacaca;
  font-weight: 600;
  line-height: 2rem
}

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

@media (min-width: 1100px) {
  .TransHistoryTitle {
      display:flex;
      padding: 1.2rem 2.4rem 1.4rem
  }
}

@media (min-width: 1100px) {
  .TransHistoryTitleId {
      flex:1
  }
}

.TransHistoryTitleDate {
  flex: 1.5;
  overflow: hidden
}

.TransHistoryTitle .TransHistoryDescription {
  flex: 1.5
}

.TransHistoryBalance,.TransHistoryTitle .TransHistoryAmount {
  display: flex;
  flex: 1
}

.TransHistoryTitle .TransHistoryTitleStatus {
  display: none
}

.TransHistoryList .ListItem {
  display: flex;
  justify-content: space-between;
  min-height: 4.6rem;
  padding: 1.35rem 1.6rem 1.4rem;
  position: relative;
  background: #fff;
  color: #4e4e4e;
  border-bottom: .1rem solid #dedede;
  font-size: 1.6rem;
  line-height: 1em
}

@media (min-width: 420px) {
  .TransHistoryList .ListItem {
      min-height:4rem;
      padding: 1.35rem 3.2rem 1.4rem
  }
}

@media (min-width: 1100px) {
  .TransHistoryList .ListItem {
      padding:1.35rem 2.4rem 1.4rem;
      font-size: 1.4rem;
      min-height: 0
  }
}

.TransHistoryID {
  display: flex;
  position: absolute;
  top: 3.4rem;
  left: 1.6rem;
  font-size: 1.4rem;
  padding: .1rem .6rem .1rem 0;
  color: #828282
}

@media (min-width: 600px) {
  .TransHistoryID {
      left:3.2rem
  }
}

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

.TransHistoryDate {
  display: inline-block;
  position: absolute;
  top: 3.4rem;
  left: 10rem;
  padding: .1rem 0 0 .6rem;
  font-size: 1.4rem;
  color: #828282;
  border-left: .1rem solid #828282
}

@media (min-width: 360px) {
  .TransHistoryDate {
      display:flex
  }
}

@media (min-width: 600px) {
  .TransHistoryDate {
      left:11.5rem
  }
}

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

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

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

.TransHistoryDescriptionTxt {
  line-height: 1.2
}

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

.TransHistoryItem .TransHistoryAmount {
  display: block;
  position: absolute;
  width: 8.5rem;
  top: 1.6rem;
  right: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  text-align: right
}

@media (min-width: 420px) {
  .TransHistoryItem .TransHistoryAmount {
      width:auto
  }
}

@media (min-width: 600px) {
  .TransHistoryItem .TransHistoryAmount {
      right:3.6rem
  }
}

@media (min-width: 1100px) {
  .TransHistoryItem .TransHistoryAmount {
      display:flex;
      flex: 1;
      justify-content: flex-start;
      width: auto;
      position: relative;
      top: 0;
      right: 0;
      color: #828282;
      font-size: 1.6rem
  }
}

.TransHistoryBalanceAmount {
  display: flex;
  flex-shrink: 1;
  width: 100%;
  justify-content: flex-end
}

@media (min-width: 1100px) {
  .TransHistoryBalanceAmount {
      flex:2;
      flex-shrink: 0;
      justify-content: flex-start;
      width: auto
  }
}

.TransHistoryStatus {
  display: flex;
  flex: 1;
  margin-left: .8rem;
  font-weight: 600;
  justify-content: flex-end
}

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

.TransSuccess .TransHistoryStatus {
  color: #ffac2c
}

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

.TransPagination .ListItem.Active:active,.TransPagination .ListItem.Active:hover {
  background: #18330A
}

.TransPagination .ListItem .Button {
  display: inline;
  padding: 0
}

.TransPagination .ListItem.Active .Button {
  color: #fff;
  outline: none
}

.TransPagination .ListItem.DisabledNextPrevButton {
  display: none
}

.TransPagination .ListItem .InstanceArrowBack,.TransPagination .ListItem .InstanceArrowRight {
  font-size: 3rem;
  line-height: .9;
  color: #212121;
  cursor: pointer;
  outline: none
}

.TransPagination .ListItem .InstanceArrowBack:active,.TransPagination .ListItem .InstanceArrowRight:active {
  outline: none;
  text-decoration: none
}

.TransPagination .Button {
  height: 2.5rem;
  padding: 0;
  overflow: hidden;
  border: none
}

.TransPaginationItem svg {
  fill: #828282;
  color: #828282
}

.InstanceBonusHistoryLayout .TransHistoryBonusName {
  display: block;
  width: 55%;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  overflow: hidden;
  color: #4e4e4e;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem
}

.InstanceBonusHistoryLayout .TransHistoryAmount {
  display: block;
  position: absolute;
  top: 3.5rem;
  right: 1.6rem;
  width: auto;
  overflow: hidden;
  color: #828282;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  text-align: right
}

@media (min-width: 600px) {
  .InstanceBonusHistoryLayout .TransHistoryAmount {
      right:3.6rem
  }
}

.InstanceBonusHistoryLayout .TransHistoryType {
  display: flex;
  position: absolute;
  top: 3.4rem;
  left: 1.6rem;
  font-size: 1.4rem;
  padding: .1rem .6rem .1rem 0;
  color: #828282
}

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

.InstanceBonusHistoryLayout .TransHistoryStatus {
  display: block;
  position: absolute;
  width: 8.5rem;
  top: 1.6rem;
  right: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  text-align: right
}

@media (min-width: 420px) {
  .InstanceBonusHistoryLayout .TransHistoryStatus {
      width:auto
  }
}

@media (min-width: 600px) {
  .InstanceBonusHistoryLayout .TransHistoryStatus {
      right:3.6rem
  }
}

.InstanceBonusHistoryLayout .TransHistoryGrantedDate {
  display: inline-block;
  position: absolute;
  top: 3.4rem;
  left: 10rem;
  padding: .1rem 0 0 .6rem;
  font-size: 1.4rem;
  color: #828282;
  border-left: .1rem solid #828282
}

@media (min-width: 360px) {
  .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
      display:flex
  }
}

@media (min-width: 600px) {
  .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
      left:11.5rem
  }
}

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

.InstanceBonusHistoryLayout .TransHistoryAmount,.InstanceBonusHistoryLayout .TransHistoryBonusName,.InstanceBonusHistoryLayout .TransHistoryGrantedDate,.InstanceBonusHistoryLayout .TransHistoryStatus,.InstanceBonusHistoryLayout .TransHistoryTitleStatus,.InstanceBonusHistoryLayout .TransHistoryType {
  display: flex
}

@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout .TransHistoryAmount,.InstanceBonusHistoryLayout .TransHistoryBonusName,.InstanceBonusHistoryLayout .TransHistoryGrantedDate,.InstanceBonusHistoryLayout .TransHistoryStatus,.InstanceBonusHistoryLayout .TransHistoryTitleStatus,.InstanceBonusHistoryLayout .TransHistoryType {
      position:static;
      flex: 1
  }
}

.PaymentHistoryTabContent .PageHeader {
  padding: .4rem;
  box-sizing: border-box;
  top: 11.1rem;
  z-index: 5
}

@media (min-width: 740px) {
  .PaymentHistoryTabContent .PageHeader {
      top:16.7rem
  }
}

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

.PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
  flex: 1;
  max-width: 50%
}

@media (min-width: 600px) {
  .PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
      flex-grow:0
  }
}

.PaymentHistoryTabContent .NavigatorDeposit,.PaymentHistoryTabContent .NavigatorWithdraw {
  margin-right: 1rem
}

.PaymentHistoryTabContent .NavigatorDeposit:last-child,.PaymentHistoryTabContent .NavigatorWithdraw:last-child {
  margin-right: 0
}

.PaymentHistoryTabContent .NavigatorDeposit .Button,.PaymentHistoryTabContent .NavigatorWithdraw .Button {
  padding: .6rem 1.6rem;
  border: 1px solid #828282;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none
}

.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive,.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive {
  background: #ffac2c;
  color: #fff;
  border-color: #ffac2c
}

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

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

.PaymentHistoryTabContent .NavigatorDeposit .Button:active,.PaymentHistoryTabContent .NavigatorWithdraw .Button:active {
  color: #2A4B13;
  border-color: #18330A
}

.PaymentHistoryTabContent .NavigatorGambling {
  display: none
}

.PaymentHistoryTabContent .NavigatorFilter {
  top: 0;
  right: 0
}

@media (min-width: 400px) {
  .PaymentHistoryTabContent .NavigatorFilter {
      right:1.6rem
  }
}

.PaymentHistoryTabContent .NavigatorFilter .Button {
  padding: .3rem 0;
  top: 0;
  right: 0
}

@media (min-width: 1100px) {
  .PaymentHistoryTabContent .NavigatorFilter .Button {
      display:none
  }
}

.PaymentHistoryTabContent .TransactionType {
  display: none
}

.PaymentHistoryTabContent .TransHistoryAmount {
  top: 3.5rem;
  right: 1.6rem
}

@media (min-width: 420px) {
  .PaymentHistoryTabContent .TransHistoryAmount {
      right:3.2rem
  }
}

@media (min-width: 1100px) {
  .PaymentHistoryTabContent .TransHistoryAmount {
      top:0;
      right: 0
  }
}

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

.TransactionHistoryGambling {
  display: block
}

.TransacationWrapper {
  padding: 0
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryTitleDate,.TransactionHistoryGambling .TransHistoryTitleId {
      flex:2
  }
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryTitle .TransHistoryDescription {
      flex:3
  }
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryBalance,.TransactionHistoryGambling .TransHistoryTitle .TransHistoryAmount {
      flex:1.5
  }
}

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

.TransactionHistoryGambling .TransHistoryList .ListItem {
  padding-top: 3.6rem
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryList .ListItem {
      padding-top:1.35rem
  }
}

.TransactionHistoryGambling .TransHistoryID {
  display: flex;
  flex-grow: 1;
  padding: .1rem .6rem .1rem 0;
  border-right: .1rem solid #4e4e4e
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryID {
      flex-grow:0;
      flex: 2;
      padding: 0;
      border: none
  }
}

.TransactionHistoryGambling .TransHistoryDate {
  display: flex;
  flex-grow: 1;
  padding: .1rem 0 .1rem .5rem
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryDate {
      flex-grow:0;
      flex: 2;
      padding: 0
  }
}

.TransactionHistoryGambling .TransHistoryDateTxt {
  display: flex;
  flex-grow: 1;
  margin-right: .2rem
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryDateTxt {
      flex-grow:0
  }
}

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

.TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
  display: block;
  width: 70%;
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  overflow: hidden;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem
}

@media (min-width: 320px) {
  .TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
      left:3.2rem
  }
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryItem .TransHistoryDescription {
      flex:3;
      width: auto;
      position: relative;
      top: 0;
      left: 0;
      color: inherit;
      font-size: inherit
  }
}

.TransHistoryItem .TransHistoryDescription {
  display: block;
  width: 55%;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  overflow: hidden;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem
}

@media (min-width: 600px) {
  .TransHistoryItem .TransHistoryDescription {
      width:55%;
      left: 3.2rem
  }
}

@media (min-width: 1100px) {
  .TransHistoryItem .TransHistoryDescription {
      flex:1.5;
      position: relative;
      width: auto;
      top: 0;
      left: 0;
      font-size: 1.6rem;
      color: #212121
  }
}

.TransHistoryItem .TransHistoryBalanceAmount {
  display: block;
  position: absolute;
  top: 3.5rem;
  right: 1.6rem;
  width: 8.5rem;
  overflow: hidden;
  color: #828282;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  text-align: right
}

@media (min-width: 320px) {
  .TransHistoryItem .TransHistoryBalanceAmount {
      width:auto
  }
}

@media (min-width: 600px) {
  .TransHistoryItem .TransHistoryBalanceAmount {
      right:3.6rem
  }
}

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

.TransactionHistoryGambling .TransHistoryBalanceAmount {
  display: flex;
  flex-shrink: 1;
  width: 100%;
  justify-content: flex-end
}

@media (min-width: 1100px) {
  .TransactionHistoryGambling .TransHistoryBalanceAmount {
      flex:1.5;
      flex-shrink: 0;
      justify-content: flex-start;
      width: auto
  }
}

.InstanceGamblingTransactionHistory .TransHistoryStatus,.TransactionHistoryGambling .TransHistoryStatus {
  display: none
}

.TransHistoryList .SubmitButton {
  display: block;
  min-width: calc(100% - 3.2rem);
  margin: 1.2rem auto 0
}

@media (min-width: 480px) {
  .TransHistoryList .SubmitButton {
      min-width:16rem;
      margin: 1.2rem 1.2rem 0
  }
}

@media (min-width: 1000px) {
  .TransHistoryList .SubmitButton {
      margin:1.2rem 0 0
  }
}

.NoTransactionHistory {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem;
  font-size: 1.4rem
}

@media (min-width: 600px) {
  .NoTransactionHistory {
      padding:3.1rem 2.4rem
  }
}

.ComponentTransactionFilter {
  padding: 1.6rem;
  background: #f7f7f7;
  border-bottom: .1rem solid #dedede;
  box-shadow: 0 4px 5px 0 rgba(90,90,90,.24)
}

@media (min-width: 1100px) {
  .ComponentTransactionFilter {
      padding:1.6rem 0 0;
      margin-bottom: 4rem;
      background: #f0f0f0;
      box-shadow: none;
      border-bottom: none
  }
}

.ComponentTransactionFilter:focus {
  outline: none
}

.ComponentTransactionFilter .Form {
  display: block;
  margin: 0 auto
}

@media (min-width: 480px) {
  .TransFilterFieldSet {
      margin:0 -.4rem
  }
}

@media (min-width: 860px) {
  .TransFilterFieldSet {
      width:67%;
      margin: 0 0 0 -.4rem;
      padding-right: .4rem
  }
}

@media (min-width: 1100px) {
  .TransFilterFieldSet {
      width:63%;
      float: left
  }
}

.TransFilterFieldSet .DatePickerWrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.6rem;
  box-sizing: border-box;
  vertical-align: top
}

@media (min-width: 570px) {
  .TransFilterFieldSet .DatePickerWrapper {
      width:50%;
      padding: 0 .4rem
  }
}

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

.TransFilterFieldSet .DatePickerWrapper input {
  width: 100%
}

.ComponentTransactionFilter+.Error {
  clear: both
}

.react-datepicker .react-datepicker__month-select,.react-datepicker .react-datepicker__year-select {
  padding: 0 1.6rem
}

@media (min-width: 1100px) {
  .TransFilterFieldSet .LabelWrap {
      margin:1rem .4rem;
      float: left
  }
}

.TransFilterFieldSet .LabelWrap .LabelText {
  font-size: 1.4rem
}

@media (min-width: 1100px) {
  .TransFilterFieldSet .InputWrap {
      width:65%
  }
}

.InputWrap .Icon {
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  fill: rgba(0,0,0,.34)
}

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

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

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

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

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

.BonusForfeitButton:active,.BonusMoreInfo:active,.BonusRead:active,.InstanceForfiet:active {
  color: #ffac2c;
  border: none
}

.BonusRead {
  right: 1.6em;
  left: auto
}

.CasinoBonusesMessage {
  padding: 0 .8rem;
  box-sizing: border-box
}

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

.BonusListNewBonus {
  max-width: 58rem;
  padding: 0 .8rem
}

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

.BonusesContent legend {
  display: none
}

.BonusesContent .FormLabel {
  display: inline-block;
  width: 100%;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .BonusesContent .FormLabel {
      width:70%;
      padding-right: .8rem
  }
}

.BonusesContent .LabelWrap {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: left
}

@media (min-width: 600px) {
  .BonusesContent .LabelWrap {
      text-align:left
  }
}

.BonusesContent .InputWrap {
  margin-bottom: .8rem
}

.BonusListNewBonus .Button {
  width: 100%;
  background: #ffac2c;
  color: #fff;
  border: none
}

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

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

.BonusListNewBonus .Button:hover {
  background: #18330A
}

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

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

.ActiveBonusesWrapper .BonusesContent .LoadMoreButton:hover {
  background: #2A4B13;
  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%
}

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

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

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

.OperatorSlider .SliderItem .PromoSliderButton .Anchor {
  background: #ffac2c;
  color: #2A4B13;
  padding: 0
}

.OperatorSlider .SliderItem .PromoSliderButton:hover {
  background: #f4c943
}

.PromoButtonsWrapper .ButtonText {
  display: block;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600
}

.PromoButtonsWrapper a:first-child {
  background: #ffac2c
}

.PromoButtonsWrapper a:first-child:active,.PromoButtonsWrapper a:first-child:hover {
  background: #2A4B13;
  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: #245514;
  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,#0c1422,#1e1e20);
  color: #fff
}

.MaintenanceImage {
  width: 18.4rem;
  height: 15.8rem;
  margin-bottom: 4.4em;
  background: url(../../index.html) 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 .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
  box-sizing: border-box;
  max-width: 95rem
}

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

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

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

@media (min-width: 1620px) {
  .Page-Casino .CasinoJackpotWinnerSection,.Page-Casino .GamesList.MsnRow,.Page-Casino .HighlightedListWrapper .BoxTitle,.Page-Casino .HighlightedListWrapper .GamesWrapper,.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
      max-width:160rem
  }
}

.Page-Casino .HighlightedListWrapper.MsnRow {
  max-width: 100%
}

@media (min-width: 1100px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
      max-width:100%
  }
}

@media (min-width: 1280px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
      max-width:100%
  }
}

@media (min-width: 1468px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
      max-width:100%
  }
}

.Page-Casino .MsnRow .GamesListContainer {
  display: grid;
  grid-template-columns: repeat(6,12.4rem);
  grid-template-rows: 12.4rem;
  grid-gap: .8rem;
  justify-items: stretch;
  align-items: stretch
}

@media (min-width: 768px) {
  .Page-Casino .MsnRow .GamesListContainer {
      grid-template-columns:repeat(6,14.6rem);
      grid-template-rows: auto;
      grid-gap: .6rem;
      grid-row-gap: 1.2rem
  }
}

@media (min-width: 1280px) {
  .Page-Casino .MsnRow .GamesListContainer {
      grid-template-columns:repeat(6,19.6rem);
      grid-gap: .7rem;
      grid-row-gap: 1.4rem
  }
}

@media (min-width: 1468px) {
  .Page-Casino .MsnRow .GamesListContainer {
      grid-template-columns:repeat(7,19.6rem);
      grid-gap: 1.2rem;
      grid-row-gap: 1.8rem
  }
}

@media (min-width: 1620px) {
  .Page-Casino .MsnRow .GamesListContainer {
      grid-template-columns:repeat(8,19rem);
      grid-gap: 1rem
  }
}

.Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
  grid-template-columns: repeat(6,12.4rem);
  grid-template-rows: auto;
  row-gap: 3.2rem
}

@media (min-width: 768px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
      grid-template-columns:repeat(6,14.6rem);
      grid-gap: .6rem;
      row-gap: 3.2rem
  }
}

@media (min-width: 1280px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
      grid-template-columns:repeat(6,19.6rem);
      grid-gap: .7rem;
      row-gap: 3.4rem
  }
}

@media (min-width: 1468px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
      grid-template-columns:repeat(7,19.6rem);
      grid-gap: 1.2rem;
      row-gap: 3.8rem
  }
}

@media (min-width: 1620px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
      grid-template-columns:repeat(8,19rem);
      grid-gap: 1rem;
      row-gap: 3.8rem
  }
}

.GamesListContainer .ListGame {
  position: relative
}

.Page-Casino .MsnRow .ComponentGameThumbnail,.Page-Casino .MsnRow .GameTileContainer,.Page-Casino .MsnRow .ListGame,.Page-Casino .MsnRow .ListGameImage,.Page-Casino .MsnRow .ListGameLink {
  width: 100%;
  max-width: 100%;
  overflow: visible
}

.Page-Casino .MsnRow .ListGame {
  width: 12.4rem;
  height: auto;
  min-height: 0;
  max-width: unset;
  position: relative
}

@media (min-width: 768px) {
  .Page-Casino .MsnRow .ListGame {
      width:14.6rem;
      height: auto
  }
}

@media (min-width: 1280px) {
  .Page-Casino .MsnRow .ListGame {
      width:19.6rem;
      height: auto
  }
}

.Page-Casino .MsnRow .ListGameImage {
  min-height: 0;
  -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: #1e1e20
}

.GameCategoriesWrapper.GameCategoriesWrapperHidden {
  display: none
}

.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: #ffac2c;
  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: #18330A
  }
}

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

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

.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: #ffac2c;
  margin-top: -.3rem
}

.ReCaptchaContainer iframe {
  margin-bottom: -7.8rem
}

.ComponentGameButtons .LoginCallout {
  width: 48%
}

.ComponentGameButtons .LoginCallout .ButtonLogin {
  width: 100%
}

.Page-CasinoGame .LoginCallout.ContentTriggerWrapper {
  flex-basis: 49%;
  margin-right: 0
}

.Page-CasinoGame .LoginCallout.ContentTriggerWrapper .Button.ButtonLogin {
  height: 100%;
  width: 100%
}

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

.ForgotPassModal {
  height: 100%
}

@media (min-width: 1100px) {
  .ForgotPassModal {
      max-width:36.4rem;
      height: auto
  }
}

.ModalHero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.6rem;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  height: 15rem;
  background-image: linear-gradient(90deg,#18330A 0,#18330A)
}

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

  .RegisterFormNavigationButton:last-child:before {
      content: none
  }

  .RegisterFormNavigationButton:hover {
      background: #2A4B13;
      border-color: #2A4B13;
      color: #fff
  }
}

.RegisterFormFrameTitle {
  margin: 2rem 0 1.3rem;
  color: #2A4B13;
  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
}

.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(../../index.html) 50% no-repeat
}

.RegisterFormStepWrapper .GenderSelect .Radio.GenderFemale+span:before {
  background: transparent url(../../index.html) 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 #ffac2c;
  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: #ffac2c;
  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: #ffac2c;
  color: #2A4B13;
  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: #103fc5
}

.ConfettiCone .cone-part {
  fill: rgba(16,63,197,.55)
}

.ConfettiCone .cone-inner {
  fill: rgba(16,63,197,.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(../../index.html) 50% no-repeat
}

.ClosedEye {
  background: transparent url(../../index.html) 50% no-repeat
}

.Page-RegisterActivation .AccountActivationPageWrapper {
  display: block;
  max-width: 136rem;
  padding: 8rem 3.6rem 4rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5em
}

.Page-RegisterActivation .AccountActivationPageTitle {
  margin: 2rem 0 0;
  font-size: 4rem;
  font-weight: 700
}

.Page-RegisterActivation .AccountActivationPageBody {
  margin-top: 4rem;
  font-size: 1.6rem
}

.LoginCallout.IsActive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0;
  z-index: 10;
  background: #fff;
  overflow-y: auto
}

@media (min-width: 1100px) {
  .LoginCallout.IsActive {
      position:static;
      width: auto;
      height: auto;
      background: transparent;
      overflow-y: initial
  }
}

.LoginCallout.IsActive .CloseLoginButton {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.2rem 1.5rem;
  color: #fff;
  z-index: 11;
  border: none
}

@media (min-width: 1100px) {
  .LoginCallout.IsActive .CloseLoginButton {
      display:none
  }
}

.LoginCallout.IsActive .CloseLoginButton svg {
  fill: #fff
}

.LoginCallout.IsActive .LoginFormForgot {
  margin-bottom: calc(3rem + env(safe-area-inset-bottom))
}

@media (min-width: 1100px) {
  .LoginCallout.IsActive .LoginFormForgot {
      margin-bottom:0
  }
}

.LoginCallout.IsActive .DropDownBackground {
  background-color: transparent
}

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

.LoginFormWrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0;
  z-index: 10;
  background: rgba(33,33,33,.4);
  color: #212121;
  fill: #252a31;
  font-size: 1.4rem;
  line-height: 2rem;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-backdrop-filter: blur(.4rem);
  backdrop-filter: blur(.4rem)
}

@media (min-width: 1100px) {
  .LoginFormWrapper {
      width:100%;
      height: auto;
      margin: 0 auto;
      background: #fff;
      overflow: visible;
      position: relative;
      left: auto;
      box-shadow: 0 .6rem .8rem 0 rgba(90,90,90,.45);
      -webkit-backdrop-filter: none;
      backdrop-filter: none
  }
}

.LoginFormWrapper .LoginFormMobileHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 1.6rem;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  background-image: transparent
}

@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormMobileHeader {
      padding:1rem;
      height: 13rem;
      background-image: linear-gradient(90deg,#245514 0,#245514)
  }
}

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

.LoginFormWrapper .LoginFormNoAccount {
  display: none
}

@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormNoAccount {
      display:block
  }
}

.LoginFormWrapper .Form {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto;
  padding: 2rem 2.6rem
}

@media (min-width: 500px) {
  .LoginFormWrapper .Form {
      max-width:40rem
  }
}

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

.LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
  margin: 0
}

@media (min-width: 1100px) {
  .LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
      margin-bottom:1.6rem
  }
}

.LoginFormWrapper .LabelWrap {
  margin-bottom: 1rem
}

.LoginFormWrapper .LabelText {
  color: #cacaca
}

@media (min-width: 1100px) {
  .LoginFormWrapper .LabelText {
      color:inherit
  }
}

.LoginFormWrapper .InputWrap {
  margin-bottom: 1.6rem
}

.LoginFormWrapper .InputWrap input {
  width: 100%
}

.LoginFormWrapper .FormLabelTerms {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline
}

.LoginFormWrapper .FormLabelTerms .LabelWrap {
  display: flex;
  width: 90%
}

.LoginFormWrapper .FormLabelTerms .Req {
  order: -1
}

.LoginFormWrapper .FormLabelTerms .InputWrap {
  width: auto;
  margin-right: 3%;
  margin-bottom: 0;
  top: .2rem;
  order: -1
}

.LoginFormWrapper .FormLabelTerms .InputWrap input {
  width: 1.5rem;
  margin: 0
}

.LoginFormWrapper .LoginSignupButton,.LoginFormWrapper .LoginSubmitButton {
  display: block;
  position: relative;
  width: 200px;
  width: -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;
  font-size: 1.4rem;
  font-weight: 400;
  border: none
}

.LoginFormWrapper .LoginFormForgot button:active,.LoginFormWrapper .LoginFormForgot button:hover {
  color: #f4c943
}

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

.ProfileContainerUpdate button:hover {
  background: #18330A
}

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

.AccountInformationContainer .ContentTriggerContainer>.Button:hover {
  border: .1rem solid #2A4B13;
  color: #18330A
}

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

@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: #ffac2c;
  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: #2A4B13;
  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: #ffac2c;
  color: #2A4B13;
  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: #ffac2c;
  padding: 0
}

.ModalWindow.OperatorTransferModal .ContentTriggerContentWrapper {
  position: absolute;
  width: 100%;
  z-index: 5
}

.ModalWindow.OperatorTransferModal .ContentTriggerWrapper {
  margin-right: 0
}

@media (min-width: 1100px) {
  .ModalWindow.OperatorMMHCModal .ModalContent {
      width:90rem;
      height: 60rem
  }
}

.ModalWindow.OperatorMMHCModal .HostedCashierDepositIframeContainer,.ModalWindow.OperatorMMHCModal .HostedCashierWithdrawIframeContainer {
  height: 100%
}

.MinimizedContainer {
  z-index: 4
}

.MinimizedGameWrapper.GameRightWrapper,.NotificationActive .MinimizedGameWrapper.GameRightWrapper {
  height: 0
}

.MinimizedGameWrapper .GmowContainer,.NotificationActive .MinimizedGameWrapper .GmowContainer {
  position: fixed;
  width: auto;
  bottom: 4rem;
  left: 4rem;
  padding: 0;
  z-index: 100;
  opacity: .7;
  cursor: pointer
}

.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton,.NotificationActive .MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton {
  position: absolute;
  top: 0;
  right: -3rem;
  width: 3rem;
  height: 3rem;
  padding: .2rem;
  background: #252a31
}

.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton svg,.NotificationActive .MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton svg {
  fill: #fff
}

.MinimizedGameWrapper .GmowContainer .Title,.NotificationActive .MinimizedGameWrapper .GmowContainer .Title {
  display: none
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn,.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn {
  min-width: 42rem;
  min-height: 23rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames,.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames {
  width: 60rem;
  height: 25rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.DualGames,.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.DualGames {
  height: 40rem
}

.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames,.NotificationActive .MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames {
  height: 50rem
}

.MinimizedGameWrapper .GameIframeWrapper:before,.NotificationActive .MinimizedGameWrapper .GameIframeWrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100
}

@media (min-width: 1100px) {
  .GamesWrapper .ListGame:hover .GamePlayNowText {
      z-index:4
  }
}

.ListGame:active .ClosedSeat,.ListGame:active .FullTable,.ListGame:active .LatestResult,.ListGame:active .LiveLimits,.ListGame:active .OpenSeat,.ListGame:hover .ClosedSeat,.ListGame:hover .FullTable,.ListGame:hover .LatestResult,.ListGame:hover .LiveLimits,.ListGame:hover .OpenSeat {
  opacity: .2
}

.ListGame .GameThumbailWrapper {
  position: relative
}

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

.ListGame.GameContainerDimmed .GameThumbailWrapper:before,.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  fill: #fff;
  opacity: 1;
  border-radius: .4rem
}

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

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

@media (min-width: 1100px) {
  .ListGame.GameContainerDimmed .LiveProps,.ListGame.GameContainerFullyDimmed .LiveProps {
      bottom:0;
      margin-bottom: 2.2rem
  }
}

.LiveProps {
  display: flex;
  flex-direction: column;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  background: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.8) 60%,rgba(0,0,0,.7) 80%,rgba(0,0,0,.01));
  color: #fff;
  opacity: 1;
  font-size: 1.6rem
}

.ListGame:hover .LiveProps,.ListGameLink:hover .LiveProps {
  opacity: 0
}

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

.ListGame.PulsatingGreenShadow,.ListGame.PulsatingRedShadow {
  overflow: auto
}

.ListGame.PulsatingGreenShadow {
  animation: green-pulse 2s linear
}

.ListGame.PulsatingRedShadow {
  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: #ffac2c
}

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

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalWrapper {
      flex-direction:row-reverse;
      height: 100%;
      overflow: hidden
  }
}

.LiveLobbyInfoModal .InfoModaHero {
  position: relative;
  height: 12rem
}

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModaHero {
      max-width:40%;
      height: 100%
  }
}

.LiveLobbyInfoModal .InfoModaHero:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: hsla(0,0%,100%,.5)
}

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModaHero:before {
      background:rgba(33,33,33,.2)
  }
}

.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage {
  height: 100%
}

.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage .PictureImg {
  -o-object-fit: cover;
  object-fit: cover
}

.LiveLobbyInfoModal .InfoModalContent {
  padding: 4rem 2rem;
  box-sizing: border-box
}

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent {
      max-width:60%;
      height: 100%;
      overflow-y: scroll;
      padding: 3.3rem 6.4rem
  }
}

.LiveLobbyInfoModal .InfoModalContent .Title {
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 2rem
}

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent .Title {
      font-size:3.6rem;
      text-transform: none;
      font-weight: 400
  }
}

.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2 {
  font-weight: 700
}

.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  line-height: 1.2
}

@media (min-width: 768px) {
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
      font-size:1.4rem
  }
}

@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
      font-size:1.6rem
  }
}

.RecentSearchesWrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 85%
}

@media (min-width: 1100px) {
  .RecentSearchesWrapper {
      height:100%;
      justify-content: flex-start
  }
}

.RecentSearchesTitle {
  display: block;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.8rem .4rem 1.2rem;
  font-weight: 600
}

@media (min-width: 600px) {
  .RecentSearchesTitle {
      margin:1.8rem 1.2rem;
      font-size: 1.8rem;
      line-height: 2.2rem
  }
}

@media (min-width: 1100px) {
  .RecentSearchesTitle {
      margin:1.8 .6rem;
      font-size: 2.2rem;
      line-height: 2.8rem
  }
}

.NoRecentSearchesPicture {
  width: 20rem;
  height: 20rem;
  margin: 0 auto
}

.NoRecentSearchesPicture .SvgIcon {
  width: 100%;
  height: 100%;
  color: #fff;
  fill: #fff
}

.NoRecentSearchesPicture .SvgIcon svg {
  width: 100%;
  height: 100%
}

.NoRecentSearchesHighlightedText {
  font-weight: 700
}

.ComponentSearchedGamesGrid.RecentSearches {
  z-index: 2
}

.ComponentSearchedGamesGrid.RecentSearches .FavoriteGameToggleButton {
  display: none
}

.GameLeftWrapper .ComponentSearchedGamesGrid.RecentSearches {
  z-index: 3;
  background: #f0f0f0
}

.SearchContainer.ReadyToChangeState.Page-Casino .HighlightedListWrapper .GamesSwipeable,.SearchContainer.ReadyToChangeState .RecentWinnersWidget,.Toggle-OperatorSearchToggle.Page-Casino .HighlightedListWrapper .GamesSwipeable,.Toggle-OperatorSearchToggle .RecentWinnersWidget {
  display: none
}

@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .RecentWinnersWidget,.Toggle-OperatorSearchToggle .RecentWinnersWidget {
      display:block
  }
}

.SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  margin-top: 0
}

@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
      display:block
  }
}

.SearchContainer.ReadyToChangeState .footer-wrapper,.Toggle-OperatorSearchToggle .footer-wrapper {
  background: #fff;
  display: none
}

@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .footer-wrapper,.Toggle-OperatorSearchToggle .footer-wrapper {
      display:block
  }
}

.SearchContainer.ReadyToChangeState .ComponentSearchedGamesGrid.RecentSearches,.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.RecentSearches {
  opacity: 1
}

.SearchContainer.ReadyToChangeState .ComponentSearchedGamesGrid.RecentSearches .GamesSwipeable,.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.RecentSearches .GamesSwipeable {
  width: 100%
}

.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
  display: none
}

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

.OperatorDepositReminder .TotalBalanceWrapper .Text {
  display: flex;
  margin-bottom: 0;
  margin-right: 1rem
}

.OperatorDepositReminder .TotalBalanceWrapper .Text:after {
  content: ":"
}

.OperatorDepositReminder .ModalContent {
  width: 96%;
  height: auto
}

@media (min-width: 768px) {
  .OperatorDepositReminder .ModalContent {
      width:50%
  }
}

.OperatorDepositReminder .ModalContentWrapper {
  border-radius: .8rem
}

.OperatorDepositReminder .ModalTitleContainer {
  text-align: center
}

.OperatorDepositReminder .ModalTitleContainer h1 {
  font-size: 2rem;
  padding: 2rem 4rem
}

.OperatorDepositReminder .ModalContentContainer {
  background-color: #e6e6e6;
  padding: 1rem;
  text-align: center
}

.OperatorDepositReminder .BalanceContainer {
  font-size: 1.8rem;
  color: #828282;
  margin-bottom: 1.5rem
}

.OperatorDepositReminder .DescriptionContainer {
  font-size: 1.6rem;
  margin-bottom: 1.5rem
}

.OperatorDepositReminder .DepositContainer .Button {
  font-size: 1.8rem;
  border-radius: 5rem;
  padding: .7rem 7rem;
  margin-bottom: 1.5rem
}

.OperatorDepositReminder .ContinueToSiteContainer .AnchorText {
  border: none;
  padding: 0 .4rem 0 0;
  font-size: 1.4rem
}

.OperatorDepositReminder .ContinueToSiteContainer .ContinueToSiteText {
  font-size: 1.4rem
}

body.Page-Casino.Page-Sports,body.Page-Casino.Page-Sports .GameCategoriesWrapper,body.Page-Casino.Page-Sports .SectionContent {
  background: #191919
}

.RecommendedListWrapper .GameProp.LiveProps {
  display: none
}

.ProfileCheckModal .ModalContent {
  width: 100%;
  height: 100%
}

@media (min-width: 1100px) {
  .ProfileCheckModal .ModalContent {
      max-width:40rem;
      height: auto
  }
}

.ProfileCheckModal .ProfileCheckWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  box-sizing: border-box
}

.ProfileCheckModal .ProfileCheckWrapper .ProfileCheckMessage {
  margin: 1.5rem 0;
  text-align: center
}

.ProfileCheckModal .ProfileCheckWrapper .Button {
  width: 18rem;
  margin: 1rem 0
}

.Page-Deposit .SectionContent {
  margin: 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 .LanguageSelectorContainer .CustomSelectTrigger,.OperatorAccountContainer .LogOutButtonContainer .Button,.OperatorAccountContainer .OperatorHeaderDeposit,.OperatorAccountContainer .WhatsappIconWrapper {
  border-radius: .8rem
}

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

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

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

.OperatorAccountContainer .CallIconWrapper svg,.OperatorAccountContainer .InstanceToggleMenu svg,.OperatorAccountContainer .WhatsappIconWrapper svg {
  fill: #ffac2c
}

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

.OperatorAccountContainer .ButtonRegister {
  margin-left: 1rem;
  margin-right: .8rem;
  padding: .7rem
}

@media (min-width: 1100px) {
  .OperatorAccountContainer .ButtonRegister {
      margin-right:0;
      margin-left: 2rem;
      padding: .8rem 1rem
  }
}

@media (min-width: 1100px) {
  .OperatorAccountContainer .ButtonLogin {
      margin-left:0
  }
}

.OperatorAccountContainer .ButtonLogin:focus {
  outline: none
}

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

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

.OperatorAccountContainer .WhatsappIconWrapper .CallIcon {
  display: flex
}

.OperatorAccountContainer .WhatsappIconWrapper svg {
  width: 1.7rem;
  height: 1.7rem
}

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

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

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

.OperatorAccountContainer .CallIconWrapper .CallIcon {
  display: flex
}

.OperatorAccountContainer .CallIconWrapper svg {
  width: 1.7rem;
  height: 1.7rem
}

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

.OperatorAccountContainer .CallUsIcon {
  padding: 0
}

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

.OperatorAccountContainer .CallUsIcon .Button.ToggleUserMenu {
  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: #ffac2c;
  border: .2rem solid #ffac2c;
  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: #ffc05f
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
  line-height: 1.4
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
  color: #18330A
}

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

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

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

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 768px) {
  .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
      box-shadow:0 3px 14px 0 rgba(33,33,33,.05)
  }
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.4rem 2rem
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.FooterContainer,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LinksContainer {
  align-items: flex-start;
  justify-content: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer {
  background-color: #2A4B13;
  padding: 0;
  justify-content: flex-start
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceContainerItem {
  flex: 1 0 33.3333%;
  width: 33.3333%;
  text-align: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceWrapper,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBalanceWrapper,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBonusesWrapper {
  padding: 1.4rem .5rem;
  margin: 0
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer {
  background-color: #2A4B13;
  color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuUsername {
  font-size: 2.2rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .ComponentText {
  display: block;
  font-weight: 700;
  color: #fff;
  margin-bottom: .5rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .Currency {
  font-size: 1.8rem;
  color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem {
  width: 25%;
  margin: 1rem 0
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MenuItemImg {
  width: 3.5rem;
  height: 3.5rem;
  padding: .7rem
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MyAccountMenuLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
  font-size: 1.6rem;
  color: #2A4B13;
  padding: 1.2rem 1.9rem;
  border: .2rem solid #2A4B13;
  transition: background .2s ease-in-out;
  z-index: 4
}

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

.call-us-wrapper {
  background: url(../../index.html) bottom no-repeat
}

.call-us-container {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px -12px #000;
  border: 1px solid #c1a70f
}

.call-us-container .call-us-logo {
  margin: 0 auto 1.5rem
}

.call-us-container .call-us-logo img {
  width: 30rem;
  max-width: 100%;
  display: block;
  margin: 0 auto
}

.call-us-container .bonus-image {
  margin-bottom: 1rem
}

.call-us-container .bonus-image img {
  max-width: 100%
}

.call-us-container .bottom-separation-line,.call-us-container .separation-line {
  border: 1px solid #c1a70f;
  width: 60%;
  margin: 0 auto 5rem
}

.call-us-container .bottom-separation-line {
  margin: 3rem auto
}

.call-us-container .chat-section {
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 2.5rem
}

.call-us-container .chat-section .telegram-box,.call-us-container .chat-section .whatsapp-box {
  border: 1px solid #c1a70f;
  border-radius: 10px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: transparent;
  position: relative;
  margin: 1rem 0
}

.call-us-container .chat-section .telegram-box .icon,.call-us-container .chat-section .whatsapp-box .icon {
  background-color: transparent;
  border: 1px solid #ffd815;
  border-radius: 10px;
  height: 4.8rem;
  width: 4.8rem;
  position: absolute;
  left: -5rem;
  top: -.7rem;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.call-us-container .chat-section .telegram-box .icon img,.call-us-container .chat-section .whatsapp-box .icon img {
  width: 2.4rem
}

.call-us-container .chat-section .telegram-box span,.call-us-container .chat-section .whatsapp-box span {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  padding: .7rem 2.5rem;
  color: #fff;
  display: block;
  text-transform: uppercase
}

.call-us-container .contact-section {
  margin: 3rem auto 0;
  max-width: 30rem;
  width: 100%
}

.call-us-container .contact-section .contact-box {
  text-align: center;
  margin-bottom: 2rem
}

.call-us-container .contact-section .contact-box .contact-label {
  display: flex;
  justify-content: center;
  border: 1px solid #ffd815;
  border-radius: 10px 10px 0 0;
  padding: 1rem
}

.call-us-container .contact-section .contact-box .contact-label .icon {
  line-height: 1;
  margin-right: 1rem;
  border-right: 1px solid #ffd815;
  padding-right: 1rem;
  width: 2.4rem;
  height: 2.4rem
}

.call-us-container .contact-section .contact-box .contact-label .text-side {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  color: #fff
}

.call-us-container .contact-section .contact-box .contact-label .text-side .text_red {
  padding: 0 .5rem
}

.call-us-container .contact-section .contact-box .contact-no {
  background-color: #ffd815;
  border-radius: 0 0 10px 10px;
  padding: .6rem
}

.call-us-container .contact-section .contact-box .contact-no a {
  color: #212121;
  font-size: 2rem;
  text-decoration: none
}

.call-us-container .contact-section .contact-box:nth-child(2) .text_red,.call-us-container .contact-section .contact-box:nth-child(3) .text_red,.call-us-container .contact-section .contact-box:nth-child(5) .text_red {
  display: none
}

.call-us-container .live-support {
  margin-top: 2rem
}

.call-us-container .live-support .container {
  display: grid;
  align-items: center;
  justify-content: center;
  row-gap: 1.7rem;
  margin: 0 0 0 5.2rem
}

.call-us-container .live-support .container .chat-box {
  border: 1px solid #ffd815;
  border-radius: 0 10px 10px 0;
  background: transparent;
  position: relative;
  margin: 0 0 2rem
}

.call-us-container .live-support .container a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

.call-us-container .live-support .container a .icon {
  border: 1px solid #ffd815;
  border-radius: 20px;
  padding: .6rem .3rem;
  height: 4.5rem;
  width: 4.5rem;
  background-color: transparent;
  position: absolute;
  left: -5.3rem;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.call-us-container .live-support .container a .icon img {
  width: 2.4rem
}

.call-us-container .live-support .container a span {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  padding: .3rem .5rem;
  color: #fff;
  border-left: 0;
  border-right: 0;
  text-decoration: none;
  display: block;
  position: relative;
  text-transform: uppercase;
  letter-spacing: .05rem
}

.call-us-container .live-support .footer-logo {
  padding-bottom: 11rem;
  margin: 0 auto 8rem
}

.call-us-container .live-support .footer-logo img {
  width: 20rem
}

.CallUsModal .call-us-container .live-support .footer-logo {
  margin-bottom: 8rem
}

@media (min-width: 768px) {
  .CallUsModal .call-us-container .live-support .footer-logo {
      margin-bottom:0
  }
}

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

body.Page-Forexbet {
  background: #191919
}

body.Page-Forexbet .SectionContent {
  background: #191919;
  padding-bottom: 0;
  line-height: 1
}

.ForexbetIframeWrapper {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right)
}

.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: #2A4B13;
  padding-bottom: calc(env(safe-area-inset-bottom) + 20rem);
  overflow-y: hidden
}

.HamburgerSubMenu .burgerSearchResults,.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
  background: #18330A
}

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

.HamburgerContainer .HamburgerHeader {
  background: #2A4B13;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  margin-left: 5rem;
  border-bottom: .2rem solid #ffac2c;
  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 .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,172,44,.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: #2A4B13;
  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: #ffac2c
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted .SubMenuItemLabel {
  color: #000
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted .SubMenuItemImg {
  filter: invert(1)
}

.HamburgerContainer .HamburgerSubMenu .ComponentAnchor {
  display: flex;
  align-items: center
}

.HamburgerContainer .HamburgerSubMenu .MenuItemImg,.HamburgerContainer .HamburgerSubMenu .SubMenuItemImg {
  display: inline-block;
  fill: #fff;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem
}

.HamburgerContainer .HamburgerSubMenu .MyAccountMenuLink.Anchor {
  display: inline-block;
  color: #fff
}

.HamburgerContainer .HamburgerSubMenu .LastLoginDateContainer,.HamburgerContainer .HamburgerSubMenu .LogOutButtonContainer {
  text-align: center
}

.HamburgerContainer .HamburgerSubMenu .LogOutButton {
  color: #fff
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: .6rem
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow svg {
  fill: #fff;
  color: #fff
}

.HamburgerContainer .ItemWithChildren .SubMenuItemArrow.IsActive svg {
  transform: rotate(180deg)
}

.HamburgerContainer .ItemWithChildren .Anchor {
  padding: 1rem 0
}

.HamburgerContainer .BalanceContainerItem {
  text-align: center
}

.HamburgerContainer .BalanceContainerItem .Text {
  display: block
}

.HamburgerContainer .BalanceContainerItem .Currency {
  font-size: 1.6rem;
  font-weight: 700;
  color: #18330A
}

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

.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;
  filter: brightness(0) invert(78%) sepia(22%) saturate(2970%) hue-rotate(335deg) brightness(103%) contrast(101%)
}

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationSecondaryItemImg) {
  width: 2.8rem;
  filter: brightness(0) invert(78%) sepia(22%) saturate(2970%) hue-rotate(335deg) brightness(103%) contrast(101%)
}

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

.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(../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 #ffac2c;
  border-radius: .8rem;
  color: #ffac2c;
  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 #f4c943;
  color: #f4c943;
  text-decoration: none
}

.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer {
  padding: 2.4rem 1.6rem 3.2rem;
  grid-row-gap: 3.2rem
}

.InstanceGeneralGameListGrid.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,.InstanceGeneralGameListGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
  padding: 0 1.6rem
}

.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer,.InstanceCategoryFavGames.MsnRow .VerticalMobileLayout .GamesListContainer {
  padding: 0 1.6rem;
  margin-top: 0
}

.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
  grid-template-columns: repeat(2,50%)
}

@media (min-width: 480px) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
      grid-template-columns:repeat(3,33.3333%)
  }
}

@media only screen and (min-device-width: 320px) and (orientation:landscape) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
      grid-template-columns:repeat(4,25%)
  }
}

@media (min-width: 768px) and (max-width:1099px) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
      grid-template-columns:repeat(4,25%)
  }
}

.GameProp.GameVendorLogo {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  box-sizing: border-box;
  background: transparent;
  height: 4rem;
  pointer-events: none
}

@media (min-width: 1100px) {
  .GameProp.GameVendorLogo {
      pointer-events:auto
  }
}

@media (min-width: 768px) {
  .GameProp.GameVendorLogo {
      right:.2rem;
      top: .2rem
  }
}

.GameProp.GameVendorLogo .GameVendorLogoImage {
  max-width: 100%;
  max-height: 100%
}

.ListGame:hover .GameProp.GameVendorLogo,.ListGameLink:hover .GameProp.GameVendorLogo {
  opacity: 1;
  z-index: 1
}

.StickyPlaceholder {
  height: 6rem
}

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

.StickyPlaceholder.StickyPlaceholderHeaderMenu {
  height: 6rem
}

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

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

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

.StickyWrapper {
  height: 6rem
}

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

.StickyWrapper.StickyWrapperHeaderMenu {
  height: 6rem
}

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

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

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

.OperatorSticky {
  height: 6rem
}

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

.OperatorCasinoCategories {
  height: 6rem
}

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

.IsScrolled .NewCatScroll {
  height: 6rem
}

@media (min-width: 600px) {
  .IsScrolled .NewCatScroll {
      height:100%
  }
}

@media (min-width: 1100px) {
  .IsScrolled .NewCatScroll {
      height:100%
  }
}

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

.CategoriesItem .GameCategory,.ExtraCategories .Anchor,.ExtraCategories .Button,.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
}

.ForgotPass2FaModal .ModalBody .PasswordFieldWrapper {
  position: relative
}

.ForgotPass2FaModal .ModalBody .PasswordFieldWrapper .PasswordToggleIcon {
  position: absolute;
  right: 1rem;
  top: .8rem;
  cursor: pointer
}

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

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

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

.ForgotPass2FaModal .SubmitButton {
  margin-top: 3rem
}

.ForgotPass2FaModal .PhoneInfo {
  color: #2A4B13;
  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: #2A4B13;
  color: #ffac2c;
  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: #2A4B13;
  color: #2A4B13;
  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: #ffac2c
}

.ModalBody .PhoneIcon {
  width: 3rem;
  top: .5rem;
  left: .5rem;
  position: absolute
}

.ModalBody .PhoneIcon svg {
  fill: #dedede
}

@media (min-width: 760px) {
  .ModalBody .PhoneIcon {
      top:.6rem
  }
}

@media (min-width: 1100px) {
  .ModalBody .PhoneIcon {
      top:.6rem
  }
}

.ModalBody .CodeStatusInfo {
  text-align: center;
  position: relative;
  width: 100%;
  top: -2.4rem
}

.ModalBody .CodeStatusInfo.Failed {
  color: red
}

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

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

.ModalButton {
  background: #2A4B13;
  color: #ffac2c;
  margin-bottom: 2.4rem;
  text-transform: capitalize;
  border-radius: .4rem;
  width: 100%
}

.CustomLoginContent {
  color: #fff
}

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

.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: #ffac2c;
  border-radius: .4rem;
  border: none;
  color: #2A4B13;
  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: #ffac2c
}

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

.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Header {
  color: #18330A
}

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

.TournamentsWrapper {
  --link-color: #ffac2c;
  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: #1e1e20
}

.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 #ffac2c!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: #2A4B13;
  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: #2A4B13;
  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: #fff;
  background-color: #ffac2c;
  border-radius: 1rem;
  border: .1rem solid #ffac2c;
  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: #1e1e20;
  -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: #ffac2c;
  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: #fff;
  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: #2A4B13;
  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: #ffac2c;
  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: #ffac2c
}

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

.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: #2A4B13;
  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 #ffac2c;
  color: #ffac2c;
  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: #1e1e20
}

.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: #1e1e20;
  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: #ffac2c;
  font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif
}

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

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

.TournamentsWrapper casino-tournaments-page-controller::part(GamesAnchor) {
  font-weight: 600;
  color: #ffac2c;
  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: #2A4B13;
  border-radius: .2rem
}

.TournamentsWrapper casino-tournaments-controller::part(Prizes),.TournamentsWrapper casino-tournaments-page-controller::part(Prizes) {
  max-height: 10rem;
  overflow-y: scroll;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(3,auto);
  padding-right: 1rem;
  gap: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: #18330A 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: #18330A
}

.TournamentsWrapper casino-tournaments-page-controller::part(JoinButton),.TournamentsWrapper casino-tournaments-page-controller::part(JoinButton JoinButtonFullSize) {
  background: #2A4B13;
  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: #1e1e20
}

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

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

.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableThead) {
  background-color: #ffac2c;
  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: #1e1e20;
  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:#1e1e20;
      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: #fff;
  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: #fff;
  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: #fff;
  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 #ffac2c;
  color: #fff;
  background-color: #ffac2c;
  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: #ffac2c;
  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: #ffac2c;
  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: #2A4B13;
  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: #2A4B13;
  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: #2A4B13;
  color: #fff;
  border-bottom: .1rem solid #f0f0f0;
  padding-left: 1rem
}

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

.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: #fff;
  display: block
}

.TournamentsWrapper casino-tournaments-page-controller::part(ThumbnailGotoTournamentsButton) {
  background-color: #f9c408;
  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: #ffac2c;
  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: #1e1e20;
  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: #2A4B13;
  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 #ffac2c;
  border-radius: .3rem
}

.TournamentsWrapper casino-tournaments-page-controller::part(ThumbnailTabContent_Games_Casino_Label) {
  color: #ffac2c;
  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: #2A4B13;
  overflow: auto
}

.IgReelsContainer .IgSpinner {
  top: 3.5rem
}

.IgReelsContainer .StoryContainer {
  margin: .4rem;
  width: 6rem
}

.IgReelsContainer .StoryContainer .StoryTitle {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.IgReelsContainer .StoryContainer .StoryIconSmall {
  border-radius: 50%;
  background: #212121;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  height: 5.6rem;
  width: 5.6rem;
  border: .2rem solid
}

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

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

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

.IgStoriesContent,body.StoriesShown {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  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)
  }
}

.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
  height: calc(100vh - 11.4rem)
}

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

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

.OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper::-webkit-scrollbar {
  display: none
}

@media (min-width: 768px) {
  .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
      top:4.4rem
  }
}

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

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

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

.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationButtonSpan) {
  filter: brightness(0) invert(78%) sepia(22%) saturate(2970%) hue-rotate(335deg) brightness(103%) contrast(101%)
}

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

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

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

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

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

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

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

.RandomGameWrapper casino-random-game::part(RandomButton) {
  background: #ffac2c;
  color: #fff;
  transition: all .5s cubic-bezier(.19,1,.22,1)
}

.RandomGameWrapper casino-random-game::part(RandomButton):hover {
  background: #f4c943;
  color: #fff
}

.RandomGameWrapper casino-random-game::part(RandomTryAgain) {
  background: #ffac2c
}

.RandomGameWrapper casino-random-game::part(ModalContainer) {
  border-top: 3px solid #ffac2c
}

.RandomGameWrapper casino-random-game::part(ModalCloseBtn) {
  color: #ffac2c
}

.RandomGameWrapper casino-random-game::part(RandomGameTitle),.RandomGameWrapper casino-random-game::part(RandomGameVendor) {
  color: #fff
}

.RandomGameWrapper casino-random-game::part(RandomGamePlay) {
  background: #ffac2c;
  color: #fff;
  transition: all .5s cubic-bezier(.19,1,.22,1)
}

.RandomGameWrapper casino-random-game::part(RandomGamePlay):hover {
  background: #f4c943;
  color: #fff
}

.RandomGameWrapper casino-random-game::part(RandomGameLoading) {
  color: #ffac2c
}

.iOSDevice .HamburgerSubMenu {
  -webkit-overflow-scrolling: auto
}

.HamburgerSubMenu .RandomGameWrapper casino-random-game::part(RandomButtonWrapper) {
  margin-top: 0
}

.HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  position: fixed;
  width: 100vw;
  height: 100vh
}

body.NotificationActive .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 6rem + env(safe-area-inset-bottom))
}

body.StoriesActive .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 8rem)
}

body.HasMobileBottomNavigation .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 6.5rem + env(safe-area-inset-bottom))
}

body.NotificationActive.StoriesActive .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 14rem + env(safe-area-inset-bottom))
}

body.NotificationActive.HasMobileBottomNavigation .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 12.5rem + env(safe-area-inset-bottom))
}

body.StoriesActive.HasMobileBottomNavigation .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 14.5rem + env(safe-area-inset-bottom))
}

body.NotificationActive.StoriesActive.HasMobileBottomNavigation .HamburgerSubMenu .RandomGameWrapper casino-random-game::part(ModalWindow) {
  height: calc(100vh - 20.5rem + env(safe-area-inset-bottom))
}

.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: #ffac2c;
  fill: #ffac2c;
  border-bottom: .4rem solid #ffac2c;
  box-sizing: border-box
}

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

@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(../../index.html);
  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: #ffac2c;
  border-color: #4f4f4f
}

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

.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: #ffac2c;
  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: #18330A
}

.footer-main {
  border-bottom: .1rem solid hsla(0,0%,100%,.1)
}

.footer-main-col,.footer-secondary {
  color: #fff
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
  color: #2A4B13;
  border: .2rem solid #18330A
}

.footer-external-logo-item img {
  background: none
}

.footer-main-col:nth-child(2) {
  background-color: transparent
}

.BetslipWrapper .BetslipIndicatorCounter {
  color: #242424;
  font-weight: 600
}

.hamburger-box .hamburger-inner,.hamburger-box .hamburger-inner:after,.hamburger-box .hamburger-inner:before {
  background-color: #ffac2c
}

.HamburgerSubMenu .burgerSearchResults,.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper,.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
  background: #1e1e20
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
  color: #0c1422
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
  fill: #0c1422
}

.OperatorAccountContainer .ContentTriggerContainer {
  color: #0c1422
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer,.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer {
  background-color: #0c1422
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MyAccountMenuLink {
  color: #18330A
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
  color: #0c1422;
  border: .2rem solid #0c1422
}

@media (min-width: 1100px) {
  .OperatorAccountContainer {
      border-bottom:.1rem solid #ffac2c
  }
}

.OperatorTopLanguage {
  border-left: .1rem solid #21252d
}

.OperatorMainMenu .Anchor:hover {
  color: #ffac2c;
  fill: #ffac2c
}

.OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .InstanceToggleMenu {
  border: .2rem solid #ffac2c
}

.OperatorAccountContainer .CallIconWrapper,.OperatorAccountContainer .InstanceToggleMenu svg {
  fill: #ffac2c
}

.OperatorAccountContainer .InstanceToggleMenu .PhoneInputWrapper {
  color: #18330A
}

.OperatorAccountContainer .InstanceToggleMenu .PhoneInputWrapper svg {
  fill: #18330A
}

.OperatorLogo {
  padding-right: 1rem
}

.OperatorAccountContainer .ButtonRegister {
  background-color: #ffac2c;
  background: #ffac2c;
  color: #18330A
}

.RecentWinnersWidget .RecentWinnersWidgetContainer:before,.RecentWinnersWidget .Slider {
  background: #2A4B13;
  border-bottom: .1rem solid #18330A
}

.CategoriesItem .GameCategory:hover,.ExtraCategories .Anchor:hover {
  color: #ffac2c;
  fill: #ffac2c;
  background: transparent
}

.GameSearch {
  border: .1rem solid #ffac2c;
  color: #ffac2c
}

.GameSearch::-moz-placeholder {
  color: #ffac2c
}

.GameSearch::placeholder {
  color: #ffac2c
}

.GameSearch:focus {
  border: .1rem solid #ffac2c
}

.HorizontalScrollWrapper .HorizontalScrollBtn svg,.SearchTrigger svg {
  fill: #ffac2c
}

.OperatorAccountContainer .ButtonRegister:hover {
  color: #18330A
}

.lc-1fd86cf {
  color: #f47379
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
  background-color: #ec7778
}

.ModalCloseButton {
  background: #2f2727
}

.LoginFormWrapper .LoginFormForgot button {
  color: #ffac2c
}

.LoginFormWrapper .CustomLoginContent span {
  color: #fff!important
}

@media (min-width: 1100px) {
  .LoginFormWrapper .CustomLoginContent span {
      color:#000!important
  }
}

.CmsStaticPage a:active,.CmsStaticPage a:hover,.footer-wrapper a:active,.footer-wrapper a:hover {
  color: #f4c943
}

.footer-wrapper,.HeaderContainer {
  background: #2A4B13
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted {
  background-color: #ffac2c;
  filter: brightness(1.08)
}

.IsSearching .OperatorSticky .GamesListContainer {
  padding-bottom: 16rem!important
}

@media (min-width: 1100px) {
  .IsSearching .OperatorSticky .GamesListContainer {
      padding-bottom:18rem!important
  }
}

.LoginFormWrapper .Button.CTASecondary {
  background: #ffac2c;
  color: #18330A
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted {
  color: #2A4B13;
  opacity: unset;
  background-color: #ffac2c
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted {
  opacity: 1
}

.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted .MenuItemLabel,.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected.IsHighlighted .MenuItemLabel {
  color: #245514;
}

.LoginFormWrapper .LoginFormMobileHeader {
  background-image: none;
  background-color: #245514;
}

@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormMobileHeader {
      background-image:none;
      background-color: #245514;
  }
}

.LoginFormWrapper .LoginFormMobileHeader span {
  color: #fff
}

.MyAccountMenuWrapper .MyAccountMenuLink .MenuItemImg svg,.MyAccountMenuWrapper .MyAccountMenuLink .MenuItemImg svg .st0 {
  fill: #245514;
}

.RegisterFormWrapper .RegisterPrestep .RegisterPrestepButton {
  background-color: #ffac2c;
  color: #245514;
}

.ModalButton:hover {
  color: #fff;
  border-color: #fff
}

.UpdatePhoneModalBody .ModalButton {
  color: #ffac2c
}

.UpdatePhoneModalBody .ModalButton:hover {
  color: #fff
}

.SvgIcon.MainIcon #katman_1 {
  display: none
}

.OperatorHeaderContainer .OperatorMainMenu.ComponentMenu.NavMenu {
  background-color: transparent
}

.ModalContentWrapper .ModalLoginButtonsWrapper .Button {
  color: #18330A
}

.RandomGameWrapper casino-random-game::part(RandomGameTitle),.RandomGameWrapper casino-random-game::part(RandomGameVendor) {
  color: #ffac2c
}

.call-us-wrapper {
  background: url(../../../pusulacall.net/assets/frameworks/public/images/new_background.png) bottom no-repeat;
  background-size: cover;
  min-height: 100vh;
  width: 100%;
  padding: 0;
  display: flex
}

.call-us-wrapper .call-us-container {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 3rem -1.2rem #212121;
  border: .1rem solid #c1a70f
}

.call-us-wrapper .call-us-container .call-us-logo {
  margin: 0 auto 1.5rem
}

.call-us-wrapper .call-us-container .call-us-logo img {
  width: 30rem;
  max-width: 100%;
  display: block;
  margin: 0 auto
}

.call-us-wrapper .call-us-container .bonus-image {
  margin-bottom: 1rem
}

.call-us-wrapper .call-us-container .bonus-image img {
  max-width: 100%
}

.call-us-wrapper .call-us-container .bottom-separation-line,.call-us-wrapper .call-us-container .separation-line {
  border: .1rem solid #c1a70f;
  width: 60%;
  margin: 0 auto 5rem
}

.call-us-wrapper .call-us-container .bottom-separation-line {
  margin: 3rem auto
}

.call-us-wrapper .call-us-container .chat-section {
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 2.5rem
}

.call-us-wrapper .call-us-container .chat-section .telegram-box,.call-us-wrapper .call-us-container .chat-section .whatsapp-box {
  border: .1rem solid #c1a70f;
  border-radius: 1rem;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-image: transparent;
  position: relative;
  margin: 1rem 0
}

.call-us-wrapper .call-us-container .chat-section .telegram-box .icon,.call-us-wrapper .call-us-container .chat-section .whatsapp-box .icon {
  background-color: transparent;
  border: .1rem solid #ffd815;
  border-radius: 1rem;
  height: 4.8rem;
  width: 4.8rem;
  position: absolute;
  left: -5rem;
  top: -.7rem;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.call-us-wrapper .call-us-container .chat-section .telegram-box .icon img,.call-us-wrapper .call-us-container .chat-section .whatsapp-box .icon img {
  width: 2.4rem
}

.call-us-wrapper .call-us-container .chat-section .telegram-box span,.call-us-wrapper .call-us-container .chat-section .whatsapp-box span {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  padding: .7rem 2.5rem;
  color: #fff;
  display: block;
  text-transform: uppercase
}

.call-us-wrapper .call-us-container .contact-section {
  margin: 3rem auto 0;
  max-width: 30rem;
  width: 100%
}

.call-us-wrapper .call-us-container .contact-section .contact-box {
  text-align: center;
  margin-bottom: 2rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-label {
  display: flex;
  justify-content: center;
  border: .1rem solid #ffac2c;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-label .icon {
  line-height: 1;
  margin-right: 1rem;
  border-right: .1rem solid #ffac2c;
  padding-right: 1rem;
  width: 2.4rem;
  height: 2.4rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-label .icon svg {
  width: 2.3rem;
  height: 2.3rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-label .text-side {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  color: #fff
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-label .text-side .text_red {
  padding: 0 .5rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-no {
  background-color: #ffac2c;
  border-radius: 0 0 1rem 1rem;
  padding: .6rem
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-no a {
  color: #212121;
  font-size: 2rem;
  text-decoration: none
}

.call-us-wrapper .call-us-container .contact-section .contact-box .contact-no:nth-child(2).text_red,.call-us-wrapper .call-us-container .contact-section .contact-box .contact-no:nth-child(3).text_red,.call-us-wrapper .call-us-container .contact-section .contact-box .contact-no:nth-child(5).text_red {
  display: none
}

.call-us-wrapper .call-us-container .live-support {
  margin-top: 2rem
}

.call-us-wrapper .call-us-container .live-support .container {
  display: grid;
  align-items: center;
  justify-content: center;
  row-gap: 1.7rem;
  margin: 0 0 0 5.2rem
}

.call-us-wrapper .call-us-container .live-support .container .chat-box {
  border: .1rem solid #ffac2c;
  border-radius: 0 1rem 1rem 0;
  background: transparent;
  position: relative;
  margin: 0 0 2rem
}

.call-us-wrapper .call-us-container .live-support .container .chat-box a {
  display: flex;
  justify-content: center;
  align-items: center
}

.call-us-wrapper .call-us-container .live-support .container .chat-box a .icon {
  border: .1rem solid #ffac2c;
  border-radius: 2rem;
  padding: .6rem .3rem;
  height: 4.5rem;
  width: 4.5rem;
  background-color: transparent;
  position: absolute;
  left: -5.3rem;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.call-us-wrapper .call-us-container .live-support .container .chat-box a .icon img {
  width: 2.4rem
}

.call-us-wrapper .call-us-container .live-support .container .chat-box a span {
  font-family: unisansbookregular,sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.5;
  padding: .3rem .5rem;
  color: #fff;
  border-left: 0;
  border-right: 0;
  text-decoration: none;
  display: block;
  position: relative;
  text-transform: uppercase;
  letter-spacing: .05rem
}

.call-us-wrapper .call-us-container .live-support .footer-logo {
  margin-bottom: 0
}

.call-us-wrapper .call-us-container .live-support .footer-logo img {
  width: 20rem
}