.elementor-1625 .elementor-element.elementor-element-9896656 > .elementor-container{max-width:1030px;}.elementor-bc-flex-widget .elementor-1625 .elementor-element.elementor-element-7660902.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1625 .elementor-element.elementor-element-7660902.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1625 .elementor-element.elementor-element-56acd48 > .elementor-widget-container{padding:3px 0px 0px 5px;}.elementor-1625 .elementor-element.elementor-element-56acd48{text-align:start;}.elementor-bc-flex-widget .elementor-1625 .elementor-element.elementor-element-1f2cf85.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1625 .elementor-element.elementor-element-1f2cf85.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1625 .elementor-element.elementor-element-1f2cf85.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1625 .elementor-element.elementor-element-75e8651{width:auto;max-width:auto;}.elementor-1625 .elementor-element.elementor-element-cc5bc31{width:auto;max-width:auto;}.elementor-1625 .elementor-element.elementor-element-cc5bc31 > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-073c4d4{width:auto;max-width:auto;}.elementor-1625 .elementor-element.elementor-element-5be7b4a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-ab57f33 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-977897f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-0d1da03{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-d7d70c0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-68caa25 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1625 .elementor-element.elementor-element-534529d:not(.elementor-motion-effects-element-type-background), .elementor-1625 .elementor-element.elementor-element-534529d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1625 .elementor-element.elementor-element-534529d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1625 .elementor-element.elementor-element-534529d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1625 .elementor-element.elementor-element-534529d{padding:40px 0px 40px 0px;}.elementor-1625 .elementor-element.elementor-element-7d48228.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(min-width:768px){.elementor-1625 .elementor-element.elementor-element-7660902{width:20%;}.elementor-1625 .elementor-element.elementor-element-1f2cf85{width:80%;}}/* Start custom CSS for section, class: .elementor-element-2e87d3d */.elementor-post__title {
    overflow: hidden !important;
   display: -webkit-box !important;
   -webkit-line-clamp: 2 !important; /* number of lines to show */
           line-clamp: 2 !important; 
   -webkit-box-orient: vertical !important;
}

.cpel-switcher__lang a {
    margin-right: 10px;
}

.site-logo img {
    width: 131.25px !important;
    height: 30px !important;
}

.mobile-menu-div {
    display: none;
    position: fixed;
    top: 150px;
    z-index: 3;
    background: #fff;
    width: 100%;
    height: 560px;
    overflow: scroll;
    box-shadow: rgba(0,0,0, 10) 0 5px 15px -7px;
}

@media (max-width: 425px) {
    .ast-container {
        margin-top: 160px;
    }
}

@media (min-width: 425px) {
    .mobile-menu-div {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5be7b4a */.label {
  color: #2a2e33;
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 9pt;
  padding-bottom: 6px;
  text-transform: uppercase
}

.inline {
  display: inline-block
}

.joinLink,.joinLink:active,.joinLink:hover,.joinLink:link,.joinLink:visited {
  color: #777;
  text-decoration: none
}

.swiper-container {
  overflow: visible!important;
  padding-bottom: 10px!important;
  padding-top: 10px!important
}

.carousel-button-left,.carousel-button-right {
  background-color: #fff;
  cursor: pointer
}

.swiper-button-disabled {
  background-color: hsla(0,0%,100%,.15);
  cursor: default
}

.hot-games-desktop-carousel .carousel-card,.secondary-desktop-carousel .carousel-card {
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25)
}

.grid-desktop-carousel:hover .carousel-button-left,.grid-desktop-carousel:hover .carousel-button-right,.hot-games-desktop-carousel:hover .carousel-button-left,.hot-games-desktop-carousel:hover .carousel-button-right,.secondary-desktop-carousel:hover .carousel-button-left,.secondary-desktop-carousel:hover .carousel-button-right {
  display: block
}

.grid-desktop-carousel .carousel-button-left,.grid-desktop-carousel .carousel-button-right,.hot-games-desktop-carousel .carousel-button-left,.hot-games-desktop-carousel .carousel-button-right,.secondary-desktop-carousel .carousel-button-left,.secondary-desktop-carousel .carousel-button-right {
  background-size: 41px;
  border-radius: 15px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
  box-sizing: border-box;
  display: none;
  height: 75pt;
  padding: 21px;
  position: absolute;
  width: 78px
}

.grid-desktop-carousel .carousel-button-left,.hot-games-desktop-carousel .carousel-button-left,.secondary-desktop-carousel .carousel-button-left {
  background-image: url(/images/ico/carousel-arrow-left.svg)
}

.grid-desktop-carousel .carousel-button-right,.hot-games-desktop-carousel .carousel-button-right,.secondary-desktop-carousel .carousel-button-right {
  background-image: url(/images/ico/carousel-arrow-right.svg)
}

.grid-desktop-carousel .carousel-button-left {
  left: 10px;
  top: 53px;
  z-index: 1
}

.grid-desktop-carousel .carousel-button-right {
  right: 9px;
  top: 53px;
  z-index: 1
}

.hot-games-desktop-carousel .carousel-button-left {
  left: 10px;
  top: 153px;
  z-index: 1
}

.hot-games-desktop-carousel .carousel-button-right {
  right: 0;
  top: 153px;
  z-index: 1
}

.secondary-desktop-carousel .carousel-button-left {
  left: 10px;
  top: 93pt;
  z-index: 1
}

.secondary-desktop-carousel .carousel-button-right {
  right: 0;
  top: 93pt;
  z-index: 1
}

.secondary-desktop-carousel.scratcher-carousel .carousel-button-right {
  right: 10px;
  top: 175px
}

.secondary-desktop-carousel.scratcher-carousel-ja .carousel-button-right {
  right: 0;
  top: 10pc
}

.secondary-desktop-carousel.scratcher-carousel .carousel-button-left {
  top: 175px
}

.secondary-desktop-carousel.scratcher-carousel-ja .carousel-button-left {
  top: 10pc
}

.swiper-wrapper .mobile-card-padding {
  padding-left: 20px
}

.swiper-wrapper .mobile-card-padding:last-child {
  padding-right: 20px
}

.embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.embed-container embed,.embed-container iframe,.embed-container object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.rowLottoPayouts {
  border-top: 1px solid #c5c7cb;
  display: flex
}

.rowLottoPayouts td {
  line-height: normal;
  padding-bottom: 1pc;
  padding-top: 1pc
}

.rowLottoPayouts td:nth-child(1) {
  color: #8b9097;
  width: 2pc
}

.rowLottoPayouts td:nth-child(3) {
  flex: 1;
  padding-right: 15px;
  text-align: right
}

.rowLottoPayouts:last-child td {
  padding-bottom: 0
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat Light"),local("Montserrat-Light"),url(/fonts/montserrat-v13-latin-300.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-300.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"),local("Montserrat-Regular"),url(/fonts/montserrat-v13-latin-regular.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-regular.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Regular"),local("Montserrat-Regular"),url(/fonts/montserrat-v13-latin-regular.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-regular.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(/fonts/montserrat-v13-latin-600.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-600.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat ExtraBold"),local("Montserrat-ExtraBold"),url(/fonts/montserrat-v13-latin-800.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-800.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"),local("Montserrat-ExtraBold"),url(/fonts/montserrat-v13-latin-800.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-800.woff) format("woff")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: local("Montserrat ExtraBold"),local("Montserrat-ExtraBold"),url(/fonts/montserrat-v13-latin-800.woff2) format("woff2"),url(/fonts/montserrat-v13-latin-800.woff) format("woff")
}

html {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

body {
  -webkit-text-size-adjust: none;
  background-color: #fff;
  box-sizing: border-box;
  color: #2a2e33;
  font-family: Montserrat,sans-serif;
  font-size: .8em;
  margin: 0;
  min-height: 100%;
  padding: 0;
  position: absolute;
  width: 100%
}

.no-scrolling {
  -webkit-overflow-scrolling: auto!important;
  bottom: 0!important;
  left: 0!important;
  overflow: hidden!important;
  position: fixed!important;
  right: 0!important;
  top: 0!important
}

.formFlex {
  display: flex;
  width: 100%
}

.formFlex>* {
  margin-left: 5px;
  margin-right: 5px
}

.formFlex>:first-child {
  margin-left: 0
}

.formFlex>:last-child {
  margin-right: 0
}

@media screen and (min-width: 750pt) {
  .formFlexDesktop {
      display:flex;
      width: 100%
  }

  .formFlexDesktop>* {
      margin-left: 5px;
      margin-right: 5px
  }

  .formFlexDesktop>:first-child {
      margin-left: 0
  }

  .formFlexDesktop>:last-child {
      margin-right: 0
  }
}

.highlight {
  color: #fc517c
}

.goldHighlight {
  color: #f7be36
}

a:not(:focus) {
  outline: 0
}

h1 {
  font-size: 1.5em
}

h3 {
  font-size: 20px;
  margin-bottom: 10px
}

h5 {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 0
}

.bannerHeading {
  color: #fff;
  font-size: 40px;
  font-weight: 800
}

@media screen and (max-width: 999px) {
  .bannerHeading {
      font-size:30px
  }
}

.bannerSubheading {
  color: #fff;
  font-size: 20px;
  font-weight: 100
}

@media screen and (max-width: 999px) {
  .bannerSubheading {
      font-size:15px
  }
}

.viewHeader {
  color: #8b9097;
  font-size: 9pt
}

.viewHeader.small {
  font-size: 10px
}

.linkArrow:after {
  border: 4px solid #8b9097;
  border-color: transparent transparent transparent #8b9097;
  border-width: 3px 6px;
  color: #8b9097;
  content: "";
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0
}

.blueLink {
  color: #00c0cb;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: .9pt;
  text-decoration: none
}

.blueLink:active,.blueLink:focus,.blueLink:hover {
  color: #333;
  text-decoration: none
}

.purpleArrowLink:after {
  content: "\25BA";
  font-size: 8px;
  padding-left: 6px;
  position: relative;
  top: -3px
}

.purpleArrowLink {
  color: #543d84;
  font-size: 14px;
  letter-spacing: .9pt
}

.siteMapGroup {
  margin-bottom: 20px
}

.siteMapGroup:last-child {
  margin-bottom: 0
}

.siteMapGroup_mb-lg {
  margin-bottom: 20px
}

.siteMapHeader {
  color: #8b9097;
  font-size: 9pt;
  letter-spacing: 1px;
  line-height: 17px;
  margin-bottom: 6px
}

.siteMapLink {
  color: #1a5ca2;
  font-size: 15px;
  line-height: 23px
}

.blueArrowLink {
  color: #1a5ca2;
  cursor: pointer;
  font-size: 15px
}

.blueArrowLink:hover {
  color: #0c3f75
}

.blueArrowLink:after {
  content: "\25BA";
  font-size: 8px;
  padding-left: 6px;
  position: relative;
  top: -3px
}

.leftArrow:before {
  content: "\25C0";
  font-size: 9pt;
  padding-right: 4px;
  position: relative;
  top: -1px
}

.infoHeader {
  color: #8b9097;
  font-size: 9pt;
  letter-spacing: .9pt;
  margin-top: 20px;
  text-align: center
}

@media(max-width: 999px) {
  .infoHeader {
      margin-top:10px
  }
}

.logoHeader {
  display: flex;
  flex-grow: 2;
  outline: 0
}

.error,.plainError {
  color: #d90d15;
  font-size: 9pt;
  margin-top: 5px
}

.bigLink {
  color: #00aab7;
  font-size: 1pc;
  letter-spacing: .9pt;
  text-align: center
}

.link {
  color: #1a5ca2;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
  user-select: none
}

.link:not(.inherit-font-size) {
  font-size: 15px
}

.link:hover {
  color: #0c3f75
}

.link-disabled {
  color: #c5c7cb;
  cursor: default;
  font-size: inherit;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  user-select: none
}

.link-disabled:not(.inherit-font-size) {
  font-size: 15px
}

.link-disabled:focus {
  outline: 0
}

.email-sent-try-again .link {
  font-size: 1pc
}

.email-sent-received-code .link {
  font-size: 14px;
  font-weight: 700
}

.pre {
  white-space: pre-wrap
}

.view {
  padding-top: 30px;
  text-align: left
}

.Modal .view {
  padding: 30px;
  text-align: left
}

.pageBackground {
  background: #f8fafb;
  min-height: 100vh
}

.desktopBackground {
  min-width: 750pt;
  padding: 0
}

.site-wrapper {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  width: 100%
}

.site-header {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
  margin: 0px !important;
}

.site-content {
  flex: 1 0 auto;
  max-width: 100%;
  min-height: 150px;
  width: 100%
}

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

.page-header {
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  margin: 30px 0;
  padding: 0
}

.page-header_sm {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px
}

.view .page-header {
  margin-top: 0
}

.view-header-style-1 {
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 30px;
  margin-top: 15px
}

.view-header-style-2 {
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  padding-bottom: 30px
}

.info-page-header {
  margin-bottom: 30px
}

.view-header-style-modal {
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  margin: 0
}

@media only screen and (max-width: 999px) {
  .view-header-style-1,.view-header-style-modal {
      font-size:20px;
      line-height: 28px
  }

  .info-page-header {
      margin-bottom: 20px
  }

  .page-header {
      font-size: 20px;
      line-height: 28px;
      margin: 20px 0
  }
}

.view-style-2 {
  padding: 0;
  text-align: left
}

.view-style-2.alt+div+.MobileFooter {
  position: relative;
  top: -60px
}

.view .view-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 750pt;
  padding-bottom: 0
}

.view-style-2 .view-content {
  margin: auto;
  max-width: 750pt
}

.Modal .view {
  min-height: initial
}

.Modal .view-sign-in,.Modal .view-sign-up {
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25)
}

.panel {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  padding: 10px
}

@media only screen and (min-width: 375px) {
  .panel {
      padding:30px
  }
}

.panel-without-shadow {
  box-shadow: none
}

.panel.panel-game.seo-link-block {
  box-shadow: 1px 1px 15px 2px rgba(85,85,85,.2)
}

@media only screen and (min-width: 750pt) {
  .panel.panel-game.seo-link-block:focus,.panel.panel-game.seo-link-block:hover {
      box-shadow:1px 1px 15px 2px rgba(85,85,85,.3)
  }
}

.panel.panel-no-background {
  background: 0
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel:last-child:nth-child(odd) {
      max-width:calc(50% - 15px)
  }
}

.panels-wrapper .panel-game {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  flex: 1;
  margin-bottom: 20px;
  overflow: hidden;
  user-select: none
}

.panels-wrapper .panel-game.panel {
  padding: 10px
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel-game.panel {
      padding:15px
  }
}

.panels-wrapper .panel-game:last-child {
  margin-bottom: 0
}

.panels-wrapper .panel-game:nth-child(odd):not(:last-child) {
  margin-right: 20px
}

.MobileLayout .panels-wrapper .panel-game:nth-child(odd):not(:last-child) {
  margin-right: 0
}

@media only screen and (min-width: 541px) {
  .MobileLayout .panels-wrapper .panel-game:nth-child(odd):not(:last-child) {
      margin-right:24px
  }
}

.panels-wrapper .panel-game__price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel-game__price {
      font-size:26px
  }

  .panels-wrapper .panel-game__price.large {
      font-size: 36px
  }
}

.panels-wrapper .panel-game__price-value {
  margin-right: .125em
}

.panels-wrapper .panel-game__price-label {
  font-size: 22px
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel-game__price-label {
      font-size:inherit
  }
}

.panels-wrapper .panel-game__labels {
  align-items: flex-end;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  right: 0
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel-game__labels {
      bottom:30px
  }
}

.panels-wrapper .panel-game__label {
  background-color: #e7ad22;
  border-radius: 36px 0 0 36px;
  box-sizing: border-box;
  color: #fff;
  font-size: 9pt;
  font-weight: 800;
  letter-spacing: -.2px;
  line-height: 1.5;
  margin-top: 3px;
  overflow: hidden;
  padding: 5px 14px;
  text-transform: uppercase;
  white-space: nowrap
}

@media only screen and (min-width: 750pt) {
  .panels-wrapper .panel-game {
      margin-bottom:30px
  }

  .panels-wrapper .panel-game:nth-last-child(2):nth-child(odd) {
      margin-bottom: 0
  }
}

.panel-1 {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(51,51,51,.3);
  margin-bottom: 10px;
  padding-bottom: 15px;
  padding-top: 15px
}

.panel-2 {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: rgba(0,0,0,.2) 0 0 20px 0;
  margin-bottom: 10px;
  padding: 15px
}

.panelHeading {
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 20px;
  text-align: center
}

.panel-3 {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  margin: 15px;
  padding: 20px 15px
}

.panelBody {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.53
}

.panelFooter {
  margin-top: 15px
}

.panelCardsHeading {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  font-weight: 800;
  justify-content: space-between;
  padding-bottom: 20px;
  position: relative;
  text-align: left
}

.panelCardsHeading__text {
  margin-bottom: 4px
}

@media(min-width: 750pt) {
  .panelCardsHeading__text {
      margin-bottom:0
  }
}

.panelCardsHeading__action.deposit-view {
  padding-top: 5px
}

.panelSubtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  padding: 5px 0;
  text-transform: uppercase
}

.panelSubtitle.deposit-view {
  font-size: 20px;
  font-weight: 700;
  text-transform: initial
}

.newCardBtn {
  color: #d70f83;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 23px;
  text-align: right
}

.newCardBtn:focus,.newCardBtn:hover {
  color: #ac0064
}

.removeCard {
  cursor: pointer
}

.removeCard.no-click {
  cursor: default;
  visibility: hidden
}

.cardExpireDateWrapper {
  align-items: center;
  display: flex
}

.cardExpireIcon {
  line-height: 0;
  margin-right: 5px;
  position: relative
}

@media screen and (max-width: 374px) {
  .cardExpireIcon {
      display:none
  }
}

.cardExpireIcon:focus .cardExpireTooltip,.cardExpireIcon:hover .cardExpireTooltip {
  display: block
}

.cardExpireTooltip {
  background-color: #fff;
  border: 2px solid #d90d15;
  color: #2a2e33;
  display: none;
  font-size: 9pt;
  left: 50%;
  line-height: 1.5;
  margin-top: 10px;
  max-width: 15pc;
  padding: 10px;
  position: absolute;
  top: 100%;
  transform: translatex(-50%);
  z-index: 1
}

.cardExpirationWarning {
  color: #d90d15
}

.addCreditCardForm .inputContainer .label {
  height: 15px;
  padding-bottom: 0
}

.withMarginBottom {
  margin-bottom: 2em
}

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

.flex-columnMarginBottom2 {
  margin-bottom: 5px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  .flex-column-width50 {
      width: 50%
  }
}

.selected-button {
  box-shadow: inset 0 0 5px #c1c1c1!important;
  outline: 0
}

.creditCardButtonWrapper {
  margin-top: 15px
}

@media only screen and (min-width: 375px) {
  .creditCardButtonWrapper {
      margin-top:20px
  }
}

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

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

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

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes showEffect {
  0% {
      opacity: 0
  }

  to {
      opacity: 1;
      visibility: visible
  }
}

.spinner {
  -webkit-animation: spin-1 2s infinite linear;
  animation: spin-1 2s infinite linear;
  background-image: url(/images/ico/spinner-of-dots.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  display: block;
  height: 18px;
  margin-right: 5px;
  position: relative;
  width: 18px
}

.hover-gray:hover {
  cursor: pointer
}

.desktop-menu-item {
  border-radius: 3px;
  color: inherit;
  cursor: default;
  font-size: 9pt;
  padding: 10px;
  user-select: none
}

.desktop-menu-item:hover {
  background-color: #0c3f75
}

.desktop-menu-item.desktop-menu-item-disabled {
  color: #c5c7cb
}

.desktop-menu-item.desktop-menu-item-disabled:hover {
  background-color: initial
}

.desktop-menu-item.desktop-menu-item-disabled:focus {
  outline: 0
}

.activeMenu {
  color: #c5c7cb
}

.desktop-header-cart-icon,.desktop-header-cart-icon-disabled,.desktop-header-profile-icon,.desktop-header-profile-icon-disabled {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px
}

.desktop-header-profile-icon {
  background-image: url(/images//ico/user.svg);
  cursor: pointer
}

.desktop-header-profile-icon-ja {
  background-image: url(/images//ico/ja/user.gif);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer
}

.desktop-header-profile-icon-disabled,.desktop-header-profile-icon:hover {
  background-image: url(/images//ico/user.svg)
}

.desktop-header-profile-icon-disabled:focus {
  outline: 0
}

.desktop-header-profile-icon-disabled-ja {
  background-image: url(/images//ico/ja/user.gif);
  background-repeat: no-repeat;
  background-size: contain
}

.desktop-header-profile-icon-disabled-ja:focus {
  outline: 0
}

.desktop-header-cart-icon {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg)
}

.desktop-header-cart-icon.full {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg)
}

.desktop-header-cart-icon:hover {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg)
}

.desktop-header-cart-icon:hover.full {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg)
}

.desktop-header-cart-icon-disabled {
  background-image: url(/ja/blog/wp-content/uploads/2023/04/cart-disabled.svg) !important;
}

.desktop-header-cart-icon-disabled:focus {
  outline: 0
}

.menuHeaderDepositLink {
  border: 2px solid #1a5ca2;
  border-radius: 20px;
  color: #1a5ca2;
  display: inline-block;
  font-weight: 800;
  letter-spacing: 1px;
  margin-right: 30px;
  min-width: 150px;
  padding: 7px 5px;
  text-align: center
}

.menuHeaderDepositLink.link {
  font-size: 9pt
}

.ticketStatus {
  background-color: #b3a6c4;
  border-radius: 14px;
  color: #fff;
  font-size: 9pt;
  padding: 4px 8px;
  white-space: nowrap
}

.disabled-link {
  color: #c5c7cb!important;
  cursor: default!important
}

.disabled-link:focus,.disabled-link:hover {
  color: #c5c7cb!important;
  outline: 0!important
}

.menuHeaderText {
  cursor: pointer;
  font-size: 9pt;
  letter-spacing: 1px;
  line-height: 21px
}

.menuHeaderText.signUp {
  color: #d70f83
}

.menuHeaderText.signIn:active,.menuHeaderText.signIn:focus,.menuHeaderText.signIn:hover,.menuHeaderText.signUp:active,.menuHeaderText.signUp:focus,.menuHeaderText.signUp:hover {
  color: #ac0064
}

.mobile-menu-handler .menuHeaderText {
  margin-top: 6px
}

.mobile-menu-handler {
  background-color: #2576cd;
  border-radius: 15px;
  color: #fff;
  font-size: 9pt;
  font-weight: 400;
  height: 30px;
  left: 10px;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 13px;
  width: 60px
}

.mobile-menu-handler .menuHeaderText {
  line-height: inherit
}

.ChangeCard-view .ChangeCard-cancelButton .link {
  color: #1a5ca2
}

.ChangeCard-view .ChangeCard-cancelButton .link:active,.ChangeCard-view .ChangeCard-cancelButton .link:focus,.ChangeCard-view .ChangeCard-cancelButton .link:hover {
  color: #0c3f75
}

.card-pllotto {
  background-color: #ae1f39
}

.card-brquina {
  background-color: #009b4f
}

.card-usmegam {
  background-color: #d7202e
}

.card-eujackp {
  background-color: #24347c
}

.card-esprimi {
  background-color: #174d2c
}

.tippy-tooltip.light-theme {
  background-color: #f8fafb;
  border: 1px solid #c5c7cb
}

.tippy-tooltip.light-theme .tippy-content {
  background-color: #f8fafb;
  color: #2a2e33
}

.tippy-tooltip.light-theme .tippy-backdrop {
  background-color: #f8fafb
}

.subscribe-info {
  background-image: url(/images/ico/info-sign-v01.svg);
  background-size: 100% 100%;
  height: 18px;
  margin-left: 10px;
  margin-top: 1px;
  width: 18px
}

.subscribe-info:hover {
  cursor: pointer
}

.container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1030px;
  padding: 0 10px;
  width: 100%
}

@media only screen and (min-width: 375px) {
  .container {
      padding:0 15px
  }
}

.header-inner-page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%
}

.header-inner-page__content {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 220px;
  padding: 30px 0;
  position: relative;
  text-align: center;
  z-index: 2
}

@media only screen and (min-width: 750pt) {
  .header-inner-page__content {
      min-height:360px
  }
}

.header-inner-page__title {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 10px;
  text-align: center
}

.header-inner-page__title_mb-sm {
  margin: -20px 0 5px
}

@media only screen and (min-width: 750pt) {
  .header-inner-page__title_mb-sm {
      margin-bottom:10px
  }

  .header-inner-page__title {
      font-size: 40px;
      margin: 30px 0
  }
}

.header-inner-page__balance {
  font-size: 1pc;
  letter-spacing: 0;
  line-height: 1.5
}

@media only screen and (min-width: 750pt) {
  .header-inner-page__balance {
      font-size:20px
  }
}

.header-inner-page__faq {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.5
}

@media only screen and (min-width: 750pt) {
  .header-inner-page__faq {
      font-size:20px
  }
}

.ticketsView-label-subscription {
  align-items: center;
  color: #1a5ca2;
  cursor: pointer;
  display: inline-flex;
  font-size: 9pt;
  user-select: none
}

.ticketsView-label-subscription:hover {
  color: #0c3f75
}

.ticketsView-icon-subscription {
  background-image: url(/images/ico/repeat-v01.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  height: 13px;
  padding: 0 3px;
  user-select: none;
  width: 13px
}

.all-games-filter-separator {
  color: #8b9097;
  font-size: 15px;
  font-weight: 400;
  height: 27px;
  letter-spacing: -.3px;
  line-height: 23px;
  margin: 14px 1pc 9px 15px;
  width: 18px
}

.close-btn {
  color: #aaa;
  cursor: pointer;
  font: 22px/100% Arial sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff
}

.close-btn_cc-form {
  position: absolute;
  right: 0;
  top: 3px
}

.btn-payment-method-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px
}

.btn-payment-method-wr {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 5px 10px
}

@media only screen and (min-width: 375px) {
  .btn-payment-method-wr {
      flex-basis:33.3333%;
      max-width: 33.3333%
  }
}

.accountInformation {
  border-bottom: 1px solid #c5c7cb;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.text-align-right {
  text-align: right
}

.verify-identity-link-wrapper {
  line-height: 23px;
  margin: 0
}

.panel-overlay {
  overflow: hidden;
  position: relative
}

.panel-overlay.no-modify:after {
  background: hsla(0,0%,100%,.5);
  border-radius: 15px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.iframe-loading {
  -webkit-animation: spin-1 2s infinite linear;
  animation: spin-1 2s infinite linear;
  background-image: url(/images/ico/spinner-of-dots.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: .5;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 0
}

.pageLoading {
  background-color: rgba(26,92,162,.5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}

.pageLoading__img {
  -webkit-animation: spin-1 2s infinite linear;
  animation: spin-1 2s infinite linear;
  height: 90pt;
  left: 50%;
  margin: -60px 0 0 -60px;
  position: absolute;
  top: 50%;
  width: 90pt;
  z-index: 2
}

.pageLoading:after {
  background-color: rgba(26,92,162,.7);
  bottom: 0;
  content: "";
  filter: blur(4px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

#sbbfrcc {
  opacity: 0;
  pointer-events: none
}

.text-bold {
  font-weight: 700
}

.title {
  font-size: 20px;
  line-height: 26px
}

.bold-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px
}

.sub-title {
  font-size: 15px;
  line-height: 23px
}

.sub-title-bold {
  font-size: 15px;
  font-weight: 700;
  line-height: 23px
}

.percent-width-80 {
  width: 80%
}

.percent-width-85 {
  width: 85%
}

.percent-width-90 {
  width: 90%
}

.centered-text {
  text-align: center
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.unsupported {
  background-color: #f8fafb;
  min-height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 0
}

.unsupported .bg {
  -webkit-filter: opacity(.1) drop-shadow(0 0 0 #c0c0c9);
  background-image: url(/images/ico/xo-lotto-logo-v04.svg);
  background-position: center 145px;
  background-repeat: no-repeat;
  filter: opacity(.1) drop-shadow(0 0 0 #c0c0c9);
  height: 745px;
  margin-top: 0;
  max-height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.unsupported .content {
  margin: 0 auto;
  max-width: 455px;
  position: relative;
  z-index: 2
}

.unsupported .xologo {
  height: auto;
  margin: 30px 0 90pt;
  max-width: 100%;
  width: 170px
}

.unsupported h1 {
  color: #d70f83;
  font-size: 40px;
  margin: 0 15px 10px
}

.unsupported h1 span {
  display: inline-block
}

.unsupported .location {
  margin: 0 0 18px
}

.unsupported .text {
  margin: 0 15px
}

.unsupported .text p:first-child {
  margin-bottom: 30px;
  margin-top: 0
}

.unsupported .text p {
  font-size: 20px;
  line-height: 30px
}

.unsupported .text p a {
  color: #1a5ca2;
  text-decoration: none
}

.unsupported .text p a:hover {
  color: #0c3f75
}

@media screen and (max-width: 999px) {
  .unsupported .xologo {
      margin-bottom:55px
  }

  .unsupported .bg {
      background-position: center 155px;
      height: 645px
  }

  .unsupported .text p {
      font-size: 20px
  }
}

.MobileLayout {
  margin: auto;
  width: 100%
}

.MobileLayout .mobile-layout-content {
  margin-top: 60px
}

.MobileLayout .mobile-layout-content-ja {
  margin-top: 155px
}

.MobileLayout #ghost {
  margin-top: 60px
}

.MobileLayout .panel {
  padding: 20px 15px;
  padding-bottom: 20px!important
}

.MobileLayout .panel.panelsList {
  margin-bottom: 20px
}

.MobileLayout .view {
  padding: 20px 10px 0
}

@media only screen and (min-width: 375px) {
  .MobileLayout .view {
      padding:20px 15px 0
  }
}

.MobileLayout .ChangeCard-cancelButton {
  right: 15px;
  top: 18px
}

.MobileLayout .inputField:not(.inputError):hover {
  border: 2px solid #8b9097
}

.MobileLayout .panels-wrapper .panel:nth-last-child(1),.MobileLayout .panels-wrapper .panel:nth-last-child(2) {
  margin-bottom: 20px!important
}

.MobileLayout .my-bets-wrapper .panel {
  margin-bottom: 20px
}

.modal-box {
  background-color: #2576cd;
  bottom: 0;
  display: inline-block;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11
}

.modal-box .modal-box-dialog {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 15px;
  box-shadow: 0 4px 9pt rgba(0,0,0,.25);
  left: 50%;
  outline: 0;
  padding: 20px 15px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 60px)
}

@media(min-width: 451px) and (max-width:999px) {
  .modal-box .modal-box-dialog {
      width:25pc
  }
}

.modal-box .modal-box-dialog.desktop {
  padding: 30px;
  width: 25pc
}

.modal-box .modal-box-dialog>div.btns {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%
}

.modal-box .modal-box-dialog>div.btns>div+div {
  margin-left: 20px
}

.modal-box .modal-box-dialog>div.btns .button {
  font-size: 15px;
  width: 180px!important
}

@media screen and (max-width: 450px) {
  .modal-box .modal-box-dialog>div.btns {
      display:block
  }

  .modal-box .modal-box-dialog>div.btns>div:last-child {
      margin-left: 0;
      margin-top: 5px
  }

  .modal-box .modal-box-dialog>div.btns>div .button {
      min-width: 0;
      width: 100%!important
  }
}

.modal-box-header {
  color: #2a2e33;
  font-size: 30px;
  font-weight: 800;
  min-height: 18px;
  text-align: center
}

.modal-box-body {
  color: #2a2e33;
  font-size: 15px;
  margin: 20px 0 30px;
  min-height: 18px;
  position: relative
}

.modal-box-footer {
  display: flex;
  flex-direction: row;
  padding-top: 15px
}

.modal-box-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-box-body-scrolling {
  border: 1px solid #e2e3e5;
  border-width: 1px 0;
  margin: 0 -15px;
  max-height: 40vh;
  overflow: auto;
  padding: 0 15px
}

@media only screen and (min-width: 750pt) {
  .modal-box-body-scrolling {
      max-height:60vh
  }
}

.modal-box-dialog.desktop .modal-box-body-scrolling {
  margin: 0 -30px;
  padding: 0 30px
}

@media screen and (max-height: 767px) {
  .ModalWrapper>div {
      margin-top:5%!important
  }

  .paymentDialog .ModalWrapper {
      left: 50%;
      position: absolute!important;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 100%
  }

  .paymentDialog .ModalWrapper>div {
      margin-top: 0!important
  }
}

@media screen and (max-height: 620px) {
  .paymentDialog .ModalWrapper .paymentFrameWrapper {
      height:calc(100vh - 130px)!important
  }

  .paymentDialog .ModalWrapper .paymentFrame {
      height: 610px!important
  }
}

.Desktop-Footer {
  width: 100%
}

.Desktop-Footer .content {
  padding-bottom: 28px;
  padding-top: 50px;
  position: relative;
  z-index: 0
}

.Desktop-Footer .content .link,.Desktop-Footer .content .link-disabled {
  margin: 0
}

.Desktop-Footer .cols {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 750pt
}

.Desktop-Footer .cols p:first-child {
  margin-right: 35px
}

.Desktop-Footer .logo {
  border-bottom: 1px solid #e2e3e5;
  margin: 0 auto 26px;
  max-width: 750pt;
  padding-bottom: 2pc;
  text-align: center
}

.Desktop-Footer .logo img {
  height: 38px
}

.Desktop-Footer .copyright-wrapper {
  background-color: #f0f1f2
}

.Desktop-Footer .copyright-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px
}

.Desktop-Footer .copyright-col {
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 15px
}

.Desktop-Footer .copyright {
  border-top: 1px solid #e2e3e5;
  color: #8b9097;
  font-size: 9pt;
  line-height: 17px;
  margin: 0 auto;
  max-width: 750pt;
  padding-bottom: 30px;
  padding-top: 19px
}

.Desktop-Footer .copyright div p {
  margin-bottom: 20px
}

.Desktop-Footer .copyright div p:first-child {
  margin-top: 0
}

.Desktop-Footer .copyright div p:last-child {
  margin-bottom: 0
}

.Desktop-Footer .siteMapLink {
  font-size: 15px;
  line-height: 23px
}

.siteMapHeader_mb-sm {
  margin-bottom: 7px
}

.menuHeaderDepositLink.link-disabled {
  border: 2px solid #c5c7cb;
  color: #c5c7cb
}

.main-menu-ja-desktop {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  width: 100%
}

.main-menu-ja-desktop a {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px 11px 7px 20px
}

.main-menu-ja-desktop a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  height: 62px;
  margin-bottom: 3px;
  margin-right: 9px;
  width: 57px
}

.main-menu-ja-desktop a .bullet {
  background-image: url(/ja/blog/wp-content/uploads/2023/04/arrow-right-v02.svg);
  background-position-y: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px
}

.main-menu-ja-desktop a .text {
  color: #000;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1px;
  line-height: 15px;
  padding-right: 9px;
  text-align: center
}

.main-menu-ja-desktop a.selected,.main-menu-ja-desktop a:hover {
  background-color: #f2f1f1
}

@media screen and (max-width: 750pt) {
  .ModalWrapper>div {
      margin-bottom:10%!important
  }
}

.ModalWrapper {
  display: table
}

@media screen and (max-width: 999px) {
  .ModalWrapper {
      width:90%
  }
}

.Modal {
  position: relative
}

@media screen and (max-width: 999px) {
  .Modal {
      background-color:transparent!important
  }
}

.modal-ftue-2a,.modal-ftue-2b,.modal-ftue-2c {
  border-radius: 15px
}

.modal-ftue-2a form .panel,.modal-ftue-2b form .panel,.modal-ftue-2c form .panel {
  box-shadow: none;
  padding: 10px
}

@media screen and (max-width: 999px) {
  .modal-ftue-2a form,.modal-ftue-2b form,.modal-ftue-2c form {
      width:20pc
  }
}

.modal-no-close-btn .modal-close-btn {
  display: none
}

@media screen and (max-width: 999px) {
  .modal-no-close-btn.modal-no-margin-top .ModalWrapper>div {
      margin-top:0!important
  }

  .modal-no-close-btn.modal-no-margin-top .ModalWrapper>div .modal-ftue-2a,.modal-no-close-btn.modal-no-margin-top .ModalWrapper>div .modal-ftue-2b {
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }
}

.check-eml-msg-mobile {
  font-size: 9vw;
  font-weight: 800;
  line-height: 11vw;
  margin-top: 20px
}

@media screen and (min-width: 600px) {
  .check-eml-msg-mobile {
      font-size:30px;
      line-height: 35px
  }
}

.actv-link-msg-mobile {
  font-size: 4vw;
  line-height: 5vw;
  margin-top: 6vw
}

@media screen and (min-width: 600px) {
  .actv-link-msg-mobile {
      font-size:15px;
      line-height: 20px;
      margin-top: 26px
  }
}

.spam-disclaimer-mobile {
  font-size: 2vw;
  font-style: italic;
  position: relative;
  top: 26px
}

@media screen and (min-width: 600px) {
  .spam-disclaimer-mobile {
      font-size:8px
  }
}

.referralPage .referral-link-header {
  height: 360px;
  position: relative;
  z-index: 1
}

.referralPage .referral-link-header .header-content {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: center;
  margin: auto;
  text-align: center
}

.referralPage .referral-link-header h1 {
  display: block;
  font-size: 40px;
  font-weight: 800;
  margin: 0 0 30px
}

.referralPage .referralPageHeader {
  background-image: url(/images/syndicate-banner-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.referralPage .referralPageHeader .center {
  margin-left: auto;
  margin-right: auto;
  max-width: 1035px;
  padding: 75pt 30px;
  text-align: center
}

.referralPage .referralPageHeader .center .bannerHeading {
  font-size: 60px
}

.referralPage .referralPageWrapper {
  margin: 0 auto;
  max-width: 660px
}

.referralPage .referralPageWrapper>p:first-child {
  color: #2a2e33;
  font-size: 15px;
  line-height: 1.5;
  margin: 30px auto 0;
  max-width: 600px;
  padding: 0 30px
}

@media screen and (min-width: 750pt) {
  .referralPage .referralPageWrapper>p:first-child {
      font-size:20px
  }
}

.referralPage .referralPageWrapper>p {
  color: #8b9097;
  font-size: 15px;
  margin: 20px 30px 0;
  text-align: center
}

.referralPage .referralPageWrapper .referralHidden {
  display: none
}

.referralPage .referralPageWrapper .panel h3 {
  font-size: 30px;
  margin: 0 0 30px
}

.referralPage .referralPageWrapper .view {
  margin-bottom: 30px
}

@media screen and (max-width: 999px) {
  .referralPage .referral-link-bg-guest-eur,.referralPage .referral-link-bg-guest-usd {
      background-size:90px
  }

  .referralPage .referral-link-header {
      -webkit-clip-path: ellipse(120% 80% at 50% 20%);
      clip-path: ellipse(120% 80% at 50% 20%);
      height: 220px
  }

  .referralPage .referral-link-header .header-content-user {
      background: radial-gradient(circle,hsla(0,0%,100%,.15),hsla(0,0%,100%,.15) 1in,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 129px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 169px,transparent 0,transparent)
  }

  .referralPage .referral-link-header h1 {
      font-size: 30px;
      margin-bottom: 20px
  }

  .referralPage .referralPageHeader .center {
      padding: 105px 15px 40px
  }

  .referralPage .referralPageHeader .center .bannerHeading {
      font-size: 30px
  }

  .referralPage .referralPageWrapper .panel {
      padding-bottom: 20px!important
  }

  .referralPage .referralPageWrapper .panel h3 {
      font-size: 20px;
      margin: 0 0 20px
  }

  .referralPage .referralPageWrapper .view {
      margin-bottom: 20px;
      padding: 20px 15px 0
  }
}

.referralPage .byCreatingAccount {
  font-size: 9pt;
  margin: 0 auto;
  max-width: 730px
}

.popup.account-create .referralOnly {
  display: none
}

.popup.account-create .view {
  margin-bottom: 30px;
  padding-bottom: 30px
}

@media screen and (max-width: 999px) {
  .popup.account-create .view {
      margin-bottom:0
  }
}

.account-create .expandable-default {
  border-top: 1px solid #c5c7cb;
  margin-bottom: 30px;
  margin-top: 30px
}

@media screen and (max-width: 999px) {
  .account-create .expandable-default {
      margin-bottom:20px;
      margin-top: 20px
  }
}

.panel-notInCountry {
  height: 260px;
  overflow: hidden;
  position: relative
}

@media screen and (min-width: 750pt) {
  .panel-notInCountry {
      height:580px
  }
}

.notInCountryOverlay {
  align-items: center;
  background-color: rgba(37,118,205,.7);
  border-radius: 15px;
  bottom: 0;
  box-shadow: 1px 1px 15px 2px rgba(85,85,85,.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  padding: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1
}

.notInCountryOverlay img {
  display: inline-block;
  height: 18px;
  margin-bottom: 13px;
  width: 14px
}

@media screen and (min-width: 750pt) {
  .notInCountryOverlay img {
      height:35px;
      margin-bottom: 20px;
      width: 27px
  }
}

.notInCountryContent {
  max-width: 300px
}

@media screen and (min-width: 750pt) {
  .notInCountryContent {
      max-width:460px
  }
}

.formBlur {
  filter: blur(4px);
  transition: opacity .25s
}

.notInCountryOverlayTitle {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 0 10px
}

@media screen and (min-width: 750pt) {
  .notInCountryOverlayTitle {
      font-size:40px
  }
}

.notInCountryOverlayText {
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  margin: 0
}

@media screen and (min-width: 750pt) {
  .notInCountryOverlayText {
      font-size:20px
  }
}

.page404 {
  margin: 0 0 20px;
  padding: 65px 0 20px;
  position: relative;
  text-align: center
}

@media screen and (min-width: 750pt) {
  .page404 {
      margin:0;
      padding-top: 60px
  }
}

.page404 .bg {
  background-image: url(/images/ico/xo-lotto-logo-v05.svg);
  background-position: center 0;
  background-repeat: no-repeat;
  margin-top: 20px;
  min-height: 348px;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 750pt) {
  .page404 .bg {
      margin-top:0
  }
}

.page404 .content {
  margin: 0 auto;
  max-width: 440px;
  min-height: 341px;
  padding: 0 15px;
  position: relative
}

@media screen and (min-width: 750pt) {
  .page404 .content {
      padding-top:45px
  }
}

.page404 .page404-oops-text {
  color: #d70f83;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 20px
}

.page404 .page404-title {
  color: #2a2e33;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 10px
}

.page404 .img404 {
  margin: 0 0 20px;
  max-height: 58px;
  width: auto
}

.page404 .text {
  color: #2a2e33;
  font-size: 15px;
  line-height: 23px;
  margin: 0 0 20px;
  text-align: center
}

.page404 .text p {
  margin: 0
}

.page404 .button {
  display: inline-flex
}

.buttonTextExtra {
  justify-content: flex-start!important;
  width: 100%!important
}

.button {
  -moz-user-select: none;
  -ms-touch-action: manipulation;
  -ms-user-select: none;
  -webkit-box-pack: center;
  -webkit-user-select: none;
  align-items: center;
  background-image: none;
  border-radius: 25px;
  border-width: 0;
  box-sizing: border-box;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Montserrat,sans-serif;
  font-size: 15px;
  font-weight: 800;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  touch-action: manipulation;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%
}

.button_default,.button_small {
  background-color: #1a5ca2
}

.button_default:active,.button_default:focus,.button_default:hover,.button_small:active,.button_small:focus,.button_small:hover {
  background-color: #0c3f75
}

.button_action {
  background-color: #d70f83;
  font-size: 9pt
}

.button_action:active,.button_action:focus,.button_action:hover {
  background-color: #ac0064
}

.button_outline {
  background-color: transparent;
  border: 2px solid #1a5ca2;
  color: #1a5ca2
}

.button_outline:active,.button_outline:focus,.button_outline:hover {
  border: 2px solid #0c3f75;
  color: #0c3f75
}

.button_outline-white {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff
}

.button_outline-white:active,.button_outline-white:focus,.button_outline-white:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #1a5ca2
}

.button_img-label {
  background-color: #fff;
  border: 2px solid #c5c7cb;
  border-radius: 15px;
  color: #c5c7cb;
  height: 75px;
  min-width: 75pt;
  width: 100%
}

.button_img-label.active,.button_img-label:hover {
  border-color: #1a5ca2;
  color: #1a5ca2
}

.button_img-label:focus {
  outline: 0
}

.button_img-label img {
  max-width: 90px
}

.large {
  border-radius: 60px;
  font-size: 20px
}

.small {
  border-radius: 40px;
  font-size: 9pt
}

.normal {
  font-size: 15px
}

.button-group {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.buttonText {
  -webkit-box-pack: center;
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle
}

.buttonDisabled {
  background-color: #c5c7cb;
  border: 0;
  color: #fff;
  cursor: default;
  pointer-events: none
}

.buttonDisabled:focus,.buttonDisabled:hover {
  background-color: #c5c7cb;
  border: 0;
  color: #fff;
  cursor: default;
  outline: 0
}

.disabledText {
  color: #fff
}

.lock-icon {
  margin-top: 1px;
  position: absolute;
  right: 10px
}

.ChangeCard-view .selectContainer .label {
  white-space: nowrap
}

.ChangeCard-heading {
  color: #2a2e33;
  font-size: 20px;
  font-weight: 800;
  padding: 0 0 20px
}

.ChangeCard-info {
  background-image: url(/images/ico/info-sign-v02.svg);
  background-size: 100% 100%;
  display: inline-block;
  height: 14px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 14px
}

.ChangeCard-note {
  color: #8b9097;
  font-size: 9pt;
  letter-spacing: .9pt;
  padding: 20px 0 0;
  text-align: center
}

@media(max-width: 999px) {
  .ChangeCard-note {
      padding:10px 0 0
  }
}

.ChangeCard-noteText {
  display: inline-block
}

.ChangeCard-lockIcon {
  background: url(/images/ico/lock-v01.svg) no-repeat;
  background-size: 21px;
  display: inline-block;
  height: 21px;
  padding: 0 3px;
  position: relative;
  top: 3px;
  width: 21px
}

.ChangeCard-cancelButton {
  position: absolute;
  right: 30px;
  top: 34px
}

.ChangeCard-cancelButton>span {
  color: #33c5f3;
  font-size: 14px
}

@media(min-width: 750pt) {
  .ChangeCard-panels {
      align-items:start;
      display: flex
  }
}

.panelPaymentMethods {
  margin-bottom: 20px
}

@media(min-width: 750pt) {
  .panelPaymentMethods {
      flex-basis:485px;
      margin-bottom: 0;
      margin-right: 30px;
      max-width: 485px
  }
}

.panelCreditCard {
  margin-bottom: 20px
}

@media(min-width: 750pt) {
  .panelCreditCard {
      flex-basis:490px;
      margin-bottom: 0;
      max-width: 490px
  }
}

.creditCardsList {
  border-bottom: 1px solid #c5c7cb
}

.creditCardView {
  padding: 8px 0;
  position: relative
}

.creditCardView+.creditCardView {
  border-top: 1px solid #c5c7cb
}

.customer-support-desktop .intro-line {
  font-size: 20px;
  margin-bottom: 30px
}

.customer-support-desktop .parts {
  display: flex
}

.customer-support-desktop .part-1 {
  width: 420px
}

.customer-support-desktop .part-2 {
  padding-left: 130px
}

.customer-support-desktop h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0
}

.customer-support-desktop .primary-line {
  font-size: 20px;
  margin-bottom: 30px
}

.customer-support-desktop .primary-email {
  color: #1a5ca2;
  text-decoration: none
}

.customer-support-desktop .inquiry-header {
  color: #2a2e33;
  font-size: 15px;
  margin-bottom: 10px
}

.customer-support-desktop .inquiry-line {
  font-size: 15px;
  margin-bottom: 20px
}

.customer-support-desktop .inquiry-email {
  color: #1a5ca2;
  text-decoration: none
}

.customer-support-desktop .inquiry-email:hover {
  color: #0c3f75
}

.customer-support-desktop .signature-line {
  font-size: 15px;
  margin-bottom: 30px
}

.customer-support-desktop textarea:-moz-placeholder,.customer-support-desktop textarea:-ms-input-placeholder,.customer-support-desktop textarea::-moz-input-placeholder,.customer-support-desktop textarea::-webkit-input-placeholder {
  color: #8b9097!important
}

@media only screen and (max-width: 999px) {
  .MobileLayout .customer-support-mobile .view {
      padding-top:20px
  }
}

.customer-support-mobile .intro-line {
  font-size: 20px;
  margin-bottom: 20px
}

.customer-support-mobile .parts {
  display: block
}

.customer-support-mobile .part-1 {
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%
}

.customer-support-mobile h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0
}

.customer-support-mobile .primary-line {
  font-size: 20px;
  margin-bottom: 20px
}

.customer-support-mobile .primary-email {
  color: #1a5ca2;
  text-decoration: none
}

.customer-support-mobile .inquiry-header {
  color: #2a2e33;
  font-size: 15px;
  margin-bottom: 10px
}

.customer-support-mobile .inquiry-line {
  font-size: 15px;
  margin-bottom: 20px
}

.customer-support-mobile .inquiry-email {
  color: #1a5ca2;
  text-decoration: none
}

.customer-support-mobile .signature-line {
  font-size: 15px;
  margin-bottom: 20px
}

.customer-support-mobile textarea:-moz-placeholder,.customer-support-mobile textarea:-ms-input-placeholder,.customer-support-mobile textarea::-moz-input-placeholder,.customer-support-mobile textarea::-webkit-input-placeholder {
  color: #8b9097!important
}

@media only screen and (min-width: 375px) {
  .how-it-works .container {
      padding-left:15px;
      padding-right: 15px
  }
}

.source-lotteries {
  overflow: auto
}

.source-lotteries table {
  border-collapse: collapse;
  font-size: 15px
}

.source-lotteries table td,.source-lotteries table th {
  border: 1px solid #c5c7cb;
  padding: .25em;
  text-align: center
}

.ftue-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 22px
}

.ftue-box {
  background-color: #d70f83;
  border-radius: 15px;
  box-shadow: 0 4px 9pt rgba(0,0,0,.25);
  color: #fff;
  font-size: 15px;
  padding: 18px 10px;
  text-align: left;
  transition: opacity .3s;
  z-index: 2
}

.ftue-box span {
  display: block
}

.ftue-box p {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  padding: 0
}

.ftue-box .ftue-title {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.25px;
  line-height: 38px
}

.ftue-box .button:focus,.info-box .button:focus,.modal-ftue-2a .button:focus,.modal-ftue-2b .button:focus,.modal-ftue-2c .button:focus {
  box-shadow: 0 0 6px 0 #fff;
  outline: 0
}

.ftue-box_disabled {
  opacity: .15;
  pointer-events: none
}

.ftue-stepper {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 30px
}

.ftue-0 .ftue-box {
  margin-bottom: 22px;
  max-width: 810px
}

.ftue-0 .ftue-notice {
  flex-basis: 746px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 18px 2pc
}

.ftue-0 .grid-holder_disabled {
  opacity: .26
}

.ftue-0 .grid-blocker {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ftue-0 .lotto-desktop-footer {
  margin-top: 30px;
  width: 100%
}

.ftue-0 .gridCellSpecialInactive.selected {
  opacity: 1
}

.ftue-1 {
  border-bottom: 1px solid #c5c7cb
}

.ftue-1 .step-1,.ftue-1 .step-3 {
  display: flex;
  justify-content: center;
  min-height: 506px;
  padding: 52px 0
}

.ftue-1 .step-4 {
  flex-grow: 1;
  margin: 0 auto 4pc;
  max-width: 810px
}

.ftue-1 .info-column {
  display: flex;
  flex-direction: column;
  width: 322px
}

.ftue-1 .info-column.justify-end {
  justify-content: flex-end
}

.ftue-1 .info-column,.ftue-1 .picker-column {
  flex-grow: 0;
  margin: 0 30px
}

.ftue-1 .signup-form {
  margin-bottom: 20px
}

.ftue-1 .panel {
  background: #f0f1f2;
  box-shadow: none
}

.ftue-1 .card-header {
  display: none!important
}

.info-box {
  background: #fff;
  border: 1.8px solid #d70f83;
  border-radius: 15px;
  color: #d70f83;
  margin-bottom: 17px;
  padding: 1pc;
  text-align: center
}

.info-box:last-child {
  margin-bottom: 0
}

.info-box.pointer {
  cursor: pointer
}

.info-box.pink {
  background: #d70f83;
  color: #fff
}

.info-box.shadow {
  box-shadow: 0 2px 11px 0 rgba(0,0,0,.25)
}

.info-box.light-shadow {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.25)
}

.info-box .animated-icon {
  margin: 1pc 0
}

.info-box .rotate-90 {
  display: inline-block;
  transform: rotate(90deg)
}

.info-box p {
  font-size: 19px;
  margin: 0
}

@media only screen and (max-width: 375px) {
  .info-box p {
      font-size:15px
  }
}

.info-box h4 {
  font-size: 27px;
  margin: 0;
  text-transform: uppercase
}

@media only screen and (max-width: 385px) {
  .info-box h4 {
      font-size:20px
  }
}

.info-box .info-text {
  font-size: 13.5px;
  margin: 0
}

.animation-pulse {
  animation: pulse .6s ease-in-out infinite alternate
}

@keyframes pulse {
  0% {
      transform: scale(.8)
  }

  to {
      transform: scale(1.2)
  }
}

.animation-forward {
  animation: forward .6s ease-in-out infinite alternate
}

@keyframes forward {
  0% {
      transform: translate(-6px,0)
  }

  to {
      transform: translate(6px,0)
  }
}

.picked-numbers-display {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px;
  width: 434px
}

.picked-numbers-display h3 {
  color: #1a5ca2;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase
}

.picked-numbers-display .picked-numbers-holder {
  align-items: center;
  border: 1.8px solid #d70f83;
  border-radius: 13.5px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  display: flex
}

.picked-numbers-display .number-circle {
  align-items: center;
  background: #0c3f75;
  border-radius: 25px;
  color: #fff;
  display: flex;
  height: 25px;
  justify-content: center;
  margin: 0 8px;
  width: 25px
}

.picked-numbers-display .number-circle.extra-number {
  background: #d70f83
}

.ftue-step-indicator {
  border-bottom: 3px solid #c0c4c8;
  flex-grow: 1;
  font-size: 15px;
  line-height: 23px;
  padding: 9px 0;
  text-align: center;
  text-transform: uppercase;
  transition: border-color .3s,color .3s
}

.ftue-step-indicator.ftue-step-indicator_active {
  border-bottom-color: #d70f83;
  color: #d70f83
}

.ftue-step-indicator.ftue-step-indicator_completed {
  color: #d70f83
}

.ftue-holder {
  position: relative
}

.ftue-auto-pick {
  box-shadow: none;
  flex-basis: 162px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 28px;
  padding: 18px 10px;
  text-align: center;
  transform: translatex(105%);
  z-index: 1
}

.ftue-auto-pick.show {
  animation: bounceInRight 1s both;
  box-shadow: 0 4px 9pt rgba(0,0,0,.25)
}

.grid-holder,.signup-form {
  transition: opacity .3s
}

.picker-holder {
  position: relative
}

.check-mail-holder {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.ftue-container,.pickerContainer {
  opacity: 1;
  transition: opacity .3s ease
}

.check-email-notice {
  animation: bounceInTop 1s both;
  background-color: #d70f83;
  border-radius: 15px;
  box-shadow: 0 4px 9pt rgba(0,0,0,.25);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 30px;
  height: 60vh;
  justify-content: center;
  line-height: 40px;
  margin: 0;
  padding: 40px 10pc;
  position: relative;
  text-align: center
}

.check-email-notice span {
  display: block
}

.check-email-notice .check-email-notice-title {
  display: inline-block;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -.25px;
  line-height: 70px
}

.check-email-notice .check-email-disclaimer {
  bottom: 30px;
  font-size: 14px;
  font-style: italic;
  left: 0;
  line-height: normal;
  padding: 0 10px;
  position: absolute;
  right: 0
}

@keyframes bounceInRight {
  50% {
      opacity: 1;
      transform: translatex(-15%)
  }

  0% {
      opacity: 0;
      transform: translatex(105%)
  }

  0%,50%,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  to {
      transform: translatex(0)
  }
}

@keyframes bounceInTop {
  70% {
      opacity: 1;
      transform: translatey(10%)
  }

  0% {
      opacity: 0;
      transform: translatey(-150%)
  }

  0%,70%,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  to {
      transform: translatey(0)
  }
}

.ftue-mobile {
  padding: 15px 15px 0;
  position: relative
}

.ftue-mobile.ftue-0,.ftue-mobile.ftue-1 {
  border: 0
}

.ftue-mobile .info-box.info-box-mobile {
  margin-bottom: 15px;
  position: relative;
  text-align: center
}

.ftue-mobile .ftue-header {
  font-size: 27px;
  font-weight: 800;
  line-height: 40px
}

@media only screen and (max-width: 375px) {
  .ftue-mobile .ftue-header {
      font-size:23px
  }
}

.ftue-mobile .ftue-body {
  font-size: 1pc;
  line-height: 26px;
  margin-bottom: 1pc;
  padding: 0 20px
}

@media only screen and (max-width: 374px) {
  .ftue-mobile .ftue-body {
      padding:0
  }
}

.ftue-mobile .ftue-btns {
  display: flex;
  justify-content: center
}

.ftue-mobile .ftue-close {
  position: absolute;
  right: 10px;
  top: 10px
}

.ftue-mobile .ftue-disabled-stage {
  opacity: .26;
  pointer-events: none
}

.ftue-mobile .mobile-picker {
  padding: 15px 10px
}

@media only screen and (min-width: 375px) {
  .ftue-mobile .mobile-picker {
      padding:30px
  }
}

.ftue-mobile .picked-numbers-display {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0 9pt;
  width: auto
}

.ftue-mobile .picked-numbers-display h3 {
  margin: 0 0 10px
}

.ftue-mobile .picked-numbers-display .picked-numbers-holder {
  background: #e2e3e5;
  border: 0;
  border-radius: 23px;
  box-shadow: none;
  height: 46px;
  justify-content: center;
  width: 100%
}

.ftue-mobile .picked-numbers-display .number-circle {
  background: #fff;
  border: 1px solid #c5c7cb;
  color: #2a2e33;
  height: 34px;
  margin: 0 2px;
  width: 34px
}

.ftue-mobile .picked-numbers-display .number-circle.extra-number {
  background: #d70f83;
  color: #fff
}

.ftue-mobile .signup-form {
  color: #2a2e33
}

.ftue-mobile .signup-form .panel {
  background: 0;
  padding: 20px 0
}

.ftue-mobile .signup-form .referralOnly {
  display: none
}

.ftue-mobile.ftue-0 .ftue-stage-1 .ftue-header {
  margin-top: 18px
}

.ftue-mobile.ftue-0 .ftue-stage-4 {
  border-bottom: 1px solid #e2e3e5;
  padding-bottom: 40px
}

.ftue-mobile.ftue-0 .ftue-fixed-lottery-picker {
  -webkit-overflow-scrolling: touch;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  left: 0;
  max-height: calc(100vh - 60px);
  overflow: scroll;
  padding: 0 15px;
  position: fixed;
  right: 0;
  top: 60px;
  width: auto;
  z-index: 100
}

.ftue-mobile.ftue-0 .ftue-fixed-lottery-picker>div {
  padding: 15px 0
}

.ftue-mobile.ftue-0 .pick-options button {
  height: 40px;
  margin-bottom: 10px
}

.ftue-mobile.ftue-0 .pick-options button:last-child {
  margin-bottom: 0
}

.ftue-mobile.ftue-0 .mobile-picker {
  margin-bottom: 60px;
  text-transform: uppercase
}

.ftue-mobile.ftue-0 .ball>div {
  text-align: left
}

.ftue-mobile.ftue-0 .signup-form {
  margin-top: 30px
}

.ftue-mobile.ftue-0 .signup-form .panel {
  padding: 0 0 20px
}

.ftue-mobile.ftue-1 .ftue-stage-1 .ftue-header,.ftue-mobile.ftue-1 .ftue-stage-4 .ftue-header {
  font-size: 27px;
  margin-top: 18px;
  text-transform: initial
}

.ftue-mobile.ftue-1 .ftue-stage-1 .ftue-body p,.ftue-mobile.ftue-1 .ftue-stage-4 .ftue-body p {
  font-size: 1pc;
  padding: 0 20px
}

@media only screen and (max-width: 385px) {
  .ftue-mobile.ftue-1 .ftue-stage-1 .ftue-body p,.ftue-mobile.ftue-1 .ftue-stage-4 .ftue-body p {
      padding:0
  }
}

.ftue-mobile.ftue-1 .ftue-stage-1 .gridCellSpecialInactive,.ftue-mobile.ftue-1 .ftue-stage-4 .gridCellSpecialInactive {
  opacity: .2
}

.ftue-mobile.ftue-1 .ftue-stage-1 .game-info-container,.ftue-mobile.ftue-1 .ftue-stage-4 .game-info-container {
  padding: 15px 0 0
}

.ftue-mobile.ftue-1 .mobile-picker {
  background: #fff;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25)
}

.ftue-mobile.ftue-1 .picked-numbers-display {
  margin-bottom: 30px
}

.ftue-mobile.ftue-1 .check-email-notice.check-email-notice-mobile {
  margin: 0 0 15px
}

.check-email-notice.check-email-notice-mobile {
  font-size: 14px;
  height: 200px;
  line-height: 20px;
  margin: 15px;
  padding: 40px 5px
}

@media only screen and (max-width: 375px) {
  .check-email-notice.check-email-notice-mobile {
      font-size:10px;
      line-height: 15px
  }
}

.check-email-notice.check-email-notice-mobile .check-email-notice-title {
  font-size: 30px;
  line-height: 35px
}

@media only screen and (max-width: 375px) {
  .check-email-notice.check-email-notice-mobile .check-email-notice-title {
      font-size:25px
  }
}

.check-email-notice.check-email-notice-mobile .check-email-disclaimer {
  bottom: 10px;
  font-size: 8px
}

.button-add-quick-pick {
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: block;
  justify-content: center;
  margin: 10px auto;
  min-height: 20px;
  padding: 9pt;
  text-transform: uppercase;
  vertical-align: middle
}

.button-group span {
  font-weight: 500;
  text-transform: uppercase
}

.mobile-card-customer-service .panel-1 {
  box-shadow: none
}

.prize-tier:nth-child(even) {
  background-color: #fdf3f9
}

.spinner.for-ball {
  height: 40px;
  width: 40px
}

.card-results-left {
  width: 50%
}

.banner-amount {
  font-weight: 700;
  line-height: 34px
}

@media only screen and (min-width: 385px) {
  .banner-amount {
      font-size:28px
  }
}

@media only screen and (min-width: 750pt) {
  .banner-amount {
      padding-bottom:10px
  }
}

@media only screen and (min-width: 375px) {
  .prize-drawing-time {
      display:inline
  }

  .prize-drawing-time__icon {
      margin-left: 10px
  }
}

.mobile-picker-nav-bar {
  display: flex;
  height: 53px;
  line-height: 53px;
  margin-bottom: 20px;
  user-select: none
}

@media only screen and (max-width: 374px) {
  .mobile-picker-nav-bar {
      justify-content:center
  }
}

.mobile-picker-nav-bar .nav-item {
  cursor: pointer;
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center
}

.mobile-picker-nav-bar .nav-item.selected {
  border-bottom: 3px solid #d70f83;
  color: #d70f83;
  cursor: default
}

.game-info-container {
  padding: 15px 15px 0
}

.picker-section-header {
  font-size: 15px
}

@media only screen and (max-width: 375px) {
  .picker-section-header {
      font-size:9pt
  }
}

.scratcher-paytable {
  border-collapse: collapse;
  width: 100%
}

.scratcher-paytable th {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px
}

@media screen and (max-width: 999px) {
  .scratcher-paytable th {
      font-size:9pt;
      line-height: 17px
  }
}

.scratcher-paytable th:nth-child(1) {
  padding-left: 20px
}

@media screen and (max-width: 999px) {
  .scratcher-paytable th:nth-child(1) {
      padding-left:0
  }

  .scratcher-paytable th:nth-child(2) {
      padding-left: 25px
  }
}

.scratcher-paytable th:nth-child(3) {
  padding-right: 20px;
  text-align: right
}

@media screen and (max-width: 999px) {
  .scratcher-paytable th:nth-child(3) {
      padding-right:0
  }
}

.scratcher-paytable tbody {
  font-size: 13px
}

.scratcher-paytable tbody tr {
  height: 43px
}

.scratcher-paytable tbody tr td:nth-child(1) {
  padding-left: 20px
}

@media screen and (max-width: 999px) {
  .scratcher-paytable tbody tr td:nth-child(1) {
      padding-left:10px
  }

  .scratcher-paytable tbody tr td:nth-child(2) {
      padding-left: 25px
  }
}

.scratcher-paytable tbody tr td:nth-child(3) {
  padding-right: 20px;
  text-align: right
}

@media screen and (max-width: 999px) {
  .scratcher-paytable tbody tr td:nth-child(3) {
      padding-right:10px
  }
}

.scratcher-paytable tbody tr:nth-child(odd) {
  background-color: #fdf3f9
}

.real-demo-toggle {
  background-color: #1a5ca2;
  border-radius: 1pc;
  box-sizing: border-box;
  color: #73b1f3;
  height: 2pc;
  position: relative;
  user-select: none;
  width: 195px
}

.real-demo-toggle .floating {
  background-color: #73b1f3;
  border-radius: 14px;
  height: 28px;
  position: absolute;
  top: 2px
}

.real-demo-toggle .demo,.real-demo-toggle .real {
  font-size: 9pt;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 2pc;
  position: absolute
}

.real-demo-toggle .real {
  cursor: default;
  left: 25px
}

.real-demo-toggle .real:before {
  background-color: #73b1f3;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: -9pt;
  position: absolute;
  top: 13px;
  width: 5px
}

.real-demo-toggle .demo {
  cursor: default;
  right: 13px
}

.real-demo-toggle.real .floating {
  left: 2px;
  width: 130px
}

.real-demo-toggle.real .real {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.real-demo-toggle.real .real:before {
  background-color: #fff
}

.real-demo-toggle.real .demo {
  cursor: pointer
}

.real-demo-toggle.real .demo:hover {
  color: #fff
}

.real-demo-toggle.demo .floating {
  right: 2px;
  width: 65px
}

.real-demo-toggle.demo .real {
  cursor: pointer
}

.real-demo-toggle.demo .real:hover {
  color: #fff
}

.real-demo-toggle.demo .real:hover:before {
  background-color: #fff
}

.real-demo-toggle.demo .demo {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.result-promo-item-desktop {
  border-right: 1px solid #c5c7cb;
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0
}

.result-promo-item-desktop:last-child {
  border-right: 0;
  padding-right: 5px
}

.result-promo-item-desktop:first-child {
  padding-left: 0
}

.select-no-label .label {
  display: none
}

.result-item {
  border-bottom: 1px solid #c5c7cb;
  padding-top: 20px
}

.result-item:first-child {
  padding-top: 0
}

.result-item:last-child {
  border-bottom: 0
}

.MobileLayout .view-header-style-1 {
  margin-bottom: 20px
}

.MobileLayout .lotto-results .panel {
  padding-bottom: 0
}

.MobileFooter a {
  text-decoration: none
}

.MobileFooter .list,.MobileFooter .list li {
  list-style: none;
  margin: 0;
  padding: 0
}

.MobileFooter .list {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-out
}

.MobileFooter .link {
  cursor: pointer;
  display: block;
  margin: 0
}

.MobileFooter .link_inline {
  display: inline
}

.MobileFooter .link-disabled {
  margin: 0
}

.MobileFooter-content {
  padding: 40px 15px;
  position: relative;
  z-index: 0
}

@media only screen and (min-width: 25pc) {
  .MobileFooter-content {
      padding:40px 20px
  }
}

.MobileFooter-content-bottom {
  padding: 20px 15px
}

.MobileFooter-content-bottom .MobileFooter-expandable {
  box-shadow: none
}

.MobileFooter-logo {
  margin: 0 0 20px;
  padding-bottom: 30px;
  text-align: center
}

.MobileFooter-heading {
  align-items: center;
  color: #8b9097;
  display: flex;
  font-size: 9pt;
  font-weight: 400;
  height: 40px;
  margin: 0;
  position: relative
}

.MobileFooter-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #333;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0,-50%);
  transition: transform .2s;
  width: 0
}

.MobileFooter-arrow.expanded,.MobileFooter-arrow:hover {
  transform: translate(0,-50%) rotate(180deg)
}

.MobileFooter-expandable {
  box-shadow: inset 0 -1px 0 0 #e2e3e5
}

.MobileFooter-copy {
  border-top: 1px solid #e2e3e5;
  color: #8b9097;
  display: block;
  font-size: 9pt;
  line-height: 1.4;
  padding: 15px 0;
  text-align: left
}

.MobileFooter-copy p {
  margin-bottom: 20px
}

.MobileFooter-payments {
  margin-bottom: 6px
}

.MobileFooter-payment-logo {
  height: 24px;
  margin: 0 5px
}

@media only screen and (min-width: 25pc) {
  .MobileFooter-payment-logo {
      margin:0 8px
  }
}

.MobileFooter-payment-logo:first-child {
  margin-left: 0
}

.MobileFooter-payment-logo:last-child {
  margin-right: 0
}

.MobileFooter .siteMapLink {
  font-size: 15px
}

li.MobileFooter-list-item {
  display: block;
  padding: 10px 0
}

.FooterSocials-logosList {
  display: flex
}

.FooterSocials-logosList.FooterSocials-alignLeft {
  justify-content: flex-start
}

.FooterSocials-logosList,.FooterSocials-logosList li {
  list-style: none;
  margin: 0;
  padding: 0
}

.FooterSocials-logosList li {
  height: 20px;
  margin: 0 0 0 20px;
  position: relative;
  width: 20px
}

.FooterSocials-logosList li:first-child {
  margin-left: 0
}

.FooterSocials-logosList li.FooterSocials-alignLeft {
  margin: 0 0 0 20px
}

.FooterSocials-logosList li.FooterSocials-alignLeft:first-child {
  margin: 0
}

.FooterSocials-logosList li a {
  bottom: 0;
  display: block;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.payment-providers {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

li.FooterIcons-icon,ul.FooterIcons {
  list-style: none;
  padding: 0
}

@media only screen and (max-width: 600px) {
  li.FooterIcons-icon.lotteries {
      max-width:57px
  }

  li.FooterIcons-icon.keno {
      width: 40px
  }

  li.FooterIcons-icon.scratchers {
      width: 89px
  }

  li.FooterIcons-icon.results {
      width: 47px
  }

  li.FooterIcons-icon.promotions {
      width: 57px
  }

  ul.FooterIcons {
      justify-content: space-between!important;
      padding-left: 20px;
      padding-right: 20px
  }
}

@media only screen and (max-width: 321px) {
  li.FooterIcons-icon.scratchers {
      width:65px
  }
}

ul.FooterIcons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px auto;
  min-width: 200px
}

@media only screen and (min-width: 600px) {
  ul.FooterIcons {
      max-width:500px
  }
}

ul.FooterIcons.desktop-icons {
  max-width: 700px
}

.MobileLayout ul.FooterIcons {
  margin: 40px auto 30px
}

li.FooterIcons-icon {
  background: no-repeat top center;
  background-size: 30px;
  box-sizing: border-box;
  height: 70px;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 19%
}

@media only screen and (min-width: 25pc) {
  li.FooterIcons-icon {
      padding:0
  }
}

li.FooterIcons-icon .link,li.FooterIcons-icon .link-disabled {
  bottom: 0;
  color: #d70f83;
  cursor: pointer;
  display: block;
  font-size: 9pt;
  left: 0;
  letter-spacing: 1px;
  line-height: 17px;
  overflow: visible;
  padding-top: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0
}

@media only screen and (max-width: 750pt) {
  li.FooterIcons-icon .link,li.FooterIcons-icon .link-disabled {
      font-size:10px;
      letter-spacing: 0
  }
}

@media only screen and (max-width: 667px) {
  li.FooterIcons-icon .link,li.FooterIcons-icon .link-disabled {
      font-size:10px;
      letter-spacing: 0
  }
}

.desktop-icons li.FooterIcons-icon .link,.desktop-icons li.FooterIcons-icon .link-disabled {
  min-height: 1pc;
  padding-top: 3pc
}

li.FooterIcons-icon .link-disabled {
  color: #c5c7cb;
  cursor: default
}

li.FooterIcons-icon.lotteries {
  background-image: url(/images/ico/lottery-ticket.svg)
}

li.FooterIcons-icon.lotteries.FooterIcons-icon-disabled {
  background-image: url(/images/ico/lottery-ticket-disabled.svg)
}

li.FooterIcons-icon.syndicates {
  background-image: url(/images/ico/syndicate.svg)
}

li.FooterIcons-icon.syndicates.FooterIcons-icon-disabled {
  background-image: url(/images/ico/syndicate-disabled.svg)
}

li.FooterIcons-icon.promotions {
  background-image: url(/images/ico/gift-box.svg)
}

li.FooterIcons-icon.promotions.FooterIcons-icon-disabled {
  background-image: url(/images/ico/gift-box-disabled.svg)
}

li.FooterIcons-icon.keno {
  background-image: url(/images/ico/caps.svg)
}

li.FooterIcons-icon.keno.FooterIcons-icon-disabled {
  background-image: url(/images/ico/caps-disabled.svg)
}

li.FooterIcons-icon.results {
  background-image: url(/images/ico/lotto-drum.svg)
}

li.FooterIcons-icon.results.FooterIcons-icon-disabled {
  background-image: url(/images/ico/lotto-drum-disabled.svg)
}

li.FooterIcons-icon.scratchers {
  background-image: url(/images/ico/scratcher-ticket.svg)
}

li.FooterIcons-icon.scratchers.FooterIcons-icon-disabled {
  background-image: url(/images/ico/scratcher-ticket-disabled.svg)
}

.footer-icons-ja-desktop {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 35px auto 40px;
  width: 26pc
}

.footer-icons-ja-desktop a {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px 11px 7px 20px
}

.footer-icons-ja-desktop a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  height: 62px;
  margin-bottom: 3px;
  margin-right: 9px;
  width: 55px
}

.footer-icons-ja-desktop a .bullet {
  background-image: url(/ja/blog/wp-content/uploads/2023/04/arrow-right-v02.svg);
  background-position-y: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px
}

.footer-icons-ja-desktop a .text {
  color: #000;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1px;
  line-height: 15px;
  padding-right: 14px;
  text-align: center
}

.footer-icons-ja-desktop a.selected,.footer-icons-ja-desktop a:hover {
  background-color: #f2f1f1
}

.footer-icons-ja-mobile {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 21px auto 22px;
  width: 100%
}

.footer-icons-ja-mobile a {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px 11px 7px 20px
}

.footer-icons-ja-mobile a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  height: 43px;
  margin-bottom: 4px;
  margin-right: 9px;
  width: 38px
}

.footer-icons-ja-mobile a .bullet {
  background-image: url(/ja/blog/wp-content/uploads/2023/04/arrow-right-v02.svg);
  background-position-y: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4px
}

.footer-icons-ja-mobile a .text {
  color: #000;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1px;
  line-height: 11px;
  padding-right: 1pc;
  text-align: center
}

.footer-icons-ja-mobile a.selected,.footer-icons-ja-mobile a:hover {
  background-color: #f2f1f1
}

.view.about .panel {
  padding: 0
}

.view.about hr {
  border: 1px solid #e2e3e5;
  margin-bottom: 45px;
  margin-top: 75px
}

.about-primary h4 {
  display: none;
  font-size: 30px;
  font-weight: 800;
  text-align: center
}

.about-primary .about-primary-section h4 {
  display: block;
  font-size: 30px;
  font-weight: 800;
  margin: 0;
  padding: 30px 0 40px 40px;
  text-align: left;
  width: 250px
}

.about-primary-section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0
}

.about-primary-section .graphics {
  align-items: center;
  display: flex;
  font-style: italic;
  height: 393px;
  justify-content: center;
  overflow: hidden;
  width: 100%
}

.about-primary-section .graphics img {
  position: relative;
  width: 100%
}

.about-primary-section .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 40px 40px;
  width: 628px
}

.about-primary-section .text p:last-child {
  margin-bottom: 0
}

.about-secondary-section {
  display: flex;
  height: 340px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0
}

.about-secondary-section .text {
  flex-direction: column;
  padding: 40px
}

@media(min-width: 999px) {
  .about-secondary-section .text {
      display:flex;
      flex-basis: 100%;
      justify-content: center
  }
}

.about-secondary-section .text h4 {
  color: #d70f83;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 10px
}

.about-secondary-section .text p:last-child {
  margin-bottom: 0
}

.about-secondary-section .graphics {
  display: flex;
  font-style: italic;
  min-width: 370px;
  overflow: hidden;
  text-align: center
}

@media(min-width: 999px) {
  .about-secondary-section .graphics img {
      margin-left:50%;
      transform: translatex(-50%)
  }
}

.about-graphics-secondary .graphics img {
  height: 100%
}

.about-tertiary h2 {
  font-size: 30px;
  line-height: 36px;
  margin: 10px 0;
  text-align: center
}

.about-tertiary h5 {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 23px;
  margin: auto auto 45px;
  max-width: 35pc;
  text-align: center
}

.about-tertiary-sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.about-tertiary-section {
  margin-bottom: 30px;
  text-align: center;
  width: 35%
}

.about-tertiary-section:last-child {
  margin-bottom: 0
}

.about-tertiary-section .graphics {
  color: #d70f83
}

.about-tertiary-section .text h4 {
  color: #d70f83;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 20px auto 9pt
}

.about-tertiary-section .text p {
  font-size: 15px;
  line-height: 23px
}

.about-tertiary-section .text p:last-child {
  margin-bottom: 0
}

.about-primary-section p,.about-secondary-section p,.about-tertiary-section p {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 1em;
  margin-top: 0
}

@media(max-width: 750pt) {
  .about-primary h4 {
      display:block;
      margin: 10px auto 30px
  }

  .about-primary .about-primary-section h4 {
      display: none
  }

  .about-primary-section .graphics {
      height: auto;
      order: 1
  }

  .about-primary-section .graphics img {
      position: static
  }

  .about-primary-section .text {
      order: 2;
      padding: 20px;
      width: auto
  }

  .about-primary-section .text p {
      font-size: 15px;
      line-height: 23px
  }

  .about-secondary-section {
      flex-direction: column;
      height: auto
  }

  .about-secondary-section .graphics {
      align-items: center;
      max-height: 370px;
      order: 0
  }

  .about-secondary-section .graphics img {
      width: 100%
  }

  .about-secondary-section .text {
      order: 1;
      padding: 20px
  }

  .about-secondary-section .text p {
      font-size: 15px;
      line-height: 23px
  }

  .about-tertiary-section {
      margin-bottom: 30px;
      width: auto
  }

  .about-tertiary-section .text p {
      font-size: 15px;
      line-height: 23px
  }

  .about-tertiary-section .text h4 {
      font-size: 20px;
      line-height: 30px;
      margin: 10px auto 5px
  }

  .about-tertiary-sections {
      margin-bottom: 30px
  }

  .view.about hr {
      margin: 30px 0
  }
}

.account-create .formFlex_end,.account-edit .formFlex_end {
  align-items: flex-end
}

.MyTicketsView-label-subscription {
  align-items: flex-end;
  color: #1a5ca2;
  display: inline-flex;
  font-size: 9pt;
  padding-bottom: 2px;
  user-select: none;
  white-space: nowrap
}

.MyTicketsView-label-subscription:hover {
  color: #0c3f75
}

.MyTicketsView-label-subscriptionEnded {
  align-items: flex-end;
  color: #476675;
  display: inline-flex;
  font-size: 9pt;
  padding-bottom: 1px;
  white-space: nowrap
}

.MyTicketsView-label-badge {
  background-color: #b3a6c4;
  border-radius: 14px;
  color: #fff;
  font-size: 9pt;
  padding: 4px 8px;
  white-space: nowrap
}

.MyTicketsView-label-badge-red {
  background-color: #ff3365;
  border-radius: 14px;
  color: #fff;
  font-size: 9pt;
  padding: 4px 8px
}

.MyTicketsView-icon-subscription {
  background-image: url(/images/ico/repeat-v01.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  height: 13px;
  padding: 0 3px;
  user-select: none;
  width: 13px
}

.my-bets-wrapper .panel {
  margin-bottom: 30px
}

.my-bets-wrapper .panel:nth-last-child(0) {
  margin-bottom: 0
}

.gridContainer {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 15px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
  height: 100%;
  min-height: 100%;
  padding: 5px;
  position: relative
}

.incomplete {
  background-color: #fbfcfd
}

.gridHoverHighlight:hover {
  background-color: #fff;
  border: 1px solid #2576cd;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
  height: 100%;
  min-height: 100%;
  padding: 5px;
  position: relative
}

.gridHoverHighlightIncomplete {
  border: 1px solid #d70f83;
  box-shadow: 0 0 20px 0 rgba(255,0,0,.3);
  height: 100%;
  min-height: 100%;
  padding: 5px;
  position: relative
}

.gridHoverHighlightIncomplete .gridBigNumber {
  color: red
}

.gridBigNumber {
  align-items: center;
  bottom: 0;
  color: #8b9097;
  display: flex;
  font-size: 5pc;
  justify-content: center;
  left: 0;
  opacity: .2;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  user-select: none
}

.desktop-picker-menu-option,.desktop-picker-menu-option.disabled-link:hover,.desktop-picker-menu-option:visited {
  border-bottom: 2px solid transparent;
  color: #2a2e33;
  cursor: pointer;
  margin-left: 25px;
  padding-bottom: 10px;
  padding-top: 6px;
  text-decoration: none
}

.desktop-picker-menu-option-selected.disabled-link,.desktop-picker-menu-option.disabled-link {
  opacity: .15
}

.desktop-picker-menu-option-selected.disabled-link:hover,.desktop-picker-menu-option.disabled-link:hover {
  cursor: default
}

.desktop-picker-menu-option:hover {
  color: #d70f83
}

.desktop-picker-menu-option-selected {
  border-bottom: 1px solid #d70f83;
  color: #d70f83;
  cursor: default;
  margin-left: 25px;
  padding-bottom: 10px;
  padding-top: 6px;
  text-decoration: none
}

.desktop-picker-top-row .breadcrumbs {
  margin-bottom: 0
}

.pickerContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%
}

.pickerContainer .picker {
  margin-bottom: 30px;
  margin-right: 22px;
  user-select: none
}

.pickerContainer .picker:last-child,.pickerContainer .picker:nth-child(5n) {
  margin-right: 0
}

.quick-fill-wrapper [class*="quick-fill"] {
  border-radius: 25px
}

.quick-fill-wrapper [class*="quick-fill"]:first-child {
  border-radius: 25px 0 0 25px
}

.quick-fill-wrapper [class*="quick-fill"]:last-of-type {
  border-radius: 0 25px 25px 0
}

.quick-fill-wrapper [class*="quick-fill"]:first-child:last-child,.quick-fill-wrapper.single-button [class*="quick-fill"] {
  border-radius: 25px
}

.quick-fill {
  background-color: #1a5ca2;
  cursor: "pointer"
}

.quick-fill:hover {
  background-color: #0c3f75;
  cursor: pointer
}

.quick-fill-disabled {
  background-color: #c5c7cb;
  cursor: default;
  outline: 0
}

.account-page {
  font-size: 15px
}

.account-page h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

@media only screen and (min-width: 750pt) {
  .account-page h2 {
      font-size:20px
  }
}

.account-page .view-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 750pt
}

.account-page .view-content_wallet-page {
  text-align: left
}

@media only screen and (max-width: 999px) {
  .account-page .view-content_wallet-page {
      padding-top:15px
  }
}

@media only screen and (min-width: 750pt) {
  .account-page .view-content_wallet-page .availableBalance {
      flex-basis:calc(100% - 600px);
      justify-content: space-between;
      max-width: calc(100% - 600px)
  }
}

.account-page .header {
  background: linear-gradient(180deg,#1a5ca2,#85bac7);
  color: #fff;
  padding-bottom: 40px
}

@media only screen and (min-width: 750pt) {
  .account-page .header .view {
      padding-left:0;
      padding-right: 0
  }
}

.account-page .header h1 {
  font-size: 40px;
  margin: 0
}

.account-page .header .availableBalance {
  display: flex;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px
}

.account-page .header .availableBalance div:first-child {
  margin-right: 20px
}

.account-page .header .availableBalance div:last-child {
  color: #d70f83
}

.account-page_wallet .header {
  position: relative
}

.account-page_wallet .header:after {
  background: url(/images/bg/wallet.svg) no-repeat right 15px center;
  background-size: 150px auto;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.MobileLayout .account-page_wallet .header:after {
  top: 60px
}

@media only screen and (min-width: 750pt) {
  .account-page_wallet .header:after {
      background-position:left calc(50% - 185px) bottom 10px;
      background-size: 180px auto
  }
}

.account-page_wallet .view {
  position: relative
}

.account-page .profileAndWallet {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.account-page .profile.panel {
  box-sizing: border-box;
  flex-grow: 1;
  margin-bottom: 20px;
  margin-top: 40px;
  position: relative
}

@media only screen and (min-width: 750pt) {
  .account-page .profile.panel {
      flex-basis:575px;
      margin-bottom: 30px;
      width: 575px
  }
}

.account-page .profile.panel .user {
  display: flex;
  justify-content: space-between
}

.account-page .profile.panel .user .userWrap {
  display: flex
}

.account-page .profile.panel .user .userWrap .userName {
  font-size: 20px;
  font-weight: 600
}

.account-page .profile.panel .user .userWrap .userName.column {
  display: flex;
  flex-direction: column
}

.account-page .profile.panel .user .userWrap .userName.row .lastName {
  margin-left: 6px
}

.account-page .profile.panel .user .userWrap .setting {
  margin-left: 15px
}

.account-page .profile.panel .user .memberSince {
  color: #8b9097;
  font-size: 13px;
  margin-top: 15px
}

.account-page .profile.panel .user .button {
  color: #fff;
  height: 50px;
  width: 200px
}

.account-page .profile.panel .accountStatus {
  border-top: 1px solid #c5c7cb;
  font-size: 18px;
  margin-top: 20px;
  padding-top: 30px
}

.account-page .profile.panel .accountStatus .suspend {
  display: flex;
  justify-content: space-between;
  margin-top: 30px
}

.account-page .wallet {
  margin-right: 40px;
  margin-top: 60px;
  width: 40%
}

.account-page .wallet .balance-row {
  display: flex;
  justify-content: space-between;
  margin-top: 15px
}

@media only screen and (min-width: 750pt) {
  .account-page .wallet .balance-row {
      margin-top:30px
  }
}

.account-page .wallet .balance-row div:last-child {
  font-weight: 700
}

.account-page .wallet>div.transactionHistory {
  border-top: 1px solid #c5c7cb;
  margin-top: 15px;
  padding-top: 30px
}

@media only screen and (min-width: 750pt) {
  .account-page .wallet>div.transactionHistory {
      margin-top:30px
  }
}

.account-page_wallet .wallet {
  margin-top: 40px
}

.account-page .upcomingDraws.panel>h2+.ticket {
  margin-top: 15px
}

@media only screen and (min-width: 750pt) {
  .account-page .upcomingDraws.panel>h2+.ticket {
      margin-top:30px
  }
}

.account-page .upcomingDraws.panel>.ticket {
  border-bottom: 1px solid #c5c7cb;
  margin-top: 15px;
  padding-bottom: 15px
}

.account-page .upcomingDraws.panel>.ticket>div:first-child {
  color: #8b9097
}

.account-page .upcomingDraws.panel>.ticket>div:last-child {
  display: flex;
  justify-content: space-between;
  margin-top: 5px
}

.account-page .upcomingDraws.panel>.ticket .watchWrap {
  align-items: center;
  display: flex
}

.account-page .upcomingDraws.panel>.ticket .watchWrap .watch {
  background-image: url(/images/ico/watch.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  height: 13px;
  margin-left: 10px;
  padding: 0 3px;
  width: 13px
}

.account-page .upcomingDraws.panel>.ticket .watchWrap .time {
  display: inline
}

.account-page .upcomingDraws.panel>.ticket .watchWrap .short {
  display: none
}

.account-page .upcomingDraws.panel>.ticket .watchWrap .keno-time {
  display: inline-block
}

@media only screen and (max-width: 500px) {
  .account-page .upcomingDraws.panel>.ticket .watchWrap .time {
      display:none
  }

  .account-page .upcomingDraws.panel>.ticket .watchWrap .short {
      display: inline
  }
}

.account-page .upcomingDraws.panel .button {
  height: 50px;
  margin: 15px auto 0;
  width: 200px
}

@media only screen and (min-width: 750pt) {
  .account-page .upcomingDraws.panel .button {
      margin-top:30px
  }
}

.account-page .mobileAccountStatus.panel {
  display: none
}

.account-page .buttonWrapper {
  display: block;
  width: 100%
}

.account-page .deposit {
  border-top: 1px solid #c5c7cb;
  margin-top: 20px;
  padding-top: 30px
}

.account-page .deposit>div:first-child {
  display: flex;
  justify-content: space-between
}

.account-page .deposit>div:last-child {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

@media only screen and (min-width: 750pt) {
  .account-page .deposit>div:last-child {
      margin-top:15px
  }
}

.account-page .deposit>div:last-child .button {
  margin-left: 30px
}

.account-page .deposit>div:last-child .progress .spinner {
  margin: 0 auto
}

.account-page .deposit form .depositInputs {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

.account-page .deposit form .depositInputs .depositInput {
  display: flex
}

.account-page .deposit form .depositInputs .depositInput>div:first-child {
  margin-right: 10px;
  margin-top: 13px;
  min-width: 40px;
  text-align: right
}

.account-page .deposit form .depositButtons {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px
}

.account-page .deposit form .depositButtons div {
  margin-right: 50px
}

@media only screen and (max-width: 999px) {
  .account-page .deposit form .depositButtons div {
      margin-right:0
  }
}

.account-page .deposit form .depositButtons div:last-child {
  margin-right: 0
}

.account-title-sm {
  font-size: 15px
}

@media only screen and (min-width: 750pt) {
  .account-title-sm {
      font-size:20px
  }
}

.account-title-xs {
  font-size: 9pt
}

.profile-row {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width: 569px) {
  .profile-row {
      display:block
  }
}

.profile-row_border-b {
  border-bottom: 1px solid #c5c7cb;
  margin-bottom: 20px;
  padding-bottom: 20px
}

@media only screen and (min-width: 750pt) {
  .profile-row_border-b {
      margin-bottom:30px;
      padding-bottom: 30px
  }
}

.profile-row__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.3px;
  line-height: 1.5;
  margin: 0
}

@media only screen and (min-width: 750pt) {
  .profile-row__title {
      font-size:20px
  }
}

.profile-row__text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -.36px;
  line-height: 1.28
}

@media only screen and (min-width: 750pt) {
  .profile-row__text {
      font-size:18px
  }
}

@media only screen and (max-width: 569px) {
  .profile-col-l {
      margin-bottom:15px
  }
}

@media only screen and (max-width: 999px) {
  .profile-col-r {
      text-align:center
  }

  .profile-col-r .button {
      margin: 0 auto
  }

  .accountAddDeposit {
      border-bottom: 1px solid #c5c7cb;
      margin-bottom: 20px;
      padding-bottom: 20px
  }
}

@media only screen and (min-width: 750pt) {
  .accountAddDeposit {
      border-top:1px solid #c5c7cb;
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      padding-top: 30px
  }
}

@media only screen and (max-width: 999px) {
  .accountAddDeposit-col-r {
      margin-top:15px;
      text-align: center
  }
}

.accountAddDeposit-col-r .button {
  display: inline-block
}

.self-suspend-select-wrap {
  width: 200px
}

.self-suspend-select-wrap .label {
  display: none
}

.self-suspend-select-wrap .selectContainer {
  margin-bottom: 0
}

.deposit-limit-amount-wrap {
  width: 200px
}

.deposit-limit-amount-wrap .inputContainer {
  height: 100%;
  margin-bottom: 0
}

.deposit-limit-amount-wrap .inputContainer:after {
  clear: both;
  content: "";
  display: table
}

.deposit-limit-amount-wrap .inputField {
  position: relative
}

.deposit-limit-amount-wrap .error {
  width: calc(100% + 50px)
}

.cogwheel {
  background-image: url(/images/ico/cogwheel.svg);
  height: 24px;
  width: 24px
}

.cogwheel:after {
  content: url(/images/ico/cogwheel-hov.svg);
  display: none
}

.cogwheel:hover {
  background-image: url(/images/ico/cogwheel-hov.svg)
}

@media only screen and (max-width: 999px) {
  .account-page .view-content {
      margin:0 15px
  }

  .account-page .header .view {
      text-align: center
  }

  .account-page .header h1 {
      font-size: 30px
  }

  .account-page .header .availableBalance {
      display: block;
      margin-top: 20px
  }

  .account-page .header .availableBalance div:first-child {
      margin-right: 0
  }

  .account-page .profileAndWallet {
      display: flex;
      flex-direction: column-reverse
  }

  .account-page .profileAndWallet .profile.panel {
      margin-top: 20px
  }

  .account-page .profile.panel {
      margin-bottom: 20px;
      margin-top: 30px
  }

  .account-page .profile.panel .user {
      display: block
  }

  .account-page .profile.panel .user .userWrap {
      justify-content: space-between
  }

  .account-page .profile.panel .user .userWrap .setting {
      margin-top: 0
  }

  .account-page .profile.panel .user .memberSince {
      margin-top: 10px
  }

  .account-page .profile.panel .user .button {
      margin: 20px auto 0
  }

  .account-page .profile.panel .accountDesktopView {
      display: none
  }

  .account-page_wallet .profile.panel {
      margin-top: -20px
  }

  .account-page .wallet {
      margin-right: 0;
      margin-top: 0;
      width: auto
  }

  .account-page .wallet>div {
      margin-top: 20px
  }

  .account-page .wallet>div.transactionHistory {
      padding-top: 20px
  }

  .account-page .upcomingDraws.panel {
      margin-top: 20px
  }

  .account-page .mobileAccountStatus.panel {
      display: block;
      margin-top: 20px
  }

  .account-page .mobileAccountStatus.panel .accountStatus .suspend {
      margin-top: 10px
  }

  .account-page .mobileAccountStatus.panel .accountStatus .suspend .self-suspend-select-wrap {
      margin: 15px auto 0
  }

  .account-page .deposit {
      padding-top: 15px
  }

  .account-page .deposit>div:first-child {
      display: block
  }

  .account-page .deposit>div:first-child>div:last-child {
      margin-top: 10px;
      text-align: center
  }

  .account-page .deposit>div:last-child {
      display: block
  }

  .account-page .deposit>div:last-child .button {
      margin: 20px auto 0
  }

  .account-page .deposit>div:last-child .progress {
      font-size: 20px;
      margin-top: 15px;
      text-align: center
  }

  .account-page .deposit form .depositInputs {
      align-items: center;
      flex-direction: column;
      margin-left: -50px
  }

  .account-page .deposit form .depositButtons {
      display: block;
      margin-top: 0
  }

  .account-page .deposit form .depositButtons .button {
      margin: 20px auto 0
  }

  .deposit-limit-amount-wrap .error {
      bottom: 0;
      position: relative
  }

  .deposit-limit-amount-wrap .inputContainer {
      margin-bottom: 15px
  }
}

.messageFuture {
  font-size: 9pt;
  font-style: italic;
  margin: 0 auto
}

.modal-box-body .status>div {
  display: inline-block
}

.modal-box-body .status>div.messageFuture {
  font-size: 13px;
  margin-left: 5px
}

@media only screen and (min-width: 750pt) {
  .wallet-balance {
      box-sizing:border-box;
      flex-basis: 190px;
      max-width: 190px;
      padding-left: 50px
  }
}

.no-transaction {
  font-size: 15px;
  padding-top: 5px
}

.transaction-history-item {
  border-bottom: 1px solid #c5c7cb;
  font-size: 15px;
  line-height: 23px;
  padding: 10px 0
}

.transaction-date {
  color: #8b9097;
  font-size: 9pt;
  line-height: 18px
}

.transaction-details {
  text-transform: capitalize
}

.transaction-amount {
  font-size: 9pt;
  font-weight: 800;
  margin-top: 10px
}

@media only screen and (min-width: 750pt) {
  .transaction-amount {
      font-size:15px
  }
}

.transaction-balance {
  color: #8b9097;
  font-size: 9pt;
  margin-top: 10px
}

@media only screen and (min-width: 750pt) {
  .transaction-balance {
      font-size:15px
  }
}

.transaction-history-header {
  border-bottom: 1px solid #c5c7cb;
  color: #8b9097;
  font-size: 9pt;
  letter-spacing: 1px;
  line-height: 18px;
  padding: 10px 0;
  text-transform: uppercase
}

.transaction-amount-header,.transaction-balance-header {
  text-align: right;
  width: 200px
}

.transaction-history-desktop .transaction-history-header,.transaction-history-desktop .transaction-history-item {
  align-items: flex-end;
  display: flex;
  justify-content: space-between
}

.transaction-history-desktop .transaction-history-header {
  padding: 20px 0 10px
}

.transaction-history-desktop .transaction-amount,.transaction-history-desktop .transaction-balance {
  margin-top: 0;
  text-align: right;
  width: 200px
}

.account-page .profileAndMyWallet {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.account-page a.game-info {
  color: #1a5ca2;
  cursor: pointer;
  text-decoration: none;
  user-select: none
}

@media only screen and (max-width: 999px) {
  .account-page .profileAndMyWallet {
      display:block
  }

  .account-page .profileAndMyWallet.profileAndMyWallet_wallet {
      display: flex;
      flex-direction: column
  }

  .account-page .profileAndMyWallet.profileAndMyWallet_wallet .profile.panel {
      margin-top: 20px
  }
}

a.seo-link-block {
  display: block
}

a.seo-link-inline {
  display: inline
}

a.seo-link-block,a.seo-link-inline {
  color: inherit;
  cursor: pointer;
  text-decoration: none
}

a.seo-link-block img,a.seo-link-inline img {
  vertical-align: middle
}

.help-center-desktop .game-info {
  flex-basis: 570px;
  max-width: 570px
}

.help-center-desktop .category-header {
  border-bottom: 1px solid #c5c7cb;
  color: #d70f83;
  font-size: 20px;
  margin-top: 30px;
  padding-bottom: 10px
}

.help-center-desktop .header {
  align-items: center;
  background: linear-gradient(180deg,#1a5ca2,#6d74bc);
  display: flex;
  font-size: 50px;
  font-weight: 800;
  height: 210px;
  justify-content: center;
  overflow: hidden
}

.help-center-desktop .header .content {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 750pt;
  padding: 0 10px;
  width: 100%
}

.help-center-desktop .header .graphics {
  bottom: -30px;
  position: relative;
  right: 60px
}

.help-center-desktop .chat {
  margin-right: 30px;
  width: 310px
}

.help-center-desktop .tablefied {
  display: flex
}

.help-center-desktop .game-info .tablefied h4 {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 0;
  min-width: 90pt
}

.help-center-desktop .chat h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0
}

.MobileLayout .help-center-mobile .view {
  padding-top: 20px
}

.MobileLayout .help-center-mobile .view .page-header {
  margin-bottom: 20px
}

.help-center-mobile .category-header {
  border-bottom: 1px solid #c5c7cb;
  color: #d70f83;
  font-size: 20px;
  margin-top: 20px;
  padding-bottom: 10px
}

.help-center-mobile .header {
  align-items: center;
  background: linear-gradient(180deg,#1a5ca2,#6d74bc);
  display: flex;
  font-size: 50px;
  font-weight: 800;
  height: 210px;
  justify-content: center;
  margin-top: 60px;
  overflow: hidden
}

.help-center-mobile .header .content {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 750pt;
  padding: 0 10px;
  width: 100%
}

.help-center-mobile .help-center .header .graphics {
  bottom: -30px;
  position: relative;
  right: 60px
}

.help-center-mobile .chat {
  margin-top: 20px;
  width: 100%
}

.help-center-mobile .chat h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0
}

.help-center-mobile .tablefied {
  display: block
}

.help-center-mobile .game-info .tablefied h4 {
  display: inline;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 0;
  margin-right: 1em;
  margin-top: 0
}

.help-center-mobile .game-info .tablefied div {
  display: inline
}

.menuContainer {
  height: 100%;
  left: -100%;
  min-width: 250px;
  overflow: auto;
  position: fixed;
  top: 65px;
  transition: .3s;
  visibility: hidden;
  width: 100%
}

.menuContainer-ja {
  height: 100%;
  left: -100%;
  min-width: 250px;
  overflow-x: initial;
  overflow-y: initial;
  position: fixed;
  top: 155px;
  transition: .3s;
  visibility: hidden;
  width: 100%
}

.menuContainer-ja .menu {
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  padding-top: 37px
}

.menu {
  background-color: #fff;
  box-shadow: 0 2px 4pt 0 rgba(0,0,0,.5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
  padding-top: 60px;
  position: relative;
  top: 0;
  width: 90%
}

.menu-list {
  max-width: 100%
}

@media screen and (min-width: 700px) {
  .menu-list {
      padding-bottom:30px;
      padding-top: 30px
  }
}

.menu-item {
  background-color: transparent;
  display: inline-block;
  margin-bottom: 11px;
  vertical-align: middle
}

.menu-item_title {
  margin-top: 5px;
  padding: 6px 0
}

@media screen and (min-width: 700px) {
  .menu-item_title {
      margin-top:10px;
      padding: 11px 0
  }
}

.menu-item_link {
  cursor: pointer
}

.menuContainer.show {
  left: 5px;
  visibility: visible;
  z-index: 2
}

.menuContainer.show+.menu-overlay {
  bottom: 0;
  opacity: .65;
  right: 0
}

.menuContainer-ja.show {
  left: 5vw;
  visibility: visible;
  z-index: 2
}

.menuContainer-ja.show+.menu-overlay {
  bottom: 0;
  opacity: .65;
  right: 0
}

.menu-overlay {
  background: #2b78ca;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 100%;
  top: 0;
  transition: opacity .25s
}

.closeX {
  background: #d70f83;
  border-radius: 50%;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 40px
}

.closeX:hover {
  background: #ac0064
}

.mobileLogo {
  margin-top: 5px
}

.mobileLogo:hover {
  cursor: pointer
}

#topmenu {
  background-color: #fff;
  height: 60px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2
}

#topmenu .accountIcon {
  display: flex;
  float: right;
  margin-right: 37px;
  margin-top: -50px
}

@media screen and (min-width: 500px) {
  #topmenu .accountIcon {
      margin-right:3pc
  }
}

#topmenu .accountIcon img {
  height: 21px;
  margin-right: 22px;
  width: 21px
}

@media screen and (min-width: 500px) {
  #topmenu .accountIcon img {
      margin-right:15px
  }
}

#topmenu .accountIcon banner-amount .menuHeaderText {
  align-self: center;
  cursor: default
}

@media screen and (max-width: 499px) {
  #topmenu .accountIcon .menuHeaderText {
      display:none
  }
}

#topmenu .cartIcon {
  float: right;
  margin-right: 5px;
  margin-top: -50px
}

@media screen and (min-width: 500px) {
  #topmenu .cartIcon {
      margin-right:15px
  }
}

.mobile-header-cart-icon {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 15px
}

.mobile-header-cart-icon.full {
  background-image: url(/ja/blog/wp-content/uploads/2023/05/cart.svg)
}

.real-demo-toggle-mobile {
  background-color: #1a5ca2;
  border-radius: 1pc;
  box-sizing: border-box;
  color: #73b1f3;
  height: 2pc;
  position: relative;
  user-select: none;
  width: 204px
}

.real-demo-toggle-mobile .floating {
  background-color: #73b1f3;
  border-radius: 14px;
  height: 28px;
  position: absolute;
  top: 2px
}

.real-demo-toggle-mobile .demo,.real-demo-toggle-mobile .real {
  font-size: 9pt;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 2pc;
  position: absolute
}

.real-demo-toggle-mobile .real {
  cursor: default;
  right: 13px
}

.real-demo-toggle-mobile .demo {
  cursor: default;
  left: 29px
}

.real-demo-toggle-mobile .demo:before {
  background-color: #73b1f3;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: -1pc;
  position: absolute;
  top: 13px;
  width: 5px
}

.real-demo-toggle-mobile.real .floating {
  right: 2px;
  width: 118px
}

.real-demo-toggle-mobile.real .real {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.real-demo-toggle-mobile.real .demo {
  cursor: pointer
}

.real-demo-toggle-mobile.real .demo:hover {
  color: #fff
}

.real-demo-toggle-mobile.demo .floating {
  left: 2px;
  width: 84px
}

.real-demo-toggle-mobile.demo .real {
  cursor: pointer
}

.real-demo-toggle-mobile.demo .demo:hover {
  color: #fff
}

.real-demo-toggle-mobile.demo .demo:hover:before {
  background-color: #fff
}

.real-demo-toggle-mobile.demo .demo {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.real-demo-toggle-mobile.demo .demo:before {
  background-color: #fff
}

.main-menu-ja-mobile {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
  width: 100%
}

.main-menu-ja-mobile a {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px 6px 8px 11px
}

.main-menu-ja-mobile a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  height: 46px;
  margin-bottom: 1px;
  margin-right: 6px;
  width: 42px
}

.main-menu-ja-mobile a .bullet {
  background-image: url(/ja/blog/wp-content/uploads/2023/04/arrow-right-v02.svg);
  background-position-y: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4px
}

.main-menu-ja-mobile a .text {
  color: #000;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1px;
  line-height: 11px;
  padding-right: 9px;
  text-align: center
}

.main-menu-ja-mobile a.selected,.main-menu-ja-mobile a:hover {
  background-color: #f2f1f1
}

.drawer-menu-mobile-ja a {
  display: block;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  padding-left: 3pc;
  padding-top: 5px
}

.drawer-menu-mobile-ja a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  height: 38px;
  width: 34px
}

.drawer-menu-mobile-ja a .text {
  color: #1a5ca2;
  font-size: 1pc;
  letter-spacing: 0;
  line-height: 38px;
  padding-left: 14px
}

.drawer-menu-mobile-ja a.selected,.drawer-menu-mobile-ja a:hover {
  background-color: #f2f1f1
}

.breadcrumbs {
  line-height: 11px;
  margin-bottom: 30px;
  user-select: none
}

.MobileLayout .breadcrumbs {
  display: none
}

.contact-prefs-view {
  padding: 30px 0 0
}

@media only screen and (max-width: 750pt) {
  .contact-prefs-view {
      padding:0
  }
}

.contact-prefs-content {
  margin: 0 auto;
  max-width: 750pt
}

@media only screen and (max-width: 750pt) {
  .contact-prefs-content {
      padding:0 15px
  }
}

.contact-prefs .pref-row {
  border-bottom: 1px solid #c5c7cb;
  box-sizing: content-box;
  display: table;
  font-size: 15px;
  padding: 18px 0;
  width: 100%
}

.contact-prefs .pref-row .cell {
  display: table-cell
}

.contact-prefs .pref-row .cell.pref-name {
  width: 83%
}

.contact-prefs .pref-row .cell.pref-toggle {
  text-align: center;
  width: 45px
}

.contact-prefs .pref-row .cell.pref-toggle .toggle {
  display: inline-block
}

.contact-prefs .pref-row .cell.uppercase {
  text-transform: uppercase
}

@media only screen and (max-width: 750pt) {
  .contact-prefs .pref-row .cell.pref-name {
      width:55%
  }
}

.formToggle .toggle:hover {
  color: #d70f83
}

@media only screen and (max-width: 750pt) {
  .formToggle {
      align-items:center;
      background: #fff;
      border-top: 2px solid #f8fafb;
      display: flex;
      height: 53px;
      width: 100%
  }

  .formToggle .toggle {
      font-size: .7rem!important
  }
}

h3 {
  margin-top: 20px
}

.header {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 750pt
}

.header .toggle {
  cursor: pointer;
  font-size: 15px;
  margin-left: 1em
}

@media only screen and (max-width: 750pt) {
  .header .toggle {
      align-items:center;
      display: flex;
      flex-basis: 100%;
      height: 100%;
      justify-content: center;
      margin: 0;
      position: relative
  }
}

.header .toggle-active {
  border-bottom: 1px solid #d70f83;
  color: #d70f83;
  padding-bottom: .5em
}

@media only screen and (max-width: 750pt) {
  .header .toggle-active {
      border:0;
      padding-bottom: 0
  }

  .header .toggle-active:after {
      background: #d70f83;
      bottom: 0;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      right: 0;
      width: 100%
  }
}

.documents input[type=file] {
  display: none;
  height: 50px;
  position: absolute;
  visibility: hidden
}

.documents .file-description {
  color: lightgrey;
  font-size: 10px;
  overflow: hidden;
  padding-top: .6em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px
}

@media only screen and (min-width: 750pt) {
  .documents .panels-wrapper {
      display:flex;
      justify-content: space-between;
      margin-left: auto;
      margin-right: auto
  }

  .documents .panels-wrapper .document-container {
      max-width: 485px;
      width: 485px
  }

  .documents .panels-wrapper .details {
      font-size: 15px;
      height: 100%;
      max-width: 425px;
      width: 425px
  }

  .documents .panels-wrapper .documents {
      max-width: 425px!important;
      width: 425px
  }

  .documents .panels-wrapper .uploaded {
      margin-top: 30px;
      max-width: 425px!important;
      width: 425px
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table {
      text-align: left;
      width: 100%
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table th {
      border-bottom: 1px solid #e2e3e5;
      font-size: 15px;
      padding: 10px 0;
      text-align: left
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td {
      font-size: 15px;
      line-height: 23px;
      padding: 10px 0
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td a {
      color: #1a5ca2!important;
      cursor: pointer!important;
      text-decoration: none!important
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td a:hover {
      color: #0c3f75!important
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table .uploaded-document {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 50%
  }

  .documents .panels-wrapper .trash-image {
      cursor: pointer
  }

  .documents .panels-wrapper .formTable {
      border-collapse: collapse;
      width: 100%
  }

  .documents .panels-wrapper .formTable tr {
      border-bottom: 1px solid #d3d3d3
  }

  .documents .panels-wrapper .formTable .title {
      padding-bottom: 1.5em;
      padding-top: 1.5em;
      width: 66%
  }

  .documents .panels-wrapper .formTable .title .main {
      font-size: 15px
  }

  .documents .panels-wrapper .formTable .title .sub {
      color: gray;
      font-size: 9pt;
      margin: 0
  }

  .documents .panels-wrapper .formTable .btn {
      padding-bottom: 1.5em;
      padding-top: 1.5em;
      width: 34%
  }
}

@media only screen and (max-width: 750pt) {
  .documents .panels-wrapper .panel {
      height:100%
  }

  .documents .panels-wrapper .details {
      font-size: 1.2em
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table {
      text-align: left;
      width: 100%
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table th {
      border-bottom: 1px solid #e2e3e5;
      font-size: 15px;
      padding: 10px 0
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td {
      font-size: 15px;
      line-height: 23px;
      padding: 10px 0
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td a {
      color: #1a5ca2!important;
      cursor: pointer!important;
      text-decoration: none!important
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table td a:hover {
      color: #0c3f75!important
  }

  .documents .panels-wrapper .uploaded .uploaded-documents-table .uploaded-document {
      max-width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 50%
  }

  .documents .panels-wrapper .trash-image {
      cursor: pointer
  }

  .documents .panels-wrapper .formTable {
      border-collapse: collapse;
      width: 100%
  }

  .documents .panels-wrapper .formTable tr {
      border-bottom: 1px solid #d3d3d3
  }

  .documents .panels-wrapper .formTable .title {
      padding-bottom: 1.5em;
      padding-top: 1.5em;
      width: 66%
  }

  .documents .panels-wrapper .formTable .title .main {
      font-size: 1.2em
  }

  .documents .panels-wrapper .formTable .title .sub {
      color: gray;
      font-size: .9em;
      margin: 0
  }

  .documents .panels-wrapper .formTable .btn {
      padding-bottom: 1.5em;
      padding-top: 1.5em;
      width: 34%
  }
}

.data .data-content {
  padding-bottom: 10px
}

.data .data-content:not(:last-child) {
  border-bottom: 1px solid #e2e3e5
}

.data .data-content:last-child {
  padding-bottom: 0
}

.data .data-content:not(:first-child) {
  padding-top: 10px
}

.data .data-content .data-header {
  color: #2a2e33;
  font-family: Montserrat;
  font-size: 15px;
  height: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  padding-bottom: 10px
}

.data .data-content .data-preferences {
  margin-top: 10px
}

.data .data-content .data-preference-row {
  align-items: center;
  display: flex;
  margin-bottom: 13px
}

.data .data-content .data-preference-row .data-preference-text {
  color: #2a2e33;
  font-family: Montserrat;
  font-size: 15px;
  height: 23px;
  line-height: 23px;
  margin-left: 10px;
  width: 675px
}

.data .data-content .data-operation {
  align-items: start;
  display: flex
}

.data .data-content .data-operation .data-operation-text {
  font-size: 15px;
  line-height: 23px;
  margin-right: 25px
}

@media only screen and (max-width: 750pt) {
  .data .data-content .data-operation {
      align-items:center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }

  .data .data-content .data-operation .data-operation-text {
      margin-right: 0
  }

  .data .data-content .data-operation .data-operation-button {
      margin-top: 10px
  }
}

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

.timer-soon {
  align-items: center;
  border-radius: 7px;
  box-sizing: border-box;
  color: #9a9a9a;
  display: flex;
  font-family: Helvetica;
  height: 67px;
  justify-content: center;
  padding: 0 6px;
  width: 163px
}

@media screen and (max-width: 999px) {
  .timer-soon {
      height:60px;
      width: 140px
  }
}

.timer-soon .timer-cells {
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 100%
}

.timer-soon .timer-cell {
  width: 42px
}

@media screen and (max-width: 999px) {
  .timer-soon .timer-cell {
      width:38px
  }
}

.timer-soon .timer-cell .value {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.17em
}

@media screen and (max-width: 999px) {
  .timer-soon .timer-cell .value {
      font-size:29px
  }
}

.timer-soon .timer-cell .unit {
  font-size: 8px;
  font-weight: 800
}

@media screen and (max-width: 999px) {
  .timer-soon .timer-cell .unit {
      font-size:7px
  }
}

.timer-soon .separator {
  height: 35px;
  position: relative;
  width: 5px
}

.timer-soon .separator .separator-bottom,.timer-soon .separator .separator-top {
  background-color: #9a9a9a;
  border-radius: 50%;
  height: 5px;
  position: absolute;
  width: 5px
}

.timer-soon .separator .separator-top {
  top: 11px
}

.timer-soon .separator .separator-bottom {
  top: 21px
}

@media screen and (max-width: 999px) {
  .timer-soon .separator {
      width:4px
  }

  .timer-soon .separator .separator-bottom,.timer-soon .separator .separator-top {
      height: 4px;
      width: 4px
  }

  .timer-soon .separator .separator-top {
      top: 10px
  }

  .timer-soon .separator .separator-bottom {
      top: 18px
  }
}

.timer-medium {
  align-items: center;
  border-radius: 7px;
  box-sizing: border-box;
  color: #9a9a9a;
  display: flex;
  font-family: Helvetica;
  height: 50px;
  justify-content: center;
  padding: 0 6px;
  width: 163px
}

@media screen and (max-width: 999px) {
  .timer-medium {
      height:42px;
      width: 140px
  }
}

.timer-medium .timer-cells {
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 100%
}

.timer-medium .timer-cell {
  width: 2pc
}

@media screen and (max-width: 999px) {
  .timer-medium .timer-cell {
      width:2pc
  }
}

.timer-medium .timer-cell .value {
  font-size: 26px
}

@media screen and (max-width: 999px) {
  .timer-medium .timer-cell .value {
      font-size:23px;
      line-height: 26px
  }
}

.timer-medium .timer-cell .unit {
  font-size: 6px;
  font-weight: 800
}

@media screen and (max-width: 999px) {
  .timer-medium .timer-cell .unit {
      font-size:5px
  }
}

.timer-medium .separator {
  height: 30px;
  position: relative;
  width: 4px
}

.timer-medium .separator .separator-bottom,.timer-medium .separator .separator-top {
  background-color: #9a9a9a;
  border-radius: 50%;
  height: 4px;
  position: absolute;
  width: 4px
}

.timer-medium .separator .separator-top {
  top: 8px
}

.timer-medium .separator .separator-bottom {
  top: 1pc
}

@media screen and (max-width: 999px) {
  .timer-medium .separator {
      width:3px
  }

  .timer-medium .separator .separator-bottom,.timer-medium .separator .separator-top {
      height: 3px;
      width: 3px
  }

  .timer-medium .separator .separator-top {
      top: 7px
  }

  .timer-medium .separator .separator-bottom {
      top: 14px
  }
}

.timer-long {
  align-items: center;
  border-radius: 7px;
  color: #9a9a9a;
  display: flex;
  font-family: Helvetica;
  height: 50px;
  justify-content: center;
  width: 163px
}

@media screen and (max-width: 999px) {
  .timer-long {
      height:42px;
      width: 140px
  }
}

.timer-long .timer-cells {
  display: flex;
  justify-content: space-around;
  text-align: center;
  width: 100%
}

.timer-long .timer-cell {
  width: 2pc
}

@media screen and (max-width: 999px) {
  .timer-long .timer-cell {
      width:2pc
  }
}

.timer-long .timer-cell .value {
  font-size: 26px
}

@media screen and (max-width: 999px) {
  .timer-long .timer-cell .value {
      font-size:23px
  }
}

.timer-long .timer-cell .unit {
  font-size: 6px;
  font-weight: 800
}

@media screen and (max-width: 999px) {
  .timer-long .timer-cell .unit {
      font-size:5px
  }
}

.timer-long .separator {
  height: 30px;
  position: relative;
  width: 4px
}

.timer-long .separator .separator-bottom,.timer-long .separator .separator-top {
  background-color: #9a9a9a;
  border-radius: 50%;
  height: 4px;
  position: absolute;
  width: 4px
}

.timer-long .separator .separator-top {
  top: 8px
}

.timer-long .separator .separator-bottom {
  top: 1pc
}

@media screen and (max-width: 999px) {
  .timer-long .separator {
      width:3px
  }

  .timer-long .separator .separator-bottom,.timer-long .separator .separator-top {
      height: 3px;
      width: 3px
  }

  .timer-long .separator .separator-top {
      top: 7px
  }

  .timer-long .separator .separator-bottom {
      top: 14px
  }
}

.games-list-header {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  min-height: 90px;
  padding: 3px 44px 4px
}

.games-list-header .games-list-header-link {
  border-radius: 15px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 15px;
  height: 83px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 24px 10px;
  text-align: center
}

.games-list-header .games-list-header-link.selected {
  background-color: #f2f1f1
}

.games-list-header .artwork {
  background-repeat: no-repeat;
  display: inline-block;
  height: 2pc;
  margin-bottom: 4px;
  width: 2pc
}

.games-list-header .text {
  color: #2a2e33;
  font-size: 9pt;
  line-height: 15px;
  text-align: center
}

@media only screen and (max-width: 750pt) {
  .games-list-header {
      background-color:#fff;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin-bottom: 0;
      margin-left: -15px;
      margin-right: -15px;
      min-height: 90px;
      padding: 10px 0 11px
  }

  .games-list-header .games-list-header-link {
      box-sizing: border-box;
      display: inline-block;
      height: auto;
      padding: 8px 0;
      text-align: center;
      width: 30%
  }

  .games-list-header .artwork {
      display: inline-block;
      height: 2pc;
      margin-bottom: 5px;
      width: 2pc
  }

  .games-list-header .text {
      color: #2a2e33;
      font-size: 9pt;
      line-height: 17px;
      text-align: center
  }
}

.game-category-list-desktop {
  background-color: #f2f1f1;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 750pt
}

.game-category-list-desktop a {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 11px 25px 7px
}

.game-category-list-desktop a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  height: 62px;
  margin-bottom: 2px;
  width: 55px
}

.game-category-list-desktop a .text {
  color: #000;
  font-size: 9px;
  font-weight: 800;
  line-height: 15px;
  text-align: center
}

.game-category-list-desktop a.selected,.game-category-list-desktop a:hover {
  background-color: #d8d8d8
}

.game-category-list-mobile {
  background-color: #f2f1f1;
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px
}

.game-category-list-mobile a {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 7px
}

.game-category-list-mobile a .artwork {
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  height: 46px;
  margin-bottom: 1px;
  width: 41px
}

.game-category-list-mobile a .text {
  color: #000;
  font-size: 7px;
  font-weight: 800;
  line-height: 11px;
  text-align: center
}

.game-category-list-mobile a.selected,.game-category-list-mobile a:hover {
  background-color: #d8d8d8
}

.lotto-mobile-banner .game-logo {
  height: 75pt;
  width: 75pt
}

.lotto-mobile-banner .prize-line {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 34px
}

@media screen and (max-width: 20pc) {
  .lotto-mobile-banner .prize-line {
      font-size:21px
  }
}

.lotto-mobile-banner .game-name-line {
  font-size: 20px;
  font-weight: 800;
  line-height: 34px
}

@media screen and (max-width: 20pc) {
  .lotto-mobile-banner .game-name-line {
      font-size:1pc
  }
}

.lotto-mobile-banner .time-line {
  font-size: 9pt;
  line-height: 17px
}

@media screen and (max-width: 20pc) {
  .lotto-mobile-banner .time-line {
      font-size:9pt
  }
}

.grid {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}

.gridCell,.gridCellInactive {
  background-color: #fff;
  border: 1px solid #c5c7cb;
  border-radius: 3px;
  color: #2a2e33;
  font-size: 15px;
  font-weight: 400;
  margin: 1px;
  padding: 3px;
  text-align: center
}

.gridCellSpecial,.gridCellSpecialInactive {
  background-color: #fff;
  border: 1px solid #d70f83;
  border-radius: 3px;
  color: #2a2e33;
  font-size: 15px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  transition: border .25s,background .25s,border-color .25s
}

.gridCellSpecial.extra,.gridCellSpecialInactive.extra {
  border: 1px solid #d70f83
}

.gridCellInactive {
  background-color: #fbfcfd;
  color: #8b949b
}

.gridCellSpecialInactive {
  opacity: .5
}

.pageBackground:not(.MobileLayout) .gridCell:not(.noHover):hover {
  background-color: #0c3f75;
  color: #fff;
  cursor: pointer
}

@media screen and (min-width: 750pt) {
  .gridCellSpecial:hover {
      background:#442f70;
      color: #fff;
      cursor: pointer
  }

  .gridCellSpecial.noHover:hover {
      cursor: default
  }

  .gridCellSpecial.extra:hover {
      background: #d70f83
  }
}

.noHover:hover {
  cursor: default
}

.dimmed {
  opacity: .2
}

.active {
  color: #442f70
}

.circle {
  border-radius: 50%
}

.selected {
  background: #0c3f75;
  border-color: #0c3f75;
  color: #fff
}

.selected.extra {
  background: #d70f83;
  border-color: #d70f83
}

.gridCellSpecial>.selected {
  background-color: #d70f83;
  color: #fff
}

.gridCellSpecialResult {
  background-color: #d70f83;
  border: .5px solid #d70f83;
  color: #2a2e33;
  font-size: 15px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  transition: border .25s,background .25s,border-color .25s
}

.gridCellSpecialResult>.selected {
  background-color: #d70f83;
  color: #fff
}

.keno-mobile-banner .game-logo {
  border-radius: 50%;
  height: 75pt;
  width: 75pt
}

.keno-mobile-banner .prize-line {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 34px
}

@media screen and (max-width: 20pc) {
  .keno-mobile-banner .prize-line {
      font-size:21px
  }
}

.keno-mobile-banner .game-name-line {
  font-size: 20px;
  font-weight: 800;
  line-height: 34px
}

@media screen and (max-width: 20pc) {
  .keno-mobile-banner .game-name-line {
      font-size:1pc
  }
}

.keno-mobile-banner .time-line {
  font-size: 9pt;
  line-height: 17px
}

@media screen and (max-width: 20pc) {
  .keno-mobile-banner .time-line {
      font-size:9pt
  }
}

.inputContainer,.inputContainerRadioGroup,.selectContainer {
  margin-bottom: 20px
}

.inputContainer__withError {
  margin-bottom: 0
}

.buttonWrapper {
  margin-top: 25px
}

@media(max-width: 999px) {
  .inputContainer,.inputContainerRadioGroup,.selectContainer {
      margin-bottom:15px
  }

  .inputContainer__withError {
      margin-bottom: 0
  }

  .buttonWrapper {
      margin-top: 20px
  }
}

.withoutMarginBottom .inputContainer,.withoutMarginBottom .inputContainerRadioGroup,.withoutMarginBottom .selectContainer {
  margin-bottom: 0
}

.inputContainerRadio .label {
  letter-spacing: normal;
  text-transform: none
}

.inputContainerRadio .label div:nth-child(2) {
  position: relative;
  top: -3px
}

.inputContainer {
  color: #d90d15;
  letter-spacing: 1px;
  text-transform: uppercase
}

.error__containerSharedInputs {
  width: 13em!important
}

@media only screen and (max-width: 375px) {
  .error__containerSharedInputs {
      width:9em!important
  }
}

@media only screen and (max-width: 414px) {
  .error__containerSharedInputs {
      width:9em!important
  }
}

.error__container {
  background-color: #d90d15;
  border-radius: 15px;
  color: #fff;
  display: flex;
  margin-left: 1.4em;
  padding: 3px;
  text-transform: uppercase;
  width: 19em
}

.error__container img {
  border-radius: 10px;
  height: 15px;
  width: 15px
}

.error__container span {
  font-weight: 700;
  line-height: 23px;
  margin-left: .5em
}

.inputFieldWithdrawal {
  background-color: #fff;
  border: 2px solid #c5c7cb;
  border-radius: 25px;
  box-sizing: border-box;
  color: #2a2e33;
  font-family: Montserrat,sans-serif;
  font-size: 1pc;
  height: 36px!important;
  line-height: 23px;
  padding: 0 20px;
  width: 100%
}

.inputFieldWithdrawal::-webkit-input-placeholder {
  color: #8b9097
}

.inputFieldWithdrawal:hover {
  border: 2px solid #8b9097
}

.inputFieldWithdrawal:focus {
  border: 2px solid #8b9097!important;
  outline: 0
}

.inputFieldWithdrawal.inputError,.inputFieldWithdrawal.rebilly-framepay-invalid {
  background-color: #fff0f1;
  border: 2px solid #d90d15
}

.inputFieldWithdrawal[type=radio] {
  cursor: pointer
}

.inputFieldWithdrawal[disabled] {
  background-color: #e2e3e5;
  border-color: #e2e3e5;
  color: #8b9097
}

.inputFieldWithdrawal[disabled]:hover {
  border-color: #e2e3e5;
  cursor: not-allowed
}

.inputFieldWithdrawal:invalid {
  box-shadow: none
}

.inputField,.rebilly-framepay {
  background-color: #fff;
  border: 2px solid #c5c7cb;
  border-radius: 25px;
  box-sizing: border-box;
  color: #2a2e33;
  font-family: Montserrat,sans-serif;
  font-size: 1pc;
  height: 50px;
  line-height: 23px;
  padding: 0 20px;
  width: 100%
}

.inputField::-webkit-input-placeholder,.rebilly-framepay::-webkit-input-placeholder {
  color: #8b9097
}

.inputField:hover,.rebilly-framepay:hover {
  border: 2px solid #8b9097
}

.inputField:focus,.rebilly-framepay:focus {
  border: 2px solid #8b9097!important;
  outline: 0
}

.inputField.inputError,.inputField.rebilly-framepay-invalid,.rebilly-framepay.inputError,.rebilly-framepay.rebilly-framepay-invalid {
  background-color: #fff0f1;
  border: 2px solid #d90d15
}

.inputField[type=radio],.rebilly-framepay[type=radio] {
  cursor: pointer
}

.inputField[disabled],.rebilly-framepay[disabled] {
  background-color: #e2e3e5;
  border-color: #e2e3e5;
  color: #8b9097
}

.inputField[disabled]:hover,.rebilly-framepay[disabled]:hover {
  border-color: #e2e3e5;
  cursor: not-allowed
}

.inputField:invalid,.rebilly-framepay:invalid {
  box-shadow: none
}

input:focus {
  background-color: #fff
}

.styledInputRadioContainer {
  min-height: 40px
}

.styledInputRadioContainer .inputField {
  display: none
}

.styledInputRadioContainer .label {
  color: #2a2e33;
  cursor: pointer;
  display: block;
  font-size: 20px;
  padding-bottom: 0;
  padding-left: 39px;
  position: relative;
  text-transform: none
}

.styledInputRadioContainer .label:hover .check:before {
  border: 2px solid #8b9097
}

.styledInputRadioContainer .label:hover .checked:before {
  border: 6px solid #0c3f75
}

.styledInputRadioContainer .check {
  left: 0;
  position: absolute;
  top: 50%
}

.styledInputRadioContainer .check:before {
  background-color: #fff;
  border: 2px solid #c5c7cb;
  border-radius: 100%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  transform: translatey(-50%);
  width: 20px
}

.styledInputRadioContainer .check:before.checked {
  border: 6px solid #8b9097
}

.styledInputRadioContainer .check.checked:before {
  border: 6px solid #1a5ca2
}

.styledInputRadioContainer .hint {
  color: #2a2e33;
  font-size: 1pc;
  margin: 17px 0 25px
}

.styledInputRadioContainer .hint .card {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.styledInputRadioContainer .hint .card .cardNumber {
  align-items: center;
  display: flex
}

.styledInputRadioContainer .hint .card img {
  height: 2pc
}

.styledInputRadioContainer .hint .card .hiddenPart {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 0;
  padding-bottom: 11px;
  padding-left: 8px
}

.styledInputRadioContainer.upoCartChecker {
  min-height: 20px
}

.styledInputRadioContainer.upoCartChecker .label {
  min-height: 20px;
  padding-left: 20px
}

.radio-label {
  cursor: pointer
}

.radio-label .radio-button {
  background-color: #fff;
  border-color: #c5c7cb;
  border-width: 2px
}

.radio-label .radio-button:focus,.radio-label:hover .radio-button {
  background-color: #fff;
  border-color: #8b9097
}

.radio-label .radio-button-checked {
  background-color: #fff;
  border-color: #1a5ca2;
  border-width: 6px
}

.radio-label .radio-button-checked:focus,.radio-label:hover .radio-button-checked {
  background-color: #fff;
  border-color: #0c3f75
}

.radio-label-disabled .radio-button {
  background-color: #c5c7cb;
  border-color: #c5c7cb;
  border-width: 2px
}

.radio-label-disabled .radio-button-checked {
  background-color: #e2e3e5;
  border-color: #c5c7cb;
  border-width: 6px
}

.selectWrapper {
  background: #fff;
  border-radius: 25px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 50px;
  position: relative
}

.selectWrapper:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #2a2e33;
  color: #2a2e33;
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 23px;
  width: 0
}

.selectWrapper.disabledSelectWrapper:hover {
  cursor: not-allowed
}

.selectWrapper.disabledSelectWrapper:before {
  border-top: 6px solid #8b9097;
  color: #8b9097;
  z-index: 0
}

.selectWrapper.disabledSelectWrapper .selectField {
  background: #e2e3e5;
  border-color: #e2e3e5
}

.selectWrapper.selectWrapperError {
  background-color: #fff0f1
}

.fakeLabel,.selectField {
  font-family: Montserrat,sans-serif;
  font-size: 1pc;
  padding-left: 20px;
  padding-right: 25px
}

.fakeLabel {
  border-radius: 20px;
  box-sizing: border-box;
  color: #2a2e33;
  line-height: 50px;
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.fakeLabel.disabledSelectLabel {
  color: #8b9097;
  position: relative;
  z-index: 1
}

.fakeLabel.disabledSelectLabel .selectField {
  opacity: 0
}

.selectField {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid #c5c7cb;
  border-radius: 25px;
  box-sizing: border-box;
  color: hsla(0,0%,100%,.001);
  cursor: pointer;
  font-size: 1pc;
  height: 50px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.disabledSelectWrapper .selectField {
  pointer-events: none
}

.selectField::-ms-expand {
  display: none
}

.selectField:focus,.selectField:focus::-ms-value {
  background-color: transparent;
  color: hsla(0,0%,100%,.001)
}

.selectField>option {
  color: #2a2e33
}

.selectField.placeholder {
  color: #8b9097
}

.selectField:focus,.selectField:hover {
  border: 2px solid #8b9097;
  outline: 0
}

.selectField:disabled {
  background-color: #e2e3e5;
  border: 2px solid #e2e3e5
}

.selectField:disabled::-ms-value {
  color: hsla(0,0%,100%,.001)
}

.selectField.selectError {
  border: 2px solid #d90d15
}

.selectField .dropdown {
  background-color: #fff;
  border: 2px solid #c5c7cb;
  border-radius: 20px;
  box-shadow: 1px 1px 15px 2px rgba(85,85,85,.2);
  font-weight: 400;
  left: 0;
  list-style: none;
  overflow-y: auto;
  padding: 20px 20px 1pc;
  position: absolute;
  right: 0;
  top: 43px;
  transition: all .5s ease-in;
  z-index: 1
}

.selectField .dropdown::-webkit-scrollbar {
  display: none
}

.selectField .dropdown li {
  color: #2a2e33;
  display: block;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 10px 10px 17px;
  text-decoration: none
}

.selectField .dropdown li.selected-option,.selectField .dropdown li:active,.selectField .dropdown li:focus,.selectField .dropdown li:hover {
  background-color: #f8fafb;
  color: #1a5ca2
}

.fakeLabelError {
  background-color: #fff0f1;
  border-radius: 25px
}

.payment-provider-icon {
  height: auto;
  margin: 0 15px 10px 0;
  max-height: 21px
}

.payment-provider-icon:last-child {
  margin-right: 0
}

@media screen and (max-width: 499px) {
  .payment-provider-icon {
      width:auto!important
  }
}

@media screen and (min-width: 25pc) {
  .payment-provider-icon {
      margin:0 9pt 9pt 0
  }
}

.depositView__container .depositView__headerContainer {
  margin-bottom: 1em
}

.depositView__container .depositView__headerContainer span {
  font-size: 20px;
  font-weight: 700
}

.depositView__container .depositView__paymentDetailsGrid {
  display: flex;
  flex-direction: row;
  margin-top: .5em
}

@media only screen and (max-device-width: 568px) and (max-device-height:568px) and (orientation:landscape) {
  .depositView__container .depositView__paymentDetailsGrid {
      flex-direction:column
  }
}

@media only screen and (max-device-width: 8in) and (max-device-height:64pc) {
  .depositView__container .depositView__paymentDetailsGrid {
      flex-direction:column
  }
}

@media only screen and (max-width: 375px) {
  .depositView__container .depositView__paymentDetailsGrid {
      flex-direction:column
  }
}

@media only screen and (max-width: 414px) {
  .depositView__container .depositView__paymentDetailsGrid {
      flex-direction:column
  }
}

.depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn {
  flex: 1 1 0
}

@media only screen and (max-width: 375px) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn {
      margin-bottom:1em
  }
}

@media only screen and (max-width: 414px) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn {
      margin-bottom:1.4em;
      width: 100%
  }
}

@media only screen and (min-device-width: 8in) and (max-device-height:64pc) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn {
      margin-bottom:1.5em;
      width: 100%
  }
}

@media only screen and (min-device-width: 64pc) and (max-device-height:1366px) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn {
      margin-bottom:2em;
      width: 100%
  }
}

@media(width: 810pt) and (height:20in) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn .depositView__panelWidth90Tablet {
      width:90%!important
  }
}

@media(min-width: 8in) and (min-height:64pc) and (orientation:portrait) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn .depositView__panelWidth90Tablet {
      width:96%
  }
}

@media only screen and (min-device-width: 64pc) and (max-device-height:1366px) {
  .depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumn .depositView__panelWidth90Tablet {
      width:90%
  }
}

.depositView__container .depositView__paymentDetailsGrid .depositView__paymentDetailsColumnFullWidth {
  flex: 1 1 0;
  flex-grow: 1
}

@media only screen and (max-width: 375px) {
  .depositView__container .depositView__paymentDetailsGrid {
      flex-direction:column
  }
}

.depositView__container .depositAmountOptionsPanel__container {
  margin-bottom: 1em
}

@media(max-width: 999px) {
  .depositView__container .depositAmountOptionsPanel__container {
      margin-bottom:3em
  }
}

.depositView__container .depositAmountList__container .depositAmountList__itemContainer {
  border-bottom: 1px solid #c5c7cb;
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  line-height: 23px;
  padding-bottom: 1pc;
  padding-top: 1pc
}

.depositView__container .depositAmountList__container:first-of-type {
  padding-top: 0
}

.depositView__container .depositAmountList__container .depositAmountList__itemHeader {
  width: 80%
}

.depositView__container .depositAmountList__container .depositAmountList__itemAmount {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .9px
}

.depositView__container .depositAmountList__container .depositAmountList__itemRemoveWrapper:hover {
  cursor: pointer
}

.depositView__container .depositAmountList__container .depositAmountList__itemRemoveWrapper .depositAmountList__itemRemoveIcon {
  background-image: url(/images/ico/trash-bin.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  height: 20px;
  visibility: visible;
  width: 20px
}

.depositView__container .depositAmountList__container .depositAmountList__itemRemoveWrapper .depositAmountList__itemRemoveIcon .depositAmountList__itemRemoveIconHidden {
  visibility: hidden
}

@media(max-width: 999px) {
  .depositView__container .depositAmountList__container .depositAmountList__itemHeader {
      width:50%
  }

  .depositView__container .depositAmountList__container .depositAmountList__itemAmount {
      margin-left: auto;
      padding-right: 15px
  }
}

.depositView__container .depositAmountTotal__container {
  margin-top: 1.5em;
  text-align: right
}

.depositView__container .depositAmountTotal__container .depositAmountTotal__totalLabel {
  font-size: 20px;
  line-height: 30px
}

.depositView__container .depositAmountTotal__container .depositAmountTotal__totalAmount {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  margin-left: 30px
}

.notLoggedinHeader__wrapper {
  margin-top: 2em
}

.notLoggedinHeader__boldTitle {
  font-size: 17px!important;
  font-weight: 700!important;
  text-transform: none!important
}

.withdrawalView__grid {
  display: flex;
  flex-direction: row;
  margin-top: 3.5em
}

@media only screen and (max-device-width: 568px) and (max-device-height:568px) and (orientation:landscape) {
  .withdrawalView__grid {
      flex-direction:column
  }
}

@media only screen and (max-device-width: 8in) and (max-device-height:64pc) {
  .withdrawalView__grid {
      flex-direction:column
  }
}

@media only screen and (max-width: 375px) {
  .withdrawalView__grid {
      flex-direction:column
  }
}

@media only screen and (max-width: 414px) {
  .withdrawalView__grid {
      flex-direction:column
  }
}

@media only screen and (min-width: 20pc) {
  .withdrawalView__grid {
      margin:0
  }
}

@media only screen and (max-device-width: 8in) and (max-device-height:64pc) {
  .withdrawalView__grid .withdrawalView__hiddeOnMd {
      height:0;
      visibility: hidden
  }
}

.withdrawalView__grid .withdrawalView__verificatonRequired {
  margin-top: 2em
}

@media only screen and (min-device-width: 8in) and (max-device-height:64pc) {
  .withdrawalView__grid .withdrawalView__verificatonRequired {
      margin-top:0
  }

  .withdrawalView__grid .withdrawalView__verificatonRequired .withdrawalView__hiddeOnMdAndLarge {
      height: 0;
      visibility: hidden
  }
}

@media only screen and (min-device-width: 64pc) and (max-device-height:1366px) {
  .withdrawalView__grid .withdrawalView__verificatonRequired .withdrawalView__hiddeOnMdAndLarge {
      height:0;
      visibility: hidden
  }
}

@media only screen and (min-device-width: 812px) and (max-device-height:375px) and (orientation:landscape) {
  .withdrawalView__grid .withdrawalMessage__hiddenLG {
      height:0;
      visibility: hidden
  }
}

@media only screen and (min-device-width: 64pc) and (max-device-height:1366px) {
  .withdrawalView__grid .withdrawalMessage__hiddenLG {
      height:0;
      visibility: hidden
  }
}

@media only screen and (min-device-width: 810pt) and (max-device-height:20in) {
  .withdrawalView__grid .withdrawalMessage__hiddenLG {
      height:0;
      visibility: hidden
  }
}

@media only screen and (max-width: 375px) {
  .withdrawalView__grid .withdrawalView__verificationMessageMobileSm {
      visibility:visible
  }
}

.withdrawalView__grid .withdrawalView__column {
  flex: 1 1 0;
  flex-grow: .5
}

.withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
  margin-top: 4.1em
}

@media(min-width: 64pc) and (min-height:64pc) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      float:right;
      width: 90%
  }
}

@media(min-width: 64pc) and (min-height:1366px) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      float:right;
      width: 90%
  }
}

@media(width: 812px) and (height:375px) and (orientation:landscape) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      float:right;
      width: 90%
  }
}

@media(width: 667px) and (height:375px) and (orientation:landscape) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 568px) and (height:20pc) and (orientation:landscape) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 46pc) and (height:414px) and (orientation:landscape) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 414px) and (height:46pc) and (orientation:portrait) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 375px) and (height:667px) and (orientation:portrait) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 20pc) and (height:568px) and (orientation:portrait) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

@media(width: 8in) and (height:64pc) and (orientation:portrait) {
  .withdrawalView__grid .withdrawalView__column .withdrawalView__noTitle {
      margin-top:0
  }
}

.withdrawalView__grid .withdrawalView__column .withdrawalView__title {
  margin-bottom: 1.4em
}

@media only screen and (min-device-width: 8in) and (max-device-height:64pc) {
  .withdrawalView__grid .withdrawalView__column {
      width:100%
  }
}

@media only screen and (min-device-width: 64pc) and (max-device-height:1366px) {
  .withdrawalView__grid .withdrawalView__column {
      width:100%
  }
}

.withdrawalMessage {
  margin-right: 50px;
  margin-top: 22px;
  text-align: left
}

.withdrawalMessage p {
  font-size: 15px;
  line-height: 23px
}

.withdrawalAmountFormContainer__container {
  padding: 1.4em
}

.withdrawalAmountFormContainer__container .withdrawalAmountFormContainer__title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 1em
}

@media only screen and (max-width: 375px) {
  .withdrawalAmountFormContainer__container {
      margin-left:-2em;
      padding: 1.1em
  }
}

@media(max-width: 999px) {
  .cartView__container .cart-icon {
      margin-top:40px
  }

  .cartView__container .title {
      margin-top: 18px
  }
}

.cartView__container .cartView__grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media(max-width: 999px) {
  .cartView__container .cartView__grid {
      flex-direction:column
  }
}

.cartView__container .cartView__smallColumn {
  flex: 0 0 45%;
  margin-left: 3em
}

@media(max-width: 999px) {
  .cartView__container .cartView__smallColumn {
      margin-left:0
  }
}

.cartView__container .cartView__longColumn {
  flex: 0 0 55%
}

.cartView__container .cartView_fullWidthColumn {
  flex: 0 0 100%
}

@media(max-width: 999px) {
  .cartView__container .cartView__fullWidthColumnMobile {
      width:100%
  }

  .cartView__container .canadian-greetings-mobile-shrink {
      padding: 0 1.2em
  }
}

.cartView__container .emptyCartMessage__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%
}

.cartView__container .emptyCartMessage__wrapper .emptyCartMessage__icon {
  background: url(/images/ico/cart-empty.svg) no-repeat;
  background-size: 55px;
  height: 55px;
  margin-top: 30px;
  width: 55px
}

.cartView__container .emptyCartMessage__wrapper .emptyCartMessage__title {
  color: #d70f83;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 20px
}

.cartView__container .emptyCartMessage__wrapper .emptyCartMessage__helpMessage {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 5px;
  text-align: center;
  width: 249px
}

.cartView__container .emptyCartMessage__wrapper .button {
  margin-top: 20px
}

.cartView__container .promoLotteries__container {
  margin-bottom: 30px;
  margin-left: 30px;
  width: 415px
}

@media(max-width: 999px) {
  .cartView__container .promoLotteries__container {
      margin-left:0;
      margin-top: 2em;
      width: 100%
  }
}

.cartView__container .promoLotteries__container .promoLotteries__title {
  align-items: center;
  display: flex;
  margin: 0 0 20px
}

.cartView__container .promoLotteries__container .promoLotteries__title img {
  margin-right: 10px
}

.cartView__container .promoLotteries__container .promoLotteries__list {
  display: flex
}

.cartView__container .promoLotterie__container {
  text-align: center;
  width: 50%
}

.cartView__container .promoLotterie__container .promoLotterie__logo {
  cursor: pointer;
  display: inline-block
}

.cartView__container .promoLotterie__container .promoLotterie__name {
  color: #d70f83;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 17px;
  margin: 10px 0 0;
  text-transform: uppercase
}

.cartView__container .promoLotterie__container .promoLotterie__description {
  line-height: 28px;
  margin: 0 0 10px;
  text-transform: uppercase
}

.cartView__container .promoLotterie__container a {
  margin: 0 auto
}

.cartView__container .totalToChargeFromCard__container {
  font-size: 20;
  line-height: 30px;
  padding-top: 20px
}

.cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__wrapper {
  font-weight: 200;
  text-align: right
}

.cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__wrapperWithError {
  color: #d90d15
}

.cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__cartTotal {
  font-size: 20px
}

.cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__cartTotalValue {
  font-size: 18px;
  font-weight: 800;
  margin-left: 15px
}

@media screen and (min-width: 750pt) {
  .cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__cartTotalValue {
      margin-left:30px
  }
}

.cartView__container .totalToChargeFromCard__container .totalToChargeFromCard__cartTotalError {
  color: #d90d15;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 5px;
  text-transform: uppercase
}

.cartView__container .cartView__goToCheckoutMobileButtonContainer {
  margin-top: 2em
}

.cartView__container .cartView__goToCheckoutMobileButtonContainer .cartView__goToCheckoutMobileButton {
  text-transform: uppercase
}

.cartView__container .useAccountFounds__containerWithBorder {
  border-bottom: 1px solid #c5c7cb;
  margin-bottom: 1.5em
}

.cartView__container .useAccountFounds__container .useAccountFounds__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1em
}

.cartView__container .useAccountFounds__container .useAccountFounds__togglerContainer {
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  margin-bottom: 2em;
  margin-top: 1em
}

.cartView__container .useAccountFounds__container .useAccountFounds__togglerAndLabelContainer {
  align-content: center;
  display: flex
}

.cartView__container .useAccountFounds__container .useAccountFounds__togglerAndLabelContainer span {
  margin-left: 1em
}

.cartView__container .accountFundsSubtotal {
  border-bottom: 1px solid #c5c7cb;
  padding: 20px 0
}

.cartView__container .accountFundsSubtotal__row {
  display: flex;
  font-size: 15px;
  justify-content: flex-end;
  line-height: 23px;
  text-align: right
}

.cartView__container .accountFundsSubtotal__label {
  padding-right: 10px
}

.cartView__container .accountFundsSubtotal__value {
  flex-basis: 105px
}

.notLoggedInHeader__container .notLoggedInHeader__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  margin-bottom: .4em;
  padding: 5px 0;
  text-transform: uppercase
}

.notLoggedInHeader__container .notLoggedInHeader__description {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px
}

.game-faq .button,.game-info .button {
  display: inline-flex;
  padding: 0 25px;
  width: initial
}

.game-info a.disabled,.game-info a.disabled:focus,.game-info a.disabled:hover {
  color: #c5c7cb;
  cursor: default;
  outline: 0
}

.ftue-6-1-blue-on-white-black-header .primary-header {
  text-align: center
}

.ftue-6-1-blue-on-white-pink-header .primary-header {
  color: #d70f83;
  text-align: center
}

.ftue-6-1-blue-on-white-black-header .stage-2,.ftue-6-1-blue-on-white-pink-header .stage-2,.ftue-6-2-blue-on-white-black-header .stage-2,.ftue-6-2-blue-on-white-pink-header .stage-2 {
  color: #fff
}

.ftue-6-1-blue-on-white-black-header .panel,.ftue-6-1-blue-on-white-pink-header .panel,.ftue-6-2-blue-on-white-black-header .panel,.ftue-6-2-blue-on-white-pink-header .panel {
  background-color: #1a5ca2
}

.ftue-6-1-blue-on-white-black-header .panel .link,.ftue-6-1-blue-on-white-pink-header .panel .link,.ftue-6-2-blue-on-white-black-header .panel .link,.ftue-6-2-blue-on-white-pink-header .panel .link {
  color: #3dcdff
}

.ftue-6-1-blue-on-white-black-header .panel .byCreatingAccount,.ftue-6-1-blue-on-white-black-header .panel .label,.ftue-6-1-blue-on-white-pink-header .panel .byCreatingAccount,.ftue-6-1-blue-on-white-pink-header .panel .label,.ftue-6-2-blue-on-white-black-header .panel .byCreatingAccount,.ftue-6-2-blue-on-white-black-header .panel .label,.ftue-6-2-blue-on-white-pink-header .panel .byCreatingAccount,.ftue-6-2-blue-on-white-pink-header .panel .label {
  color: #fff!important
}

@media screen and (max-width: 750pt) {
  .ftue-6-1-blue-on-white-black-header .primary-header,.ftue-6-1-blue-on-white-pink-header .primary-header {
      padding-left:20px;
      padding-right: 20px;
      text-align: left
  }
}

.ftue-6-1-gray-on-white-black-header .panel,.ftue-6-1-gray-on-white-pink-header .panel,.ftue-6-2-gray-on-white-black-header .panel,.ftue-6-2-gray-on-white-pink-header .panel {
  background-color: #f8fafb
}

.ftue-6-1-gray-on-white-black-header .panel .link,.ftue-6-1-gray-on-white-pink-header .panel .link,.ftue-6-2-gray-on-white-black-header .panel .link,.ftue-6-2-gray-on-white-pink-header .panel .link {
  color: #0080c1
}

.ftue-6-2-blue-on-white-pink-header .primary-header {
  color: #d70f83
}

.ftue-6-1-gray-on-white-black-header .primary-header {
  text-align: center
}

.ftue-6-1-gray-on-white-pink-header .primary-header {
  color: #d70f83;
  text-align: center
}

.ftue-6-2-gray-on-white-pink-header .primary-header {
  color: #d70f83
}

.ftue-6-1-blue-on-white-black-header,.ftue-6-1-blue-on-white-pink-header,.ftue-6-1-gray-on-white-black-header,.ftue-6-1-gray-on-white-pink-header,.ftue-6-2-blue-on-white-black-header,.ftue-6-2-blue-on-white-pink-header,.ftue-6-2-gray-on-white-black-header,.ftue-6-2-gray-on-white-pink-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 743px
}

.ftue-6-1-blue-on-white-black-header .stage-2,.ftue-6-1-blue-on-white-pink-header .stage-2,.ftue-6-1-gray-on-white-black-header .stage-2,.ftue-6-1-gray-on-white-pink-header .stage-2,.ftue-6-2-blue-on-white-black-header .stage-2,.ftue-6-2-blue-on-white-pink-header .stage-2,.ftue-6-2-gray-on-white-black-header .stage-2,.ftue-6-2-gray-on-white-pink-header .stage-2 {
  padding: 50px 20px
}

.ftue-6-1-blue-on-white-black-header .stage-2 .panel,.ftue-6-1-blue-on-white-pink-header .stage-2 .panel,.ftue-6-1-gray-on-white-black-header .stage-2 .panel,.ftue-6-1-gray-on-white-pink-header .stage-2 .panel,.ftue-6-2-blue-on-white-black-header .stage-2 .panel,.ftue-6-2-blue-on-white-pink-header .stage-2 .panel,.ftue-6-2-gray-on-white-black-header .stage-2 .panel,.ftue-6-2-gray-on-white-pink-header .stage-2 .panel {
  max-width: 750pt!important
}

.ftue-6-1-blue-on-white-black-header .primary-header,.ftue-6-1-blue-on-white-pink-header .primary-header,.ftue-6-1-gray-on-white-black-header .primary-header,.ftue-6-1-gray-on-white-pink-header .primary-header,.ftue-6-2-blue-on-white-black-header .primary-header,.ftue-6-2-blue-on-white-pink-header .primary-header,.ftue-6-2-gray-on-white-black-header .primary-header,.ftue-6-2-gray-on-white-pink-header .primary-header {
  font-size: 36px;
  font-weight: 700
}

.ftue-6-1-blue-on-white-black-header .header-description,.ftue-6-1-blue-on-white-pink-header .header-description,.ftue-6-1-gray-on-white-black-header .header-description,.ftue-6-1-gray-on-white-pink-header .header-description,.ftue-6-2-blue-on-white-black-header .header-description,.ftue-6-2-blue-on-white-pink-header .header-description,.ftue-6-2-gray-on-white-black-header .header-description,.ftue-6-2-gray-on-white-pink-header .header-description {
  font-size: 24px;
  line-height: 34px
}

.ftue-6-1-blue-on-white-black-header .header-description-subtext,.ftue-6-1-blue-on-white-pink-header .header-description-subtext,.ftue-6-1-gray-on-white-black-header .header-description-subtext,.ftue-6-1-gray-on-white-pink-header .header-description-subtext,.ftue-6-2-blue-on-white-black-header .header-description-subtext,.ftue-6-2-blue-on-white-pink-header .header-description-subtext,.ftue-6-2-gray-on-white-black-header .header-description-subtext,.ftue-6-2-gray-on-white-pink-header .header-description-subtext {
  font-size: 15px;
  line-height: 1pc
}

.ftue-6-1-blue-on-white-black-header .referralOnly,.ftue-6-1-blue-on-white-pink-header .referralOnly,.ftue-6-1-gray-on-white-black-header .referralOnly,.ftue-6-1-gray-on-white-pink-header .referralOnly,.ftue-6-2-blue-on-white-black-header .referralOnly,.ftue-6-2-blue-on-white-pink-header .referralOnly,.ftue-6-2-gray-on-white-black-header .referralOnly,.ftue-6-2-gray-on-white-pink-header .referralOnly {
  display: none
}

.ftue-6-1-blue-on-white-black-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-1-blue-on-white-pink-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-1-gray-on-white-black-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-1-gray-on-white-pink-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-2-blue-on-white-black-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-2-blue-on-white-pink-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-2-gray-on-white-black-header .signup-form .button_default:not(.buttonDisabled),.ftue-6-2-gray-on-white-pink-header .signup-form .button_default:not(.buttonDisabled) {
  background-color: #d70f83
}

@media screen and (min-width: 750pt) {
  .ftue-6-1-blue-on-white-black-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-1-blue-on-white-pink-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-1-gray-on-white-black-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-1-gray-on-white-pink-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-2-blue-on-white-black-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-2-blue-on-white-pink-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-2-gray-on-white-black-header .signup-form.bottom-disclaimer .buttonWrapper,.ftue-6-2-gray-on-white-pink-header .signup-form.bottom-disclaimer .buttonWrapper {
      margin:auto;
      max-width: 275px
  }
}

.ftue-6-1-blue-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-blue-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-gray-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-gray-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-blue-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-blue-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-gray-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-gray-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

@media screen and (min-width: 750pt) {
  .ftue-6-1-blue-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-blue-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-gray-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-1-gray-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-blue-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-blue-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-gray-on-white-black-header .signup-form.bottom-disclaimer .byCreatingAccount,.ftue-6-2-gray-on-white-pink-header .signup-form.bottom-disclaimer .byCreatingAccount {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px
  }
}

.ftue-5-1-gray-on-blue {
  background-color: #1a5ca2!important;
  padding: 20px
}

.ftue-5-1-gray-on-blue .stage-2-header-m {
  color: #1a5ca2
}

.ftue-5-1-gray-on-blue .panel-color.stage-2 {
  background-color: inherit
}

.ftue-5-1-gray-on-blue .panel-color {
  background-color: #fff;
  color: #2a2e33
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-gray-on-blue .panel-color {
      background-color:#f8fafb
  }
}

.ftue-5-1-gray-on-blue .panel-color .hdrs {
  padding: 0 15px
}

.ftue-5-1-gray-on-blue .panel-color .hdrs .link {
  font-weight: 800
}

.ftue-5-1-gray-on-blue .panel-color .panel {
  background-color: #fff;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-top: 36px
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-gray-on-blue .panel-color .panel {
      background-color:#f8fafb
  }
}

.ftue-5-1-gray-on-blue .panel-color .panel .referralOnly {
  display: none
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-gray-on-blue .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

@media screen and (min-width: 750pt) {
  .ftue-5-1-gray-on-blue .panel-color .byCreatingAccount,.ftue-5-1-gray-on-blue .panel-color .label {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }
}

.ftue-5-1-gray-on-blue .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

.ftue-5-2-gray-on-blue {
  padding: 0
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-blue {
      background-color:#fff
  }
}

.ftue-5-2-gray-on-blue .stage-2-header-m {
  color: #1a5ca2
}

.ftue-5-2-gray-on-blue .headers {
  background-color: #fff;
  padding: 0 20px
}

.ftue-5-2-gray-on-blue .headers .hdrs.hdr-primary {
  color: #d70f83;
  font-size: 28px;
  line-height: 33px
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-blue .headers .hdrs.hdr-primary {
      color:#fff;
      padding-top: 29px
  }
}

.ftue-5-2-gray-on-blue .headers .hdrs .link {
  font-weight: 800
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-blue .headers .hdrs .link {
      color:#00c7ff
  }

  .ftue-5-2-gray-on-blue .headers {
      background-color: #1a5ca2;
      color: #fff
  }
}

.ftue-5-2-gray-on-blue .headers .hdrs {
  padding: 0
}

.ftue-5-2-gray-on-blue .panel-color {
  background-color: #1a5ca2!important;
  padding: 28px 20px 20px
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-blue .panel-color {
      margin-top:28px
  }
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-blue .panel-color {
      padding-bottom:30px
  }
}

.ftue-5-2-gray-on-blue .panel-color .panel {
  background-color: #f8fafb;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-top: 36px
}

.ftue-5-2-gray-on-blue .panel-color .panel .referralOnly {
  display: none
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-blue .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

.ftue-5-2-gray-on-blue .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-blue .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }

  .ftue-5-2-gray-on-blue .panel-color .signup-form.bottom-disclaimer .buttonWrapper {
      margin: auto;
      width: 275px
  }
}

.ftue-5-2-gray-on-blue .panel-color .signup-form .button_default:not(.buttonDisabled) {
  background-color: #d70f83
}

.ftue-5-2-blue-on-gray {
  padding: 0
}

.ftue-5-2-blue-on-gray .headers {
  padding: 0 20px
}

.ftue-5-2-blue-on-gray .headers .hdr-primary {
  color: #d70f83;
  font-size: 28px;
  line-height: 33px
}

.ftue-5-2-blue-on-gray .headers .hdrs {
  padding: 0
}

.ftue-5-2-blue-on-gray .headers .hdrs .link {
  font-weight: 800
}

.ftue-5-2-blue-on-gray .panel-color.stage-2 {
  background-color: #f8fafb;
  color: #fff
}

.ftue-5-2-blue-on-gray .panel-color {
  padding: 28px 20px 20px
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-blue-on-gray .panel-color {
      padding-bottom:28px
  }
}

.ftue-5-2-blue-on-gray .panel-color .panel {
  background-color: #1a5ca2;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-top: 36px
}

.ftue-5-2-blue-on-gray .panel-color .panel .referralOnly {
  display: none
}

.ftue-5-2-blue-on-gray .panel-color .link {
  color: #40b8ff
}

.ftue-5-2-blue-on-gray .panel-color .label {
  color: #fff!important
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-blue-on-gray .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

.ftue-5-2-blue-on-gray .panel-color .byCreatingAccount {
  color: #fff!important
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-blue-on-gray .panel-color .byCreatingAccount {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }

  .ftue-5-2-blue-on-gray .panel-color .signup-form.bottom-disclaimer .buttonWrapper {
      margin: auto;
      max-width: 275px
  }
}

.ftue-5-2-blue-on-gray .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

.ftue-5-2-blue-on-gray .panel-color .signup-form .button_default:not(.buttonDisabled) {
  background-color: #d70f83
}

.ftue-5-2-gray-on-white {
  padding: 0
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-white {
      background-color:#fff
  }
}

.ftue-5-2-gray-on-white .headers {
  padding: 0 20px
}

.ftue-5-2-gray-on-white .headers .hdr-primary {
  color: #1a5ca2;
  font-size: 24px;
  line-height: 33px
}

.ftue-5-2-gray-on-white .headers .hdrs {
  padding: 0
}

.ftue-5-2-gray-on-white .headers .hdrs .link {
  font-weight: 800
}

.ftue-5-2-gray-on-white .panel-color {
  background-color: #fff!important;
  padding: 28px 20px 20px
}

.ftue-5-2-gray-on-white .panel-color .panel {
  background-color: #f8fafb;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-top: 36px
}

.ftue-5-2-gray-on-white .panel-color .panel .referralOnly {
  display: none
}

.ftue-5-2-gray-on-white .panel-color .link {
  color: #0072bd
}

.ftue-5-2-gray-on-white .panel-color .byCreatingAccount,.ftue-5-2-gray-on-white .panel-color .label {
  color: #2a2e33!important
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-white .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-white .panel-color .signup-form.bottom-disclaimer .buttonWrapper {
      margin:auto;
      max-width: 275px
  }
}

@media screen and (max-width: 750pt) {
  .ftue-5-2-gray-on-white .panel-color .signup-form.bottom-disclaimer .buttonWrapper {
      padding-left:19px;
      padding-right: 19px
  }
}

.ftue-5-2-gray-on-white .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

@media screen and (min-width: 750pt) {
  .ftue-5-2-gray-on-white .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }
}

.ftue-5-1-blue-on-gray {
  background-color: #f8fafb!important;
  padding: 20px
}

.ftue-5-1-blue-on-gray .panel-color.stage-2 {
  background-color: inherit
}

.ftue-5-1-blue-on-gray .panel-color {
  background-color: #1a5ca2;
  color: #fff
}

.ftue-5-1-blue-on-gray .panel-color .hdrs {
  padding: 0 15px
}

.ftue-5-1-blue-on-gray .panel-color .hdrs .link {
  font-weight: 800
}

.ftue-5-1-blue-on-gray .panel-color .panel {
  background-color: #1a5ca2;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-top: 36px
}

.ftue-5-1-blue-on-gray .panel-color .panel .referralOnly {
  display: none
}

.ftue-5-1-blue-on-gray .panel-color .link {
  color: #40b8ff
}

.ftue-5-1-blue-on-gray .panel-color .byCreatingAccount,.ftue-5-1-blue-on-gray .panel-color .label {
  color: #fff!important
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-blue-on-gray .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

.ftue-5-1-blue-on-gray .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

@media screen and (min-width: 750pt) {
  .ftue-5-1-blue-on-gray .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-blue-on-gray .panel-color .signup-form.bottom-disclaimer .buttonWrapper {
      padding-left:19px;
      padding-right: 19px
  }
}

.ftue-5-1-blue-on-gray .panel-color .signup-form .button_default:not(.buttonDisabled) {
  background-color: #d70f83
}

.ftue-5-1-gray-on-white {
  background-color: #fff!important;
  padding: 20px
}

.ftue-5-1-gray-on-white .panel-color {
  background-color: #fff;
  color: #2a2e33
}

.ftue-5-1-gray-on-white .panel-color .hdrs {
  padding: 0
}

.ftue-5-1-gray-on-white .panel-color .hdrs .link {
  font-weight: 800
}

.ftue-5-1-gray-on-white .panel-color .panel {
  background-color: #f8fafb;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  padding-left: 2pc;
  padding-right: 2pc;
  padding-top: 36px
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-gray-on-white .panel-color .panel {
      margin-top:1pc
  }
}

.ftue-5-1-gray-on-white .panel-color .panel .referralOnly {
  display: none
}

.ftue-5-1-gray-on-white .panel-color .panel .stage-2-header-m {
  color: #1a5ca2
}

.ftue-5-1-gray-on-white .panel-color .link {
  color: #40b8ff
}

.ftue-5-1-gray-on-white .panel-color .byCreatingAccount,.ftue-5-1-gray-on-white .panel-color .label {
  color: #2a2e33
}

@media screen and (min-width: 750pt) {
  .ftue-5-1-gray-on-white .panel-color .byCreatingAccount,.ftue-5-1-gray-on-white .panel-color .label {
      margin-left:auto;
      margin-right: auto;
      max-width: 275px;
      padding-left: 20px
  }
}

@media screen and (max-width: 750pt) {
  .ftue-5-1-gray-on-white .panel-color .label {
      font-size:13px;
      line-height: 21px
  }
}

.ftue-5-1-gray-on-white .panel-color .signup-form.bottom-disclaimer .byCreatingAccount {
  text-align: left
}

.prize-tier-first-col {
  min-width: 20px;
  padding-bottom: 3px;
  padding-right: 10px
}

@media screen and (min-width: 375px) {
  .prize-tier-first-col {
      min-width:31px;
      padding-left: 21px;
      padding-right: 0;
      text-align: left
  }
}

.prize-tier-last-col {
  align-items: right;
  display: inline-flex;
  font-size: 9pt;
  padding-left: 10px
}

@media screen and (min-width: 375px) {
  .prize-tier-last-col {
      padding-right:20px
  }
}

.prize-drawing-time-local {
  font-style: italic
}

.desktop-keno-picker-container {
  position: relative;
  width: 184px
}

.desktop-keno-picker {
  background-color: #f8fafb;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
  box-sizing: border-box;
  height: 440px;
  overflow: hidden;
  position: absolute;
  width: 184px
}

.desktop-keno-picker-grow-left {
  right: 0
}

.desktop-keno-picker-grow-right {
  left: 0
}

.desktop-keno-picker .pick-area {
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 15px;
  box-sizing: border-box;
  height: 100%;
  padding: 5px;
  position: absolute;
  width: 184px
}

.desktop-keno-picker.empty {
  border-color: #fbfcfd
}

.desktop-keno-picker.empty .pick-area {
  background-color: #fbfcfd
}

.desktop-keno-picker.empty .pick-area .gridCell {
  background-color: #fbfcfd;
  color: #8b949b
}

.desktop-keno-picker.empty:hover .pick-area {
  background-color: #fff
}

.desktop-keno-picker.empty:hover .pick-area .gridCell {
  background-color: #fff;
  color: #2a2e33
}

.desktop-keno-picker.empty:hover .pick-area .gridCell:hover {
  background-color: #0c3f75;
  color: #fff
}

.desktop-keno-picker-grow-left .pick-area {
  right: -2px;
  top: -2px
}

.desktop-keno-picker-grow-right .pick-area {
  left: -2px;
  top: -2px
}

.desktop-keno-picker-grow-left .info-area {
  right: 184px
}

.desktop-keno-picker-grow-right .info-area {
  left: 184px
}

.desktop-keno-picker .pick-area .number {
  align-self: center;
  color: #8b9097;
  font-size: 5pc;
  left: 50%;
  opacity: .2;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.desktop-keno-picker .info-area {
  font-size: 9pt;
  height: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  width: 10pc
}

.desktop-keno-picker:hover {
  border: 2px solid #2576cd;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
  min-width: 350px;
  z-index: 1
}

.desktop-keno-picker-grow-left:hover .pick-area,.desktop-keno-picker-grow-right:hover .pick-area {
  border: 2px dotted #2576cd
}

.desktop-keno-picker:hover .pick-area .number {
  display: none
}

.bet-per-game-item {
  border-bottom: 2px solid #c5c7cb;
  border-right: 2px solid #c5c7cb;
  border-top: 2px solid #c5c7cb;
  box-sizing: border-box;
  color: #2a2e33;
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  padding: 8px 0;
  text-align: center;
  width: 50px
}

@media only screen and (min-width: 385px) {
  .bet-per-game-item {
      width:4pc
  }
}

.bet-per-game-item:hover {
  font-weight: 800
}

.bet-per-game-item:first-child {
  border-bottom-left-radius: 19px;
  border-left: 2px solid #c5c7cb;
  border-top-left-radius: 19px
}

.bet-per-game-item:last-child {
  border-bottom-right-radius: 19px;
  border-right: 2px solid #c5c7cb;
  border-top-right-radius: 19px
}

.bet-per-game-item-selected {
  background-color: #1a5ca2;
  border-right: 2px solid #c5c7cb;
  box-sizing: border-box;
  color: #fff;
  cursor: default;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  width: 4pc
}

.bet-per-game-item-selected:first-child {
  border-bottom-left-radius: 19px;
  border-left: 2px solid #1a5ca2;
  border-top-left-radius: 19px
}

.bet-per-game-item-selected:last-child {
  border-bottom-right-radius: 19px;
  border-right: 2px solid #1a5ca2;
  border-top-right-radius: 19px
}

.select-no-bottom-margin .selectContainer {
  margin-bottom: 0
}

.game-info h2.keno-objective {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-block-end:0;margin-block-start:0}

.signup-form {
  box-sizing: border-box
}

.signup-form h3 {
  margin: 0 0 18px
}

@media only screen and (max-width: 375px) {
  .signup-form h3 {
      font-size:15px
  }
}

.signup-form h3 span {
  display: block
}

.signup-form .two-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.signup-form .two-columns .inputContainer {
  flex: 350px 0 1
}

.signup-form .two-columns .formFlexDesktop {
  justify-content: space-between
}

.signup-form.bottom-disclaimer .buttonWrapper {
  margin-top: 0;
  text-align: center
}

.signup-form.bottom-disclaimer .byCreatingAccount {
  color: #8b9097;
  font-size: 9pt;
  line-height: 17px;
  margin-top: 20px;
  text-align: center
}

.signup-form .signup-blocker {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.no_underline {
  text-decoration: none
}

.invite-link-page {
  box-sizing: border-box
}

.invite-link-page-desktop .invite-link-header,.invite-link-page-mobile .invite-link-header,.inviteLinkPurchaseComplete .invite-link-header {
  padding: 0
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .invite-link-header,.invite-link-page-mobile .invite-link-header,.inviteLinkPurchaseComplete .invite-link-header {
      padding:22px 0 0
  }
}

.invite-link-page-desktop .invite-link-header .header-inner-page__background,.invite-link-page-mobile .invite-link-header .header-inner-page__background,.inviteLinkPurchaseComplete .invite-link-header .header-inner-page__background {
  max-height: 305px
}

.invite-link-page-desktop .invite-link-header .header-content,.invite-link-page-mobile .invite-link-header .header-content,.inviteLinkPurchaseComplete .invite-link-header .header-content {
  align-items: center;
  color: #2a2e33;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: space-between;
  margin: auto;
  position: relative;
  text-align: center;
  z-index: 1
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .invite-link-header .header-content,.invite-link-page-mobile .invite-link-header .header-content,.inviteLinkPurchaseComplete .invite-link-header .header-content {
      align-items:flex-start;
      color: #fff;
      flex-direction: row;
      max-width: 750pt;
      text-align: left;
      width: 100%
  }
}

.invite-link-page-desktop .invite-link-header .free-bets-image,.invite-link-page-mobile .invite-link-header .free-bets-image,.inviteLinkPurchaseComplete .invite-link-header .free-bets-image {
  max-width: 100%;
  padding: 0 20px;
  width: 100%
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .invite-link-header .free-bets-image,.invite-link-page-mobile .invite-link-header .free-bets-image,.inviteLinkPurchaseComplete .invite-link-header .free-bets-image {
      padding:0
  }
}

.invite-link-page-desktop .invite-link-header .free-bets-image svg,.invite-link-page-mobile .invite-link-header .free-bets-image svg,.inviteLinkPurchaseComplete .invite-link-header .free-bets-image svg {
  max-width: 100%
}

.invite-link-page-desktop .invite-link-header h1,.invite-link-page-mobile .invite-link-header h1,.inviteLinkPurchaseComplete .invite-link-header h1 {
  display: block;
  font-size: 43px;
  font-weight: 800;
  margin: 0 0 30px
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .invite-link-header h1,.invite-link-page-mobile .invite-link-header h1,.inviteLinkPurchaseComplete .invite-link-header h1 {
      margin:0;
      padding-right: 75pt
  }
}

.invite-link-page-desktop .invite-link-header h4,.invite-link-page-mobile .invite-link-header h4,.inviteLinkPurchaseComplete .invite-link-header h4 {
  display: block;
  font-size: 23px;
  font-weight: 400;
  margin: 0
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .invite-link-header .free-bets-text,.invite-link-page-mobile .invite-link-header .free-bets-text,.inviteLinkPurchaseComplete .invite-link-header .free-bets-text {
      flex:451px 0 0;
      padding-top: 72px
  }
}

.invite-link-page-desktop .referral-link,.invite-link-page-mobile .referral-link,.inviteLinkPurchaseComplete .referral-link {
  text-align: center
}

.invite-link-page-desktop .inviteLinkWrapper,.invite-link-page-mobile .inviteLinkWrapper,.inviteLinkPurchaseComplete .inviteLinkWrapper {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 750pt
}

.invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease {
  height: 100%;
  margin-bottom: 25px;
  order: 2;
  text-align: left
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease {
      order:initial;
      padding: 25px 22px
  }

  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease h2,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease h2,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease h2 {
      margin-bottom: 7px
  }
}

.invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .message,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .message,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .message {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 18px;
  padding-right: 30px
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .message,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .message,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .message {
      margin-bottom:27px
  }
}

@media screen and (max-width: 20pc) {
  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .message,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .message,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .message {
      padding-right:0
  }
}

.invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .buttons,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .buttons,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%
}

@media screen and (min-width: 750pt) {
  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .buttons,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .buttons,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .buttons {
      margin-bottom:18px
  }
}

.invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .buttons .button,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .buttons .button,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .buttons .button {
  height: 40px;
  margin-bottom: 9pt
}

.invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .buttons .button:last-child,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .buttons .button:last-child,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .buttons .button:last-child {
  margin-bottom: 0
}

.invite-link-page-desktop .inviteLinkWrapper .panel,.invite-link-page-mobile .inviteLinkWrapper .panel,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel {
  height: 100%
}

.invite-link-page-desktop .inviteLinkWrapper .panel h2,.invite-link-page-mobile .inviteLinkWrapper .panel h2,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel h2 {
  font-size: 28px;
  margin-top: 0
}

.invite-link-page-desktop .referralLink,.invite-link-page-mobile .referralLink,.inviteLinkPurchaseComplete .referralLink {
  background-color: #d70f83;
  border-radius: 25px;
  display: inline-block;
  padding: 14px 30px;
  text-align: center
}

.invite-link-page-desktop .referralLink a,.invite-link-page-mobile .referralLink a,.inviteLinkPurchaseComplete .referralLink a {
  color: #fff;
  font-size: 15px
}

.invite-link-page-desktop .referralLink span,.invite-link-page-mobile .referralLink span,.inviteLinkPurchaseComplete .referralLink span {
  font-weight: 700
}

.invite-link-page-desktop .shareWrapper,.invite-link-page-mobile .shareWrapper,.inviteLinkPurchaseComplete .shareWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px
}

.invite-link-page-desktop .shareWrapper .share,.invite-link-page-mobile .shareWrapper .share,.inviteLinkPurchaseComplete .shareWrapper .share {
  align-items: center;
  border-bottom: 1px solid #e2e3e5;
  border-right: 1px solid #e2e3e5;
  color: #1a5ca2;
  display: flex;
  flex: 33% 0 0;
  flex-direction: column;
  font-size: 18px;
  padding: 10px 0;
  text-decoration: none
}

@media screen and (max-width: 20pc) {
  .invite-link-page-desktop .shareWrapper .share,.invite-link-page-mobile .shareWrapper .share,.inviteLinkPurchaseComplete .shareWrapper .share {
      font-size:9pt
  }
}

.invite-link-page-desktop .shareWrapper .share:nth-child(1),.invite-link-page-desktop .shareWrapper .share:nth-child(2),.invite-link-page-desktop .shareWrapper .share:nth-child(3),.invite-link-page-mobile .shareWrapper .share:nth-child(1),.invite-link-page-mobile .shareWrapper .share:nth-child(2),.invite-link-page-mobile .shareWrapper .share:nth-child(3),.inviteLinkPurchaseComplete .shareWrapper .share:nth-child(1),.inviteLinkPurchaseComplete .shareWrapper .share:nth-child(2),.inviteLinkPurchaseComplete .shareWrapper .share:nth-child(3) {
  border-top: 1px solid #e2e3e5
}

.invite-link-page-desktop .shareWrapper .share:last-child,.invite-link-page-desktop .shareWrapper .share:nth-child(3n),.invite-link-page-mobile .shareWrapper .share:last-child,.invite-link-page-mobile .shareWrapper .share:nth-child(3n),.inviteLinkPurchaseComplete .shareWrapper .share:last-child,.inviteLinkPurchaseComplete .shareWrapper .share:nth-child(3n) {
  border-right: 0
}

.invite-link-page-desktop .shareWrapper .share:hover,.invite-link-page-mobile .shareWrapper .share:hover,.inviteLinkPurchaseComplete .shareWrapper .share:hover {
  color: #0c3f75;
  text-decoration: none
}

.invite-link-page-desktop .shareWrapper .share.sms .icon,.invite-link-page-mobile .shareWrapper .share.sms .icon,.inviteLinkPurchaseComplete .shareWrapper .share.sms .icon {
  background-image: url(/images/ico/callout-v02.svg)
}

.invite-link-page-desktop .shareWrapper .share.twitter .icon,.invite-link-page-mobile .shareWrapper .share.twitter .icon,.inviteLinkPurchaseComplete .shareWrapper .share.twitter .icon {
  background-image: url(/images/ico/twitter-logo-v02.svg)
}

.invite-link-page-desktop .shareWrapper .share.email .icon,.invite-link-page-mobile .shareWrapper .share.email .icon,.inviteLinkPurchaseComplete .shareWrapper .share.email .icon {
  background-image: url(/images/ico/mail-logo.svg)
}

.invite-link-page-desktop .shareWrapper .share.navigator-share .icon,.invite-link-page-mobile .shareWrapper .share.navigator-share .icon,.inviteLinkPurchaseComplete .shareWrapper .share.navigator-share .icon {
  background-image: url(/images/ico/other-dots-logo.svg)
}

.invite-link-page-desktop .shareWrapper .share .icon,.invite-link-page-mobile .shareWrapper .share .icon,.inviteLinkPurchaseComplete .shareWrapper .share .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin-bottom: 5px;
  width: 45px
}

.invite-link-page-desktop .shareWrapper .share.disabled>*,.invite-link-page-mobile .shareWrapper .share.disabled>*,.inviteLinkPurchaseComplete .shareWrapper .share.disabled>* {
  opacity: .2
}

@media screen and (max-width: 999px) {
  .invite-link-page-desktop .invite-link-header h1,.invite-link-page-mobile .invite-link-header h1,.inviteLinkPurchaseComplete .invite-link-header h1 {
      display:block;
      font-size: 25px;
      margin: 0 0 5px
  }

  .invite-link-page-desktop .invite-link-header h4,.invite-link-page-mobile .invite-link-header h4,.inviteLinkPurchaseComplete .invite-link-header h4 {
      display: block;
      font-size: 20px;
      font-weight: 400;
      margin: 0;
      padding: 0 20px
  }
}

@media screen and (max-width: 999px) and (max-width:20pc) {
  .invite-link-page-desktop .invite-link-header h1,.invite-link-page-mobile .invite-link-header h1,.inviteLinkPurchaseComplete .invite-link-header h1 {
      font-size:22px
  }

  .invite-link-page-desktop .invite-link-header h4,.invite-link-page-mobile .invite-link-header h4,.inviteLinkPurchaseComplete .invite-link-header h4 {
      font-size: 18px
  }
}

@media screen and (max-width: 999px) {
  .invite-link-page-desktop .inviteLinkWrapper,.invite-link-page-mobile .inviteLinkWrapper,.inviteLinkPurchaseComplete .inviteLinkWrapper {
      display:block;
      justify-content: inherit;
      padding: 20px 10px 0
  }
}

@media only screen and (max-width: 999px) and (min-width:375px) {
  .invite-link-page-desktop .inviteLinkWrapper,.invite-link-page-mobile .inviteLinkWrapper,.inviteLinkPurchaseComplete .inviteLinkWrapper {
      padding:20px 15px 0
  }
}

@media screen and (max-width: 999px) {
  .invite-link-page-desktop .inviteLinkWrapper .panel.signInPlease .message,.invite-link-page-mobile .inviteLinkWrapper .panel.signInPlease .message,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel.signInPlease .message {
      margin-bottom:10px
  }

  .invite-link-page-desktop .inviteLinkWrapper .panel,.invite-link-page-mobile .inviteLinkWrapper .panel,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel {
      display: block;
      margin: 0;
      padding: 14px 20px;
      width: auto
  }

  .invite-link-page-desktop .inviteLinkWrapper .panel h2,.invite-link-page-mobile .inviteLinkWrapper .panel h2,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel h2 {
      font-size: 30px;
      margin-bottom: 9px
  }
}

@media only screen and (max-width: 999px) and (max-width:750pt) {
  .invite-link-page-desktop .inviteLinkWrapper .panel h2,.invite-link-page-mobile .inviteLinkWrapper .panel h2,.inviteLinkPurchaseComplete .inviteLinkWrapper .panel h2 {
      font-size:20px
  }
}

@media screen and (max-width: 999px) {
  .invite-link-page-desktop .inviteLinkWrapper .referralLink,.invite-link-page-mobile .inviteLinkWrapper .referralLink,.inviteLinkPurchaseComplete .inviteLinkWrapper .referralLink {
      line-height:1.1;
      padding: 17px 0;
      width: 100%
  }
}

.orderSuccessful {
  background-color: #0c3f75;
  color: #fff;
  font-size: 15px;
  padding: 30px 15px;
  text-align: center
}

@media screen and (max-width: 20pc) {
  .orderSuccessful {
      font-size:13px;
      padding: 30px 10px
  }
}

.orderSuccessful-number,.orderSuccessful-number:hover {
  color: #08efff
}

.goToMyTickets {
  text-align: center;
  width: 100%
}

.goToMyTickets>div {
  display: inline-block;
  margin-top: 30px
}

@media screen and (max-width: 999px) {
  .goToMyTickets>div {
      margin-top:0
  }
}

.invite-link-page .offer-details {
  padding: 50px 0 30px
}

@media screen and (min-width: 750pt) {
  .invite-link-page .offer-details {
      padding:0;
      width: 451px
  }
}

.invite-link-page .offer-details h2 {
  color: #d70f83;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 4px
}

.invite-link-page .offer-details p {
  font-size: 15px;
  line-height: 23px
}

.invite-link-page .free-bets-how-it-works {
  box-sizing: border-box;
  margin-bottom: 5px;
  order: 1;
  width: 100%
}

.invite-link-page .free-bets-how-it-works h2 {
  font-size: 24px;
  margin: 0 0 24px;
  text-align: center
}

.invite-link-page .free-bets-how-it-works .panel {
  padding: 20px
}

.invite-link-page .free-bets-svg-container {
  width: 100%
}

.invite-link-page .free-bets-step {
  align-items: center;
  background: #fff;
  border: 2px solid #d64077;
  border-radius: 88px;
  box-shadow: 1px 1px 15px 2px rgba(85,85,85,.2);
  display: flex;
  font-size: 19px;
  margin-bottom: 20px;
  padding: 15px 18px
}

.invite-link-page .free-bets-step p {
  margin: 0 17px
}

.invite-link-page .free-bets-step-number {
  align-items: center;
  background: #d84075;
  border-radius: 40px;
  color: #fff;
  display: flex;
  flex: 60px 0 0;
  font-size: 47px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  width: 60px
}

.invite-link-page .free-bets-step-icon {
  flex: 65px 0 1
}

.invite-link-page .free-bets-step-icon img {
  width: 100%
}

.invite-link-page .free-bets-step-2 {
  border-color: #6d91f2
}

.invite-link-page .free-bets-step-2 .free-bets-step-number {
  background: #6d91f2
}

.invite-link-page .free-bets-step-3 {
  border-color: #223a7a
}

.invite-link-page .free-bets-step-3 .free-bets-step-number {
  background: #223a7a
}

.invite-link-page.invite-link-page-desktop .free-bets-svg {
  margin-top: 0
}

.invite-link-page.invite-link-page-desktop .referral-link,.invite-link-page.invite-link-page-desktop .signInPlease {
  box-sizing: border-box;
  width: 488px
}

.invite-link-page.invite-link-page-desktop .free-bets-how-it-works {
  order: 2;
  width: 451px
}

.invite-link-page.invite-link-page-desktop .free-bets-how-it-works h2 {
  font-size: 30px;
  margin: 0 0 24px
}

.invite-link-page.invite-link-page-desktop .free-bets-step {
  border-radius: 88px;
  font-size: 1pc;
  margin-bottom: 14px;
  margin-top: 28px;
  padding: 18px 22px
}

.invite-link-page.invite-link-page-desktop .free-bets-step:first-of-type {
  margin-top: 0
}

.invite-link-page.invite-link-page-desktop .free-bets-step p {
  font-size: 22px;
  margin: 0 26px
}

.invite-link-page.invite-link-page-desktop .free-bets-step-number {
  flex: 5pc 0 0;
  font-size: 55px;
  height: 5pc;
  width: 5pc
}

.invite-link-page.invite-link-page-desktop .free-bets-step-icon {
  flex: 99px 0 0
}

.invite-link-page.invite-link-page-mobile .inviteLinkWrapper {
  display: flex;
  flex-direction: column
}

.invite-link-page.invite-link-page-mobile .expandable-default {
  margin-top: 15px;
  order: 3
}

@media screen and (min-device-width: 510px) and (max-device-width:999px) {
  .invite-link-page .free-bets-svg {
      margin-top:calc(-1.6032vw + -.406in);
      max-width: 450px
  }
}

@media screen and (max-device-width: 374px) {
  .invite-link-page .free-bets-step p {
      font-size:15px;
      margin: 0 8px
  }
}

.copy-link {
  color: #8b9097;
  font-size: 10px;
  margin: 0 0 35px
}

.syndicateCard:last-child {
  margin-right: 0!important
}

.syndicateCard b {
  font-weight: 800
}

.pick-extra,.pick-extra-match,.pick-main,.pick-main-match,.pick-main-match-bonus {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 15px;
  height: 33px;
  line-height: 31px;
  margin: 2px;
  overflow: hidden;
  text-align: center;
  width: 33px
}

.result-no-win-line,.result-win-line {
  display: flex;
  flex-wrap: wrap
}

.result-no-win-line .pick-main {
  background-color: #e3eaec;
  border-color: #c5c7cb;
  color: #2a2e33
}

.result-no-win-line .pick-main-match {
  background-color: #e3eaec;
  border-color: #5b6168;
  color: #5b6168
}

.result-no-win-line .pick-extra {
  background-color: #d70f83;
  border-color: #d70f83;
  color: #fff
}

.result-no-win-line .pick-extra-match {
  background-color: #ac0064;
  border-color: #ac0064;
  color: #fff
}

.result-win-line .pick-main {
  background-color: #fff;
  border-color: #c5c7cb;
  color: #2a2e33
}

.result-win-line .pick-main-match {
  background-color: #fff;
  border-color: #5b6168;
  color: #2a2e33
}

.result-win-line .pick-main-match-bonus {
  background-color: #fff;
  border-color: #ac0064;
  color: #2a2e33
}

.result-win-line .pick-extra {
  background-color: #d70f83;
  border-color: #d70f83;
  color: #fff
}

.result-win-line .pick-extra-match {
  background-color: #ac0064;
  border-color: #ac0064;
  color: #fff
}

.button-add-quick-pick {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: block;
  justify-content: center;
  margin: 10px auto;
  min-height: 20px;
  padding: 9pt;
  text-transform: uppercase;
  vertical-align: middle
}

.button-group span {
  color: #a58fc8;
  font-weight: 500;
  text-transform: uppercase
}

.button-group a {
  margin: 10px auto
}

.mobile-card-customer-service .panel-1 {
  border-radius: 0;
  box-shadow: none
}

.spinner.for-ball {
  background-size: 40px;
  height: 40px;
  width: 40px
}

.card-results-left {
  padding: 30px;
  width: 50%
}

.card-results-right {
  margin-left: 30px;
  width: 50%
}

.banner-amount {
  font-size: 20px;
  font-weight: 800;
  line-height: 34px
}

@media only screen and (min-width: 385px) {
  .banner-amount {
      font-size:28px
  }
}

@media only screen and (min-width: 750pt) {
  .banner-amount {
      padding-bottom:10px
  }
}

.prize-drawing-time {
  display: block
}

@media only screen and (min-width: 375px) {
  .prize-drawing-time {
      display:inline
  }

  .prize-drawing-time__icon {
      margin-left: 10px
  }
}

.mobile-picker-nav-bar {
  background-color: #fff;
  display: flex;
  height: 53px;
  line-height: 53px;
  margin-bottom: 20px;
  user-select: none
}

.mobile-picker-nav-bar .nav-item {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  width: 33.3%
}

.mobile-picker-nav-bar .nav-item.selected {
  background-color: #fff;
  border-bottom: 3px solid #d70f83;
  color: #d70f83;
  cursor: default
}

.legend {
  text-align: center
}

.legend .legend-entries {
  margin-top: 10px
}

.legend .oval {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 5px;
  width: 8px
}

.legend .primary {
  background: #d70f83
}

.legend .secondary {
  background: #1a5ca2
}

.legend .legend-text:not(:last-child) {
  font-family: Montserrat,sans-serif;
  font-size: 9pt;
  line-height: 18px;
  margin-right: 20px
}

.game-info-wrapper {
  position: relative
}

.game-info {
  max-width: 40pc
}

.game-info a {
  word-break: break-word
}

.game-info.justify div {
  text-align: justify
}

.game-info h1 {
  color: #d70f83;
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: left
}

.game-info h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 10px;
  text-align: left
}

.game-info h2 {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  margin-block-start:1.33em;margin-bottom: 10px;
  text-align: left
}

.game-info ol,.game-info p,.game-info ul {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 20px
}

.game-info ol a,.game-info p a,.game-info ul a {
  color: #1a5ca2;
  cursor: pointer;
  text-decoration: none;
  user-select: none
}

.game-info ol a:hover,.game-info p a:hover,.game-info ul a:hover {
  color: #0c3f75
}

.main-game-info {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  box-sizing: border-box;
  padding: 2pc 23px
}

@media only screen and (min-width: 750pt) {
  .game-info-wrapper .main-game-info {
      position:absolute;
      right: 0;
      top: 8px;
      width: 300px
  }

  .card-results-right .main-game-info {
      width: 300px
  }
}

.main-game-info__header {
  border-bottom: 1px solid #c5c7cb;
  margin-bottom: 24px;
  padding-bottom: 38px
}

.main-game-info__logo {
  margin-bottom: 9px;
  text-align: center
}

.main-game-info__button-wr {
  margin: 0 auto;
  max-width: 150px
}

.main-game-info__group:not(:last-of-type) {
  margin-bottom: 27px
}

.main-game-info__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px
}

.main-game-info__content {
  font-size: 15px
}

.main-game-info__row {
  margin-bottom: 2px
}

.toggle {
  outline: 0
}

.toggle-on {
  background-color: #1a5ca2;
  border-color: #1a5ca2;
  cursor: pointer
}

.toggle-on-handle {
  background-color: #fff;
  border-color: #1a5ca2
}

.toggle:focus .toggle-on,.toggle:hover .toggle-on {
  background-color: #0c3f75;
  border-color: #0c3f75
}

.toggle:focus .toggle-on-handle,.toggle:hover .toggle-on-handle {
  background-color: #fff;
  border-color: #0c3f75
}

.toggle-off {
  background-color: #fff;
  border-color: #c5c7cb;
  cursor: pointer
}

.toggle-off-handle {
  background-color: #fff;
  border-color: #c5c7cb
}

.toggle:focus .toggle-off,.toggle:focus .toggle-off-handle,.toggle:hover .toggle-off,.toggle:hover .toggle-off-handle {
  background-color: #fff;
  border-color: #8b9097
}

.toggle-off-disabled,.toggle-on-disabled {
  background-color: #c5c7cb;
  border-color: #c5c7cb
}

.toggle-off-handle-disabled,.toggle-on-handle-disabled {
  background-color: #e2e3e5;
  border-color: #c5c7cb
}

.expandable-default {
  border-bottom: 1px solid #c5c7cb;
  color: #2a2e33;
  padding-bottom: 10px;
  padding-top: 10px;
  transition-duration: .5s
}

.expandable-default .no_underline {
  text-decoration: none
}

.expandable-default .toggler {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  user-select: none
}

.expandable-default .title {
  color: #1a5ca2;
  font-size: 15px;
  line-height: 24px
}

.expandable-default .content {
  font-size: 15px;
  line-height: 23px;
  margin-left: -5px;
  padding-left: 5px;
  text-align: left;
  transition: max-height .2s ease-out
}

.expandable-default .content p {
  margin: 0
}

.expandable-default .content p+p {
  margin-top: 25px
}

.expandable-default .content .expandable-item {
  margin-top: 1em
}

.expandable-default .toggler {
  animate: margin .3s;
  outline: 0
}

.expandable-default .toggler .indicator-background {
  align-items: center;
  background-color: #f8fafb;
  border-radius: 50%;
  display: flex;
  height: 28px;
  justify-content: center;
  min-width: 28px;
  transition-duration: .5s;
  transition-property: background-color;
  width: 28px
}

.expandable-default .toggler:focus .indicator-background {
  background-color: #e2e3e5;
  transition-duration: .5s;
  transition-property: background-color
}

.expandable-default .indicator {
  -webkit-transition: -webkit-transform .2s;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #333;
  height: 0;
  transition: transform .2s,-webkit-transform .2s;
  width: 0
}

.expandable-default .indicator.expanded {
  transform: translatey(-1px) rotate(180deg)
}

.expandable-game-summary {
  color: #2a2e33;
  margin-top: 20px;
  transition-duration: .5s
}

.expandable-game-summary .toggler {
  align-items: center;
  display: flex;
  justify-content: space-between;
  outline: 0;
  user-select: none
}

.expandable-game-summary .title {
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  line-height: 23px
}

.expandable-game-summary .content {
  font-size: 15px;
  line-height: 23px;
  transition: max-height .2s ease-out
}

.expandable-game-summary .toggler .indicator-background {
  align-items: center;
  background-color: #f8fafb;
  border-radius: 50%;
  display: flex;
  height: 23px;
  justify-content: center;
  margin-left: 20px;
  transition-duration: .5s;
  transition-property: background-color;
  width: 23px
}

.expandable-game-summary .indicator {
  -webkit-transition: -webkit-transform .2s;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #333;
  height: 0;
  transition: transform .2s,-webkit-transform .2s;
  width: 0
}

.expandable-game-summary .indicator.expanded {
  transform: translatey(-1px) rotate(180deg)
}

.desktop-hero-estate .estate-background {
  height: 438px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.desktop-hero-estate .estate-content {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: -25pc auto auto;
  max-width: 750pt;
  padding: 0;
  position: relative;
  user-select: none;
  width: 100%
}

.home-how-it-works-container {
  align-items: center;
  background-image: linear-gradient(-179deg,#ac0064 15%,#0c3f75);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  padding: 45px 10px 60px
}

@media(min-width: 750pt) {
  .home-how-it-works-container {
      height:355px;
      margin-bottom: 50px;
      margin-top: 60px;
      padding: 0 10px
  }
}

@media screen and (min-width: 375px) {
  .home-how-it-works-main-text {
      max-width:75%
  }
}

.lotto-time {
  color: #2a2e33
}

.hpb1-d {
  display: flex;
  height: 370px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 855pt
}

.hpb2-d {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 855pt
}

.hpb3-d {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 855pt
}

.promoCard {
  display: flex;
  margin-bottom: 20px;
  user-select: none;
  width: 50%
}

.promoCard:nth-child(even) {
  justify-content: flex-end
}

.promoCard:last-child,.promoCard:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0
}

.promoCard__inner {
  flex-basis: 145px;
  flex-grow: 1;
  max-width: 145px;
  text-align: center
}

@media only screen and (min-width: 375px) {
  .promoCard__inner {
      flex-basis:10pc;
      max-width: 10pc
  }
}

.promoCard__title {
  font-size: 11px;
  letter-spacing: 1px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

@media only screen and (min-width: 375px) {
  .promoCard__title {
      font-size:9pt
  }
}

.promoCard__price {
  font-size: 17px;
  font-weight: 800;
  margin-top: 15px
}

@media only screen and (min-width: 375px) {
  .promoCard__price {
      font-size:20px
  }
}

.mobile-hero-estate {
  position: relative
}

.mobile-hero-estate .estate-tint {
  -webkit-clip-path: ellipse(250% 80% at 50% 20%);
  bottom: -10px;
  clip-path: ellipse(250% 80% at 50% 20%);
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.mobile-hero-estate .estate-content {
  position: relative
}

.header-game {
  width: 303px
}

@media only screen and (min-width: 375px) {
  .header-game {
      width:345px
  }
}

.list-logos {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 30px -10px 0;
  width: calc(100% + 10px)
}

@media only screen and (min-width: 375px) {
  .list-logos {
      justify-content:center
  }
}

.list-logos__img {
  display: inline-block;
  height: auto;
  margin: 0 10px;
  max-width: calc(33.3333% - 20px)
}

.list-logos__img svg {
  height: 40px;
  width: 100%
}

.promo-banner {
  margin: 40px auto
}

@media screen and (min-width: 750pt) {
  .promo-banner {
      margin:60px auto 30px;
      width: 750pt
  }
}

@media screen and (max-width: 374px) {
  .MobileLayout .promo-banner {
      margin:20px auto
  }
}

@media screen and (max-width: 999px) {
  .MobileLayout .promo-banner_all-game {
      margin-left:-15px;
      margin-right: -15px
  }
}

@media screen and (max-width: 374px) {
  .MobileLayout .promo-banner_all-game {
      margin-left:-10px;
      margin-right: -10px
  }
}

.hpb1-m {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px
}

@media screen and (max-width: 374px) {
  .hpb1-m {
      align-items:flex-start
  }
}

.mobile-carousel-primary .mobile-card,.mobile-carousel-secondary .mobile-card {
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  box-sizing: border-box;
  overflow: hidden;
  text-align: center
}

.error__container {
  align-items: center;
  background-color: #d90d15;
  border-radius: 15px;
  color: #fff;
  display: flex;
  margin-bottom: .4em;
  margin-left: 1.4em;
  margin-right: .5em;
  padding: 3px;
  text-transform: uppercase;
  width: fit-content
}

.error__container img {
  background: #fff;
  border-radius: 10px;
  height: 15px;
  width: 15px
}

.error__container span {
  font-size: 10px;
  font-weight: 700;
  line-height: 23px;
  margin-left: .5em
}

.bankAccountForm__messageContainer .bankAccountForm__messageText {
  display: inline-block;
  font-size: 10px
}

.bankAccountForm_rebillyIbanClear {
  margin-bottom: 15px;
  margin-top: 15px
}

.bankAccountForm_rebillyIbanWithError {
  margin-top: 15px
}

.grid-desktop-carousel .igp-link {
  width: 217px
}

.grid-desktop-carousel .igp-link>div.logo-tint {
  height: 9pc
}

.grid-mobile-carousel .igp-link {
  width: 152px
}

.grid-mobile-carousel .igp-link>div.logo-tint {
  height: 75pt
}

.grid-mobile-carousel-large .igp-link {
  width: 319px
}

.grid-mobile-carousel-large .igp-link>div.logo-tint {
  height: 191px
}

.hpb2-d .igp-link {
  width: 23pc
}

.hpb2-d .igp-link>div.logo-tint {
  height: 246px
}

.hpb1-d .igp-link.game-primary {
  margin-right: 15px;
  width: 679px
}

.hpb1-d .igp-link.game-primary>div.logo-tint {
  height: 339px
}

.hpb1-d .igp-link.game-secondary {
  margin-right: 15px;
  width: 215px
}

.hpb1-d .igp-link.game-secondary>div.logo-tint {
  height: 143px
}

.hpb1-m .igp-link.game-primary {
  margin-bottom: 24px;
  width: 335px
}

.hpb1-m .igp-link.game-primary>div.logo-tint {
  height: 175px;
  width: 335px
}

.hpb1-m .igp-link.game-secondary {
  width: 158px
}

.hpb1-m .igp-link.game-secondary>div.logo-tint {
  height: 105px;
  width: 158px
}

.hpb2-m .igp-link {
  margin-bottom: 24px;
  width: 300px
}

.hpb2-m .igp-link>div.logo-tint {
  height: 200px
}

.hpb3-m .igp-link {
  margin-bottom: 24px;
  width: 150px
}

.hpb3-m .igp-link>div.logo-tint {
  height: 75pt
}

.hpb3-d .igp-link {
  width: 150px
}

.hpb3-d .igp-link>div.logo-tint {
  height: 9pc
}

.all-games .igp-link {
  margin-bottom: 20px;
  width: 217px
}

@media only screen and (max-width: 855pt) {
  .all-games .igp-link {
      margin-bottom:24px;
      width: 152px
  }
}

.all-games .igp-link>div.logo-tint {
  height: 9pc
}

@media only screen and (max-width: 855pt) {
  .all-games .igp-link>div.logo-tint {
      height:75pt
  }
}

.link.igp-link {
  font-size: 0
}

.igp-link {
  box-sizing: border-box;
  display: block;
  position: relative
}

.igp-link>div.name {
  color: #2a2e33;
  font-size: 15px;
  font-weight: 800;
  line-height: 1pc;
  margin-top: 17px;
  max-height: 1pc;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis
}

.igp-link>div.logo-tint {
  border-radius: 15px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
  overflow: hidden;
  position: relative;
  text-align: center
}

.igp-link>div.logo-tint>img {
  font-size: 10px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.igp-link>div.logo-tint>.tint {
  align-items: center;
  background-color: rgba(0,0,0,.6);
  border-radius: 15px;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.igp-link>div.logo-tint>.tint .play-sign {
  background-color: #aaa;
  background-image: url(/images/ico/triangle.svg);
  background-position-x: 1pc;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 17px;
  border-radius: 50%;
  height: 44px;
  width: 44px
}

.igp-link:hover>div.logo-tint>.tint {
  display: flex
}

@media only screen and (max-width: 855pt) {
  .igp-link:hover>div.logo-tint>.tint {
      display:none
  }
}

.promo-banner-wrapper {
  margin: 0 -10px
}

@media only screen and (min-width: 375px) {
  .promo-banner-wrapper {
      margin:0 -15px
  }
}

@media only screen and (min-width: 750pt) {
  .promo-banner-wrapper {
      margin:0
  }
}

.promo-banner-desktop {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.promo-banner-desktop img,.promo-banner-desktop svg {
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  height: 100%;
  width: 100%
}

.promo-banner-mobile {
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  text-align: center
}

.promo-banner-mobile img,.promo-banner-mobile svg,.promo-banner-mobile-menu img,.promo-banner-mobile-menu svg {
  height: 100%;
  width: 100%
}

.promo-banner-mobile-menu {
  text-align: center
}

.promo-banner-desktop>a,.promo-banner-mobile-menu>a,.promo-banner-mobile>a {
  text-decoration: none
}

.ball-container {
  background-color: #e2e3e5;
  border-radius: 23px;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  min-height: 46px;
  overflow: visible
}

.ball-container .sub-container {
  align-items: center;
  align-self: center;
  display: flex;
  height: 46px;
  justify-content: center;
  padding: 0 15px 0 5px
}

.ball-container .gridCell {
  background-color: #fff;
  border-color: #c5c7cb;
  color: #2a2e33;
  position: relative
}

.ball-container .ball {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-grow: 2;
  margin-left: 5px
}

.ball-container .ball .circle {
  display: inline-block;
  font-size: 15px;
  height: 22px;
  margin: 2px;
  min-height: 22px;
  min-width: 22px;
  width: 22px
}

.ball-container .ball .circle div {
  padding-top: 1px
}

@media screen and (max-width: 359px) {
  .ball-container .ball .circle {
      font-size:13px;
      height: 18px;
      margin: 2px;
      min-height: 18px;
      min-width: 18px;
      width: 18px
  }

  .ball-container .ball .circle div {
      padding-top: 1px
  }
}

@media screen and (min-width: 600px) {
  .ball-container .ball .circle {
      height:24px;
      min-height: 24px;
      min-width: 24px;
      width: 24px
  }

  .ball-container .ball .circle div {
      padding-top: 3px
  }
}

.ball-container .ball-disabled {
  cursor: none
}

.panel__withRoundHeader {
  padding: 0 30px 30px!important
}

.panel__floatRight {
  float: right
}

@media(min-width: 8in) and (min-height:64pc) and (orientation:portrait) {
  .panel__widthMobile {
      width:75%
  }
}

@media(width: 812px) and (height:375px) and (orientation:landscape) {
  .panel__widthMobile {
      width:75%
  }
}

@media(width: 46pc) and (height:414px) and (orientation:landscape) {
  .panel__widthMobile {
      width:75%
  }
}

@media(width: 667px) and (height:375px) and (orientation:landscape) {
  .panel__widthMobile {
      width:75%
  }
}

@media(width: 568px) and (height:20pc) and (orientation:landscape) {
  .panel__widthMobile {
      width:65%
  }
}

@media(min-width: 64pc) and (min-height:64pc) {
  .panel__fullWidthMobile {
      width:80%!important
  }
}

@media(min-width: 64pc) and (min-height:1366px) {
  .panel__fullWidthMobile {
      width:80%!important
  }
}

@media(width: 810pt) and (height:20in) and (orientation:landscape) {
  .panel__fullWidthMobile {
      width:75%
  }
}

@media(min-width: 8in) and (min-height:64pc) and (orientation:portrait) {
  .panel__fullWidthMobile {
      width:92%
  }
}

@media(width: 812px) and (height:375px) and (orientation:landscape) {
  .panel__fullWidthMobile {
      width:75%
  }
}

@media(width: 46pc) and (height:414px) and (orientation:landscape) {
  .panel__fullWidthMobile {
      margin-top:2em;
      width: 92%
  }
}

@media(width: 667px) and (height:375px) and (orientation:landscape) {
  .panel__fullWidthMobile {
      margin-top:2em;
      width: 91%
  }
}

@media(width: 568px) and (height:20pc) and (orientation:landscape) {
  .panel__fullWidthMobile {
      margin-top:2em;
      width: 89%
  }
}

.checkout-banner-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  line-height: 23px;
  padding-left: 25px
}

@media(max-width: 999px) {
  .checkout-banner-text {
      padding-left:10px
  }
}

.depositPredefinedAmountOption__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 30px
}

@media(min-width: 750pt) {
  .depositPredefinedAmountOption__container {
      border-bottom:1px solid #c5c7cb
  }
}

@media(max-width: 999px) {
  .depositPredefinedAmountOption__container:after {
      border-bottom:1px solid #c5c7cb;
      content: "";
      display: block;
      flex-basis: 100%;
      margin-left: 7.5px;
      margin-right: 7.5px;
      width: 100%
  }

  .depositPredefinedAmountOption__container {
      flex-wrap: wrap;
      justify-content: center;
      margin-left: -7.5px;
      margin-right: -7.5px;
      padding-bottom: 0
  }
}

.depositPredefinedAmountOption__container .depositPredefinedAmountOption__option {
  padding: 0 15px;
  width: 212.5px
}

@media(max-width: 999px) {
  .depositPredefinedAmountOption__container .depositPredefinedAmountOption__option {
      box-sizing:border-box;
      margin-bottom: 20px;
      min-width: 165px;
      padding: 0 7.5px;
      width: 50%
  }
}

@media(max-width: 350px) {
  .depositPredefinedAmountOption__container .depositPredefinedAmountOption__option {
      width:100%
  }

  .depositPredefinedAmountOption__container .depositPredefinedAmountOption__option .button {
      margin: 0 auto;
      width: 150px
  }
}

@media(min-width: 750pt) {
  .depositPredefinedAmountOption__container .depositPredefinedAmountOption__option:first-of-type {
      padding-left:0
  }

  .depositPredefinedAmountOption__container .depositPredefinedAmountOption__option:last-of-type {
      padding-right: 0
  }
}

.muchbetter-banner {
  border-radius: 15px;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 0;
  justify-content: space-between;
  margin-bottom: 35px;
  overflow: hidden;
  width: 100%
}

@media(max-width: 750pt) {
  .muchbetter-banner {
      height:auto;
      margin-bottom: 25px;
      margin-left: auto;
      margin-right: auto;
      max-width: 440px
  }

  .muchbetter-banner svg {
      margin-left: -1%;
      width: 103%
  }
}

.swagbucks-banner {
  background-color: #d70f83;
  border-radius: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 123px;
  justify-content: space-between;
  margin-bottom: 35px;
  padding: 9px 7px 7px;
  width: 100%
}

@media(max-width: 750pt) {
  .swagbucks-banner {
      height:141px;
      margin-bottom: 25px;
      padding-top: 7px
  }
}

.swagbucks-banner .top-row {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  text-align: center
}

@media(max-width: 750pt) {
  .swagbucks-banner .top-row {
      display:flex;
      flex-direction: column;
      font-size: 1pc;
      line-height: 20px
  }
}

.swagbucks-banner .bottom-row {
  background-color: #fff;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  color: #1a5ca2;
  font-size: 39px;
  font-weight: 800;
  height: 73px;
  letter-spacing: .2px;
  line-height: 73px;
  overflow: hidden;
  text-align: center
}

@media(max-width: 750pt) {
  .swagbucks-banner .bottom-row {
      font-size:25px;
      height: 85px;
      letter-spacing: .13px;
      line-height: 85px
  }
}

.interacButton__container {
  background-color: #fff;
  border: 0;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  margin-bottom: 1em;
  margin-top: 1em
}

.interacButton__container:disabled {
  opacity: .4
}

@media only screen and (max-width: 375px) {
  .interacButton__container {
      justify-content:left;
      margin-bottom: 15px;
      margin-top: 15px
  }
}

.interacButton__container .interacButton__container:active:focus,.interacButton__container .interacButton__container:focus {
  background-color: #fff;
  box-shadow: none;
  outline: 0
}

.interacButton__container .buttonTextExtra>span {
  display: inline-block;
  width: 100%
}

.interacButton__container .interacButton__labelContainer .label-container {
  letter-spacing: 0;
  margin-left: 10px;
  padding-top: 3px
}

.interacButton__container .img-container {
  height: 34px;
  width: 4pc
}

@media only screen and (max-width: 375px) {
  .interacButton__container .img-container {
      margin-left:-3px;
      width: 54px
  }
}

.interacButton__container .img-container.interac_online img {
  height: 34px;
  width: 34px
}

.interacButton__container .interacButton__labelContainer {
  display: flex;
  margin: 0 auto 0 9pt
}

.interacButton__container .interacButton__labelContainer img {
  height: 28px
}

.interacButton__container .interacButton__labelContainer span {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 18px;
  justify-content: center;
  line-height: 28px;
  text-overflow: ellipsis
}

@media only screen and (max-width: 375px) {
  .interacButton__container .interacButton__labelContainer span {
      font-size:14px
  }
}

@media only screen and (max-width: 8in) {
  .interacButton__container .interacButton__labelContainer span {
      font-size:3.5vw
  }
}

@media only screen and (max-width: 20pc) {
  .interacButton__container .interacButton__labelContainer span {
      font-size:11px
  }
}

@media only screen and (min-device-width: 46pc) and (max-device-height:414px) and (orientation:landscape) {
  .interacButton__container .interacButton__labelContainer span {
      font-size:9pt
  }
}

@media only screen and (max-width: 375px) {
  .interacButton__container .interacButton__labelContainer {
      width:90%
  }
}

.creditCardButton__container.selected-button,.interacButton__container.selected-button,.rebillyButton__container.selected-button {
  border: 3px solid #1a5ca2;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25)!important;
  padding: 1px 3px!important
}

.creditCardButton__container {
  background-color: #fff;
  border: 0;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  justify-content: flex-start;
  margin-bottom: 1em;
  margin-top: 1em
}

.creditCardButton__container:disabled {
  opacity: .4
}

.creditCardButton__container .creditCardButton__container:active:focus,.creditCardButton__container .creditCardButton__container:focus {
  background-color: #fff;
  box-shadow: none;
  outline: 0
}

.creditCardButton__container .creditCardButton__labelContainer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0 9pt;
  width: 100%
}

@media only screen and (max-width: 375px) {
  .creditCardButton__container .creditCardButton__labelContainer {
      margin-left:10px
  }
}

.creditCardButton__container .creditCardButton__labelContainer img {
  height: 2.3em;
  width: 4.3em
}

@media only screen and (max-width: 375px) {
  .creditCardButton__container .creditCardButton__labelContainer img {
      width:2.8em
  }

  .creditCardButton__container .creditCardButton__labelContainer img:last-of-type {
      margin-left: 0
  }
}

.creditCardButton__container .creditCardButton__labelContainer span {
  color: #000;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 28px;
  text-overflow: ellipsis
}

@media only screen and (max-width: 375px) {
  .creditCardButton__container .creditCardButton__labelContainer span {
      font-size:14px;
      margin-left: 10px
  }
}

@media only screen and (max-width: 8in) {
  .creditCardButton__container .creditCardButton__labelContainer span {
      font-size:3.5vw
  }
}

@media only screen and (max-width: 20pc) {
  .creditCardButton__container .creditCardButton__labelContainer span {
      font-size:11px
  }
}

@media only screen and (min-device-width: 46pc) and (max-device-height:414px) and (orientation:landscape) {
  .creditCardButton__container .creditCardButton__labelContainer span {
      font-size:9pt
  }
}

.bankAccountButton__container {
  background-color: #fff;
  border: 0;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  margin-bottom: 1em;
  margin-top: 1em
}

.bankAccountButton__container:disabled {
  opacity: .4
}

@media only screen and (max-width: 375px) {
  .bankAccountButton__container {
      justify-content:left;
      margin-bottom: 15px;
      margin-top: 15px
  }
}

.bankAccountButton__container .bankAccountButton__container:active:focus,.bankAccountButton__container .bankAccountButton__container:focus {
  background-color: #fff;
  box-shadow: none;
  outline: 0
}

.bankAccountButton__container .buttonTextExtra>span {
  display: inline-block;
  width: 100%
}

.bankAccountButton__container .bankAccountButton__labelContainer {
  display: flex;
  margin: 0 auto 0 9pt
}

.bankAccountButton__container .bankAccountButton__labelContainer img {
  height: 28px;
  width: 69px
}

@media only screen and (max-width: 375px) {
  .bankAccountButton__container .bankAccountButton__labelContainer img {
      width:3.5em
  }
}

@media only screen and (min-device-width: 8in) and (max-device-height:1366px) {
  .bankAccountButton__container .bankAccountButton__labelContainer img {
      width:69px
  }
}

.bankAccountButton__container .bankAccountButton__labelContainer span {
  color: #000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only screen and (max-width: 375px) {
  .bankAccountButton__container .bankAccountButton__labelContainer span {
      font-size:14px;
      margin-left: 10px
  }
}

@media only screen and (max-width: 8in) {
  .bankAccountButton__container .bankAccountButton__labelContainer span {
      font-size:3.5vw
  }
}

@media only screen and (max-width: 20pc) {
  .bankAccountButton__container .bankAccountButton__labelContainer span {
      font-size:11px
  }
}

@media only screen and (min-device-width: 46pc) and (max-device-height:414px) and (orientation:landscape) {
  .bankAccountButton__container .bankAccountButton__labelContainer span {
      font-size:9pt
  }
}

@media only screen and (max-width: 375px) {
  .bankAccountButton__container .bankAccountButton__labelContainer {
      width:90%
  }
}

.CartItemView-toggler,.CartItemView-toggler-down {
  color: #8b9097;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  padding-right: 15px;
  position: relative
}

.CartItemView-toggler-down:after,.CartItemView-toggler:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #2a2e33;
  color: #2a2e33;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 8px;
  width: 0
}

.CartItemView-toggler-down:after {
  border-bottom: 6px solid #2a2e33;
  border-top: 0
}

.CartItemView-linesList,.CartItemView-linesList li {
  list-style: none;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

.CartItemView-linesList li {
  color: #2a2e33;
  font-size: 15px;
  line-height: 23px;
  white-space: nowrap
}

.CartItemView-linesList li span {
  color: #8b9097;
  margin-right: 3px
}

.CartItemView-linesList li strong {
  color: #d70f83;
  font-weight: 400
}

.cartItemRemove {
  color: #00aab7;
  cursor: pointer;
  font-size: 1pc;
  margin-left: 20px;
  padding-left: 10px
}

@media screen and (max-width: 999px) {
  .cartItemRemove {
      margin-left:0;
      padding-left: 15px
  }
}

@media screen and (max-width: 374px) {
  .cartItemRemove {
      padding-left:5px
  }
}

@media screen and (max-width: 999px) {
  .cartItemSubscription {
      margin-right:-35px
  }
}

@media screen and (max-width: 374px) {
  .cartItemSubscription {
      margin-right:-25px
  }

  .CartItemView-toggler,.CartItemView-toggler-down {
      font-size: 13px;
      padding-right: 10px
  }
}

.CartItemView-linesList li {
  white-space: normal
}

@media screen and (max-width: 374px) {
  .CartItemView-linesList li {
      font-size:13px
  }
}

.cart-total-value {
  font-weight: 800;
  margin-left: 15px
}

@media screen and (min-width: 750pt) {
  .cart-total-value {
      margin-left:30px
  }
}

.cart-total-error {
  color: #d90d15;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.25;
  margin-top: 5px;
  text-transform: uppercase
}

.empty-cart-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 3in;
  justify-content: start;
  padding: 0 30px;
  width: 495px
}

.empty-cart-panel .cart-icon {
  background: url(/images/ico/cart-empty.svg) no-repeat;
  background-size: 55px;
  height: 55px;
  margin-top: 30px;
  width: 55px
}

.empty-cart-panel .title {
  color: #d70f83;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 20px
}

.empty-cart-panel .help-message {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 5px;
  text-align: center;
  width: 249px
}

.empty-cart-panel .button {
  margin-top: 20px
}

@media(max-width: 999px) {
  .empty-cart-panel {
      height:291px;
      margin-bottom: 20px;
      padding: 0 15px!important
  }

  .empty-cart-panel .cart-icon {
      margin-top: 40px
  }

  .empty-cart-panel .title {
      margin-top: 18px
  }
}

.accountFundsSubtotal {
  border-bottom: 1px solid #c5c7cb;
  padding: 20px 0
}

.accountFundsSubtotal__row {
  display: flex;
  font-size: 15px;
  justify-content: flex-end;
  line-height: 23px;
  text-align: right
}

.accountFundsSubtotal__label {
  padding-right: 10px
}

.accountFundsSubtotal__value {
  flex-basis: 105px
}

.cart-promo-lotteries {
  margin-bottom: 30px;
  margin-left: 30px;
  width: 415px
}

@media(max-width: 999px) {
  .cart-promo-lotteries {
      margin-left:0;
      width: 100%
  }
}

.checkout-button {
  padding: 18px 0;
  text-transform: uppercase
}

.power-ball-select:focus {
  outline: 0
}

.mobile-picker-menu-option {
  border-radius: 3px;
  color: #543d84;
  cursor: pointer;
  font-size: 9pt;
  font-weight: 700;
  letter-spacing: 1px,normal;
  line-height: 15px;
  margin-right: 10px;
  min-width: 5pc;
  padding: 6px 10px;
  text-align: center
}

.mobile-picker-menu-option-selected {
  border-bottom: 3px solid #f8bf1c;
  color: #543d84;
  cursor: default;
  font-size: 9pt;
  margin-right: 10px;
  min-width: 5pc;
  padding: 6px 10px 3px;
  text-align: center
}

.depositManualOption__container {
  display: flex;
  flex-direction: row;
  flex-shrink: revert;
  justify-content: flex-end;
  padding-top: 30px
}

.depositManualOption__container .depositManualOption__wrapper {
  width: 15pc
}

@media(min-width: 750pt) {
  .depositManualOption__container .depositManualOption__wrapper {
      margin-right:30px
  }
}

.depositManualOption__container .depositManualOption__wrapper .depositManualOption__box {
  display: flex
}

@media(min-width: 750pt) {
  .depositManualOption__container .depositManualOption__wrapper .depositManualOption__box {
      justify-content:flex-end
  }
}

.depositManualOption__container .depositManualOption__wrapper .depositManualOption__box>div:first-child {
  font-size: 15px;
  margin-top: 13px
}

.depositManualOption__container .depositManualOption__wrapper .depositManualOption__box .depositManualOption__currencySymbolWrapper {
  margin-right: 15px
}

@media(min-width: 750pt) {
  .depositManualOption__container .depositManualOption__wrapper .depositManualOption__box .depositManualOption__inputWrapper {
      width:212.5px
  }
}

@media(max-width: 999px) {
  .depositManualOption__container {
      align-items:center;
      flex-direction: column;
      padding-top: 20px
  }
}

.depositManualOption__container .button {
  width: 212.5px
}

@media(max-width: 999px) {
  .depositManualOption__container .button {
      margin-left:1.5em;
      width: 220px!important
  }
}

.myBalancePanel__container .myBalancePanel__column {
  display: flex;
  justify-content: space-between
}

.myBalancePanel__container .myBalancePanel__column .myBalancePanel__row {
  margin-bottom: 1em;
  margin-top: 1em
}

.withdrawalAmountForm__container {
  display: flex;
  margin-top: 2em
}

.withdrawalAmountForm__container .withdrawalAmountForm__currencyContainer {
  font-size: 9pt;
  font-weight: 700;
  margin-right: .5em;
  padding-top: 2.2em
}

.withdrawalAmountForm__container .withdrawalAmountForm__label {
  font-size: 13px
}

.withdrawalAccountInformationForm__container {
  margin-top: 3em
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__phoneContainer {
  display: flex
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__phoneContainer .withdrawalAccountInformationForm__dialCode {
  font-size: 1pc;
  margin-right: .5em;
  padding-top: 2.2em
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__divider {
  background-color: #c5c7cb;
  height: 1px;
  margin: 1em 1em 1em .9em;
  width: 95%
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__submitButtonContainer {
  margin-top: 2em
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__dataErrorContainer {
  color: #d90d15;
  display: block;
  flex-basis: 100%;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.25;
  margin-top: 5px;
  min-width: 100%;
  text-align: center;
  text-transform: uppercase
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__secureWithSSLEncryptionMessage .withdrawalAccountInformationForm__secureWithSSLEncryptionImage {
  background-image: url(/images/ico/lock-v01.svg);
  background-repeat: no-repeat;
  background-size: 21px;
  display: inline-block;
  height: 21px;
  padding: 0 3px;
  position: relative;
  top: 4px;
  width: 21px
}

.withdrawalAccountInformationForm__container .withdrawalAccountInformationForm__secureWithSSLEncryptionMessage .withdrawalAccountInformationForm__secureWithSSLEncryptionText {
  display: inline-block
}

.requestSignupLoginPanel__container .requestSignupLoginPanel__message {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px
}

.requestSignupLoginPanel__container .requestSignupLoginPanel__buttonsContainer {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.requestSignupLoginPanel__container .requestSignupLoginPanel__buttonContainer {
  margin-top: 10px
}

.checkoutSubmitButton__dataErrorContainer {
  color: #d90d15;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase
}

.checkoutSubmitButton__secureWithSSLEncryptionMessage .checkoutSubmitButton__secureWithSSLEncryptionImage {
  background-image: url(/images/ico/lock-v01.svg);
  background-repeat: no-repeat;
  background-size: 21px;
  display: inline-block;
  height: 21px;
  padding: 0 3px;
  position: relative;
  top: 4px;
  width: 21px
}

.checkoutSubmitButton__secureWithSSLEncryptionMessage .checkoutSubmitButton__secureWithSSLEncryptionText {
  display: inline-block
}

.creditCardOptions__container .creditCardOptions__creditCardsListContainer .creditCardOptions__creditCardsListHeader {
  padding-bottom: 10px
}

.creditCardOptions__container .creditCardOptions__addCreditCardsForm {
  margin-bottom: 2em
}

.creditCardOptions__container .creditCardOptions__addCreditCardsForm .creditCardOptions__secureWithSSLEncryptionMessage .creditCardOptions__secureWithSSLEncryptionImage {
  background-image: url(/images/ico/lock-v01.svg);
  background-repeat: no-repeat;
  background-size: 21px;
  display: inline-block;
  height: 21px;
  padding: 0 3px;
  position: relative;
  top: 4px;
  width: 21px
}

.creditCardOptions__container .creditCardOptions__addCreditCardsForm .creditCardOptions__secureWithSSLEncryptionMessage .creditCardOptions__secureWithSSLEncryptionText {
  display: inline-block
}

.creditCardOptions__container .creditCardButtonWrapper__dataErrorContainer {
  color: #d90d15;
  display: block;
  flex-basis: 100%;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.25;
  margin-top: 5px;
  min-width: 100%;
  text-align: center;
  text-transform: uppercase
}

.rebillyButton__container {
  background-color: #fff;
  border: 0;
  box-shadow: 0 4px 9pt 0 rgba(0,0,0,.25);
  justify-content: flex-start;
  margin-bottom: 1em;
  margin-top: 1em
}

.rebillyButton__container:disabled {
  opacity: .4
}

.rebillyButton__container .rebillyButton__container:active:focus,.rebillyButton__container .rebillyButton__container:focus {
  background-color: #fff;
  box-shadow: none;
  outline: 0
}

.rebillyButton__container .rebillyButton__labelContainer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0 9pt;
  width: 100%
}

.rebillyButton__container .rebillyButton__labelContainer .img-container {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-left: 0;
  width: 4pc
}

@media only screen and (max-width: 375px) {
  .rebillyButton__container .rebillyButton__labelContainer .img-container {
      width:54px
  }

  .rebillyButton__container .rebillyButton__labelContainer {
      margin-left: 10px
  }
}

.rebillyButton__container .rebillyButton__labelContainer img {
  height: 34px
}

@media only screen and (max-width: 375px) {
  .rebillyButton__container .rebillyButton__labelContainer img:last-of-type {
      margin-left:0
  }
}

.rebillyButton__container .rebillyButton__labelContainer span {
  color: #000;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 28px;
  text-overflow: ellipsis
}

@media only screen and (max-width: 375px) {
  .rebillyButton__container .rebillyButton__labelContainer span {
      font-size:14px
  }
}

@media only screen and (max-width: 8in) {
  .rebillyButton__container .rebillyButton__labelContainer span {
      font-size:3.5vw
  }
}

@media only screen and (max-width: 20pc) {
  .rebillyButton__container .rebillyButton__labelContainer span {
      font-size:11px
  }
}

@media only screen and (min-device-width: 46pc) and (max-device-height:414px) and (orientation:landscape) {
  .rebillyButton__container .rebillyButton__labelContainer span {
      font-size:9pt
  }
}

.button:disabled {
  cursor: default
}

.rebillyButton__container.muchbetter-button {
  border: 2px solid #f6921f
}

.muchbetter-submit-form {
  margin-top: 33px
}

.muchbetter-submit-form .inputContainer {
  margin-bottom: 15px
}

.muchbetter-submit-form .inputContainer label {
  display: none
}

.banktransfer-btn-ja .buttonTextExtra>span {
  display: block;
  width: 100%
}

.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  -o-transition-property: transform;
  -webkit-box-sizing: content-box;
  -webkit-transition-property: -webkit-transform;
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform,-webkit-transform;
  width: 100%;
  z-index: 1
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  margin: 0 auto;
  transition-timing-function: ease-out
}

.swiper-slide {
  -ms-flex-negative: 0;
  -o-transition-property: transform;
  -webkit-flex-shrink: 0;
  -webkit-transition-property: -webkit-transform;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform,-webkit-transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  -o-transition-property: transform,height;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -webkit-transition-property: height,-webkit-transform;
  align-items: flex-start;
  transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 75pc;
  perspective: 75pc
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
  height: 44px;
  margin-top: -22px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  left: 10px;
  right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  left: auto;
  right: 10px
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  -o-transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: .3s opacity;
  position: absolute;
  text-align: center;
  transform: translate3d(0,0,0);
  transition: .3s opacity;
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -ms-transform: scale(.33);
  -webkit-transform: scale(.33);
  position: relative;
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -ms-transform: scale(.66);
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -ms-transform: scale(.33);
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -ms-transform: scale(.66);
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -ms-transform: scale(.33);
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  background: #000;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  opacity: .2;
  width: 8px
}

button.swiper-pagination-bullet {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  background: #007aff;
  opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
  -webkit-transform: translate3d(0,-50%,0);
  right: 10px;
  top: 50%;
  transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -ms-transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  top: 50%;
  transform: translatey(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -o-transition: .2s transform,.2s top;
  -webkit-transition: .2s top,.2s -webkit-transform;
  display: inline-block;
  transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -ms-transform: translatex(-50%);
  -webkit-transform: translatex(-50%);
  left: 50%;
  transform: translatex(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -o-transition: .2s transform,.2s left;
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -o-transition: .2s transform,.2s right;
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -ms-transform: scale(0);
  -ms-transform-origin: left top;
  -webkit-transform: scale(0);
  -webkit-transform-origin: left top;
  background: #007aff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -ms-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  -ms-touch-action: none;
  background: rgba(0,0,0,.1);
  border-radius: 10px;
  position: relative
}

.swiper-container-horizontal>.swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50
}

.swiper-scrollbar-drag {
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  -o-object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  -ms-transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
  -webkit-transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12,end) infinite;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}

.swiper-lazy-preloader:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  -ms-transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
  -webkit-filter: blur(50px);
  background: #000;
  bottom: 0;
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 75pc
}/* End custom CSS */
/* Start custom CSS */body {
    overflow-x: visible !important;
}/* End custom CSS */