@charset "UTF-8";

.bottom-bar_app-content {
    display: none !important;
}

.disabled-field {
    background-color: grey;
    cursor: not-allowed;
}

.legacy-cashdrop-link {
    cursor: pointer;
    font-size: 14px;
}

.legacy-cashdrop {
    display: none !important;
}

.main.choose-game + .container .inline-button.yellow {
    background: none;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
    text-decoration: underline;
    border-radius: 0;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    filter: none;
    line-height: initial;
    font-family: 'Montserrat', serif;
    text-shadow: 1px 1px 4px #000, 1px 1px 0 #000;
}

.main.choose-game + .container .inline-button.yellow:before,
.main.choose-game + .container .inline-button.yellow:after {
    display: none;
}

nav a[href="/xmas"] {
    display: none;
}

.region-ontario #popup-notification .close {
    display: none !important;
}

.location-services-wrapper {
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    overflow-y: scroll;
}

.location-services {
    max-width: 1000px;
    background: #032f3e;
    border-radius: 15px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px 0;
}

.location-services h1 {
    font-size: 40px;
    margin: 0;
    color: #fff;
}

.location-services p {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
}

.location-services .steps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px 0;
}

.location-services .step {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
}

.location-services .steps.alt .step {
    background: #eee;
}

.location-services .step input {
    display: none;
}

.location-services .step-title {
    color: #000;
    padding: 20px 80px 20px 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    position: relative;
}

.location-services .step-title:before,
.location-services .step-title:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background: #000;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: 42px;
    border-radius: 10px;
}

.location-services .step-title:after {
    transform: translateY(-50%) rotate(-45deg);
    right: 30px;
}

.location-services .step-content {
    height: 0;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.location-services .step-content * {
    color: #000;
    margin: 0;
    text-align: left;
}

.location-image {
    max-width: 100px;
    max-height: 100px;
    width: 90%;
    margin-bottom: 20px;
}

.location-services .step-content li {
    margin-left: 30px;
}

.location-services .step-content li::before {
    color: #000;
}

.location-services input:checked ~ .step-content {
    height: auto;
    padding: 10px 30px 30px 30px;
}

.location-services input:checked ~ .step-title:before {
    transform: translateY(-50%) rotate(-45deg);
}

.location-services input:checked ~ .step-title:after {
    transform: translateY(-50%) rotate(45deg);
}

.location-services .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.location-services .buttons .button {
    font-size: 20px;
    padding: 15px 20px;
    height: auto;
    line-height: initial;
    margin: 0;
}

@media screen and (max-width: 840px) {
    .location-services-wrapper {
        padding: 10px;
    }

    .location-services {
        padding: 20px;
        gap: 20px 0;
    }

    .location-services h1 {
        font-size: 28px;
    }

    .location-services p {
        font-size: 14px;
    }

    .location-services .step-title {
        padding: 15px 65px 15px 20px;
        font-size: 20px;
    }

    .location-services .step-title:before {
        width: 18px;
        right: 31px;
    }

    .location-services .step-title:after {
        width: 18px;
        right: 20px;
    }

    .location-services input:checked ~ .step-content {
        padding: 0 20px 20px 20px;
    }
}

@media screen and (max-width: 640px) {
    .location-services h1 {
        font-size: 24px;
    }

    .location-services {
        padding: 15px;
        gap: 15px 0;
    }

    .location-services .step {
        border-radius: 10px;
    }

    .location-services .step-title {
        padding: 10px 55px 10px 15px;
        font-size: 18px;
    }

    .location-services .step-title:before {
        width: 16px;
        right: 24px;
    }

    .location-services .step-title:after {
        width: 16px;
        right: 14px;
    }

    .location-services .buttons .button {
        padding: 10px 15px;
    }

    .location-services input:checked ~ .step-content {
        padding: 0 15px 15px 15px;
    }
}

@media screen and (max-width: 400px) {
    .location-services-wrapper {
        padding: 5px;
    }

    .location-services {
        padding: 10px;
        gap: 10px 0;
    }

    .location-services p {
        font-size: 12px;
    }

    .location-services .step-title {
        padding: 10px 45px 10px 10px;
        font-size: 16px;
    }

    .location-services .step-title:after {
        right: 10px;
    }

    .location-services .step-title:before {
        right: 19px;
    }

    .location-services input:checked ~ .step-content {
        padding: 0 10px 10px 10px;
    }

    .location-services .buttons .button {
        font-size: 18px;
    }
}

.responsive-wrapper {
    display: none !important;
}

.responsive-wrapper.show {
    display: block !important;
}

.upload-docs-container .vip-scheme-table tbody tr td:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
}

.bottom-nav_fs1 a, .bottom-nav_fs2 a {
    display:block!important;
    width:100%!important;
    height: 100%!important;
}

.error-404 .content-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    gap: 20px 0;
}

.error-404 .content-404 img {
    width: 100%;
    max-width: 640px;
}

.error-404 .content-404 h1 {
    margin: 0;
}

.error-404 .content-404 p {
    margin: 0;
    text-align: center;
}

.error-404 .content-404 .button {
    text-transform: capitalize;
    cursor: pointer;
    padding: 10px 30px;
}

/*  #####################################
    ############## MAIN CSS #############
    #####################################   */

.game-history-mobile {
    display: none !important;
}

.popup#proof-of-id-service-popup {
    z-index: 9999;
}

.popup#proof-of-id-service-popup .wrapper {
    padding: 0;
    height: 100%;
    width: 100%;
}

.popup#proof-of-id-service-popup .wrapper .close {
    top: 10px;
    right: 10px;
}

.popup#proof-of-id-service-popup iframe {
    height: 100%;
    width: 100%;
    border: none;
}


#netEntGame {
    height: calc(100% - 19px);
}

.promo-more-page .promo-banner #promotions-tcs {
    background: #eee !important;
    overflow: auto !important;
    padding: 0 10px !important;
    position: relative !important;
    z-index: 99 !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.promo-more-page .promo-banner #promotions-tcs p {
    font-size: 10px !important;
    color: #000 !important;
    text-shadow: none !important;
}

.promo-more-page .promo-banner #promotions-tcs p a {
    color: #000 !important;
    text-decoration: underline !important;
}

.promotions-tcs {
    overflow-y: scroll !important;
    height: 75px !important;
    margin-bottom: 65px !important;
}

.promotions-tcs:empty {
    display: none !important;
}

.promotions-tcs::-webkit-scrollbar {
    -webkit-appearance: none !important;
}

.promotions-tcs::-webkit-scrollbar:vertical {
    width: 8px !important;
}

.promotions-tcs::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5) !important;
    border-radius: 10px !important;
    border: 1px solid #eeeeee !important;
}

.promotions-tcs::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background-color: transparent !important;
}

.promotions-tcs p {
    font-size: 10px !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 640px) {
    .promotions-tcs {
        height: auto !important;
        overflow: visible !important;
    }
}

#paysafeiframe {
    height: 100dvh !important;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    background: #ffffff;
}

.region-united-kingdom .homepage-feeds,
.region-united-kingdom .latest-winners
.region-united-kingdom .winner-list,
.region-united-kingdom .feed-container,
.region-united-kingdom .biggest-winner,
.region-united-kingdom .homepage-feeds-box,
.region-united-kingdom .homepage-feeds .right.desktop,
.region-united-kingdom .winners-feed,
.region-united-kingdom .feed-container{
    opacity: 0 !important;
}

.promotions-general-tcs {
    font-size: 12px;
}

.webpush-notification-center-item-image[src="https://s3.xtremepush.com/campaign/1450_KmWp-RxS8po49G-LdO8D1471DoTJO-mo.png"] {
    display: none !important;
}

.region-united-kingdom .biggest-winner {
    display: none !important;
}

.blog-desktop {
    display: block !important;
}
.blog-mobile {
    display: none !important;
}
@media (max-width: 640px) {
    .blog-desktop {
        display: none !important;
    }
    .blog-mobile {
        display: block !important;
    }
}



* {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

@font-face {
    font-family: Montserrat;
    src: url(/images/external/theme/montserrat_regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Montserrat;
    src: url(/images/external/theme/montserrat_semibold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: Montserrat;
    src: url(/images/external/theme/montserrat_bold.ttf);
    font-weight: 700;
}


@font-face {
    font-family: "Open Sans";
    src: url(/images/external/theme/open-sans_regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans";
    src: url(/images/external/theme/open-sans_bold.ttf);
    font-weight: 700;
}


#winter-giveaway {
    background: #000;
    width: 250px;
    height: auto;
    left: 10px;
    position: absolute;
    top: 150px;
    border-radius: 30px;
    overflow: hidden;
    z-index: 99;
    transition: left .2s ease-in-out;
    display: none;
}

#winter-giveaway.hide {
    left: -250px
}

#winter-giveaway #close-button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

#winter-giveaway #close-button:before,
#winter-giveaway #close-button:after {
    content: '';
    width: 25px;
    height: 5px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 10px;
    transform: translate(-50%, -50%) rotate(45deg);
}

#winter-giveaway #close-button:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

#winter-giveaway img {
    display: block;
    width: 100%;
}

#winter-giveaway p,
#winter-giveaway p a {
    box-sizing: border-box;
    padding: 15px;
    font-size: 9px;
    color: #fff;
    margin: 0;
    text-align: center;
}

#winter-giveaway p a {
    text-decoration: underline;
}

#winter-giveaway-toggle {
    background: #000;
    border-radius: 0 20px 20px 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 150px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    z-index: 99;
    transition: left .2s ease-in-out;
    display: none;
}

#winter-giveaway-toggle.hide {
    left: -60px;
}

#winter-giveaway-toggle svg {
    width: 35px;
    pointer-events: none;
    animation: winterWiggle 1.5s ease infinite;
    position: relative;
}

@keyframes winterWiggle {
    0% {transform: rotate(0deg); top: 0}
    40% {transform: rotate(0deg); top: 0}
    50% {transform: rotate(-5deg); top: -3px}
    60% {transform: rotate(5deg); top: -3px}
    70% {transform: rotate(-5deg); top: -3px}
    80% {transform: rotate(5deg); top: -3px}
    90% {transform: rotate(-5deg); top: -3px}
    100% {transform: rotate(0deg); top: 0}
}

#st-form, #ptype, #st-form-js {
    margin: 0;
}

iframe#casinoClient {
    height: 100%;
}

.center-image {
    display: block;
    margin: 0 auto;
    position: relative;
}

.center-button {
    margin: 0 auto !important;
    display: block !important;
}

.center-button2 {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.webpush-notification-center-item-title p {
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

.webpush-notification-center-item-text-container p {
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

.banking-link {
    font-family: Verdana, sans-serif;
}


body .main.in-game > .container {
    max-width: 1200px;
}

#join-now-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #55ab49;
    z-index: 990;
    height: 50px;
}

#join-now-bar .container {
    position: relative;
    max-width: initial;
    text-align: center;
}

#join-now-bar p {
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    margin: 0;
    line-height: normal;
    display: block;
    font-weight: normal;
}

#join-now-bar p a {
    color: #fff;
}

@media (max-width: 640px) {
    #cookies-consent.cookies-up {
        bottom: 50px;

    }

}

.col-container {
    font-size: 0;
    text-align: center;
}

.promo-2col {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
    padding: 20px;
    font-size: initial;
}


.mutuel-container {
    height: 100%;
}

.join-now-active {
    cursor: pointer;
}

html {
    margin: 0 auto;
    overflow-x: hidden;
}

body {
    margin: 0 auto;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, a, p, ol, ul, label {
    font-family: Verdana, sans-serif;
}

.container {
    max-width: 1000px;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

.wrapper {
    padding: 20px;
}

.clearfix {
    clear: both;
    display: block
}

ol {
    padding: 0;
    counter-reset: item;
    text-align: left;
}

ol li {
    display: block;
    position: relative;
    padding-left: 5px;
    margin-left: 20px;
}

ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    position: absolute;
    top: 0;
    right: 100%;
    color: #000000;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    line-height: 25px;
    padding: 0 25px 0 10px;
    border: 0;
    position: relative;
    margin: 5px auto
}

input:focus,
textarea:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus {
    outline: none
}

.aff-email {
    word-break: break-word;
}

.privacy-counter {
    counter-reset: item 3;
}

.responsible-gambling ul li {
    font-size: 16px;
}

.info-error,
.make-deposit-container .info-error {
    text-align: left;
    padding: 0 0 0 80px;
    background-image: url(/images/external/theme/cashier_error-info-icon.png);
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 50px;
    margin: 0;
}

h2.success,
p.success,
.cashier p.success {
    padding: 0 20px 0 50px;
    line-height: 40px;
    background: url(/images/external/theme/cashier_tick-icon.png) center left no-repeat;
}

h2.success {
    line-height: 40px;
    display: inline-block;
    margin: 0 0 20px 0;
    font-size: 21px;
    position: relative;
    font-weight: normal;
}

p.success {
    padding: 10px 20px 0 50px;
    min-height: 40px;
}

p.processing {
    padding: 0 20px 0 50px;
    min-height: 30px;
    line-height: normal;
    position: relative;
}

p.processing:after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/external/theme/loading-icon.png) center no-repeat;
    background-size: 40px 40px;
    animation: rotate 2s linear infinite reverse;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

#first-withdrawal p {
    text-align: left;
    display: block;
    margin: 10px auto;
}

#quick-deposit-success .container {
    max-width: 450px;
}

#portrait-error {
    display: none;
}

.one-column {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.two-column {
    width: 50%;
    float: left;
    display: block;
}

.inline-button.grey {
    background: #6d6d6d;
    position: static;
    opacity: 0.3;
    cursor: not-allowed;
    color: #fff;
}

/*  #####################################
    ############## 404 PAGE #############
    #####################################   */

.error-404-banner img {
    width: 100%;
}

.error-404 h2 {
    text-align: center;
    padding: 0 20px
}

.main.error-404 > .container {
    text-align: center;
    padding-bottom: 10px;
}

.main.error-404 .icon-container img {
    display: block;
}


/*  #####################################
    ############## HEADER ###############
    #####################################   */

nav #log-out {
    display: none;
}

.banking-area {
    float: right;
    display: block;
    padding: 10px;
    position: relative;
}

.banking-link:after {
    content: "balance";
}

.login-arrow {
    display: none;
}

nav ul.menu-icon li.menu-icon2,
.banking-dropdown {
    display: none;
}

.top-slots-menu {
    display: none !important;
}

.balance-breakdown {
    display: none;
}



/*  #####################################
    ########## DEVICE ROTATION ##########
    #####################################   */

#landscape-error {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 9999;
}

#landscape-error:after {
    content: "please rotate your device";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 50px;
    margin-top: -25px;
    margin-left: -100px;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
}

#landscape-error:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
    background: url(/images/external/theme/please-rotate_icon.png) center no-repeat;
    background-size: 200px 200px;
    opacity: 0.5;
}


/*  #####################################
    ############## TABLES ###############
    #####################################   */

.terms-and-conditions table,
table.vip-scheme-table,
.cashier table,
.game-history table {
    font-family: Verdana, sans-serif;
    overflow: hidden;
    max-width: 800px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-spacing: 1;
    background: #000000;
    border: 2px solid #000000;
    border-radius: 5px;
    margin: 5px auto;
}

table.vip-scheme-table {
    text-align: center;
}

.terms-and-conditions table th,
table.vip-scheme-table th,
.cashier table th,
.game-history table th {
    color: #ffffff;
    background: #000000;
    padding: 5px;
    text-transform: capitalize;
}

.terms-and-conditions table td,
table.vip-scheme-table td,
.cashier table td,
.game-history table td {
    background: #ffffff;
    color: #000000;
    padding: 5px;
    text-transform: capitalize;
}

table.vip-scheme-table td {
    padding: 10px;
}

table.gamertp, table.gamertp td, table.gamertp td:nth-child(even), table.gamertp td:nth-child(odd) {
    background: none;
    border: none;
    text-align: left;
}

/*  ##########################################################
    ###################### PLACEHOLDERS ######################
    ##########################################################  */

::-webkit-input-placeholder,
 ::-moz-placeholder,
:-moz-placeholder,
 :-ms-input-placeholder {
    font-style: italic;
    line-height: 25px;
    text-transform: capitalize;
}

.log-in input[type=text]::-webkit-input-placeholder,
.log-in input[type=text]::-moz-placeholder,
.log-in input[type=text]:-ms-input-placeholder,
.log-in input[type=text]:-moz-placeholder,
.log-in input[type=password]::-webkit-input-placeholder,
.log-in input[type=password]::-moz-placeholder,
.log-in input[type=password]:-ms-input-placeholder,
.log-in input[type=password]:-moz-placeholder,
.log-in input[type=number]::-webkit-input-placeholder,
.log-in input[type=number]::-moz-placeholder,
.log-in input[type=number]:-ms-input-placeholder,
.log-in input[type=number]:-moz-placeholder,
.log-in input[type=email]::-webkit-input-placeholder,
.log-in input[type=email]::-moz-placeholder,
.log-in input[type=email]:-ms-input-placeholder,
.log-in input[type=email]:-moz-placeholder {
    color: #6d6d6d;
    text-transform: capitalize;
}


/*  #####################################
    ############# MENU ICON #############
    #####################################   */

#nav-icon {
    width: 40px;
    height: 40px;
    top: 12px;
    position: relative;
    margin: 0px auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    background: none;
    max-height: initial;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 8px;
    width: 100%;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    background: #fff;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 14px;
}

#nav-icon span:nth-child(4) {
    top: 28px;
}

#nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


/*  #####################################
    ############## BUTTONS ##############
    #####################################   */

button.icon_play-now,
button.icon_play-now-only,
button.icon_read-more,
.promo-list .promo .play-now-button,
.promo-list .promo .read-more-button,
.play-now-button,
.main-btn,
.contact-us-button,
.inline-button,
.button,
button.log-in,
button.deposit-now {
    height: 40px;
    width: 115px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: none;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    font-family: Verdana, sans-serif;
    color: #fff;
    margin: 0 auto;
}

.button,
.main-btn,
button.log-in,
button.deposit-now {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    margin: 0 auto;
    display: block;
    width: auto;
    padding: 0 30px;
}

.button {
    display: inline-block;
}
.promo-more-page a.button{
    display: block;
    max-width: 300px;
    line-height:60px;
    font-size: 24px;
    height:60px;
    margin: 10px auto;
}

.play-now-button {
    display: block;
    margin: 10px auto;
    width: 240px;
}

.contact-us-button {
    min-width: 120px;
    transform: none;
    left: 0;
    bottom: 0;
    top: initial;
    line-height: 30px;
    height: 30px;
    padding: 5px 20px;
    margin: 10px;
}

.inline-button {
    width: auto;
    padding: 0 30px;
    margin: 5px;
    transform: none;
    left: 0;
    top: 0;
    position: relative;
    display: inline-block;
}

.make-deposit-container .amount-button,
.deposit-amount-container .amount-button,
.deposit-container .amount-button {
    display: inline-block;
    font-size: 21px;
    padding: 0 20px;
    margin: 5px;
    width: auto;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

button.deposit-paypal {
    width: 100%;
    border: none;
    height: 60px;
    padding: 0;
    cursor: pointer;
    background: url(/images/external/theme/header_deposit-paypal.png) center no-repeat;
    background-size: auto 100%;
}

div.deposit-now,
.reverse-now {
    display: block;
    height: 50px;
    width: 140px;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
}

div.deposit-now:after {
    content: "deposit";
}

.reverse-now:after {
    content: "reverse";
}

.delete-card {
    display: block !important;
    margin: 5px !important;
}


/*  #####################################
    ########### CLOSE BUTTONS ###########
    #####################################   */

.reg-close,
.popup .close,
.quick-deposit .close,
.game-container2 .close {
    height: 35px;
    width: 35px;
    top: -15px;
    right: -15px;
    border-radius: 30px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    background: #fff;
}

.game-container2 .close {
    top: 0;
    right: 0;
    display: none !important;
}

.reg-close span,
.popup .close span,
.game-container2 .close span {
    width: 25px;
    height: 5px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
}

.reg-close span:nth-child(1),
.popup .close span:nth-child(1),
.game-container2 .close span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.reg-close span:nth-child(2),
.popup .close span:nth-child(2),
.game-container2 .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/*  #####################################
    ############## REG FORM #############
    #####################################   */

.reg-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .95);
    overflow: auto;
    display: none;
    z-index: 999;
    top: 0;
    left: 0;
}

.reg-bg.active {
    display: block;
}

.reg-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    position: relative
}

.reg-top-wrapper {
    padding: 20px 0
}

.reg-wrapper .container {
    width: auto;
    overflow-x: hidden
}

.reg-steps {
    height: 50px;
    width: 640px;
    overflow: hidden;
    margin: 0 auto;
}

.reg-step1 {
    width: 33%;
    height: 50px;
    float: left;
    position: relative
}

.reg-step2 {
    width: 33%;
    height: 50px;
    float: left;
    position: relative
}

.reg-step3 {
    width: 34%;
    height: 50px;
    float: left;
    position: relative
}

.reg-steps p {
    line-height: 30px;
    padding: 10px 20px;
    margin: 0;
    font-size: 14px;
}

.reg-content-container {
    width: 300%;
    overflow-x: hidden;
    padding: 10px 0;
    font-size: 16px;
    transition: margin 0.5s
}

.reg-content-container label {
    font-size: 16px;
    margin: 5px 0;
    display: inline-block
}

.reg-content-step1,
.reg-content-step2,
.reg-content-step3 {
    padding: 0 20px;
    position: relative;
    float: left;
    width: 600px
}

.reg-content-step2,
.reg-content-step3 {
    overflow: hidden
}

.reg-content-small-container {
    display: block;
    float: left;
    width: 300px
}

.reg-content-small-container .container {
    padding: 0 10px
}

.input-container {
    padding: 0
}

.input-container p {
    font-style: italic;
    font-size: 14px;
    margin: 0
}

select.month {
    width: 85px;
}

select.day,
select.year {
    width: 80px;
}

select:focus {
    outline: none
}

input[type=number],
input[type=email],
input[type=password],
input[type=text] {
    width: 100%;
    padding: 0 15px;
    line-height: 25px;
    position: relative;
    margin: 5px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.input-container input[type=text],
.input-container input[type=password],
.input-container input[type=number],
.input-container input[type=email] {
    width: 100%;
    line-height: 25px;
    padding: 0 15px;
    position: relative;
    margin: 5px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

.input-container input:focus {
    border: 1px solid transparent;
}

.input-container.error input {
    background: #fff;
    background-size: auto 15px;
    border-color: #ff0042
}

.input-container.valid input {
    background: url(/images/external/theme/input-valid_bg.png) center right #d9ffdc no-repeat;
    background-size: auto 15px;
    border-color: #00b90d
}

.input-container.error select {
    background-color: #f0b5c4;
    border-color: #ff0042
}

.input-container.valid select {
    background-color: #d9ffdc;
    border-color: #00b90d
}

p.error, .my-account-details .detail-column2 p.error {
    text-align: center;
    font-style: italic;
    color: #fff;
    font-size: 14px;
    margin: 3px 0;
    display: none;
    clear: both;
    position: relative;
    padding: 5px 10px;
    background: #f9538b;
}

p.error:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f9538b;
    position: absolute;
    top: -5px;
    left: 50%;
    display: block;
}

p.red-title.error:after {
    display: none;
}

p.error a {
    color: #730027;
}

.input-container.error p.error {
    display: block;
    color: #fff;
    background: #f9538b;
}

p.active {
    display: block;
}

.input-container.error p.error,
#opt-in.error p.error {
    display: block;
}

.input-container.error p.error,
#opt-in.error p.error {
    display: block;
}

.input-container input::-webkit-input-placeholder {
    font-style: italic;
    color: #333
}

#reg-gender {
    text-align: left
}

.select-gender {
    width: 80px;
    text-align: center;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}

.select-gender .gender-icon {
    border: none;
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
}

.select-gender .gender-icon#female,
.select-gender .gender-icon#male {
    background-image: url(/themes/default/reg_gender-icons.jpg);
    background-repeat: no-repeat;
    background-size: 100px;
    border-radius: 50%;
}

.select-gender .gender-icon#female {
    background-position: bottom left;
}

.select-gender .gender-icon#female.active {
    background-position: top left;
}

.select-gender .gender-icon#male {
    background-position: bottom right;
}

.select-gender .gender-icon#male.active {
    background-position: top right;
}

.select-gender label {
    margin: 0;
    padding: 5px 10px
}

.inline-button.password-eye {
    padding: 0;
    margin: 5px 0;
    display: inline-block;
    background-image: url(/images/external/theme/close-eye.png);
    background-size: 70% auto, 100%;
    background-position: center;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
    box-shadow: none;
    min-width: initial;
    max-width: initial;
}

.inline-button.password-eye.show {
    background-image: url(/images/external/theme/eye.png);
}

#regform1 .input-container input#reg_password1,
.account-details input.detail-column2#dt_oldpass,
.account-details input.detail-column2#dt_pass1 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    float: left;
    max-width: 250px;
}

.account-details input.detail-column2#dt_oldpass,
.account-details input.detail-column2#dt_pass1 {
    max-width: 225px
}

.detail-column2 .inline-button.password-eye {
    margin: 0;
}

.reg-terms-container {
    float: right;
    padding: 0 0 10px 0
}

p.agreed-terms {
    font-size: 10px;
    line-height: normal;
    margin: 26px 0 0 0;
    text-align: right;
}

p.agreed-terms input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/external/theme/reg_checkbox-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 30px auto;
    border: none
}

p.agreed-terms input[type=checkbox]:checked {
    background-position: top center;
}

p.agreed-terms label {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 5px;
    margin: 0;
}

.reg-button {
    float: right;
    padding: 0 30px;
    margin: 10px 0 0 0;
    line-height: 40px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    right: 10px
}

.reg-button:focus {
    outline: none
}

.reg-button.go-back {
    position: absolute;
    left: 30px;
    right: auto
}

input[type=text].post-code {
    width: 170px;
    display: block;
    margin: 5px auto;
    float: left;
}

button.find-it {
    width: 100px;
    display: block;
    float: right;
    font-size: 12px;
    padding: 0 15px;
    margin: 5px auto;
    line-height: 25px;
    cursor: pointer;
    text-transform: uppercase;
}

button.join-now {
    width: auto;
    line-height: 50px;
    font-size: 30px;
    font-weight: bold;
    padding: 0 30px;
    height: auto;
    width: 280px;
    top: -10px;
}

#location-other {
    display: none
}

.input-container.non-uk#location-uk {
    display: none
}

.input-container.non-uk#location-other {
    display: block
}

input[type=number].card-number {
    width: 160px;
}

.cvv-number {
    display: inline-block;
    margin: 0;
}

#opt-in p {
    font-size: 14px;
    font-style: italic;
    margin: 5px 0;
}

#opt-in span input[type=checkbox] {
    height: 30px;
    width: 30px;
}

#opt-in input[type=checkbox] {
    background: url(/images/external/theme/reg_checkbox-bg.png) bottom center no-repeat;
    background-size: 100% auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 5px;
}

#opt-in input[type=checkbox]:checked {
    background: url(/images/external/theme/reg_checkbox-bg.png) top center no-repeat;
    background-size: 100% auto;
}

p.agreed-terms input[type="checkbox"] {
    background: url(/images/external/theme/reg_checkbox-bg.png) bottom center no-repeat;
    background-size: 100% auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

#opt-in p.opt-options span {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}

#opt-in p.error:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 5px solid #f9538b;
    position: absolute;
    bottom: -5px;
    top: auto;
    left: 15px;
}

.reg-wrapper.step1-valid .reg-content-container {
    margin-left: -100%
}

.reg-wrapper.step1-valid.step2-valid .reg-content-container {
    margin-left: -200%
}

.paypal_reg img {
    display: block;
    margin: 0 auto;
}

.paypal_reg p {
    margin: 0;
    line-height: 25px;
    font-style: normal;
    text-align: center;
    color: #000000;
}

input[type="checkbox"] {
    background-image: url(/images/external/theme/reg_checkbox-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 5px 5px 5px;
}

input[type=checkbox]:checked {
    background-position: top center;
}


.popup#opt-in-popup p input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    height: 16px;
}

/*  #####################################
    ############ POP UPS ################
    #####################################   */

.popup {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999;
    text-align: center;
    top: 0;
    left: 0;
    overflow-x: scroll;
}

.popup .container {
    max-width: 640px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup h2,
.popup p.red-title {
    height: 65px;
    line-height: 65px;
    display: inline-block;
    margin: 0 0 20px 0;
    font-size: 21px;
    position: relative;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    max-width: initial;
    font-family: Verdana, sans-serif;
    padding: 0;
    color: #fff;
    text-transform: capitalize;
}

.popup h2.error,
.popup p.red-title.error {
    background-image: url(/images/external/theme/cashier_error-icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.popup h2.success,
.popup p.red-title.success {
    background-image: url(/images/external/theme/cashier_tick-icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.popup p.red-title.reverse-withdrawal:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 50px;
    height: 50px;
    background: url(/images/external/theme/reverse-withdrawal_popup.png) center no-repeat;
    background-size: auto 50px;
}

p.red-title.error {
    display: inline-block;
}

#mobnumberform {
    margin: 10px 0;
    padding-bottom: 10px;
}

.confirm-address .wrapper .wrapper div p,
.previous-address .wrapper .wrapper div p {
    text-align: left;
}

.confirm-address .wrapper .wrapper div p label,
.previous-address .wrapper .wrapper div p label {
    line-height: 30px;
    font-style: italic;
    color: #ffd52a;
    display: inline-block;
    width: 140px;
    text-align: right;
    padding-right: 5px;
}

.popup.confirm-address .red-title.error,
.popup.previous-address .red-title.error {
    background: none;
    padding: 0;
}

#bonus-policy {
    display: block;
    position: relative;
    top: -150px;
}

#paypal-quick-reg-page .cashier-step .make-deposit-container p {
    text-align: center;
}

.deposit-top-wrapper {
    left: 0;
    top: 0;
}

.popup#quick-deposit select {
    width: auto;
    margin-right: 10px;
    display: inline-block;
}

.popup#quick-deposit p.red-title {
    margin: 0;
}

.popup#quick-deposit p {
    text-align: center;
    margin: 10px auto;
}

.popup#quick-deposit h3 {
    text-align: center;
    font-weight: 400;
    margin: 10px 0;
}

.popup#quick-deposit .make-deposit-container {
    padding: 0 0 10px 0;
}

.popup#quick-deposit input[name="dep_promo"] {
    padding: 0 10px;
    width: 200px;
    margin-left: 10px;
}

.close,
#close {
    cursor: pointer;
}

.popup {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    text-align: center;
    top: 0;
}

.popup.inactive {
    display: none;
}

.popup ol {
    text-align: left;
    font-size: 14px;
    margin: 0 auto 10px auto;
    max-width: 420px;
    padding: 0 15px;
}

.popup#welcome-deposit .container {
    transform: translate(-50%, 50px);
    top: 0;
}

.popup#welcome-deposit .container {
    overflow: visible;
}

#welcome-deposit ul.payment-methods label {
    line-height: normal;
    font-size: 12px;
    text-align: center;
}

.popup p {
    margin: 0 auto 10px auto;
    max-width: 450px;
}

.offer-popup .wrapper {
    padding: 0;
}

.popup.offer-popup .wrapper .container .wrapper {
    padding: 0 !important;
}

.popup.offer-popup img {
    display: block;
    width: 100%;
}

.popup#opt-in-popup p {
    max-width: none;
}

.popup#opt-in-popup p input[type=checkbox] {
    margin: 0 10px;
}

.popup#opt-in-popup img {
    max-width: 260px;
}

.popup#opt-in-popup p span {
    font-size: 10px;
}

.popup#opt-in-popup p span input[type=checkbox] {
    margin: 0 5px;
    transform: none;
}

.big-winner-popup {
    position: fixed;
    bottom: -100px;
    width: 100%;
    height: 100px;
    z-index: 1000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    opacity: 0;
}

.big-winner-popup.active {
    bottom: 0;
    opacity: 1;
}

.big-winner-popup .close {
    position: absolute;
    top: 10px;
    right: 0;
    height: 30px;
    width: 30px;
    background: url(/images/external/theme/popup-close.jpg) center no-repeat;
    background-size: 30px 30px;
    border-radius: 50%;
}

#ingamedeposit .amount-button {
    font-size: 16px;
    padding: 0 15px;
}

#ingamedeposit h3 {
    margin: 10px 0;
}

#ingamedeposit select {
    width: auto;
    margin-right: 10px;
    display: inline-block;
}

#ingamedeposit input[name="dep_promo"] {
    padding: 0 10px;
    width: 200px;
    margin-left: 10px;
}

.popup#log-in h2.red,
.popup#log-in p.red-title {
    display: block;
}

.popup#log-in h2.red:after,
.popup#log-in p.red-title:after {
    display: none;
}

.popup#log-in label {
    padding-right: 15px;
    text-transform: uppercase;
    text-align: left;
    width: 120px;
}

.popup#log-in p {
    margin: 0 auto;
}

.popup#log-in p input[type=checkbox] {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.popup#log-in button.log-in {
    display: block;
    margin: 10px auto;
    height: 40px;
    float: none;
    padding: 0;
    width: 100%;
    position: static;
    cursor: pointer;
}

.popup#log-in button {
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 10px auto;
}

.popup#log-in p .login_username {
    font-size: 18px;
}

.popup#log-in p .login_not-you {
    font-style: italic;
}

.member-area-error p.red-title {
    text-align: center;
}

.choose-game .choose-game-desc h1.red,
.free-spins h1.red {
    text-align: center;
}

.com-reqs,
.popup p.com-reqs {
    font-size: 9px;
    padding: 10px !important;
}

.cashier-promo-code,
.make-deposit-container .cashier-promo-code {
    padding: 10px !important;
}

.cashier-promo-code input[name="dep_promo"] {
    width: 200px !important;
    padding: 0 10px !important;
}

input[name="cvv"] {
    width: 80px !important;
}

#welcome-deposit .wrapper {
    padding: 60px 20px 20px 20px;
}

#welcome-deposit .card-details {
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

#welcome-deposit .two-column {
    text-align: right;
}

#welcome-deposit .card-details p {
    max-width: 500px;
    display: block;
    margin: 0 0 5px 0;
}

#welcome-deposit label {
    line-height: 30px;
    font-style: italic;
    display: inline-block;
    width: 90px;
    text-align: left;
}

#welcome-deposit input,
#welcome-deposit select {
    max-width: 140px;
    margin: 0 0 0 5px;
}

#welcome-deposit input[name="dep_promo"] {
    max-width: 200px;
    width: 200px;
}

#welcome-deposit p.error {
    display: none;
}

#welcome-deposit p.error.active {
    display: block;
}

#welcome-deposit select.month {
    width: 75px;
}

#welcome-deposit select.year {
    margin-left: 5px;
    width: 60px;
}

.welcome-deposit-header {
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url(/themes/default/welcome-popup_congrats.png);
    background-size: auto 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#welcome-deposit .card-details p {
    text-align: center;
}

.popup#more-bonus-popup .wrapper .container:before,
.popup#more-bonus-popup .wrapper .container:after {
    content: "";
    display: block;
    background: url(/images/external/theme/more-bonus-popup-bg.png);
    left: 0;
    bottom: 0;
    width: 190;
    height: 244px;
    position: absolute;
    z-index: 0;
    background-position: left;
}

.popup#more-bonus-popup .wrapper .container:after {
    left: initial;
    right: 0;
    background-position: right;
}

.popup#charity-donation .container,
.popup#charity-donation .wrapper .container>.wrapper {
    background-color: #fff;
}

.popup#charity-donation .wrapper .container>.wrapper {
    padding: 20px;
}

.popup#charity-donation p {
    color: #2e3192;
    font-size: 30px;
    line-height: normal;
}

.popup#charity-donation p.red-title {
    display: block;
    width: auto;
    height: auto;
    font-size: 48px;
    line-height: 48px;
    padding-right: 150px;
    background-color: #fff;
    background-image: url(/images/external/theme/cancer-research-uk.png);
    background-position: center right;
    background-size: auto 60px;
    background-repeat: no-repeat;
    margin: 0 auto 20px auto;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.popup#charity-donation p.red-title:before,
.popup#charity-donation p.red-title:after {
    display: none;
}

.popup#charity-donation p.popup-footer {
    font-size: 9px;
}

.big-winner-popup,
.big-winner-popup.active {
    display: none!important;
}

p.fonix-failed {
    padding: 20px 130px 0 0;
    min-height: 85px;
    max-width: 320px;
    background: url(/images/external/theme/popup_fonix-failed_bg.png) center right no-repeat;
}


.popup#welcome-deposit, .popup.card-reg-popup {
    display: none;
}

.popup.active#welcome-deposit, .popup.active.card-reg-popup {
    display: block;
}

/*.popup#securityCheck .wrapper .container form>.wrapper {
    padding: 0;
}*/


.popup#opt-in-popup .container > .wrapper {
	padding-top: 20px;
}

/*  #####################################
    ############ BIG WINNER #############
    #####################################   */

.big-winner-popup {
    position: fixed;
    bottom: -100px;
    width: 100%;
    height: 100px;
    z-index: 1000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    opacity: 0;
}

.big-winner-popup.active {
    bottom: 0;
    opacity: 1;
}

.big-winner-popup .close {
    position: absolute;
    top: 10px;
    right: 0;
    height: 30px;
    width: 30px;
    background: url(/images/external/theme/popup-close.jpg) center no-repeat;
    background-size: 30px 30px;
    border-radius: 50%;
}


/*  #####################################
    ############# TROPHY BAR ############
    #####################################   */

.trophy-bar {
    width: 300px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 5px 0 30px 0;
    display: inline-block;
}

.trophy-bar.level0 {
    background-image: url(/images/external/theme/progress-bar_level0.png);
}

.trophy-bar.level1 {
    background-image: url(/images/external/theme/progress-bar_level1.png);
}

.trophy-bar.level2 {
    background-image: url(/images/external/theme/progress-bar_level2.png);
}

.trophy-bar.level3 {
    background-image: url(/images/external/theme/progress-bar_level3.png);
}

.trophy-bar.level4 {
    background-image: url(/images/external/theme/progress-bar_level4.png);
}

.trophy-level-progress .trophy-bar {
    vertical-align: middle;
}


/*  #####################################
    ############# CONTACT US ############
    #####################################   */

.contact-us-boxes-wrapper {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.contact-us-box {
    max-width: 300px;
    width: 100%;
    height: auto;
    min-height: 220px;
    display: inline-block;
    position: relative;
    margin: 20px 5px 0 5px;
    text-align: left;
    padding: 0px;
    border: none;
    overflow: hidden;
    background: #fff;
    vertical-align: top;
}

.contact-us-box p {
    margin: 15px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

.contact-us-box h2 {
    text-align: left;
    position: relative;
    text-indent: 50px;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 45px;
    margin: 0;
    color: #fff;
}

.contact-us-box h2:before {
    content: "";
    background-size: 100%;
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

.contact-us-livechat:before,
.contact-us-chat:before {
    background-image: url(/images/external/theme/jms_contact-us-boxes_live-chat-white.png);
}

.contact-us-email:before {
    background-image: url(/images/external/theme/jms_contact-us-boxes_email-white.png);
}

.contact-us-faqs:before {
    background-image: url(/images/external/theme/jms_contact-us-boxes_faqs-white.png);
}

.contact-us-facebook:before {
    background-image: url(/images/external/theme/jms_contact-us-boxes_facebook-white.png);
}


/*  #####################################
    ################ FAQS ###############
    #####################################   */

.faqs-page .faqs-list, .faqs-page .faq-group {
    margin: 0 auto;
    padding: 0;
}

.faqs-page .faqs-list {
    margin-top: 10px;
}

.faqs-page .faq-group {
    margin-bottom: 20px;
}

.faqs-page {
    max-width: 1000px;
    margin: 0 auto;
}

.faqs-page li.faq-item {
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 64px 20px 20px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.20);
    cursor: pointer;
}

.faq-content {
    max-height: 0;
    overflow: hidden;
}

.faq-item.active .faq-content {
    max-height: initial;
    margin-top: 20px;
}

.faq-title, .faq-content p, .faq-content li {
    color: #000;
    font-family: Verdana,sans-serif;
}

.faqs-page .faq-title {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.faq-content p {
    margin: 5px 0;
    font-size: 15px;
}

.faq-content li {
    font-size: 15px;
}

.faq-group > h2 {
    margin: 0 0 10px 0;
}

.faq-item:before, .faq-item:after {
    content: "";
    position: absolute;
    right: 24px;
    top: 32px;
    height: 2px;
    width: 13px;
    background: #000000;
    transition-property: transform;
    transition-duration: .3s;

}

.faq-item.active:before, .faq-item:after {
    transform: rotate(-45deg);
}

.faq-item:before {
    transform: rotate(45deg);
    right: 32px;
}

.faq-item.active:after {
    transform: rotate(45deg);
}

.faq-content img {
    width: 100%;
    height: auto;
    max-width: 500px;
    box-sizing: border-box;
}




/*  #####################################
    ############ CUSTOM FAQS ############
    #####################################   */

.custom-faq-colours {
    display: none;
}

.custom-faq {
    display: block;
    background: #fff;
    margin-bottom: 10px;
}

.custom-faq .custom-faq-title {
    margin: 0;
    padding: 10px 60px 10px 20px;
    position: relative;
    font-size: 20px;
    cursor: pointer;
}

.custom-faq .custom-faq-title:before,
.custom-faq .custom-faq-title:after {
    content: "";
    position: absolute;
    top: 25px;
    height: 2px;
    width: 15px;
    background: #000;
    transition-property: transform;
    transition-duration: .3s;
    transform: rotate(45deg);
    right: 29px;
}

.custom-faq .custom-faq-title:after {
    transform: rotate(-45deg);
    right: 20px
}

.custom-faq .custom-faq-content {
    height: 0;
    padding: 0 20px;
    overflow: hidden;
}


.custom-faq.active .custom-faq-title:before {
    transform: rotate(-45deg);
}

.custom-faq.active .custom-faq-title:after {
    transform: rotate(45deg);
}

.custom-faq.active .custom-faq-content {
    height: auto;
}



/*  #####################################
    ######## NETWORK PROMOTIONS #########
    #####################################   */

#seasonal-nav-spacer-hide {
    display: none;
}

#seasonal-nav-spacer-show {
    display: none;
}

#seasonal-promo-nav {
    text-shadow: 0 0 8px #00f500, 0 0 8px #00f500, 0 0 8px #00f500;
    animation: seasonal-nav 4s infinite ease-in-out;
    display: none;
}

@keyframes seasonal-nav {
    0% {
        text-shadow: 0 0 8px #ff0000, 0 0 8px #ff0000, 0 0 8px #ff0000;
    }
    25% {
        text-shadow: 0 0 2px #00f500, 0 0 2px #00f500, 0 0 2px #00f500;
    }
    50% {
        text-shadow: 0 0 2px #ff0000, 0 0 2px #ff0000, 0 0 2px #ff0000;
    }
    75% {
        text-shadow: 0 0 8px #00f500, 0 0 8px #00f500, 0 0 8px #00f500;
    }
    100% {
        text-shadow: 0 0 2px #ff0000, 0 0 2px #ff0000, 0 0 2px #ff0000;
    }
}

@media (max-width: 840px) {
    #seasonal-nav-spacer-show {
        display: none;
    }
}


/*  #####################################
    ############# FULLSCREEN ############
    #####################################   */

.inline-button.fullscreen-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 30px;
    left: initial;
    z-index: 99;
}

.inline-button.fullscreen-button svg {
    width: 75%;
    height: 75%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.fullscreen-button.close,
.fullscreen .fullscreen-button.open {
    display: none;
}

.fullscreen-button.open,
.fullscreen .fullscreen-button.close {
    display: block;
}

.fullscreen section.main.in-game {
    position: absolute;
    z-index: 999;
    width: 100%;
    max-width: initial;
    height: 100%;
    top: 0;
    margin: 0;
    background: black;
    padding: 0;
    transition: .3s ease-in-out;
}

.fullscreen .main:before,
.fullscreen .main:after {
    display: none;
}

.fullscreen .main.in-game .wrapper,
.fullscreen .main.in-game .container .wrapper {
    padding: 0;
    border: 0;
    margin: 0;
}

.fullscreen .main.in-game .container,
.fullscreen section.hp-main-container,
.fullscreen .background-container,
.fullscreen .slot-machine {
    max-width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    position: initial;
}

.fullscreen .in-game .game-container {
    height: initial;
    max-height: initial;
    padding: 0;
    max-width: initial;
}

.fullscreen .just-like,
.fullscreen #inbox-icon,
.fullscreen footer {
    display: none;
}


/*  #####################################
    ############# LOOT CHEST ############
    #####################################   */

.loot-chest-content p {
    text-align: center;
    text-transform: capitalize;
}

.loot-chest-container {
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 22%;
    padding-bottom: 4.3%;
    background: url(/images/external/theme/loot-chest_shadow-network.png) no-repeat, url(/images/external/theme/loot-chest_taphold-network.png) no-repeat;
    background-position: bottom center, top 0% center;
    background-size: 100% auto;
    animation: loot-chest-tap infinite 1.5s ease-in-out;
}

.loot-chest-animation-container {
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: hidden;
}

.loot-chest-bg {
    height: auto;
    overflow: visible;
}

.loot-chest-content {
    padding: 0% 0% 5% 0%;
}

.loot-chest-container .loot-chest-animation-container {
    transform-origin: 58% 100%;
    transition: ease-in-out;
    animation: loot-chest-jump 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    user-select: none;
}

.loot-chest-container.tap-hold .loot-chest-animation-container {
    transform-origin: 58% 100%;
    animation: loot-chest-rise 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-delay: 0s;
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-lid {
    width: 500%;
    transform: translate(0%, 0%) rotate(-0deg);
    -webkit-touch-callout: none;
}

.loot-chest-container.tap-hold .loot-chest-animation-container img.loot-box-loot-lid {
    transform: translate(0%, 0%) rotate(-0deg);
    animation: loot-chest-open 0.12s steps(4);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    -webkit-touch-callout: none;
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins {
    position: absolute;
    height: 100%;
    top: 50%;
    left: 0%;
    width: 800%;
    transform: translate(0%, 0%);
    opacity: 0;
    -webkit-touch-callout: none;
}

.loot-chest-container.tap-hold .loot-chest-animation-container img.loot-box-loot-coins {
    animation: 0.08s loot-chest-coins-reveal ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-1 {
    transform: translate(0%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-2 {
    transform: translate(-12.5%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-3 {
    transform: translate(-25%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-4 {
    transform: translate(-37.5%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-5 {
    transform: translate(-50%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-6 {
    transform: translate(-62.5%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-7 {
    transform: translate(-75%, 0%);
}

.loot-chest-container .loot-chest-animation-container img.loot-box-loot-coins.prize-8 {
    transform: translate(-87.5%, 0%);
}

.loot-chest-content .loot-chest-container.tap-hold {
    background-size: 100% auto, 0% !important;
}

.main.my-account h1.lootchest-header-bg1 {
    margin-bottom: 20px;
}

.loot-chest-prize-container {
    position: absolute;
    display: block;
    z-index: 8;
    left: 50%;
    top: 22%;
    transform: translate(-50%, 0%) scale(0);
    width: 65%;
    padding: 10px 5%;
    background-size: 100% auto;
    transition: 0.2s ease-in-out;
    background: rgba(0, 0, 0, .25);
    border-radius: 10px;
}

.loot-chest-prize-container.active {
    animation: loot-chest-prize-reveal 1.4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}

.loot-chest-prize-container p {
    font-size: 28px;
    color: #ffffff;
    line-height: 40px;
    text-shadow: none;
}

.loot-chest-prize-container button.inline-button {
    font-size: 26px;
    margin-bottom: -30px;
    margin-top: 15px;
}

.loot-chest-win-amount {
    color: #ffae22;
}

.loot-chest-open-sparkle {
    position: absolute;
    top: -2%;
    width: 92%;
    opacity: 0;
    left: 8%;
    fill: rgba(255, 250, 165, 0.7);
    transform: rotate(-6deg);
    transition: 2s linear;
    transition-delay: 1s;
    display: none !important;
}

.empty {
    display: none;
}

.loot-chest-container.tap-hold .loot-chest-open-sparkle {
    opacity: 1;
    transition: 2s linear;
    transition-delay: 1s;
    filter: drop-shadow(5px 5px 15px #e5a05d);
    -webkit-filter: drop-shadow(5px 5px 15px #e5a05d);
}

@keyframes loot-chest-tap {
    0% {
        background-position: bottom center, top 2% center;
    }
    50% {
        background-position: bottom center, top 10% center;
    }
    100% {
        background-position: bottom center, top 2% center;
    }
}

@keyframes loot-chest-coins-reveal {
    0% {
        top: 50%;
        opacity: 0;
    }
    100% {
        top: 0%;
        opacity: 1;
    }
}

@keyframes loot-chest-prize-reveal {
    0% {
        transform: translate(-50%, 0%) scale(0);
    }
    70% {
        transform: translate(-50%, 0%) scale(0);
    }
    90% {
        transform: translate(-50%, 0%) scale(1.2);
    }
    100% {
        transform: translate(-50%, 0%) scale(1);
    }
}

@keyframes loot-chest-jump {
    0% {
        transform: translate(0%, 0%) rotate(-0deg);
        transform-origin: 78% 100%;
    }
    7% {
        transform: translate(0%, -2.5%) rotate(-2deg);
        transform-origin: 78% 100%;
    }
    14% {
        transform: translate(0%, -4%) rotate(1deg);
        transform-origin: 88% 100%;
    }
    21% {
        transform: translate(0%, 0%) rotate(2deg);
        transform-origin: 95% 100%;
    }
    27% {
        transform: translate(0%, 0%) rotate(-0deg);
        transform-origin: 78% 100%;
    }
    100% {
        transform: translate(0%, 0%) rotate(-0deg);
        transform-origin: 78% 100%;
    }
}

@keyframes loot-chest-rise {
    0% {
        transform: translate(0%, 0%) rotate(-0deg);
    }
    10% {
        transform: translate(0%, -1.5%) rotate(-2deg);
    }
    18% {
        transform: translate(0%, -3%) rotate(2deg);
    }
    25% {
        transform: translate(0%, -4.5%) rotate(-2deg);
    }
    31% {
        transform: translate(0%, -6%) rotate(2deg);
    }
    35% {
        transform: translate(0%, -7.5%) rotate(-2deg);
    }
    38% {
        transform: translate(0%, -9%) rotate(2deg);
    }
    41% {
        transform: translate(0%, -10.5%) rotate(-2deg);
    }
    44% {
        transform: translate(0%, -12%) rotate(2deg);
    }
    47% {
        transform: translate(0%, -13.5%) rotate(-2deg);
    }
    50% {
        transform: translate(0%, -15%) rotate(2deg);
    }
    50.01% {
        transform: translate(0%, -15%) rotate(2deg);
    }
    80% {
        transform: translate(0%, -15%) rotate(0deg);
    }
    85% {
        transform: translate(0%, -6%) rotate(-2deg);
    }
    90% {
        transform: translate(0%, -2%) rotate(2deg);
    }
    99% {
        transform: translate(0%, 0%) rotate(-0deg);
    }
    100% {
        transform: translate(0%, 0%) rotate(-0deg);
    }
}

@keyframes loot-chest-open {
    0% {
        transform: translate(0%, 0%);
    }
    19.01% {
        transform: translate(0%, 0%);
    }
    20% {
        transform: translate(-20%, 0%);
    }
    39.01% {
        transform: translate(-20%, 0%);
    }
    40% {
        transform: translate(-40%, 0%);
    }
    59.01% {
        transform: translate(-40%, 0%);
    }
    60% {
        transform: translate(-60%, 0%);
    }
    79.01% {
        transform: translate(-60%, 0%);
    }
    80% {
        transform: translate(-80%, 0%);
    }
    100% {
        transform: translate(-80%, 0%);
    }
}


/*  #####################################
    ############# 15N WHEEL #############
    #####################################   */

#wheel-wrapper {
    display: block;
    max-width: 800px;
    position: relative;
}

img.layout,
img#inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

img.layout {
    z-index: 3;
}

img#inner {
    position: absolute;
    z-index: 2;
}

@keyframes winprize1 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3600deg);
        -webkit-transform: rotate(3600deg);
        -moz-transform: rotate(3600deg);
    }
}

@keyframes winprize2 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3920deg);
        -webkit-transform: rotate(3920deg);
        -moz-transform: rotate(3920deg);
    }
}

@keyframes winprize3 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3880deg);
        -webkit-transform: rotate(3880deg);
        -moz-transform: rotate(3880deg);
    }
}

@keyframes winprize4 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3840deg);
        -webkit-transform: rotate(3840deg);
        -moz-transform: rotate(3840deg);
    }
}

@keyframes winprize5 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3800deg);
        -webkit-transform: rotate(3800deg);
        -moz-transform: rotate(3800deg);
    }
}

@keyframes winprize6 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3760deg);
        -webkit-transform: rotate(3760deg);
        -moz-transform: rotate(3760deg);
    }
}

@keyframes winprize7 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3720deg);
        -webkit-transform: rotate(3720deg);
        -moz-transform: rotate(3720deg);
    }
}

@keyframes winprize8 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3680deg);
        -webkit-transform: rotate(3680deg);
        -moz-transform: rotate(3680deg);
    }
}

@keyframes winprize9 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(3640deg);
        -webkit-transform: rotate(3640deg);
        -moz-transform: rotate(3640deg);
    }
}

#wheel-wrapper.winprize1 img#inner {
    animation: 5s ease winprize1;
    transform: rotate(0deg);
}

#wheel-wrapper.winprize2 img#inner {
    animation: 5s ease winprize2;
    transform: rotate(320deg);
}

#wheel-wrapper.winprize3 img#inner {
    animation: 5s ease winprize3;
    transform: rotate(280deg);
}

#wheel-wrapper.winprize4 img#inner {
    animation: 5s ease winprize4;
    transform: rotate(240deg);
}

#wheel-wrapper.winprize5 img#inner {
    animation: 5s ease winprize5;
    transform: rotate(200deg);
}

#wheel-wrapper.winprize6 img#inner {
    animation: 5s ease winprize6;
    transform: rotate(160deg);
}

#wheel-wrapper.winprize7 img#inner {
    animation: 5s ease winprize7;
    transform: rotate(120deg);
}

#wheel-wrapper.winprize8 img#inner {
    animation: 5s ease winprize8;
    transform: rotate(80deg);
}

#wheel-wrapper.winprize9 img#inner {
    animation: 5s ease winprize9;
    transform: rotate(40deg);
}

.win-caption {
    position: absolute;
    z-index: 4;
    max-width: 500px;
    background: #000;
    border-radius: 20px;
    border: 3px solid #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%) scale(0, 0);
    opacity: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s linear 5s;
}

.win-caption .button,
.popup .win-caption .button {
    display: block;
    height: auto;
    clear: both;
    margin: 5px auto;
    border-radius: 15px;
    padding: 0 20px;
    line-height: 40px;
    background: #ff0060;
    border: none;
    box-shadow: 0 5px 0 0 #9a003a;
    font-size: 21px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    max-width: 160px;
    text-transform: uppercase;
}

#wheel-wrapper.winprize1 .win-caption#wincaption1,
#wheel-wrapper.winprize2 .win-caption#wincaption2,
#wheel-wrapper.winprize3 .win-caption#wincaption3,
#wheel-wrapper.winprize4 .win-caption#wincaption4,
#wheel-wrapper.winprize5 .win-caption#wincaption5,
#wheel-wrapper.winprize6 .win-caption#wincaption6,
#wheel-wrapper.winprize7 .win-caption#wincaption7,
#wheel-wrapper.winprize8 .win-caption#wincaption8,
#wheel-wrapper.winprize9 .win-caption#wincaption9 {
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1;
}

.spin-value {
    line-height: 10px;
    text-transform: uppercase;
    font-size: 9px;
    font-family: Verdana, Geneva, sans-serif;
    position: absolute;
    width: 100%;
    bottom: 3px;
    text-align: center;
    z-index: 15;
    font-weight: 700;
}


/*  #####################################
    ############# MEGA REEL #############
    #####################################   */


/*--------------- MEGA REEL --------------------*/

#layout-wrapper.winprize1 img.prize-list3,
#layout-wrapper.winprize2 img.prize-list3,
#layout-wrapper.winprize3 img.prize-list3,
#layout-wrapper.winprize4 img.prize-list3,
#layout-wrapper.winprize5 img.prize-list3,
#layout-wrapper.winprize6 img.prize-list3,
#layout-wrapper.winprize7 img.prize-list3,
#layout-wrapper.winprize8 img.prize-list3 {
    transition-timing-function: cubic-bezier(.15, .5, .3, 1)
}

.winnings,
.winnings .button {
    font-family: Verdana, Geneva, sans-serif
}

.spin-value,
.winnings .button {
    text-transform: uppercase;
    color: #fff
}

.spin-value,
.winnings {
    font-weight: 700;
    color: #fff
}

.winnings .wrapper {
    color: #fff;
}

#layout-wrapper {
    height: 600px;
    width: 600px;
    position: relative;
    margin: 0 auto
}

#prizes {
    position: absolute
}

#layout-wrapper img.layout {
    position: relative;
    z-index: 14
}

#layout-wrapper #prizes {
    position: absolute;
    left: 25px;
    top: 50px;
    width: 550px;
    height: 500px;
    overflow: hidden;
    border-radius: 40px;
}

@keyframes reel-spin_start {
    0% {
        bottom: 0
    }
    100% {
        bottom: -2000px
    }
}

@keyframes reel-spin_mid {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -2000px
    }
}

@keyframes reel-spin_winprize1 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -900px
    }
}

@keyframes reel-spin_winprize2 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1000px
    }
}

@keyframes reel-spin_winprize3 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1100px
    }
}

@keyframes reel-spin_winprize4 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1200px
    }
}

@keyframes reel-spin_winprize5 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1300px
    }
}

@keyframes reel-spin_winprize6 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1400px
    }
}

@keyframes reel-spin_winprize7 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1500px
    }
}

@keyframes reel-spin_winprize8 {
    0% {
        bottom: 500px
    }
    100% {
        bottom: -1600px
    }
}

img.prize-list1,
img.prize-list2,
img.prize-list3 {
    position: absolute;
    bottom: 0;
    left: 0
}

.winnings,
img.play-now-arrow {
    left: 50%;
    top: 50%;
    position: absolute
}

img.prize-list1 {
    z-index: 6
}

img.prize-list2 {
    z-index: 7;
    bottom: 500px
}

img.prize-list3 {
    z-index: 5;
    bottom: 500px
}

#layout-wrapper.winprize1 img.prize-list1,
#layout-wrapper.winprize2 img.prize-list1,
#layout-wrapper.winprize3 img.prize-list1,
#layout-wrapper.winprize4 img.prize-list1,
#layout-wrapper.winprize5 img.prize-list1,
#layout-wrapper.winprize6 img.prize-list1,
#layout-wrapper.winprize7 img.prize-list1,
#layout-wrapper.winprize8 img.prize-list1 {
    animation: reel-spin_start 1s ease-in 1;
    bottom: 500px
}

#layout-wrapper.winprize1 img.prize-list2,
#layout-wrapper.winprize2 img.prize-list2,
#layout-wrapper.winprize3 img.prize-list2,
#layout-wrapper.winprize4 img.prize-list2,
#layout-wrapper.winprize5 img.prize-list2,
#layout-wrapper.winprize6 img.prize-list2,
#layout-wrapper.winprize7 img.prize-list2,
#layout-wrapper.winprize8 img.prize-list2 {
    animation: reel-spin_mid 1s linear .75s 1;
}

#layout-wrapper.winprize1 img.prize-list3 {
    animation: reel-spin_winprize1 3s 1s 1;
    bottom: -900px
}

#layout-wrapper.winprize2 img.prize-list3 {
    animation: reel-spin_winprize2 3s 1s 1;
    bottom: -1000px
}

#layout-wrapper.winprize3 img.prize-list3 {
    animation: reel-spin_winprize3 3s 1s 1;
    bottom: -1100px
}

#layout-wrapper.winprize4 img.prize-list3 {
    animation: reel-spin_winprize4 3s 1s 1;
    bottom: -1200px
}

#layout-wrapper.winprize5 img.prize-list3 {
    animation: reel-spin_winprize5 3s 1s 1;
    bottom: -1300px
}

#layout-wrapper.winprize6 img.prize-list3 {
    animation: reel-spin_winprize6 3s 1s 1;
    bottom: -1400px
}

#layout-wrapper.winprize7 img.prize-list3 {
    animation: reel-spin_winprize7 3s 1s 1;
    bottom: -1500px
}

#layout-wrapper.winprize8 img.prize-list3 {
    animation: reel-spin_winprize8 3s 1s 1;
    bottom: -1600px
}

img.play-now-arrow {
    transform: translate(-50%, -50%);
    padding: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 20;
    opacity: 1;
    transition: all .3s linear;
}

#layout-wrapper.winnings-active img.play-now-arrow,
.winnings {
    opacity: 0
}

.winnings {
    z-index: 999;
    max-width: 500px;
    background: #000;
    border-radius: 20px;
    border: 3px solid #fff;
    text-align: center;
    transform: translate(-50%, -50%) scale(0, 0);
    transition: all .3s linear 4s;
}

.winnings .button,
.popup .winnings .button {
    background: #d32361;
    border-radius: 10px;
    box-shadow: 0 3px 0 #711033;
    border: none;
    display: block;
    padding: 5px;
    margin: 5px auto
}

#layout-wrapper.winnings-active .winnings {
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1;
    z-index: 999;
}

.spin-value {
    width: 100%;
    position: absolute;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    z-index: 4;
}

.mega-reel-count {
    text-align: center;
    padding: 10px;
}

.mega-reel-count h3 {
    font-weight: normal;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    line-height: 40px;
    text-align: center;
}

.mega-reel-count h3 span.reel-count {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    width: 40px;
    display: inline-block;
    color: #101b3c;
    font-weight: bold;
}

img.all-gone,
img.expired {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.two-column.trophy-level-progress .button {
    display: block;
    width: auto;
    max-width: 160px;
}


/*  #####################################
    ########## COOKIES CONSENT ##########
    #####################################   */

#cookies-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 990;
}

#cookies-consent .container {
    position: relative;
    max-width: initial;
    text-align: center;
}

#cookies-consent p {
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    margin: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-family: Verdana,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

#cookies-consent p a {
    color: #FF0;
    font-family: Verdana,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

#cookies-consent .cookie-x-button {
    display: inline-block;
    vertical-align: middle;
}

#cookies-consent .cookie-x-button .close {
    top: initial;
    right: initial;
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
}

#cookies-consent .cookie-x-button .close span {
    width: 20px;
    height: 4px;
    transform: translate(-50%, -50%) rotate(45deg);
    display: block;
    background: #fff;
    left: 50%;
    top: 50%;
    position: absolute;
}

#cookies-consent .cookie-x-button .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/*  #####################################
    ############## INBOX  ###############
    #####################################   */

#inbox-icon {
    background-image: url(/images/external/theme/icon_no-message.png);
    background-size: 100% 100%;
    border-radius: 0;
    box-shadow: none;
    width: 36px;
    height: 35px;
    top: 15px;
    right: 15px;
    position: fixed;
    z-index: 999;
}

#inbox-icon.unread {
    background-image: url(/images/external/theme/icon_unread-message.png);
}

#webpush-notification-center-icon {
    background: url(/images/external/theme/icon_side-menu.png);
    background-size: 20px 20px;
}

#webpush-notification-center-open {
    display: none !important;
}

#webpush-notification-center.webpush-notification-center-layout-popup {
    top: 20px;
}

#inbox-icon-mobile {
    display: none;
}

.menu-icon.hover #mobile-menu-counter {
    display: none;
}

#webpush-notification-center h2,
#webpush-notification-center h2,
#webpush-notification-center h3,
#webpush-notification-center p,
#webpush-notification-center li {
    color: #fff
}


/*  #####################################
    ########## BINGOPORT BADGE ##########
    #####################################   */

/*.bingoport-badge img {
    width: 100%;
    height: auto;
}

.bingoport-badge,
.bingoport-arrow {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: 999;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 0 10px 10px 0;
    padding: 10px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    display: block;
    box-shadow: 3px 2px 10px 0 rgba(0, 0, 0, .5);
}

.bingoport-arrow {
    z-index: 998;
    width: 20px;
    height: 20px;
    border-radius: 0 5px 5px 0;
    color: #000;
    line-height: 18px;
    font-size: 32px;
    text-indent: -5px;
    font-family: Verdana, sans-serif;
}

.bingoport-arrow.hide {
    left: -40px;
    box-shadow: none
}

.bingoport-badge.hide {
    left: -110px;
    box-shadow: none
}*/

.bingoport-award {
    display: none;
    width: 100px;
    position: fixed;
    top: 200px;
    right: -80px;
    z-index: 100;
    background: #fff;
    border-radius: 10px 0 0 10px;
    padding: 10px;
    box-shadow: 0 5px 0 0 #d6d6d6;
    cursor: pointer;
    transition: all .2s linear;
}

.index-page .bingoport-award {
    display: block;
}

.bingoport-award.show {
    right: 0;
}

.bingoport-award img {
    width: 100%;
    height: auto;
}

.bingoport-award:hover {
    right: 0;
    transition: all .2s linear;
}

@media (max-width: 840px) {
    .bingoport-award {
        width: 60px;
        right: -55px
    }

    .bingoport-award.hover {
        right: 0;
    }

}



/*  #####################################
    ########### WHICH BINGO #############
    #####################################   */


.which-bingo {
    display: none;
    width: 100px;
    position: fixed;
    top: 200px;
    right: -80px;
    z-index: 100;
    background: #fff;
    border-radius: 10px 0 0 10px;
    padding: 10px;
    box-shadow: 0 5px 0 0 #d6d6d6;
    cursor: pointer;
    transition: all .2s linear;
}

.index-page .which-bingo {
    display: block;
}

.which-bingo.show {
    right: 0;
}

.which-bingo img {
    width: 100%;
    height: auto;
}

.which-bingo:hover {
    right: 0;
    transition: all .2s linear;
}

@media (max-width: 840px) {
    .which-bingo {
        width: 60px;
        right: -55px
    }

    .which-bingo.hover {
        right: 0;
    }

}




/*  #####################################
    ############ MY ACCOUNT #############
    #####################################   */

.your-rewards {
    max-width: 500px;
    padding: 0 170px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.your-rewards .current-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    padding: 0;
}

.your-rewards .next-level {
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    padding: 0;
}

.your-rewards .current-level p,
.your-rewards .next-level p {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    line-height: 30px;
    padding-top: 10px;
}

.level-icon {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px 120px;
}

.current-level.newbie .level-icon,
.next-level.newbie .level-icon {
    background-image: url(/images/external/theme/member-level_newbie.png);
}

.current-level.regular .level-icon,
.next-level.regular .level-icon {
    background-image: url(/images/external/theme/member-level_expert.png);
}

.current-level.pro .level-icon,
.next-level.pro .level-icon {
    background-image: url(/images/external/theme/member-level_pro.png);
}

.current-level.vip .level-icon,
.next-level.vip .level-icon {
    background-image: url(/images/external/theme/member-level_vip.png);
}

.current-level.legend .level-icon,
.next-level.legend .level-icon {
    background-image: url(/images/external/theme/member-level_legend.png);
}

.current-level.member .level-icon,
.next-level.member .level-icon {
    background-image: url(/images/external/theme/member-level_member.png);
}

.current-level.bronze .level-icon,
.next-level.bronze .level-icon {
    background-image: url(/images/external/theme/member-level_bronze.png);
}

.current-level.silver .level-icon,
.next-level.silver .level-icon {
    background-image: url(/images/external/theme/member-level_silver.png);
}

.current-level.gold .level-icon,
.next-level.gold .level-icon {
    background-image: url(/images/external/theme/member-level_gold.png);
}

.current-level.black .level-icon,
.next-level.black .level-icon {
    background-image: url(/images/external/theme/member-level_black.png);
}

.current-level .vip-desc,
.next-level .vip-desc {
    width: 150px;
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    z-index: 201;
    padding: 10px;
    font-size: 12px;
    transform: translate(-50%, 17px);
    text-align: center;
}

.current-level:hover .vip-desc,
.next-level:hover .vip-desc,
.current-level.active .vip-desc,
.next-level.active .vip-desc {
    display: block;
}

.current-level:hover .vip-desc:before,
.next-level:hover .vip-desc:before,
.current-level.active .vip-desc:before,
.next-level.active .vip-desc:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #0072ff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -17px;
}

.current-level:hover .vip-desc:after,
.next-level:hover .vip-desc:after,
.current-level.active .vip-desc:after,
.next-level.active .vip-desc:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #273e8d;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
}

.vip-desc h4 {
    margin: 0 0 5px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

.main .vip-desc h4,
.main .trophy-desc h3,
.main .trophy-desc p {
    padding: 0;
}

.current-level .vip-desc p,
.next-level .vip-desc p {
    font-size: 10px;
    margin: 0;
    line-height: normal;
    padding: 0;
    text-transform: initial;
    background: none;
    position: static;
    text-indent: initial;
}


/*  #####################################
    ########### CONTENT PAGES ###########
    #####################################   */

.game-history button {
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
    font-family: Verdana, sans-serif;
    margin: 0 5px;
    text-transform: capitalize;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: #ff0000;
    border: none;
}

.transaction-history input[type=text] {
    width: 100px;
    line-height: 20px;
    padding: 0 10px;
    margin: 0 5px;
    text-align: center;
}

.transaction-history select {
    width: auto;
    margin: 0 5px;
    line-height: 20px;
}

.container.contentbg ul p,
.content-wrapper ul p {
    margin: 0;
    padding: 0;
}

.container.contentbg li,
.content-wrapper li {
    font-size: 12px;
    margin: 0 40px;
}

.main .container .content-wrapper ul {
    list-style: none;
}

.set-dep-limits-table {
    text-align: center;
}

.set-dep-limits-table p {
    margin: 0;
    text-transform: uppercase;
}

.set-dep-limits-table button {
    font-size: 14px;
}


/*  #####################################
    ############## IN GAME ##############
    #####################################   */

.game-container {
    height: 700px;
}

a.back-all-games:after {
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    top: 8px;
    left: 0px;
    background-image: url(/images/external/theme/button_go-back-icon.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 30px 30px;
    transform: rotate(0deg);
}

.just-like ul {
    padding: 0;
    margin: 0;
}

.main.in-game.bingo-in-game-image .game-container {
    height: initial !important;
}

.game-container2 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 998;
    top: 0;
    left: 0;
    background: #000 url(/images/external/theme/loading.gif) center no-repeat;
    background-size: 50px;
    display: block;
}


/*  #####################################
    ############ BINGO PANEL ############
    #####################################   */

.main.in-game.bingo-in-game>.container {
    max-width: 980px;
}

.bingo-side-panel {
    width: 380px;
    height: 100%;
    float: right;
    margin-left: 10px;
}

#bingo-side-panel-mini-game {
    margin: 10px 0;
    width: 380px;
    height: 250px;
    position: relative;
}

#bingo-side-panel-mini-game:after {
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    background: url(/images/external/theme/loading-icon.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    position: absolute;
    animation: rotate 2s linear infinite reverse;
}

#bingo-side-panel-mini-game>iframe {
    z-index: 1;
    position: absolute;
    left: 0;
}

.bingo-side-panel h3 {
    text-transform: uppercase;
    margin: 5px 0;
    font-weight: normal;
    font-size: 18px;
}

section.featured-slots .icon-container.bingo-room span {
    z-index: 1;
}

.bingo-side-panel .icon-container {
    padding: 0;
    float: none;
    position: initial;
    width: initial;
    margin: 0;
}

.bingo-side-panel .icon-container .container {
    width: 46%;
    display: inline-block;
    height: auto;
}

.bingo-side-panel .icon-container .container:nth-child(1) {
    margin: 0 1% 1% 0;
}

.bingo-side-panel .icon-container .container:nth-child(2) {
    margin: 0 0 1% 1%;
}

.bingo-side-panel .icon-container .container:nth-child(3) {
    margin: 1% 1% 0 0;
}

.bingo-side-panel .icon-container .container:nth-child(4) {
    margin: 1% 0 0 1%;
}

.bingo-side-panel .container img {
    width: 100%;
    height: auto;
}

.bingo-side-panel .mini-game {
    margin: 15px 0;
}

.bingo-side-panel .mini-game-button,
.bingo-side-panel .mini-game-button.inline-button.yellow {
    width: 15px;
    height: 15px;
    padding: 0;
    border: none;
    box-shadow: none;
    line-height: 15px;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 5px 0;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
}

.main.in-game.bingo-in-game .game-container {
    padding-bottom: 20px;
}

.main.in-game.bingo-in-game .container>.wrapper {
    padding: 0 10px;
    margin: 0;
}

.bingo-side-panel-pagination {
    margin: 5px 0;
    text-align: center;
}

.bingo-in-game .game-container>iframe {
    float: left;
}

.bingo-in-game .game-container {
    height: 700px;
}

.minigame-tab {
    display: block;
}


/*  #####################################
    ############ BINGO LOBBY ############
    #####################################   */

section.featured-slots .icon-container.bingo-room span:before,
section.featured-slots .icon-container.bingo-room span:after {
    display: none;
}

section.featured-slots .icon-container.bingo-room span {
    position: static;
    display: block;
    width: auto;
    margin: 0 auto;
}

section.featured-slots .icon-container.bingo-room .bingo-details p {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
}

section.featured-slots .icon-container.bingo-room span.yellow-link {
    position: static;
    background: none;
    color: #fff;
    border: none;
    border-radius: 0;
    display: inline;
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: none;
}

.bingo-details {
    text-align: center;
    background: #000;
    padding: 5px;
}


/*  #####################################
    ############ PROMOTIONS #############
    #####################################   */

.promo-list .promo {
    vertical-align: top;
}

.promo-list .promo p {
    min-height: 80px;
}

.promo-banner img {
    width: 100%;
}


/*  #####################################
    ############## CASHIER ##############
    #####################################   */

ul.payment-methods {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
}

.cashier ul.payment-methods li,
.make-deposit-container ul.payment-methods li {
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-block;
    background: none;
    width: 100px;
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    vertical-align: top;
    float: none;
    box-shadow: none;
}

ul.payment-methods li div {
    height: 90px;
    width: 90px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    background-image: url(/themes/default/cashier-icons.png);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: 450px auto;
}

ul.payment-methods li .reg-card {
    background-position-x: 0px;
}

ul.payment-methods li .new-card {
    background-position-x: -90px;
}

ul.payment-methods li .fonix {
    background-position-x: -180px;
}

ul.payment-methods li .paypal {
    background-position-x: -270px;
}

ul.payment-methods li .paysafe {
    background-position-x: -360px;
}

/*--------- INTERAC LOGO FOR CANADA CASHIER ---------*/

ul.payment-methods li .interac {
    background-image: url(/images/external/theme/cashier-interac.png);
    background-size: 90px auto;
    background-position-y: top;
    border-radius: 0;
}

ul.payment-methods li.active div {
    background-position-y: top;
}

ul.payment-methods li .interac.etransfer {
    background-position-y: bottom;
}
ul.payment-methods p.interac-trademark {
    padding:0px;
    font-size:8px;
}
ul.payment-methods li .interac + label{
    text-transform: none;
}

.cashier-step {
    height: 40px;
    text-align: left;
    background: #000;
    margin: 0;
    clear: both;
}

ul.payment-methods li label {
    padding: 0;
    margin: 10px auto;
    text-align: center;
    display: block;
    background: none;
    line-height: normal;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    border: none;
}

ul.payment-methods li p {
    padding: 0;
    margin: 10px auto;
    text-align: center;
    display: block;
    background: none;
    line-height: normal;
    font-size: 12px;
}

.dep-incentive-msg {
    display: none;
    border-radius: 10px;
    margin-top: 10px;
    background: #cacaca;
    position: relative;
}

.dep-incentive-msg p {
    padding: 10px;
    color: #2a2a2a;
    margin: 0;
    font-family: Verdana, sans-serif;
}

.dep-incentive-msg p .red-link {
    color: #e9305a;
    font-weight: bold;
    text-transform: uppercase;
}

.amount-button#mindep10.active~.dep-incentive-msg,
.amount-button#mindep5.active~.dep-incentive-msg {
    display: block;
}

.cashier-ftd .amount-button#mindep10.active~.dep-incentive-msg,
.cashier-ftd .amount-button#mindep5.active~.dep-incentive-msg {
    display: none;
}

#welcome-deposit .amount-button#mindep10.active~.dep-incentive-msg,
#welcome-deposit .amount-button#mindep5.active~.dep-incentive-msg {
    display: none;
}

.amount-button#mindep10.active~.dep-incentive-msg:after,
.amount-button#mindep5.active~.dep-incentive-msg:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #cacaca;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -98px;
}

.cashier ul {
    width: 100%;
    display: block;
    padding: 15px 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.cashier ul li {
    display: inline-block;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    border-radius: 10px;
    width: 24%;
}

.cashier table td {
    color: #ffffff;
}

input#mobile-payment+button {
    display: inline-block;
}

.cashier-step .make-deposit-container {
    max-width: 660px;
    margin: 0 auto;
    display: block;
    padding: 0 20px;
    text-align: left;
}



.make-deposit-container p input[type=text] {
    line-height: 25px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 700;
    border: 0;
    position: relative;
    background-size: auto 100%;
    margin-left: 10px;
    -webkit-appearance: none;
    width: 120px;
    border-radius: 30px;
}

#set-deposit-limits label {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 10px;
    color: #000000;
}

.popup#set-deposit-limits table,
.popup#set-deposit-limits table td {
    background: none !important;
    border: none !important;
}

.popup table.questionnaire {
    margin: 10px auto !important;
}

.popup table.questionnaire tr td {
    
    text-transform: initial !important;
    text-align: left !important;
}

.popup table.questionnaire tr td.answer {
    font-size: 0 !important;
    text-align: center !important;
}

.popup table.questionnaire textarea {
    
    resize: vertical;
}




.cashier-step p i {
    height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    border-radius: 30px;
}

input#mobile-payment {
    max-width: 170px;
    margin: 0;
    vertical-align: top;
    border-radius: 30px 0 0 30px;
}

input#mobile-payment+button {
    font-size: 12px;
    line-height: 26px;
    padding: 0 15px;
    height: 25px;
    border-radius: 0 30px 30px 0;
    margin: 0;
}

a.set-deposit-limits {
    margin: 10px 0;
    display: block;
}

.main .cashier ul#cashier-dropdown li {
    height: 50px;
    line-height: 50px;
    margin: 0;
}

ul.payment-methods li label {
    margin: 10px auto;
    text-align: center;
    display: block;
    line-height: normal;
    font-size: 10px;
}

.add-card-table .desc p {
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
}

.add-card-table .desc {
    display: inline-block;
    width: 185px;
    padding: 3px 10px 3px 0;
}

.add-card-table .input-container {
    display: inline-block;
}

.add-card-table .input-container select.year {
    margin-left: 10px;
}

.cashier p {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #ffffff;
}

.make-deposit-container {
    margin: 0 auto;
    display: block;
    text-align: center;
}

img.one-column {
    background: none;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

img.two-column {
    width: auto;
}

p.same-as {
    margin: 0 auto;
    line-height: 30px;
    width: 250px
}

p.same-as input[type=checkbox] {
    height: 30px;
    width: 30px;
    margin: 0 10px 0 0
}

p.no-funds {
    padding: 0 20px;
    font-style: italic;
    text-align: center;
    clear: both;
    margin: 10px 0
}

.pay-by-mobile-page {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    max-width: 300px;
    float: left;
}

.pay-by-mobile-page-title {
    width: 100%;
}

.cashier-step p {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
    line-height: 30px;
    text-align: left;
    color: #fff;
}


/*  #####################################
    ############ LIT CHEST ##############
    #####################################   */


.lit-chest .loot-chest-container .loot-chest-animation-container img.loot-box-loot-box,
.lit-chest .loot-chest-container .loot-chest-animation-container img.loot-box-loot-lid {
    transition: -webkit-filter 2s linear;
}

.lit-chest .loot-chest-container.tap-hold .loot-chest-animation-container img.loot-box-loot-box,
.lit-chest .loot-chest-container.tap-hold .loot-chest-animation-container img.loot-box-loot-lid {
    filter: drop-shadow(0px 0px 14px #fff) brightness(4) grayscale(.3);
}

.lit-chest .loot-chest-open-sparkle {
    display: none;
}

.lit-chest .loot-chest-container:after {
    content: "";
    display: block;
    opacity: 0;
    transition: opacity 2s;
    transition-delay: .5s;
    display: block;
    position: absolute;
    width: calc(100% + 355px);
    height: 150%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(http://jumpmanslots.com/images/network/lit-chest_bg-glow2.png) no-repeat center;
    background-size: 100% auto;
    pointer-events: none;
}

.lit-chest .loot-chest-container.tap-hold:after {
    animation: lc-glare 10s linear infinite;
    opacity: 1;
}

.lit-chest .loot-chest-container .loot-chest-animation-container {
    z-index: 9;
}


@keyframes lc-glare {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(360deg);}
}

.lit-chest .loot-chest-container {
    overflow: initial;
}

/*  #####################################
    ############# TROPHIES ##############
    #####################################   */

.my-account.trophies-logged .full-trophy-list .show-less-trophies,
.my-account.trophies-logged .full-trophy-list.show .show-more-trophies {
    display: none;
}

.my-account.trophies-logged .full-trophy-list.show .show-less-trophies,
.my-account.trophies-logged .full-trophy-list .show-more-trophies {
    display: block;
    font-size: 14px;
}

.my-account.trophies-logged .full-trophy-list#t-games .trophy-icon:nth-child(n+30),
.my-account.trophies-logged .full-trophy-list#t-lucky-games .trophy-icon:nth-child(n+30),
.my-account.trophies-logged .full-trophy-list#t-teamwork .trophy-icon:nth-child(n+30) {
    display: none;
}

.my-account.trophies-logged .full-trophy-list#t-games.show .trophy-icon:nth-child(n+30),
.my-account.trophies-logged .full-trophy-list#t-lucky-games.show .trophy-icon:nth-child(n+30),
.my-account.trophies-logged .full-trophy-list#t-teamwork.show .trophy-icon:nth-child(n+30) {
    display: inline-block;
}

#trophy-popup {
    display: block;
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 260px;
    border-radius: 15px 15px 0 0;
    z-index: 9999;
    background: #0d1530;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

#trophy-popup .container {
    width: auto;
}

#trophy-popup p {
    text-align: left;
    font-style: italic;
    margin: 0;
    font-size: 14px;
    color: #fff;
}

#trophy-popup div {
    clear: both;
    padding: 10px;
    min-height: 70px;
    margin: 0;
    cursor: pointer;
}

#trophy-popup div:last-child {
    border: none;
}

#trophy-popup div img {
    width: 70px;
    float: left;
    margin-right: 10px;
    border-radius: 15px;
}

.trophy-level-progress {
    text-align: center;
}

.trophy-level span.number {
    line-height: 60px;
    font-size: 60px;
    display: block;
}

.latest-trophies {
    text-align: center;
    padding: 10px 0;
}

.trophy-icon {
    padding: 0;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.latest-trophies .trophy-list .total-trophies p.yellow-link {
    line-height: 50px;
    font-size: 48px;
}

.full-trophy-list {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.full-trophy-list h3,
.full-trophy-list h2 {
    text-transform: capitalize;
    font-weight: bold;
    margin: 10px 0;
    font-size: 16px;
    text-align: center;
}

.full-trophy-list h2 {
    font-size: 21px;
    display: block;
    margin: 10px auto;
}

.popup ul.full-trophy-list h2 {
    margin-top: 0;
}

.full-trophy-list .trophy-icon {
    width: 80px;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 5px;
}

.trophy-icon img {
    width: 100%;
    border-radius: 25px;
}

.trophy-icon p {
    margin: 0 0 5px 0;
    text-transform: capitalize;
    font-size: 14px;
}

.trophy-desc {
    width: 150px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 17px);
    background: #273e8d;
    display: none;
    border: 2px solid #0072ff;
    z-index: 201;
    padding: 5px;
}

.trophy-desc:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #273e8d;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
}

.trophy-desc:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #0072ff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -17px;
}

.trophy-icon.active .trophy-desc,
.trophy-icon:hover .trophy-desc {
    display: block;
}

.trophy-desc h3 {
    font-size: 14px;
    margin: 0;
}

.trophy-desc p {
    font-size: 10px;
    font-style: italic;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.trophy-list .trophy-icon,
.trophy-list .total-trophies {
    position: relative;
    display: inline-block;
    padding: 0;
    text-transform: uppercase;
}

.trophy-list .trophy-icon img {
    border-radius: 25px;
}

.trophy-list .trophy-icon.active .trophy-desc,
.trophy-list .trophy-icon:hover .trophy-desc {
    display: block;
}

@keyframes wiggle {
    0% {
        transform: rotateZ(2deg);
    }
    50% {
        transform: rotateZ(-2deg);
    }
    100% {
        transform: rotateZ(2deg);
    }
}

.newlevel {
    animation: wiggle 0.2s ease infinite;
}

.trophy-level-progress-nolog {
    text-align: center;
}

.trophy-bar {
    width: 300px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    line-height: 25px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 5px 0 30px 0;
    display: inline-block;
}

.trophy-level-progress-nolog .trophy-bar {
    vertical-align: middle;
}

.latest-trophies-nolog {
    text-align: center;
    padding: 20px 0;
    min-height: 110px;
    height: auto;
}




.total-trophies p {
    margin: 0;
    line-height: 20px;
    font-weight: bold;
}

.latest-trophies-nolog .trophy-list .total-trophies p.yellow-link {
    line-height: 50px;
    font-size: 48px;
}

.latest-trophies-nolog .trophy-list .total-trophies .button {
    font-family: Verdana, Geneva, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    display: block;
    width: auto;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 20px;
}

.popup ul.full-trophy-list h2 {
    margin-top: 0;
}

.trophy-list .trophy-icon-nolog,
.trophy-list .total-trophies {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    pointer-events: none;
}

.trophy-list .trophy-icon-nolog img {
    border-radius: 25px;
}

.trophy-list .trophy-icon-nolog.active .trophy-desc,
.trophy-list .trophy-icon-nolog:hover .trophy-desc {
    display: none;
}

@keyframes trophy-level-current {
    0% {
        content: "1";
    }
    25% {
        content: "2";
    }
    50% {
        content: "3";
    }
    100% {
        content: "3";
    }
}

@keyframes trophy-level-next {
    0% {
        content: "2";
    }
    25% {
        content: "3";
    }
    50% {
        content: "4";
    }
    100% {
        content: "4";
    }
}

.trophy-level-progress-nolog .trophy-level.current:after {
    content: "1";
    line-height: 60px;
    font-size: 60px;
    animation-name: trophy-level-current;
    animation-fill-mode: forwards;
    animation-duration: 40s;
    animation-delay: 6s;
    animation-iteration-count: 1;
    display: block;
}

.trophy-level-progress-nolog .trophy-level.next:after {
    content: "2";
    line-height: 60px;
    font-size: 60px;
    animation-name: trophy-level-next;
    animation-fill-mode: forwards;
    animation-duration: 40s;
    animation-delay: 6s;
    animation-iteration-count: 1;
    display: block;
}

.nolog-bar {
    width: 300px;
    height: 26px;
    border-radius: 30px;
    overflow: hidden;
    display: block;
    position: absolute;
    background-size: 100%;
    background-position: bottom;
    margin-top: 10px;
    box-shadow: inset 0px 0px 0px 1px #ffea00;
    background-image: url(/images/external/theme/progress-bar_level0.png);
}

.nolog-bar-bar {
    height: 100%;
    width: 0%;
    background-color: #fff200;
    background-size: 100%;
    display: block;
    position: absolute;
    animation-name: trophy-bar-bar;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
    animation-duration: 10s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
}

.total-trophies.nolog p.yellow-link:after {
    content: "0";
    line-height: 50px;
    font-size: 48px;
    margin: 0;
    font-weight: bold;
    color: #ffd52a;
    font-family: Verdana, sans-serif;
    animation-name: trophy-counter-nolog;
    animation-fill-mode: forwards;
    animation-duration: 40s;
    animation-iteration-count: 1;
}

.total-trophies.nolog {
    padding: 15px 30px;
    pointer-events: none;
}


.latest-trophies-nolog .trophy-list .trophy-icon-nolog {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 0px;
    animation-name: trophies-nolog;
    animation-duration: 20s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.trophy-icon-nolog img {
    width: 0px;
    animation-name: trophies-nolog;
    animation-duration: 20s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}


.trophies-explanation {
    padding: 0px 20px;
    text-align: center;
}

.trophies-explanation2 {
    padding: 0px 20px 30px 20px;
    text-align: left;
}

.total-trophies {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
}

.total-trophies p.yellow-link {
    line-height: 50px;
    font-size: 48px;
}

.latest-trophies-nolog .trophy-list {
    vertical-align: top;
    width: auto;
    display: inline;
}

.counter-nolog2 {
    content: "1";
    line-height: 60px;
    font-size: 60px;
    animation-name: trophy-level-current;
    animation-fill-mode: forwards;
    animation-duration: 40s;
    animation-delay: 5.6s;
    animation-iteration-count: 1;
    display: block;
}

.counter-nolog3 {
    content: "2";
    line-height: 60px;
    font-size: 60px;
    animation-name: trophy-level-next;
    animation-fill-mode: forwards;
    animation-duration: 40s;
    animation-delay: 5.6s;
    animation-iteration-count: 1;
    display: block;
}

.counter-nolog {
    line-height: 50px;
    font-size: 48px;
    margin: 0;
    font-weight: bold;
    color: #ffd52a;
    font-family: Verdana, sans-serif;
}

@keyframes trophy-bar-bar {
    0% {
        width: 0%;
    }
    15% {
        width: 0%;
    }
    20% {
        width: 20%;
    }
    35% {
        width: 20%;
    }
    40% {
        width: 40%;
    }
    55% {
        width: 40%;
    }
    60% {
        width: 60%;
    }
    75% {
        width: 60%;
    }
    80% {
        width: 80%;
    }
    95% {
        width: 80%;
    }
    100% {
        width: 100%;
    }
}

@keyframes trophies-nolog {
    0% {
        width: 0px;
    }
    3% {
        width: 0px;
    }
    4.6% {
        width: 105px;
    }
    5% {
        width: 100px;
    }
    51% {
        width: 100px;
    }
    53% {
        width: 0px;
    }
    100% {
        width: 0px;
    }
}

@keyframes trophies-nolog99999 {
    0% {
        width: 0px;
    }
    3% {
        width: 0px;
    }
    4.6% {
        width: 105px;
    }
    5% {
        width: 100px;
    }
    100% {
        width: 100px;
    }
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog1,
.trophy-icon-nolog.nolog1 img {
    animation-delay: 1.5s;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog2,
.trophy-icon-nolog.nolog2 img {
    animation-delay: 3.5s;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog3,
.trophy-icon-nolog.nolog3 img {
    animation-delay: 5.5s;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog4,
.trophy-icon-nolog.nolog4 img {
    animation-delay: 7.5s;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog5,
.trophy-icon-nolog.nolog5 img {
    animation-delay: 9.5s;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog6,
.trophy-icon-nolog.nolog6 img {
    animation-delay: 11.5s;
    animation-name: trophies-nolog99999;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog7,
.trophy-icon-nolog.nolog7 img {
    animation-delay: 13.5s;
    animation-name: trophies-nolog99999;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog8,
.trophy-icon-nolog.nolog8 img {
    animation-delay: 15.5s;
    animation-name: trophies-nolog99999;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog9,
.trophy-icon-nolog.nolog9 img {
    animation-delay: 17.5s;
    animation-name: trophies-nolog99999;
}

.latest-trophies-nolog .trophy-list .trophy-icon-nolog.nolog10,
.trophy-icon-nolog.nolog10 img {
    animation-delay: 19.5s;
    animation-name: trophies-nolog99999;
}

.total-trophies.nolog p.yellow-link:after {
    display: none;
}

.trophy-level-progress-nolog .trophy-level.next:after {
    display: none;
}

.trophy-level-progress-nolog .trophy-level.current:after {
    display: none;
}


.trophy-level-progress-nolog {
    text-align: center;
}

.trophy-level {
    font-family: Verdana, sans-serif;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    padding: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.7);
}

.trophy-bar {
    width: 300px;
    font-family: Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 5px 0 30px 0;
    display: inline-block;
}

.trophy-level-progress-nolog .trophy-bar {
    vertical-align: middle;
}


.latest-trophies-nolog .trophy-list .trophy-icon-nolog .trophy-desc {
    display: none;
}

.latest-trophies-nolog .trophy-list .total-trophies p.yellow-link {
    line-height: 50px;
    font-size: 48px;
}

.popup ul.full-trophy-list h2 {
    margin-top: 0;
}

.trophy-list .trophy-icon-nolog,
.trophy-list .total-trophies {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
}

.trophy-list .trophy-icon-nolog img {
    border-radius: 25px;
}

.trophy-list .trophy-icon-nolog.active .trophy-desc,
.trophy-list .trophy-icon-nolog:hover .trophy-desc {
    display: none;
}

div.trophy-wheel-notification {
    float: right;
    background: url(/images/external/theme/trophy-wheel-notification_0.png) center no-repeat;
    height: 18px;
    width: 18px;
    background-size: 18px;
    position: absolute;
    top: 3px;
    right: -3px;
    z-index: 1;
}

div.trophy-wheel-notification.notification-wheel-0 {
    background: url(/images/external/theme/trophy-wheel-notification_0.png) center no-repeat;
    background-size: 18px;
}

div.trophy-wheel-notification.notification-wheel-1 {
    background: url(/images/external/theme/trophy-wheel-notification_1.png) center no-repeat;
    background-size: 18px;
}

div.trophy-wheel-notification.notification-wheel-2 {
    background: url(/images/external/theme/trophy-wheel-notification_2.png) center no-repeat;
    background-size: 18px;
}

div.trophy-wheel-notification.notification-wheel-3 {
    background: url(/images/external/theme/trophy-wheel-notification_3.png) center no-repeat;
    background-size: 18px;
}

.trophy-icon .trophy-level {
    display: none;
    margin: 0 auto;
    width: 80px;
    min-height: 80px;
    padding: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    text-align: center;
    line-height: 15px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #101b3c;
}

.trophy-icon .trophy-level span.number {
    font-size: 50px;
    line-height: 40px;
}

.one-column.trophy-level-progress {
    margin-top: 10px;
}

.trophy-bar {
    max-width: 95%;
    background-size: 100% auto;
}

img.all-gone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


/* ---------------- REMOVING WINS TROPHIES DUE TO GLITCH ---------------- */

.full-trophy-list#t-wins {
    display: none!important;
}


/*  #####################################
    ############# MY ACCOUNT ############
    #####################################   */

.account-details input.detail-column2,
.account-details select,
.account-details input.post-code {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px;
    line-height: 23px;
}

.my-account-options .detail-column1 {
    display: inline-block;
    padding: 3px 15px 3px 0;
    margin: 0;
    vertical-align: top;
}

.my-account-options .detail-column1 p {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin: 0;
    line-height: 27px;
}

.my-account-options .detail-column2 {
    display: inline-block;
    padding: 3px 15px 3px 0;
    vertical-align: top;
}

form .my-account-options .detail-column1 {
    display: block;
    float: left;
}

form .my-account-options .detail-column2 {
    display: block;
}

.my-account-options .detail-column2 p {
    line-height: 27px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    font-size: 14px;
    color: #fff;
}

.my-account-options .detail-column2 input[type=radio] {
    line-height: 25px;
    margin: 0 5px;
}

.my-account-options .detail-column3 {
    line-height: 27px;
    height: 27px;
    font-size: 14px;
    font-style: normal;
    padding: 0 10px 0 30px;
    width: 40px;
    text-transform: uppercase;
    float: right;
    display: block;
    color: #fff;
    font-weight: 700;
    background-image: url(/images/external/theme/my-account_edit.png);
    background-position: left;
    background-repeat: no-repeat;
}

.game-history {
    text-align: center;
    min-height: 200px;
}

.game-history p {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
}


/*  #####################################
    ############# ALL GAMES #############
    #####################################   */

#game-content p.red-title {
    display: none;
}

.all-games-top-text {
    margin: 0 auto;
    padding: 0 20px;
}

.all-games-top-text p {
    margin: 0;
    padding: 5px 0;
}

.games-filter ul {
    display: block;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    position: relative;
    height: 45px;
}

.games-filter.scroll {
    max-width: 1000px;
    width: 100%;
    z-index: 200;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

.games-filter li {
    display: inline-block;
    padding: 0 0 0 45px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: top;
}

.games-filter li:after {
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}

.games-filter li#popular:after {
    background-image: url(/images/external/theme/games-filter_popular.png);
}

.games-filter li#featured:after {
    background-image: url(/images/external/theme/games-filter_featured.png);
}

.games-filter li#newest:after {
    background-image: url(/images/external/theme/games-filter_new.png);
}

.games-filter li#jackpots:after {
    background-image: url(/images/external/theme/games-filter_jackpots.png);
}

.games-filter li#bingo:after {
    background-image: url(/images/external/theme/games-filter_bingo.png);
}

.games-filter li#all:after {
    background-image: url(/images/external/theme/games-filter_all.png);
}

/*----------- LIVE CASINO -------*/
.games-filter li#casino {
    background-image: none !important;
}
.games-filter li#casino:after {
    background-image: url(/images/external/theme/games-filter_casino.png) !important;
}


.games-filter li#search-icon {
    display: none
}

.games-filter li.active {
    font-size: 16px;
    padding: 0 10px 0 45px;
}

.games-filter #search {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.games-filter #search .input-container {
    height: 25px;
    width: 150px;
    background: #fff;
    padding: 0 10px 0 30px;
    position: relative
}

.games-filter #search .input-container:after{
    content: "";
    position: absolute;
    top: 5px;
    left: 10px;
    height: 15px;
    width: 15px;
    background: url(/images/external/theme/input_search-icon.jpg) no-repeat;
    background-size: 15px 15px
}

.games-filter #search input[type=text] {
    border: 0;
    border-radius: 0;
    line-height: 25px;
    padding: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

.gototop {
    position: absolute;
    top: -120px;
    display: block;
    height: 0;
    width: auto;
}

.backtotop {
    position: fixed;
    padding: 50px 10px 10px 10px;
    width: 75px;
    bottom: 0;
    right: 50%;
    margin-right: -500px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-image: url(/images/external/theme/backtotop.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000000;
    border-radius: 15px;
    opacity: 0;
    transition: opacity 0.5s linear;
    z-index: 150;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.backtotop.scroll {
    opacity: 1
}

#close-icon {
    display: none
}

#search .close-icon,
#search .close-icon:hover {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    height: 13px;
    width: 13px;
    background-image: url(/images/external/theme/close-icon.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

#search .close-icon:hover {
    background-image: url(/images/external/theme/close-icon_hover.png);
}

#mobile-results-search .close-icon,
#mobile-results-search .close-icon:hover {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 10px;
    height: 13px;
    width: 13px;
    background-image: url(/images/external/theme/close-icon.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

#mobile-results-search .close-icon:hover {
    background-image: url(/images/external/theme/close-icon_hover.png);
}

#games-search-box {
    display: none;
    overflow-y: auto;
    max-height: 375px;
    border-radius: 0 0 15px 15px;
    width: 300px;
    height: auto;
    position: absolute;
    z-index: 201;
    right: 0;
    padding: 0 0 10px 0;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.5);
    background: #000;
}

#games-search-box.scroll {
    top: 45px;
}

.games-search-result {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.games-search-image {
    display: inline-block;
    vertical-align: middle;
}

.games-search-image img {
    width: 100px;
    border-radius: 15px;
    margin: 0 10px;
}

.games-search-name {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 160px;
    vertical-align: middle;
}

.games-search-name p {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 15px;
}

.games-search-name p:hover {
    color: #fff600;
}

.results-list {
    color: #ffffff;
    font-size: 9px;
    font-family: Verdana, sans-serif;
    text-transform: capitalize;
    text-align: center;
    padding-top: 10px;
}

#games-search-box::-webkit-scrollbar {
    width: 8px;
}

#games-search-box::-webkit-scrollbar-track {
    border-radius: 30px;
    background-color: #cccccc;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#games-search-box::-webkit-scrollbar-thumb {
    border-radius: 30px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#mobile-results-search {
    position: relative;
}

#mobile-results-search input[type=text] {
    width: 100%;
    line-height: 25px;
    padding: 0 15px 0 30px;
    position: relative;
    margin: 0 auto;
    display: block;
    -webkit-appearance: none;
}

#mobile-results-search:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    height: 15px;
    width: 15px;
    background: url(/images/external/theme/input_search-icon.jpg) no-repeat;
    background-size: 15px 15px;
}

section.swipe-now {
    /*---- position: fixed;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 20px;
    padding: 60px 0 0 0;
    font-family: Verdana, sans-serif;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 5px #000;
    text-transform: uppercase;
    text-align: center;
    animation: swipe-now-out 3s ease-out 1;
    background: rgba(0, 0, 0, 0.8);
    z-index: 998; -----*/
    display: none;
}

section.swipe-now .hand {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 10px;
    right: 5%;
    border-radius: 50%;
    background: url(/images/external/theme/swipe-hand.jpg) center;
    animation: left-right 3s ease-out 1;
}

@keyframes swipe-now-out {
    0% {
        bottom: 0
    }
    95% {
        bottom: 0
    }
    100% {
        bottom: -80px
    }
}

@keyframes left-right {
    0% {
        right: 80%;
    }
    100% {
        right: 5%;
    }
}

.icon-container.topslots-gold span {
    color: #683900 !important;
    background: #ffa939 !important;
    background: -moz-linear-gradient(left, #ffa939 0%, #faef60 30%, #faef60 70%, #ffa939 100%) !important;
    background: -webkit-linear-gradient(left, #ffa939 0%, #faef60 30%, #faef60 70%, #ffa939 100%) !important;
    background: linear-gradient(to right, #ffa939 0%, #faef60 30%, #faef60 70%, #ffa939 100%) !important;
}

.icon-container.topslots-silver span {
    color: #3a3a3a !important;
    background: #9e9e9e !important;
    background: -moz-linear-gradient(left, #9e9e9e 0%, #ececec 30%, #ececec 70%, #9e9e9e 100%) !important;
    background: -webkit-linear-gradient(left, #9e9e9e 0%, #ececec 30%, #ececec 70%, #9e9e9e 100%) !important;
    background: linear-gradient(to right, #9e9e9e 0%, #ececec 30%, #ececec 70%, #9e9e9e 100%) !important;
}


/*  #####################################
    ######### NEW GAMES COUNTER #########
    #####################################   */

.games-filter-list #newest {
    position: relative;
}

.new-games-counter.inline-button,
.new-games-counter.inline-button:hover {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: initial;
    right: 0;
    border-radius: 50%;
    text-indent: 0;
    line-height: 20px;
    font-size: 12px;
    text-shadow: none;
    border: none;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    cursor: default;
    text-align: center;
    z-index: 99;
}

.new-games-counter.hide {
    display: none;
}

.icon-container:hover .game-icon-buttons {
    display: block;
}


/*  #####################################
    ################ BLOG ###############
    #####################################   */

.blog-share {
    padding: 0 20px;
}

.blog-share>a {
    display: inline-block;
    background-repeat: no-repeat;
    height: 25px;
    width: 70px;
    background-size: 100%;
    cursor: pointer;
}

.blog_facebook {
    background-image: url(/images/external/theme/blog_facebook.png);
}

.blog_twitter {
    background-image: url(/images/external/theme/blog_twitter.png);
}

.blog_mail {
    background-image: url(/images/external/theme/blog_mail.png);
}

.blog_whatsapp {
    background-image: url(/images/external/theme/blog_whatsapp.png);
}

.email-selector {
    width: 100%;
    padding-bottom: 35px;
}

.email-selector>a {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 10px;
    height: 76px;
    vertical-align: top;
}

.email-gmail:after,
.email-yahoo:after,
.email-outlook:after,
.email-mail:after {
    display: block;
    position: absolute;
    margin-top: 85px;
    color: #fff;
    font-family: Verdana, sans-serif;
    text-align: center;
}

.email-gmail {
    background-image: url(/images/external/theme/mail_gmail.png);
    width: 100px;
}

.email-gmail:after {
    content: "Gmail";
    width: 100px;
}

.email-yahoo {
    background-image: url(/images/external/theme/mail_yahoo.png);
    width: 120px;
}

.email-yahoo:after {
    content: "Yahoo";
    width: 120px;
}

.email-outlook {
    background-image: url(/images/external/theme/mail_outlook.png);
    width: 75px;
}

.email-outlook:after {
    content: "Outlook";
    width: 75px;
}

.email-mail {
    background-image: url(/images/external/theme/mail_mail.png);
    width: 76px;
}

.email-mail:after {
    content: "Mail";
    width: 76px;
}

.preview-blog-box {
    padding: 10px;
    margin: 10px 20px;
    background: #fff;
    box-shadow: 0 1px 10px #000;
}

.preview-blog-image,
.preview-blog-info {
    width: 32%;
    display: inline-block;
    vertical-align: middle;
}

.preview-blog-info.blog-no-image {
    width: 100%;
}

.blog-page-select a {
    margin: 0 3px;
    text-transform: capitalize;
    display: inline-block;
}

.preview-blog-info {
    width: 68%;
}

.preview-blog-image img {
    width: 100%;
    height: auto;
}

.preview-blog-info .wrapper {
    padding: 0 0 0 20px;
}

h2.red.preview-blog-title,
.preview-blog-title a {
    font-size: 18px;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: left;
}

.preview-blog-timestamp {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #000;
}

.preview-blog-text {
    color: #000;
}

.inline-button.blog-button {
    display: inline-block;
    margin: 10px;
    padding: 0 30px;
    width: auto;
    text-align: center;
}

.blog-post-banner img,
.blog-post-content img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}


/*  #####################################
    ### RESPONSIBLE GAMBLING MEASURES ###
    #####################################   */

.main.responsible-gambling-measures form>p {
    padding: 0 20px;
}

.main.responsible-gambling-measures form ul {
    padding: 0;
}

.main.responsible-gambling-measures form ul li {
    margin: 0 20px;
}

.main.responsible-gambling-measures form button {
    padding: 5px 10px;
    margin: 10px auto;
    display: block;
    font-size: 14px;
    line-height: 28px;
}

.main.responsible-gambling-measures .container h1.red {
    height: auto;
}


/*  #####################################
    ######## RESPONSIVE CONTENT #########
    #####################################   */

.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.game-read-more img {
    max-width: 100%;
    height: auto
}


/*  #####################################
    ############### FOOTER ##############
    #####################################   */

.footer-sprites#cards {
    text-align: center;
}

.footer-sprites#cards .container .wrapper div {
    background-image: url(/images/external/theme/jms_footer-cards.png);
    background-repeat: no-repeat;
    height: 30px;
    margin: 5px;
    display: inline-block;
    vertical-align: middle;
}

#jms_footer-1 {
    width: 124px;
}

#jms_footer-2 {
    width: 47px;
    background-position-x: -124px;
}

#jms_footer-3 {
    width: 49px;
    background-position-x: -171px;
}

#jms_footer-4 {
    width: 47px;
    background-position-x: -220px;
}

#jms_footer-5 {
    width: 67px;
    background-position-x: -267px;
}

#jms_footer-6 {
    width: 58px;
    background-position-x: -334px;
}

#jms_footer-7 {
    width: 65px;
    background-position-x: -392px;
}

#jms_footer-8 {
    width: 30px;
    background-position-x: -457px;
}

#jms_footer-9 {
    width: 148px;
    background-position-x: -487px;
}

#jms_footer-10 {
    width: 98px;
    background-position-x: -635px;
}

#jms_footer-11 {
    width: 126px;
    background-position-x: -733px;
}

#jms_footer-12 {
    width: 107px;
    background-position-x: -859px;
}

#jms_footer-13 {
    width: 43px;
    background-position-x: -966px;
}

.fifteen-network#jms_footer-13 {
    width: 29px;
    background-position-x: -1313px;
}

#jms_footer-14 {
    width: 44px;
    background-position-x: -1009px;
}

#jms_footer-15 {
    width: 50px;
    background-position-x: -1342px;
}

#jms_footer-16 {
    width: 30px;
    background-position-x: -1392px;
    display: none !important;
}

.region-canada #jms_footer-16,
.region-ontario #jms_footer-16 {
    display: inline-block !important;
}

#jms_footer-17 {
    width: 170px;
    background-position-x: -1422px;
}

#jms_footer-18 {
    width: 99px;
    background-position-x: -1592px;
}



.footer-sprites#cards .container .wrapper div#jms_footer-19 {
    background-image: url(/images/external/theme/skrill-logo.svg);
    width: 87px;
    background-position-x: 0;
    background-size: auto 100%;
}

.footer-sprites#cards .container .wrapper div#jms_footer-20 {
    background-image: url(/images/external/theme/neteller-logo.svg);
    width: 174px;
    background-position-x: 0;
    background-size: auto 100%;
}

#jms_footer-19-plus {
    width: 30px;
    background-position-x: -1691px;
}



#jms_footer-facebook {
    width: 30px;
    background-position-x: -1053px;
    border-radius: 50%;
}

#jms_footer-twitter {
    width: 30px;
    background-position-x: -1083px;
    border-radius: 50%;
}

#jms_footer-apple-store {
    width: 100px;
    background-position-x: -1113px;
}

#jms_footer-google-store {
    width: 100px;
    background-position-x: -1213px;
}

.footer-sprites#cards .container .wrapper div#jms_footer-gambleaware {
    background-image: url(/images/external/theme/jms_footer-gambleaware.png);
    width: 236px;
}

.footer-sprites#cards .container .wrapper div#footer-gambling-care-ie {
    background-image: url(/images/external/theme/gambling_care_ie.svg);
    width: 210px;
}


/*  #####################################
    ######### 1100px MEDIA QUERY ########
    #####################################   */

@media (max-width: 1100px) {
    .main .homepage-feeds {
        display: none;
    }
}


/*  #####################################
    ######### 1024px MEDIA QUERY ########
    #####################################   */

@media (max-width: 1024px) {
    #webpush-notification-center-open.webpush-notification-center-color-dark {
        display: none !important;
    }
    
    .backtotop {
        right: 0;
        margin: 0;
    }
    .games-filter #search {
        padding: 10px;
        position: absolute;
        top: 0;
        right: 0
    }
    .games-filter #search .input-container {
        max-width: 70px;
        transition: all 0.5s linear
    }
    .games-filter #search .input-container:hover {
        max-width: 150px
    }
    .in-game a.back-all-games {
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
    body .main.in-game .container .wrapper h1.red {
        height: 120px;
    }
    .game-container {
        height: 600px;
    }
}


/*  #####################################
    ######### 979px MEDIA QUERY #########
    #####################################   */

@media (max-width: 979px) {
    .bingo-side-panel {
        display: none;
    }
    .bingo-in-game .game-container iframe {
        float: none;
        margin: 0 auto;
        display: block;
    }
}


/*  #####################################
    ######### 930px MEDIA QUERY #########
    #####################################   */

@media (max-width: 930px) {
    .main.free-spins .container .wrapper>a {
        position: relative;
        display: inline-block;
        top: 0;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }
}


/*  #####################################
    ####### 840px MIN MEDIA QUERY #######
    #####################################   */

@media (min-width: 840px) {

    .balance-breakdown {
        display: none;
        position: absolute;
        width: 225px;
        padding: 0;
        text-align: center;
        border-radius: 10px;
        z-index: 998;
        text-transform: uppercase;
    }

    .balances:hover .balance-breakdown {
        display: block;
    }

    .balances:hover .balance-breakdown:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        position: absolute;
        left: 98px;
        top: -17px
    }
    .balances:hover .balance-breakdown:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position: absolute;
        left: 100px;
        top: -14px
    }
    .balances:hover .balance-breakdown p {
        line-height: 35px;
        margin: 0;
        padding: 0 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        text-transform: uppercase;
    }



}


/*  #####################################
    ######### 840px MEDIA QUERY #########
    #####################################   */

@media (max-width: 840px) {
    .game-container {
        height: 450px;
    }
    #cookies-consent p {
        font-size: 12px;
        width: calc(100% - 50px);
        padding: 15px 5px;
    }

    #cookies-consent p a {
        font-size: 12px;
    }

    #cookies-consent .cookie-x-button {
        width: 40px;
    }
    #cookies-consent .container {
        font-size: 0;
    }
    
    .popup#charity-donation p {
        font-size: 21px;
    }
    .popup#charity-donation p.red-title {
        font-size: 36px;
        line-height: 36px;
        padding: 0 0 60px 0;
        background-position: center bottom;
        background-size: auto 50px;
    }
    #inbox-icon {
        display: none;
    }
    #mobile-menu-counter {
        display: none;
        background: url(/images/external/theme/jms-notification_1.png) center no-repeat;
        height: 25px;
        width: 25px;
        background-size: 100%;
        top: -20px;
        right: -20px;
        position: absolute;
    }
    #inbox-notification {
        display: none;
        right: 8%;
        height: 30px;
        width: 30px;
        top: 50%;
        transform: translate(0, -50%);
        padding-right: 0;
        position: absolute;
        background: url(/images/external/theme/jms-notification_1.png) center no-repeat;
        background-size: 100%;
    }
    #inbox-icon-mobile {
        display: block;
        position: relative;
    }
    .top-slots-menu {
        background-size: cover !important;
        background-position: center center !important;
        text-indent: -99999px !important;
        padding: 0 !important;
        display: block !important;
    }
    .footer-sprites#cards .container .wrapper div#jms_footer-google-store {
        display: none
    }
    .logged-in ul.menu-icon li,
    nav ul.menu-icon.hover li {
        max-height: 800px;
    }
    .logged-in ul.menu-icon li {
        max-height: 0;
        left: 0;
    }
    nav ul.menu-icon li ul li.trophies-menus ul li.trophy-wheels,
    nav ul.menu-icon li ul li.trophies-menus:hover ul li.trophy-wheels {
        max-height: 100%;
    }
    nav ul.menu-icon li ul li div.trophy-wheel-notification {
        right: 8%;
        height: 30px;
        width: 30px;
        background-size: 30px;
        top: 50%;
        transform: translate(0, -50%);
        padding-right: 0px;
    }
    ul.menu-icon div.trophy-wheel-notification {
        top: 25%;
        right: 20%;
    }
    ul.menu-icon.hover a.menu-icon2 div.trophy-wheel-notification {
        display: none;
    }
    .new-games-counter {
        top: 0;
        right: 0;
    }
    nav #log-out {
        display: block;
    }
    .icon-container:hover .game-icon-buttons,
    .icon-container-large:hover .game-icon-buttons {
        display: none;
    }
    .log-in input:focus~.login-arrow {
        display: none;
    }
    .login-wrapper #forgot-password,
    .login-wrapper .forgot-password-link {
        display: none;
    }
    .log-in:after {
        content: "log in";
    }
    .popup .log-in:after {
        display: none;
    }
    .tophead .banking-area {
        padding: 0;
        float: none;
        height: 0;
        margin: 0;
    }
    .banking-area .banking .container {
        margin: 0 auto;
        float: none;
    }
    .banking-area .container.deposit-button,
    .banking-area .container.user-details {
        display: none;
    }
    .banking-dropdown {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 0;
        overflow: hidden;
        z-index: 99;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .dropdown.hover .banking-dropdown {
        max-height: 100%;
    }
    .banking.dropdown .banking-dropdown .container {
        float: none;
        padding: 30px 20px;
    }
    .container p.form-label {
        margin: 5px 0;
        padding: 0;
        text-align: center;
        font-size: 21px;
        text-transform: uppercase;
        display: block;
        position: static;
        width: 100%;
        background: none;
        font-style: normal;
        line-height: normal;
        font-weight: 700;
        text-decoration: none;
    }
    .banking-dropdown p.form-label {
        margin: 0;
        line-height: 30px;
        font-weight: normal;
        font-size: 16px;
    }
    .amount-container {
        line-height: 30px;
        font-size: 18px;
        padding: 0 30px;
        margin: 0 auto;
        display: block;
        max-width: 250px;
        font-family: Verdana, sans-serif;
        text-align: center;
        font-weight: bold;
        border-radius: 30px;
    }
    .banking-container:before {
        content: "Banking";
        font-family: Verdana, sans-serif;
        font-size: 22px;
        text-align: center;
        width: 210px;
        position: absolute;
        top: 6px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .balances .banking-container {
        border: none;
        width: 210px;
        height: 100px;
        background: url(/themes/default/mobile-header_banking2.png) top center no-repeat;
        background-size: auto 100%;
        background-color: transparent;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .banking-container .banking-link {
        display: none;
    }
    .login-arrow {
        display: block;
        height: 80px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url(/themes/default/dropdown-funded_arrow.png) center repeat-x;
    }
    .dropdown-members {
        height: 225px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .dropdown-members .members-container {
        text-align: center;
        float: left;
        width: 50%;
        margin-top: 20px;
    }
    .dropdown-deposit {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 225px;
        left: 0;
        background: #232323;
    }
    .dropdown-members .next-level,
    .dropdown-members .current-level {
        width: auto;
        display: block;
    }
    .dropdown-deposit-now {
        margin: 0 auto;
        display: block;
        max-width: 264px;
        height: 50px;
        font-size: 21px;
        padding: 0 30px;
        cursor: pointer;
        font-family: Verdana, sans-serif;
        text-transform: uppercase;
        line-height: 50px;
    }
    .dropdown-deposit-now:after {
        content: "deposit now";
    }
    .banking-dropdown .dropdown-deposit a.inline-button {
        display: inline-block;
        height: 30px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        padding: 5px 30px;
        text-decoration: none;
        margin: 5px 0;
        font-size: 14px;
        line-height: 15px;
        max-width: 100px;
        width: 100%;
    }
    .amount-container p {
        margin: 0;
        text-align: center;
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
    }
    .dropdown-members .current-level h2,
    .dropdown-members .next-level h2 {
        text-align: center;
        font-weight: normal;
        font-size: 16px;
        margin: 0;
        line-height: 16px;
        text-transform: uppercase;
        padding: 10px 0;
        font-weight: bold;
        color: #ffffff;
    }
    .banking-container .banking-amount {
        float: none;
        margin: 0 auto;
        border-radius: 23px;
        width: 120px;
        margin-top: 40px;
        background: #fff;
        -webkit-box-shadow: inset 0 0 9px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 0 0 9px 2px rgba(0, 0, 0, .2);
        box-shadow: inset 0 0 9px 2px rgba(0, 0, 0, .2);
    }
    
    p.title-label {
        text-align: center;
        font-size: 24px;
        margin: 0 0 10px 0;
    }
    .banking.dropdown .banking-dropdown .dropdown-deposit .container {
        padding: 15px;
        text-align: center;
    }
    nav ul.menu-icon li.menu-icon2 {
        display: block;
    }
    nav ul.menu-icon {
        display: block;
        height: 60px;
        width: 60px;
        position: fixed;
        top: 20px;
        left: 20px;
        background: #0000ff;
    }
    .logged-in ul.menu-icon {
        right: 20px;
        left: auto;
    }
    .header nav ul.menu-icon li ul li {
        line-height: 70px;
        position: relative;
        display: block;
        float: none;
        top: 0;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        width: 100%;
        height: 70px;
        text-indent: 0;
    }
    nav ul.menu-icon li ul {
        display: block;
        list-style-type: none;
        float: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: static;
        width: 100%;
    }
    nav ul.menu-icon li {
        position: fixed;
        top: 100px;
        max-height: 0;
        width: 100%;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        padding: 0;
        left: 0;
    }
    .add-card-table .desc p {
        line-height: 14px;
    }
    .log-in.dropdown {
        padding: 0;
        margin: 32px 0;
        float: none;
        position: absolute;
        height: 36px;
        width: 80px;
        top: 0;
        right: 30px;
        z-index: 997;
        cursor: pointer;
        text-transform: uppercase;
        line-height: 36px;
        font-size: 14px;
        text-align: center;
        border: none;
        font-family: Verdana, sans-serif;
    }
    .log-in .login-icon {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        max-height: 0;
        overflow: hidden;
        width: 100%;
        transition: all 0.3s;
        background-color: #262626;
    }
    .log-in.hover .login-icon {
        max-height: 100%;
    }
    .log-in.dropdown form .container {
        float: none;
        display: block;
        padding: 0 100px;
        position: static;
    }
    .log-in form {
        display: block;
        margin: 0 auto;
        float: none;
        width: 100%;
        height: auto;
        padding-top: 100px;
    }
    .log-in.dropdown input[type=text],
    .log-in.dropdown input[type=password] {
        width: 100%;
        line-height: 60px;
        padding: 0 30px;
        margin: 0;
        display: block;
        float: none;
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
        background: #ffffff;
        color: #000000;
    }
    .log-in #remember-me {
        text-align: center;
        position: static;
        font-size: 21px;
        width: 100%;
        line-height: 30px;
        text-transform: capitalize;
    }
    .log-in.dropdown p {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-style: italic;
        font-family: Verdana, sans-serif;
        font-size: 21px;
        line-height: 50px;
        position: absolute;
        left: 0;
        bottom: 80px;
        width: 100%;
    }
    .login-wrapper p.form-label {
        margin: 10px 0;
        text-align: center;
        font-family: Verdana, sans-serif;
        font-size: 30px;
        text-transform: uppercase;
        display: block;
        position: static;
        width: 100%;
        background: none;
        line-height: normal;
        font-weight: 700;
        text-decoration: none;
        color: #fff;
        font-style: normal;
    }
    .log-in .login-wrapper button[type=submit] {
        width: 270px;
        height: 60px;
        margin: 0 auto;
        display: block;
        font-size: 20px;
    }
    .login-wrapper div.join {
        width: 270px;
        height: 60px;
        display: block;
        margin: 0 auto;
        padding: 0;
        line-height: 60px;
        margin-top: 5px;
        font-size: 20px;
    }
    .log-in.dropdown p.login_first-name {
        font-size: 30px;
        display: block;
        margin: 20px 0;
        float: none;
        line-height: 30px;
        background: none;
        position: static;
        width: 100%;
        color: #fff;
        font-style: normal;
    }
    .two-column {
        width: 100%;
    }
    .my-account .your-rewards {
        width: 100%;
        max-width: 500px;
        padding: 190px 0 20px 0;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .log-in.dropdown p.login_first-name {
        font-size: 25px;
    }

    .trophy-list .trophy-icon-nolog, .trophy-list .total-trophies {
        pointer-events: all;
    }

}


/*  #####################################
    ######### 750px MEDIA QUERY #########
    #####################################   */

@media (max-width: 750px) {
    .game-container {
        height: 450px;
    }
    .bingo-in-game .game-container {
        height: 700px !important;
    }
    .fullscreen .game-container {
        height: initial !important;
    }
    .fullscreen .bingo-in-game .game-container {
        height: initial !important;
    }
}


/*  #####################################
    ######### 640px MEDIA QUERY #########
    #####################################   */

@media (max-width: 640px) {

    .custom-faq .custom-faq-title {
        font-size: 18px;
    }

    .preview-blog-image {
        display: block;
        width: 100%;
    }

    .preview-blog-info {
        display: block;
        width: 100%;
    }

    .preview-blog-info .wrapper {
        padding: 0;
    }

    .inline-button.blog-button {
        left: 50%;
        transform: translateX(-50%);
        margin: 10px 0;
    }

    .faqs-page li.faq-item {
        padding: 10px 50px 10px 10px;
    }

    .faq-item:before, .faq-item:after {
        right: 15px;
        top: 20px;
    }

    .faq-item:before {
        right: 24px;
    }

    .faqs-page .faq-title {
        font-size: 16px;
    }

    .faq-item.active .faq-content {
        margin-top: 15px;
    }

    .faq-content p, .faq-content li {
        font-size: 12px;
    }

    .main.transaction-history > .container.contentbg {
        min-height: 100vh;
    }
    .game-container {
        height: 300px;
    }
    
    #layout-wrapper {
        height: 300px;
        width: 300px
    }
    #layout-wrapper #prizes {
        left: 12.5px;
        top: 25px;
        width: 275px;
        height: 250px
    }
    #layout-wrapper #prizes img {
        width: 275px
    }
    img.layout {
        width: 300px
    }
    @keyframes reel-spin_start {
        0% {
            bottom: 0
        }
        100% {
            bottom: -1000px
        }
    }
    @keyframes reel-spin_mid {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -1000px
        }
    }
    @keyframes reel-spin_winprize1 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -450px
        }
    }
    @keyframes reel-spin_winprize2 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -500px
        }
    }
    @keyframes reel-spin_winprize3 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -550px
        }
    }
    @keyframes reel-spin_winprize4 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -600px
        }
    }
    @keyframes reel-spin_winprize5 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -650px
        }
    }
    @keyframes reel-spin_winprize6 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -700px
        }
    }
    @keyframes reel-spin_winprize7 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -750px
        }
    }
    @keyframes reel-spin_winprize8 {
        0% {
            bottom: 250px
        }
        100% {
            bottom: -800px
        }
    }
    img.prize-list2 {
        z-index: 7;
        bottom: 250px
    }
    img.prize-list3 {
        z-index: 5;
        bottom: 250px
    }
    #layout-wrapper.winprize1 img.prize-list1,
    #layout-wrapper.winprize2 img.prize-list1,
    #layout-wrapper.winprize3 img.prize-list1,
    #layout-wrapper.winprize4 img.prize-list1,
    #layout-wrapper.winprize5 img.prize-list1,
    #layout-wrapper.winprize6 img.prize-list1,
    #layout-wrapper.winprize7 img.prize-list1,
    #layout-wrapper.winprize8 img.prize-list1 {
        bottom: 250px
    }
    #layout-wrapper.winprize1 img.prize-list3 {
        bottom: -450px
    }
    #layout-wrapper.winprize2 img.prize-list3 {
        bottom: -500px
    }
    #layout-wrapper.winprize3 img.prize-list3 {
        bottom: -550px
    }
    #layout-wrapper.winprize4 img.prize-list3 {
        bottom: -600px
    }
    #layout-wrapper.winprize5 img.prize-list3 {
        bottom: -650px
    }
    #layout-wrapper.winprize6 img.prize-list3 {
        bottom: -700px
    }
    #layout-wrapper.winprize7 img.prize-list3 {
        bottom: -750px
    }
    #layout-wrapper.winprize8 img.prize-list3 {
        bottom: -800px
    }
    .spin-value {
        bottom: 10px;
        font-size: 8px;
        line-height: 20px;
    }
    #inbox-icon {
        display: none;
    }
    #mobile-menu-counter {
        display: none;
        height: 20px;
        width: 20px;
        top: 28px;
        right: 3px;
    }
    #inbox-notification {
        height: 25px;
        width: 25px;
    }
    #inbox-icon-mobile {
        display: block;
        position: relative;
    }
    button.find-it {
        display: inline-block;
        margin: 0;
        float: none;
    }
    .game-container2 {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        display: block;
    }
    .reg-top-wrapper {
        padding: 20px 0
    }
    .reg-wrapper {
        max-width: 310px
    }
    .reg-wrapper>.container {
        padding-bottom: 75px;
    }
    .reg-close {
        height: 30px;
        width: 30px;
        position: absolute;
        top: -15px;
        right: -5px;
        z-index: 999;
        cursor: pointer
    }
    .reg-steps p {
        padding: 10px 10px 0 10px;
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        max-height: 30px
    }
    .reg-steps p i {
        line-height: 30px;
        margin-right: 5px
    }
    .reg-step1 {
        width: 60%;
        height: 50px;
        float: left;
        position: relative
    }
    .reg-step2 {
        width: 20%;
        height: 50px;
        float: left;
        position: relative
    }
    .reg-step3 {
        width: 20%;
        height: 50px;
        float: left;
        position: relative
    }
    .reg-content-container label {
        display: none;
        text-align: center
    }
    .reg-content-step1 label.dob-label,
    .reg-content-container .select-gender label {
        display: block;
    }
    .reg-content-step1,
    .reg-content-step2,
    .reg-content-step3 {
        padding: 0;
        position: relative;
        float: left;
        width: 310px
    }
    .reg-content-step2,
    .reg-content-step3 {
        overflow: hidden
    }
    .reg-content-small-container {
        float: none;
        width: 310px
    }
    .input-container input[type=text],
    .input-container input[type=password],
    .input-container input[type=number],
    .input-container input[type=email] {
        width: 100%;
        display: block;
        margin: 10px auto
    }
    #location-uk input[type=text],
    #location-other input[type=text] {
        margin: 5px auto 10px auto
    }
    #location-uk input[type=text].post-code {
        display: inline-block;
        width: 155px;
        margin: 5px 5px 5px 0
    }
    #location-other input[type=text].post-code {
        display: inline-block;
        width: 260px;
        margin: 0 0 5px 0
    }
    #reg-gender {
        text-align: center;
    }
    .select-gender label {
        display: inline-block;
        margin: 0;
        line-height: 15px
    }
    #card-number, #cvv-number {
        width: 100%;
        display: inline-block
    }
    
    input[type=text].post-code {
        float: none;
    }
    input[type=checkbox] {
        margin: 0 10px 10px 0;
        position: relative
    }
    input[type=radio] {
        display: inline-block
    }
    p.agreed-terms {
        font-size: 12px;
	    line-height: 12px;
	    margin: 10px auto;
	    text-align: center;
    }
    p.agreed-terms label {
        font-size: 11px;
    }
    p.agreed-terms input[type=checkbox] {
        margin: 0;
        display: inline-block;
        vertical-align: middle
    }
    .reg-button {
        right: 20px;
        padding: 0 20px
    }
    .reg-button:focus {
        outline: none
    }
    .reg-button.go-back {
        left: 20px
    }
    button.join-now {
        display: block;
        margin: 0 auto;
        float: none;
        position: relative;
        left: auto;
        top: -80px;
        right: auto
    }
    #gobackto2 {
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        position: relative;
        width: 100px;
        left: auto;
        top: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
    #last-name {
        margin-top: 0
    }
    .input-container.error input {
        background-image: url(/images/external/theme/input-error_bg.png);
        background-position: center right;
        background-color: #f0b5c4;
        background-repeat: no-repeat;
        background-size: auto 15px;
        border-color: #ff0042
    }
    .input-container.valid input {
        background-image: url(/images/external/theme/input-valid_bg.png);
        background-position: center right;
        background-color: #d9ffdc;
        background-repeat: no-repeat;
        background-size: auto 15px;
        border-color: #00b90d
    }
    .input-container.error select {
        background-color: #f0b5c4;
        border-color: #ff0042
    }
    .input-container.valid select {
        background-color: #d9ffdc;
        border-color: #00b90d
    }
    .input-container.error p.error {
        display: block;
    }
    .reg-wrapper.step1-valid .reg-step1 {
        width: 20%
    }
    .reg-wrapper.step1-valid .reg-step2 {
        width: 60%
    }
    .reg-wrapper.step1-valid.step2-valid .reg-step1 {
        width: 20%
    }
    .reg-wrapper.step1-valid.step2-valid .reg-step2 {
        width: 20%
    }
    .reg-wrapper.step1-valid.step2-valid .reg-step3 {
        width: 60%
    }
    .reg-content-container label {
        display: none;
    }
    .reg-content-step1 label.dob-label,
    .reg-content-container .select-gender label {
        display: block;
    }
    .reg-content-small-container #opt-in {
        padding: 0px 5px 20px 5px;
    	text-align: center;
    }
    #opt-in p.opt-options span {
    	text-align: left;
    }
    .reg-content-step3 .reg-content-small-container:nth-child(3) {
        float: none !important;
    }
    .logged-in ul.menu-icon li,
    nav ul.menu-icon.hover li {
        max-height: 800px;
    }
    .logged-in ul.menu-icon li {
        max-height: 0;
        left: 0;
    }
    .trophy-level-progress {
        position: relative;
        padding-top: 0;
    }
    .trophy-level-progress .two-column {
        width: 50%;
    }
    .trophy-level-progress .trophy-level {
        font-size: 18px;
    }
    .trophy-level.current {
        padding: 10px;
        position: absolute;
        top: 5px;
        left: 5px;
        height: 70px;
        width: 70px;
    }
    .trophy-level.next {
        padding: 10px;
        position: absolute;
        top: 5px;
        right: 5px;
        height: 70px;
        width: 70px;
    }
    .trophy-list .total-trophies {
        width: 100px;
        padding-top: 10px;
    }
    .full-trophy-list {
        text-align: center;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 140px;
    }
    .trophy-level-progress-nolog .trophy-level.current:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog .trophy-level.next:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .trophy-level-progress-nolog .trophy-bar {
        vertical-align: middle;
        margin-left: 90px;
        margin-right: 90px;
        min-width: 100px;
        position: relative;
        width: auto;
    }
    .nolog-bar {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .total-trophies.nolog {
        width: 100%;
        padding: 20px 0px;
    }
    .latest-trophies-nolog .trophy-list {
        width: 420px;
        height: 200px;
        display: block;
        margin: 0 auto;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 140px;
    }
    .trophy-level-progress-nolog .trophy-level.current:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog .trophy-level.next:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .trophy-level-progress-nolog .trophy-bar {
        vertical-align: middle;
        margin-left: 90px;
        margin-right: 90px;
        min-width: 100px;
        position: relative;
        width: auto;
    }
    .nolog-bar {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .total-trophies.nolog {
        width: 100%;
        padding: 20px 0px;
    }
    .latest-trophies-nolog .trophy-list {
        width: 420px;
        height: 200px;
        display: block;
        margin: 0 auto;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 140px;
    }
    .trophy-level-progress-nolog .trophy-level {
        display: block;
        margin: 0 auto;
        width: 60px;
        height: 60px;
        font-size: 20px;
        padding: 10px;
    }
    .trophy-level .counter-nolog2,
    .trophy-level .counter-nolog3 {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog .trophy-level.current:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog .trophy-level.next:after {
        line-height: 30px;
        font-size: 40px;
    }
    .trophy-level-progress-nolog {
        position: relative;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .trophy-level-progress-nolog .trophy-bar {
        vertical-align: middle;
        margin-left: 90px;
        margin-right: 90px;
        min-width: 100px;
        position: relative;
        width: auto;
    }
    .nolog-bar {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .total-trophies.nolog {
        width: 100%;
        padding: 20px 0px;
    }
    .latest-trophies-nolog .trophy-list {
        width: 420px;
        height: 200px;
        display: block;
        margin: 0 auto;
    }
    ul.games-filter-list {
        text-align: center;
    }
    .games-filter {
        max-height: 45px;
    }
    .games-filter li#search-icon {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    .games-filter li.active,
    .games-filter li {
        padding: 0;
        width: 45px;
        font-size: 0;
    }
    .featured-slots p.red-title {
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-size: 26px;
        margin: 0 0 20px 0;
    }
    .games-filter #search {
        display: none;
        position: relative;
        height: 0;
        overflow: hidden;
        padding: 0
    }
    .games-filter #search .input-container {
        max-width: 300px;
        width: auto;
        margin: 0 auto;
        transition: all 0.5s linear
    }
    .games-filter #search .input-container:hover {
        max-width: 300px;
        width: auto
    }
    .games-filter #search input[type=text] {
        border: 0;
        border-radius: 0;
        line-height: 23px;
        padding: 0;
        width: 100%;
        -webkit-appearance: none;
        margin: 0
    }
    .games-filter li#search-icon {
        display: block;
        height: 45px;
        width: 45px;
        max-width: 45px;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: 25px 25px
    }
    .games-filter li#search-icon.active+#search {
        height: 25px;
        padding: 10px
    }
    #games-search-box.scroll {
        top: 210px;
    }
    #games-search-box {
        left: 50%;
        transform: translate(-50%, 0);
        right: initial;
        width: 100%;
        border-radius: 0px;
        border: none;
        position: fixed;
        bottom: 0;
        max-height: initial;
        top: 260px;
    }
    nav ul.menu-icon li ul li div.trophy-wheel-notification {
        height: 25px;
        width: 25px;
        background-size: 25px;
    }
    ul.menu-icon div.trophy-wheel-notification {
        top: 25%;
        right: 5%;
    }
    #mobile-menu-counter {
        display: none;
        background: url(/images/external/theme/trophy-wheel-notification_1.png) center no-repeat;
        height: 20px;
        width: 20px;
        background-size: 100%;
        top: 28px;
        right: 3px;
        position: absolute;
    }
    #inbox-notification {
        height: 25px;
        width: 25px;
        background-size: 25px;
    }
    .trophy-level-progress {
        position: relative;
    }
    .trophy-level-progress .trophy-level {
        display: none;
    }
    .trophy-level-progress#account_your-trophies .trophy-level {
        display: block;
    }
    .trophy-list .total-trophies {
        width: 100px;
    }
    .full-trophy-list {
        text-align: center;
    }
    .trophy-level-progress .trophy-level {
        display: none;
    }
    .trophy-icon .trophy-level {
        display: block;
        background: none;
        color: #fff;
    }
    .mega-reel-count .inline-button {
        font-size: 14px;
    }
    #account_your-trophies .trophy-level {
        display: block;
    }
    ul.payment-methods li div {
        height: 60px;
        width: 60px;
        background-size: 300px auto;
    }
    ul.payment-methods li .new-card {
        background-position-x: -60px;
    }
    ul.payment-methods li .fonix {
        background-position-x: -120px;
    }
    ul.payment-methods li .paypal {
        background-position-x: -180px;
    }
    ul.payment-methods li .paysafe {
        background-position-x: -240px;
    }
    ul.payment-methods li .interac {
        background-size: 60px auto;
    }
    img.two-column {
        max-width: 160px;
        width: 50%;
    }
    .amount-button#mindep10.active~.dep-incentive-msg:after,
    .amount-button#mindep5.active~.dep-incentive-msg:after {
        margin-left: -110px;
    }
    .popup.confirm-address .wrapper .wrapper p label,
    .popup.confirm-address p input,
    .popup.previous-address .wrapper .wrapper p label,
    .popup.previous-address p input {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        width: 100%;
        max-width: 320px;
    }
    .spin-value {
        line-height: 4px;
        font-size: 5px;
    }
    .popup .inline-button {
        font-size: 15px;
    }
    #regform1 .input-container input#reg_password1 {
        max-width: 265px;
        margin: 10px 0;
    }
    .inline-button.password-eye {
        margin: 10px 0 0 0;
    }
    .log-in form {
        padding: 0;
    }
    .games-filter li#search-icon {
        background: url(/images/external/theme/games-filter_search-icon.png) center no-repeat;
        background-size: 25px 25px;
        position: relative;
        float: right;
    }
    .games-search-image img {
        margin: 0 10px 0 0px;
        width: 130px;
    }
    .games-search-name p {
        text-align: left;
    }
    .games-search-name {
        width: calc(100% - 150px);
    }
    .cashier ul {
        padding-top: 5px;
    }
    .cashier ul a {
        padding: 5px 10px;
        text-decoration: none;
        display: none;
    }
    .cashier ul a.active {
        display: block;
    }
    .cashier-pages .cashier ul#cashier-dropdown a li {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .cashier-pages .cashier ul#cashier-dropdown a.active li.active {
        color: #ffffff;
        background: url(/images/external/theme/cashier_menu-arrow.png) #ff0000;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: auto 80%, 100%;
    }
    .cashier-pages .cashier ul#cashier-dropdown a:hover li {
        background: #ff0000;
    }
    .cashier ul.hover a {
        display: block;
    }
    .add-card-table .desc p {
        text-align: center;
        line-height: normal;
        padding: 3px 10px 3px 0;
    }
    .add-card-table .input-container {
        display: block;
        margin: 0 auto;
        text-align: center;
        max-width: 280px;
    }
    .add-card-table .desc {
        width: 100%;
    }
    .logged-in ul.menu-icon {
        right: 10px
    }
    .banking.dropdown .banking-dropdown .container {
        float: none;
        padding: 10px 20px;
    }
    p.title-label {
        font-size: 18px;
    }
    .banking-dropdown p.form-label {
        font-size: 12px;
        line-height: 20px;
    }
    .amount-container {
        font-size: 14px;
        margin-bottom: 0;
    }
    .amount-container p {
        font-size: 14px;
    }
    .dropdown-members {
        height: 185px;
    }
    .dropdown-deposit {
        bottom: 185px;
    }
    .dropdown-members .members-container {
        margin-top: 0;
    }
    .log-in.dropdown form .container {
        padding: 0 20px;
    }
    .log-in form {
        padding-top: 60px;
    }
    .log-in.dropdown input[type=text],
    .log-in.dropdown input[type=password] {
        height: 40px;
        line-height: 40px;
    }
    .header nav ul.menu-icon li ul li {
        height: 50px;
        line-height: 50px;
        font-size: 22px;
    }
    .log-in.dropdown {
        right: 15px;
        width: 65px;
    }
    nav ul.menu-icon {
        left: 15px;
    }
    .my-account-details {
        width: 250px;
        margin: 0 auto;
    }
    .account-details .my-account-details .detail-column1,
    .account-details .my-account-details .detail-column2 {
        display: block;
        width: 100%;
        margin: 0 0 5px 0;
        text-align: center;
        float: none;
    }
    .account-details .my-account-details .detail-column1 {
        margin: 0;
    }
    .my-account-details .detail-column2 p {
        padding: 0;
    }
    input[type=text].post-code {
        margin: 0 auto;
    }
    form .my-account-options .detail-column1,
    form .my-account-options .detail-column2 {
        text-align: center;
        float: none;
        padding: 0;
    }
    .my-account-options .detail-column2 p {
        margin: 0 auto;
        text-align: center;
    }
    .account-details h2 {
        text-align: center;
    }
    .button {
        display: block;
    }
    .my-account-options {
        width: 250px;
        margin: 0 auto;
    }
    .my-account-options .detail-column1 {
        padding: 0;
        text-align: center;
        display: block;
    }
    .my-account-options .detail-column3,
    .my-account-options .detail-column2 {
        display: block;
        width: 100%;
        margin: 0 0 5px 0;
        text-align: center;
        float: none;
        padding: 0;
    }
    .popup h2,
    .popup p.red-title {
        font-size: 14px;
    }
    .popup h2.success,
    .popup p.red-title.success {
        background-image: none;
    }
    .reg-wrapper .reg-steps {
        width: 100%;
        position: absolute;
        bottom: 0;
        margin: 0;
    }
    .reg-wrapper .reg-steps p {
        text-align: center;
    }
    #reg_dob_div {
        text-align: center;
    }
    .reg-bg input[type=text].post-code {
        text-align: left;
    }
    .welcome-deposit-header {
        background-size: 100% auto;
    }
    .popup .container {
        width: 300px;
        max-width: 300px;
        top: 30px;
        transform: translateX(-50%);
    }
    .popup#more-bonus-popup .wrapper .container:before,
    .popup#more-bonus-popup .wrapper .container:after {
        display: none;
    }
    .webpush-balloon {
        display: none !important
    }
    .promo-list .promo p {
        min-height: initial;
    }

    #game-content p.red-title {
        display: block;
    }

    .main.paysafe-page > .container > .wrapper {
        padding: 0;
    }

    .main.paysafe-page > .container > .wrapper .cashier {
        margin: 0;
    }

    #inbox-icon-mobile, .logged-in nav ul.menu-icon li ul a[href="/myaccount/trophies"] li {
        display: none;
    }
}


/*  #####################################
    ######### 500px MEDIA QUERY #########
    #####################################   */

@media (max-width: 500px) {
    .my-account .lootchest-header-bg1 {
        font-size: 18px;
    }
    .loot-chest-prize-container button.inline-button {
        font-size: 20px;
        padding: 14px 10% 10px 10%;
        line-height: 20px;
        margin-top: 5px;
    }
    .loot-chest-prize-container {
        top: 24%;
        padding: 5px 5% 0 5%;
    }
    .loot-chest-prize-container p {
        line-height: 24px;
        font-size: 16px;
    }
    .loot-chest-win-amount {
        color: #ffae22;
        font-size: 24px;
        font-weight: 700;
    }
    .main.my-account h1.lootchest-header-bg1 {
        font-size: 18px;
    }
    .loot-chest-content:after {
        height: 114px;
    }
    .loot-chest-container {
        padding-top: 30%;
        background-size: 100% auto, 70% auto;
    }
    .main.my-account h1.lootchest-header-bg1 {
        margin-bottom: 10px;
    }
    .terms-and-conditions table th,
    table.vip-scheme-table th,
    .cashier table th,
    .game-history table th,
    .terms-and-conditions table td,
    table.vip-scheme-table td,
    .cashier table td,
    .game-history table td,
    table.pay-by-phone-table th,
    table.pay-by-phone-table td {
        font-size: 12px;
    }
    .amount-button#mindep10.active~.dep-incentive-msg:after,
    .amount-button#mindep5.active~.dep-incentive-msg:after {
        margin-left: -70px;
    }
}


/*  #####################################
    ######### 480px MEDIA QUERY #########
    #####################################   */

@media (max-width: 480px) {
    .latest-trophies-nolog .trophy-list {
        width: 220px;
        height: 300px;
        display: block;
        margin: 0 auto;
    }
}


/*  #####################################
    ######### 420px MEDIA QUERY #########
    #####################################   */

@media (max-width: 420px) {
    ul.payment-methods {
        max-width: 300px;
        margin: 0 auto;
    }
    .cashier ul.payment-methods li,
    .make-deposit-container ul.payment-methods li {
        width: 100px;
    }
}


/*  #####################################
    ######### 400px MEDIA QUERY #########
    #####################################   */

@media (max-width: 400px) {

    .faqs-page .faq-group li.faq-item {
        max-height: initial;
    }

    .faqs-page .faq-title-wrapper {
        height: initial;
    }

    .amount-button#mindep10.active~.dep-incentive-msg:after,
    .amount-button#mindep5.active~.dep-incentive-msg:after {
        margin-left: -60px;
    }
    .log-in form {
        padding: 0;
    }
    .login-wrapper p.form-label {
        font-size: 20px;
        margin: 5px 0;
    }
    .log-in.dropdown input[type=text],
    .log-in.dropdown input[type=password] {
        height: 35px !important;
        line-height: 35px !important;
    }
}


/*  #####################################
    #### LOOT CHEST SPECIFIC QUERY ######
    #####################################   */

@media (max-height: 800px) {
    .loot-chest-container {
        max-width: 400px;
        padding-top: 15%;
        background-size: 100% auto, 80% auto;
    }
    .loot-chest-content {
        padding: 0% 0% 2% 0%;
    }
    .loot-chest-prize-container p {
        margin: 0.8em 0;
    }
}

@media (max-height: 660px) and (max-width: 500px) {
    .loot-chest-container {
        padding-top: 24%;
        background-size: 100% auto, 80% auto;
        width: 80%;
    }
}




/*  #####################################
    #### NEW UI: GAMES FILTER STYLES ####
    #####################################   */


/* Temp Hide Titles 
.games-filter-update .main > .container.contentbg, .games-filter-update .main > .wrapper > .container.contentbg {
    display: none;
}*/

.games-filter-update .featured-slots {
    font-size: 0;
}
.games-filter-update .featured-slots .backtotop {
    font-size: 14px;
}
.games-filter-update .icon-container.topslots-gold .container:after, .games-filter-update .icon-container.topslots-silver .container:after{
    content:"";
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-image: url(/images/external/theme/topslots-gold-frame.png);
    background-size: 100%;
    pointer-events: none;
}
.games-filter-update .icon-container.topslots-silver .container:after{
    background-image: url(/images/external/theme/topslots-silver-frame.png);
}

section.games-filter-bar {
    width: 100%;
    z-index: 200;
    position: static;
}

section.games-filter-bar.scroll {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

.games-filter-bar ul.games-filter-list {
    background-color: #000;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 60px;
    width:100%;
    overflow: hidden;
    font-size: 0;
    text-align: left;
}

.games-filter-bar ul.games-filter-list li {
    color: #fff;
    height: 40px;
    width: auto;
    display: inline-block;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    position: relative;
    outline: none;
    vertical-align: middle;
    margin: 0 auto;
    cursor: pointer;
}

.games-filter-bar ul.games-filter-list li:before, .games-filter-bar ul.games-filter-list li:after {
    display: none;
}

.games-filter-bar ul.games-filter-list li.active {
    background: #fff;
    color: #000;
}

.games-filter-bar .svg-wrapper {
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    top: 10px;
    left: 5px;
    margin: 0 auto;
    padding: 5px;
}

.games-filter-bar ul.games-filter-list li svg {
    fill: #fff;
    display: block;
    margin: 0 auto;
}

.games-filter-bar ul.games-filter-list li.active svg {
    fill: #000;
}

.games-filter-bar li#search-icon {
    display: none;
}

.games-filter-bar #search {
    padding: 15px 10px;
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
}

.slick-list li {
    opacity:0;
    transition: opacity 0.5s ease;
}
.slick-list li.slick-active {
    opacity:1;
}

.games-filter-bar .slick-list:last-child li {
    opacity: 1;
}

.games-filter-bar #search .input-container {
    position: relative;
}

.games-filter-bar #search .input-container #search_games {
    margin: 0;
    max-width:150px;
}

.games-filter-bar #search form {
    margin: 0;
}

.games-filter-bar #games-search-box.scroll {
    top: 60px;
}

.games-filter-bar .slick-arrow {
    transform: none;
    display: block;
    padding: 16px 0;
    width: 30px;
    height: 60px;
    position: absolute;
    font-size: 0;
    z-index: 10;
    border: none;
    border-radius: 0;
    outline: none;
    background: #000;
}

.games-filter-bar .slick-arrow svg {
    fill: #fff;
}

@media (min-width: 641px) { 
    .games-filter-bar ul.games-filter-list {
        width: calc(100% - 220px);
        padding:0 190px 0 30px;
    }
    .games-filter-bar .slick-arrow {
        top: 0;
        left: 0;
    }
    .games-filter-bar .slick-next {
        left: auto;
        right: 160px;
    }
}


@media (max-width: 640px) {
    .games-filter-update .featured-slots .container.contentbg {
        min-height: 100vh;   
    }
    .games-filter-bar #search {
        display: none;
    }

    .games-filter-bar ul.games-filter-list {
        padding: 0 30px;
        width:calc(100% - 60px);
    }

    .games-filter-bar li#search-icon {
        background: #000;
        color: #fff;
        max-width: unset;
        width: calc((100% - 60px) / 5);
        height: 100%;
        right: 30px;
        position: absolute;
        padding: 5px 0;
        box-sizing: border-box;
        display: inline-block;
        top: 0;
    }

    .games-filter-bar #search-icon svg {
        fill: #fff;
    }

    .games-filter-bar #search-icon .svg-wrapper:after {
        font-family: 'Open Sans',Verdana,sans-serif;
        content: "search";
        top: 5px;
        position: relative;
    }

     .games-filter-bar .slick-arrow {
        background: #000;
        transform:none;
        display: block;
        padding: 16px 0;
        width: 30px;
        height:60px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        z-index: 10;
        border: none;
        border-radius:0;
        outline: none;
    }
    .games-filter-bar .slick-arrow:after {
        content:"";
        display: none;
    }

    .games-filter-bar .slick-next {
        left: auto;
        right: 0;
    }

    .games-filter-bar .slick-arrow svg {
        fill: #fff;

        display: block;
        margin: 0 auto;
    }

    .games-filter-bar ul.games-filter-list li, .games-filter-bar ul.games-filter-list li.active, .games-filter-bar #search-icon {
        height: 50px;
        width: 20%;
        padding: 5px 0;
        line-height: 15px;
        text-transform: uppercase;
        font-size: 9px;
        text-align: center;
        position: relative;
        outline: none;
    }

    .games-filter-bar .svg-wrapper {
        position: static;
    }
}

/*  #####################################
    # NEW UI: MOBILE BOTTOM BAR STYLES ##
    #####################################   */

.mobile-bottom-nav, #inbox-notification {
    display: none;
}


@media (max-width: 640px) {


    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 199;
        height: 70px;
        background: rgba(0,0,0,0.7);
        display: block;
    }

    .mobile-bottom-nav ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .mobile-bottom-nav ul li {
        width: calc(100% / 5);
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .mobile-bottom-nav ul li a {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        justify-content: center;
        gap: 5px;
    }

    .mobile-bottom-nav ul li a svg {
        height: 100%;
        width: 100%;
        max-width: 35px;
        max-height: 35px;
        margin: 0 auto;
    }

    .mobile-bottom-nav ul li a svg path {
        fill: #fff;
    }
    .mobile-bottom-nav ul li a #inbox-notification {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 18px;
        margin-top: -23px;
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
        background: red;
    }

    .mobile-bottom-nav ul li a span {
        font-size: 12px;
        position: relative;
        display: block;
        text-transform: capitalize;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }

    .mobile-bottom-nav ul li.bottom-bar_cashier a div {
        margin: -36px auto 0 auto;
        min-height: 70px;
        width: 70px;
        height: 70px;
        display: flex;
        border-radius: 50%;
        align-items: center;
        background: #fff;
        z-index: 1;
    }

    .mobile-bottom-nav ul li.bottom-bar_cashier a div svg path {
        fill: #000;
    }

    footer {
        z-index: 201
    }

   .games-filter-update #mobile-menu-counter {
        display: none !important;
    }


    .logged-in ~ .main .games-filter-bar ~ .featured-slots .backtotop {
        bottom: 75px;
        right: 5px;
    }
    .games-filter-update .bingo-rotate .mobile-bottom-nav {
        display: none !important;
    }
}


@media screen and (max-width: 400px) {
    .mobile-bottom-nav ul li a span {
        font-size: 9px;
    }

    .mobile-bottom-nav ul li a #inbox-notification {
        margin-left: 16px;
        margin-top: -21px;
    }

    .mobile-bottom-nav ul li.bottom-bar_cashier a div {
        margin: -20px auto 0 auto;
        width: 54px;
        height: 54px;
        min-height: 54px;
    }

}

.bingo-rotate .mobile-bottom-nav,
.in-game ~ .mobile-bottom-nav,
.in-game .mobile-bottom-nav{
    display: none !important;
}







.games-filter-update .bingo-side-panel .icon-container {
    padding: 0;
    float: none;
    position: initial;
    width: initial;
    margin: 0;
    text-align: center;
}

.games-filter-update .bingo-side-panel .icon-container .container {
    border-radius: 15px;
}

/*  #####################################
    #  CHANGING FEATURED SLOTS LAYOUT  ##
    #####################################   */

.games-filter-update .icon-container {
    padding: 0;
    margin: 5px;
    border-radius:10px;
    overflow: hidden;
    width: 190px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    float: none;
    position: relative;
}
.games-filter-update .icon-container, .games-filter-update .icon-container .container {
    border:none;
}
.games-filter-update .icon-container span{
    display: none;
}

.games-filter-update .games-filter-hide {
    display: none;
}

.games-filter-update .main#top section.featured-slots {
    padding-bottom: 80px;
    position: relative;
    text-align: center;
}

.games-filter-update .main#top section.featured-slots.scroll {
    top: 60px;
    margin-bottom: 60px;
}

.games-filter-update .container.contentbg>#game-content.wrapper{
    padding:0;
}
.games-filter-update .main#top {
    padding-top:0;
}

@media (max-width: 840px) { 
    .games-filter-update .banking-dropdown .dropdown-deposit a.inline-button {
        display: none!important;
    }
}


@media (max-width: 640px) {
    .games-filter-update .games-filter-hide_mobile {
        display:none !important;
    }
    .games-filter-update .icon-container {
        width: 48%;
        margin: 5px 1%;
    }
    /* .games-filter-update .main {
        padding-top: 0;
    }*/

}

/*  #####################################
    #  CHANGING CONDENSED CASHIER LAYOUT  ##
    #####################################   */
@media (max-width: 640px) {

    .games-filter-update .main.cashier-pages .container .wrapper {
        padding:0;
    }
    .games-filter-update .main.cashier-pages .make-deposit-container p {
        padding:2px 10px;
        font-size: 12px;
    }
    .games-filter-update .main.cashier-pages .make-deposit-container p.info-error, .games-filter-update .main.cashier-pages .make-deposit-container p.success{
        padding-left:80px
    }
    .games-filter-update .main.cashier-pages h1.red {
        display: none;
    }
    .games-filter-update .main.cashier-pages .cashier-step {
        height:auto;
        margin: 0 auto;
    }
    .games-filter-update .main.cashier-pages .make-deposit-container form {
        margin:0;
    }
    .games-filter-update .main.cashier-pages .cashier ul#cashier-dropdown{
        padding:0;
    }
    .games-filter-update .main.cashier-pages .cashier ul#cashier-dropdown li{
        margin:0 auto;
    }
    .games-filter-update .cashier ul.payment-methods {
        font-size: 0;
        max-width: 320px;
        margin:0 auto;
        padding: 5px 0;
    }
    .games-filter-update .cashier ul.payment-methods li,
    .games-filter-update .make-deposit-container ul.payment-methods li {
        width:60px;
        margin:0 2px;
    }
    .games-filter-update .cashier ul.payment-methods li label,
    .games-filter-update .make-deposit-container ul.payment-methods li label {
        margin:5px auto 0 auto;
    }
    .games-filter-update .cashier .make-deposit-container select.available-cards, .games-filter-update .cashier .make-deposit-container p input[type=text] {
        margin:0;
    }
    .games-filter-update .cashier .make-deposit-container label{
        font-size: 10px;
    }
    .games-filter-update .cashier .make-deposit-container div {
        font-size: 0;
    }
    .games-filter-update .cashier .make-deposit-container .amount-button {
        padding:0;
        width:60px;
        margin:5px 2px;
        font-size: 14px;
    }
    .games-filter-update .cashier .make-deposit-container p.cashier-promo-code {
        padding:0 !important;
        margin:5px auto !important;
        font-size: 12px;
    }
    .games-filter-update .cashier .make-deposit-container p.cashier-promo-code input {
        padding:5px 0;
        margin-left:5px;
        line-height: initial;
    }
    .games-filter-update .cashier .make-deposit-container .amount-button#mindep10.active~.dep-incentive-msg p, .games-filter-update .cashier .make-deposit-container .amount-button#mindep5.active~.dep-incentive-msg p{
        font-size: 12px;
        padding: 5px;
        color: #2a2a2a;
    }
    .games-filter-update .cashier .add-card-table {
        padding: 5px 0;
    }
    .games-filter-update .cashier .add-card-table .desc {
        padding:0;
    }
    .games-filter-update .cashier .add-card-table .input-container input, .games-filter-update .cashier .add-card-table .input-container input[type=text], .games-filter-update .cashier .add-card-table .input-container select.month, .games-filter-update .cashier .add-card-table .input-container select.year{
        margin:0 auto;
    }
    .games-filter-update .cashier .add-card-table .input-container select.year {
        margin-left:5px;
    }

}
@media (max-width: 640px) {
    .games-filter-update .main.non-funded{
        min-height:100vh;
    }
    .games-filter-update .main#top .container.contentbg .wrapper {
        padding: 0;
    }
}
/*  #####################################
    #  REVERSE NOW FIX  ##
    #####################################   */

.dropdown-deposit-now.reverse-btn:after { content: "reverse"; } 
button.deposit-now.reverse-btn#my-account:after { content: "reverse"; }

#honeypot-div {display: none;}

/*  #####################################
    #  MOBILE WELCOME POPUP FIX  ##
    #####################################   */
@media (max-width: 640px) {
    .popup.condensed-popup#welcome-deposit .deposit-container .amount-button {
        font-size:16px;
        margin:2px;
        padding:0 5px;
        width: auto;
        border-radius:10px;
    }
    .popup.condensed-popup#welcome-deposit .wrapper {
        padding:20px;
    }
    .popup.condensed-popup#welcome-deposit .welcome-deposit-header + .wrapper {
        padding:60px 20px 20px 20px;
    }
    .popup.condensed-popup#welcome-deposit .welcome-deposit-header {
        top:-20px;
        height:70px;
    }
    .popup.condensed-popup#welcome-deposit p {
        font-size:12px;
    }
    .popup.condensed-popup#welcome-deposit .make-deposit-container ul.payment-methods li {
        text-align:center;
        width:60px;
    }
    .popup.condensed-popup#welcome-deposit .make-deposit-container ul.payment-methods li label {
        width:auto;
        font-size:8px;
    }
    .popup.condensed-popup#welcome-deposit label{
        font-size:12px;
    }
}

@media (max-width: 640px) and (min-height: 640px) {

    .popup.condensed-popup#welcome-deposit p {
        margin: 0 0 10px 0;
    }

}

@media (max-width: 640px) and (min-height: 731px) {

    .popup.condensed-popup#welcome-deposit p {
        margin: 0 0 20px 0;
    }

}

@media (max-width: 640px) and (min-height: 812px) {

    .popup.condensed-popup#welcome-deposit p {
        margin: 0 0 15px 0;
    }

    .popup.condensed-popup#welcome-deposit .deposit-container .amount-button {
        padding: 0 20px;
        width: auto;
        font-size: 21px;
        margin: 3px;
    }

    .popup.condensed-popup#welcome-deposit .cashier-promo-code input.promo-code {
        margin: 10px 0;
    }

}

@media (max-width: 640px) and (min-height: 823px) {

    .popup.condensed-popup#welcome-deposit p {
        margin: 0 0 20px 0;
    }

    .popup.condensed-popup#welcome-deposit .deposit-container .amount-button {
        padding: 0 20px;
        width: auto;
        font-size: 21px;
        margin: 3px;
    }

    .popup.condensed-popup#welcome-deposit .cashier-promo-code input.promo-code {
        margin: 5px 0;
    }

}



/*  #####################################
    ########## NEW POPUP EMOJI ##########
    #####################################   */

/*.popup#transaction-declined .red-title.error {
    background-image: url(/images/external/theme/cashier_thinking-icon.png);
}*/






/*  #####################################
    ### CUSTOM WELCOME POPUP STYLES #####
    #####################################   */

.popup.card-reg-popup .container {
    max-width: 600px;
    background-size: 100% auto;
    background-position: top center; 
    background-repeat:no-repeat;
    padding: 360px 0 0 0;
    border-radius: 20px;
    overflow: hidden;
    top:20px;
    transform: translate(-50%, 0);
    border: none;
    box-shadow: none;
}

.popup.card-reg-popup a {
    font-family: 'Montserrat',Verdana,sans-serif;
}

.popup.card-reg-popup .make-deposit-container {
    max-width: initial;
    padding: initial;
    background: none;
    border-radius: 0;
    width: initial;
    margin: 0 auto;
}

.popup.card-reg-popup .make-deposit-container #deposit-amounts {
    font-size: 0;
}

.popup.card-reg-popup .wrapper > .container > .wrapper {
    position: initial;
}

.popup.card-reg-popup .container .popup-scrolls {
    display: none;
}

.popup.card-reg-popup .wrapper .container .wrapper:before,
.popup.card-reg-popup .wrapper .container .wrapper:after,
.popup.card-reg-popup .container:before,
.popup.card-reg-popup .container:after,
.popup.card-reg-popup .close:after {
    display: none;
}

.popup.card-reg-popup .wrapper .container > .wrapper {
    padding:0;
    background: none;
}

.popup.card-reg-popup a.set-deposit-limits {
    font-size: 14px;
    font-family: 'Montserrat',Verdana,sans-serif;
}

.popup.card-reg-popup .container .close {
    background: rgba(0,0,0,0.6);
    top:10px;
    right:10px;
    height: 24px;
    width: 24px;
    border:2px solid #fff;
    box-shadow: none;
    border-radius: 30px;
}

.popup.card-reg-popup .container .close span {
    width: 15px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

.popup.card-reg-popup .container .close span:nth-child(1) {
    transform: translate(-50%,-50%) rotate(45deg);
}

.popup.card-reg-popup .container .close span:nth-child(2) {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.popup.card-reg-popup p, .popup.card-reg-popup .make-deposit-container p.com-reqs {
    max-width: initial;
    font-family: 'Montserrat', Verdana, sans-serif;
    color: #fff;
    font-size: 9px;
}

.popup.card-reg-popup .post-reg-promo-image {
    width:100%;
    display: block;
}

.popup.card-reg-popup form#st-payment > .make-deposit-container {
    padding:0;
    margin:0 auto;
    border:none;
    font-size: 0;
    background:transparent;
}

.popup.card-reg-popup ul.payment-methods {
    padding: 0;
    font-size: 0;
    background: none;
    border-radius: 0;
}

.popup.card-reg-popup ul.payment-methods li {
    width:20%;
}

.popup.card-reg-popup ul.payment-methods li div {
    background-image: url(/images/external/theme/cashier-icons.svg);
    width: 90px;
    height: 90px;
    background-size: 540px auto;
    background-position-y: bottom;
}

.popup.card-reg-popup ul.payment-methods li .fonix {
    background-position-x: -180px;
}

.popup.card-reg-popup ul.payment-methods li .paypal {
    background-position-x: -270px;
}

.popup.card-reg-popup ul.payment-methods li .paysafe {
    background-position-x: -360px;
}
.popup.card-reg-popup ul.payment-methods li .interac {
    background-position-x: -450px;
}

.popup.card-reg-popup .add-card-table {
    max-width:420px;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 0;
    width: initial;
    background: none;
    border-radius: 0;
}

.popup.card-reg-popup .add-card-table .add-card-column1, .popup.card-reg-popup .add-card-table .add-card-column2 {
    width:calc(50% - 10px);
    padding:0 5px;
    margin: 5px 0;
    float:left;
}

.popup.card-reg-popup .add-card-table p{
    margin: 0;
}

.popup.card-reg-popup .add-card-table .input-container label {
    font-size: 9px;
    position: absolute;
    transform-origin: top left;
    transform: translate(0, 0) scale(1); 
    transition: all .1s ease-in-out;
    line-height: 25px;
    left: 10px;
    top: 0;
    pointer-events: none;
    color: #fff;
    font-family: 'Montserrat', Verdana, sans-serif;
}

.popup.card-reg-popup .add-card-table .input-container input:focus ~ label,
.popup.card-reg-popup .add-card-table .input-container input:valid ~ label {
    transform: translate(-5px,-15px) scale(.75)
}

.popup.card-reg-popup .add-card-table .input-container,
.popup.card-reg-popup .add-card-table select  {
    width:calc(100% - 10px);
    padding:0 5px;
    text-align: left;
    margin:0;
    background-color: rgba(0,0,0,0.8);
    border-radius: 5px;
    border:none;
    color:#fff;
    font-family: 'Montserrat', Verdana, sans-serif;
    position: relative;
    box-shadow: none;
    filter: none;
    clip-path: none;
}

.popup.card-reg-popup .add-card-table .input-container input::placeholder {
    color:#fff;
    font-family: 'Montserrat', Verdana, sans-serif;
    font-size: 12px;
}

.popup.card-reg-popup .add-card-table .input-container input,
.popup.card-reg-popup .add-card-table .input-container select {
    margin: 0;
    padding: 0;
    border:none;
    background:none;
    color:#fff;
    mask: none;
    -webkit-mask: none;
    border-radius: 5px;
    box-shadow:none;
    line-height: 25px;
    font-family: 'Montserrat', Verdana, sans-serif;
    font-size: 14px;
    clip-path: none;
    -webkit-clip-path: none;
    overflow: hidden;
}

.popup.card-reg-popup input[type=number]::-webkit-inner-spin-button,
.popup.card-reg-popup input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.popup.card-reg-popup input[type=number] {
    -moz-appearance:textfield;
}

.popup.card-reg-popup .add-card-table #expiry-cvv .add-card-column1 {
    width:calc(70% - 10px);
}

.popup.card-reg-popup .add-card-table #expiry-cvv .add-card-column2 {
    width:calc(30% - 10px);
}

.popup.card-reg-popup .add-card-table #expiry-cvv label {
    color:#fff;
    display: inline-block;
    font-size: 9px;
    line-height: 25px;
    text-align: left;
    width: auto;
    margin-right: 5px;
    font-family:'Montserrat', Verdana, sans-serif;
}

.popup.card-reg-popup .add-card-table #expiry-cvv select {
    width:calc(35% - 4px);
    background-image:url(/images/external/theme/select-dropdown.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 8px;
    mask: none;
    -webkit-mask: none;
    line-height: 25px;
    font-size: 11px;
}

.popup.card-reg-popup .add-card-table select.year {
    margin-left: 4px;
}

.popup.card-reg-popup ul.payment-methods li label {
    margin:5px 0;
    display: none;
}

.popup.card-reg-popup .make-deposit-container .amount-button {
    width:calc(20% - 8px);
    margin: 5px 2px;
    padding: 0;
    height: auto;
    line-height: 40px;
    border-radius: 5px;
    max-width: initial;
    box-shadow: none;
    font-size: 24px;
    font-family:'Montserrat', Verdana, sans-serif;
    filter: none;
    clip-path: none;
    -webkit-clip-path: none;
}

.region-nigeria .popup.card-reg-popup .make-deposit-container .amount-button {
    width: auto;
    padding: 0 5px;
}

.popup.card-reg-popup .amount-button:before,
.popup.card-reg-popup .amount-button:after,
.popup.card-reg-popup button.deposit-now:before,
.popup.card-reg-popup button.deposit-now:after,
.popup.card-reg-popup .top-corners,
.popup.card-reg-popup .bottom-corners {
    display: none !important;
}

.popup.card-reg-popup .make-deposit-container .amount-button:hover {
    font-family:'Montserrat', Verdana, sans-serif;
}

.popup.card-reg-popup p#other-payment-options {
    text-transform: capitalize;
}

.popup.card-reg-popup button.deposit-now {
    max-width:400px;
    width:100%;
    height:70px;
    line-height: 70px;
    font-size: 36px;
    border-radius: 35px;
    margin-bottom: 20px;
    padding: 0;
    box-shadow: none;
    text-transform: uppercase;
    border: none;
    font-family:'Montserrat', Verdana, sans-serif;
    filter: none;
    clip-path: none;
    -webkit-clip-path: none;
}


.popup.card-reg-popup .add-card-table#promo-code .input-container{
    margin: 10px 0;
}


.popup.card-reg-popup input[data-st-field="promocode"]::placeholder {
    color: #fff;
    font-style: normal;
    font-size: 8px;
}

.popup.card-reg-popup .add-card-table#promo-code .input-container input,
.popup.card-reg-popup .add-card-table#promo-code .input-container label,
.popup.card-reg-popup .add-card-table#promo-code.show p,
.popup.card-reg-popup .add-card-table#promo-code .input-container {
    display: none;
}

.popup.card-reg-popup .add-card-table#promo-code.show .input-container input,
.popup.card-reg-popup .add-card-table#promo-code.show .input-container label,
.popup.card-reg-popup .add-card-table#promo-code.show .input-container {
    display: block;
}

.popup.card-reg-popup .add-card-table#promo-code .input-container input#promo-code-input.empty ~ label {
    transform: translate(0,0) scale(1);
}

.popup.card-reg-popup .add-card-table#promo-code p label {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 10px;
    font-family: 'Montserrat',Verdana,sans-serif;
}

.popup.card-reg-popup .add-card-table#promo-code p input[type="checkbox"] {
    margin: 0;
}

@media (max-width: 640px) {

    .popup.card-reg-popup ul.payment-methods li div {
        width: 60px;
        height: 60px;
        background-size: 360px auto;
    }

    .popup.card-reg-popup ul.payment-methods li .fonix {
        background-position-x: -120px;
    }

    .popup.card-reg-popup ul.payment-methods li .paypal {
        background-position-x: -180px;
    }

    .popup.card-reg-popup ul.payment-methods li .paysafe {
        background-position-x: -240px;
    }

    .popup.card-reg-popup ul.payment-methods li .interac {
        background-position-x: -300px;
    }

    .popup.card-reg-popup .wrapper .container > .wrapper {
        padding: 5px;
    }

    .popup.card-reg-popup .close {
        top:5px;
        right:5px;
    }

    .popup.card-reg-popup .container {
        padding: 180px 0 0 0;
    }

    .popup.card-reg-popup .add-card-table .add-card-column1, .popup.card-reg-popup .add-card-table .add-card-column2,
    .popup.card-reg-popup .add-card-table #expiry-cvv .add-card-column1, .popup.card-reg-popup .add-card-table #expiry-cvv .add-card-column2 {
        width:calc(100% - 10px);
        display: inline-block;
        max-width: initial;
    }

    .popup.card-reg-popup .make-deposit-container .amount-button {
        font-size: 16px;
    }

    .popup.card-reg-popup .add-card-table#promo-code .input-container {
        margin: 10px auto;
    }

    .popup.card-reg-popup button.deposit-now {
        height:50px;
        line-height: 50px;
        font-size: 24px;
        border-radius: 25px;
    }
}




/*  #########################################
    ############ IMMORTAL THEME ############
    ######################################### */

.popup.card-reg-popup#immortal-romance-500fs-theme .container {
    background-image: url("/images/external/theme/immortal-wins_500fs_popup.jpg");
    background-color: #290a09;
}

.popup.card-reg-popup#immortal-romance-500fs-theme .make-deposit-container .amount-button {
    color:#191919;
    border:2px solid #919191;
    text-shadow: 0 1px 0px #c2c2c2;
    background: linear-gradient(to top, #919191 0%, #5e5e5e 25%, #919191 52%, #c2c2c2 75%, #919191 100%);
}

.popup.card-reg-popup#immortal-romance-500fs-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#immortal-romance-500fs-theme button.deposit-now {
    border:2px solid #dcc085;
    color:#2f1c00;
    text-shadow: 0 1px 0 #f1ebbe;
    background: linear-gradient(to top, #dcc085 0%, #ae803d 25%, #dcc085 52%, #f1ebbe 75%, #dcc085 100%);
}

.popup.card-reg-popup#immortal-romance-500fs-theme .add-card-table .input-container input,
.popup.card-reg-popup#immortal-romance-500fs-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#immortal-romance-500fs-theme p a {
    color: #ffed40;
}

    /*  #########################################
        ###### alha strb ds irlu ff ch 50fs #####
        ######################################### */

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .container {
    background-image: url("/images/external/theme/alha-strb-ds-irlu-ff-ch-50fs.jpg");
    background-color: #000;
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table .input-container input,
.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table .input-container select {
    color: #000;
    background-color: #fff;
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table #expiry-cvv select {
    background-image: url(/images/external/theme/select-dropdown_dark.svg);
    background-color: #fff;
    color: #000;
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table#promo-code p label {
    color: #fff;
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table .input-container label {
    color: #000;
}

.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table .input-container input:focus~label,
.popup.card-reg-popup#alha-strb-ds-irlu-ff-ch-50fs-theme .add-card-table .input-container input:valid~label {
    color: #fff;
}





/*  #########################################
    ############ STARBURST THEME ############
    ######################################### */

.popup.card-reg-popup#starburst-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_starburst.jpg");
    background-color: #1f0147;
}

.popup.card-reg-popup#starburst-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#starburst-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#starburst-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#starburst-theme .add-card-table .input-container input,
.popup.card-reg-popup#starburst-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#starburst-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ########### LOOT CASINO THEME ###########
    ######################################### */

.popup.card-reg-popup#loot-casino-uk-theme .container {
    background-image: url("/images/external/theme/post-reg_welcom-popup_loot-casino.jpg");
    background-color: #fff;
}

.popup.card-reg-popup#loot-casino-uk-theme .add-card-table .input-container input,
.popup.card-reg-popup#loot-casino-uk-theme .add-card-table .input-container select,
.popup.card-reg-popup#loot-casino-uk-theme .add-card-table #expiry-cvv label {
    color:#fff;
}

.popup.card-reg-popup#loot-casino-uk-theme .add-card-table#promo-code p label {
    color: #000;
}

.popup.card-reg-popup#loot-casino-uk-theme p,
.popup.card-reg-popup#loot-casino-uk-theme .make-deposit-container p.com-reqs,
.popup.card-reg-popup#loot-casino-uk-theme .add-card-table #expiry-cvv .add-card-column1 label {
    color: #000;
}

.popup.card-reg-popup#loot-casino-uk-theme .add-card-table#promo-code .input-container input#promo-code-input.empty~label {
    color: #fff !important;
}

.popup.card-reg-popup#loot-casino-uk-theme .add-card-table .input-container input:focus~label,
.popup.card-reg-popup#loot-casino-uk-theme .add-card-table .input-container input:valid~label {
    color: #000 !important;
}

/*  #########################################
    ######### UK TIERED OFFER THEME #########
    ######################################### */

.popup.card-reg-popup#uk-tiered-offer-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_uk-tiered-offer.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#uk-tiered-offer-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#uk-tiered-offer-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#uk-tiered-offer-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#uk-tiered-offer-theme .add-card-table .input-container input,
.popup.card-reg-popup#uk-tiered-offer-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#uk-tiered-offer-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ######### Irish Luck 500 THEME ##########
    ######################################### */

.popup.card-reg-popup#irish-luck-500-theme .container {
    background-image: url("/images/external/theme/irish-luck-500fs.jpg");
    background-color: #002200;
}

.popup.card-reg-popup#irish-luck-500-theme .make-deposit-container .amount-button {
    color:#002a3e;
    border:2px solid #c9fcff;
    text-shadow: 0 0px 5px #e4f8ff;
    background: linear-gradient(to top right, #92d4f6 0%, #cadbe5 45%, #4793b9 55%, #ebf8ff 100%);
}

.popup.card-reg-popup#irish-luck-500-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#irish-luck-500-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top right, #ffcd17 0%, #ffae00 45%, #ffed3f 55%, #ffcd17 100%);
}

.popup.card-reg-popup#irish-luck-500-theme .add-card-table .input-container input,
.popup.card-reg-popup#irish-luck-500-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ######### IR TIERED Matchup Bonus THEME #########
    ######################################### */

    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .container {
        background-image: url("/images/external/theme/post-reg-popup_ie-matchup-bonus-5000-wolf-gold.jpg");
        background-color: #0b023d;
    }
    
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .make-deposit-container .amount-button {
        background: #a2006f;
        color: #fff;
        box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
    }
    
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .make-deposit-container .amount-button.active,
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme button.deposit-now {
        color: #392200;
        border: none;
        background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
        box-shadow: inset 0 0 0 2px rgb(229 220 159);
        text-shadow: #f1ebbe 1px 1px 0;
    }
    
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .add-card-table .input-container input,
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#matchup-bonus-5000-eur-theme .add-card-table#promo-code p label {
        color: #fff;
    }

/*  #########################################
    ###### Fixed 100% on FTD up to 5K #######
    ######################################### */

.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .container {
    background-image: url("/images/external/theme/post-reg_welcome-popup_tiered-offer_uk.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .add-card-table .input-container input,
.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fixed-100-on-ftd-up-to-5k-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ###### 200 Bonus#######
    ######################################### */

    .popup.card-reg-popup#up-to-200-bonus-theme .container {
        background-image: url("/images/external/theme/post-reg_welcome-popup_200-bonus.jpg");
        background-color: #0b023d;
    }
    
    .popup.card-reg-popup#up-to-200-bonus-theme .make-deposit-container .amount-button {
        background: #a2006f;
        color: #fff;
        box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
    }
    
    .popup.card-reg-popup#up-to-200-bonus-theme .make-deposit-container .amount-button.active,
    .popup.card-reg-popup#up-to-200-bonus-theme button.deposit-now {
        color: #392200;
        border: none;
        background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
        box-shadow: inset 0 0 0 2px rgb(229 220 159);
        text-shadow: #f1ebbe 1px 1px 0;
    }
    
    .popup.card-reg-popup#up-to-200-bonus-theme.add-card-table .input-container input,
    .popup.card-reg-popup#up-to-200-bonus-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#up-to-200-bonus-theme .add-card-table#promo-code p label {
        color: #fff;
    }
    


/*  #########################################
    ###### 200 Bonus and 50 FS #######
    ######################################### */

    .popup.card-reg-popup#up-to-200-bonus-and-50-fs-theme .container {
        background-image: url("/images/external/theme/loot-casino_200matchup_welcome-offer-popup.png");
        background-color: #ececec;
    }
    
    .popup.card-reg-popup p, .popup.card-reg-popup .make-deposit-container p.com-reqs {
        color: #000;
    }
    
    .popup.card-reg-popup#up-to-200-bonus-and-50-fs-theme .add-card-table .input-container input,
    .popup.card-reg-popup#up-to-200-bonus-and-50-fs-theme .add-card-table .input-container select {
        color: #fff;
        background: #071602;
    }
    
    .popup.card-reg-popup#up-to-200-bonus-and-50-fs-theme .add-card-table#promo-code p label {
        color: #000;
    }
    


/*  #########################################
    ###### 500 FS on Bonza #######
    ######################################### */

    .popup.card-reg-popup#bonza-500-fs-theme .container {
        background-image: url("/images/external/theme/post-reg_bonanza-500fs_03.jpg");
        background-color: #0e2c04;
    }
    
    .popup.card-reg-popup p, .popup.card-reg-popup .make-deposit-container p.com-reqs {

        color: #000;

    }
    
    .popup.card-reg-popup#bonza-500-fs-theme .add-card-table .input-container input,
    .popup.card-reg-popup#bonza-500-fs-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#bonza-500-fs-theme .add-card-table#promo-code p label {
        color: #fff;
    }
    
    .popup.card-reg-popup#bonza-500-fs-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#bonza-500-fs-theme button.deposit-now {
    color: #ad3500;
    border: none;
    background: linear-gradient(10deg,#e7d64f 0%,#e7a725 45%,#e7e2a2 55%,#e7bc44 80%,#e7bc44 100%);
    box-shadow: inset 0 0 0 2px rgb(143 59 1);

}

.popup.card-reg-popup#bonza-500-fs-theme .make-deposit-container .amount-button {
    color: #394e5b;
    border: none;
    font-weight: 700;
    text-shadow: 0 1px 0 #c1e0f3;
 
    background: linear-gradient(10deg,#a6c4d4 0%,#7c98a9 45%,#dddddd 55%,#dddddd 80%,#acc2cf 100%);
    border-radius: 30px;
}



/*  #########################################
    ###### Get 100% & 50fs theme #######
    ######################################### */

    .popup.card-reg-popup#get-100--50fs-theme .container {
        background-image: url("/images/external/theme/aztecwins_ca_reg-popup.png");
        background-color: #2b0124;
    }
    
    .popup.card-reg-popup p, .popup.card-reg-popup .make-deposit-container p.com-reqs {

        color: #000;

    }
    
    .popup.card-reg-popup#get-100--50fs-theme .add-card-table .input-container input,
    .popup.card-reg-popup#get-100--50fs-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#get-100--50fs-theme .add-card-table#promo-code p label {
        color: #fff;
    }

    
    

    /*  #########################################
    ###### Sahara 500FS theme #######
    ######################################### */

    .popup.card-reg-popup#sahara-riches-500fs-theme .container {
        background-image: url("/images/external/theme/spyslots-post-reg-pop-up-banner.jpg");
        background-color: #ffffff;
    }
    
    div#sahara-riches-500fs-theme.popup.card-reg-popup p, div#sahara-riches-500fs-theme.popup.card-reg-popup .make-deposit-container p.com-reqs {

        color: #000;

    }
    
    .popup.card-reg-popup#sahara-riches-500fs-theme .add-card-table .input-container input,
    .popup.card-reg-popup#sahara-riches-500fs-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#sahara-riches-500fs-theme .add-card-table#promo-code p label {
        color: #fff;
    }
    .popup.card-reg-popup#sahara-riches-500fs-theme .make-deposit-container .amount-button.active,
    .popup.card-reg-popup#sahara-riches-500fs-theme button.deposit-now {
        color: #c2210d;
        border: none;
        background: linear-gradient(10deg,#ebd623 0%,#f1aa00 45%,#e9e09f 55%,#f2bf30 80%,#efbc15 100%);
        box-shadow: inset 0 0 0 2px rgb(143 59 1);
    
    }
    
    .popup.card-reg-popup#sahara-riches-500fs-theme .make-deposit-container .amount-button {
        color: #001e85;
        border: none;
        font-weight: 700;
        text-shadow: 0 1px 0 #c9d8f7;
        box-shadow: inset 0 0 0 2px rgb(0 47 255);
        background: linear-gradient(10deg,#23b7f5 0%,#268aec 45%,#7dcbef 55%,#37b8fa 80%,#37b8fa 100%);
        border-radius: 30px;
    }


/*  #########################################
    ######### IE TIERED OFFER THEME #########
    ######################################### */

.popup.card-reg-popup#ie-tiered-offer-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_ie-tiered-offer.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#ie-tiered-offer-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#ie-tiered-offer-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#ie-tiered-offer-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#ie-tiered-offer-theme .add-card-table .input-container input,
.popup.card-reg-popup#ie-tiered-offer-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#ie-tiered-offer-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  #########################################
    ###### Win up to £2k #######
    ######################################### */

.popup.card-reg-popup#win-up-to-2k-theme .container {
    background-image: url("/images/external/theme/post-reg_welcome-popup_tiered-offer-6000.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#win-up-to-2k-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#win-up-to-2k-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#win-up-to-2k-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#win-up-to-2k-theme .add-card-table .input-container input,
.popup.card-reg-popup#win-up-to-2k-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#win-up-to-2k-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ############# Win up to £6k #############
    ######################################### */

.popup.card-reg-popup#win-up-to-6000-theme .container {
    background-image: url("/images/external/theme/post-reg_win-up-to-6000.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#win-up-to-6000-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#win-up-to-6000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#win-up-to-6000-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#win-up-to-6000-theme .add-card-table .input-container input,
.popup.card-reg-popup#win-up-to-6000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#win-up-to-6000-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ########### Win up to £6k IE ############
    ######################################### */

.popup.card-reg-popup#win-up-to-6000-ie-theme .container {
    background-image: url("/images/external/theme/matchup-bonus-6000-euros.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#win-up-to-6000-ie-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#win-up-to-6000-ie-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#win-up-to-6000-ie-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#win-up-to-6000-ie-theme .add-card-table .input-container input,
.popup.card-reg-popup#win-up-to-6000-ie-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#win-up-to-6000-ie-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  #########################################
    ######### Win up to £6k CA/NZ ###########
    ######################################### */

.popup.card-reg-popup#win-up-to-6000-canz-theme .container {
    background-image: url("/images/external/theme/matchup-bonus-6000-dollars.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#win-up-to-6000-canz-theme .make-deposit-container .amount-button {
    background: #a2006f;
    color: #fff;
    box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
}

.popup.card-reg-popup#win-up-to-6000-canz-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#win-up-to-6000-canz-theme button.deposit-now {
    color: #392200;
    border: none;
    background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
    box-shadow: inset 0 0 0 2px rgb(229 220 159);
    text-shadow: #f1ebbe 1px 1px 0;
}

.popup.card-reg-popup#win-up-to-6000-canz-theme .add-card-table .input-container input,
.popup.card-reg-popup#win-up-to-6000-canz-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#win-up-to-6000-canz-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #############################################
    ############ BUFFALO BLITZ THEME ############
    ############################################# */

.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .container {
    background-image: url("/images/external/theme/post-reg_welcome-popup_buffalospins-100mu-50fs.jpg");
    background-color: #350805;
}

.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .make-deposit-container .amount-button {
    color: #020462;
    border: none;
    font-weight: 700;
    text-shadow: 0 1px 0 #01ddfe;
    box-shadow: inset 0 -5px 5px #01ddfe, inset 0 -10px 20px #0050ff;
    background: #01ddfe;
    border-radius: 30px;
}

.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme button.deposit-now {
    border: none;
    color: red;
    font-weight: 700;
    text-shadow: 0 1px 0 #fffc00;
    box-shadow: inset 0 -5px 5px #fffc00, inset 0 -10px 20px red;
    background: #fffc00;
    border-radius: 40px;
}

.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .add-card-table .input-container input,
.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#match-up-100--50-fs-starburst-buffalo-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #############################################
    ############ BUFFALO BLITZ THEME ############
    ############################################# */

.popup.card-reg-popup#buffalo-blitz-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_buffalo-blitz.jpg");
    background-color: #261940;
}

.popup.card-reg-popup#buffalo-blitz-theme .make-deposit-container .amount-button {
    color: #020462;
    border: none;
    font-weight: 700;
    text-shadow: 0 1px 0 #01ddfe;
    box-shadow: inset 0 -5px 5px #01ddfe, inset 0 -10px 20px #0050ff;
    background: #01ddfe;
    border-radius: 30px;
}

.popup.card-reg-popup#buffalo-blitz-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#buffalo-blitz-theme button.deposit-now {
    border: none;
    color: red;
    font-weight: 700;
    text-shadow: 0 1px 0 #fffc00;
    box-shadow: inset 0 -5px 5px #fffc00, inset 0 -10px 20px red;
    background: #fffc00;
    border-radius: 40px;
}

.popup.card-reg-popup#buffalo-blitz-theme .add-card-table .input-container input,
.popup.card-reg-popup#buffalo-blitz-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#buffalo-blitz-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  #############################################
    ############### SPY SLOTS THEME #############
    ############################################# */

.popup.card-reg-popup#spy-slots-cash-noire-theme .container {
    background-image: url("/images/external/theme/post-reg-pop-up-banner-cashnoire.jpg");
    background-color: #000;
}


.popup.card-reg-popup#spy-slots-cash-noire-theme .make-deposit-container .amount-button {
    color:#002a3e;
    border:2px solid #c9fcff;
    text-shadow: 0 0px 5px #e4f8ff;
    background: linear-gradient(to top right, #92d4f6 0%, #cadbe5 45%, #4793b9 55%, #ebf8ff 100%);
}

.popup.card-reg-popup#spy-slots-cash-noire-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#spy-slots-cash-noire-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top right, #ffcd17 0%, #ffae00 45%, #ffed3f 55%, #ffcd17 100%);
}

.popup.card-reg-popup#spy-slots-cash-noire-theme .add-card-table .input-container input,
.popup.card-reg-popup#spy-slots-cash-noire-theme .add-card-table .input-container select {
    color:#fff;
}


/*  ############################################
    ############ GONZOS QUEST THEME ############
    ############################################ */

.popup.card-reg-popup#gonzos-quest-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_gonzos-quest.jpg");
    background-color: #282a18;
}

.popup.card-reg-popup#gonzos-quest-theme .make-deposit-container .amount-button {
    color: #40163e;
    border: 2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right,#e800a4 0%,#ab047a 45%,#e800a4 55%,#e800a4 100%);
}

.popup.card-reg-popup#gonzos-quest-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#gonzos-quest-theme button.deposit-now {
    color: #6b1515;
    border: 2px solid #ffed3f;
    text-shadow: 0 0 5px #ffed3f;
    background: linear-gradient(to top,#ffcd17 0%,#ffae00 48%,#ffed3f 52%,#ffcd17 100%);
}

.popup.card-reg-popup#gonzos-quest-theme .add-card-table .input-container input,
.popup.card-reg-popup#gonzos-quest-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#gonzos-quest-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  #####################################
    ############ ALOHA THEME ############
    ##################################### */

.popup.card-reg-popup#aloha-500-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_aloha.jpg");
    background-color: #60082b;
}

.popup.card-reg-popup#aloha-500-theme .make-deposit-container .amount-button {
    color: #003948;
    border: none;
    text-shadow: 0 2px 0 #57c9d8;
    background: #51b7c4;
    box-shadow: inset 0 0 10px 2px #348598;
    border-radius: 30px;
}

.popup.card-reg-popup#aloha-500-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#aloha-500-theme button.deposit-now {
    color: #006d0a;
    border: none;
    text-shadow: 0 0 5px #6eff53;
    background: #2aff00;
    box-shadow: inset 0 0 10px 2px #18ab00;
    border-radius: 30px;
}

.popup.card-reg-popup#aloha-500-theme .add-card-table .input-container input,
.popup.card-reg-popup#aloha-500-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#aloha-500-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #####################################
    ############# WOLF GOLD #############
    ##################################### */

.popup.card-reg-popup#wolf-gold-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_wolf-gold.jpg");
    background-color: #0b0053;
}

.popup.card-reg-popup#wolf-gold-theme .make-deposit-container .amount-button {
    color:#002a3e;
    border:2px solid #c9fcff;
    text-shadow: 0 0px 5px #e4f8ff;
    background: linear-gradient(to top right, #92d4f6 0%, #cadbe5 45%, #4793b9 55%, #ebf8ff 100%);
}

.popup.card-reg-popup#wolf-gold-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#wolf-gold-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top right, #ffcd17 0%, #ffae00 45%, #ffed3f 55%, #ffcd17 100%);
}

.popup.card-reg-popup#wolf-gold-theme .add-card-table .input-container input,
.popup.card-reg-popup#wolf-gold-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #####################################
    ########### MUSTANG GOLD ############
    ##################################### */

.popup.card-reg-popup#mustang-gold-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_mustang-gold.jpg");
    background-color: #702c17;
}

.popup.card-reg-popup#mustang-gold-theme .make-deposit-container .amount-button {
    color:#002a3e;
    border:2px solid #c9fcff;
    text-shadow: 0 0px 5px #e4f8ff;
    background: linear-gradient(to top right, #92d4f6 0%, #cadbe5 45%, #4793b9 55%, #ebf8ff 100%);
}

.popup.card-reg-popup#mustang-gold-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#mustang-gold-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top right, #ffcd17 0%, #ffae00 45%, #ffed3f 55%, #ffcd17 100%);
}

.popup.card-reg-popup#mustang-gold-theme .add-card-table .input-container input,
.popup.card-reg-popup#mustang-gold-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #####################################
    ######### MULTIPLIER WHEEL ##########
    ##################################### */

.popup.card-reg-popup#multiplier-wheel-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_multiplier-wheel.jpg");
    background-color: #1f0339;
}

.popup.card-reg-popup#multiplier-wheel-theme .make-deposit-container .amount-button {
    color:#002a3e;
    border:2px solid #c9fcff;
    text-shadow: 0 0px 5px #e4f8ff;
    background: linear-gradient(to top right, #92d4f6 0%, #cadbe5 45%, #4793b9 55%, #ebf8ff 100%);
}

.popup.card-reg-popup#multiplier-wheel-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#multiplier-wheel-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top right, #ffcd17 0%, #ffae00 45%, #ffed3f 55%, #ffcd17 100%);
}

.popup.card-reg-popup#multiplier-wheel-theme .add-card-table .input-container input,
.popup.card-reg-popup#multiplier-wheel-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ######## FLUFFY FAVOURITES THEME ########
    ######################################### */

.popup.card-reg-popup#fluffy-favourites-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_fluffy-faves.jpg");
    background-color: #127923;
}

.popup.card-reg-popup#fluffy-favourites-theme .make-deposit-container .amount-button {
    color:#fff;
    border:none;
    text-shadow: 0 0px 5px #aa0078;
    box-shadow:inset 0 -5px 5px #ff00b4, inset 0 -20px 20px #aa0078;
    background: #ff00b4;
}

.popup.card-reg-popup#fluffy-favourites-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fluffy-favourites-theme button.deposit-now {
    border: none;
    color:#651300;
    text-shadow: 0 1px 0 #ffed40;
    box-shadow:inset 0 -5px 5px #ffed40, inset 0 -20px 20px #ff4e00;
    background: #ffed40;
}

.popup.card-reg-popup#fluffy-favourites-theme .add-card-table .input-container input,
.popup.card-reg-popup#fluffy-favourites-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fluffy-favourites-theme p a {
    color: #ffed40;
}

/*  #########################################
    ########## SWEET BONANZE THEME ##########
    ######################################### */

.popup.card-reg-popup#sweet-bonanza-500-uk-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_sweet-bonanza.jpg");
    background-color: #ff2bff;
}

.popup.card-reg-popup#sweet-bonanza-500-uk-theme .make-deposit-container .amount-button {
    color:#fff;
    border:none;
    text-shadow: 0 0px 5px #aa0078;
    box-shadow:inset 0 -5px 5px #ff00b4, inset 0 -20px 20px #aa0078;
    background: #ff00b4;
}

.popup.card-reg-popup#sweet-bonanza-500-uk-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#sweet-bonanza-500-uk-theme button.deposit-now {
    border: none;
    color:#651300;
    text-shadow: 0 1px 0 #ffed40;
    box-shadow:inset 0 -5px 5px #ffed40, inset 0 -20px 20px #ff4e00;
    background: #ffed40;
}

.popup.card-reg-popup#sweet-bonanza-500-uk-theme .add-card-table .input-container input,
.popup.card-reg-popup#sweet-bonanza-500-uk-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#sweet-bonanza-500-uk-theme p a {
    color: #ffed40;
}

/*  #########################################
    ### FLUFFY FAVOURITES MEGAWAYS THEME ####
    ######################################### */

.popup.card-reg-popup#fluffy-favourites-megaways-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_fluffy-favourites-megaways.jpg");
    background-color: #127923;
}

.popup.card-reg-popup#fluffy-favourites-megaways-theme .make-deposit-container .amount-button {
    color:#fff;
    border:none;
    text-shadow: 0 0px 5px #aa0078;
    box-shadow:inset 0 -5px 5px #ff00b4, inset 0 -20px 20px #aa0078;
    background: #ff00b4;
}

.popup.card-reg-popup#fluffy-favourites-megaways-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fluffy-favourites-megaways-theme button.deposit-now {
    border: none;
    color:#651300;
    text-shadow: 0 1px 0 #ffed40;
    box-shadow:inset 0 -5px 5px #ffed40, inset 0 -20px 20px #ff4e00;
    background: #ffed40;
}

.popup.card-reg-popup#fluffy-favourites-megaways-theme .add-card-table .input-container input,
.popup.card-reg-popup#fluffy-favourites-megaways-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fluffy-favourites-megaways-theme p a {
    color: #ffed40;
}

/*  #########################################
    ########### CHILLI HEAT THEME ###########
    ######################################### */

.popup.card-reg-popup#chilli-heat-500-mr-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_chilliheat-500fs.jpg");
    background-color: #63348b;
}

.popup.card-reg-popup#chilli-heat-500-mr-theme .make-deposit-container .amount-button {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top, #ffcd17 0%, #ffae00 48%, #ffed3f 52%, #ffcd17 100%);
}

.popup.card-reg-popup#chilli-heat-500-mr-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#chilli-heat-500-mr-theme button.deposit-now {
    background: linear-gradient(to top, #54ff00 0%, #00a60d 48%, #54ff00 52%, #54ff00 100%);
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
}

.popup.card-reg-popup#chilli-heat-500-mr-theme .add-card-table .input-container input,
.popup.card-reg-popup#chilli-heat-500-mr-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#chilli-heat-500-mr-theme p a {
    color: #ffed40;
}



/*  #########################################
    ########### CHILLI HEAT THEME ###########
    ######################################### */

.popup.card-reg-popup#chilli-heat-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_chilli-heat.jpg");
    background-color: #ea001a;
}

.popup.card-reg-popup#chilli-heat-theme .make-deposit-container .amount-button {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top, #ffcd17 0%, #ffae00 48%, #ffed3f 52%, #ffcd17 100%);
}

.popup.card-reg-popup#chilli-heat-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#chilli-heat-theme button.deposit-now {
    background: linear-gradient(to top, #54ff00 0%, #00a60d 48%, #54ff00 52%, #54ff00 100%);
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
}

.popup.card-reg-popup#chilli-heat-theme .add-card-table .input-container input,
.popup.card-reg-popup#chilli-heat-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#chilli-heat-theme p a {
    color: #ffed40;
}

/*  ###########################################
    ########### FAIRGROUND UK THEME ###########
    ########################################### */

.popup.card-reg-popup#fairground-uk-1000-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_bonuswheel-fairground.jpg");
    background-color: #1f0147;
}

.popup.card-reg-popup#fairground-uk-1000-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#fairground-uk-1000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fairground-uk-1000-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#fairground-uk-1000-theme .add-card-table .input-container input,
.popup.card-reg-popup#fairground-uk-1000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fairground-uk-1000-theme .add-card-table#promo-code p label {
    color: #fff;
}



/*  ###########################################
    ########### 9 Pots of Gold THEME ###########
    ########################################### */

.popup.card-reg-popup#nine-pots-of-gold-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_9potsofgold-500fs.jpg"),url("/themes/default/popup-parchment.jpg");
    background-repeat: no-repeat,repeat;
    border-radius: 0;
    overflow: visible;
}

.popup.card-reg-popup#nine-pots-of-gold-theme .make-deposit-container .amount-button {
    border: none;
    font-family: 'charcuterie-serif',Verdana,sans-serif;
    color: #3b6f81;
    background: url("/themes/default/button_silver.png") center no-repeat;
    background-size: 100% 100%;
    padding-top: 5px;
    border-radius: 0;
}

.popup.card-reg-popup#nine-pots-of-gold-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#nine-pots-of-gold-theme button.deposit-now {
    color: #c44100;
    background: url("/themes/default/button_gold.png") center no-repeat;
    background-size: 100% 100%;
    text-shadow: 0 0 10px #ffff91, 0 0 10px #ffff91, 0 0 10px #ffff91;
}

.popup.card-reg-popup#nine-pots-of-gold-theme .add-card-table .input-container input,
.popup.card-reg-popup#nine-pots-of-gold-theme .add-card-table .input-container select {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    mask: none;
    -webkit-mask: none;
    border-radius: 5px;
    box-shadow: none;
    line-height: 25px;
    font-family: 'Montserrat',Verdana,sans-serif;
    font-size: 14px;
    clip-path: none;
    -webkit-clip-path: none;
    overflow: hidden;
}

.popup.card-reg-popup#nine-pots-of-gold-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  ###########################################
    ########### 9 Pots of Gold Mirror Bingo THEME ###########
    ########################################### */

    .popup.card-reg-popup#mirror-bingo-nine-pots-of-gold-theme .container {
        background-image: url("/images/external/theme/post-reg-popup_9potsofgold-500fs.jpg");
        background-repeat: no-repeat;
        background-color: #092b1a;
    } 
    
    .popup.card-reg-popup#mirror-bingo-nine-pots-of-gold-theme .add-card-table#promo-code p label {
        color: #fff;
    }
    


/*  ###########################################
    ############# CRYSTAL IE THEME ############
    ########################################### */

.popup.card-reg-popup#crystal-wheel-1000-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_bonuswheel_euro.jpg");
    background-color: #1f0147;
}

.popup.card-reg-popup#crystal-wheel-1000-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#crystal-wheel-1000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#crystal-wheel-1000-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#crystal-wheel-1000-theme .add-card-table .input-container input,
.popup.card-reg-popup#crystal-wheel-1000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#crystal-wheel-1000-theme .add-card-table#promo-code p label {
    color: #fff;
}



/*  #########################################
    ####### FAE LEGEND WARRIOR THEME ########
    ######################################### */

.popup.card-reg-popup#fae-legend-warrior-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_fae-legend-warrior.jpg");
    background-color: #620041;
}

.popup.card-reg-popup#fae-legend-warrior-theme .make-deposit-container .amount-button {
    color:#00283c;
    border:2px solid #afc8d6;
    text-shadow: 0 0px 5px #afc8d6;
    background: linear-gradient(to top right, #afc8d6 0%, #6f818a 45%, #d8e8f1 55%, #afc8d6 100%);
}

.popup.card-reg-popup#fae-legend-warrior-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fae-legend-warrior-theme button.deposit-now {
    background: linear-gradient(to top right, #e5dc9f 0%, #9f7c4a 45%, #f1ebbe 55%, #e5dc9f 100%);
    border:2px solid #e5dc9f;
    color:#3a2200;
    text-shadow: 0 2px 0 #f1ebbe;
}

.popup.card-reg-popup#fae-legend-warrior-theme .add-card-table .input-container input,
.popup.card-reg-popup#fae-legend-warrior-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fae-legend-warrior-theme p a {
    color: #ffed40;
}


/*  #########################################
    ######## FLUFFY FAIRGROUND THEME ########
    ######################################### */

.popup.card-reg-popup#fluffy-fairground-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_fluffy-fairground.jpg");
    background-color: #2f69b5;
}

.popup.card-reg-popup#fluffy-fairground-theme .make-deposit-container .amount-button {
    color:#7f0062;
    border:none;
    text-shadow: 0 1px 0px #f6addb;
    box-shadow:inset 0 -5px 5px #f6addb, inset 0 -10px 20px #b10075;
    background: #f6addb;
}

.popup.card-reg-popup#fluffy-fairground-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#fluffy-fairground-theme button.deposit-now {
    border:none;
    color:#ff0000;
    text-shadow: 0 1px 0 #fffc00;
    box-shadow:inset 0 -5px 5px #fffc00, inset 0 -10px 20px #ff0000;
    background: #fffc00;
}

.popup.card-reg-popup#fluffy-fairground-theme .add-card-table .input-container input,
.popup.card-reg-popup#fluffy-fairground-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#fluffy-fairground-theme p a {
    color: #fffc00;
}

/*  #########################################
    ###### HERCULES SON OF ZEUS THEME #######
    ######################################### */

.popup.card-reg-popup#hercules-son-of-zeus-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_hercules-son-of-zeus.jpg");
    background-color: #731f5f;
}

.popup.card-reg-popup#hercules-son-of-zeus-theme .make-deposit-container .amount-button {
    color:#180402;
    border:2px solid #cadbe5;
    font-weight: 700;
    text-shadow: 0 1px 0px #d8e8f1;
    background: -webkit-linear-gradient(bottom left, #cadbe5 25%, #90a7b4 45%, #d8e8f1 55%, #cadbe5 75%);
    background: linear-gradient(to top right, #cadbe5 25%, #90a7b4 45%, #d8e8f1 55%, #cadbe5 75%);
    border-radius: 30px;
}

.popup.card-reg-popup#hercules-son-of-zeus-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#hercules-son-of-zeus-theme button.deposit-now {
    border:2px solid #ffc000;
    color:#771100;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff2a2;
    background: -webkit-linear-gradient(bottom left, #ffc000 25%, #ffb239 45%, #fff2a2 55%, #ffc000 75%);
    background: linear-gradient(to top right, #ffc000 25%, #ffb239 45%, #fff2a2 55%, #ffc000 75%);
    border-radius: 40px;
}

.popup.card-reg-popup#hercules-son-of-zeus-theme .add-card-table .input-container input,
.popup.card-reg-popup#hercules-son-of-zeus-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#hercules-son-of-zeus-theme p a {
    color: #ffc000;
}
/*  #########################################
    ###### MILLIONAIRE MEGAWAYS THEME #######
    ######################################### */

.popup.card-reg-popup#millionaire-megaways-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_millionaire-megaways.jpg");
    background-color: #01002c;
}

.popup.card-reg-popup#millionaire-megaways-theme .make-deposit-container .amount-button {
    color:#fff;
    border:2px solid #fff;
    text-shadow:none;
    box-shadow:inset 0 5px 10px #764909;
    background: #ff9f18;
}

.popup.card-reg-popup#millionaire-megaways-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#millionaire-megaways-theme button.deposit-now {
    color:#fff;
    border:2px solid #fff;
    text-shadow:none;
    box-shadow:inset 0 5px 10px #667507;
    background: #afc90c;
}

.popup.card-reg-popup#millionaire-megaways-theme .add-card-table .input-container input,
.popup.card-reg-popup#millionaire-megaways-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#millionaire-megaways-theme p a {
    color: #ff9f18;
}


/*  #########################################
    ########## SAFARI KING THEME ############
    ######################################### */

.popup.card-reg-popup#safari-king-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_safari-king.jpg");
    background-color: #300905;
}

.popup.card-reg-popup#safari-king-theme .make-deposit-container .amount-button {
    color:#180402;
    border:none;
    text-shadow: 0 1px 0px #a32717;
    box-shadow:inset 0 -5px 5px #a32717, inset 0 -10px 20px #5f0c00;
    background: #a32717;
}

.popup.card-reg-popup#safari-king-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#safari-king-theme button.deposit-now {
    border:none;
    color:#006d0a;
    text-shadow: 0 1px 0 #2aff00;
    box-shadow:inset 0 -5px 5px #2aff00, inset 0 -10px 20px #006d0a;
    background: #2aff00;
}

.popup.card-reg-popup#safari-king-theme .add-card-table .input-container input,
.popup.card-reg-popup#safari-king-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#safari-king-theme p a {
    color: #ffed40;
}


/*  #########################################
    ######## VIKINGS GO WILD THEME ##########
    ######################################### */

.popup.card-reg-popup#vikings-go-wild-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_vikings-go-wild.jpg");
    background-color: #060937;
}

.popup.card-reg-popup#vikings-go-wild-theme .make-deposit-container .amount-button {
    color:#191919;
    border:2px solid #919191;
    text-shadow: 0 1px 0px #c2c2c2;
    background: linear-gradient(to top, #919191 0%, #5e5e5e 25%, #919191 52%, #c2c2c2 75%, #919191 100%);
}

.popup.card-reg-popup#vikings-go-wild-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#vikings-go-wild-theme button.deposit-now {
    border:2px solid #dcc085;
    color:#2f1c00;
    text-shadow: 0 1px 0 #f1ebbe;
    background: linear-gradient(to top, #dcc085 0%, #ae803d 25%, #dcc085 52%, #f1ebbe 75%, #dcc085 100%);
}

.popup.card-reg-popup#vikings-go-wild-theme .add-card-table .input-container input,
.popup.card-reg-popup#vikings-go-wild-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#vikings-go-wild-theme p a {
    color: #ffed40;
}

/*  #########################################
    ####### VIKINGS GO BEZERK THEME #########
    ######################################### */

.popup.card-reg-popup#vikings-go-bezerk-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_vikings-go-bezerk.jpg");
    background-color: #521824;
}

.popup.card-reg-popup#vikings-go-bezerk-theme .make-deposit-container .amount-button {
    color:#191919;
    border:2px solid #919191;
    text-shadow: 0 1px 0px #c2c2c2;
    background: linear-gradient(to top, #919191 0%, #5e5e5e 25%, #919191 52%, #c2c2c2 75%, #919191 100%);
}

.popup.card-reg-popup#vikings-go-bezerk-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#vikings-go-bezerk-theme button.deposit-now {
    border:2px solid #dcc085;
    color:#2f1c00;
    text-shadow: 0 1px 0 #f1ebbe;
    background: linear-gradient(to top, #dcc085 0%, #ae803d 25%, #dcc085 52%, #f1ebbe 75%, #dcc085 100%);
}

.popup.card-reg-popup#vikings-go-bezerk-theme .add-card-table .input-container input,
.popup.card-reg-popup#vikings-go-bezerk-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#vikings-go-bezerk-theme p a {
    color: #ffed40;
}

/*  #########################################
    ######## DIAMOND STRIKE THEME ##########
    ######################################### */

.popup.card-reg-popup#diamond-strike-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_diamond-strike.jpg");
    background-color: #0900a3;
}

.popup.card-reg-popup#diamond-strike-theme .make-deposit-container .amount-button {
    color:#020462;
    border:none;
    font-weight: 700;
    text-shadow: 0 1px 0px #01ddfe;
    box-shadow:inset 0 -5px 5px #01ddfe, inset 0 -10px 20px #0050ff;
    background: #01ddfe;
    border-radius: 30px;
}

.popup.card-reg-popup#diamond-strike-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#diamond-strike-theme button.deposit-now {
    border:none;
    color:#ff0000;
    font-weight: 700;
    text-shadow: 0 1px 0 #fffc00;
    box-shadow:inset 0 -5px 5px #fffc00, inset 0 -10px 20px #ff0000;
    background: #fffc00;
    border-radius: 40px;
}

.popup.card-reg-popup#diamond-strike-theme .add-card-table .input-container input,
.popup.card-reg-popup#diamond-strike-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#diamond-strike-theme p a {
    color: #ffed40;
}


/*  #########################################
    ######### IE Matchup Bonus 5000 #########
    ######################################### */

.popup.card-reg-popup#ie-matchup-bonus-5000-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_ie-matchup-bonus-5000-theme.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#ie-matchup-bonus-5000-theme .make-deposit-container .amount-button {
    background: #0b023d;
    color: #fff;
    box-shadow: inset 0 0 0px 2px #a7b4ff;
    border-radius: 30px;
    text-shadow: none;
}

.popup.card-reg-popup#ie-matchup-bonus-5000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#ie-matchup-bonus-5000-theme button.deposit-now {
    color: #fff;
    border: none;
    background: #ff04d3;
    border-radius: 30px;
    box-shadow: none;
    text-shadow: none;
}

.popup.card-reg-popup#ie-matchup-bonus-5000-theme .add-card-table .input-container input,
.popup.card-reg-popup#ie-matchup-bonus-5000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#ie-matchup-bonus-5000-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ######### NZ Matchup Bonus 5000 #########
    ######################################### */

.popup.card-reg-popup#matchup-bonus-5000-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_ca-matchup-bonus-5000-theme.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#matchup-bonus-5000-theme .make-deposit-container .amount-button {
    background: #0b023d;
    color: #fff;
    box-shadow: inset 0 0 0px 2px #a7b4ff;
    border-radius: 30px;
    text-shadow: none;
}

.popup.card-reg-popup#matchup-bonus-5000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#matchup-bonus-5000-theme button.deposit-now {
    color: #fff;
    border: none;
    background: #ff04d3;
    border-radius: 30px;
    box-shadow: none;
    text-shadow: none;
}

.popup.card-reg-popup#matchup-bonus-5000-theme .add-card-table .input-container input,
.popup.card-reg-popup#matchup-bonus-5000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#matchup-bonus-5000-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ######### CA Matchup Bonus 5000 #########
    ######################################### */

    .popup.card-reg-popup#ca-matchup-bonus-5000-theme.container {
        background-image: url("/images/external/theme/post-reg_welcome-popup_5k-offer_03.jpg");
        background-color: #0b023d;
    }
    
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme .make-deposit-container .amount-button {
        background: #0b023d;
        color: #fff;
        box-shadow: inset 0 0 0px 2px #a7b4ff;
        border-radius: 30px;
        text-shadow: none;
    }
    
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme .make-deposit-container .amount-button.active,
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme button.deposit-now {
        color: #fff;
        border: none;
        background: #ff04d3;
        border-radius: 30px;
        box-shadow: none;
        text-shadow: none;
    }
    
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table .input-container input,
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table .input-container select {
        color:#fff;
    }
    
    .popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table#promo-code p label {
        color: #fff;
    }

    .popup.card-reg-popup p, .popup.card-reg-popup .make-deposit-container p.com-reqs {
        color: #fff;
    }
    

/*  #########################################
    ######### CA Matchup Bonus 5000 #########
    ######################################### */

.popup.card-reg-popup#ca-matchup-bonus-5000-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_ca-matchup-bonus-5000-theme.jpg");
    background-color: #0b023d;
}

.popup.card-reg-popup#ca-matchup-bonus-5000-theme .make-deposit-container .amount-button {
    background: #0b023d;
    color: #fff;
    box-shadow: inset 0 0 0px 2px #a7b4ff;
    border-radius: 30px;
    text-shadow: none;
}

.popup.card-reg-popup#ca-matchup-bonus-5000-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#ca-matchup-bonus-5000-theme button.deposit-now {
    color: #fff;
    border: none;
    background: #ff04d3;
    border-radius: 30px;
    box-shadow: none;
    text-shadow: none;
}

.popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table .input-container input,
.popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#ca-matchup-bonus-5000-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  ######################################################################
    ########### welcome-bonus-up-to-200--200-extra-spins THEME ###########
    ###################################################################### */
.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .container {
    background-image: url("/images/external/theme/rainbow-spins_promo-banner.jpg"),url("/themes/default/popup-parchment.jpg");
    background-repeat: no-repeat,repeat;
    border-radius: 0;
    overflow: visible;
}

.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .make-deposit-container .amount-button {
    border: none;
    font-family: 'charcuterie-serif',Verdana,sans-serif;
    color: #3b6f81;
    background: url("/themes/default/button_silver.png") center no-repeat;
    background-size: 100% 100%;
    padding-top: 5px;
    border-radius: 0;
}

.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme button.deposit-now {
    color: #c44100;
    background: url("/themes/default/button_gold.png") center no-repeat;
    background-size: 100% 100%;
    text-shadow: 0 0 10px #ffff91, 0 0 10px #ffff91, 0 0 10px #ffff91;
}

.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .add-card-table .input-container input,
.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .add-card-table .input-container select {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    mask: none;
    -webkit-mask: none;
    border-radius: 5px;
    box-shadow: none;
    line-height: 25px;
    font-family: 'Montserrat',Verdana,sans-serif;
    font-size: 14px;
    clip-path: none;
    -webkit-clip-path: none;
    overflow: hidden;
}

.popup.card-reg-popup#welcome-bonus-up-to-200--200-extra-spins-theme .add-card-table#promo-code p label {
    color: #fff;
}


/*  #########################################
    ############# MODULAR THEME #############
    ######################################### */

.popup.card-reg-popup#modular-theme > .wrapper {
    max-width: 640px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    margin: 10px auto 20px auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 0 !important;
    border-radius: 10px;
}


.popup.card-reg-popup#modular-theme > .wrapper .container {
    padding: 300px 0 0 0;
    background: none;
    background-size: 100% 300px;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("/themes/default/reg-popup.jpg");
    top: initial;
    transform: none;
    left: initial;
    position: relative;
    max-width: initial;
    border-radius: 15px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container #card-reg-popup-smallprint {
    font-size: 10px;
    color: #999;
    text-align: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    background: #eee;
    line-height: 1.2;
    top: initial;
    left: initial;
    text-shadow: none;
}

.popup.card-reg-popup#modular-theme > .wrapper .container #card-reg-popup-smallprint a {
    color: #999;
    text-decoration: underline;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper {
    overflow: hidden;
    padding: 20px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .close {
    height: 35px;
    width: 35px;
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 8px #000);
    border: none;
    background: none;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .close span {
    width: 25px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 3px;
    border-radius: 10px;
    background: #fff;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .close span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .make-deposit-container {
    text-align: left;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .add-card-table {
    max-width: initial;
    padding: 0;
    font-size: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .add-card-table .add-card-column1,
.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .add-card-table .add-card-column2 {
    width: initial;
    padding: 0;
    margin: 0;
    float: none;
    display: block;
}


.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .input-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    width: initial;
    border-radius: 0;
    padding: 0;
    margin: 0;
    max-width: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .input-container input[type="text"],
.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .input-container input[type="number"],
.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper select {
    width: 100%;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 10px;
    outline: none;
    border: 2px solid #ccc;
    order: 2;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper select {
    width: auto;
    padding: 0 25px 0 10px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .input-container label {
    order: 1;
    text-transform: capitalize;
    font-size: 14px;
    color: #000;
    transform: none;
    position: relative;
    transition: none;
    pointer-events: initial;
    top: initial;
    left: initial;
    font-weight: inherit;
    line-height: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .error {
    display: none;
    margin: 10px 0;
    position: relative;
    border-radius: 10px;
    font-size: 14px;
    color: #e74c3c;
    align-items: center;
    gap: 0 5px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .error.active {
    display: flex;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .error:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.83 20.1'%3E%3Cpath d='M14.87.87a2.88 2.88 0 0 1 4.11-.01c1.14 1.14 1.14 3 .01 4.15l-4.97 5.04 4.97 5.05c1.12 1.14 1.11 2.99-.03 4.13s-2.98 1.14-4.1 0l-4.94-5.01-4.95 5.02a2.87 2.87 0 0 1-4.11 0c-1.14-1.14-1.14-3-.01-4.15l4.97-5.04L.84 5C-.28 3.86-.27 2.01.87.87 2.01-.27 3.85-.27 4.97.88l4.94 5.01L14.87.87Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E") #e74c3c center no-repeat;
    background-size: 10px,auto;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv {
    display: flex;
    margin-top: 10px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column1 {
    width: 65%;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column1 label {
    text-transform: capitalize;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: initial;
    line-height: initial;
    font-weight: normal;
}

.popup.card-reg-popup#modular-theme > .wrapper > .container select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 684.14 534.54'%3E%3Cpath d='M367.09 521.05 679.17 46.38C692.26 26.47 677.98 0 654.16 0H29.99C6.16 0-8.12 26.48 4.97 46.38l312.09 474.66c11.83 17.99 38.2 17.99 50.03 0Z' style='fill:%230'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 12px;
    padding: 0 25px 0 10px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column2 {
    width: 35%;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column2 #cvv-number {
    width: 100% !important;
}

.popup.card-reg-popup#modular-theme #deposit-amounts {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
}

.popup.card-reg-popup#modular-theme #deposit-amounts .amount-button {
    background: #051B27;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    flex: 1;
    text-align: center;
    border: none;
    width: initial;
    margin: 0;
    line-height: initial;
    display: block;
}

.popup.card-reg-popup#modular-theme #deposit-amounts .amount-button.active {
    background: #1BB90D;
    color: #fff;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code {
    display: flex;
    flex-direction: column;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code p {
    order: 2;
    margin: 0;
    text-align: center;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code p label {
    font-size: 0;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
    text-transform: initial;
    font-weight: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code p label:before {
    content: "I have a promo code";
    font-size: 14px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code p input {
    display: none;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code.show p label {
    display: none;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code.show .input-container {
    display: flex;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code .input-container input {
    order: 2;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code .input-container label {
    font-size: 0;
    order: 1;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #promo-code .input-container label:before {
    content: "promo code";
    font-size: 14px;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .wrapper .deposit-now {
    width: max-content;
    margin: 20px 0;
    padding: 10px 30px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    background: #ffc72e;
    color: #000;
    border-radius: 30px;
    max-width: initial;
    line-height: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container #other-payment-options {
    border-top: 2px solid #eee;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 18px;
    color: #051B27;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    gap: 0;
    display: flex;
    flex-wrap: wrap;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li {
    cursor: pointer;
    width: initial;
    margin: 0;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div {
    width: 100px;
    height: 80px;
    position: relative;
    border-radius: 15px;
    border: 3px solid #fff;
    box-sizing: border-box;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div:before {
    content: "";
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 35px;
    position: absolute;
    border-radius: initial;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.fonix {
    background: #01063b;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.fonix:before {
    width: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 116.12 61.5'%3E%3Cdefs%3E%3Cstyle%3E.paybymobile1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='paybymobile1' d='M64.48 21.04c-.34.61-.85 1.09-1.55 1.47-.7.37-1.56.56-2.59.56h-1.91v4.54h-3.08V14.97h4.99c1.01 0 1.86.17 2.56.52s1.22.83 1.57 1.44.52 1.31.52 2.11c0 .73-.17 1.4-.5 2.01Zm-3.06-.85c.29-.28.43-.67.43-1.17s-.14-.89-.43-1.17-.73-.41-1.31-.41h-1.67v3.17h1.67c.59 0 1.03-.14 1.31-.41ZM66.56 19.85c.39-.78.92-1.38 1.59-1.8s1.42-.63 2.25-.63c.71 0 1.33.14 1.86.43s.95.67 1.23 1.13v-1.42h3.08V27.6h-3.08v-1.42c-.3.47-.72.85-1.25 1.13s-1.16.43-1.86.43c-.82 0-1.56-.21-2.23-.64-.67-.43-1.2-1.03-1.59-1.82s-.58-1.7-.58-2.73.2-1.94.58-2.72v.02Zm6.3.92c-.43-.44-.95-.67-1.56-.67s-1.13.22-1.56.66-.64 1.04-.64 1.81.21 1.38.64 1.83.95.67 1.56.67 1.13-.22 1.56-.67c.43-.44.64-1.05.64-1.82s-.21-1.37-.64-1.82ZM89.07 17.56l-6.3 14.81h-3.31l2.3-5.11-4.09-9.7h3.44l2.32 6.28 2.3-6.28h3.34ZM103.41 22.21c.44.57.67 1.22.67 1.95 0 1.06-.37 1.89-1.11 2.51s-1.77.93-3.09.93h-5.89V14.96h5.69c1.28 0 2.29.29 3.01.88.73.59 1.09 1.39 1.09 2.39 0 .74-.2 1.36-.58 1.85-.39.49-.91.83-1.56 1.03.73.16 1.32.52 1.76 1.09Zm-6.34-2.12h2.02c.5 0 .89-.11 1.16-.33.27-.22.4-.55.4-.98s-.13-.76-.4-.99c-.27-.23-.66-.34-1.16-.34h-2.02v2.65Zm3.47 4.68c.28-.23.42-.57.42-1.02s-.15-.79-.44-1.04-.7-.38-1.21-.38h-2.23v2.79h2.27c.52 0 .92-.12 1.2-.35ZM116.12 17.56l-6.3 14.81h-3.31l2.3-5.11-4.09-9.7h3.44l2.32 6.28 2.3-6.28h3.34ZM69.67 34.97v12.64h-3.08v-7.58l-2.83 7.58h-2.48l-2.84-7.6v7.6h-3.08V34.97H59l3.55 8.75 3.51-8.75h3.61ZM73.8 47.12c-.79-.42-1.4-1.02-1.85-1.8-.45-.78-.68-1.69-.68-2.74s.23-1.94.68-2.73c.46-.79 1.08-1.39 1.87-1.81s1.68-.63 2.66-.63 1.87.21 2.66.63 1.42 1.02 1.87 1.81c.46.79.68 1.7.68 2.73s-.23 1.94-.69 2.73-1.09 1.39-1.89 1.81-1.69.63-2.67.63-1.87-.21-2.66-.63h.02Zm4.16-2.68c.41-.43.62-1.05.62-1.85s-.2-1.42-.6-1.85-.9-.65-1.48-.65-1.1.21-1.49.64c-.4.43-.59 1.05-.59 1.86s.19 1.42.58 1.85.88.65 1.47.65 1.09-.22 1.5-.65h-.01ZM87.67 37.85c.54-.29 1.16-.43 1.85-.43.83 0 1.58.21 2.25.63s1.2 1.02 1.59 1.8.58 1.69.58 2.72-.19 1.94-.58 2.73-.92 1.39-1.59 1.82-1.42.64-2.25.64c-.71 0-1.33-.14-1.85-.42-.53-.28-.94-.66-1.24-1.12v1.4h-3.08V34.3h3.08V39c.29-.47.7-.85 1.24-1.13v-.02Zm2.51 2.91c-.43-.44-.95-.66-1.58-.66s-1.13.22-1.56.67c-.43.44-.64 1.05-.64 1.82s.21 1.37.64 1.82c.43.44.94.67 1.56.67s1.13-.22 1.57-.67c.43-.45.65-1.06.65-1.83s-.21-1.37-.64-1.81ZM95.79 36.04c-.34-.32-.51-.71-.51-1.18s.17-.88.51-1.2c.34-.32.78-.48 1.32-.48s.96.16 1.31.48c.34.32.51.72.51 1.2s-.17.86-.51 1.18c-.34.32-.78.48-1.31.48s-.98-.16-1.32-.48Zm2.85 1.52V47.6h-3.08V37.56h3.08ZM103.95 34.28V47.6h-3.08V34.28h3.08ZM115.6 43.32h-6.97c.05.62.25 1.1.6 1.43.35.33.79.5 1.31.5.77 0 1.3-.32 1.6-.97h3.28c-.17.66-.47 1.25-.91 1.78s-.99.94-1.65 1.24-1.4.45-2.21.45c-.98 0-1.86-.21-2.63-.63s-1.37-1.02-1.8-1.8c-.43-.78-.65-1.69-.65-2.74s.21-1.96.64-2.74c.43-.78 1.02-1.38 1.79-1.8.77-.42 1.65-.63 2.65-.63s1.84.2 2.59.61c.76.41 1.35.99 1.77 1.75s.64 1.64.64 2.65c0 .29-.02.59-.05.9Zm-3.1-1.71c0-.53-.18-.95-.54-1.26-.36-.31-.81-.47-1.35-.47s-.95.15-1.3.45-.57.73-.66 1.28h3.85Z'/%3E%3Cg%3E%3Cpath class='paybymobile1' d='M42.98 52.3V9.19c0-3.08-1.51-5.8-3.83-7.47-.15-.11-.31-.21-.46-.31a9.61 9.61 0 0 0-1.57-.79C36.11.23 35.02.01 33.88 0H9.11C7.85 0 6.65.27 5.55.74A9.142 9.142 0 0 0 0 9.19v43.12c0 1.89.56 3.65 1.54 5.12.16.24.34.48.52.71a9.127 9.127 0 0 0 4.32 2.93c.86.27 1.77.42 2.72.43h24.75a9.322 9.322 0 0 0 1.84-.19c3.83-.8 6.77-3.99 7.2-7.94 0-.05 0-.11.02-.16.03-.29.04-.59.04-.89l.03-.02Zm-3.72-38.53v31.97H3.73V13.77h35.53ZM9.12 3.72h24.74c2.99.02 5.41 2.46 5.4 5.47v.86H3.73v-.88c0-2.99 2.42-5.44 5.39-5.45ZM3.73 52.3v-2.84h35.53v2.85c0 2.99-2.42 5.44-5.41 5.45H9.13c-2.99-.01-5.42-2.46-5.41-5.46Z'/%3E%3Cpath class='paybymobile1' d='M17.97 7.53h7.04c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7.04c-.28 0-.5.22-.5.5s.22.5.5.5Z'/%3E%3Ccircle class='paybymobile1' cx='21.49' cy='53.67' r='1.91'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paypal {
    background: #eee;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paypal:before {
    width: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.59 30.16'%3E%3Cdefs%3E%3Cstyle%3E.paypal1%7Bfill:%23253b80%7D.paypal3%7Bfill:%23179bd7%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='paypal1' d='M46.21 6.74h-6.84c-.47 0-.87.34-.94.8l-2.77 17.54c-.06.35.21.66.56.66h3.26c.47 0 .87-.34.94-.8l.75-4.73c.07-.46.47-.8.94-.8h2.17c4.51 0 7.1-2.18 7.78-6.5.31-1.89.01-3.38-.87-4.41-.97-1.14-2.7-1.75-4.98-1.75Zm.79 6.4c-.37 2.45-2.25 2.45-4.06 2.45h-1.03l.72-4.58a.56.56 0 0 1 .56-.48h.47c1.24 0 2.4 0 3 .7.36.42.47 1.04.33 1.91ZM66.66 13.06h-3.28c-.28 0-.52.2-.56.48l-.15.92-.23-.33c-.71-1.03-2.29-1.37-3.87-1.37-3.62 0-6.71 2.74-7.31 6.59-.31 1.92.13 3.75 1.22 5.03 1 1.18 2.43 1.67 4.12 1.67 2.92 0 4.53-1.88 4.53-1.88l-.15.91c-.06.35.21.66.56.66h2.95c.47 0 .86-.34.94-.8l1.77-11.21a.564.564 0 0 0-.56-.66h.02Zm-4.56 6.36c-.32 1.87-1.8 3.13-3.69 3.13-.95 0-1.71-.31-2.2-.88-.48-.57-.67-1.39-.51-2.3.29-1.85 1.81-3.15 3.67-3.15.93 0 1.69.31 2.18.89.5.59.7 1.41.55 2.32ZM84.1 13.06h-3.29c-.31 0-.61.16-.79.42l-4.54 6.69-1.92-6.43a.954.954 0 0 0-.91-.68h-3.23c-.39 0-.67.38-.54.75l3.62 10.64-3.41 4.81c-.27.38 0 .9.46.9h3.29c.31 0 .6-.15.78-.41l10.95-15.8c.26-.38 0-.9-.47-.9Z'/%3E%3Cpath class='paypal3' d='M94.99 6.74h-6.84c-.47 0-.86.34-.94.8l-2.77 17.54c-.06.35.21.66.56.66h3.51c.33 0 .61-.24.66-.56l.79-4.97c.07-.46.47-.8.94-.8h2.16c4.51 0 7.11-2.18 7.78-6.5.31-1.89.01-3.38-.87-4.41-.97-1.14-2.69-1.75-4.98-1.75Zm.79 6.4c-.37 2.45-2.25 2.45-4.06 2.45h-1.03l.72-4.58a.56.56 0 0 1 .56-.48h.47c1.23 0 2.4 0 3 .7.36.42.47 1.04.33 1.91ZM115.44 13.06h-3.27c-.28 0-.52.2-.56.48l-.14.92-.23-.33c-.71-1.03-2.29-1.37-3.87-1.37-3.62 0-6.71 2.74-7.31 6.59-.31 1.92.13 3.75 1.22 5.03 1 1.18 2.43 1.67 4.12 1.67 2.92 0 4.53-1.88 4.53-1.88l-.15.91c-.06.35.21.66.56.66h2.95c.47 0 .86-.34.94-.8L116 13.73a.571.571 0 0 0-.57-.66Zm-4.56 6.36c-.31 1.87-1.8 3.13-3.69 3.13-.95 0-1.71-.31-2.2-.88-.48-.57-.67-1.39-.51-2.3.3-1.85 1.81-3.15 3.67-3.15.93 0 1.69.31 2.18.89.5.59.7 1.41.55 2.32ZM119.3 7.22l-2.81 17.86c-.06.35.21.66.56.66h2.82c.47 0 .87-.34.94-.8l2.77-17.54a.564.564 0 0 0-.56-.66h-3.16a.57.57 0 0 0-.56.48Z'/%3E%3Cpath class='paypal1' d='m7.27 29.14.52-3.32-1.16-.03H1.07L4.94 1.28c.01-.07.05-.14.11-.19.06-.05.13-.08.21-.08h9.38c3.11 0 5.26.65 6.39 1.93.53.6.86 1.23 1.02 1.92.17.72.17 1.59 0 2.64v.75l.51.3c.44.23.8.5 1.07.81.45.51.74 1.16.86 1.94.13.8.08 1.74-.12 2.81-.24 1.23-.63 2.3-1.15 3.18-.48.81-1.1 1.48-1.83 2-.7.49-1.52.87-2.46 1.11-.91.24-1.94.35-3.07.35h-.73c-.52 0-1.03.19-1.43.52-.4.34-.66.81-.74 1.33l-.06.3-.92 5.85-.04.22c-.01.07-.03.1-.06.12-.02.02-.06.03-.1.03H7.27v.02Z'/%3E%3Cpath class='paypal3' d='M23.05 7.65c-.03.18-.06.36-.1.55-1.24 6.35-5.47 8.55-10.87 8.55H9.33c-.66 0-1.22.48-1.32 1.13L6.6 26.82l-.4 2.53c-.07.43.26.81.7.81h4.88c.58 0 1.07-.42 1.16-.99l.05-.25.92-5.83.06-.32c.09-.57.58-.99 1.16-.99h.73c4.73 0 8.43-1.92 9.51-7.48.45-2.32.22-4.26-.98-5.62-.36-.41-.81-.75-1.34-1.03Z'/%3E%3Cpath d='M21.76 7.14c-.19-.05-.38-.11-.58-.15s-.41-.08-.62-.12c-.74-.12-1.56-.18-2.43-.18h-7.35c-.18 0-.35.04-.51.11-.34.16-.59.48-.65.88l-1.56 9.91-.05.29c.1-.65.66-1.13 1.32-1.13h2.75c5.4 0 9.64-2.19 10.87-8.55.04-.19.07-.37.1-.55-.31-.17-.65-.31-1.02-.43-.09-.03-.18-.06-.28-.09h.01Z' style='fill:%23222d65'/%3E%3Cpath class='paypal1' d='M9.62 7.69c.06-.39.31-.71.65-.88.15-.07.33-.11.51-.11h7.35c.87 0 1.68.06 2.43.18.21.03.42.07.62.12s.4.09.58.15c.09.03.19.06.28.09.36.12.7.26 1.02.43.37-2.35 0-3.94-1.27-5.39C20.39.69 17.87 0 14.63 0H5.25c-.66 0-1.22.48-1.33 1.13L.01 25.9c-.08.49.3.93.8.93H6.6l1.45-9.23 1.56-9.91h.01Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paysafe {
    background: #eee;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paysafe:before {
    width: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128.33 56.83'%3E%3Cdefs%3E%3Cstyle%3E.paysafe1%7Bfill:%233200ff%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='paysafe1' d='M7.78 38.85H2.86c-1.6 0-2.86 1.26-2.86 2.86v15.11h3.21V51.9h4.24c1.72 0 3.09-1.37 3.09-3.09v-7.1c.11-1.6-1.14-2.86-2.75-2.86h-.01Zm-.34 8.93c0 .46-.34.8-.8.8h-2.4c-.46 0-.8-.34-.8-.8v-4.81c0-.46.34-.8.8-.8h2.4c.46 0 .8.34.8.8v4.81Zm13.74-8.93H13.4v3.32h6.64c.34 0 .57.23.57.57v.46h-4.69c-1.49 0-2.75 1.26-2.75 2.75v3.32c0 1.49 1.26 2.75 2.75 2.75h5.27c1.49 0 2.75-1.26 2.75-2.75V41.6c-.11-1.49-1.26-2.75-2.75-2.75Zm-.57 8.13v1.03c0 .34-.34.69-.69.69h-2.75c-.34 0-.69-.34-.69-.69v-1.03c0-.34.34-.69.69-.69h2.75c.34-.11.69.23.69.69Zm38.92-8.13h-7.78v3.32h6.64c.34 0 .57.23.57.57v.46h-4.69c-1.49 0-2.75 1.26-2.75 2.75v3.32c0 1.49 1.26 2.75 2.75 2.75h5.27c1.49 0 2.75-1.26 2.75-2.75V41.6c0-1.49-1.26-2.75-2.75-2.75Zm-.46 8.13v1.03c0 .34-.34.69-.69.69h-2.75c-.34 0-.69-.34-.69-.69v-1.03c0-.34.34-.69.69-.69h2.75c.34-.11.69.23.69.69Zm-9.73-8.13v3.32h-6.07c-.34 0-.57.23-.57.57v.46c0 .34.23.57.57.57h3.32c1.6 0 2.86 1.26 2.86 2.86v2.17c0 1.72-1.37 3.09-3.09 3.09h-6.75v-3.32h5.95c.34 0 .57-.23.57-.57v-.46c0-.34-.23-.57-.57-.57h-2.98c-1.72 0-3.09-1.37-3.09-3.09v-2.17c0-1.6 1.26-2.86 2.86-2.86h6.99Zm33.54 5.84V41.6c0-1.49-1.26-2.75-2.75-2.75h-5.04c-1.6 0-2.86 1.26-2.86 2.86v7.33c0 1.6 1.26 2.86 2.86 2.86h7.67v-3.32h-6.64c-.34 0-.57-.23-.57-.57v-.57l7.33-2.75Zm-7.33-.34v-1.6c0-.34.23-.57.57-.57h2.98c.34 0 .57.23.57.57l-4.12 1.6Zm-38.58 9.27V38.85h-3.21v8.93c0 .46-.34.92-.92.92h-2.4c-.46 0-.92-.34-.92-.92v-8.93h-3.21v9.84c0 1.6 1.14 3.21 3.21 3.21h4.12v.69c0 .8-.57.92-1.14.92h-6.18v3.32h7.21c2.06 0 3.43-1.49 3.43-3.21Zm33.42-16.48v-3.21h-2.4a3.2 3.2 0 0 0-3.21 3.21v14.88h3.21v-9.96h2.29v-3.21h-2.29v-.8c0-.57.46-.92.92-.92h1.48Zm23.7 3.1v-1.37h-4.92c-1.6 0-2.98 1.37-2.98 2.98v7.21c0 1.6 1.37 2.98 2.98 2.98h4.92v-1.37h-4.81c-.92 0-1.72-.8-1.72-1.72v-6.98c0-.92.8-1.72 1.72-1.72h4.81Zm21.41-1.38h-1.26c-1.6 0-2.4 1.03-2.4 2.4v10.65h1.37v-10.3c0-.8.23-1.49 1.26-1.49h1.03v-1.26Zm-17.86 0v1.37h7.33c.8 0 1.37.57 1.37 1.37v1.6h-5.84c-1.6 0-2.98 1.37-2.98 2.98v2.75c0 1.6 1.37 2.98 2.98 2.98h4.24c1.6 0 2.98-1.37 2.98-2.98V41.6c0-1.49-1.26-2.75-2.75-2.75h-7.33Zm7.1 11.69h-4.12c-.92 0-1.72-.8-1.72-1.72V46.2c0-.92.8-1.72 1.72-1.72h5.72v4.46c0 .92-.69 1.6-1.6 1.6Zm22.21-16.59v4.92h-5.72c-1.6 0-2.98 1.37-2.98 2.98v7.21c0 1.6 1.37 2.98 2.98 2.98h4.12c1.6 0 2.98-1.37 2.98-2.98V33.96h-1.38Zm-1.6 16.6h-3.89c-.92 0-1.72-.8-1.72-1.72v-6.87c0-.92.8-1.72 1.72-1.72h5.61v8.7c-.11.92-.8 1.6-1.72 1.6ZM69.97 28.77H58.36a4.05 4.05 0 0 1-4.09-4.09V14.21c0-2.29 1.8-4.09 4.09-4.09h11.61c2.29 0 4.09 1.8 4.09 4.09v10.47c0 2.29-1.8 4.09-4.09 4.09Z'/%3E%3Cpath class='paysafe1' d='M57.37 8.99c.49-3.11 3.43-5.56 6.87-5.56s6.38 2.45 6.87 5.56c.98.16 1.96.65 2.78 1.47v-.98C73.73 4.25 69.47 0 64.24 0s-9.65 4.25-9.65 9.48v.98c.82-.65 1.64-1.31 2.78-1.47Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.skrill {
    background: #881465;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.skrill:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.97 24.94'%3E%3Cpath d='m58.03 2.45 6.07-1.08v23.31h-6.07V2.45Zm8.87 0v22.21h6.08V1.36L66.9 2.44ZM49.39 24.67h6.08V7.62h-6.08v17.04ZM9.24 10.03c-.77-.05-2.55-.17-2.55-1.76 0-1.93 2.56-1.93 3.51-1.93 1.85.09 3.67.41 5.43.97 0 0 .88.31 1.61.62h.06V2.66l-.09-.03c-2.55-.91-5.25-1.34-7.95-1.26-6.85 0-9.27 3.99-9.27 7.4 0 1.97.85 6.6 8.69 7.14.67.04 2.43.14 2.43 1.8 0 1.36-1.44 2.17-3.88 2.17-2.33-.02-4.64-.47-6.81-1.33v5.44c2.65.66 5.37.97 8.1.93 6.69 0 9.69-3.77 9.69-7.52 0-4.25-3.35-7-8.98-7.39Zm36.72-2.65c-5.61.18-8.46 2.7-8.46 7.71v9.59h6.13v-7.83c0-3 .39-4.29 3.95-4.4v-5c-.54-.07-1.08-.1-1.62-.08Zm-16.48.23a21.01 21.01 0 0 1-3.46 5.93V1.36L19.75 2.6v22.06h6.27v-6.82c1.25 2.12 2.17 4.42 2.72 6.82h7.5c-.75-3.09-3.99-8.78-3.99-8.78 1.93-2.49 3.42-5.3 4.4-8.29h-7.16ZM52.4 6c1.65 0 3-1.33 3-2.99A2.973 2.973 0 0 0 52.43 0c-1.65 0-3 1.33-3 2.99V3c0 1.65 1.34 2.98 2.99 2.99Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.skrill-1-tap {
    background: #881465;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.skrill-1-tap:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.99 39.39'%3E%3Cpath d='M.42 25.99h1.59v9.14h2.85V23.45H.42v2.54zM6.84 28.38h7.04v2.27H6.84zM15.67 26.09h2.98v9.04h2.73v-9.04h2.98v-2.2h-8.69v2.2zM31.88 27.46c-.48-.78-1.42-1.39-2.75-1.39-2.19 0-3.94 1.76-3.94 4.58s1.74 4.61 3.92 4.61c1.33 0 2.27-.61 2.77-1.39v1.26h2.74V26.2h-2.74v1.26Zm-1.95 5.41c-1.02 0-1.95-.8-1.95-2.22s.93-2.19 1.95-2.19 1.95.78 1.95 2.21-.91 2.21-1.95 2.21ZM42.09 26.07c-1.31 0-2.26.61-2.75 1.39V26.2H36.6v13.19h2.74v-5.51c.5.75 1.44 1.38 2.75 1.38 2.19 0 3.94-1.79 3.94-4.61s-1.75-4.58-3.94-4.58Zm-.82 6.8c-1.02 0-1.95-.78-1.95-2.21s.93-2.21 1.95-2.21 1.97.77 1.97 2.19-.93 2.22-1.97 2.22ZM46.69 24.52h1.74v5.28h1.6v-5.28h1.73v-1.28h-5.07v1.28zM58.11 23.24l-1.82 4.54-1.84-4.54h-1.89v6.56h1.6v-3.94l1.48 3.94h1.28l1.47-3.93v3.93h1.6v-6.56h-1.88zM20.2 13.84c.97 1.65 1.68 3.44 2.11 5.3h5.83c-.81-2.37-1.84-4.65-3.1-6.81 1.5-1.93 2.66-4.11 3.42-6.43h-5.57c-.64 1.68-1.55 3.23-2.69 4.61V1.06l-4.87.96v17.12h4.87v-5.3ZM7.17 7.78c-.6-.04-1.98-.13-1.98-1.37 0-1.5 1.99-1.5 2.73-1.5 1.43.07 2.85.32 4.22.75 0 0 .68.24 1.25.48h.05V2.05l-.07-.02a16.84 16.84 0 0 0-6.17-.98C1.88 1.05 0 4.15 0 6.79c0 1.53.66 5.13 6.74 5.54.52.03 1.89.11 1.89 1.4 0 1.06-1.12 1.69-3.01 1.69-1.81-.02-3.6-.36-5.28-1.03v4.23c2.06.51 4.17.75 6.29.72 5.2 0 7.52-2.93 7.52-5.83 0-3.3-2.6-5.44-6.97-5.73ZM40.69 4.65c1.28 0 2.33-1.03 2.33-2.32a2.324 2.324 0 1 0-4.65-.01c0 1.29 1.04 2.32 2.31 2.33ZM33.87 13.08c0-2.33.3-3.33 3.07-3.42V5.78c-.42-.06-.84-.08-1.26-.06-4.36.14-6.57 2.1-6.57 5.99v7.44h4.76v-6.08ZM38.34 5.91h4.72v13.23h-4.72zM56.64 1.06l-4.71.84v17.24h4.71V1.06zM49.76 1.06l-4.72.84v17.26h4.72V1.06z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.neteller {
    background: #81BF49;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.neteller:before {
    width: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87.1 15.07'%3E%3Cpath d='M85.51 1.16A8.883 8.883 0 0 0 80.52.02h-5.77l-2.14 11.64h-7.56l.49-2.64h4.55l.54-2.97h-4.55l.49-2.62h4.69l.61-3.41h-9.52l-2.03 11.04h-3.49L58.88.02H53.9l-2.03 11.04h-3.4L50.51.02h-4.97l-2.15 11.64h-7.61l.48-2.64h4.57l.54-2.95h-4.56l.48-2.63h4.74l.62-3.42H12.99l-1.68 9.22L7.94.02H2.78L0 15.07h4.93l1.68-9.48 3.26 9.48h17.68L29.7 3.43h2.76l-2.15 11.64H76.8l1.35-7.35 2.18 7.35h4.93l-2.26-6 .52-.11c1.04-.19 1.98-.74 2.65-1.56.65-.88.97-1.95.93-3.03.07-1.27-.53-2.49-1.59-3.2Zm-62.26 10.5H15.7l.49-2.64h4.73l.54-2.97h-4.69l.45-2.61h7.54l-1.51 8.23Zm58.19-5.07c-.66.39-1.43.57-2.2.52h-.97l.75-4.04h.72c.63-.04 1.27.1 1.82.4.47.31.73.85.7 1.41.04.67-.27 1.32-.82 1.72Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.popup.card-reg-popup#modular-theme > .wrapper .container .com-reqs {
    font-size: 10px;
    margin: 20px 0 0 0;
    color: #000;
    padding: 0 !important;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .com-reqs a {
    color: blue;
    text-decoration: underline;
}

.popup.card-reg-popup#modular-theme > .wrapper .container .com-reqs a.set-deposit-limits {
    text-align: center;
}


@media screen and (max-width: 640px) {
    .popup.card-reg-popup#modular-theme > .wrapper .container {
        width: initial;
    }
}


@media screen and (max-width: 500px) {
    .popup.card-reg-popup#modular-theme > .wrapper .container {
        background-size: 100% 190px;
        padding: 190px 0 0 0;
    }
}

@media screen and (max-width: 430px) {

    .popup.card-reg-popup#modular-theme > .wrapper .container .wrapper {
        padding: 10px;
    }

    .popup.card-reg-popup#modular-theme #deposit-amounts .amount-button {
        padding: 9px;
    }

}

@media screen and (max-width: 350px) {

    .popup.card-reg-popup#modular-theme #deposit-amounts .amount-button {
        padding: 15px 20px;
    }

}

@media screen and (max-width: 400px) {

    .popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv {
        flex-direction: column;
        gap: 10px 0;
    }

    .popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column1,
    .popup.card-reg-popup#modular-theme > .wrapper .container .wrapper #expiry-cvv .add-card-column2 {
        width: 100%;
    }

    .popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div {
        width: 93px;
        height: 70px;
    }

    .popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paypal:before,
    .popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.paysafe:before,
    .popup.card-reg-popup#modular-theme > .wrapper .container .payment-methods li div.neteller:before {
        width: 70px;
    }
}

/*  #########################################
    ########### BURNING WINS POPUP ##########
    ######################################### */

.popup.card-reg-popup#card-reg-promo .container {
    background-color: #fff;
    border-radius: 0;
    padding: 250px 0 0 0;
}

.popup.card-reg-popup#card-reg-promo .container .add-card-terms {
    display: block;
    font-family: 'Open Sans',Verdana,sans-serif;
    font-size: 9px;
    line-height: 11px;
    color: #fff;
    position: relative;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #000;
    height: auto;
    top: 0;
}


@media (max-width: 640px) {

    .popup.card-reg-popup#card-reg-promo .container:before {
        top: initial;
        bottom: 0;
    }

    .popup.card-reg-popup#card-reg-promo .container {
        padding-bottom: 44px !important;
    }

}


.popup#jcpo .container .wrapper {
    background: none;
    padding: 0;
}

.popup.card-reg-popup#card-reg-promo .add-card-table .input-container,
.popup.card-reg-popup#card-reg-promo .add-card-table select {
    border:2px solid #c9c9c9;
    background-color: #ffffff;
    color:#7f7f7f;
}

.popup.card-reg-popup#card-reg-promo .add-card-table .input-container input {
    color:#7f7f7f;
}

.popup.card-reg-popup#card-reg-promo .add-card-table .input-container label,
.popup.card-reg-popup#card-reg-promo .add-card-table #expiry-cvv label {
    color:#7f7f7f;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.popup.card-reg-popup#card-reg-promo button.deposit-now {
    color:#005600;
    border:none;
    text-shadow:0 2px 0 #54ff10;
    box-shadow:0 6px 0 #00ad00, inset 0 6px 0 #54ff10;
    background:#2ad608;
    border-radius: 10px;
    padding: 0 10px;
}

#card-reg-promo button.deposit-now:after {
    content: "add card";
}

.popup.card-reg-popup#card-reg-promo p a{
    color: #e800a4;
}
.popup.card-reg-popup #card-reg-popup-smallprint {
    font-family: 'Montserrat', 'Verdana', sans-serif;
    font-size: 10px;
    color:#fff;
    line-height: 10px;
    text-align: center;
    padding: 0 10px;
    position: absolute;
    left:0;
    top:310px;
    text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 4px #000;
}
.popup.card-reg-popup#card-reg-promo #card-reg-popup-smallprint {
    top:220px;
}
@media (max-width: 640px) {
    .popup.card-reg-popup#card-reg-promo .container {
        padding: 125px 0 0 0;
    }
    .popup.card-reg-popup#card-reg-promo button.deposit-now {
        width:auto;
    }
    .popup.card-reg-popup #card-reg-popup-smallprint {
        font-size: 8px;
        line-height: 7px;
        top:150px;
    }
    .popup.card-reg-popup#card-reg-promo #card-reg-popup-smallprint {
        top:100px;
    }
}

/*  #########################################
    ############ GOLD RUSH THEME ############
    ######################################### */

.popup.card-reg-popup#gold-rush-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_gold-rush.jpg");
    background-color: #4e2b11;
}

.popup.card-reg-popup#gold-rush-theme .make-deposit-container .amount-button {
    color: #2a5053;
    border: 2px solid #507679;
    text-shadow: 0 2px 0 #ffffff;
    background: linear-gradient(184deg, #92bac2 0%,#92bac2 15%,#c7eff7 20%,#ddf9ff 25%,#e9fbff 50%,#92bac2 70%,#ddf9ff 75%,#e9fbff 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#gold-rush-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#gold-rush-theme button.deposit-now {
    border:2px solid #9c4206;
    color:#7d2000;
    text-shadow: 0 2px 0 #fffae7;
    background: linear-gradient(184deg, #f6b027 0%,#f6b027 15%,#fce55b 20%,#fffe8b 25%,#fffe8a 50%,#f6b027 70%,#fffe8b 75%,#fffe8b 100%);
}

.popup.card-reg-popup#gold-rush-theme .add-card-table .input-container input,
.popup.card-reg-popup#gold-rush-theme .add-card-table .input-container select {
    color:#fff;
}

/*  #########################################
    ######### RAINBOW RICHES THEME ##########
    ######################################### */

.popup.card-reg-popup#rainbow-riches-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_rainbow-riches.jpg");
    background-color: #043f03;
}

.popup.card-reg-popup#rainbow-riches-theme .make-deposit-container .amount-button {
    color: #2d2d2d;
    border: 2px solid #e3f4fc;
    text-shadow: 0 2px 0 #ffffff;
    background: linear-gradient(to bottom, #c1e0ee 0%,#ffffff 45%,#a3c6d6 55%,#c1e0ee 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#rainbow-riches-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#rainbow-riches-theme button.deposit-now {
    border:2px solid #fdda4a;
    color:#671b00;
    text-shadow: 0 2px 0 #fcd539;
    background: linear-gradient(to bottom, #fcd539 20%,#ffffb3 45%,#e56e03 55%,#fcd539 80%);
}

.popup.card-reg-popup#rainbow-riches-theme .add-card-table .input-container input,
.popup.card-reg-popup#rainbow-riches-theme .add-card-table .input-container select {
    color:#fff;
}



/*  #########################################
    ######### CRYSTAL SLOTS THEME ##########
    ######################################### */

    .popup.card-reg-popup#crystal-slots-100--50fs-theme .container {
        background-image: url("/images/external/theme/post-reg-popup_crystalslots100_50FS.png");
        background-color: #0b023d;
    }
    
    .popup.card-reg-popup#crystal-slots-100--50fs-theme .make-deposit-container .amount-button {
        background: #a2006f;
        color: #fff;
        box-shadow: inset 0 0 15px 5px rgb(255 0 179), 0 0 10px 3px rgb(238 0 246 / 60%);
    }
    
    .popup.card-reg-popup#crystal-slots-100--50fs-theme .make-deposit-container .amount-button.active,
    .popup.card-reg-popup#crystal-slots-100--50fs-theme button.deposit-now {
        color: #392200;
        border: none;
        background: linear-gradient(10deg,#dcc085 0%,#a88a60 45%,#f1ebbe 55%,#dcc085 80%,#b19969 100%);
        box-shadow: inset 0 0 0 2px rgb(229 220 159);
        text-shadow: #f1ebbe 1px 1px 0;
    }
    
    .popup.card-reg-popup#crystal-slots-100--50fs-theme .add-card-table .input-container input,
    .popup.card-reg-popup#crystal-slots-100--50fs-theme .add-card-table .input-container select {
        color:#fff;
    }

/*  #########################################
    ######### NETWORK MATCHUP THEME ##########
    ######################################### */

.popup.card-reg-popup#matchup-1000-network-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_1000-matchup-network.jpg");
    background-color: #0c805b;
}

.popup.card-reg-popup#matchup-1000-network-theme .make-deposit-container .amount-button {
    color: #2d2d2d;
    border: 2px solid #e3f4fc;
    text-shadow: 0 2px 0 #ffffff;
    background: linear-gradient(to bottom, #c1e0ee 0%,#ffffff 45%,#a3c6d6 55%,#c1e0ee 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#matchup-1000-network-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#matchup-1000-network-theme button.deposit-now {
    border:2px solid #fdda4a;
    color:#671b00;
    text-shadow: 0 2px 0 #fcd539;
    background: linear-gradient(to bottom, #fcd539 20%,#ffffb3 45%,#e56e03 55%,#fcd539 80%);
}

.popup.card-reg-popup#matchup-1000-network-theme .add-card-table .input-container input,
.popup.card-reg-popup#matchup-1000-network-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#matchup-1000-network-theme a {
    color: #ffff00;
}


/*  #########################################
    ######### IRISH POT LUCK THEME ##########
    ######################################### */

.popup.card-reg-popup#irish-pot-luck-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_irish-pot-luck.jpg");
    background-color: #043f03;
}

.popup.card-reg-popup#irish-pot-luck-theme .make-deposit-container .amount-button {
    color: #2d2d2d;
    border: 2px solid #e3f4fc;
    text-shadow: 0 2px 0 #ffffff;
    background: linear-gradient(to bottom, #c1e0ee 0%,#ffffff 45%,#a3c6d6 55%,#c1e0ee 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#irish-pot-luck-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#irish-pot-luck-theme button.deposit-now {
    border:2px solid #fdda4a;
    color:#671b00;
    text-shadow: 0 2px 0 #fcd539;
    background: linear-gradient(to bottom, #fcd539 20%,#ffffb3 45%,#e56e03 55%,#fcd539 80%);
}

.popup.card-reg-popup#irish-pot-luck-theme .add-card-table .input-container input,
.popup.card-reg-popup#irish-pot-luck-theme .add-card-table .input-container select {
    color:#fff;
}

/*  #########################################
    ######## BONANZA MEGAWAYS THEME #########
    ######################################### */

.popup.card-reg-popup#bonanza-megaways-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_bonanza-megaways.jpg");
    background-color: #5c0001;
}

.popup.card-reg-popup#bonanza-megaways-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#bonanza-megaways-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#bonanza-megaways-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#bonanza-megaways-theme .add-card-table .input-container input,
.popup.card-reg-popup#bonanza-megaways-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ############# JUMANJI THEME #############
    ######################################### */

.popup.card-reg-popup#jumanji-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_jumanji.jpg");
    background-color: #0c0e03;
}

.popup.card-reg-popup#jumanji-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#jumanji-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#jumanji-theme button.deposit-now {
    color:#6b1515;
    border:2px solid #ffed3f;
    text-shadow: 0 0px 5px #ffed3f;
    background: linear-gradient(to top, #ffcd17 0%, #ffae00 48%, #ffed3f 52%, #ffcd17 100%);
}

.popup.card-reg-popup#jumanji-theme .add-card-table .input-container input,
.popup.card-reg-popup#jumanji-theme .add-card-table .input-container select {
    color:#fff;
}

/*  #########################################
    ###### SECRETS OF CHRISTMAS THEME #######
    ######################################### */

.popup.card-reg-popup#secrets-of-christmas-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_secrets-of-christmas.jpg");
    background-color: #266080;
}

.popup.card-reg-popup#secrets-of-christmas-theme .make-deposit-container .amount-button {
    color:#fff0cc;
    border: none;
    text-shadow: 0 2px 0 #831c31;
    background: linear-gradient(to bottom, #96233b 0%,#d03d50 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#secrets-of-christmas-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#secrets-of-christmas-theme button.deposit-now {
    color:#c26039;
    border: none;
    text-shadow: 0 0px 5px #fff;
    background: linear-gradient(to bottom, #fff3c4 0%,#ffdb8d 100%);
    border-radius: 30px;
}

.popup.card-reg-popup#secrets-of-christmas-theme .add-card-table .input-container input,
.popup.card-reg-popup#secrets-of-christmas-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ########## TURTLE CRUSH THEME ###########
    ######################################### */

.popup.card-reg-popup#turtle-crush-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_turtle-crush.jpg");
    background-color: #1b3870;
}

.popup.card-reg-popup#turtle-crush-theme .make-deposit-container .amount-button {
    color:#17345a;
    border: none;
    text-shadow: 0 2px 0 #00d2ff;
    background: #00d2ff;
    border-radius: 30px;
    box-shadow: inset 0 -2px 10px 0px #0084ac, inset 0px -5px 10px 3px #44deff;
}

.popup.card-reg-popup#turtle-crush-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#turtle-crush-theme button.deposit-now {
    color:#5c2500;
    border: none;
    text-shadow: 0 2px 0 #ffa800;
    background: #ee9136;
    border-radius: 30px;
    box-shadow: inset 0 -2px 10px 0 #d36a26, inset 0px -5px 10px 3px #f4ed04;
}

.popup.card-reg-popup#turtle-crush-theme .add-card-table .input-container input,
.popup.card-reg-popup#turtle-crush-theme .add-card-table .input-container select {
    color:#fff;
}

/*  #########################################
    #### CRYSTAL 1000% BONUS WHEEL THEME ####
    ######################################### */

.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_bonuswheel.jpg");
    background-color: #1f0147;
}

.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .make-deposit-container .amount-button {
    color:#40163e;
    border:2px solid #e800a4;
    text-shadow: 0 2px 0 #e800a4;
    background: linear-gradient(to top right, #e800a4 0%, #ab047a 45%, #e800a4 55%, #e800a4 100%);
}

.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#crystal-1000-bonus-wheel-theme button.deposit-now {
    border:2px solid #54ff00;
    color:#052d08;
    text-shadow: 0 2px 0 #54ff00;
    background: linear-gradient(to top right, #54ff00 0%, #00bb11 45%, #54ff00 55%, #54ff00 100%);
}

.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .add-card-table .input-container input,
.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .add-card-table .input-container select {
    color:#fff;
}

.popup.card-reg-popup#crystal-1000-bonus-wheel-theme .add-card-table#promo-code p label {
    color: #fff;
}

/*  #########################################
    ############# PIGGY RICHES ##############
    ######################################### */

.popup.card-reg-popup#piggy-riches-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_piggy-riches.jpg");
    background-color: #420814;
}

.popup.card-reg-popup#piggy-riches-theme .make-deposit-container .amount-button {
    color: #180402;
    border: 2px solid #cadbe5;
    font-weight: 700;
    text-shadow: 0 1px 0 #d8e8f1;
    background: -webkit-linear-gradient(bottom left,#cadbe5 25%,#90a7b4 45%,#d8e8f1 55%,#cadbe5 75%);
    background: linear-gradient(to top right,#cadbe5 25%,#90a7b4 45%,#d8e8f1 55%,#cadbe5 75%);
    border-radius: 30px;
}

.popup.card-reg-popup#piggy-riches-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#piggy-riches-theme button.deposit-now {
    border: 2px solid #ffc000;
    color: #710;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff2a2;
    background: -webkit-linear-gradient(bottom left,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    background: linear-gradient(to top right,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    border-radius: 40px;
}

.popup.card-reg-popup#piggy-riches-theme .add-card-table .input-container input,
.popup.card-reg-popup#piggy-riches-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ########## RELEASE THE KRAKEN ###########
    ######################################### */

.popup.card-reg-popup#release-the-kraken-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_release-the-kraken.jpg");
    background-color: #022672;
}

.popup.card-reg-popup#release-the-kraken-theme .make-deposit-container .amount-button {
    color: #180402;
    border: 2px solid #cadbe5;
    font-weight: 700;
    text-shadow: 0 1px 0 #d8e8f1;
    background: -webkit-linear-gradient(bottom left,#c6d8e4 25%,#7ad4f7 45%,#e3f6fd 55%,#7bd5f8 75%);
    background: linear-gradient(to top right,#c6d8e4 25%,#7ad4f7 45%,#e3f6fd 55%,#7bd5f8 75%);
    border-radius: 30px;
}

.popup.card-reg-popup#release-the-kraken-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#release-the-kraken-theme button.deposit-now {
    border: 2px solid #ffc000;
    color: #710;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff2a2;
    background: -webkit-linear-gradient(bottom left,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    background: linear-gradient(to top right,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    border-radius: 40px;
}

.popup.card-reg-popup#release-the-kraken-theme .add-card-table .input-container input,
.popup.card-reg-popup#release-the-kraken-theme .add-card-table .input-container select {
    color:#fff;
}

/*  #########################################
    ######### CURSE OF THE WEREWOLF #########
    ######################################### */

.popup.card-reg-popup#curse-of-the-werewolf-theme .container {
    background-image: url("/images/external/theme/post-reg-popup_curse-of-the-werewolf.jpg");
    background-color: #030c5e;
}

.popup.card-reg-popup#curse-of-the-werewolf-theme .make-deposit-container .amount-button {
    color: #180402;
    border: 2px solid #cadbe5;
    font-weight: 700;
    text-shadow: 0 1px 0 #d8e8f1;
    background: -webkit-linear-gradient(bottom left,#c6d8e4 25%,#7ad4f7 45%,#e3f6fd 55%,#7bd5f8 75%);
    background: linear-gradient(to top right,#c6d8e4 25%,#7ad4f7 45%,#e3f6fd 55%,#7bd5f8 75%);
    border-radius: 30px;
}

.popup.card-reg-popup#curse-of-the-werewolf-theme .make-deposit-container .amount-button.active,
.popup.card-reg-popup#curse-of-the-werewolf-theme button.deposit-now {
    border: 2px solid #ffc000;
    color: #710;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff2a2;
    background: -webkit-linear-gradient(bottom left,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    background: linear-gradient(to top right,#ffc000 25%,#ffb239 45%,#fff2a2 55%,#ffc000 75%);
    border-radius: 40px;
}

.popup.card-reg-popup#curse-of-the-werewolf-theme .add-card-table .input-container input,
.popup.card-reg-popup#curse-of-the-werewolf-theme .add-card-table .input-container select {
    color:#fff;
}


/*  #########################################
    ########## JUMPMAN CARES POPUP ##########
    ######################################### */

.popup#jcpo {
    background: rgba(0,0,0,.8);
}

.popup#jcpo .container {
    background: linear-gradient(to bottom, #8ecc3e 0%,#8ecc3e 265px,#dbdbdb 265px,#dbdbdb 100%);
    border: 5px solid #59585a;
    box-shadow: none;
    clip-path: none;
    -webkit-clip-path: none;
    filter: none;
    padding: 0;
    border-radius: 20px;
    max-width: 640px;
    width: 100%;
}
.popup#jcpo .container:before, .popup#jcpo .container:after,
.popup#jcpo .container .wrapper:before, .popup#jcpo .container .wrapper:after,
.popup#jcpo .close span:before, .popup#jcpo .close span:after {
    display: none;
}
.popup#jcpo img {
    width: 100%;
}
.popup#jcpo p {
    color: #747474;
    padding: 15px 0;
    font-size: 16px;
    max-width: initial;
    font-family: Verdana, sans-serif;
}
.popup#jcpo p a {
    color: #6ea816;
    font-weight: 700;
    font-family: Verdana, sans-serif;
}

.popup#jcpo .close {
    height: 50px;
    width: 50px;
    top: -15px;
    right: -20px;
    border-radius: 50%;
    background: #59585a;
    box-shadow: 0px 4px 0 0 #414042;
    border: none;
    clip-path: none;
    -webkit-clip-path: none;
    filter: none;
}
.popup#jcpo .close span {
    background:#ffffff;
    border-radius: 0;
    box-shadow: none;
    border: none;
    filter: none;
    width: 25px;
    height: 5px;
}
.jcpo_content {
    padding: 20px;
}

@media (max-width: 640px) {
    .popup#jcpo .container {
        background: linear-gradient(to bottom, #8ecc3e 0%,#8ecc3e 130px,#dbdbdb 130px,#dbdbdb 100%);
        width: 300px;
        max-width: 300px;
    }
    .popup#jcpo p {
        font-size: 12px;
    }
    .popup#jcpo .close {
        height: 40px;
        width: 40px;
        top: -15px;
        right: -15px;
    }
}

.inline-button.disabled {
    cursor: default;
    pointer-events: none;        
    text-decoration: none;
    color: grey !important;
}
/*----  HIDE EXPIRED TROPHIES ------*/
.full-trophy-list#t-new-games, .full-trophy-list#t-world-cup {
    display: none;
}

/*  #########################################
    ############# Slingo Popup ##############
    ######################################### */

.main.slingo {
    background: #1c0001;
}

.slingo .slingo-banner {
    background: #000;
}

.slingo .slingo-banner img {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.slingo .slingo-banner .slingo-banner-desktop {
    display: block;
}

.slingo .slingo-banner .slingo-banner-mobile {
    display: none;
}

.slingo .slingo-strap {
    background: url(https://www.doveslots.com/images/external/theme/slingo-strap.jpg) center repeat-x;
    background-size: auto 100%;
    height: 130px;
    text-align: center;
    position: relative;
}

.slingo .slingo-strap div {
    display: inline-block;
    padding: 0 30px;
    margin: 20px 0;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #b5272c;
    font-size: 46px;
    font-weight: bold;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    background: linear-gradient(to bottom, #f2a245 0%,#f6ea63 35%,#f8efbf 70%,#f5c779 100%);
    border: 4px solid #e33137;
    border-radius: 15px;
    box-shadow: 3px 3px 0 #000000, 0px 0px 30px 10px rgba(0,0,0,.6);
    text-shadow: -1px -1px 0 #000;
}

.slingo .slingo-container {
    margin: 0 auto;
    display: block;
    max-width: 800px;
    text-align: center;
    overflow: auto;
    padding: 10px 15px 30px 15px;
    box-sizing: border-box;
    background: #280203;
    box-shadow: 20px 0 40px 0px #000, -20px 0 40px 0px #000;
}

.slingo .slingo-container h1 {
    color: #fff;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 34px;
    line-height: 34px;
    background: none;
    font-style: italic;
}

.slingo .slingo-container p {
    color: #fff;
    font-family: 'Roboto', Verdana, sans-serif;
}

.slingo .slingo-container p a {
    color: #e9a616;
    font-family: 'Roboto', Verdana, sans-serif;
    text-decoration: underline;
    font-weight: bold;
}

.slingo .slingo-games {
    font-size: 0;
    text-align: center;
}

.slingo .slingo-games img {
    margin: 0 15px;
    width: calc((100% / 3) - 30px);
}

@media (max-width: 640px) {
    .slingo .slingo-banner .slingo-banner-mobile {
        display: block;
    }

    .slingo .slingo-banner .slingo-banner-desktop {
        display: none;
    }

    .slingo .slingo-games img {
        margin: 0 10px;
        width: calc((100% / 3) - 20px);
    }
}

@media (max-width: 400px) {
    .slingo .slingo-games img {
        margin: 0 5px;
        width: calc((100% / 3) - 10px);
    }

}

#takeabreak button[type="submit"]:disabled {
    cursor: default;
    filter: grayscale(1);
}



/*  #########################################
    ######### HIDING MEMBER LEVELS ##########
    ######################################### */

.your-rewards .current-level, .your-rewards .next-level {
    display: none !important;
}

.dropdown-members {
    display: none !important;
}

.your-rewards {
    padding-top: 20px !important;
}

.dropdown-deposit {
    bottom: 80px !important;
}

/*  #########################################
    ############### INFO ICON ###############
    ######################################### */

.info-svg {
    display:inline-block;
    vertical-align: top;
    width: 14px;
    margin-left: 5px;
    cursor: pointer;
}
.info-i {
    position: relative;
    background: #fff;
    color: #000;
    z-index: 1;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,.5);
    width: auto;
    display: none;
    margin: 5px 0;
    user-select: none;
}
.info-i.show {
    display: inline-block;
}
.info-i p {
    color: #000;
    text-transform: inherit;
    font-size: 12px;
}
.info-i:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 83px;
    top: -5px;
}


/*  #########################################
    ############### SNOW FALL ###############
    ######################################### */

.snowflakes div {
    position: absolute;
    width: 15px;
    height: 15px;
    background: white;
    border-radius: 50%;
    display: none;
}

.xmas .snowflakes div {
    display: block;
}

.snowflakes div:nth-child(1) {
  opacity: 0.5334;
  transform: translate(75.45vw, -10px) scale(0.5586);
  animation: fall-1 28s -5s linear infinite;
}
@keyframes fall-1 {
  39.251% {
    transform: translate(65.9831vw, 39.251vh) scale(0.5586);
  }
  to {
    transform: translate(70.71655vw, 100vh) scale(0.5586);
  }
}
.snowflakes div:nth-child(2) {
  opacity: 0.4046;
  transform: translate(94.9976vw, -10px) scale(0.8944);
  animation: fall-2 22s -25s linear infinite;
}
@keyframes fall-2 {
  30.325% {
    transform: translate(98.385vw, 30.325vh) scale(0.8944);
  }
  to {
    transform: translate(96.6913vw, 100vh) scale(0.8944);
  }
}
.snowflakes div:nth-child(3) {
  opacity: 0.3591;
  transform: translate(4.1758vw, -10px) scale(0.0443);
  animation: fall-3 17s -20s linear infinite;
}
@keyframes fall-3 {
  37.632% {
    transform: translate(11.4883vw, 37.632vh) scale(0.0443);
  }
  to {
    transform: translate(7.83205vw, 100vh) scale(0.0443);
  }
}
.snowflakes div:nth-child(4) {
  opacity: 0.6677;
  transform: translate(96.9301vw, -10px) scale(0.7448);
  animation: fall-4 20s -17s linear infinite;
}
@keyframes fall-4 {
  61.349% {
    transform: translate(101.8503vw, 61.349vh) scale(0.7448);
  }
  to {
    transform: translate(99.3902vw, 100vh) scale(0.7448);
  }
}
.snowflakes div:nth-child(5) {
  opacity: 0.0979;
  transform: translate(90.3979vw, -10px) scale(0.6812);
  animation: fall-5 21s -8s linear infinite;
}
@keyframes fall-5 {
  49.718% {
    transform: translate(85.1466vw, 49.718vh) scale(0.6812);
  }
  to {
    transform: translate(87.77225vw, 100vh) scale(0.6812);
  }
}
.snowflakes div:nth-child(6) {
  opacity: 0.3738;
  transform: translate(50.1314vw, -10px) scale(0.7824);
  animation: fall-6 12s -12s linear infinite;
}
@keyframes fall-6 {
  48.877% {
    transform: translate(58.051vw, 48.877vh) scale(0.7824);
  }
  to {
    transform: translate(54.0912vw, 100vh) scale(0.7824);
  }
}
.snowflakes div:nth-child(7) {
  opacity: 0.7347;
  transform: translate(83.9603vw, -10px) scale(0.41);
  animation: fall-7 15s -11s linear infinite;
}
@keyframes fall-7 {
  62.5% {
    transform: translate(80.5202vw, 62.5vh) scale(0.41);
  }
  to {
    transform: translate(82.24025vw, 100vh) scale(0.41);
  }
}
.snowflakes div:nth-child(8) {
  opacity: 0.5362;
  transform: translate(22.2778vw, -10px) scale(0.3759);
  animation: fall-8 25s -30s linear infinite;
}
@keyframes fall-8 {
  43.842% {
    transform: translate(31.6486vw, 43.842vh) scale(0.3759);
  }
  to {
    transform: translate(26.9632vw, 100vh) scale(0.3759);
  }
}
.snowflakes div:nth-child(9) {
  opacity: 0.7221;
  transform: translate(54.2158vw, -10px) scale(0.9637);
  animation: fall-9 11s -23s linear infinite;
}
@keyframes fall-9 {
  58.48% {
    transform: translate(47.5475vw, 58.48vh) scale(0.9637);
  }
  to {
    transform: translate(50.88165vw, 100vh) scale(0.9637);
  }
}
.snowflakes div:nth-child(10) {
  opacity: 0.2804;
  transform: translate(45.1907vw, -10px) scale(0.7207);
  animation: fall-10 30s -12s linear infinite;
}
@keyframes fall-10 {
  47.118% {
    transform: translate(54.3269vw, 47.118vh) scale(0.7207);
  }
  to {
    transform: translate(49.7588vw, 100vh) scale(0.7207);
  }
}
.snowflakes div:nth-child(11) {
  opacity: 0.1996;
  transform: translate(44.9386vw, -10px) scale(0.2263);
  animation: fall-11 29s -1s linear infinite;
}
@keyframes fall-11 {
  30.803% {
    transform: translate(46.6545vw, 30.803vh) scale(0.2263);
  }
  to {
    transform: translate(45.79655vw, 100vh) scale(0.2263);
  }
}
.snowflakes div:nth-child(12) {
  opacity: 0.8719;
  transform: translate(38.9729vw, -10px) scale(0.6002);
  animation: fall-12 13s -29s linear infinite;
}
@keyframes fall-12 {
  56.86% {
    transform: translate(29.245vw, 56.86vh) scale(0.6002);
  }
  to {
    transform: translate(34.10895vw, 100vh) scale(0.6002);
  }
}
.snowflakes div:nth-child(13) {
  opacity: 0.8995;
  transform: translate(57.0434vw, -10px) scale(0.5975);
  animation: fall-13 27s -15s linear infinite;
}
@keyframes fall-13 {
  37.789% {
    transform: translate(62.5846vw, 37.789vh) scale(0.5975);
  }
  to {
    transform: translate(59.814vw, 100vh) scale(0.5975);
  }
}
.snowflakes div:nth-child(14) {
  opacity: 0.9545;
  transform: translate(50.3707vw, -10px) scale(0.85);
  animation: fall-14 21s -9s linear infinite;
}
@keyframes fall-14 {
  45.248% {
    transform: translate(59.4084vw, 45.248vh) scale(0.85);
  }
  to {
    transform: translate(54.88955vw, 100vh) scale(0.85);
  }
}
.snowflakes div:nth-child(15) {
  opacity: 0.1018;
  transform: translate(44.4745vw, -10px) scale(0.2218);
  animation: fall-15 28s -6s linear infinite;
}
@keyframes fall-15 {
  48.965% {
    transform: translate(50.1995vw, 48.965vh) scale(0.2218);
  }
  to {
    transform: translate(47.337vw, 100vh) scale(0.2218);
  }
}
.snowflakes div:nth-child(16) {
  opacity: 0.7397;
  transform: translate(57.0591vw, -10px) scale(0.3894);
  animation: fall-16 18s -2s linear infinite;
}
@keyframes fall-16 {
  33.169% {
    transform: translate(49.3741vw, 33.169vh) scale(0.3894);
  }
  to {
    transform: translate(53.2166vw, 100vh) scale(0.3894);
  }
}
.snowflakes div:nth-child(17) {
  opacity: 0.6345;
  transform: translate(34.3724vw, -10px) scale(0.8586);
  animation: fall-17 26s -10s linear infinite;
}
@keyframes fall-17 {
  71.542% {
    transform: translate(30.1405vw, 71.542vh) scale(0.8586);
  }
  to {
    transform: translate(32.25645vw, 100vh) scale(0.8586);
  }
}
.snowflakes div:nth-child(18) {
  opacity: 0.641;
  transform: translate(20.5682vw, -10px) scale(0.9517);
  animation: fall-18 17s -11s linear infinite;
}
@keyframes fall-18 {
  60.614% {
    transform: translate(19.9376vw, 60.614vh) scale(0.9517);
  }
  to {
    transform: translate(20.2529vw, 100vh) scale(0.9517);
  }
}
.snowflakes div:nth-child(19) {
  opacity: 0.7262;
  transform: translate(56.1495vw, -10px) scale(0.2819);
  animation: fall-19 23s -9s linear infinite;
}
@keyframes fall-19 {
  35.482% {
    transform: translate(57.9322vw, 35.482vh) scale(0.2819);
  }
  to {
    transform: translate(57.04085vw, 100vh) scale(0.2819);
  }
}
.snowflakes div:nth-child(20) {
  opacity: 0.1617;
  transform: translate(15.0445vw, -10px) scale(0.3355);
  animation: fall-20 13s -17s linear infinite;
}
@keyframes fall-20 {
  51.915% {
    transform: translate(8.2725vw, 51.915vh) scale(0.3355);
  }
  to {
    transform: translate(11.6585vw, 100vh) scale(0.3355);
  }
}
.snowflakes div:nth-child(21) {
  opacity: 0.825;
  transform: translate(52.2448vw, -10px) scale(0.44);
  animation: fall-21 27s -12s linear infinite;
}
@keyframes fall-21 {
  73.989% {
    transform: translate(57.5326vw, 73.989vh) scale(0.44);
  }
  to {
    transform: translate(54.8887vw, 100vh) scale(0.44);
  }
}
.snowflakes div:nth-child(22) {
  opacity: 0.9902;
  transform: translate(84.4595vw, -10px) scale(0.1817);
  animation: fall-22 13s -13s linear infinite;
}
@keyframes fall-22 {
  68.185% {
    transform: translate(83.7905vw, 68.185vh) scale(0.1817);
  }
  to {
    transform: translate(84.125vw, 100vh) scale(0.1817);
  }
}
.snowflakes div:nth-child(23) {
  opacity: 0.2437;
  transform: translate(13.2132vw, -10px) scale(0.7588);
  animation: fall-23 24s -20s linear infinite;
}
@keyframes fall-23 {
  46.753% {
    transform: translate(21.8696vw, 46.753vh) scale(0.7588);
  }
  to {
    transform: translate(17.5414vw, 100vh) scale(0.7588);
  }
}
.snowflakes div:nth-child(24) {
  opacity: 0.5806;
  transform: translate(38.3331vw, -10px) scale(0.2783);
  animation: fall-24 29s -13s linear infinite;
}
@keyframes fall-24 {
  30.771% {
    transform: translate(47.5447vw, 30.771vh) scale(0.2783);
  }
  to {
    transform: translate(42.9389vw, 100vh) scale(0.2783);
  }
}
.snowflakes div:nth-child(25) {
  opacity: 0.8689;
  transform: translate(59.8526vw, -10px) scale(0.8366);
  animation: fall-25 14s -28s linear infinite;
}
@keyframes fall-25 {
  42.44% {
    transform: translate(52.6574vw, 42.44vh) scale(0.8366);
  }
  to {
    transform: translate(56.255vw, 100vh) scale(0.8366);
  }
}
.snowflakes div:nth-child(26) {
  opacity: 0.7086;
  transform: translate(96.8494vw, -10px) scale(0.2534);
  animation: fall-26 11s -28s linear infinite;
}
@keyframes fall-26 {
  76.141% {
    transform: translate(88.1318vw, 76.141vh) scale(0.2534);
  }
  to {
    transform: translate(92.4906vw, 100vh) scale(0.2534);
  }
}
.snowflakes div:nth-child(27) {
  opacity: 0.8582;
  transform: translate(77.7579vw, -10px) scale(0.4842);
  animation: fall-27 27s -27s linear infinite;
}
@keyframes fall-27 {
  37.998% {
    transform: translate(76.3564vw, 37.998vh) scale(0.4842);
  }
  to {
    transform: translate(77.05715vw, 100vh) scale(0.4842);
  }
}
.snowflakes div:nth-child(28) {
  opacity: 0.61;
  transform: translate(50.6143vw, -10px) scale(0.8914);
  animation: fall-28 21s -16s linear infinite;
}
@keyframes fall-28 {
  63.657% {
    transform: translate(47.698vw, 63.657vh) scale(0.8914);
  }
  to {
    transform: translate(49.15615vw, 100vh) scale(0.8914);
  }
}
.snowflakes div:nth-child(29) {
  opacity: 0.3737;
  transform: translate(57.6882vw, -10px) scale(0.1503);
  animation: fall-29 25s -15s linear infinite;
}
@keyframes fall-29 {
  53.855% {
    transform: translate(56.1541vw, 53.855vh) scale(0.1503);
  }
  to {
    transform: translate(56.92115vw, 100vh) scale(0.1503);
  }
}
.snowflakes div:nth-child(30) {
  opacity: 0.2598;
  transform: translate(90.4967vw, -10px) scale(0.1156);
  animation: fall-30 23s -8s linear infinite;
}
@keyframes fall-30 {
  66.183% {
    transform: translate(89.9717vw, 66.183vh) scale(0.1156);
  }
  to {
    transform: translate(90.2342vw, 100vh) scale(0.1156);
  }
}
.snowflakes div:nth-child(31) {
  opacity: 0.6211;
  transform: translate(86.3731vw, -10px) scale(0.8502);
  animation: fall-31 12s -1s linear infinite;
}
@keyframes fall-31 {
  37.594% {
    transform: translate(84.836vw, 37.594vh) scale(0.8502);
  }
  to {
    transform: translate(85.60455vw, 100vh) scale(0.8502);
  }
}
.snowflakes div:nth-child(32) {
  opacity: 0.0659;
  transform: translate(33.7161vw, -10px) scale(0.6135);
  animation: fall-32 16s -10s linear infinite;
}
@keyframes fall-32 {
  61.633% {
    transform: translate(35.8398vw, 61.633vh) scale(0.6135);
  }
  to {
    transform: translate(34.77795vw, 100vh) scale(0.6135);
  }
}
.snowflakes div:nth-child(33) {
  opacity: 0.5601;
  transform: translate(11.9775vw, -10px) scale(0.0104);
  animation: fall-33 12s -13s linear infinite;
}
@keyframes fall-33 {
  51.465% {
    transform: translate(8.1875vw, 51.465vh) scale(0.0104);
  }
  to {
    transform: translate(10.0825vw, 100vh) scale(0.0104);
  }
}
.snowflakes div:nth-child(34) {
  opacity: 0.7007;
  transform: translate(11.1513vw, -10px) scale(0.5009);
  animation: fall-34 30s -6s linear infinite;
}
@keyframes fall-34 {
  34.555% {
    transform: translate(20.0868vw, 34.555vh) scale(0.5009);
  }
  to {
    transform: translate(15.61905vw, 100vh) scale(0.5009);
  }
}
.snowflakes div:nth-child(35) {
  opacity: 0.0577;
  transform: translate(61.3843vw, -10px) scale(0.4558);
  animation: fall-35 27s -7s linear infinite;
}
@keyframes fall-35 {
  63.674% {
    transform: translate(71.3838vw, 63.674vh) scale(0.4558);
  }
  to {
    transform: translate(66.38405vw, 100vh) scale(0.4558);
  }
}
.snowflakes div:nth-child(36) {
  opacity: 0.7586;
  transform: translate(54.9463vw, -10px) scale(0.403);
  animation: fall-36 29s -10s linear infinite;
}
@keyframes fall-36 {
  52.788% {
    transform: translate(62.909vw, 52.788vh) scale(0.403);
  }
  to {
    transform: translate(58.92765vw, 100vh) scale(0.403);
  }
}
.snowflakes div:nth-child(37) {
  opacity: 0.0904;
  transform: translate(97.7274vw, -10px) scale(0.1558);
  animation: fall-37 22s -7s linear infinite;
}
@keyframes fall-37 {
  45.631% {
    transform: translate(99.3602vw, 45.631vh) scale(0.1558);
  }
  to {
    transform: translate(98.5438vw, 100vh) scale(0.1558);
  }
}
.snowflakes div:nth-child(38) {
  opacity: 0.5832;
  transform: translate(23.0045vw, -10px) scale(0.0536);
  animation: fall-38 19s -17s linear infinite;
}
@keyframes fall-38 {
  31.952% {
    transform: translate(18.2611vw, 31.952vh) scale(0.0536);
  }
  to {
    transform: translate(20.6328vw, 100vh) scale(0.0536);
  }
}
.snowflakes div:nth-child(39) {
  opacity: 0.9392;
  transform: translate(18.5771vw, -10px) scale(0.3297);
  animation: fall-39 18s -1s linear infinite;
}
@keyframes fall-39 {
  35.868% {
    transform: translate(12.7711vw, 35.868vh) scale(0.3297);
  }
  to {
    transform: translate(15.6741vw, 100vh) scale(0.3297);
  }
}
.snowflakes div:nth-child(40) {
  opacity: 0.605;
  transform: translate(18.9243vw, -10px) scale(0.7477);
  animation: fall-40 23s -27s linear infinite;
}
@keyframes fall-40 {
  50.907% {
    transform: translate(19.5404vw, 50.907vh) scale(0.7477);
  }
  to {
    transform: translate(19.23235vw, 100vh) scale(0.7477);
  }
}
.snowflakes div:nth-child(41) {
  opacity: 0.4682;
  transform: translate(81.0841vw, -10px) scale(0.2146);
  animation: fall-41 15s -12s linear infinite;
}
@keyframes fall-41 {
  33.402% {
    transform: translate(71.6716vw, 33.402vh) scale(0.2146);
  }
  to {
    transform: translate(76.37785vw, 100vh) scale(0.2146);
  }
}
.snowflakes div:nth-child(42) {
  opacity: 0.5375;
  transform: translate(63.2528vw, -10px) scale(0.9756);
  animation: fall-42 20s -29s linear infinite;
}
@keyframes fall-42 {
  31.678% {
    transform: translate(59.5595vw, 31.678vh) scale(0.9756);
  }
  to {
    transform: translate(61.40615vw, 100vh) scale(0.9756);
  }
}
.snowflakes div:nth-child(43) {
  opacity: 0.0599;
  transform: translate(40.7005vw, -10px) scale(0.0939);
  animation: fall-43 13s -25s linear infinite;
}
@keyframes fall-43 {
  75.335% {
    transform: translate(32.5583vw, 75.335vh) scale(0.0939);
  }
  to {
    transform: translate(36.6294vw, 100vh) scale(0.0939);
  }
}
.snowflakes div:nth-child(44) {
  opacity: 0.4823;
  transform: translate(31.0721vw, -10px) scale(0.7581);
  animation: fall-44 30s -25s linear infinite;
}
@keyframes fall-44 {
  40.633% {
    transform: translate(38.2078vw, 40.633vh) scale(0.7581);
  }
  to {
    transform: translate(34.63995vw, 100vh) scale(0.7581);
  }
}
.snowflakes div:nth-child(45) {
  opacity: 0.8979;
  transform: translate(68.0852vw, -10px) scale(0.5266);
  animation: fall-45 30s -30s linear infinite;
}
@keyframes fall-45 {
  47.106% {
    transform: translate(67.3021vw, 47.106vh) scale(0.5266);
  }
  to {
    transform: translate(67.69365vw, 100vh) scale(0.5266);
  }
}
.snowflakes div:nth-child(46) {
  opacity: 0.748;
  transform: translate(13.0396vw, -10px) scale(0.4343);
  animation: fall-46 11s -15s linear infinite;
}
@keyframes fall-46 {
  59.06% {
    transform: translate(9.493vw, 59.06vh) scale(0.4343);
  }
  to {
    transform: translate(11.2663vw, 100vh) scale(0.4343);
  }
}
.snowflakes div:nth-child(47) {
  opacity: 0.23;
  transform: translate(20.2326vw, -10px) scale(0.3736);
  animation: fall-47 28s -11s linear infinite;
}
@keyframes fall-47 {
  62.472% {
    transform: translate(26.723vw, 62.472vh) scale(0.3736);
  }
  to {
    transform: translate(23.4778vw, 100vh) scale(0.3736);
  }
}
.snowflakes div:nth-child(48) {
  opacity: 0.0904;
  transform: translate(48.7134vw, -10px) scale(0.4977);
  animation: fall-48 14s -28s linear infinite;
}
@keyframes fall-48 {
  77.085% {
    transform: translate(53.8549vw, 77.085vh) scale(0.4977);
  }
  to {
    transform: translate(51.28415vw, 100vh) scale(0.4977);
  }
}
.snowflakes div:nth-child(49) {
  opacity: 0.2318;
  transform: translate(74.4865vw, -10px) scale(0.3903);
  animation: fall-49 15s -6s linear infinite;
}
@keyframes fall-49 {
  66.918% {
    transform: translate(66.2868vw, 66.918vh) scale(0.3903);
  }
  to {
    transform: translate(70.38665vw, 100vh) scale(0.3903);
  }
}
.snowflakes div:nth-child(50) {
  opacity: 0.6372;
  transform: translate(72.9064vw, -10px) scale(0.9936);
  animation: fall-50 28s -19s linear infinite;
}
@keyframes fall-50 {
  35.819% {
    transform: translate(78.4912vw, 35.819vh) scale(0.9936);
  }
  to {
    transform: translate(75.6988vw, 100vh) scale(0.9936);
  }
}
.snowflakes div:nth-child(51) {
  opacity: 0.7327;
  transform: translate(50.4991vw, -10px) scale(0.657);
  animation: fall-51 29s -5s linear infinite;
}
@keyframes fall-51 {
  49.372% {
    transform: translate(59.2535vw, 49.372vh) scale(0.657);
  }
  to {
    transform: translate(54.8763vw, 100vh) scale(0.657);
  }
}
.snowflakes div:nth-child(52) {
  opacity: 0.4563;
  transform: translate(84.996vw, -10px) scale(0.1036);
  animation: fall-52 15s -2s linear infinite;
}
@keyframes fall-52 {
  56.917% {
    transform: translate(83.4364vw, 56.917vh) scale(0.1036);
  }
  to {
    transform: translate(84.2162vw, 100vh) scale(0.1036);
  }
}
.snowflakes div:nth-child(53) {
  opacity: 0.6303;
  transform: translate(43.2949vw, -10px) scale(0.9739);
  animation: fall-53 26s -21s linear infinite;
}
@keyframes fall-53 {
  54.867% {
    transform: translate(35.0787vw, 54.867vh) scale(0.9739);
  }
  to {
    transform: translate(39.1868vw, 100vh) scale(0.9739);
  }
}
.snowflakes div:nth-child(54) {
  opacity: 0.6357;
  transform: translate(38.9711vw, -10px) scale(0.5882);
  animation: fall-54 10s -11s linear infinite;
}
@keyframes fall-54 {
  72.17% {
    transform: translate(48.9506vw, 72.17vh) scale(0.5882);
  }
  to {
    transform: translate(43.96085vw, 100vh) scale(0.5882);
  }
}
.snowflakes div:nth-child(55) {
  opacity: 0.4572;
  transform: translate(45.2005vw, -10px) scale(0.451);
  animation: fall-55 27s -24s linear infinite;
}
@keyframes fall-55 {
  71.175% {
    transform: translate(55.0177vw, 71.175vh) scale(0.451);
  }
  to {
    transform: translate(50.1091vw, 100vh) scale(0.451);
  }
}
.snowflakes div:nth-child(56) {
  opacity: 0.8748;
  transform: translate(98.5867vw, -10px) scale(0.7555);
  animation: fall-56 30s -20s linear infinite;
}
@keyframes fall-56 {
  38.963% {
    transform: translate(90.4374vw, 38.963vh) scale(0.7555);
  }
  to {
    transform: translate(94.51205vw, 100vh) scale(0.7555);
  }
}
.snowflakes div:nth-child(57) {
  opacity: 0.5517;
  transform: translate(39.9176vw, -10px) scale(0.1833);
  animation: fall-57 25s -9s linear infinite;
}
@keyframes fall-57 {
  30.636% {
    transform: translate(30.2366vw, 30.636vh) scale(0.1833);
  }
  to {
    transform: translate(35.0771vw, 100vh) scale(0.1833);
  }
}
.snowflakes div:nth-child(58) {
  opacity: 0.8758;
  transform: translate(31.7011vw, -10px) scale(0.1776);
  animation: fall-58 17s -18s linear infinite;
}
@keyframes fall-58 {
  53.752% {
    transform: translate(40.4466vw, 53.752vh) scale(0.1776);
  }
  to {
    transform: translate(36.07385vw, 100vh) scale(0.1776);
  }
}
.snowflakes div:nth-child(59) {
  opacity: 0.7435;
  transform: translate(92.1723vw, -10px) scale(0.5784);
  animation: fall-59 20s -1s linear infinite;
}
@keyframes fall-59 {
  30.873% {
    transform: translate(86.6022vw, 30.873vh) scale(0.5784);
  }
  to {
    transform: translate(89.38725vw, 100vh) scale(0.5784);
  }
}
.snowflakes div:nth-child(60) {
  opacity: 0.9253;
  transform: translate(39.6823vw, -10px) scale(0.6446);
  animation: fall-60 14s -4s linear infinite;
}
@keyframes fall-60 {
  43.328% {
    transform: translate(30.2154vw, 43.328vh) scale(0.6446);
  }
  to {
    transform: translate(34.94885vw, 100vh) scale(0.6446);
  }
}
.snowflakes div:nth-child(61) {
  opacity: 0.4569;
  transform: translate(19.7275vw, -10px) scale(0.2582);
  animation: fall-61 14s -6s linear infinite;
}
@keyframes fall-61 {
  35.209% {
    transform: translate(24.7852vw, 35.209vh) scale(0.2582);
  }
  to {
    transform: translate(22.25635vw, 100vh) scale(0.2582);
  }
}
.snowflakes div:nth-child(62) {
  opacity: 0.7736;
  transform: translate(46.441vw, -10px) scale(0.2644);
  animation: fall-62 18s -30s linear infinite;
}
@keyframes fall-62 {
  60.392% {
    transform: translate(37.9661vw, 60.392vh) scale(0.2644);
  }
  to {
    transform: translate(42.20355vw, 100vh) scale(0.2644);
  }
}
.snowflakes div:nth-child(63) {
  opacity: 0.6186;
  transform: translate(37.1822vw, -10px) scale(0.8081);
  animation: fall-63 30s -1s linear infinite;
}
@keyframes fall-63 {
  47.217% {
    transform: translate(44.3252vw, 47.217vh) scale(0.8081);
  }
  to {
    transform: translate(40.7537vw, 100vh) scale(0.8081);
  }
}
.snowflakes div:nth-child(64) {
  opacity: 0.4113;
  transform: translate(29.7011vw, -10px) scale(0.8832);
  animation: fall-64 13s -30s linear infinite;
}
@keyframes fall-64 {
  63.841% {
    transform: translate(29.231vw, 63.841vh) scale(0.8832);
  }
  to {
    transform: translate(29.46605vw, 100vh) scale(0.8832);
  }
}
.snowflakes div:nth-child(65) {
  opacity: 0.1682;
  transform: translate(52.8159vw, -10px) scale(0.6392);
  animation: fall-65 30s -24s linear infinite;
}
@keyframes fall-65 {
  36.379% {
    transform: translate(43.4767vw, 36.379vh) scale(0.6392);
  }
  to {
    transform: translate(48.1463vw, 100vh) scale(0.6392);
  }
}
.snowflakes div:nth-child(66) {
  opacity: 0.9361;
  transform: translate(97.3226vw, -10px) scale(0.9595);
  animation: fall-66 30s -4s linear infinite;
}
@keyframes fall-66 {
  68.422% {
    transform: translate(90.5625vw, 68.422vh) scale(0.9595);
  }
  to {
    transform: translate(93.94255vw, 100vh) scale(0.9595);
  }
}
.snowflakes div:nth-child(67) {
  opacity: 0.9258;
  transform: translate(66.2072vw, -10px) scale(0.5033);
  animation: fall-67 15s -12s linear infinite;
}
@keyframes fall-67 {
  45.646% {
    transform: translate(74.7869vw, 45.646vh) scale(0.5033);
  }
  to {
    transform: translate(70.49705vw, 100vh) scale(0.5033);
  }
}
.snowflakes div:nth-child(68) {
  opacity: 0.0127;
  transform: translate(61.2995vw, -10px) scale(0.8848);
  animation: fall-68 20s -6s linear infinite;
}
@keyframes fall-68 {
  41.607% {
    transform: translate(68.3725vw, 41.607vh) scale(0.8848);
  }
  to {
    transform: translate(64.836vw, 100vh) scale(0.8848);
  }
}
.snowflakes div:nth-child(69) {
  opacity: 0.159;
  transform: translate(31.9573vw, -10px) scale(0.5294);
  animation: fall-69 12s -21s linear infinite;
}
@keyframes fall-69 {
  55.822% {
    transform: translate(36.0021vw, 55.822vh) scale(0.5294);
  }
  to {
    transform: translate(33.9797vw, 100vh) scale(0.5294);
  }
}
.snowflakes div:nth-child(70) {
  opacity: 0.6893;
  transform: translate(57.6899vw, -10px) scale(0.9051);
  animation: fall-70 19s -6s linear infinite;
}
@keyframes fall-70 {
  54.646% {
    transform: translate(66.7923vw, 54.646vh) scale(0.9051);
  }
  to {
    transform: translate(62.2411vw, 100vh) scale(0.9051);
  }
}
.snowflakes div:nth-child(71) {
  opacity: 0.7784;
  transform: translate(28.3689vw, -10px) scale(0.7445);
  animation: fall-71 26s -7s linear infinite;
}
@keyframes fall-71 {
  30.639% {
    transform: translate(24.6369vw, 30.639vh) scale(0.7445);
  }
  to {
    transform: translate(26.5029vw, 100vh) scale(0.7445);
  }
}
.snowflakes div:nth-child(72) {
  opacity: 0.3923;
  transform: translate(75.6533vw, -10px) scale(0.4868);
  animation: fall-72 26s -6s linear infinite;
}
@keyframes fall-72 {
  69.693% {
    transform: translate(68.0779vw, 69.693vh) scale(0.4868);
  }
  to {
    transform: translate(71.8656vw, 100vh) scale(0.4868);
  }
}
.snowflakes div:nth-child(73) {
  opacity: 0.7677;
  transform: translate(69.7473vw, -10px) scale(0.7593);
  animation: fall-73 30s -3s linear infinite;
}
@keyframes fall-73 {
  34.991% {
    transform: translate(64.2081vw, 34.991vh) scale(0.7593);
  }
  to {
    transform: translate(66.9777vw, 100vh) scale(0.7593);
  }
}
.snowflakes div:nth-child(74) {
  opacity: 0.4854;
  transform: translate(20.3788vw, -10px) scale(0.6945);
  animation: fall-74 30s -25s linear infinite;
}
@keyframes fall-74 {
  74.097% {
    transform: translate(17.966vw, 74.097vh) scale(0.6945);
  }
  to {
    transform: translate(19.1724vw, 100vh) scale(0.6945);
  }
}
.snowflakes div:nth-child(75) {
  opacity: 0.0615;
  transform: translate(15.918vw, -10px) scale(0.3707);
  animation: fall-75 28s -15s linear infinite;
}
@keyframes fall-75 {
  39.629% {
    transform: translate(13.0429vw, 39.629vh) scale(0.3707);
  }
  to {
    transform: translate(14.48045vw, 100vh) scale(0.3707);
  }
}
.snowflakes div:nth-child(76) {
  opacity: 0.7717;
  transform: translate(51.2384vw, -10px) scale(0.5709);
  animation: fall-76 11s -18s linear infinite;
}
@keyframes fall-76 {
  67.294% {
    transform: translate(56.2305vw, 67.294vh) scale(0.5709);
  }
  to {
    transform: translate(53.73445vw, 100vh) scale(0.5709);
  }
}
.snowflakes div:nth-child(77) {
  opacity: 0.5892;
  transform: translate(86.2856vw, -10px) scale(0.1027);
  animation: fall-77 25s -25s linear infinite;
}
@keyframes fall-77 {
  45.395% {
    transform: translate(84.3274vw, 45.395vh) scale(0.1027);
  }
  to {
    transform: translate(85.3065vw, 100vh) scale(0.1027);
  }
}
.snowflakes div:nth-child(78) {
  opacity: 0.4331;
  transform: translate(29.7363vw, -10px) scale(0.8476);
  animation: fall-78 20s -22s linear infinite;
}
@keyframes fall-78 {
  33.863% {
    transform: translate(20.9206vw, 33.863vh) scale(0.8476);
  }
  to {
    transform: translate(25.32845vw, 100vh) scale(0.8476);
  }
}
.snowflakes div:nth-child(79) {
  opacity: 0.2916;
  transform: translate(86.38vw, -10px) scale(0.0023);
  animation: fall-79 19s -5s linear infinite;
}
@keyframes fall-79 {
  40.313% {
    transform: translate(92.6615vw, 40.313vh) scale(0.0023);
  }
  to {
    transform: translate(89.52075vw, 100vh) scale(0.0023);
  }
}
.snowflakes div:nth-child(80) {
  opacity: 0.0917;
  transform: translate(68.082vw, -10px) scale(0.1906);
  animation: fall-80 19s -19s linear infinite;
}
@keyframes fall-80 {
  67.004% {
    transform: translate(63.7976vw, 67.004vh) scale(0.1906);
  }
  to {
    transform: translate(65.9398vw, 100vh) scale(0.1906);
  }
}
.snowflakes div:nth-child(81) {
  opacity: 0.6027;
  transform: translate(66.7907vw, -10px) scale(0.7408);
  animation: fall-81 21s -19s linear infinite;
}
@keyframes fall-81 {
  71.834% {
    transform: translate(70.574vw, 71.834vh) scale(0.7408);
  }
  to {
    transform: translate(68.68235vw, 100vh) scale(0.7408);
  }
}
.snowflakes div:nth-child(82) {
  opacity: 0.1512;
  transform: translate(43.3446vw, -10px) scale(0.2496);
  animation: fall-82 30s -15s linear infinite;
}
@keyframes fall-82 {
  76.785% {
    transform: translate(48.2758vw, 76.785vh) scale(0.2496);
  }
  to {
    transform: translate(45.8102vw, 100vh) scale(0.2496);
  }
}
.snowflakes div:nth-child(83) {
  opacity: 0.3631;
  transform: translate(55.7689vw, -10px) scale(0.2705);
  animation: fall-83 15s -10s linear infinite;
}
@keyframes fall-83 {
  71.087% {
    transform: translate(54.1956vw, 71.087vh) scale(0.2705);
  }
  to {
    transform: translate(54.98225vw, 100vh) scale(0.2705);
  }
}
.snowflakes div:nth-child(84) {
  opacity: 0.3592;
  transform: translate(6.9036vw, -10px) scale(0.0164);
  animation: fall-84 19s -24s linear infinite;
}
@keyframes fall-84 {
  62.531% {
    transform: translate(4.3285vw, 62.531vh) scale(0.0164);
  }
  to {
    transform: translate(5.61605vw, 100vh) scale(0.0164);
  }
}
.snowflakes div:nth-child(85) {
  opacity: 0.5875;
  transform: translate(22.773vw, -10px) scale(0.7509);
  animation: fall-85 14s -14s linear infinite;
}
@keyframes fall-85 {
  75.876% {
    transform: translate(15.5448vw, 75.876vh) scale(0.7509);
  }
  to {
    transform: translate(19.1589vw, 100vh) scale(0.7509);
  }
}
.snowflakes div:nth-child(86) {
  opacity: 0.1269;
  transform: translate(90.4539vw, -10px) scale(0.4626);
  animation: fall-86 23s -9s linear infinite;
}
@keyframes fall-86 {
  69.501% {
    transform: translate(86.9821vw, 69.501vh) scale(0.4626);
  }
  to {
    transform: translate(88.718vw, 100vh) scale(0.4626);
  }
}
.snowflakes div:nth-child(87) {
  opacity: 0.3599;
  transform: translate(13.2963vw, -10px) scale(0.8146);
  animation: fall-87 22s -15s linear infinite;
}
@keyframes fall-87 {
  44.647% {
    transform: translate(10.1493vw, 44.647vh) scale(0.8146);
  }
  to {
    transform: translate(11.7228vw, 100vh) scale(0.8146);
  }
}
.snowflakes div:nth-child(88) {
  opacity: 0.8411;
  transform: translate(99.0616vw, -10px) scale(0.3557);
  animation: fall-88 27s -1s linear infinite;
}
@keyframes fall-88 {
  73.358% {
    transform: translate(90.4341vw, 73.358vh) scale(0.3557);
  }
  to {
    transform: translate(94.74785vw, 100vh) scale(0.3557);
  }
}
.snowflakes div:nth-child(89) {
  opacity: 0.2637;
  transform: translate(60.0416vw, -10px) scale(0.2177);
  animation: fall-89 28s -28s linear infinite;
}
@keyframes fall-89 {
  71.406% {
    transform: translate(53.5644vw, 71.406vh) scale(0.2177);
  }
  to {
    transform: translate(56.803vw, 100vh) scale(0.2177);
  }
}
.snowflakes div:nth-child(90) {
  opacity: 0.5143;
  transform: translate(33.8419vw, -10px) scale(0.6884);
  animation: fall-90 17s -13s linear infinite;
}
@keyframes fall-90 {
  72.167% {
    transform: translate(31.0389vw, 72.167vh) scale(0.6884);
  }
  to {
    transform: translate(32.4404vw, 100vh) scale(0.6884);
  }
}
.snowflakes div:nth-child(91) {
  opacity: 0.0844;
  transform: translate(80.2294vw, -10px) scale(0.3865);
  animation: fall-91 30s -16s linear infinite;
}
@keyframes fall-91 {
  64.184% {
    transform: translate(71.8191vw, 64.184vh) scale(0.3865);
  }
  to {
    transform: translate(76.02425vw, 100vh) scale(0.3865);
  }
}
.snowflakes div:nth-child(92) {
  opacity: 0.7404;
  transform: translate(66.6378vw, -10px) scale(0.0511);
  animation: fall-92 11s -20s linear infinite;
}
@keyframes fall-92 {
  72.476% {
    transform: translate(70.5452vw, 72.476vh) scale(0.0511);
  }
  to {
    transform: translate(68.5915vw, 100vh) scale(0.0511);
  }
}
.snowflakes div:nth-child(93) {
  opacity: 0.5076;
  transform: translate(84.0941vw, -10px) scale(0.1745);
  animation: fall-93 30s -8s linear infinite;
}
@keyframes fall-93 {
  69.838% {
    transform: translate(90.8328vw, 69.838vh) scale(0.1745);
  }
  to {
    transform: translate(87.46345vw, 100vh) scale(0.1745);
  }
}
.snowflakes div:nth-child(94) {
  opacity: 0.0486;
  transform: translate(40.9206vw, -10px) scale(0.7862);
  animation: fall-94 23s -23s linear infinite;
}
@keyframes fall-94 {
  43.828% {
    transform: translate(40.3698vw, 43.828vh) scale(0.7862);
  }
  to {
    transform: translate(40.6452vw, 100vh) scale(0.7862);
  }
}
.snowflakes div:nth-child(95) {
  opacity: 0.2561;
  transform: translate(55.8052vw, -10px) scale(0.1911);
  animation: fall-95 27s -27s linear infinite;
}
@keyframes fall-95 {
  78.481% {
    transform: translate(52.847vw, 78.481vh) scale(0.1911);
  }
  to {
    transform: translate(54.3261vw, 100vh) scale(0.1911);
  }
}
.snowflakes div:nth-child(96) {
  opacity: 0.0443;
  transform: translate(47.4023vw, -10px) scale(0.128);
  animation: fall-96 27s -8s linear infinite;
}
@keyframes fall-96 {
  57.463% {
    transform: translate(53.3205vw, 57.463vh) scale(0.128);
  }
  to {
    transform: translate(50.3614vw, 100vh) scale(0.128);
  }
}
.snowflakes div:nth-child(97) {
  opacity: 0.7354;
  transform: translate(32.5813vw, -10px) scale(0.5808);
  animation: fall-97 12s -5s linear infinite;
}
@keyframes fall-97 {
  35.741% {
    transform: translate(24.2793vw, 35.741vh) scale(0.5808);
  }
  to {
    transform: translate(28.4303vw, 100vh) scale(0.5808);
  }
}
.snowflakes div:nth-child(98) {
  opacity: 0.3381;
  transform: translate(43.811vw, -10px) scale(0.7805);
  animation: fall-98 14s -15s linear infinite;
}
@keyframes fall-98 {
  76.299% {
    transform: translate(41.9332vw, 76.299vh) scale(0.7805);
  }
  to {
    transform: translate(42.8721vw, 100vh) scale(0.7805);
  }
}
.snowflakes div:nth-child(99) {
  opacity: 0.0472;
  transform: translate(86.2905vw, -10px) scale(0.1017);
  animation: fall-99 16s -23s linear infinite;
}
@keyframes fall-99 {
  50.318% {
    transform: translate(94.0795vw, 50.318vh) scale(0.1017);
  }
  to {
    transform: translate(90.185vw, 100vh) scale(0.1017);
  }
}
.snowflakes div:nth-child(100) {
  opacity: 0.8283;
  transform: translate(29.7608vw, -10px) scale(0.2535);
  animation: fall-100 17s -3s linear infinite;
}
@keyframes fall-100 {
  60.668% {
    transform: translate(35.679vw, 60.668vh) scale(0.2535);
  }
  to {
    transform: translate(32.7199vw, 100vh) scale(0.2535);
  }
}
.snowflakes div:nth-child(101) {
  opacity: 0.9524;
  transform: translate(14.7319vw, -10px) scale(0.2327);
  animation: fall-101 27s -2s linear infinite;
}
@keyframes fall-101 {
  46.896% {
    transform: translate(17.0814vw, 46.896vh) scale(0.2327);
  }
  to {
    transform: translate(15.90665vw, 100vh) scale(0.2327);
  }
}
.snowflakes div:nth-child(102) {
  opacity: 0.8635;
  transform: translate(9.8389vw, -10px) scale(0.3678);
  animation: fall-102 22s -24s linear infinite;
}
@keyframes fall-102 {
  31.917% {
    transform: translate(12.4848vw, 31.917vh) scale(0.3678);
  }
  to {
    transform: translate(11.16185vw, 100vh) scale(0.3678);
  }
}
.snowflakes div:nth-child(103) {
  opacity: 0.7553;
  transform: translate(92.6535vw, -10px) scale(0.1148);
  animation: fall-103 18s -16s linear infinite;
}
@keyframes fall-103 {
  41.55% {
    transform: translate(84.2486vw, 41.55vh) scale(0.1148);
  }
  to {
    transform: translate(88.45105vw, 100vh) scale(0.1148);
  }
}
.snowflakes div:nth-child(104) {
  opacity: 0.578;
  transform: translate(47.2894vw, -10px) scale(0.7998);
  animation: fall-104 25s -29s linear infinite;
}
@keyframes fall-104 {
  47.822% {
    transform: translate(42.3572vw, 47.822vh) scale(0.7998);
  }
  to {
    transform: translate(44.8233vw, 100vh) scale(0.7998);
  }
}
.snowflakes div:nth-child(105) {
  opacity: 0.9659;
  transform: translate(38.2655vw, -10px) scale(0.9864);
  animation: fall-105 25s -6s linear infinite;
}
@keyframes fall-105 {
  58.233% {
    transform: translate(38.1983vw, 58.233vh) scale(0.9864);
  }
  to {
    transform: translate(38.2319vw, 100vh) scale(0.9864);
  }
}
.snowflakes div:nth-child(106) {
  opacity: 0.1191;
  transform: translate(71.5085vw, -10px) scale(0.0025);
  animation: fall-106 27s -16s linear infinite;
}
@keyframes fall-106 {
  58.196% {
    transform: translate(62.4992vw, 58.196vh) scale(0.0025);
  }
  to {
    transform: translate(67.00385vw, 100vh) scale(0.0025);
  }
}
.snowflakes div:nth-child(107) {
  opacity: 0.4513;
  transform: translate(23.0853vw, -10px) scale(0.7027);
  animation: fall-107 19s -12s linear infinite;
}
@keyframes fall-107 {
  58.343% {
    transform: translate(14.5438vw, 58.343vh) scale(0.7027);
  }
  to {
    transform: translate(18.81455vw, 100vh) scale(0.7027);
  }
}
.snowflakes div:nth-child(108) {
  opacity: 0.0283;
  transform: translate(55.9212vw, -10px) scale(0.3375);
  animation: fall-108 26s -4s linear infinite;
}
@keyframes fall-108 {
  46.488% {
    transform: translate(61.2614vw, 46.488vh) scale(0.3375);
  }
  to {
    transform: translate(58.5913vw, 100vh) scale(0.3375);
  }
}
.snowflakes div:nth-child(109) {
  opacity: 0.9833;
  transform: translate(47.2807vw, -10px) scale(0.075);
  animation: fall-109 29s -18s linear infinite;
}
@keyframes fall-109 {
  41.794% {
    transform: translate(37.5702vw, 41.794vh) scale(0.075);
  }
  to {
    transform: translate(42.42545vw, 100vh) scale(0.075);
  }
}
.snowflakes div:nth-child(110) {
  opacity: 0.8368;
  transform: translate(35.6282vw, -10px) scale(0.4818);
  animation: fall-110 23s -1s linear infinite;
}
@keyframes fall-110 {
  41.461% {
    transform: translate(36.5275vw, 41.461vh) scale(0.4818);
  }
  to {
    transform: translate(36.07785vw, 100vh) scale(0.4818);
  }
}
.snowflakes div:nth-child(111) {
  opacity: 0.2359;
  transform: translate(38.6768vw, -10px) scale(0.1744);
  animation: fall-111 14s -24s linear infinite;
}
@keyframes fall-111 {
  52.319% {
    transform: translate(45.3084vw, 52.319vh) scale(0.1744);
  }
  to {
    transform: translate(41.9926vw, 100vh) scale(0.1744);
  }
}
.snowflakes div:nth-child(112) {
  opacity: 0.1851;
  transform: translate(75.2305vw, -10px) scale(0.8604);
  animation: fall-112 14s -21s linear infinite;
}
@keyframes fall-112 {
  45.999% {
    transform: translate(78.7456vw, 45.999vh) scale(0.8604);
  }
  to {
    transform: translate(76.98805vw, 100vh) scale(0.8604);
  }
}
.snowflakes div:nth-child(113) {
  opacity: 0.2085;
  transform: translate(5.9248vw, -10px) scale(0.5962);
  animation: fall-113 16s -2s linear infinite;
}
@keyframes fall-113 {
  35.838% {
    transform: translate(2.6832vw, 35.838vh) scale(0.5962);
  }
  to {
    transform: translate(4.304vw, 100vh) scale(0.5962);
  }
}
.snowflakes div:nth-child(114) {
  opacity: 0.9476;
  transform: translate(21.7415vw, -10px) scale(0.2248);
  animation: fall-114 30s -20s linear infinite;
}
@keyframes fall-114 {
  63.263% {
    transform: translate(18.4819vw, 63.263vh) scale(0.2248);
  }
  to {
    transform: translate(20.1117vw, 100vh) scale(0.2248);
  }
}
.snowflakes div:nth-child(115) {
  opacity: 0.3991;
  transform: translate(14.9646vw, -10px) scale(0.1);
  animation: fall-115 26s -17s linear infinite;
}
@keyframes fall-115 {
  47.497% {
    transform: translate(8.3384vw, 47.497vh) scale(0.1);
  }
  to {
    transform: translate(11.6515vw, 100vh) scale(0.1);
  }
}
.snowflakes div:nth-child(116) {
  opacity: 0.9098;
  transform: translate(41.165vw, -10px) scale(0.6092);
  animation: fall-116 13s -24s linear infinite;
}
@keyframes fall-116 {
  78.218% {
    transform: translate(37.5541vw, 78.218vh) scale(0.6092);
  }
  to {
    transform: translate(39.35955vw, 100vh) scale(0.6092);
  }
}
.snowflakes div:nth-child(117) {
  opacity: 0.0754;
  transform: translate(15.1485vw, -10px) scale(0.4169);
  animation: fall-117 15s -4s linear infinite;
}
@keyframes fall-117 {
  56.172% {
    transform: translate(5.3016vw, 56.172vh) scale(0.4169);
  }
  to {
    transform: translate(10.22505vw, 100vh) scale(0.4169);
  }
}
.snowflakes div:nth-child(118) {
  opacity: 0.5046;
  transform: translate(69.6872vw, -10px) scale(0.763);
  animation: fall-118 26s -22s linear infinite;
}
@keyframes fall-118 {
  36.996% {
    transform: translate(68.9978vw, 36.996vh) scale(0.763);
  }
  to {
    transform: translate(69.3425vw, 100vh) scale(0.763);
  }
}
.snowflakes div:nth-child(119) {
  opacity: 0.3885;
  transform: translate(75.1307vw, -10px) scale(0.4344);
  animation: fall-119 19s -9s linear infinite;
}
@keyframes fall-119 {
  75.793% {
    transform: translate(71.4053vw, 75.793vh) scale(0.4344);
  }
  to {
    transform: translate(73.268vw, 100vh) scale(0.4344);
  }
}
.snowflakes div:nth-child(120) {
  opacity: 0.4462;
  transform: translate(45.2258vw, -10px) scale(0.1546);
  animation: fall-120 22s -15s linear infinite;
}
@keyframes fall-120 {
  31.558% {
    transform: translate(37.7129vw, 31.558vh) scale(0.1546);
  }
  to {
    transform: translate(41.46935vw, 100vh) scale(0.1546);
  }
}
.snowflakes div:nth-child(121) {
  opacity: 0.6354;
  transform: translate(54.8648vw, -10px) scale(0.9897);
  animation: fall-121 12s -30s linear infinite;
}
@keyframes fall-121 {
  76.682% {
    transform: translate(59.115vw, 76.682vh) scale(0.9897);
  }
  to {
    transform: translate(56.9899vw, 100vh) scale(0.9897);
  }
}
.snowflakes div:nth-child(122) {
  opacity: 0.3596;
  transform: translate(86.3369vw, -10px) scale(0.982);
  animation: fall-122 26s -9s linear infinite;
}
@keyframes fall-122 {
  62.42% {
    transform: translate(86.7041vw, 62.42vh) scale(0.982);
  }
  to {
    transform: translate(86.5205vw, 100vh) scale(0.982);
  }
}
.snowflakes div:nth-child(123) {
  opacity: 0.8479;
  transform: translate(6.4694vw, -10px) scale(0.4837);
  animation: fall-123 10s -11s linear infinite;
}
@keyframes fall-123 {
  32.693% {
    transform: translate(1.2878vw, 32.693vh) scale(0.4837);
  }
  to {
    transform: translate(3.8786vw, 100vh) scale(0.4837);
  }
}
.snowflakes div:nth-child(124) {
  opacity: 0.5106;
  transform: translate(13.5156vw, -10px) scale(0.0571);
  animation: fall-124 17s -28s linear infinite;
}
@keyframes fall-124 {
  52.99% {
    transform: translate(23.1515vw, 52.99vh) scale(0.0571);
  }
  to {
    transform: translate(18.33355vw, 100vh) scale(0.0571);
  }
}
.snowflakes div:nth-child(125) {
  opacity: 0.9247;
  transform: translate(55.9736vw, -10px) scale(0.0717);
  animation: fall-125 10s -29s linear infinite;
}
@keyframes fall-125 {
  77.995% {
    transform: translate(47.4317vw, 77.995vh) scale(0.0717);
  }
  to {
    transform: translate(51.70265vw, 100vh) scale(0.0717);
  }
}
.snowflakes div:nth-child(126) {
  opacity: 0.0936;
  transform: translate(9.4507vw, -10px) scale(0.3029);
  animation: fall-126 11s -27s linear infinite;
}
@keyframes fall-126 {
  53.876% {
    transform: translate(1.4412vw, 53.876vh) scale(0.3029);
  }
  to {
    transform: translate(5.44595vw, 100vh) scale(0.3029);
  }
}
.snowflakes div:nth-child(127) {
  opacity: 0.118;
  transform: translate(2.9489vw, -10px) scale(0.2534);
  animation: fall-127 23s -5s linear infinite;
}
@keyframes fall-127 {
  39.361% {
    transform: translate(7.6907vw, 39.361vh) scale(0.2534);
  }
  to {
    transform: translate(5.3198vw, 100vh) scale(0.2534);
  }
}
.snowflakes div:nth-child(128) {
  opacity: 0.5964;
  transform: translate(81.682vw, -10px) scale(0.5288);
  animation: fall-128 14s -24s linear infinite;
}
@keyframes fall-128 {
  37.848% {
    transform: translate(73.7735vw, 37.848vh) scale(0.5288);
  }
  to {
    transform: translate(77.72775vw, 100vh) scale(0.5288);
  }
}
.snowflakes div:nth-child(129) {
  opacity: 0.0848;
  transform: translate(85.8326vw, -10px) scale(0.1636);
  animation: fall-129 13s -26s linear infinite;
}
@keyframes fall-129 {
  69.775% {
    transform: translate(84.9592vw, 69.775vh) scale(0.1636);
  }
  to {
    transform: translate(85.3959vw, 100vh) scale(0.1636);
  }
}
.snowflakes div:nth-child(130) {
  opacity: 0.3232;
  transform: translate(82.523vw, -10px) scale(0.3824);
  animation: fall-130 13s -26s linear infinite;
}
@keyframes fall-130 {
  64.337% {
    transform: translate(72.9929vw, 64.337vh) scale(0.3824);
  }
  to {
    transform: translate(77.75795vw, 100vh) scale(0.3824);
  }
}
.snowflakes div:nth-child(131) {
  opacity: 0.271;
  transform: translate(99.751vw, -10px) scale(0.0225);
  animation: fall-131 17s -5s linear infinite;
}
@keyframes fall-131 {
  35.464% {
    transform: translate(109.3962vw, 35.464vh) scale(0.0225);
  }
  to {
    transform: translate(104.5736vw, 100vh) scale(0.0225);
  }
}
.snowflakes div:nth-child(132) {
  opacity: 0.0698;
  transform: translate(24.9573vw, -10px) scale(0.164);
  animation: fall-132 27s -13s linear infinite;
}
@keyframes fall-132 {
  69.824% {
    transform: translate(26.5456vw, 69.824vh) scale(0.164);
  }
  to {
    transform: translate(25.75145vw, 100vh) scale(0.164);
  }
}
.snowflakes div:nth-child(133) {
  opacity: 0.7628;
  transform: translate(65.6909vw, -10px) scale(0.547);
  animation: fall-133 18s -16s linear infinite;
}
@keyframes fall-133 {
  35.589% {
    transform: translate(75.6589vw, 35.589vh) scale(0.547);
  }
  to {
    transform: translate(70.6749vw, 100vh) scale(0.547);
  }
}
.snowflakes div:nth-child(134) {
  opacity: 0.5134;
  transform: translate(61.1999vw, -10px) scale(0.1963);
  animation: fall-134 18s -3s linear infinite;
}
@keyframes fall-134 {
  67.812% {
    transform: translate(57.566vw, 67.812vh) scale(0.1963);
  }
  to {
    transform: translate(59.38295vw, 100vh) scale(0.1963);
  }
}
.snowflakes div:nth-child(135) {
  opacity: 0.2219;
  transform: translate(98.3127vw, -10px) scale(0.1425);
  animation: fall-135 15s -19s linear infinite;
}
@keyframes fall-135 {
  55.49% {
    transform: translate(89.358vw, 55.49vh) scale(0.1425);
  }
  to {
    transform: translate(93.83535vw, 100vh) scale(0.1425);
  }
}
.snowflakes div:nth-child(136) {
  opacity: 0.9736;
  transform: translate(88.5277vw, -10px) scale(0.1223);
  animation: fall-136 15s -28s linear infinite;
}
@keyframes fall-136 {
  72.333% {
    transform: translate(79.8002vw, 72.333vh) scale(0.1223);
  }
  to {
    transform: translate(84.16395vw, 100vh) scale(0.1223);
  }
}
.snowflakes div:nth-child(137) {
  opacity: 0.703;
  transform: translate(80.0548vw, -10px) scale(0.5808);
  animation: fall-137 20s -1s linear infinite;
}
@keyframes fall-137 {
  78.828% {
    transform: translate(78.9495vw, 78.828vh) scale(0.5808);
  }
  to {
    transform: translate(79.50215vw, 100vh) scale(0.5808);
  }
}
.snowflakes div:nth-child(138) {
  opacity: 0.6924;
  transform: translate(21.0269vw, -10px) scale(0.8594);
  animation: fall-138 26s -12s linear infinite;
}
@keyframes fall-138 {
  60.756% {
    transform: translate(19.9358vw, 60.756vh) scale(0.8594);
  }
  to {
    transform: translate(20.48135vw, 100vh) scale(0.8594);
  }
}
.snowflakes div:nth-child(139) {
  opacity: 0.0643;
  transform: translate(81.5vw, -10px) scale(0.6126);
  animation: fall-139 14s -10s linear infinite;
}
@keyframes fall-139 {
  38.338% {
    transform: translate(83.1997vw, 38.338vh) scale(0.6126);
  }
  to {
    transform: translate(82.34985vw, 100vh) scale(0.6126);
  }
}
.snowflakes div:nth-child(140) {
  opacity: 0.9348;
  transform: translate(38.8567vw, -10px) scale(0.4032);
  animation: fall-140 26s -12s linear infinite;
}
@keyframes fall-140 {
  31.357% {
    transform: translate(37.6329vw, 31.357vh) scale(0.4032);
  }
  to {
    transform: translate(38.2448vw, 100vh) scale(0.4032);
  }
}
.snowflakes div:nth-child(141) {
  opacity: 0.086;
  transform: translate(25.9515vw, -10px) scale(0.9355);
  animation: fall-141 12s -26s linear infinite;
}
@keyframes fall-141 {
  30.252% {
    transform: translate(28.7208vw, 30.252vh) scale(0.9355);
  }
  to {
    transform: translate(27.33615vw, 100vh) scale(0.9355);
  }
}
.snowflakes div:nth-child(142) {
  opacity: 0.9698;
  transform: translate(22.2433vw, -10px) scale(0.81);
  animation: fall-142 26s -6s linear infinite;
}
@keyframes fall-142 {
  37.562% {
    transform: translate(13.4826vw, 37.562vh) scale(0.81);
  }
  to {
    transform: translate(17.86295vw, 100vh) scale(0.81);
  }
}
.snowflakes div:nth-child(143) {
  opacity: 0.3411;
  transform: translate(65.4812vw, -10px) scale(0.0961);
  animation: fall-143 19s -1s linear infinite;
}
@keyframes fall-143 {
  33.169% {
    transform: translate(60.2202vw, 33.169vh) scale(0.0961);
  }
  to {
    transform: translate(62.8507vw, 100vh) scale(0.0961);
  }
}
.snowflakes div:nth-child(144) {
  opacity: 0.4693;
  transform: translate(83.6215vw, -10px) scale(0.569);
  animation: fall-144 24s -9s linear infinite;
}
@keyframes fall-144 {
  35.182% {
    transform: translate(82.8056vw, 35.182vh) scale(0.569);
  }
  to {
    transform: translate(83.21355vw, 100vh) scale(0.569);
  }
}
.snowflakes div:nth-child(145) {
  opacity: 0.1683;
  transform: translate(16.7253vw, -10px) scale(0.5938);
  animation: fall-145 17s -10s linear infinite;
}
@keyframes fall-145 {
  70.896% {
    transform: translate(17.9131vw, 70.896vh) scale(0.5938);
  }
  to {
    transform: translate(17.3192vw, 100vh) scale(0.5938);
  }
}
.snowflakes div:nth-child(146) {
  opacity: 0.7907;
  transform: translate(9.4184vw, -10px) scale(0.7896);
  animation: fall-146 22s -10s linear infinite;
}
@keyframes fall-146 {
  43.567% {
    transform: translate(6.051vw, 43.567vh) scale(0.7896);
  }
  to {
    transform: translate(7.7347vw, 100vh) scale(0.7896);
  }
}
.snowflakes div:nth-child(147) {
  opacity: 0.4211;
  transform: translate(0.9706vw, -10px) scale(0.4154);
  animation: fall-147 19s -8s linear infinite;
}
@keyframes fall-147 {
  70.808% {
    transform: translate(2.7218vw, 70.808vh) scale(0.4154);
  }
  to {
    transform: translate(1.8462vw, 100vh) scale(0.4154);
  }
}
.snowflakes div:nth-child(148) {
  opacity: 0.4062;
  transform: translate(51.5238vw, -10px) scale(0.8497);
  animation: fall-148 15s -2s linear infinite;
}
@keyframes fall-148 {
  53.965% {
    transform: translate(51.6797vw, 53.965vh) scale(0.8497);
  }
  to {
    transform: translate(51.60175vw, 100vh) scale(0.8497);
  }
}
.snowflakes div:nth-child(149) {
  opacity: 0.1298;
  transform: translate(51.1995vw, -10px) scale(0.6982);
  animation: fall-149 17s -5s linear infinite;
}
@keyframes fall-149 {
  76.39% {
    transform: translate(49.9484vw, 76.39vh) scale(0.6982);
  }
  to {
    transform: translate(50.57395vw, 100vh) scale(0.6982);
  }
}
.snowflakes div:nth-child(150) {
  opacity: 0.9532;
  transform: translate(44.2231vw, -10px) scale(0.6314);
  animation: fall-150 24s -2s linear infinite;
}
@keyframes fall-150 {
  67.592% {
    transform: translate(50.5778vw, 67.592vh) scale(0.6314);
  }
  to {
    transform: translate(47.40045vw, 100vh) scale(0.6314);
  }
}
.snowflakes div:nth-child(151) {
  opacity: 0.3512;
  transform: translate(66.7495vw, -10px) scale(0.6472);
  animation: fall-151 24s -10s linear infinite;
}
@keyframes fall-151 {
  37.567% {
    transform: translate(58.3173vw, 37.567vh) scale(0.6472);
  }
  to {
    transform: translate(62.5334vw, 100vh) scale(0.6472);
  }
}
.snowflakes div:nth-child(152) {
  opacity: 0.4978;
  transform: translate(82.3471vw, -10px) scale(0.2025);
  animation: fall-152 14s -5s linear infinite;
}
@keyframes fall-152 {
  43.934% {
    transform: translate(78.3834vw, 43.934vh) scale(0.2025);
  }
  to {
    transform: translate(80.36525vw, 100vh) scale(0.2025);
  }
}
.snowflakes div:nth-child(153) {
  opacity: 0.4086;
  transform: translate(25.4777vw, -10px) scale(0.7541);
  animation: fall-153 22s -18s linear infinite;
}
@keyframes fall-153 {
  34.206% {
    transform: translate(32.2426vw, 34.206vh) scale(0.7541);
  }
  to {
    transform: translate(28.86015vw, 100vh) scale(0.7541);
  }
}
.snowflakes div:nth-child(154) {
  opacity: 0.283;
  transform: translate(5.1107vw, -10px) scale(0.936);
  animation: fall-154 11s -26s linear infinite;
}
@keyframes fall-154 {
  52.83% {
    transform: translate(0.32vw, 52.83vh) scale(0.936);
  }
  to {
    transform: translate(2.71535vw, 100vh) scale(0.936);
  }
}
.snowflakes div:nth-child(155) {
  opacity: 0.4244;
  transform: translate(24.7627vw, -10px) scale(0.4957);
  animation: fall-155 30s -8s linear infinite;
}
@keyframes fall-155 {
  43.719% {
    transform: translate(32.0714vw, 43.719vh) scale(0.4957);
  }
  to {
    transform: translate(28.41705vw, 100vh) scale(0.4957);
  }
}
.snowflakes div:nth-child(156) {
  opacity: 0.4757;
  transform: translate(49.5917vw, -10px) scale(0.3244);
  animation: fall-156 23s -12s linear infinite;
}
@keyframes fall-156 {
  45.13% {
    transform: translate(54.2957vw, 45.13vh) scale(0.3244);
  }
  to {
    transform: translate(51.9437vw, 100vh) scale(0.3244);
  }
}
.snowflakes div:nth-child(157) {
  opacity: 0.2483;
  transform: translate(56.638vw, -10px) scale(0.7352);
  animation: fall-157 12s -27s linear infinite;
}
@keyframes fall-157 {
  36.511% {
    transform: translate(47.231vw, 36.511vh) scale(0.7352);
  }
  to {
    transform: translate(51.9345vw, 100vh) scale(0.7352);
  }
}
.snowflakes div:nth-child(158) {
  opacity: 0.5534;
  transform: translate(99.0969vw, -10px) scale(0.3519);
  animation: fall-158 25s -22s linear infinite;
}
@keyframes fall-158 {
  49.961% {
    transform: translate(95.607vw, 49.961vh) scale(0.3519);
  }
  to {
    transform: translate(97.35195vw, 100vh) scale(0.3519);
  }
}
.snowflakes div:nth-child(159) {
  opacity: 0.8389;
  transform: translate(68.1091vw, -10px) scale(0.3711);
  animation: fall-159 13s -8s linear infinite;
}
@keyframes fall-159 {
  71.357% {
    transform: translate(63.4939vw, 71.357vh) scale(0.3711);
  }
  to {
    transform: translate(65.8015vw, 100vh) scale(0.3711);
  }
}
.snowflakes div:nth-child(160) {
  opacity: 0.7856;
  transform: translate(39.0759vw, -10px) scale(0.144);
  animation: fall-160 18s -11s linear infinite;
}
@keyframes fall-160 {
  69.594% {
    transform: translate(31.9679vw, 69.594vh) scale(0.144);
  }
  to {
    transform: translate(35.5219vw, 100vh) scale(0.144);
  }
}
.snowflakes div:nth-child(161) {
  opacity: 0.3736;
  transform: translate(13.0398vw, -10px) scale(0.6965);
  animation: fall-161 11s -8s linear infinite;
}
@keyframes fall-161 {
  33.087% {
    transform: translate(20.1155vw, 33.087vh) scale(0.6965);
  }
  to {
    transform: translate(16.57765vw, 100vh) scale(0.6965);
  }
}
.snowflakes div:nth-child(162) {
  opacity: 0.337;
  transform: translate(31.6018vw, -10px) scale(0.7342);
  animation: fall-162 24s -22s linear infinite;
}
@keyframes fall-162 {
  62.142% {
    transform: translate(31.5839vw, 62.142vh) scale(0.7342);
  }
  to {
    transform: translate(31.59285vw, 100vh) scale(0.7342);
  }
}
.snowflakes div:nth-child(163) {
  opacity: 0.7885;
  transform: translate(20.8096vw, -10px) scale(0.5848);
  animation: fall-163 17s -16s linear infinite;
}
@keyframes fall-163 {
  48.397% {
    transform: translate(22.4484vw, 48.397vh) scale(0.5848);
  }
  to {
    transform: translate(21.629vw, 100vh) scale(0.5848);
  }
}
.snowflakes div:nth-child(164) {
  opacity: 0.9744;
  transform: translate(17.0444vw, -10px) scale(0.2759);
  animation: fall-164 13s -11s linear infinite;
}
@keyframes fall-164 {
  57.033% {
    transform: translate(9.5765vw, 57.033vh) scale(0.2759);
  }
  to {
    transform: translate(13.31045vw, 100vh) scale(0.2759);
  }
}
.snowflakes div:nth-child(165) {
  opacity: 0.1644;
  transform: translate(93.0734vw, -10px) scale(0.6775);
  animation: fall-165 24s -28s linear infinite;
}
@keyframes fall-165 {
  72.593% {
    transform: translate(92.9235vw, 72.593vh) scale(0.6775);
  }
  to {
    transform: translate(92.99845vw, 100vh) scale(0.6775);
  }
}
.snowflakes div:nth-child(166) {
  opacity: 0.4261;
  transform: translate(23.594vw, -10px) scale(0.6716);
  animation: fall-166 13s -5s linear infinite;
}
@keyframes fall-166 {
  62.482% {
    transform: translate(30.5184vw, 62.482vh) scale(0.6716);
  }
  to {
    transform: translate(27.0562vw, 100vh) scale(0.6716);
  }
}
.snowflakes div:nth-child(167) {
  opacity: 0.4582;
  transform: translate(60.6865vw, -10px) scale(0.1573);
  animation: fall-167 22s -22s linear infinite;
}
@keyframes fall-167 {
  74.553% {
    transform: translate(67.6618vw, 74.553vh) scale(0.1573);
  }
  to {
    transform: translate(64.17415vw, 100vh) scale(0.1573);
  }
}
.snowflakes div:nth-child(168) {
  opacity: 0.266;
  transform: translate(75.7829vw, -10px) scale(0.6885);
  animation: fall-168 25s -17s linear infinite;
}
@keyframes fall-168 {
  72.332% {
    transform: translate(74.5338vw, 72.332vh) scale(0.6885);
  }
  to {
    transform: translate(75.15835vw, 100vh) scale(0.6885);
  }
}
.snowflakes div:nth-child(169) {
  opacity: 0.7025;
  transform: translate(35.5988vw, -10px) scale(0.2277);
  animation: fall-169 13s -12s linear infinite;
}
@keyframes fall-169 {
  42.628% {
    transform: translate(31.9852vw, 42.628vh) scale(0.2277);
  }
  to {
    transform: translate(33.792vw, 100vh) scale(0.2277);
  }
}
.snowflakes div:nth-child(170) {
  opacity: 0.0977;
  transform: translate(78.1297vw, -10px) scale(0.5048);
  animation: fall-170 19s -11s linear infinite;
}
@keyframes fall-170 {
  67.115% {
    transform: translate(74.7354vw, 67.115vh) scale(0.5048);
  }
  to {
    transform: translate(76.43255vw, 100vh) scale(0.5048);
  }
}
.snowflakes div:nth-child(171) {
  opacity: 0.4706;
  transform: translate(65.0313vw, -10px) scale(0.4506);
  animation: fall-171 21s -7s linear infinite;
}
@keyframes fall-171 {
  47.032% {
    transform: translate(72.5147vw, 47.032vh) scale(0.4506);
  }
  to {
    transform: translate(68.773vw, 100vh) scale(0.4506);
  }
}
.snowflakes div:nth-child(172) {
  opacity: 0.6704;
  transform: translate(58.4168vw, -10px) scale(0.2404);
  animation: fall-172 10s -15s linear infinite;
}
@keyframes fall-172 {
  77.705% {
    transform: translate(61.0416vw, 77.705vh) scale(0.2404);
  }
  to {
    transform: translate(59.7292vw, 100vh) scale(0.2404);
  }
}
.snowflakes div:nth-child(173) {
  opacity: 0.5064;
  transform: translate(85.6631vw, -10px) scale(0.0051);
  animation: fall-173 24s -16s linear infinite;
}
@keyframes fall-173 {
  58.625% {
    transform: translate(79.8151vw, 58.625vh) scale(0.0051);
  }
  to {
    transform: translate(82.7391vw, 100vh) scale(0.0051);
  }
}
.snowflakes div:nth-child(174) {
  opacity: 0.0578;
  transform: translate(90.3294vw, -10px) scale(0.8162);
  animation: fall-174 15s -17s linear infinite;
}
@keyframes fall-174 {
  72.839% {
    transform: translate(84.4591vw, 72.839vh) scale(0.8162);
  }
  to {
    transform: translate(87.39425vw, 100vh) scale(0.8162);
  }
}
.snowflakes div:nth-child(175) {
  opacity: 0.0499;
  transform: translate(47.3799vw, -10px) scale(0.6211);
  animation: fall-175 15s -9s linear infinite;
}
@keyframes fall-175 {
  31.463% {
    transform: translate(50.5864vw, 31.463vh) scale(0.6211);
  }
  to {
    transform: translate(48.98315vw, 100vh) scale(0.6211);
  }
}
.snowflakes div:nth-child(176) {
  opacity: 0.1197;
  transform: translate(37.9129vw, -10px) scale(0.4329);
  animation: fall-176 27s -23s linear infinite;
}
@keyframes fall-176 {
  30.758% {
    transform: translate(38.996vw, 30.758vh) scale(0.4329);
  }
  to {
    transform: translate(38.45445vw, 100vh) scale(0.4329);
  }
}
.snowflakes div:nth-child(177) {
  opacity: 0.8023;
  transform: translate(35.6273vw, -10px) scale(0.2553);
  animation: fall-177 10s -3s linear infinite;
}
@keyframes fall-177 {
  51.817% {
    transform: translate(39.7525vw, 51.817vh) scale(0.2553);
  }
  to {
    transform: translate(37.6899vw, 100vh) scale(0.2553);
  }
}
.snowflakes div:nth-child(178) {
  opacity: 0.624;
  transform: translate(9.8351vw, -10px) scale(0.1267);
  animation: fall-178 25s -14s linear infinite;
}
@keyframes fall-178 {
  38.996% {
    transform: translate(13.6925vw, 38.996vh) scale(0.1267);
  }
  to {
    transform: translate(11.7638vw, 100vh) scale(0.1267);
  }
}
.snowflakes div:nth-child(179) {
  opacity: 0.0295;
  transform: translate(49.3795vw, -10px) scale(0.3653);
  animation: fall-179 25s -29s linear infinite;
}
@keyframes fall-179 {
  66.706% {
    transform: translate(53.4225vw, 66.706vh) scale(0.3653);
  }
  to {
    transform: translate(51.401vw, 100vh) scale(0.3653);
  }
}
.snowflakes div:nth-child(180) {
  opacity: 0.6209;
  transform: translate(63.7353vw, -10px) scale(0.1868);
  animation: fall-180 19s -3s linear infinite;
}
@keyframes fall-180 {
  68.768% {
    transform: translate(64.8064vw, 68.768vh) scale(0.1868);
  }
  to {
    transform: translate(64.27085vw, 100vh) scale(0.1868);
  }
}
.snowflakes div:nth-child(181) {
  opacity: 0.6949;
  transform: translate(59.6442vw, -10px) scale(0.8788);
  animation: fall-181 26s -28s linear infinite;
}
@keyframes fall-181 {
  44.139% {
    transform: translate(60.6472vw, 44.139vh) scale(0.8788);
  }
  to {
    transform: translate(60.1457vw, 100vh) scale(0.8788);
  }
}
.snowflakes div:nth-child(182) {
  opacity: 0.3469;
  transform: translate(46.2952vw, -10px) scale(0.1917);
  animation: fall-182 12s -6s linear infinite;
}
@keyframes fall-182 {
  69.439% {
    transform: translate(44.5256vw, 69.439vh) scale(0.1917);
  }
  to {
    transform: translate(45.4104vw, 100vh) scale(0.1917);
  }
}
.snowflakes div:nth-child(183) {
  opacity: 0.9406;
  transform: translate(95.8754vw, -10px) scale(0.4179);
  animation: fall-183 30s -22s linear infinite;
}
@keyframes fall-183 {
  39.514% {
    transform: translate(97.273vw, 39.514vh) scale(0.4179);
  }
  to {
    transform: translate(96.5742vw, 100vh) scale(0.4179);
  }
}
.snowflakes div:nth-child(184) {
  opacity: 0.3531;
  transform: translate(15.308vw, -10px) scale(0.4636);
  animation: fall-184 16s -7s linear infinite;
}
@keyframes fall-184 {
  42.791% {
    transform: translate(10.6203vw, 42.791vh) scale(0.4636);
  }
  to {
    transform: translate(12.96415vw, 100vh) scale(0.4636);
  }
}
.snowflakes div:nth-child(185) {
  opacity: 0.1478;
  transform: translate(28.8128vw, -10px) scale(0.5778);
  animation: fall-185 15s -23s linear infinite;
}
@keyframes fall-185 {
  38.241% {
    transform: translate(32.5576vw, 38.241vh) scale(0.5778);
  }
  to {
    transform: translate(30.6852vw, 100vh) scale(0.5778);
  }
}
.snowflakes div:nth-child(186) {
  opacity: 0.992;
  transform: translate(43.0355vw, -10px) scale(0.2349);
  animation: fall-186 11s -8s linear infinite;
}
@keyframes fall-186 {
  66.196% {
    transform: translate(33.4015vw, 66.196vh) scale(0.2349);
  }
  to {
    transform: translate(38.2185vw, 100vh) scale(0.2349);
  }
}
.snowflakes div:nth-child(187) {
  opacity: 0.5706;
  transform: translate(71.8598vw, -10px) scale(0.6715);
  animation: fall-187 25s -30s linear infinite;
}
@keyframes fall-187 {
  49.167% {
    transform: translate(67.3175vw, 49.167vh) scale(0.6715);
  }
  to {
    transform: translate(69.58865vw, 100vh) scale(0.6715);
  }
}
.snowflakes div:nth-child(188) {
  opacity: 0.4101;
  transform: translate(61.394vw, -10px) scale(0.1575);
  animation: fall-188 26s -23s linear infinite;
}
@keyframes fall-188 {
  56.778% {
    transform: translate(69.7103vw, 56.778vh) scale(0.1575);
  }
  to {
    transform: translate(65.55215vw, 100vh) scale(0.1575);
  }
}
.snowflakes div:nth-child(189) {
  opacity: 0.9036;
  transform: translate(52.1563vw, -10px) scale(0.6374);
  animation: fall-189 19s -24s linear infinite;
}
@keyframes fall-189 {
  53.913% {
    transform: translate(51.1869vw, 53.913vh) scale(0.6374);
  }
  to {
    transform: translate(51.6716vw, 100vh) scale(0.6374);
  }
}
.snowflakes div:nth-child(190) {
  opacity: 0.6005;
  transform: translate(20.5513vw, -10px) scale(0.6527);
  animation: fall-190 26s -11s linear infinite;
}
@keyframes fall-190 {
  58.062% {
    transform: translate(21.886vw, 58.062vh) scale(0.6527);
  }
  to {
    transform: translate(21.21865vw, 100vh) scale(0.6527);
  }
}
.snowflakes div:nth-child(191) {
  opacity: 0.2757;
  transform: translate(49.2076vw, -10px) scale(0.6185);
  animation: fall-191 27s -20s linear infinite;
}
@keyframes fall-191 {
  75.871% {
    transform: translate(49.1018vw, 75.871vh) scale(0.6185);
  }
  to {
    transform: translate(49.1547vw, 100vh) scale(0.6185);
  }
}
.snowflakes div:nth-child(192) {
  opacity: 0.6491;
  transform: translate(41.8292vw, -10px) scale(0.2365);
  animation: fall-192 10s -14s linear infinite;
}
@keyframes fall-192 {
  79.671% {
    transform: translate(45.6167vw, 79.671vh) scale(0.2365);
  }
  to {
    transform: translate(43.72295vw, 100vh) scale(0.2365);
  }
}
.snowflakes div:nth-child(193) {
  opacity: 0.6212;
  transform: translate(4.3607vw, -10px) scale(0.7883);
  animation: fall-193 26s -22s linear infinite;
}
@keyframes fall-193 {
  65.815% {
    transform: translate(10.8229vw, 65.815vh) scale(0.7883);
  }
  to {
    transform: translate(7.5918vw, 100vh) scale(0.7883);
  }
}
.snowflakes div:nth-child(194) {
  opacity: 0.4442;
  transform: translate(78.8421vw, -10px) scale(0.387);
  animation: fall-194 11s -5s linear infinite;
}
@keyframes fall-194 {
  34.03% {
    transform: translate(88.4455vw, 34.03vh) scale(0.387);
  }
  to {
    transform: translate(83.6438vw, 100vh) scale(0.387);
  }
}
.snowflakes div:nth-child(195) {
  opacity: 0.9354;
  transform: translate(79.6989vw, -10px) scale(0.1661);
  animation: fall-195 23s -29s linear infinite;
}
@keyframes fall-195 {
  79.727% {
    transform: translate(74.7397vw, 79.727vh) scale(0.1661);
  }
  to {
    transform: translate(77.2193vw, 100vh) scale(0.1661);
  }
}
.snowflakes div:nth-child(196) {
  opacity: 0.8801;
  transform: translate(40.4035vw, -10px) scale(0.4366);
  animation: fall-196 13s -7s linear infinite;
}
@keyframes fall-196 {
  61.507% {
    transform: translate(42.5031vw, 61.507vh) scale(0.4366);
  }
  to {
    transform: translate(41.4533vw, 100vh) scale(0.4366);
  }
}
.snowflakes div:nth-child(197) {
  opacity: 0.3559;
  transform: translate(32.8291vw, -10px) scale(0.3536);
  animation: fall-197 14s -7s linear infinite;
}
@keyframes fall-197 {
  30.234% {
    transform: translate(30.5769vw, 30.234vh) scale(0.3536);
  }
  to {
    transform: translate(31.703vw, 100vh) scale(0.3536);
  }
}
.snowflakes div:nth-child(198) {
  opacity: 0.873;
  transform: translate(65.4016vw, -10px) scale(0.3225);
  animation: fall-198 24s -4s linear infinite;
}
@keyframes fall-198 {
  72.385% {
    transform: translate(74.3801vw, 72.385vh) scale(0.3225);
  }
  to {
    transform: translate(69.89085vw, 100vh) scale(0.3225);
  }
}
.snowflakes div:nth-child(199) {
  opacity: 0.3404;
  transform: translate(50.3132vw, -10px) scale(0.8716);
  animation: fall-199 14s -14s linear infinite;
}
@keyframes fall-199 {
  46.707% {
    transform: translate(45.2453vw, 46.707vh) scale(0.8716);
  }
  to {
    transform: translate(47.77925vw, 100vh) scale(0.8716);
  }
}
.snowflakes div:nth-child(200) {
  opacity: 0.3526;
  transform: translate(3.9009vw, -10px) scale(0.9311);
  animation: fall-200 28s -7s linear infinite;
}
@keyframes fall-200 {
  42.132% {
    transform: translate(-6.0329vw, 42.132vh) scale(0.9311);
  }
  to {
    transform: translate(-1.066vw, 100vh) scale(0.9311);
  }
}



/*  #########################################
    ############ UPLOADING DOCS #############
    ######################################### */

.proof-of-id {
    position: relative;
    text-align: center;
}

.proof-of-id p {
    display: inline-block;
    vertical-align: center;
}

.proof-of-id img {
    direction: inline-block;
    vertical-align: center; 
    margin: 0 5px;
    width: 16px;
}

.main.upload-documents form .input-container {
    display: inline-block;
    vertical-align: top;
    margin: 5px 20px;
    text-align: left;
}

.main.upload-documents form .input-container label,
.main.upload-documents form .input-container p {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.main.upload-documents form .input-container select {
    display: block;
    width: auto;
    margin: 5px 0 0 0;
}

.main.upload-documents form .input-container input {
    display: block;
    width: auto;
    margin: 5px 0 0 0;
}

.main.upload-documents form .input-container input#file {
    color: #fff;
}

.main.upload-documents form#id_docs_post {
    margin: 0;
    font-size: 0;
    text-align: center;
}

.main.upload-documents .delete-button {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    background: red;
    margin: 0 auto;
}

.main.upload-documents .delete-button span {
    width: 15px;
    height: 3px;
    display: block;
    position: absolute;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%,-50%) rotate(45deg);
    pointer-events: none;
}

.main.upload-documents .delete-button span:nth-child(2) {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.upload-docs-message {
    width: auto;
    display: inline-block;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    background: #f9538b;
    margin: 5px 0;
}

.upload-docs-message svg {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.upload-docs-message p {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    color: #fff;
}

@media (max-width: 640px) {

    .main.upload-documents form .input-container {
        display: block;
        text-align: center;
    }

    .main.upload-documents form .input-container select,
    .main.upload-documents form .input-container input {
        margin: 5px auto 0 auto;
    }

    .main.upload-documents table {
        font-size: 10px;
    }

}

@media (max-width: 400px) {

    .main.upload-documents table {
        font-size: 6px;
    }

    .main.upload-documents table td {
        padding: 5px;
        font-size: 6px;
    }

}

#begambleaware-icon {
    display: none;
}

.region-united-kingdom.index-page #begambleaware-icon {
    display: block;
    pointer-events: none;
    opacity: 1;
    z-index: 998;
    position: fixed;
    height: 30px;
    bottom: 0;
    transition: all .2s linear;
    left: 0;
}

.region-united-kingdom.index-page #begambleaware-icon.reach-privacy {
    left: 125px;
}

.region-united-kingdom.index-page #begambleaware-icon.hide {
    opacity: 0;
}

@media (max-width: 840px) {
    .region-united-kingdom.index-page #begambleaware-icon {
        z-index: 100;
    }
}


/*  #########################################
    ############ FOOTER NON-UK ##############
    ######################################### */
#jms_footer-2,
#jms_footer-5,
#jms_footer-gambleaware,
#jms_footer-6,
#jms_footer-7,
#jms_footer-10,
#jms_footer-11,
#jms_footer-facebook,
#jms_footer-twitter,
#jms_footer-youtube,
.blog-share,
#jms_footer-19,
#jms_footer-20,
#jms_footer-19-plus {
    display: none !important;
}

.region-united-kingdom #jms_footer-2,
.region-united-kingdom #jms_footer-5,
.region-united-kingdom #jms_footer-gambleaware,
.region-united-kingdom #jms_footer-6,
.region-united-kingdom #jms_footer-7,
.region-united-kingdom #jms_footer-10,
.region-united-kingdom #jms_footer-11,
.region-united-kingdom #jms_footer-facebook,
.region-united-kingdom #jms_footer-twitter,
.region-united-kingdom #jms_footer-youtube,
.region-united-kingdom .blog-share,
.region-united-kingdom #jms_footer-19,
.region-united-kingdom #jms_footer-20,
.region-ireland #jms_footer-19,
.region-ireland #jms_footer-20,
.region-new-zealand #jms_footer-19,
.region-ireland #jms_footer-5,
.region-new-zealand #jms_footer-6 {
    display: inline-block !important;
}

.region-ontario #jms_footer-19-plus {
    display: inline-block !important;
}

/*  #########################################
    ########### NIGERIA CASHIER #############
    ######################################### */

.region-nigeria .cashier .make-deposit-container .dep-incentive-msg {
    display: none !important;
}



/*  #########################################
    ############# NIGERIA REG ###############
    ######################################### */

.region-nigeria .reg-step2 p {
    display: none !important;
}



/*  #########################################
    ################ PLINKO #################
    ######################################### */

.popup#cashdrop .close {
    background: #62cf01;
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 30px;
}

.popup#cashdrop .close span {
    background: #040600;
    width: 20px;
    height: 4px;
    border-radius: 10px;
    display: block;
}

.popup#cashdrop .container {
    background-image: url(/images/external/theme/cashdrop_bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    border: none;
    border-radius: 0;
}

.popup#cashdrop .wrapper .container > .wrapper {
    padding: 0;
}


.cashdrop-frame {
    width: 640px;
    height: 100%;
    min-height: 640px;
    position: relative;
    background: url(/images/external/theme/cashdrop_frame.png) top center no-repeat;
}

#cashdrop .drop-zones {
    text-align: center;
    padding-top: 15px;
    position: relative;
}

#cashdrop .drop-zones:after {
    content: 'Tap one of these 3 positions to drop the coin.';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    background: #fff;
    padding: 15px;
    color: #000;
    border-radius: 10px;
    font-weight: bold;
    font-family: 'Montserrat',Verdana,sans-serif;
    bottom: -20px;
    box-shadow: 0 0 15px 0px rgb(0 0 0 / 75%);
}

#cashdrop .drop-zones.dropped:after {
    display: none;
}

#cashdrop .drop-zones.dropped div {
    pointer-events: none;
    cursor: default;

}

#cashdrop .drop-zones > div {
    width: 86px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: url(/images/external/theme/cashdrop_cursor.png), auto;
}

#cashdrop .drop-zones > div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(/images/external/theme/cashdrop_dropzone.png) no-repeat bottom center;
    animation: dropzoneBounce .5s ease infinite alternate;
}

@keyframes dropzoneBounce {
    0% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(-5px);
    }
}

#cashdrop .drop-zones.dropped > div span {
    animation: none;
    background-position: top center;
}

#cashdrop .drop-zones > div:hover span {
    background-position: top center;
}

#cashdrop .drop-zones > div.hide,
#cashdrop .drop-zones > div.selected {
    opacity: 0;
}

.cashdrop-prize {
    display: block;
    border-radius: 20px;
    height: 30px;
    width: 70px;
    padding: 5px;
    position: absolute;
    text-align: center;
    font-family: "Balsamiq Sans", sans-serif;
    text-transform: uppercase;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: inset 0 0 10px, 0 0 10px;
}

.cashdrop-prize span {
    font-size: 20px;
    line-height: 20px;
}

.cashdrop-prize span:nth-of-type(2) {
    line-height: 10px;
    font-size: 10px;
}


.cashdrop-token {
    height: 60px;
    width: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-duration: 0.3s;
    z-index: 2;
}

.cashdrop-token:after {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-image: url(/images/external/theme/cashdrop_token.png);
    background-size: 100% 100%;
    background-position: center;
}

.cashdrop-win {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 3;
    opacity: 0;
    pointer-events: none;
}

.cashdrop-frame.clicked .cashdrop-win {
    pointer-events: initial;
    animation-name: showWin;
    animation-delay: 3s;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes showWin {
    0% {
        opacity: 0;
        pointer-events: none;
    }
    100% {
        opacity: 1;
        pointer-events: initial;
    }
}

.cashdrop-frame.clicked .cashdrop-win .cashdrop-message {
    pointer-events: initial;
    animation-name: showWinMessage;
    animation-delay: 3s;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes showWinMessage {
    0% {
        transform: translate(-50%,-50%) scale(0);
    }
    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}

.cashdrop-message {
    width: 320px;
    padding: 20px 40px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    
}

.cashdrop-win h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    color: #313131;
    font-family: "Montserrat", sans-serif;
}

.cashdrop-win p {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    color: #313131;
    margin-top: 25px;
}

.cashdrop-win p span {
    font-size: 60px;
    line-height: 60px;
    color: #ff5418;
    display: block;
}

.cashdrop-win button {
    width: auto;
    height: 60px;
    appearance: none;
    border-radius: 25px;
    background: #ffc400;
    border: 5px solid #ffc400;
    display: block;
    margin: 10px auto 0 auto;
    box-shadow: inset 0 10px 20px #ff810c;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 24px;
    color: #ff5418;
    text-shadow: 0px 2px 0px #ffea69;
    padding: 0 20px;
    text-transform: capitalize;
    cursor: pointer;
}

.cashdrop-message:after {
    content: "";
    display: block;
    width: 380px;
    height: 72px;
    background-image: url(/images/external/theme/cashdrop_congratulations.png);
    background-position: bottom center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.cashdrop-unlucky .cashdrop-message:after {
    display: none;
}


/* START DROP */
@keyframes drop1 {
    0%{left:220px; top:30px; transform:translate(-50%,-50%); opacity:1;}
    99%{left:220px; top:120px; transform:translate(-50%,-50%); opacity:1;}
    100%{left:220px; top:120px; transform:translate(-50%,-50%); opacity:0;}
}
@keyframes drop2 {
    0%{left:320px; top:50px; opacity:1;}
    99%{left:320px; top:115px; opacity:1;}
    100%{left:320px; top:115px; opacity:0;}
}
@keyframes drop3 {
    0%{left:420px; top:50px; opacity:1;}
    99%{left:420px; top:115px; opacity:1;}
    100%{left:420px; top:115px; opacity:0;}
}

/* ROW 1 */
@keyframes row1_peg2_left {
    0%{left:205px; top:100px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:195px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:185px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:185px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row1_peg2_right {
    0%{left:235px; top:100px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:245px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:255px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:255px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row1_peg3_left {
    0%{left:305px; top:100px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:295px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:285px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:285px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row1_peg3_right {
    0%{left:335px; top:100px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:345px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:355px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:355px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row1_peg4_left {
    0%{left:405px; top:100px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:395px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:385px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:385px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row1_peg4_right {
    0%{left:435px; top:100px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:445px; top:110px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:455px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:455px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
/* ROW 2 */
@keyframes row2_peg1_left {
    0%{left:155px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:145px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:135px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:135px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row2_peg1_right {
    0%{left:185px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:195px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:205px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:205px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row2_peg2_left {
    0%{left:255px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:225px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:235px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:235px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row2_peg2_right {
    0%{left:285px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:295px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:305px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:305px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row2_peg3_left {
    0%{left:355px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:345px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:335px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:335px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row2_peg3_right {
    0%{left:385px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:395px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:405px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:405px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row2_peg4_left {
    0%{left:455px; top:150px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:445px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:435px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:435px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row2_peg4_right {
    0%{left:485px; top:150px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:495px; top:160px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:505px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:505px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
/* ROW 3 */
@keyframes row3_peg1_right {
    0%{left:135px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:145px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:155px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:155px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row3_peg2_left {
    0%{left:205px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:195px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:185px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:185px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row3_peg2_right {
    0%{left:235px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:245px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:255px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:255px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row3_peg3_left {
    0%{left:305px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:295px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:285px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:285px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row3_peg3_right {
    0%{left:335px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:345px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:355px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:355px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row3_peg4_left {
    0%{left:405px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:395px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:385px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:385px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row3_peg4_right {
    0%{left:435px; top:200px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:445px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:455px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:455px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row3_pegfiveleft {
    0%{left:505px; top:200px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:495px; top:210px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:485px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:485px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
/* ROW 4 */

@keyframes row4_peg1_left {
    0%{left:155px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:145px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:135px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:135px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row4_peg1_right {
    0%{left:185px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:195px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:205px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:205px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row4_peg2_left {
    0%{left:255px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:245px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:235px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:235px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row4_peg2_right {
    0%{left:285px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:295px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:305px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:305px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row4_peg3_left {
    0%{left:355px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:345px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:335px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:335px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row4_peg3_right {
    0%{left:385px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:395px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:405px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:405px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row4_peg4_left {
    0%{left:455px; top:250px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:445px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:435px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:435px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row4_peg4_right {
    0%{left:485px; top:250px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:495px; top:260px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:505px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:505px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}

/* ROW 5 */
@keyframes row5_peg1_right {
    0%{left:135px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:145px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:155px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:155px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row5_peg2_left {
    0%{left:205px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:195px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:185px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:185px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row5_peg2_right {
    0%{left:235px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:245px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:255px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:255px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row5_peg3_left {
    0%{left:305px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:295px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:285px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:285px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row5_peg3_right {
    0%{left:335px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:345px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:355px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:355px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row5_peg4_left {
    0%{left:405px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:395px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:385px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:385px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row5_peg4_right {
    0%{left:435px; top:300px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:445px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:455px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:455px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row5_pegfiveleft {
    0%{left:505px; top:300px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:495px; top:310px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:485px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:485px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
/* ROW 6 */
@keyframes row6_peg1_left {
    0%{left:155px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:155px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:155px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:155px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row6_peg1_right {
    0%{left:185px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:185px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:185px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:185px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row6_peg2_left {
    0%{left:255px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:255px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:255px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:255px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row6_peg2_right {
    0%{left:285px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:285px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:285px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:285px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row6_peg3_left {
    0%{left:355px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:355px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:355px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:355px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row6_peg3_right {
    0%{left:385px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:385px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:385px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:385px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
@keyframes row6_peg4_left {
    0%{left:455px; top:350px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:455px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:455px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    100%{left:455px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:0;}
}
@keyframes row6_peg4_right {
    0%{left:485px; top:350px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:485px; top:360px; transform:translate(-50%,-50%) rotate(0deg); opacity:1;}
    99%{left:485px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:485px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
}
/* WIN */
@keyframes prize1_left {
    0%{left:155px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    25%{left:155px; top:460px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:170px; top:475px; transform:translate(-50%,-50%) rotate(-180deg); opacity:1;}
    75%{left:185px; top:460px; transform:translate(-50%,-50%) rotate(-235deg); opacity:1;}
    100%{left:170px; top:475px; transform:translate(-50%,-50%) rotate(-180deg); opacity:1;}
}
@keyframes prize1_right {
    0%{left:185px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    25%{left:185px; top:460px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:170px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    75%{left:155px; top:460px; transform:translate(-50%,-50%) rotate(235deg); opacity:1;}
    100%{left:170px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}
@keyframes prize2_left {
    0%{left:340px; top:385px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    33%{left:305px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    66%{left:335px; top:460px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:320px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}
@keyframes prize2_right {
    0%{left:300px; top:385px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    33%{left:305px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    66%{left:335px; top:460px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:320px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}
@keyframes prize3_left {
    0%{left:455px; top:400px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    25%{left:455px; top:460px; transform:translate(-50%,-50%) rotate(-90deg); opacity:1;}
    50%{left:470px; top:475px; transform:translate(-50%,-50%) rotate(-180deg); opacity:1;}
    75%{left:485px; top:460px; transform:translate(-50%,-50%) rotate(-235deg); opacity:1;}
    100%{left:470px; top:475px; transform:translate(-50%,-50%) rotate(-180deg); opacity:1;}
}
@keyframes prize3_right {
    0%{left:485px; top:400px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    25%{left:485px; top:460px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    50%{left:470px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    75%{left:455px; top:460px; transform:translate(-50%,-50%) rotate(235deg); opacity:1;}
    100%{left:470px; top:475px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}
@keyframes prize4_right {
    0%{left:240px; top:385px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    33%{left:240px; top:575px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    66%{left:213px; top:575px; transform:translate(-50%,-50%) rotate(270deg); opacity:1;}
    100%{left:240px; top:575px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}
@keyframes prize5_right {
    0%{left:400px; top:385px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    33%{left:400px; top:575px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
    66%{left:429px; top:575px; transform:translate(-50%,-50%) rotate(90deg); opacity:1;}
    100%{left:400px; top:575px; transform:translate(-50%,-50%) rotate(180deg); opacity:1;}
}


/*--------------- ZONE 1 PRIZE 1 ---------------*/
.drop1win1 .cashdrop-token[data-token="start"] {
    animation-name: drop1;
    left:220px; top:30px;
}

.drop1win1 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg2_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop1win1 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg1_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop1win1 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg2_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop1win1 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg1_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop1win1 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg1_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop1win1 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg1_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop1win1 .cashdrop-token[data-token="end"] {
    animation-name: prize1_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}


/*--------------- DROP ZONE2 WIN PRIZE 1 ANIMATION ---------------*/
.drop2win1 .cashdrop-token[data-token="start"] {
    animation-name: drop2;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop2win1 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg3_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop2win1 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop2win1 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg2_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop2win1 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg1_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop2win1 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg2_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop2win1 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg1_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop2win1 .cashdrop-token[data-token="end"] {
    animation-name: prize1_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE3 WIN PRIZE 1 ANIMATION ---------------*/
.drop3win1 .cashdrop-token[data-token="start"] {
    animation-name: drop3;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop3win1 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg4_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop3win1 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop3win1 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop3win1 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg2_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop3win1 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg2_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop3win1 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg1_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop3win1 .cashdrop-token[data-token="end"] {
    animation-name: prize1_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE1 WIN PRIZE 2 ANIMATION ---------------*/
.drop1win2 .cashdrop-token[data-token="start"] {
    animation-name: drop1;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop1win2 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg2_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop1win2 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop1win2 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg2_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop1win2 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg2_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop1win2 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg3_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop1win2 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg2_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop1win2 .cashdrop-token[data-token="end"] {
    animation-name: prize2_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE2 WIN PRIZE 2 ANIMATION ---------------*/
.drop2win2 .cashdrop-token[data-token="start"] {
    animation-name: drop2;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop2win2 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg3_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop2win2 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop2win2 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop2win2 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop2win2 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg3_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop2win2 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg2_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop2win2 .cashdrop-token[data-token="end"] {
    animation-name: prize2_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE3 WIN PRIZE 2 ANIMATION ---------------*/
.drop3win2 .cashdrop-token[data-token="start"] {
    animation-name: drop3;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop3win2 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg4_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop3win2 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop3win2 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg4_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop3win2 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop3win2 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg3_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop3win2 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg3_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop3win2 .cashdrop-token[data-token="end"] {
    animation-name: prize2_left;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE1 WIN PRIZE 3 ANIMATION ---------------*/
.drop1win3 .cashdrop-token[data-token="start"] {
    animation-name: drop1;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop1win3 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg2_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop1win3 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop1win3 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop1win3 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop1win3 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop1win3 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg4_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop1win3 .cashdrop-token[data-token="end"] {
    animation-name: prize3_left;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE2 WIN PRIZE 3 ANIMATION ---------------*/
.drop2win3 .cashdrop-token[data-token="start"] {
    animation-name: drop2;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop2win3 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg3_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop2win3 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop2win3 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop2win3 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop2win3 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop2win3 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg4_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop2win3 .cashdrop-token[data-token="end"] {
    animation-name: prize3_left;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE3 WIN PRIZE 3 ANIMATION ---------------*/
.drop3win3 .cashdrop-token[data-token="start"] {
    animation-name: drop3;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop3win3 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg4_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop3win3 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop3win3 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg4_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop3win3 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg4_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop3win3 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop3win3 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg4_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop3win3 .cashdrop-token[data-token="end"] {
    animation-name: prize3_left;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE1 WIN PRIZE 4 ANIMATION ---------------*/
.drop1win4 .cashdrop-token[data-token="start"] {
    animation-name: drop1;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop1win4 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg2_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop1win4 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop1win4 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop1win4 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop1win4 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg3_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop1win4 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg2_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop1win4 .cashdrop-token[data-token="end"] {
    animation-name: prize4_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE2 WIN PRIZE 4 ANIMATION ---------------*/
.drop2win4 .cashdrop-token[data-token="start"] {
    animation-name: drop2;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop2win4 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg3_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop2win4 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop2win4 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop2win4 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg2_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop2win4 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg2_right;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop2win4 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg2_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop2win4 .cashdrop-token[data-token="end"] {
    animation-name: prize4_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE3 WIN PRIZE 4 ANIMATION ---------------*/
.drop3win4 .cashdrop-token[data-token="start"] {
    animation-name: drop3;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop3win4 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg4_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop3win4 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_left;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop3win4 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop3win4 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop3win4 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg3_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop3win4 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg2_left;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop3win4 .cashdrop-token[data-token="end"] {
    animation-name: prize4_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE1 WIN PRIZE 5 ANIMATION ---------------*/
.drop1win5 .cashdrop-token[data-token="start"] {
    animation-name: drop1;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop1win5 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg2_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop1win5 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg2_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop1win5 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg3_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop1win5 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop1win5 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop1win5 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg3_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop1win5 .cashdrop-token[data-token="end"] {
    animation-name: prize5_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE2 WIN PRIZE 5 ANIMATION ---------------*/
.drop2win5 .cashdrop-token[data-token="start"] {
    animation-name: drop2;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop2win5 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg3_right;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop2win5 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop2win5 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg4_left;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop2win5 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg3_right;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop2win5 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop2win5 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg3_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop2win5 .cashdrop-token[data-token="end"] {
    animation-name: prize5_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}
/*--------------- DROP ZONE3 WIN PRIZE 5 ANIMATION ---------------*/
.drop3win5 .cashdrop-token[data-token="start"] {
    animation-name: drop3;
    animation-delay: 0s;
    left:220px; top:30px;
}
.drop3win5 .cashdrop-token[data-token="1"] {
    animation-name: row1_peg4_left;
    animation-delay: 0.3s;
    left:205px; top:100px;
}
.drop3win5 .cashdrop-token[data-token="2"] {
    animation-name: row2_peg3_right;
    animation-delay: 0.6s;
    left:185px; top:150px;
}
.drop3win5 .cashdrop-token[data-token="3"] {
    animation-name: row3_peg4_right;
    animation-delay: 0.9s;
    left:205px; top:200px;
}
.drop3win5 .cashdrop-token[data-token="4"] {
    animation-name: row4_peg4_left;
    animation-delay: 1.2s;
    left:155px; top:250px;
}
.drop3win5 .cashdrop-token[data-token="5"] {
    animation-name: row5_peg4_left;
    animation-delay: 1.5s;
    left:135px; top:300px;
}
.drop3win5 .cashdrop-token[data-token="6"] {
    animation-name: row6_peg3_right;
    animation-delay: 1.8s;
    left:185px; top:350px;
}
.drop3win5 .cashdrop-token[data-token="end"] {
    animation-name: prize5_right;
    animation-delay: 2.1s;
    left:170px; top:475px;
}


.cashdrop-prize-position-1 {
    margin-bottom: 135px;
    margin-left: -150px;
}
.cashdrop-prize-position-2 {
    margin-bottom: 135px;
    margin-left: 0;
}
.cashdrop-prize-position-3 {
    margin-bottom: 135px;
    margin-left: 150px;
}
.cashdrop-prize-position-4 {
    margin-bottom: 40px;
    margin-left: -75px;
}
.cashdrop-prize-position-5 {
    margin-bottom: 40px;
    margin-left: 75px;
}

.cashdrop-prize-1 {
    border: 3px solid #ff4646;
    color: #ff4646;
    text-shadow: 0 0 10px #ff4646;
    bottom: 20px;
}
.cashdrop-prize-2 {
    border: 3px solid #62ff69;
    color: #62ff69;
    text-shadow: 0 0 10px #62ff69;
    bottom: 20px;
}
.cashdrop-prize-3 {
    border: 3px solid #f0ff00;
    color: #f0ff00;
    text-shadow: 0 0 10px #f0ff00;
    bottom: 20px;
}
.cashdrop-prize-4 {
    border: 3px solid #ff46eb;
    color: #ff46eb;
    text-shadow: 0 0 10px #ff46eb;
    bottom: 20px;
}
.cashdrop-prize-unlucky {
    height: 90px;
    width: 90px;
    background-image: url(/images/external/theme/cashdrop_unlucky.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    box-shadow: none;
}
.cashdrop-prize-unlucky span {
    display: none;
}
.popup .cashdrop-message p {
    color: #000;
    margin: 20px 0;
}

.popup#cashdrop .cashdrop-cost {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    max-width: initial;
    color: #317B00;
}

@media (max-width: 640px) {

    .cashdrop-frame {
        left: 50%;
        top: -96px;
        transform: translateX(-50%) scale(.7);
    }

    .popup#cashdrop .wrapper .container > .wrapper {
        overflow: hidden;
    }

    .popup#cashdrop .container {
        max-height: 448px;
    }
}



/* CASHDROP THEMES */

html:not(.region-nigeria) .popup#cashdrop .container {
    background-image: url(/images/external/theme/cashdrop_bg-spd.jpg);
}

html:not(.region-nigeria) .cashdrop-frame {
    background: url(/images/external/theme/cashdrop_frame-spd.png) top center no-repeat;
}

html:not(.region-nigeria) #cashdrop .drop-zones > div {
    cursor: url(/images/external/theme/cashdrop_cursor-spd.png),auto;
}

html:not(.region-nigeria) #cashdrop .drop-zones > div span {
    background: url(/images/external/theme/cashdrop_dropzone-spd.png) no-repeat bottom center;
}

html:not(.region-nigeria) .cashdrop-token:after {
    background-image: url(/images/external/theme/cashdrop_token-spd.png);
}


.popup#region-redirect button.log-in {
    display: block;
    margin: 10px auto;
    height: 40px;
    float: none;
    padding: 0;
    width: 100%;
    cursor: pointer;
    max-width: 200px;
    position: relative;
}
.popup#region-redirect .segment-container {
    margin: 10px 0;
}
.popup#region-redirect .error:after {
    border: none;
}
.popup#region-redirect .error.show {
    display: block;
    margin: 5px auto;
}


/*--------- MY ACCOUNT FIX FOR CASHDROP ---------*/

.your-rewards, .rewards {
    mask: none !important;
    -webkit-mask: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}


/*--------- CASHIER SLIDER ---------*/
.amount-button {
    text-transform: capitalize;
}

.other-slider {
    display: none;
    margin: 10px;
    font-size: 0;
}

.other-slider .other-slider-control,
.popup .other-slider .other-slider-control {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    width: 35px;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 0;
    margin: 0 5px 0 0;
    border-radius: 100%;
    border: none;
    box-shadow: none;
}

.other-slider .other-slider-control:nth-of-type(2) {
    margin: 0 0 0 5px;
}

.other-slider .other-slider-control:after {
    display: none;
}

.other-slider .other-slider-control:before, .other-slider .other-slider-control:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: initial;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: none;
    border: none;
    width: 15px;
    height: 4px;
    border-radius: 5px;
    border: none;
    clip-path: none;
}




.other-slider .other-slider-control:nth-of-type(2):after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.other-slider .steps {
    width: calc(100% - 115px);
    position: relative;
    height: 15px;
    margin: 0 auto;
    top: 0;
    pointer-events: none;
    margin: 5px 57.5px 0 57.5px;
}

.other-slider .steps span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 100%;
    
}

.other-slider .steps span:before, .other-slider .steps span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: #b7b7b7;
}

.other-slider .steps span:nth-child(odd):before {
    height: 50%;
}

.other-slider .steps span:after {
    display: none;
}

.other-slider .steps span:last-child:after {
    display: block;
    left: initial;
    right: 0;
}

#otherAmount {
    display: inline-block;
    vertical-align: top;
    appearance: none;
    -webkit-appearance: none;
    width: calc(100% - 80px);
    margin: 0;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 30px;
    height: 35px;
}

#otherAmount::-webkit-slider-runnable-track {
   background-color: #e5e5e5;
   padding:5px;
   border-radius: 30px;
}

#otherAmount::-webkit-slider-thumb {
   -webkit-appearance: none;
    height: 25px;
    width: 25px;
    border-radius: 30px;
    background: url(/images/external/theme/other-slider-arrows.svg) #50ed74 center no-repeat;
    background-size: 15px 15px;
    box-shadow: 0px 0px 0px 2px #34bb53;
}

.other-slider.active {
    display: block;
}

#other-button,
#ingamedeposit #other-button {
    min-width: 104px;
    padding: 0;
}

.popup#paystack_withdrawal_bank_account form p label {
    min-width: 164px;
    display: inline-block;
    text-align: right;
}

.popup#paystack_withdrawal_bank_account form p input {
    width: 180px;
    display: inline-block;
}

@media (max-width: 640px) {

    .other-slider .steps span:nth-child(odd):before {
        display: none;
    }

    .other-slider .steps span:nth-child(4n):before {
        height: 50%;
    }
}


/* #################################
   ####### SHOW MORE BUTTON ########
   ################################# */

.slot-games .featured-slots .icon-container:nth-child(n+25) {
    display: none;
}

.slot-games.show-all .featured-slots .icon-container:nth-child(n+25) {
    display: inline-block;
}

.show-more-games.hide {
    font-size: 0;
}

.show-more-games.hide:after {
    content: "show less";
    font-size: 14px;
}

/* #################################
   ###### NG - TROPHIES HIDE #######
   ################################# */

.region-nigeria .full-trophy-list#t-bingo .trophy-icon:nth-child(n+15) {
    display: none;
}

/* #################################
   ########### APPLE PAY ###########
   ################################# */

ul.payment-methods li .apple-pay {
    background-image:url(/images/external/theme/apple-pay_icon.svg);
    background-position: center;
    background-size: 100% auto;
}

.popup.card-reg-popup ul.payment-methods li .apple-pay {
    background-image:url(/images/external/theme/apple-pay_icon_outline.svg);
    background-position: center;
    background-size: 100% auto;
}

.popup.card-reg-popup ul.payment-methods li:nth-child(even) div {
    transform: none;
}

#st-apple-pay {
    background-image:url(/images/external/theme/apple-pay_icon_loading.gif);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    min-height: 30px;
}

/* #################################
   ######## NETENT UKGC BAR ########
   ################################# */

#netEntUkgcPanel {
    width: 100%;
    display: inline-block;
    background: #000
}

#netEntUkgcPanel .netBalance {
    float: left; margin: 5px;
    color: #fff;
}

#netEntUkgcPanel .timer {
    float: right; margin: 5px;
    color: #fff;
}

/* #################################
   ####### HIDE CLOSE BUTTON #######
   ################################# */

/*.popup#card-reg-promo .close {*/
/*    display: none;*/
/*}*/

/* #################################
   ######## ADD CARD TERMS #########
   ################################# */
#card-reg-promo .add-card-terms {
    display: block;
    font-family: 'Open Sans',Verdana,sans-serif;
    font-size: 9px;
    line-height: 11px;
    color: #fff;
    position: absolute;
    top: 225px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    text-shadow: 0 0 3px black, 0 0 3px #000;
    background: none;
    height: auto;
}


/* #################################
   ####### FIAT 500 GIVEAWAY #######
   ################################# */

@import url('https://fonts.googleapis.com/css2?family=Khand:wght@500&display=swap');
.fiat-giveaway-popup {
    position: fixed;
    top:50%;
    left:0;
    transition: all .5s;
    transform: translate(-100%, -50%);
    height:730px;
    width:350px;
    z-index: 998;
}
.fiat-giveaway-popup.active {
    transform: translate(0%, -50%);
}
.fiat-giveaway-popup .fiat-inactive, .fiat-giveaway-popup .fiat-active {
    position: absolute;
    
}
.fiat-giveaway-popup .fiat-inactive {
    height:80px;
    width:90px;
    top:50%;
    right:0;
    transform:translate(100%, -50%);
    transition: all .5s;
}
.fiat-giveaway-popup.active .fiat-inactive {
    right:100%;
    transform:translate(-100%, -50%) ;
}
.fiat-giveaway-popup .fiat-active {
    height:100%;
    width:100%;
}
.fiat-giveaway-popup img {
    position: absolute;
}
.fiat-giveaway-popup .fiat-inactive img:nth-child(1) {
    height:100%;
    width:100%;
}
.fiat-giveaway-popup .fiat-inactive img:nth-child(2) {
    top:50%;
    transform:translate(-50%, -50%) ;
    left: 78%;
    width: 15%;
}
.fiat-giveaway-popup .fiat-inactive img:nth-child(3) {
    top:50%;
    transform:translate(-50%, -50%) ;
    left:35%;
    width:40%;
    animation: prize-wiggle 1s ease 0s infinite;
}

@keyframes prize-wiggle {
    0% {transform:translate(-50%, -50%) rotate(0deg)}
    40% {transform:translate(-50%, -50%) rotate(0deg)}
    50% {transform:translate(-50%, -60%) rotate(-5deg)}
    60% {transform:translate(-50%, -60%) rotate(5deg)}
    70% {transform:translate(-50%, -60%) rotate(-5deg)}
    80% {transform:translate(-50%, -60%) rotate(5deg)}
    90% {transform:translate(-50%, -60%) rotate(-5deg)}
    100% {transform:translate(-50%, -50%) rotate(0deg)}
}

.fiat-giveaway-popup .fiat-active img:nth-child(1) {
    bottom:0;
    width:100%;
    left:0;
}
.fiat-giveaway-popup .fiat-active img:nth-child(2) {
    top:0;
    width:100%;
    transition-delay: .1s;
}
.fiat-giveaway-popup .fiat-active img:nth-child(3) {
    top:42%;
    width:100%;
    transition-delay: .2s;
}
.fiat-giveaway-popup .fiat-active img:nth-child(4) {
    top:75%;
    width:100%;
    transition-delay: .3s;
}
.fiat-giveaway-popup .fiat-active img:nth-child(5) {
    top:46%;
    width:85%;
    transition-delay: .4s;
}
.fiat-giveaway-popup .fiat-active img:nth-child(6) {
    top:-5%;
    left:0%;
    width:10%;
    height:auto;
    transition-property: all;
    transition-duration: .2s;
}
.fiat-giveaway-popup.active .fiat-active img:nth-child(6) {
    left:105%;
}
.fiat-giveaway-popup .fiat-active span {
    position: absolute;
    font-family: 'Khand', Verdana, sans-serif;
    font-size:11px;
    line-height:10px;
    color:#fff;
    bottom:4%;
    left:30%;
    transform:translate(-50%, -50%) rotate(13deg);
}
/* Animation Delays */

.fiat-giveaway-popup .fiat-active img:nth-child(2),
.fiat-giveaway-popup .fiat-active img:nth-child(3),
.fiat-giveaway-popup .fiat-active img:nth-child(4),
.fiat-giveaway-popup .fiat-active img:nth-child(5) {
    left:-100%;
    transition-property: all;
    transition-duration: .2s;
}

.fiat-giveaway-popup.active .fiat-active img:nth-child(2),
.fiat-giveaway-popup.active .fiat-active img:nth-child(3),
.fiat-giveaway-popup.active .fiat-active img:nth-child(4),
.fiat-giveaway-popup.active .fiat-active img:nth-child(5) {
    left:0;
}

@media (max-width: 640px), (max-height: 900px) {
    .fiat-giveaway-popup {
        height:365px;
        width:175px;
    }

    .fiat-giveaway-popup .fiat-active span {
        font-size: 8px;
        bottom: 3%;
        left: 33%;
    }
    .ff-giveaway-popup {
        height:365px;
        width:175px;
    }

    .ff-giveaway-popup .ff-active span {
        font-size: 8px;
        bottom: 3%;
        left: 33%;
    }
}

.ff-giveaway-popup {
    position: fixed;
    top:50%;
    left:0;
    transition: all .5s;
    transform: translate(-100%, -50%);
    height:730px;
    width:350px;
    z-index: 998;
}
.ff-giveaway-popup.active {
    transform: translate(0%, -50%);
}.ff-giveaway-popup .ff-inactive, .ff-giveaway-popup .ff-active {
    position: absolute;
    
}
.ff-giveaway-popup .ff-inactive {
    height:80px;
    width:90px;
    top:50%;
    right:0;
    transform:translate(100%, -50%);
    transition: all .5s;
}
.ff-giveaway-popup.active .ff-inactive {
    right:100%;
    transform:translate(-100%, -50%) ;
}
.ff-giveaway-popup .ff-active {
    height:100%;
    width:100%;
}
.ff-giveaway-popup img {
    position: absolute;
}
.ff-giveaway-popup .ff-inactive img:nth-child(1) {
    height:100%;
    width:100%;
}
.ff-giveaway-popup .ff-inactive img:nth-child(2) {
    top:50%;
    transform:translate(-50%, -50%) ;
    left: 78%;
    width: 15%;
}

.ff-giveaway-popup .ff-inactive img:nth-child(3) {
    top:50%;
    transform:translate(-50%, -50%) ;
    left:35%;
    width:40%;
    animation: prize-wiggle 1s ease 0s infinite;
}

.ff-giveaway-popup .ff-active img:nth-child(1) {
    bottom:0;
    width:100%;
    left:0;
}
.ff-giveaway-popup .ff-active img:nth-child(2) {
    top:0;
    width:100%;
    transition-delay: .1s;
}




.ff-giveaway-popup .ff-active span {
    position: absolute;
    font-family: 'Khand', Verdana, sans-serif;
    font-size:11px;
    line-height:10px;
    color:#fff;
    bottom:4%;
    left:30%;
    transform:translate(-50%, -50%) rotate(13deg);
}
/* Animation Delays */

.ff-giveaway-popup .ff-active img:last-of-type {
    left:-100%;
    transition-property: all;
    transition-duration: .2s;
}

.ff-giveaway-popup.active .ff-active img:last-of-type {
    right: 50px;
    left: inherit;
}


.ff-giveaway-popup .ff-active img:last-of-type {
    width: 25px;
    top: 130px;
}

.ff-terms {
    position: absolute;
    bottom: 54px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -10px;
    font-size: 10px;
    color: #031c58;
    text-decoration: underline;
}

/* Skrill & Neteller */

ul.payment-methods li .skrill,
ul.payment-methods li .skrill-1-tap,
ul.payment-methods li .neteller {
    background-image: url(/images/external/theme/cashier-icons_neteller-skrill.png);
    background-size: 270px auto;
    background-position-y: top; 
    position: relative;
}

ul.payment-methods li .skrill {
    background-position-x: 0;
}

ul.payment-methods li .skrill-1-tap {
    background-position-x: -90px;
}

ul.payment-methods li .neteller {
    background-position-x: -180px;
}

ul.payment-methods li .skrill:before,
ul.payment-methods li .skrill-1-tap:before,
ul.payment-methods li .neteller:before {
    content: "\2713";
    display: none;
    position: absolute;
    right: 0;
    top: 55px;
    width: 20px;
    height: 20px;
    background: #00d61e;
    border-radius: 30px;
    font-family: 'Montserrat', Verdana, sans-serif;
    text-align: center;
    box-sizing: border-box;
    padding-top: 2px;
    font-size: 16px;
}

ul.payment-methods li.active .skrill:before,
ul.payment-methods li.active .skrill-1-tap:before,
ul.payment-methods li.active .neteller:before {
    display: block;
}

.popup.card-reg-popup ul.payment-methods li div.skrill,
.popup.card-reg-popup ul.payment-methods li div.skrill-1-tap,
.popup.card-reg-popup ul.payment-methods li div.neteller {
    background-image: url(/images/external/theme/cashier-icons_neteller-skrill.png);
    background-size: 270px auto;
    background-position-y: top; 
    position: relative;
}


@media (max-width: 640px) {
    ul.payment-methods li .skrill,
    ul.payment-methods li .skrill-1-tap,
    ul.payment-methods li .neteller {
        background-size: 180px auto;
    }

    ul.payment-methods li .skrill-1-tap{
        background-position-x:-60px;
    }

    ul.payment-methods li .neteller {
        background-position-x:-120px;
    }


    ul.payment-methods li .skrill:before,
    ul.payment-methods li .skrill-1-tap:before,
    ul.payment-methods li .neteller:before {
        width: 15px;
        height: 15px;
        top: 38px;
        font-size: 10px;
    }

    .popup.card-reg-popup ul.payment-methods li div.skrill,
    .popup.card-reg-popup ul.payment-methods li div.skrill-1-tap,
    .popup.card-reg-popup ul.payment-methods li div.neteller {
        background-size: 180px auto;
    }


}


/* Exclude Page */
@keyframes rotateSplash{
    0%{
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        transform:translate(-50%, -50%) rotate(360deg)
    }
}
@keyframes rotateSplash{
    0%{
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        transform:translate(-50%, -50%) rotate(360deg)
    }
}
#betway-self-exclude button,#betway-self-exclude .generic-button{
    padding:15px 20px;
    border:none;
    background:#FFD569;
    border-bottom:3px solid #FE9F2F;
    color:#D94100;
    text-transform:uppercase;
    border-radius:10px;
    cursor:pointer;
    position:relative;
    font-size:20px;
    font-weight:900;
    font-family:'Montserrat', Verdana, sans-serif;
    display:inline-block
}
#betway-self-exclude button.green-button,#betway-self-exclude button.active,#betway-self-exclude .generic-button.green-button,#betway-self-exclude .generic-button.active{
    background:#67EF5C;
    border-bottom:3px solid #4DA931;
    color:#038501
}
#betway-self-exclude button.green-button .arrow path,#betway-self-exclude .generic-button.green-button .arrow path{
    fill:#038501
}
#betway-self-exclude button.disabled,.generic-button.disabled{
    filter:grayscale(1)
}
#betway-self-exclude .arrow{
    width:24px;
    height:24px;
    transition:transform .3s ease-in-out;
    position:relative;
    right:initial;
    vertical-align:top;
    margin-left:15px;
    pointer-events:none
}
#betway-self-exclude .arrow path{
    fill:#D94100
}
#betway-self-exclude .arrow.arr-up{
    transform:rotate(-90deg)
}
#betway-self-exclude .arrow.arr-down{
    transform:rotate(90deg)
}
#betway-self-exclude .arrow.arr-left{
    transform:rotate(-180deg)
}
#betway-self-exclude{
    background:#282C2F;
    height:100vh;
    width:100vw;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
#betway-self-exclude *{
    box-sizing:border-box;
    font-family:'Montserrat', Verdana, sans-serif
}
#betway-self-exclude .spiral{
    width:100%;
    height:auto;
    position:relative;
    box-sizing:border-box;
    background-image:radial-gradient(ellipse at center, #ffbd14 0%, #ff7805 100%);
    top:0;
    left:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center
}
#betway-self-exclude .spiral::before,#betway-self-exclude .spiral::after{
    display:block;
    content:'';
    background-image:repeating-conic-gradient(transparent 0 9deg, rgba(255,255,255,0.06) 9deg 18deg);
    width:1000%;
    height:1000%;
    animation:rotateSplash 60s linear infinite;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:1
}
#betway-self-exclude .spiral::after{
    width:100%;
    height:100%;
    z-index:2;
    background:-webkit-radial-gradient(center, ellipse cover, #ffbd14 0%, rgba(85,218,113,0) 100%);
    animation:none
}
#betway-self-exclude .spiral img{
    position:relative;
    z-index:3;
    padding:5% 0;
    height:50%;
    max-height:150px;
    box-sizing:content-box
}
#betway-self-exclude .container{
    max-width:400px;
    width:100%;
    margin:0 auto
}
#betway-self-exclude .container .wrapper{
    padding:30px 20px
}
#betway-self-exclude .container .wrapper p{
    color:#A6A6A6;
    font-weight:normal;
    font-size:14px;
    margin:0 0 20px 0
}
#betway-self-exclude .container .wrapper p a{
    color:#FFA00C;
    text-decoration:underline
}
#betway-self-exclude .container .wrapper p a:hover{
    color:#fff;
    text-decoration:none
}
#betway-self-exclude .container .wrapper button{
    width:100%;
    max-width:400px;
    text-align:left
}
#betway-self-exclude .container .wrapper button svg{
    right:20px;
    margin:0;
    position:absolute
}




@keyframes glow {
    0% {
        box-shadow: 0 0 20px 3px #fff; }
    50% {
        box-shadow: 0 0 20px 10px #fff; }
    100% {
        box-shadow: 0 0 20px 3px #fff; } }

@keyframes glowFilter {
    0% {
        filter: drop-shadow(0 0 5px #fff); }
    50% {
        filter: drop-shadow(0 0 20px #fff); }
    100% {
        filter: drop-shadow(0 0 5px #fff); } }

@font-face {
    font-family: 'Bubblegum';
    src: url(/assets/fonts/bubblegum.ttf);
    font-weight: normal; }

html.xmas {
    scroll-behavior: smooth; }
html.xmas main {
    margin: 0; }

#santas-journey {
    background: linear-gradient(to bottom, #002fab 0%, #002fab 50%, #d6efff 50%, #d6efff 100%);
    margin: 0; }
#santas-journey .sj-background {
    background: url(/assets/images/xmas/background.jpg);
    background-size: auto 100%;
    background-repeat-x: repeat;
    background-position: center;
    position: relative;
    margin: 0; }
#santas-journey.open .sj-container .houses,
#santas-journey.open .sj-container .path,
#santas-journey.open .sj-container .boule-boule-container {
    opacity: 0;
    transition: opacity .3s linear; }
#santas-journey.open .sj-container .prize {
    top: 100px;
    transition: top .3s linear .5s; }
#santas-journey.open .sj-container .prize .gift img {
    animation: glowFilter 2s .8s ease-in-out infinite; }
#santas-journey.open .sj-container .prize .close {
    opacity: 1;
    transition: opacity .3s linear .9s; }
#santas-journey.open .sj-container .prize p {
    opacity: 1;
    transition: opacity .3s linear .9s; }
#santas-journey.open .progress,
#santas-journey.open .sj-logo,
#santas-journey.open .sj-terms {
    opacity: 0;
    transition: opacity .3s linear; }
#santas-journey.hide .sj-container .houses,
#santas-journey.hide .sj-container .path,
#santas-journey.hide .sj-container .boule-boule-container {
    opacity: 1;
    transition: opacity .3s linear .5s; }
#santas-journey.hide .sj-container .prize {
    opacity: 0;
    transition: opacity .3s linear; }
#santas-journey.hide .progress,
#santas-journey.hide .sj-logo,
#santas-journey.hide .sj-terms {
    opacity: 1;
    transition: opacity .3s linear .5s; }
#santas-journey .sj-logo {
    width: 25vw;
    display: block;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%); }
#santas-journey .progress {
    top: 90px;
    left: 20px;
    z-index: 7;
    position: sticky;
    background: #fff;
    width: auto;
    height: 60px;
    display: inline-flex;
    padding: 0 15px;
    border-radius: 30px;
    gap: 0 10px;
    align-items: center; }
#santas-journey .progress div {
    height: 50px;
    width: 50px;
    position: relative;
    background-image: url(/assets/images/xmas/future.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
#santas-journey .progress div::after {
    content: "";
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 50%;
    display: block;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, transparent 75%);
    border-radius: 50%; }
#santas-journey .progress p {
    margin: 0;
    font-family: 'Bubblegum', Poppins, serif;
    color: #353535;
    font-size: 40px;
    padding-top: 3px; }
#santas-journey .sj-terms {
    background: #d6efff;
    padding: 20px 0; }
#santas-journey .sj-terms .terms-container {
    max-width: 1000px;
    width: auto;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 20px;
    background: rgba(255, 255, 255, 0.33);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.8px);
    -webkit-backdrop-filter: blur(8.8px);
    border: 1px solid rgba(255, 255, 255, 0.36);
    position: relative;
    z-index: 10; }
#santas-journey .sj-terms .terms-container p {
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    color: #353535; }
#santas-journey .sj-terms .terms-container p a {
    color: #353535;
    text-decoration: underline; }
#santas-journey .sj-container {
    max-width: 1000px;
    width: 100%;
    position: relative;
    background: none;
    margin: 0 auto; }
#santas-journey .sj-container .prize {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    top: -100%; }
#santas-journey .sj-container .prize::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(-100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 100%;
    background-image: url(/assets/images/xmas/string.svg);
    background-repeat: repeat-y;
    background-position: bottom;
    background-size: 100% auto;
    border-radius: 3px; }
#santas-journey .sj-container .prize .close {
    height: 35px;
    width: 35px;
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    background: #fff;
    border-radius: 50%; }
#santas-journey .sj-container .prize .close span {
    width: 25px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 3px;
    border-radius: 10px;
    background: #353535; }
#santas-journey .sj-container .prize .close span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg); }
#santas-journey .sj-container .prize .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg); }
#santas-journey .sj-container .prize .gift {
    position: relative;
    display: block; }
#santas-journey .sj-container .prize .gift img {
    display: block;
    width: 100%;
    position: relative;
    filter: drop-shadow(0px 0px 5px #fff); }
#santas-journey .sj-container .prize .gift img.prize-image {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 5%; }
#santas-journey .sj-container .prize p {
    opacity: 0;
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    text-align: center; }
#santas-journey .sj-container .houses {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
#santas-journey .sj-container .path {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1; }
#santas-journey .sj-container .boule-boule-container {
    position: absolute;
    z-index: 3;
    width: 14%;
    padding-top: 14%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    margin-top: -100%;
    margin-left: -100%;
    transition: transform .1s linear; }
#santas-journey .sj-container .boule-boule-container .boule-boule {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0; }
#santas-journey .sj-container .boule-boule-container .boule-boule::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/xmas/future.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
#santas-journey .sj-container .boule-boule-container .boule-boule::after {
    content: "";
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 50%;
    display: block;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, transparent 75%);
    border-radius: 50%; }
#santas-journey .sj-container .boule-boule-container .boule-boule p {
    color: #fff;
    font-weight: bold;
    padding: 0;
    margin: 0;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 3.5vw;
    line-height: 3.5vw;
    z-index: 4;
    font-family: 'Bubblegum', Poppins, serif; }
#santas-journey .sj-container .boule-boule-container .boule-boule p span {
    font-size: 4.5vw;
    line-height: 4.5vw;
    font-family: 'Bubblegum', Poppins, serif; }
#santas-journey .sj-container .boule-boule-container.past {
    cursor: default; }
#santas-journey .sj-container .boule-boule-container.past .boule-boule::before {
    background-image: url(/assets/images/xmas/past.svg); }
#santas-journey .sj-container .boule-boule-container.past .boule-boule p {
    color: #353535; }
#santas-journey .sj-container .boule-boule-container.present {
    cursor: pointer; }
#santas-journey .sj-container .boule-boule-container.present .boule-boule::before {
    background-image: url(/assets/images/xmas/present.svg); }
#santas-journey .sj-container .boule-boule-container.present::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px 3px #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    animation: glow 2s ease-in-out infinite; }
#santas-journey .sj-container .boule-boule-container.present:hover {
    transform: translate(-50%, -50%) scale(1.2) !important; }
#santas-journey .sj-container .boule-boule-container.future {
    cursor: not-allowed; }
#santas-journey .sj-container .boule-boule-container[data-day="2"] {
    margin-top: -29%;
    margin-left: -12%; }
#santas-journey .sj-container .boule-boule-container[data-day="2"] .boule-boule::before {
    rotate: 340deg; }
#santas-journey .sj-container .boule-boule-container[data-day="6"] {
    margin-top: -25%;
    margin-left: 23%; }
#santas-journey .sj-container .boule-boule-container[data-day="6"] .boule-boule::before {
    rotate: 20deg; }
#santas-journey .sj-container .boule-boule-container[data-day="9"] {
    margin-top: -2%;
    margin-left: 13%; }
#santas-journey .sj-container .boule-boule-container[data-day="13"] {
    margin-top: -14%;
    margin-left: -16%; }
#santas-journey .sj-container .boule-boule-container[data-day="13"] .boule-boule::before {
    rotate: 270deg; }
#santas-journey .sj-container .boule-boule-container[data-day="16"] {
    margin-top: 15%;
    margin-left: -25%; }
#santas-journey .sj-container .boule-boule-container[data-day="20"] {
    margin-top: 24%;
    margin-left: -11%; }
#santas-journey .sj-container .boule-boule-container[data-day="20"] .boule-boule::before {
    rotate: 310deg; }
#santas-journey .sj-container .boule-boule-container[data-day="23"] {
    margin-top: 23%;
    margin-left: 21%; }
#santas-journey .sj-container .boule-boule-container[data-day="23"] .boule-boule::before {
    rotate: 180deg; }
#santas-journey .sj-container .boule-boule-container[data-day="24"] {
    margin-top: 44%;
    margin-left: 10%; }
#santas-journey .sj-container .boule-boule-container[data-day="24"] .boule-boule::before {
    rotate: 20deg; }
#santas-journey .sj-container .boule-boule-container[data-day="25"] {
    margin-top: 43%;
    margin-left: -26%; }
#santas-journey .sj-container .boule-boule-container[data-day="25"] .boule-boule::before {
    rotate: 245deg; }
#santas-journey .sj-container .boule-boule-container[data-day="26"] {
    margin-top: 63%;
    margin-left: -10%; }
#santas-journey .sj-container .boule-boule-container[data-day="26"] .boule-boule::before {
    rotate: 90deg; }
#santas-journey #snow {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    height: 100%;
    overflow: hidden;
    width: 100%; }
#santas-journey #snow .snowflake {
    --size: 1vw;
    width: var(--size);
    height: var(--size);
    background: #e7f8ff;
    border-radius: 50%;
    position: absolute;
    top: -5vh; }
#santas-journey #snow .snowflake:nth-child(1) {
    --size: 0.4vw;
    --left-ini: -4vw;
    --left-end: -4vw;
    left: 38vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(1):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(2) {
    --size: 1vw;
    --left-ini: -2vw;
    --left-end: 3vw;
    left: 99vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -6s; }
#santas-journey #snow .snowflake:nth-child(2):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(3) {
    --size: 0.4vw;
    --left-ini: 4vw;
    --left-end: 2vw;
    left: 52vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -7s; }
#santas-journey #snow .snowflake:nth-child(3):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(4) {
    --size: 1vw;
    --left-ini: 5vw;
    --left-end: -1vw;
    left: 20vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(4):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(5) {
    --size: 0.2vw;
    --left-ini: 4vw;
    --left-end: 10vw;
    left: 7vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(5):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(6) {
    --size: 0.6vw;
    --left-ini: -3vw;
    --left-end: -7vw;
    left: 4vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(6):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(7) {
    --size: 0.6vw;
    --left-ini: -3vw;
    --left-end: -2vw;
    left: 55vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(7):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(8) {
    --size: 0.8vw;
    --left-ini: 4vw;
    --left-end: -7vw;
    left: 57vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -9s; }
#santas-journey #snow .snowflake:nth-child(8):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(9) {
    --size: 1vw;
    --left-ini: -5vw;
    --left-end: 4vw;
    left: 74vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(9):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(10) {
    --size: 0.8vw;
    --left-ini: 5vw;
    --left-end: 8vw;
    left: 87vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(10):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(11) {
    --size: 1vw;
    --left-ini: -2vw;
    --left-end: -6vw;
    left: 46vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -2s; }
#santas-journey #snow .snowflake:nth-child(11):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(12) {
    --size: 0.4vw;
    --left-ini: -1vw;
    --left-end: 1vw;
    left: 7vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -6s; }
#santas-journey #snow .snowflake:nth-child(12):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(13) {
    --size: 1vw;
    --left-ini: -5vw;
    --left-end: 5vw;
    left: 30vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -2s; }
#santas-journey #snow .snowflake:nth-child(13):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(14) {
    --size: 0.2vw;
    --left-ini: -6vw;
    --left-end: -5vw;
    left: 31vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(14):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(15) {
    --size: 0.8vw;
    --left-ini: 1vw;
    --left-end: -2vw;
    left: 11vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(15):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(16) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: -2vw;
    left: 71vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -3s; }
#santas-journey #snow .snowflake:nth-child(16):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(17) {
    --size: 1vw;
    --left-ini: 7vw;
    --left-end: 2vw;
    left: 14vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(17):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(18) {
    --size: 0.2vw;
    --left-ini: 6vw;
    --left-end: -1vw;
    left: 6vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -6s; }
#santas-journey #snow .snowflake:nth-child(18):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(19) {
    --size: 0.8vw;
    --left-ini: -4vw;
    --left-end: -1vw;
    left: 24vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -9s; }
#santas-journey #snow .snowflake:nth-child(19):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(20) {
    --size: 1vw;
    --left-ini: 8vw;
    --left-end: 1vw;
    left: 40vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(20):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(21) {
    --size: 0.2vw;
    --left-ini: 4vw;
    --left-end: -1vw;
    left: 68vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(21):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(22) {
    --size: 0.4vw;
    --left-ini: -8vw;
    --left-end: 4vw;
    left: 82vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(22):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(23) {
    --size: 0.6vw;
    --left-ini: -3vw;
    --left-end: -7vw;
    left: 25vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(23):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(24) {
    --size: 1vw;
    --left-ini: 4vw;
    --left-end: 1vw;
    left: 53vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -7s; }
#santas-journey #snow .snowflake:nth-child(24):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(25) {
    --size: 0.6vw;
    --left-ini: 1vw;
    --left-end: -6vw;
    left: 11vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(25):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(26) {
    --size: 0.2vw;
    --left-ini: 3vw;
    --left-end: 8vw;
    left: 38vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(26):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(27) {
    --size: 0.8vw;
    --left-ini: 7vw;
    --left-end: 2vw;
    left: 83vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(27):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(28) {
    --size: 0.8vw;
    --left-ini: -6vw;
    --left-end: 9vw;
    left: 75vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(28):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(29) {
    --size: 0.4vw;
    --left-ini: -6vw;
    --left-end: 4vw;
    left: 59vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(29):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(30) {
    --size: 0.8vw;
    --left-ini: 8vw;
    --left-end: 5vw;
    left: 82vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s; }
#santas-journey #snow .snowflake:nth-child(30):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(31) {
    --size: 0.2vw;
    --left-ini: -7vw;
    --left-end: 1vw;
    left: 41vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(31):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(32) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: 7vw;
    left: 78vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -7s; }
#santas-journey #snow .snowflake:nth-child(32):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(33) {
    --size: 0.8vw;
    --left-ini: 8vw;
    --left-end: 1vw;
    left: 13vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -1s; }
#santas-journey #snow .snowflake:nth-child(33):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(34) {
    --size: 0.8vw;
    --left-ini: -2vw;
    --left-end: -6vw;
    left: 5vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -9s; }
#santas-journey #snow .snowflake:nth-child(34):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(35) {
    --size: 0.8vw;
    --left-ini: -1vw;
    --left-end: -3vw;
    left: 46vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(35):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(36) {
    --size: 1vw;
    --left-ini: 6vw;
    --left-end: 4vw;
    left: 12vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(36):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(37) {
    --size: 0.8vw;
    --left-ini: 4vw;
    --left-end: -5vw;
    left: 71vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(37):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(38) {
    --size: 0.8vw;
    --left-ini: 9vw;
    --left-end: -4vw;
    left: 62vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -2s; }
#santas-journey #snow .snowflake:nth-child(38):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(39) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: 9vw;
    left: 78vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(39):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(40) {
    --size: 1vw;
    --left-ini: 1vw;
    --left-end: -4vw;
    left: 79vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -3s; }
#santas-journey #snow .snowflake:nth-child(40):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(41) {
    --size: 0.6vw;
    --left-ini: -9vw;
    --left-end: 0vw;
    left: 13vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -5s; }
#santas-journey #snow .snowflake:nth-child(41):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(42) {
    --size: 0.2vw;
    --left-ini: -7vw;
    --left-end: -8vw;
    left: 97vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -1s; }
#santas-journey #snow .snowflake:nth-child(42):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(43) {
    --size: 0.8vw;
    --left-ini: -5vw;
    --left-end: 0vw;
    left: 42vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -1s; }
#santas-journey #snow .snowflake:nth-child(43):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(44) {
    --size: 1vw;
    --left-ini: 4vw;
    --left-end: -1vw;
    left: 80vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -4s; }
#santas-journey #snow .snowflake:nth-child(44):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(45) {
    --size: 1vw;
    --left-ini: 0vw;
    --left-end: 5vw;
    left: 4vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(45):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(46) {
    --size: 0.8vw;
    --left-ini: 9vw;
    --left-end: -5vw;
    left: 81vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(46):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(47) {
    --size: 1vw;
    --left-ini: 7vw;
    --left-end: 0vw;
    left: 31vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s; }
#santas-journey #snow .snowflake:nth-child(47):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(48) {
    --size: 1vw;
    --left-ini: 3vw;
    --left-end: 9vw;
    left: 95vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -9s; }
#santas-journey #snow .snowflake:nth-child(48):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(49) {
    --size: 0.2vw;
    --left-ini: 3vw;
    --left-end: -7vw;
    left: 57vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -6s; }
#santas-journey #snow .snowflake:nth-child(49):nth-child(6n) {
    filter: blur(1px); }
#santas-journey #snow .snowflake:nth-child(50) {
    --size: 0.6vw;
    --left-ini: 8vw;
    --left-end: -6vw;
    left: 8vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -10s; }
#santas-journey #snow .snowflake:nth-child(50):nth-child(6n) {
    filter: blur(1px); }

@keyframes snowfall {
    0% {
        transform: translate3d(var(--left-ini), 0, 0); }
    100% {
        transform: translate3d(var(--left-end), 150vh, 0); } }

@media screen and (min-width: 1000px) {
    #santas-journey .sj-logo {
        width: 320px; }
    #santas-journey .sj-container .boule-boule-container {
        width: 10%;
        padding-top: 10%; }
    #santas-journey .sj-container .boule-boule-container .boule-boule p {
        font-size: 20px;
        line-height: 20px; }
    #santas-journey .sj-container .boule-boule-container .boule-boule p span {
        font-size: 25px;
        line-height: 25px; }
    #santas-journey .sj-container .prize {
        width: 600px; }
    #santas-journey .sj-terms .terms-container {
        margin: 0 auto; } }

@media screen and (max-width: 640px) {
    #santas-journey.open .sj-container .prize {
        top: 0; }
    #santas-journey .sj-background {
        margin: 100px 0 0 0; }
    #santas-journey .progress {
        top: 80px;
        left: 10px;
        height: 30px;
        padding: 0 5px;
        gap: 0 5px; }
    #santas-journey .progress p {
        font-size: 16px; }
    #santas-journey .progress div {
        height: 25px;
        width: 25px; }
    #santas-journey .sj-logo {
        top: 25px;
        width: 35vw; }
    #santas-journey .sj-terms .terms-container {
        padding: 10px;
        border-radius: 10px; } }