@import '/app/shared/assets/css/commonheader.css';
@import url(/app/shared/assets/css/promoslandingpage.css);
@font-face {
  font-family: "paragonmedium";
  src: url("/css/paragon/paragon_cleaners_medium-webfont.eot");
  src: url("/css/paragon/paragon_cleaners_medium-webfont.eot?#iefix") format("embedded-opentype"), url("/css/paragon/paragon_cleaners_medium-webfont.woff2") format("woff2"), url("/css/paragon/paragon_cleaners_medium-webfont.woff") format("woff"), url("/css/paragon/paragon_cleaners_medium-webfont.ttf") format("truetype"), url("/css/paragon/paragon_cleaners_medium-webfont.svg#paragonmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
#commonHeader .main {
  background-color: #0b0b17;
}
#commonHeader .main .brand {
  background-color: #1a1c28;
}
#commonHeader .main .quickbuttons .qb_mybalances a {
  border-color: #FFF;
  color: #FFF;
}
#commonHeader.nosession .quickbuttons .button {
  font-family: "paragonmedium", sans-serif;
  background: rgba(255, 255, 255, 0.1);
  color: #33fff4;
  text-transform: uppercase;
  padding: 3px 1em 0 1em;
  font-size: 20px;
  font-weight: 400;
}
#commonHeader.nosession .quickbuttons .button:hover {
  color: #FFF;
}
#commonHeader .sidebar {
  color: #FFF;
}
#commonHeader .sidebar .closepanel {
  background-color: #1a1c28;
}
#commonHeader .sidebar .player {
  background-color: #1a1c28;
}
#commonHeader .sidebar .top {
  background-color: #0f0f1b;
}
#commonHeader .sidebar .top .playerclass {
  color: #FFF;
}
#commonHeader .sidebar .top .profile {
  background-color: #2b2e41;
  color: #FFF;
}
#commonHeader .sidebar .top .profile svg {
  fill: #FFF;
  opacity: 0.6;
}
#commonHeader .sidebar .balances {
  background-color: #080808;
  color: #FFF;
}
#commonHeader .sidebar .balances h3 {
  color: #FFF;
}
#commonHeader .sidebar .balances .button--cashout {
  background: linear-gradient(to bottom, #1a1c28 0%, #1a1c28 100%);
  color: #FFF;
}
#commonHeader .sidebar .balances.highlight {
  animation: CH_highlight 0.5s;
}
#commonHeader .sidebar nav {
  background-color: #1a1c28;
}
#commonHeader .sidebar nav a {
  color: #FFF;
}
#commonHeader .sidebar nav a:hover {
  color: #ecfd00;
}
#commonHeader .sidebar nav a svg {
  fill: #FFF;
}

@keyframes CH_highlight {
  0% {
    background-color: #080808;
  }
  25% {
    background-color: #FFF;
  }
  50% {
    background-color: #080808;
  }
  75% {
    background-color: #FFF;
  }
  100% {
    background-color: #080808;
  }
}
#lmModalOverlay {
  color: #fff;
  font-family: "Lato", sans-serif;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #lmModalOverlay {
    padding: 24px;
  }
}
#lmModalOverlay .modalwrapper {
  background: rgba(11, 11, 23, 0.9);
  border: none;
}
#lmModalOverlay .modalwrapper .signup-invitation h3 {
  font-size: 1.8em;
  color: #33fff4;
  margin-top: 0.5em;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}
#lmModalOverlay .modalwrapper .signup-invitation p {
  font-size: 1.3em;
  margin: 0.3em 0;
}
#lmModalOverlay .modalwrapper .signup-invitation p.slogan {
  margin: 0.7em 0;
  font-size: 1em;
}
#lmModalOverlay .modalwrapper .signup-invitation .btn {
  background-color: #ebff00;
  color: #000;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  #lmModalOverlay .modalwrapper .signup-invitation .btn {
    font-size: inherit;
  }
}
#lmModalOverlay .modalwrapper .signup-invitation .btn:hover {
  transform: scale(1.01);
}
#lmModalOverlay .modalwrapper .closelmmodal {
  color: #fff;
  background: transparent;
  top: 7px;
  right: 7px;
}
#lmModalOverlay .modalwrapper #togglePassword {
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media screen and (max-width: 420px) {
  #lmModalOverlay .modalwrapper .closelmmodal {
    top: 2px;
    right: 2px;
  }
}
#lmModalOverlay .modalwrapper .row2col label {
  white-space: nowrap;
}
#lmModalOverlay .modalwrapper .row2col a {
  color: #ecff00;
}
#lmModalOverlay .row {
  margin: 0;
}
#lmModalOverlay #hcaptcha_cont {
  width: 100%;
  margin: 1em auto 0 auto;
}
#lmModalOverlay .loginerror,
#lmModalOverlay .error {
  color: #ffb1d6;
}
#lmModalOverlay .noacc a {
  color: #ecff00;
}
#lmModalOverlay .btn {
  background: #ff0279;
  color: #ebff00;
  border: none;
}
#lmModalOverlay .btn:hover {
  transform: scale(1.01);
}
#lmModalOverlay input {
  border: 1px solid #33fff4;
  color: #fff;
  outline: none;
  background: rgba(255, 255, 255, 0.1);
}
#lmModalOverlay input:focus {
  background: rgba(255, 255, 255, 0.1);
}
#lmModalOverlay .lds-spinner div:after {
  background: #33fff4;
}
#lmModalOverlay .requestPasswform {
  max-width: 280px;
}
#lmModalOverlay .requestPasswform h3 {
  font-size: 20px;
  font-weight: 400;
  color: #33fff4;
  font-family: "Lato", sans-serif;
  margin: 0;
}
#lmModalOverlay .requestPasswform p {
  margin: 0;
}
#lmModalOverlay .requestPasswform a {
  color: #fff;
}
#lmModalOverlay .requestPasswform .btn {
  background: rgba(255, 255, 255, 0.1);
  color: #33fff4;
  border: none;
  margin: 1em 0;
  line-height: 45px;
}
#lmModalOverlay .requestPasswform .btn:hover {
  transform: scale(1.01);
}
#lmModalOverlay .confirmationRequestPassword h3 {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #33fff4;
  margin: 0;
}
#lmModalOverlay .confirmationRequestPassword p {
  margin: 0.7em 0;
}
#lmModalOverlay .confirmationRequestPassword span {
  color: #ff0279;
}
#lmModalOverlay .logoutconfirm button {
  border: none;
  color: #fff;
  background-color: #ff0279;
}
#lmModalOverlay .logoutconfirm button:hover {
  transform: scale(1.05);
}
#lmModalOverlay .logoutconfirm button.yes {
  background-color: transparent;
  box-shadow: 0 0 0 1px #ff0279 inset;
}

/* end new login */
#lm_logoutconfirmation.loginwrapper {
  font-size: 14px;
}
#lm_logoutconfirmation.loginwrapper button {
  width: 120px;
}

#lmModalOverlay .modalwrapper.subscribe {
  background-color: rgba(11, 11, 23, 0.9) !important;
  color: #fff;
}
#lmModalOverlay .modalwrapper.subscribe .closelmmodal {
  color: #ccc;
}
#lmModalOverlay .modalwrapper.subscribe .closelmmodal:hover {
  color: #fff;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal {
  color: #fff;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal .icon-rsm {
  color: #ebff00 !important;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal h3 {
  color: #ff0279;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal .actions .button {
  background: #ff0279 !important;
  text-transform: uppercase;
  color: #ebff00 !important;
  height: 3em;
  font-size: 16px;
  border-radius: 4px;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal .actions .button--gray {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
}
#lmModalOverlay .modalwrapper.subscribe #resubscriptionModal .actions .loader {
  border: 3px solid rgb(102, 102, 102);
  border-bottom-color: #ff0279;
}

#promoslanding h1 {
  color: #EBFF00;
}
#promoslanding main {
  background: url(/landing/entry-promo/images/bg.jpg) center top no-repeat #000;
  background-attachment: fixed;
}
#promoslanding main.skeleton section#keepplaying,
#promoslanding main.skeleton section#populargames,
#promoslanding main.skeleton section#recommendedgames,
#promoslanding section#keepplaying,
#promoslanding section#populargames,
#promoslanding section#recommendedgames {
  background-color: rgba(0, 0, 0, 0.55);
}
#promoslanding section#regularpromos .promobox .content .info h3 {
  color: #FF6600;
}
#promoslanding section#regularpromos .promobox .content .info .redeembtn {
  background-color: #ff0279;
  color: #FFF;
  border-radius: 20px;
}
#promoslanding section#regularpromos .promobox .content .info .redeembtn:hover {
  background-color: #ce0061;
}
#promoslanding footer {
  background-color: #0B0B17;
}
#promoslanding footer a {
  background: #EBFF00;
  border: 1px solid #EBFF00;
  color: #0B0B17;
  border-radius: 24px;
  transition: all 0.3s;
}
#promoslanding footer a:hover {
  background: transparent;
  color: #EBFF00;
}/*# sourceMappingURL=custom_style.css.map */