:root {
    --orange-color: #e0820b;
    --gold-color: #dec115;
    --tooltip-red: #DF4B4B;
    --tooltip-green: green;
    --tooltip-top: calc(100% + 5px);
    --tooltip-top-ind: calc(100% + 15px);
    --tooltip-left: inherit;
    --tooltip-font-size: 0.675em;

    --rgba-white-90: rgba(255, 255, 255, 0.9); /* rgba(0, 0, 0, 0.878) */
    --rgba-black-85: rgba(0, 0, 0, 0.85);
    --rgba-white-80: rgba(255, 255, 255, 0.8);
    --rgba-black-10: rgba(0, 0, 0, 0.1);
    --rgba-black-15: rgba(0, 0, 0, 0.15);
    --rgba-black-20: rgba(0, 0, 0, 0.2);
    --rgba-lightwhite-10: rgba(247, 247, 247, 0.1);
    --rgba-black-50: rgba(0, 0, 0, 0.5); /* rgba(0, 0, 0, 0.53)  rgba(0, 0, 0, 0.45)*/
    --rgba-black-60: rgba(0, 0, 0, 0.6);
    --rgba-black-90: rgba(0, 0, 0, 0.9);
    --rgba-black-25: rgba(0,0,0,0.25); /* rgba(0, 0, 0, 0.25) */
    --rgba-grey-66: rgba(208, 197, 197, 0.66);
    --rgba-darkgrey-44: rgba(89, 89, 89, 0.44);
    --rgba-brown-50: rgba(97, 84, 82, 0.5);
    --rgba-blue-18: rgba(37, 74, 22, 0.18);
    --rgba-darkgrey-26: rgba(48, 48, 48, 0.26);
    --rgba-white-004: rgba(0, 0, 0, 0.004);
    --rgba-black-00: rgba(0, 0, 0, 0);
    --rgba-white-00: rgba(255, 255, 255, 0);

    --color-basic-black: #000000; /* #000 black rgb(0,0,0) rgb(0, 0, 0) rgba(0, 0, 0, 1) */
    --color-black--100: #373737;
    --color-black--110: #2a2a2a;
    --color-black--120: #151515;
    --color-black--130: #242424;
    --color-black--140: #383737;
    --color-black--150: #303030;
    --color-black--160: #2b2b2b;
    --color-black--170: #212224;
    --color-black--180: #232323;
    --color-black--190: #272727;
    --color-black--200: #161616;
    --color-black--210: #1e140c;
    --color-black--220: #212121; /* rgb(33, 33, 33) */
    --color-black--230: #333333; /* rgb(51, 51, 51) */
    --color-black--240: #2c2c2c;
    --color-black--250: #323232;
    --color-black--260: #202020;
    --color-black--270: #1f1f1f;
    --color-black--280: #292929;

    --color-basic-white: #ffffff; /* #fff white rgb(255, 255, 255) rgb(255,255,255) rgba(255, 255, 255, 1)*/


    --color-basic-yellow: #FFD700; /* gold */
    --color-yellow--100: #e6c85d;
    --color-yellow--110: #d4b52e;
    --color-yellow--120: #dcc04c;
    --color-yellow--130: #dabe4b;
    --color-yellow--140: #e2c752;
    --color-yellow--150: #f0d165;
    --color-yellow--160: #d5b529;
    --color-yellow--170: #d4b62e;
    --color-yellow--180: #dec551;
    --color-yellow--190: #e1c652;
    --color-yellow--200: #ffe403;
    --color-yellow--210: #f5ca4b;
    --color-yellow--220: #eed568;
    --color-yellow--230: #DEBC54;
    --color-yellow--240: #eccf5c;
    --color-yellow--250: #d1b23d;
    --color-yellow--260: #fbd704;
    --color-yellow--270: #c39332;
    --color-yellow--280: #E6C75D;
    --color-yellow--290: #E9C766;
    --color-yellow--300: #C9933F;
    --color-yellow--310: #daaa44;
    --color-yellow--320: #F9D436;
    --color-yellow--330: #C19D01;

    --color-lightyellow--100: #FFF0B6;
    --color-lightyellow--110: #DCC7A1;
    --color-lightyellow--120: #f2db6f;
    --color-lightyellow--130: #F2F2ED;

    --color-darkyellow--100: #c39232;
    --color-darkyellow--110: #c09329;
    --color-darkyellow--120: #c38f2b;
    --color-darkyellow--130: #c5ad49;
    --color-darkyellow--140: #b1982c;
    --color-darkyellow--150: #d2aa45;
    --color-darkyellow--160: #b8860b; /* darkgoldenrod */
    --color-darkyellow--170: #bea23f;
    --color-darkyellow--180: #c39d33;
    --color-darkyellow--190: #bf9227;
    --color-darkyellow--200: #c59f61;
    --color-darkyellow--210: #dbb849;
    --color-darkyellow--220: #c49433;
    --color-darkyellow--230: #C49333;
    --color-darkyellow--240: #C88F38;
    --color-darkyellow--250: #BC8122;
    --color-darkyellow--260: #c1a349;
    --color-darkyellow--270: #be8d2a;
    --color-darkyellow--280: #c38f2e;
    --color-darkyellow--290: #fdb049;
    --color-darkyellow--300: #D0B54B;

    --color-orange-basic: #ff8c00; /* darkorange */
    --color-orange--100: #FFC300;
    --color-orange--110: #fbb040;
    --color-orange--120: #fdb953;
    --color-orange--130: #ffcd39;
    --color-orange--140: #ff9703;
    --color-orange--150: #d70;
    --color-orange--160: #c08431;
    --color-orange--170: #f3bb1a;

    --color-basic-brown: #964B00; /* brown */
    --color-brown--100: #523d15;
    --color-brown--110: #615452;
    --color-brown--120: #958989;
    --color-brown--130: #523b15;

    --color-basic-grey: #808080; /* grey */
    --color-grey--100: #f9f9f9;
    --color-grey--110: #f3f9ed;
    --color-grey--120: #fbf4ef;
    --color-grey--130: #dddddd; /* #ddd */
    --color-grey--140: #c4c4c4;
    --color-grey--150: #d1d1d1;
    --color-grey--160: #e1e1e1;
    --color-grey--170: #ededed;
    --color-grey--180: #f7f7f7;
    --color-grey--190: #f6f6f6;
    --color-grey--200: #dcdcdc;
    --color-grey--210: #bbbbbb; /* #bbb*/
    --color-grey--220: #d8d8d8;
    --color-grey--230: #f3f3f3;
    --color-grey--240: #e9e9e9;
    --color-grey--250: #c6c6c6;
    --color-grey--260: #cfcfcf; /* rgb(207, 207, 207) */
    --color-grey--270: #f8f8f8;
    --color-grey--280: #fefefe;
    --color-grey--290: #EAEAEA;
    --color-grey--300: #EEEEEE;
    --color-grey--310: #B7B7B7;
    --color-grey--320: #C7C7C7;
    --color-grey--330: #C2C2C2;
    --color-grey--340: #EBEBEB;
    --color-grey--350: #E6E6E6;
    --color-grey--360: #CCCCCC;
    --color-grey--370: #e4e4e4;
    --color-grey--380: #f5f5f5;
    --color-grey--390: #f0f0f0;
    --color-grey--400: #D9D9D9;
    --color-grey--410: #fdfdfd;
    --color-grey--420: #efefef;
    --color-grey--430: #E2E2E2;
    --color-grey--440: #A5A5A5;
    --color-grey--450: #D3D3D3;
    --color-grey--460: #7D7D7B;

    --color-basic-darkgrey: #a9a9a9; /* darkgrey */
    --color-darkgrey--100: #8e8e8e;
    --color-darkgrey--110: #ababab;
    --color-darkgrey--120: #a3a3a3;
    --color-darkgrey--130: #616161;
    --color-darkgrey--140: #777777; /* #777 */
    --color-darkgrey--150: #babec7;
    --color-darkgrey--160: #707070;
    --color-darkgrey--170: #797979;
    --color-darkgrey--180: #555555; /* #555 */
    --color-darkgrey--190: #888888; /* #888 */
    --color-darkgrey--200: #4e4e4e;
    --color-darkgrey--210: #6C6C6C;
    --color-darkgrey--220: #505050;
    --color-darkgrey--230: #A6A6A6;
    --color-darkgrey--240: #cbcbcb;
    --color-darkgrey--250: #B0B0AD;

    --color-basic-green: #008000; /* green */
    --color-green--100: #64b13e;
    --color-green--110: #38a018;
    --color-green--120: #267a05;
    --color-green--130: #b2fc30;
    --color-green--140: #5ED14B;

    --color-basic-red: #FF0000; /* red */

    --color-lightred-100: #FFF6F6;
    --color-lightred-200: #E8D2D2;

    --color-red--100: #d43d1a;
    --color-red--110: #c80e02;
    --color-red--120: #ff0105;
    --color-red--130: #EC3232;
    --color-red--140: #F42C04;
    --color-red--150: #D90000;

    --color-darkred-basic: #8B0000; /* darkred */
    --color-darkred--100: #890404;
    --color-darkred--110: #ba0f0f;
    --color-darkred--120: #ae0700;
    --color-darkred--130: #9f0202;
    --color-darkred--140: #c3180f;
    --color-darkred--150: #692727;
    --color-darkred--160: #a0170c;
    --color-darkred--170: #8e3434;
    --color-darkred--180: #7b2d2d;
    --color-darkred--190: #380202;

    --color-blue--100: #2b3945;
    --color-blue--110: #0d132c;

    --color-pink--100: #dd2756;

    --color-coins-button: linear-gradient(180deg, #575656 0%, #222222 100%);



    --main-logo: url('../../../../templates/default/images/logo_origin.png');
    --main-logo-big: url('../../../../templates/default/images/logo_big.png');
    --main-logo--free: url('../../../../templates/default/images/logo_free.png');
    --gif-loader: url('../../../../templates/default/images/gif-load.gif');
    --fancybox_bg: url('../../../../templates/default/images/fancybox_alert_bg.png');
    /* don`t use as ISO 14 don`t support this*/
    --main-logo-fifa: url('../../../../templates/default/images/logo/logo-fifa.svg');
    --main-winlogo-fifa: url('../../../../templates/default/images/logo/winlogo-fifa.svg');
    /* don`t use as ISO 14 don`t support this*/

    /* Fonts   */
    --basic-fonts: "Montserrat", sans-serif;
}

* {
    background-repeat: no-repeat;
    background-position: left top;
}

#popup-dispute-resolution .popup-page-content,
#popup-fairness-rnd .popup-page-content,
#popup-pay-outs .popup-page-content{
    padding: 18px 20px;
}

#popup-dispute-resolution .popup-page-content  .inner-page,
#popup-fairness-rnd .popup-page-content  .inner-page,
#popup-pay-outs .popup-page-content .inner-page {
    width: initial;
}

button {
    font-family: var(--basic-fonts);
}

[lang="fr"] .deposit-container.flexepin .warning-flexepin-fr {
    display: inline-block !important;
    padding: 0;
}

[lang="fr"] .deposit-container.flexepin .warning-flexepin-fr-input {
    padding: 0;
}

[lang="fr"] .deposit-container.flexepin .title .warning-flexepin-fr {
    font-size: 0.75em;
    line-height: 14px;
}

[lang="fr"] .deposit-container.flexepin .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0; /* Firefox 1-3.6 */
    border-radius: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMiAyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAyTDAuMTMzOTc1IDAuNUwxLjg2NjAzIDAuNUwxIDJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K)
        no-repeat calc(100% - 10px) 50%;
    background-size: 8px 8px;
    padding-right: 20px !important;
}

.bonuses__submit {
    padding: 8px 42px;
}

.form-cc__btn-reload-payment,
.first_button,
.second_button {
    text-shadow: 0 1px 1px var(--rgba-white-90);
    font-size: 16px;
    color: var(--color-basic-black);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 0.31em 0.8em;
    border-radius: 0.18em;
    border: 1px solid var(--color-basic-black);
    outline: none;
    -webkit-appearance: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    line-height: 17px;
    box-sizing: border-box;
    background-repeat: repeat-x;
    animation-fill-mode: forwards;
    transition: all 0.4s ease;
}

.form-cc__btn-reload-payment,
.first_button {
    background-image: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    box-shadow: 0 0 0 1px var(--color-yellow--100);
}

.form-cc__btn-reload-payment:hover,
.first_button:hover {
    color: var(--color-brown--100);
}

.quick-deposit--animate {
    box-shadow: none;
    animation: pulseDepositBtn 1s ease-out infinite;
}

@keyframes pulseDepositBtn {
    25% {
        box-shadow: 0px 0px 4px 2px var(--color-lightyellow--100), 0px 0px 15px 2px var(--color-orange--100);
    }

    50% {
        box-shadow: 0px 0px 4px 3px var(--color-lightyellow--100), 0px 0px 20px 4px var(--color-orange--100);
    }

    75% {
        box-shadow: 0px 0px 4px 2px var(--color-lightyellow--100), 0px 0px 15px 2px var(--color-orange--100);
    }
    100% {
        box-shadow: 0px 0px 0px 0px var(--color-lightyellow--100), 0px 0px 0px 0px var(--color-orange--100);
    }
}

@-webkit-keyframes pulseDepositBtn {
    25% {
        box-shadow: 0px 0px 4px 2px var(--color-lightyellow--100), 0px 0px 15px 2px var(--color-orange--100);
    }

    50% {
        box-shadow: 0px 0px 4px 3px var(--color-lightyellow--100), 0px 0px 20px 4px var(--color-orange--100);
    }

    75% {
        box-shadow: 0px 0px 4px 2px var(--color-lightyellow--100), 0px 0px 15px 2px var(--color-orange--100);
    }
    100% {
        box-shadow: 0px 0px 0px 0px var(--color-lightyellow--100), 0px 0px 0px 0px var(--color-orange--100);
    }
}

.second_button {
    background-image: linear-gradient(90deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    box-shadow: 0 0 0 1px var(--color-grey--100);
}

.close-button {
    background-image: linear-gradient(to bottom, var(--color-grey--380) 0%, var(--color-grey--380) 50%, var(--color-darkgrey--240) 51%, var(--color-darkgrey--240) 100%);
}

.popup-registration .field__input::placeholder,
.popup-registration--mobile .field__input::placeholder {
    color: var(--color-darkgrey--100);
}

.field__input:hover {
    border: 1px solid var(--rgba-black-50);
}

.field__input:focus {
    border: 1px solid var(--color-basic-black);
}

.forgot-password .field--correct .field__input {
    border-color: var(--color-green--100);
    background: var(--color-grey--110);
}

.forgot-password .field--error .field__input {
    border-color: var(--color-red--100);
    background: var(--color-grey--120);
    box-shadow: none;
}

#popup-login .field--error .field__input,
#popup-login .field--error .field__input:hover,
#popup-login .field--error .field__input:focus,
#popup-login .field--error .field__input:hover:focus {
    border: 2px solid #EB4846;
    box-shadow: none;
    padding: 0 0 0 9px;
}

.popup-registration .field--error .field__input,
.popup-registration .field--error .field__input:hover,
.popup-registration .field--error .field__input:not([name=birthday]):focus,
.popup-registration--mobile .field--error .field__input {
    border: 2px solid #EB4846;
    box-shadow: none;
    padding: 0 0 0 9px;
}

#popup-registration .field--error .field__input[name=birthday],
#popup-registration .field--error .field__input[name=birthday]:hover,
#popup-registration .field--error .field__input[name=birthday]:focus {
    border: 2px solid #EB4846;
    box-shadow: none;
    padding: 0 0 0 9px;
}

#popup-registration .field--error .field__wrp-input.open .field__input[name=birthday],
#popup-registration .field--error .field__wrp-input.open .field__input[name=birthday]:hover,
#popup-registration .field--error .field__wrp-input.open .field__input[name=birthday]:focus {
    border: 2px solid #EB4846;
    box-shadow: none;
    padding: 0 0 0 9px;
}

#popup-registration .field--error .field__input[name=mobile],
#popup-registration .field--error .field__input[name=mobile]:focus {
    padding: 0 0 0 39px;
}

.forgot-password .field--correct .field__input:-webkit-autofill,
.popup-registration .field--correct .field__input:-webkit-autofill,
.popup-registration--mobile .field--correct .field__input:-webkit-autofill {
    box-shadow: inset 0 0 0 50px var(--color-grey--110) !important;
    -webkit-text-fill-color: inherit;
}

.forgot-password .field--error .field__input:-webkit-autofill,
.popup-registration .field--error .field__input:-webkit-autofill,
.popup-registration--mobile .field--error .field__input:-webkit-autofill {
    box-shadow: inset 0 0 0 50px var(--color-grey--120) !important;
    -webkit-text-fill-color: inherit;
}

.forgot-password .field--correct .field__wrp-input::after {
    position: absolute;
    content: "";
    width: 1.25em;
    height: 1.25em;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../../../templates/default/images/check-circle.svg) no-repeat center;
}

.popup-registration .registration__show-password {
    width: 18px;
    height: 14px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    opacity: 1;
    background-position: center;
    background-size: contain;
}

.popup-registration .registration__show-password {
    background-image: url("../../../../templates/common/images/pass_eye_crossed.svg");
}

.popup-registration .hidden.registration__show-password {
    background-image: url("../../../../templates/common/images/pass_eye.svg");
}

.popup-registration .registration__btn-show-password,
.popup-registration .hidden .registration__btn-hide-password {
    display: none;
}

.popup-registration .hidden .registration__btn-show-password,
.popup-registration .registration__btn-hide-password {
    display: block;
}

.field--error .field__input:hover,
.field--error .field__input:focus {
    border: 1px solid var(--color-basic-red);
}

.popup-registration .tooltip-red,
.popup-registration--mobile .tooltip-red {
    width: 100%;
    color: #DF4B4B !important;
    z-index: 1;
    word-break: break-word;
}

[data-password-strength="very-weak"] {
    background-color: #EB4846;
}

.hello-user {
    color: var(--color-darkyellow--120);
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 18px;
}

/*==============STATUS===============*/
.statuses {
    border-bottom: 2px solid var(--color-grey--130);
}

.status-box {
    height: 100%;
    background-color: var(--color-basic-black);
    border-radius: 3px;
}

.status-wrp-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.status-box-title {
    font-size: 16px;
    color: var(--color-darkyellow--130);
    border-bottom: 1px solid var(--color-yellow--110);
    background: linear-gradient(to bottom, var(--color-black--150) 0%, var(--color-black--150) 50%, var(--color-black--180) 51%, var(--color-black--180) 100%);
}

.status-vip-wpr {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    align-items: center;
    font-size: 17px;
}

.vip-1::after,
.vip-1 {
    background-image: url(../../../../templates/default/images/vip/1.png);
}
.vip-2::after,
.vip-2 {
    background-image: url(../../../../templates/default/images/vip/2.png);
}
.vip-3::after,
.vip-3 {
    background-image: url(../../../../templates/default/images/vip/3.png);
}
.vip-4::after,
.vip-4 {
    background-image: url(../../../../templates/default/images/vip/4.png);
}
.vip-5::after,
.vip-5 {
    background-image: url(../../../../templates/default/images/vip/5.png);
}
.vip-6::after,
.vip-6 {
    background-image: url(../../../../templates/default/images/vip/6.png);
}
.vip-7::after,
.vip-7 {
    background-image: url(../../../../templates/default/images/vip/7.png);
}
.vip-8::after,
.vip-8 {
    background-image: url(../../../../templates/default/images/vip/8.svg);
    background-size: 32px 32px!important;
    background-position: 1px 1px!important;
}

#header #header-member .item.member-vip.vip-8 {
    background-position: 11px 8px!important;
    background-size: 21px 21px!important;
}

.vip-status {
    position: relative;
    padding-left: 45px;
    background: none;
}

.vip-status::after {
    content: "";
    height: 40px;
    width: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-45%);
}

.vip-status--novip {
    padding-left: 0;
}

.wager-percent,
.vip-percent {
    border-radius: 50%;
    color: var(--color-basic-black);
    background-color: var(--color-basic-white);
    font-size: 11px;
    text-align: center;
    line-height: 32px;
}

.wager-percent span,
.vip-percent span {
    font-size: 11px;
    line-height: 14px;
}

.wager-percent {
    margin: 0;
    color: var(--color-basic-white);
    background-color: var(--color-basic-black);
}

.vip-progress,
.vip-point {
    border: 1px solid var(--color-black--100);
    border-radius: 2px;
    background-color: var(--color-black--110);
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.02em;
    box-sizing: border-box;
}
.vip-point {
    padding: 5px 3px;
    min-height: 31px;
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.statuses .progress-indicator {
    border-radius: 2px;
    background: linear-gradient(90deg, var(--color-darkyellow--260) 0%, var(--color-orange--160) 100%), var(--color-grey--140);
}

.icon-vip-program {
    color: var(--color-basic-black);
    background: linear-gradient(90deg, var(--color-darkyellow--260) 0%, var(--color-orange--160) 100%), var(--color-grey--150);
}

.status-box .btn-deposit {
    border-radius: 3px;
    color: var(--color-basic-black);
    font-size: 16px;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    border: 1px solid var(--color-basic-black);
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    box-shadow: 0 0 0 1px var(--color-yellow--120);
}

.free-spins-remains {
    margin-right: auto;
    text-align: left;
}

.wagering {
    text-transform: none;
    font-size: 14px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    box-shadow: 0 0 0 1px white;
    border: 1px solid var(--color-basic-black);
    border-radius: 3px;
    padding: 2px 5px;
    box-sizing: border-box;
}

.wager-txt {
    color: var(--color-basic-black);
}

/*=========================================*/

/*==============CONTACT USER===============*/
.user-contact-box:nth-child(odd)::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var(--color-grey--130);
}

.contact-us__bottom .contact-info--tel,
.contact-us__bottom .contact-info--address,
.contact-us__bottom .contact-info--main-address-text,
.contact-us__bottom .contact-info--main-address {
  display: none;
}

.status-subtitle {
    font-size: 16px;
    color: var(--color-darkyellow--120);
}

.status-subtitle-email::before {
    background-image: url(../../../../templates/default/images/user_contact_email.png);
    width: 31px;
    height: 20px;
}

.status-subtitle-phone::before {
    background-image: url(../../../../templates/default/images/user_contact_phone.png);
    width: 27px;
    height: 27px;
}

.status-subtitle-card::before {
    background-image: url(../../../../templates/default/images/user_save_cc.png);
    width: 31px;
    height: 25px;
}

.status-subtitle-bonus::before {
    background-image: url(../../../../templates/default/images/available_bonuses_n.png);
    width: 29px;
    height: 29px;
    margin-top: -4px;
}

.user-contact-verified {
    background-image: url(../../../../templates/default/images/user_contact_verified.png);
    color: var(--color-green--110);
}

.user-contact-not-verified {
    background-image: url(../../../../templates/default/images/user_contact_notverified.png);
    color: var(--color-darkred--100);
}
.user-contact-value {
    font-size: 16px;
}

.user-contact-verified,
.user-contact-not-verified {
    padding-left: 14px;
    font-size: 12px;
}

.enter-code {
    border-radius: 4px;
    border-color: var(--color-grey--160);
    background-color: var(--color-grey--170);
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}

.enter-code-input {
    border-radius: 3px;
    border-color: var(--color-darkgrey--110);
}

.enter-code-label {
    font-size: 12px;
}

.user-contact-phone-value {
    height: 27px;
    font-size: 16px;
    border-color: var(--color-basic-black);
    color: var(--color-basic-black);
    transition: .3s all ease-in-out;
}

.user-contact-phone-value[readonly] {
    color: var(--color-grey--130);
}
.lang_de .user-contact-phone-value {
    width: 170px;
}

.user-contact-phone-edit {
    font-size: 12px;
    border-bottom-left-radius: 0;
}

.user-contact-phone-val::before {
    content: "+";
}

.lang_it .enter-code-text,
.lang_pt .enter-code-text {
    font-size: 15px;
}

.lang_de .enter-code-fields .first_button,
.lang_de .enter-code-fields .second_button,
.lang_it .enter-code-fields .first_button,
.lang_it .enter-code-fields .second_button {
    font-size: 13px;
}
/*=========================================*/

/*test commit to uniqnew branch*/
body {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--color-black--120);
    font: normal 1em/1.3em var(--basic-fonts);
    overflow-y: visible;
}
input,
textarea,
select,
label {
    font: normal 1em/1.3em var(--basic-fonts);
}
body.popup {
    width: auto;
    height: auto;
    background-color: var(--color-grey--180);
    padding: 23px;
}
body.popup h1 {
    color: var(--color-yellow--110);
    font-size: 26px;
    margin-top: 0;
}
body.popup .popup-content {
    font-size: 14px;
    line-height: 18px;
}

html.popup-open body {
    width: calc(100% - var(--scrollbarwidth));
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
h1 {
    color: var(--color-darkyellow--120);
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}

h1:empty {
    display: none;
}
h2 {
    color: var(--color-darkyellow--120);
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
}
.nobg {
    background-image: none !important;
}
.loading {
    /*background-image: var(--gif-loader);*/
    background-image: url('../../../../templates/default/images/gif-load.gif');
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 600px;
    height: 450px;
    display: block;
    margin: 50px auto;
}

#popup-tournament .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    max-width: 600px;
    max-height: 450px;
    transform: translate(-50%, -50%);
    margin: 0;
}

#popup-tournament .popup-content {
    position: relative;
}

.loading.small {
    /*background: var(--gif-loader);*/
    background-image: url('../../../../templates/default/images/gif-load.gif');
    background-size: 20% auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 120px;
    display: block;
    margin: 20px auto;
}

.waiting {
    /*background-image: var(--gif-loader);*/
    background-image: url('../../../../templates/default/images/gif-load.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.img-wait {
    content: url("../../../../templates/default/images/gif-load.gif");
    position: absolute;
    margin-left: 0;
    width: 160px;
    height: 120px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.available-bonuses .img-wait {
    top: auto;
    left: auto;
    transform: none;
}

.img-wait-games {
    background-image: url("../../../../templates/default/images/gif-load.gif");
}

.img-wait-fav {
    content: url("../../../../templates/default/images/gif-load-fav.gif");
    width: 40px;
    height: 32px;
    display: none;
    z-index: 90000;
    position: absolute;
    margin-left: 205px;
    margin-top: 165px;
    overflow: hidden;
}
.img-sel {
    background-image: url("../../../../templates/default/images/ok.png");
    width: 15px;
    height: 15px;
}
.game-box .img-wait-fav {
    margin-left: -10px;
    margin-top: -5px;
}
.img-wait-container {
    position: absolute;
    width: 95%;
    height: 95%;
    text-align: center;
}
.img-wait-container .img-wait {
    margin: auto;
    position: relative;
    display: block;
}
.disabled {
    background-image: none !important;
    color: var(--color-basic-grey) !important;
}
input[type="submit"],
a,
a img,
a:focus {
    outline: 0;
}

#btnSubmitNewPassword {
    width: auto !important;
}

a img {
    border: none;
}
.gold {
    color: var(--color-yellow--130);
}
/* Site */
.wrapper {
    width: 970px;
    margin: 0 auto;
}

.logged #header {
    height: 40px;
    background-position: center 0;
}
.logged #header.bigHeader {
    height: 100px;
    background-position: center 0;
    background-size: 100% 100%;
}
.logged #header #header-common {
    height: 50px;
    display: none;
}

.logged #header.bigHeader #header-common {
    height: 50px;
    display: block;
}

#header.bigHeader.fancybox-margin {
    z-index: 1;
}

#header #header-common .btn-deposit {
    display: none;
}

#header {
    width: 100vw;
    min-width: 1180px;
    height: 55px;
    color: var(--color-darkyellow--140);
    position: fixed;
    margin-top: 0;
    top: 0;
    background-image: url(../../../../templates/default/images/header_bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: var(--color-basic-black);
}
.mgalic #header {
    box-shadow: 0px 3px 2px var(--color-orange--110), 0px 4px 1px var(--color-basic-white);
}
#header #logo,
#logo {
    display: block;
    position: fixed;
    z-index: 2005;
    margin-left: 0;
    margin-top: -6px;
    outline: none;
    width: 160px;
    height: 70px;
    background-image: url(../../../../templates/default/images/winunique_logo.svg);
    background-repeat: no-repeat;
    background-position: 50% 35%;
    top: 2px;
    background-size: contain;
    transition: 300ms;
    /*transition: width 300ms ease, height 300ms ease;*/
}
/*.mgalic #header #logo,*/
/*.mgalic #logo {*/
/*    background-image: url(https://www.casinounique.com/templates/default/images/uc_vip/logo_l.png);*/
/*    background-size: contain;*/
/*}*/
.logged #logo {
    display: none;
}
.logged #logo.bigLogo {
    top: 35px;
    display: block;
    /*margin-top: 6px;*/
}

.ca.logged #logo.bigLogo {
    top: 42px;
}

#header #logo.bigLogo,
#logo.bigLogo,
.logged #logo.bigLogo,
#logo.bigLogo.fancybox-margin {
    display: block;
    background: url('../../../../templates/default/images/winunique_logo.svg') no-repeat center;
    background-size: contain;
    width: 187px;
    height: 80px;
}

.free #header #logo.bigLogo,
.free #logo.bigLogo,
.logged.free #logo.bigLogo,
.free #logo.bigLogo.fancybox-margin {
     background: var(--main-logo--free);
    background: url('../../../../templates/default/images/logo_winUC-free.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 210px;
    height: 80px;
    margin-top: 3px;
}

.free #header #logo,
.free #logo {
    height: 60px;
    margin-top: -3px;
}
.free .popup .fancybox-skin .logo {
    width: 200px;
}

.free #header #logo,
.free #logo,
.free .popup .fancybox-skin .logo {
    background: url('../../../../templates/default/images/logo_winUC-free.svg') no-repeat;
    background-size: contain;
    width: 170px;
}

.ca #header #logo,
.ca #logo,
.ca #header #logo.bigLogo,
.ca #logo.bigLogo,
.ca .logged #logo.bigLogo,
.ca #logo.bigLogo.fancybox-margin,
.ca .alert .fancybox-skin .logo,
.ca .popup-redirect__content .logo,
.ca .popup .fancybox-skin .logo,
.ca .popup.popup-wd-msg .fancybox-skin .logo {
    background-image: url('../../../../templates/default/images/winunique_logo-CA.svg');
}

.logged.mgalic #logo.bigLogo {
    margin-top: 44px;
}
#logo.bigLogo.over {
    z-index: 3002 !important;
}
#fb-root {
    display: none;
}
#header #btn-login {
    display: inline-block;
    float: right;
    margin-top: 12px;
    position: relative;
    border: 1px solid var(--color-basic-black);
    border-radius: 3px;
    background-image: -moz-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: -webkit-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: -ms-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    box-shadow: 0 0 0 1px var(--color-grey--190);
}
#header #btn-join {
    display: inline-block;
    float: right;
    margin-top: 12px;
    margin-right: 15px;
    position: relative;
}

#header #header-member {
    height: 45px;
    color: var(--color-darkyellow--140);
    line-height: 40px;
    overflow: hidden;
    z-index: 1000;
    margin-top: 0;
    top: 0;
    background-image: url(../../../../templates/default/images/header_bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: var(--color-basic-black);
}
.logged #header #header-member {
    background-color: transparent;
    background-image: none;
    height: 40px;
}
#header #header-member .item {
    display: inline-block;
    float: left;
    color: var(--color-basic-white);
    font-size: 14px;
    margin-left: 0;
    margin-right: 10px;
    height: 40px;
}
.lang_en #header #header-member .item {
    font-size: 14px;
}
#header #header-member .item {
    font-size: 12px;
}
#header #header-member .item.split:before {
    content: "|";
    display: inline-block;
    color: var(--color-darkyellow--140);
    margin-right: 10px;
    height: 40px;
}
#header #header-member .item.member-name {
    background-image: url(../../../../templates/default/images/icon_member_name.png);
    background-position: left center;
    padding-left: 30px;
    white-space: nowrap;
    overflow: hidden;
}
.lang_ja #header #header-member .item.member-name {
    display: flex;
    flex-direction: row-reverse;
}

.lang_ja .nec {
    display: none;
}

#header #header-member .item.member-vip {
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 23px 24px;
}
#header #header-member .item.split.member-vip:before {
    margin-right: 40px;
}
#header #header-member .item a {
    position: relative;
    color: var(--color-basic-white);
    text-decoration: none;
}
#header #header-member .item a:hover {
    color: var(--color-yellow--140);
}
#header #header-member .item a.active {
    color: var(--color-yellow--140);
}
.lang_fr #header #header-member .item.btn-deposit {
    font-weight: normal;
}
#header #header-member .item.btn-deposit {
    position: relative;
    float: right;
    margin-top: 4px;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 10px;
    cursor: pointer;
    border: 1px solid var(--color-basic-black);
    outline: none;
    margin-left: 10px;
    height: auto;
    box-shadow: 0 0 0 1px var(--color-yellow--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
}
#header #header-member .item.btn-deposit:hover {
    color: var(--color-brown--100);
}
#header #header-member .item.member-balance {
    float: right;
    margin-right: 10px;
    background-image: url(../../../../templates/default/images/icon_member_balance.png);
    background-position: left 12px;
    padding-left: 26px;
}
#main {
    width: 100%;
    min-width: 1180px;
    min-height: 800px;
}
#footer {
    width: 100%;
    min-width: 1180px;
    height: 730px;
    background-color: var(--color-black--120);
    border-top: 1px solid var(--color-black--130);
}
#footer .star {
    display: block;
    position: relative;
    margin-left: 399px;
    margin-top: -53px;
    width: 171px;
    height: 86px;
    background-image: url(../../../../templates/default/images/footer_star.png);
}
#footer-menu {
    margin: 50px auto 0;
    text-align: center;
    color: var(--color-black--140);
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-row-gap: 10px;
}
#footer-menu a {
    color: var(--color-darkgrey--120);
    font-size: 13px;
    text-decoration: none;
    position: relative;
    padding: 0 15px;
    white-space: nowrap;
    cursor: pointer;
}

#footer-menu a::after,
#footer-menu a::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--color-darkgrey--120);
    right: -5px;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
}

#footer-menu a::before {
    right: initial;
    left: 0;
}

#footer-menu a:hover {
    color: var(--color-basic-white);
}

#bottom-game-providers {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
    text-align: center;
}
#bottom-game-providers .clear {
    margin-top: 10px;
}

.free .bottom-game.vivolive,
.free .bottom-game.lucky,
.free .bottom-game.evolution {
    display: none;
}
#validation-seal {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    min-height: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
}

#validation-seal>svg {
    max-width: 100%;
    height: 44%;
}

#validation-seal a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
#validation-seal a img {
    margin-top: -14px;
    cursor: pointer;
}
#validation-seal > img {
    margin-top: 10px;
    cursor: auto;
}

.curr-prom-inner {
    text-decoration: none;
    color: var(--color-basic-black);
}
.popup-page-content .contact-info #ceg-seal-container {
    width: 215px !important;
    margin-top: 10px;
}
.popup-page-content .contact-info #ceg-seal-container a {
    text-decoration: none;
    font-weight: 600;
    color: var(--color-basic-black);
}
.popup-page-content #ceg-seal-container a {
    text-decoration: none;
    font-weight: 600;
    color: var(--color-basic-black);
}
.popup-page-content #ceg-seal-container {
    width: 160px !important;
    margin: 0;
}
#footer-text {
    margin: 40px auto 0;
    color: var(--color-darkgrey--120);
    font-size: 12px;
    text-align: center;
}
#footer-text p {
    margin-top: 0;
    padding-top: 0;
}
#tracking {
    display: none;
}
#help {
    width: 100%;
    min-width: 1180px;
    min-height: 4px;
    background-color: var(--color-darkred--100);
    border-top: 1px solid var(--color-darkred--110);
}
#help .sticky-help {
    z-index: 99999;
    cursor: pointer;
    width: 210px;
    height: 48px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-image: url(../../../../templates/default/images/sticky_help_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#collage {
    height: 478px;
    overflow: hidden;
    background-image: url(../../../../templates/default/images/bg1_origin.jpg);
    background-position: 43% 100%;
    background-size: cover;
    background-color: var(--color-basic-black);
    margin-top: 55px;
}
.mgalic #collage {
    background-image: url(../../../../templates/default/images/uc_vip/bg.jpg);
}
.lang_ja #collage {
    background-position: center;
    background-image: url(../../../../templates/default/images/bg_cat_clean.jpg);
    background-size: 2300px 481px;
}

@media (min-width: 1921px) {
    #collage {
        background-image: url("../../../../templates/default/images/bg1_origin.jpg");
        background-size: cover;
        background-position: center;
    }
}

@media (min-width: 2559px) {
    .lang_ja #collage {
        background-position: center -200px;
        background-size: 2543px 678px;
    }
}

@media (min-width: 3500px) {
    .lang_ja #collage {
        background-position: center -200px;
        background-size: 3800px 678px;
    }
}

#collage #slider {
    width: 100%;
    padding: 0 0 0 0;
    -webkit-padding-start: 0;
    overflow: hidden;
}

.eldesk {
    display: inline-block !important;
}
.elmob {
    display: none !important;
}

body.winter #collage {
    background-image: url(../../../../templates/default/images/collage_winter_bg1.jpg);
    background-color: var(--color-basic-white);
    background-position: center bottom;
}
.logged #collage {
    margin-top: 90px;
}
#fakeheader {
    display: none;
    min-width: 100%;
    min-height: 0;
    height: 0;
    top: 0;
    background-color: var(--color-basic-black);
}
.logged #fakeheader {
    display: none;
    min-width: 100%;
    min-height: 50px;
    height: 50px;
    margin-top: -10px;
    background-color: var(--color-basic-black);
}
.logged #collage.bigHeader {
    /*margin-top: 90px;*/
}
#collage #slider li {
    z-index: 4000;
    width: 100%;
    height: 478px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto;
    display: block;
    float: left;
}
#collage #slider li.item-1 {
    background-image: url(../../../../templates/default/images/collage/01.png);
}
#collage #slider li.item-2 {
    background-image: url(../../../../templates/default/images/collage/02.png);
}
#collage #slider li.item-3 {
    background-image: url(../../../../templates/default/images/collage/03.png);
}
#collage #slider li.item-4 {
    background-image: url(../../../../templates/default/images/collage/04.png);
}
#collage #slider li.item-5 {
    background-image: url(../../../../templates/default/images/collage/06.png);
}
#collage #slider li.item-6 {
    background-image: url(../../../../templates/default/images/collage/07.png);
}
#collage #slider li.item-aff,
#collage #slider #item-aff {
    background-position: 80% 50% !important;
}
#main.iPad #collage #slider li.slide-new-game {
    background-size: contain;
}
#collage #slider .text {
    margin: 0 auto;
    width: 970px !important;
    height: auto !important;
}
.text .content {
    margin-left: 0;
    margin-top: 80px;
    color: var(--color-basic-white);
    text-shadow: 1px 2px 1px var(--rgba-black-90);
    margin-bottom: 30px;
}
body.winter #collage #slider .text .content {
    color: var(--color-black--150);
    text-shadow: none;
}
.lang_de .text .content bigplus,
.lang_sv .text .content bigplus {
    line-height: 48px;
}

.text .content gold {
    color: var(--color-yellow--130);
    display: inline-block;
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-shadow: none;
    text-shadow: -1px 2px 0 var(--rgba-black-10);
    filter: brightness(130%);
    padding-top: 3px;
}

body.winter .content gold {
    color: var(--color-darkred--120);
    display: inline-block;
    background: -webkit-linear-gradient(left, var(--color-red--110), var(--color-darkred--120));
    background: -o-linear-gradient(right, var(--color-red--110), var(--color-darkred--120));
    background: -moz-linear-gradient(right, var(--color-red--110), var(--color-darkred--120));
    background: linear-gradient(to right, var(--color-red--110), var(--color-darkred--120));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-shadow: none;
    text-shadow: -1px 2px 0 var(--rgba-black-10);
    filter: brightness(130%);
}
.text .content upcase {
    text-transform: uppercase;
}
.text .content big {
    font-size: 38px;
    line-height: 36px;
    margin-bottom: 10px;
    display: inline-block;
}
.text .content mbig {
    font-size: 53px;
    line-height: 54px;
    margin-bottom: 8px;
    display: inline-block;
}
.lang_fr .text .content mbig {
    font-size: 50px !important;
    line-height: 58px;
}
.text .content bmedium {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 8px;
    display: inline-block;
}
.text .content medium {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 8px;
    display: inline-block;
}
.text .content smedium {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 8px;
    display: inline-block;
}
.text .content small {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 8px;
    display: inline-block;
}
#collage #slider .text .button {
    display: none;
    cursor: pointer;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 28px;
    line-height: 54px;
    height: 54px;
    padding: 0 28px;
    border: 1px solid var(--color-basic-black);
    border-radius: 50px;
    text-shadow: 0 1px 0 var(--color-yellow--150);
    outline: none;
    text-transform: uppercase;
    box-shadow: 0 0 0 2px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
    position: absolute;
    top: 310px;
    margin-left: 5px;
}
body.winter #collage #slider .text .button {
    color: var(--color-basic-white);
    text-shadow: 0 1px 1px var(--color-basic-black);
    background-image: url(../../../../templates/default/images/collage_winter_btn_bg.png);
}

/* Form */
.field-container {
    margin-bottom: 15px;
    width: 500px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.field-container .label {
    display: inline-block;
    width: 205px;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-black);
}
.field-container .field {
    display: inline-block;
}
.field-container input[type="text"],
.field-container input[type="text"].datepicker,
.field-container input[type="password"],
.field-container input[type="tel"],
.field-container input[type="number"] {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 183px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.field-container input[type="text"].datepicker {
    background-image: url(../../../../templates/default/images/icon_calendar_01.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    width: 125px;
}
.field-container select {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 205px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

.field-container.error input[type="text"],
.field-container.error input[type="password"],
.field-container.error select {
    border: 1px solid var(--color-darkred--130);
}

/* Top menu */
#top-menu {
    float: left;
    margin-left: 200px;
    margin-top: 12px;
}
.logged #top-menu {
    margin-top: 9px;
}
#top-menu a {
    position: relative;
    display: inline-block;
    float: left;
    line-height: 31px;
    font-size: 14px;
    color: var(--color-basic-white);
    margin: 0 8px;
    text-decoration: none;
}
#top-menu a:hover {
    color: var(--color-yellow--140);
}
#top-menu a.active {
    color: var(--color-yellow--140);
}
#top-menu a.home {
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-top: 5px;
    color: transparent;
    background-image: url(../../../../templates/default/images/icon_home.png);
    background-position: 0 0;
}
#top-menu a.home:hover {
    background-position: 0 -19px;
}
.custom-btn {
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    text-transform: uppercase;
    text-shadow: 0 0 1px var(--color-orange--120);
    padding: 0 10px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    border: 1px solid var(--color-basic-black);
    background-image: -moz-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: -webkit-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: -ms-linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    background-image: linear-gradient(0deg, var(--color-basic-white) 0%, var(--color-grey--260) 100%);
    box-shadow: 0 0 0 1px var(--color-grey--190);
}
.btn-grey {
    box-shadow: 0 0 0 1px var(--color-darkgrey--110);
    background: linear-gradient(to right, var(--color-basic-white) 40%, var(--color-grey--200));
    text-shadow: 0 0 1px var(--color-basic-white);
}
.btn-grey:hover {
    color: var(--color-darkyellow--120);
}
.btn-gold {
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
}
.btn-gold:hover {
    color: var(--color-brown--100);
}
#header #language.fake-lang {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 9px;
    margin-right: 15px;
    height: 45px;
    z-index: 9000;
    position: relative;
}
#language.real-lang {
    top: 13px;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-left: 10px;
    height: 45px;
    z-index: 2500;
    position: relative;
}
.safari_logged_lang {
    position: fixed !important;
    left: calc(1% + 1095px);
    margin-top: 42px !important;
}
.logged #language.real-lang {
    top: 11px !important;
}
.language {
    display: block;
    color: transparent;
    text-decoration: none;
    width: 20px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-position: center center;
    z-index: 9000;
}
.language.en {
    background-image: url(../../../../templates/default/images/flags/32/eu.png);
    z-index: 9000;
}
.au .language.en {
    background-image: url(../../../../templates/default/images/flags/32/au.png) !important;
    z-index: 9000;
}
.ca .language.en {
    background-image: url(../../../../templates/default/images/flags/32/ca.png) !important;
    z-index: 9000;
}
.za .language.en {
    background-image: url(../../../../templates/default/images/flags/32/za.png) !important;
    z-index: 9000;
}
.nz .language.en {
    background-image: url(../../../../templates/default/images/flags/32/nz.png) !important;
    z-index: 9000;
}
.mt .language.en {
    background-image: url(../../../../templates/default/images/flags/32/mt.png) !important;
    z-index: 9000;
}
.language.es {
    background-image: url(../../../../templates/default/images/flags/32/es.png);
    z-index: 9000;
}
.mx .language.es {
    background-image: url(../../../../templates/default/images/flags/32/mx.png) !important;
    z-index: 9000;
}
.ar .language.es {
    background-image: url(../../../../templates/default/images/flags/32/ar.png) !important;
    z-index: 9000;
}
.bo .language.es {
    background-image: url(../../../../templates/default/images/flags/32/bo.png) !important;
    z-index: 9000;
}
.ve .language.es {
    background-image: url(../../../../templates/default/images/flags/32/ve.png) !important;
    z-index: 9000;
}
.gt .language.es {
    background-image: url(../../../../templates/default/images/flags/32/gt.png) !important;
    z-index: 9000;
}
.hn .language.es {
    background-image: url(../../../../templates/default/images/flags/32/hn.png) !important;
    z-index: 9000;
}
.do .language.es {
    background-image: url(../../../../templates/default/images/flags/32/do.png) !important;
    z-index: 9000;
}
.co .language.es {
    background-image: url(../../../../templates/default/images/flags/32/co.png) !important;
    z-index: 9000;
}
.cr .language.es {
    background-image: url(../../../../templates/default/images/flags/32/cr.png) !important;
    z-index: 9000;
}
.cu .language.es {
    background-image: url(../../../../templates/default/images/flags/32/cu.png) !important;
    z-index: 9000;
}
.ni .language.es {
    background-image: url(../../../../templates/default/images/flags/32/ni.png) !important;
    z-index: 9000;
}
.pa .language.es {
    background-image: url(../../../../templates/default/images/flags/32/pa.png) !important;
    z-index: 9000;
}
.py .language.es {
    background-image: url(../../../../templates/default/images/flags/32/py.png) !important;
    z-index: 9000;
}
.pe .language.es {
    background-image: url(../../../../templates/default/images/flags/32/pe.png) !important;
    z-index: 9000;
}
.sv .language.es {
    background-image: url(../../../../templates/default/images/flags/32/sv.png) !important;
    z-index: 9000;
}
.uy .language.es {
    background-image: url(../../../../templates/default/images/flags/32/uy.png) !important;
    z-index: 9000;
}
.cl .language.es {
    background-image: url(../../../../templates/default/images/flags/32/cl.png) !important;
    z-index: 9000;
}
.ec .language.es {
    background-image: url(../../../../templates/default/images/flags/32/ec.png) !important;
    z-index: 9000;
}
.pr .language.es {
    background-image: url(../../../../templates/default/images/flags/32/pr.png) !important;
    z-index: 9000;
}
#promo .promo .image.promo-support a {
    z-index: 9000;
    height: 55px;
    width: 55px;
    display: inline-block;
    margin: 0 0 0 0;
    border-radius: 50px;
    background-size: 89px;
    border: 5px solid var(--color-darkyellow--150);
    background-position: -17px -14px;
    box-shadow: inset 0 0 1px 2px var(--color-basic-black);
}
/*.mx .language.es #promo .promo .image.promo-support*/
.mx.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/mx.png) !important;
}
.ar.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ar.png) !important;
}
.bo.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/bo.png) !important;
}
.ve.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ve.png) !important;
}
.gt.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/gt.png) !important;
}
.hn.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/hn.png) !important;
}
.do.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/do.png) !important;
}
.co.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/co.png) !important;
}
.cr.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/cr.png) !important;
}
.cu.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/cu.png) !important;
}
.ni.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ni.png) !important;
}
.pa.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/pa.png) !important;
}
.py.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/py.png) !important;
}
.pe.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/pe.png) !important;
}
.sv.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/sv.png) !important;
}
.uy.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/uy.png) !important;
}
.cl.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/cl.png) !important;
}
.ec.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ec.png) !important;
}
.pr.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/pr.png) !important;
}
.lang_es #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/es.png);
}
/*********************************************************/

.lang_de #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/de.png);
}
.at.lang_de #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/at.png) !important;
}
.ch.lang_de #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ch.png) !important;
}
.lang_ja #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/jp-flag.png);
    background-size: contain;
    background-position: center 10px;
    border-radius: unset;
    border: none;
    box-shadow: none;
}
.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/fr.png);
}
.be.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/be.png) !important;
}

.pf.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/pf.png) !important;
}
.nc.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/nc.png) !important;
}
.mc.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/mc.png) !important;
}
.sn.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/sn.png) !important;
}
.ga.lang_fr #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ga.png) !important;
}
.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/eu.png);
}
.za.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/za.png) !important;
}
.nz.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/nz.png) !important;
}
.au.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/au.png) !important;
}
.ca.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/ca.png) !important;
}
.mt.lang_en #promo .promo .image.promo-support a {
    background-image: url(../../../../templates/default/images/flags/64/mt.png) !important;
}
.lang_es #promo .promo .l_promo {
    display: none;
}
.language.fr {
    background-image: url(../../../../templates/default/images/flags/32/fr.png);
    z-index: 9000;
}
.be .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.pf .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.nc .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.mc .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.sn .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.ga .language.fr {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.language.no {
    background-image: url(../../../../templates/default/images/flags/32/no.png);
    z-index: 9000;
}
.language.sv {
    background-image: url(../../../../templates/default/images/flags/32/se.png);
    z-index: 9000;
}
.language.de {
    background-image: url(../../../../templates/default/images/flags/32/de.png);
    z-index: 9000;
}
.language.it {
    background-image: url(../../../../templates/default/images/flags/32/it.png);
    z-index: 9000;
}

.language.fi {
    background-image: url(../../../../templates/default/images/flags/32/fi.png);
    z-index: 9000;
}

.language.ja {
    background-image: url(../../../../templates/default/images/flags/32/jp.png);
    z-index: 9000;
}

.language.ko {
    background-image: url(../../../../templates/default/images/flags/32/kr.png);
    z-index: 9000;
}

.language.pl {
    background-image: url(../../../../templates/default/images/flags/32/pl.png);
    z-index: 9000;
}

.at .language.de {
    background-image: url(../../../../templates/default/images/flags/32/at.png);
    z-index: 9000;
}
.ch .language.de {
    background-image: url(../../../../templates/default/images/flags/32/ch.png);
    z-index: 9000;
}

.pt .language.pt,
.language.pt {
    background-image: url(../../../../templates/default/images/flags/32/br.png);
    z-index: 9000;
}

.br .language.pt {
    background-image: url(../../../../templates/default/images/flags/32/br.png);
}
#language #current-language {
    display: inline-block;
    float: left;
    margin-top: 5px;
    z-index: 9000;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
}
#language #arrow-languages {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    background-position: center 0;
    background-image: url(../../../../templates/default/images/arrow_languages.png);
    z-index: 9000;
}
#language:hover #arrow-languages,
#language.hover #arrow-languages {
    background-position: center -20px;
    z-index: 9000;
}
#language #all-languages {
    display: none;
    position: fixed;
    margin-left: -19px;
    margin-top: 40px;
    width: 56px;
    background-color: var(--color-basic-black);
    border-left: 1px solid var(--color-black--160);
    border-right: 1px solid var(--color-black--160);
    border-bottom: 2px solid var(--color-black--160);
    z-index: 9000;
}
#language:hover #all-languages {
    position: fixed;
    display: block;
    opacity: 0.8;
    z-index: 9000;
    top: 14px !important;
}
.logged #language:hover #all-languages {
    top: 50px !important;
}
#language #all-languages .language {
    margin: 0 auto 12px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 9000;
}
#language:hover #all-languages .language:hover {
    opacity: 1;
    z-index: 9000;
}
#games-menu-mobile {
    display: none;
}
#games-menu {
    width: 100%;
    height: 70px;
    background: linear-gradient(180deg, #FFFFFF 0%, #CACACA 100%);
    position: sticky;
    top: 55px;
    display: block;
    z-index: 99;
    box-shadow: 0 0 10px var(--color-basic-black);
    transition: top .5s ease-in-out;
}

#games-menu::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    top: 70px;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.0001) 0.04%, rgba(0, 0, 0, 0.5) 100%);
    transition: opacity 0.3s ease;
}

#games-menu.active::before {
    opacity: 1;
}

.games-menu__left-border,
.games-menu__right-border {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 1px;
    height: 70px;
    z-index: 4;
}

.games-menu__left-border {
    left: calc(50% - 484px);
    background-color: #A1A1A1;
}

.games-menu__right-border {
    right: calc(50% - 484px);
    background-color: var(--color-basic-white);
}

.games-menu_wrp {
    width: 966px;
    height: 75px;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 0 1px 0 1px;
    overflow: scroll;
}

.logged #games-menu {
    top: 40px;
}

#games-menu.hide {
    top: -21px;
}

.logged #games-menu.hide {
    top: -35px;
}

#games-menu .wrapper a .games-menu__img {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: visible;
}

#games-menu .wrapper a[name=top-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-top-games.png");
}

#games-menu .wrapper a[name=arcade-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-arcade-games.png");
}

#games-menu .wrapper a[name=latest-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-latest-games.png");
}

#games-menu .wrapper a[name=live] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-live-casino.png");
}

#games-menu .wrapper a[name=video-slots] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-slots.png");
}

#games-menu .wrapper a[name=table-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-table-games.png");
}

#games-menu .wrapper a[name=jackpots] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-jackpots.png");
}

#games-menu .wrapper a[name=all-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-all-games.png");
}

#games-menu .wrapper a[name=favorites] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-favorites.png");
}

#games-menu .wrapper a[name=recent-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-recent-games.png");
}

#games-menu .wrapper a[name=tournaments] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-tournament-games.png");
    background-size: auto 39px;
}

#games-menu .wrapper a[name=arcadem-games] .games-menu__img {
    background-image: url("../../../../templates/default/images/category_menu/icon-arcadem.png");
}

#games-menu__btn-left,
#games-menu__btn-right {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 7px #443A5A;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    background-position: center;
    background-size: 12px 19px, contain;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 5;
    transition: opacity .1s ease-in-out, transform .2s ease-in-out;
}

#games-menu__btn-left {
    left: calc(50% - 503px);
    background-image: url("../../../../templates/default/images/category_menu/icon-arrow-left.svg"), linear-gradient(360deg, #CDCDCD 0%, #FFF6D6 100%);
}

#games-menu__btn-left:hover {
    background-image: url("../../../../templates/default/images/category_menu/icon-arrow-left.svg"), linear-gradient(180deg, #EBDDB9 0%, #FFFFFF 100%);
}

#games-menu__btn-right {
    right: calc(50% - 503px);
    background-image: url("../../../../templates/default/images/category_menu/icon-arrow-right.svg"), linear-gradient(360deg, #CDCDCD 0%, #FFF6D6 100%);
}

#games-menu__btn-right:hover {
    background-image: url("../../../../templates/default/images/category_menu/icon-arrow-right.svg"), linear-gradient(180deg, #EBDDB9 0%, #FFFFFF 100%);
}

#games-menu__btn-left.disabled,
#games-menu__btn-right.disabled {
    opacity: 0;
    pointer-events: none;
}

#games-menu .wrapper::-webkit-scrollbar {
    display: none;
}

#games-menu a {
    height: 70px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    align-items: center;
    justify-content: space-between;
    min-width: 138px;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #CACACA 100%);
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
    color: var(--color-basic-black);
    text-transform: uppercase;
    text-decoration: none;
    border-left: 1px solid var(--color-basic-white);
    border-right: 1px solid #A1A1A1;
    box-sizing: border-box;
    transition: background-image .3s ease-in;
}

#games-menu a > span {
    position: relative;
    z-index: 3;
}

#games-menu a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #D6AD60 0%, #FFFFFF 100%);
    transition: opacity .5s ease-out;
    z-index: 2;
    opacity: 0;
}

#games-menu a:hover::after {
    opacity: 0.5;
}

#games-menu a.active::after {
    background-image: url("../../../../templates/default/images/category_menu/glow-rhomb.png"), linear-gradient(180deg, #D6AD60 0%, #FFFFFF 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: 138px 60px, contain;
    background-position: center -3px, center;
    opacity: 1;
}

#games-menu a::before {
    position: absolute;
    content: '';
    bottom: -5px;
    left: -1px;
    width: calc(100% + 2px);
    height: 5px;
    background-color: #E0A940;
    opacity: 0;
    transition: opacity .3s ease-out;
}

#games-menu a.active::before {
    opacity: 1;
}

#games-menu a.active {
    position: sticky;
    left: 0;
    right: 0;
    z-index: 4;
}

#games {
    width: 100%;
    min-height: 415px;
    background-image: url(../../../../templates/default/images/games_bg.png);
    background-repeat: repeat;
    background-position:  center top;
    padding-bottom: 70px;
}
.lang_ja #games {
    width: 100%;
    min-height: 415px;
    background-image: url(../../../../templates/default/images/bg_home_jap.png), url(../../../../templates/default/images/bg_home_jap.png), url(../../../../templates/default/images/games_bg.png);
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: left top, right top, center top;
    padding-bottom: 30px;
    background-size: calc(50% - 500px), calc(50% - 500px), 10%;
}

#all-games .scroll-to-filters,
#video-slots .scroll-to-filters {
    justify-content: space-between;
    align-items: center;
    position: fixed;
    height: 35px;
    width: 120px;
    background-color: #C49333;
    background-image: linear-gradient(180deg, #EED065 0%, #C49333 100%);
    box-shadow: 0 5px 10px var(--color-basic-black);
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    color: var(--color-basic-black);
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    transform: translateX(100%);
    opacity: 0;
    z-index: 100;
    transition: .5s all ease-in-out;
    animation-fill-mode: forwards;
    padding: 0 6px 0 16px;
    pointer-events: none;
}

.scroll-to-filters .filter-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/filter-solid.svg");
    background-size: contain;
}

#all-games .scroll-to-filters.active,
#video-slots .scroll-to-filters.active {
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

#all-games .scroll-to-filters.show-btn,
#video-slots .scroll-to-filters.show-btn {
    display: inline-flex;
}

#all-games .scroll-to-filters img,
#video-slots .scroll-to-filters img {
    vertical-align: bottom;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

#all-games .scroll-to-filters span,
#video-slots .scroll-to-filters span {
    display: inline-flex;
    align-items: center;
    font-weight: 800;
    line-height: 1;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--color-basic-black);
    color: var(--color-basic-white);
}

#all-games .scroll-to-filters,
#video-slots .scroll-to-filters {
    right: calc(50% - 60px);
    top: 138px;
}

.logged #all-games .scroll-to-filters,
.logged #video-slots .scroll-to-filters {
    right: calc(50% - 60px);
    top: 122px;
}

.game {
    display: inline-block;
    position: relative;
    float: left;
    width: 236px;
    height: 165px;
    margin-bottom: 10px;
}

.img-game,
.game img {
    position: absolute;
    z-index: 10;
    margin-left: 0;
    margin-top: 0;
    width: 234px;
    height: 165px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.game .game-hover {
    display: none;
    position: absolute;
    z-index: 20;
    margin-left: 0;
    margin-top: 0;
    width: 236px;
    height: 165px;
    overflow: hidden;
    background-image: url(../../../../templates/default/images/game_play_01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.game .play {
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 50;
    margin-top: 23px;
    margin-left: 47px;
    width: 140px;
    min-height: 29px;
    text-align: center;
    padding: 0;
}
.logged .game .play {
    margin-top: 44px;
}
.game .demo {
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 50;
    margin-top: 68px;
    margin-left: 47px;
    width: 140px;
    height: 29px;
    text-align: center;
    padding: 0;
}

.game .frame {
    position: absolute;
    z-index: 30;
    margin-left: 0;
    margin-top: 0;
    width: 236px;
    height: 176px;
    background-image: url(../../../../templates/default/images/game_frame.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
}
.game:hover .game-hover {
    display: block;
}
.game:hover .play {
    display: block;
}
.game:hover .demo {
    display: block;
}
.game:hover .game-provider {
    width: 236px;
    display: block;
}
.game .game-name {
    position: absolute;
    z-index: 10;
    margin-left: 0;
    margin-top: 172px;
    width: 100%;
    padding: 0 27px;
    height: 35px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-black--180);
    box-sizing: border-box;
}
.game .game-favor {
    cursor: pointer;
    position: absolute;
    z-index: 20;
    margin-left: 0;
    margin-top: 170px;
    width: 236px;
    height: 22px;
    overflow: hidden;
    display: none;
}
.game .game-favor.add-to-favor {
    filter: invert(50%);
    -webkit-filter: invert(50%);
    background: url(../../../../templates/default/images/favorite.svg) no-repeat right center / 18px;
}
.game .game-favor.remove-from-favor {
    filter: invert(0%);
    -webkit-filter: invert(0%);
    background: url(../../../../templates/default/images/rem_favorite_game.svg) no-repeat right center / 18px;
}

.status .game {
    width: 212px;
    height: 175px;
}

.status .img-game,
.status .game img,
.status .game .game-hover,
.status .game .frame {
    width: 212px;
    height: 151px;
}

.status .game:hover .game-provider {
    width: 212px;
}

.status .game .play {
    margin-left: 35px;
}

.status .game .game-name,
.status .game .game-favor {
    margin-top: 157px;
    width: 212px;
}

.show {
    display: inline-flex !important;
}
.games-title {
    font-family: "Roboto", sans-serif;
    color: var(--color-black--150);
    font-size: 30px;
    font-weight: 700;
    margin-right: 10px;
}

.games-with-title-block {
    padding: 30px 0 0;
}

.tab-all-games {
    border-spacing: 0;
    margin: 0 0 30px;
}

#games #video-slots .filter-table tbody tr,
#games #all-games .filter-table tbody tr {
    grid-template-columns: 1.5fr 1fr 1fr;
    padding: 5px 0;
}
.lang_es #all-games .games-title {
    font-size: 21px;
}
.games-container {
    display: none;
}
.games-container.active {
    display: block;
}
#games .games .games-block {
    display: none;
}
#games .games .games-block.active {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: min-content;
    grid-column-gap: 8px;
    grid-row-gap: 43px;
    margin-bottom: 43px;
    justify-items: center;
    height: unset !important;
}
.filter-games {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

#video-slots .filter-games,
#all-games .filter-games {
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
    box-shadow: 0 6px 10px var(--rgba-black-15);
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.games-filter-btn {
    margin-top: -1px !important;
}
#games .games-container .field-container {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 45px;
    width: auto;
}
#games .games-container .field-container select,
#filter_provider,
#filter_order,
#filter_reels,
.SumoSelect {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0 !important;
    text-align: left !important;
    font-size: 13px !important;
}
#games .SumoSelect .CaptionCont.SelectBox {
    display: flex !important;
    align-items: center;
    height: 100%;
    padding: 0 0 0 15px;
    border-radius: 10px;
    background-color: var(--color-basic-white);
    border: 1px solid var(--color-darkgrey--110);
    box-sizing: border-box;
    color: var(--color-basic-black);
}

.SumoSelect .select-all>span i, .filter-games .SumoSelect>.optWrapper>.options li.opt span i {
    width: 16px;
    height: 16px;
    background-color: var(--color-basic-white);
    border: 1px solid var(--color-grey--130);
    box-shadow: inset 0 1px 3px var(--rgba-black-50);
    border-radius: 3px;
    box-sizing: border-box;
}

.SumoSelect .select-all.partial>span i {
    background-image: none;
    background-color: var(--color-basic-white);
    border: 1px solid var(--color-grey--130);
    box-shadow: inset 0 1px 3px var(--rgba-black-50);
}


.SumoSelect .select-all.selected>span i {
    background-image: url("../../../../templates/default/images/arrow-black.svg");
    background-color: var(--color-darkyellow--300);
    background-size: 10px;
}

.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-image: url("../../../../templates/default/images/arrow-white.svg");
    background-color: var(--color-darkyellow--300);
    background-size: 10px;
}

#filter_provider .SumoSelect>.optWrapper>.options {
    margin: 0 5px 0 0;
}

.SumoSelect>.optWrapper>.options::-webkit-scrollbar {
    width: 8px;
    border: none;
}

.SumoSelect>.optWrapper>.options::-webkit-scrollbar-thumb {
    width: 8px;
    background: var(--color-basic-black);
    border: none;
    border-radius: 17px;
}

.SumoSelect>.optWrapper>.options::-webkit-scrollbar-track {
    background: var(--color-grey--130);
    border-radius: 17px;
    box-shadow: none;
    border: none;
}

.SumoSelect>.optWrapper>.options::-webkit-scrollbar-button {
    display: block;
    background: transparent;
    height: 3px;
}

#games .SumoSelect .CaptionCont label i {
    background-image: url(../../../../templates/default/images/arrow.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 100%;
    opacity: 1;
}

.SumoSelect > .CaptionCont > span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: var(--color-basic-black);
}

.SumoSelect>.CaptionCont>label {
    width: 36px;
}

.SumoSelect>.CaptionCont.active>label {
    width: 34px;
}

.SumoSelect>.CaptionCont>span.placeholder {
    color: var(--color-basic-black);
    font-style: normal;
}

.SumoSelect.open>.optWrapper {
    top: 49px;
    display: flex;
    flex-direction: column;
    background-color: var(--color-basic-white);
    box-shadow: 0 6px 10px var(--rgba-black-20);
    border: 1px solid var(--color-grey--130);
    border-radius: 10px;
}

#filter_provider .SumoSelect>.optWrapper {
    max-height: 300px;
}

.SumoSelect>.optWrapper>.options li.opt {
    border-bottom: none;
    color: var(--color-basic-black);
    padding: 8px 6px;
}

.SumoSelect>.optWrapper>.options li.opt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--color-grey--130);
}

.SumoSelect>.optWrapper>.options li.opt:last-child::before {
    border: none;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
    background: rgba(242, 242, 237, .5);
}

.sumo_filter_order .optWrapper>.options li.opt {
    padding-left: 14px;
}

.SumoSelect>.optWrapper>.options li label {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.SumoSelect.open>.CaptionCont>label {
    transform: rotateZ(180deg);
}

.SumoSelect .select-all {
    background: var(--color-grey--180);
    border-bottom: 1px solid var(--color-grey--130);
    padding: 8px 6px 8px 35px;
}

.SumoSelect .select-all label {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-basic-black);
}

#filter_provider .options .opt {
    margin-right: 7px;
}

#filter_provider .options .opt.selected,
#filter_order .options .opt.selected {
    background: var(--color-lightyellow--130);
}

#filter_order .options .opt.selected label,
#filter_provider .options .opt.selected label,
#filter_provider .select-all.selected label {
    font-weight: 800;
}

#filter_provider .select-all.selected ~ .options>.opt label {
    font-weight: 400;
}

#games .SumoSelect .select-all.selected ~ .options>.opt>span>i {
    background-color: var(--color-grey--130);
    background-image: url(../../../../templates/default/images/arrow-grey.svg);
    border: none;
}

.reset-all {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 100;
    padding: 11px 10px;
    border-top: 1px solid var(--color-grey--130);
    border-bottom: none;
}

.reset-all label {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-top: 1px;
    color: var(--color-grey--330);
}

.reset-all span i {
    display: block;
    width: 14px;
    height: 16px;
    margin-right: 5px;
    background-image: url("../../../../templates/default/images/trash-grey.svg");
}

.SumoSelect[is-selected=false] .reset-all {
    background: var(--color-grey--180);
    opacity: 1;
}

.SumoSelect[is-selected=true] .reset-all {
    background: var(--color-lightred-100);
}

.SumoSelect[is-selected=true] .reset-all label {
    color: var(--color-red--150);
}

.SumoSelect[is-selected=true] .reset-all span i {
    background-image: url("../../../../templates/default/images/trash-red.svg");
}

.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {
    border: 1px solid var(--color-darkgrey--110);
    box-shadow: none;
}

#games #filter_provider .SumoSelect.open .CaptionCont.SelectBox,
#games #filter_order .SumoSelect.open .CaptionCont.SelectBox,
#games #filter_reels .SumoSelect.open .CaptionCont.SelectBox,
#games #filter_provider .SumoSelect[is-selected=true] .CaptionCont.SelectBox,
#games #filter_order .SumoSelect .CaptionCont.SelectBox.active,
#games #filter_reels .SumoSelect .CaptionCont.SelectBox.active {
    border: 2px solid var(--color-yellow--320);
    box-shadow: inset 0 0 1px var(--color-yellow--110);
    padding: 0 0 0 14px;
}

#games .SumoSelect .optWrapper {
    z-index: 2147483640;
}

.games {
    padding: 0;
}

#video-slots .games,
#all-games .games {
    padding: 0;
}

#games .filter-table,
#games .fakefilter {
    width: 971px;
}
#games .filter-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 5px 0;
}

#games .fakefilter {
    display: none;
}

#filter-div {
    display: flex;
    align-items: center;
    padding: 30px 0 30px 0;
}

#video-slots #filter-div,
#all-games #filter-div {
    padding: 30px 0 0;
    flex-direction: column;
    align-items: flex-start;
}

#games.sticky #video-slots #filter-div,
#games.sticky #all-games #filter-div {
    margin: 0 auto;
    z-index: 99;
}

#filter_reels,
#filter_reels .SumoSelect,
#filter_reels select {
    width: 100%;
}
#filter_order,
#filter_order .SumoSelect,
#filter_order select {
    width: 100%;
}
#games .SelectBox {
    padding: 0 0 0 15px;
}

#games .games-container .filter-field {
    width: 100%;
    display: inline-block;
}

#games .games-container .field-container {
    width: 32.5%;
    margin-bottom: 0;
}

#games .label.reels {
    margin-right: 0;
    margin-bottom: 0;
}

#games .search {
    color: var(--color-darkgrey--140);
    bottom: 6px;
}
#games .search.safari {
    /*bottom: 0 !important;*/
}
#games .games-container .field-container .search input {
    width: 100%;
    height: 45px;
    padding: 0 0 0 15px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    outline: none;
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    border-radius: 10px;
    background-color: var(--color-basic-white);
}

#games .games-container .field-container .search input::placeholder {
    color: var(--color-basic-black);
}

#games #all-games .search input:placeholder-shown {
    background-image: url(../../../../templates/default/images/search-black.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: calc(100% - 9px);
}

#games #all-games .search input:focus,
#games #all-games .search input:not(:placeholder-shown) {
    border: 2px solid var(--color-yellow--320);
    box-shadow: inset 0 0 1px var(--color-yellow--110);
    background-position: calc(100% - 8px);
    padding: 0 0 0 14px;
}

#filter-div input[type="search"] {
    -webkit-appearance: none;
}

#filter-div input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 40px;
    width: 34px;
    background-image: url("../../../../templates/default/images/times.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    opacity: 1;
}

#filter-div input[type="search" i]::-webkit-search-cancel-button {
    margin-inline-start: 0;
    margin-right: 0;
}

#filter-div input:-webkit-autofill {
    box-shadow: inset 0 0 0 50px var(--color-basic-white) !important;
}

.games-paging {
    margin-top: 55px;
}

#games .games-paging,
.games-notpaging {
    /* text-align: center; */
    /*display: inline-block;*/
    /*float: right;*/
    /* padding-top: 10px; */
    /*margin-top: 13px;*/
    /*margin-bottom: 9px;*/
    /*height: 22px;*/
}

#games .games-notpaging {
    margin-left: 0;
    margin-right: 17px;
}
#games .games-notpaging.show-all {
    margin-left: 0;
    min-width: 0;
    margin-right: 17px;
}
#games .games-cat-paging .item {
    cursor: pointer;
    display: inline-block;
    margin: 5px 1px 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--rgba-brown-50);
    background-color: var(--color-basic-white);
}
#games .games-cat-paging .item.active {
    cursor: default;
}
#games .games-cat-paging .item.active:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-brown--110);
    border-radius: 50%;
    margin: 3px 0 0 3px;
}
#games .games-paging .show-all {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-black--150);
    width: fit-content;
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-transform: uppercase;
    background: linear-gradient(0deg, #DDDDDD 0%, #FAFAFA 100%);
    border: 1px solid var(--color-darkgrey--110);
    border-radius: 50px;
    box-shadow: none;
    line-height: 1;
    padding: 10px 15px;
}

#games .games-paging .show-all span i {
    display: block;
    width: 14px;
    height: 10px;
    background-image: url(../../../../templates/default/images/arrow-btn-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 7px;
}

#games .games-all-qty {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
#games .show-all .games-all-qty {
    margin-right: 0 !important;
    display: flex;
}

#filter-qty {
    display: none;
}

#all-games #filter-qty,
#video-slots #filter-qty,
#favorites #filter-qty,
#recent-games #filter-qty,
#allqty {
    display: block;
    height: 26px;
    min-width: 37px;
    line-height: 22px;
    text-align: center;
    color: var(--color-basic-white);
    border-radius: 100px;
    background: var(--color-black--150);
    font-size: 12px;
    padding: 2px 9px;
    font-weight: 900;
    box-sizing: border-box;
}

#favorites #allqty,
#recent-games #allqty {
    display: none;
}

#all-games #filter-qty,
#video-slots #filter-qty {
    padding: 2px 9px;
}

.no-games {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-black--150);
    margin: 50px 16px;
    padding-bottom: 0;
}

.no-games_img {
    width: 60px;
    height: 60px;
    background-image: url("../../../../templates/default/images/nogames-icon.svg");
    background-repeat: no-repeat;
    margin-bottom: 7px
}

@media (max-width: 420px) {
    .no-games {
        margin: 0;
    }
}

@media (max-height: 420px) and (orientation: landscape){
    .no-games {
        margin: 0;
    }
}

table tr td.center {
    text-align: center;
}
table tr td.right {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
table tr td.right:nth-child(3) {
    justify-content: flex-end;
}
table tr td.left {
    text-align: left;
    padding: 0;
}
#promo {
    width: 100%;
    height: 486px;
    background-image: url(../../../../templates/default/images/bglight.png);
    background-position: center top;
    background-color: var(--color-basic-black);
    text-align: center;
    border-top: 3px solid var(--color-yellow--180);
    background-size: cover;
}
#promo .promo-container {
    margin: 0 auto;
    padding-left: 9px;
    height: 230px;
    display: flex;
    justify-content: center;
    min-width: 970px;
}
#promo .promo {
    cursor: pointer;
    float: left;
    width: 175px;
    height: 218px;
    margin-top: -15px;
    background-color: var(--color-basic-black);
    border: 1px solid var(--color-darkyellow--170);
    border-right: none;
    margin-right: 1px;
}

#promo .promo:last-child {
    border-right: 1px solid var(--color-darkyellow--170);
}
#promo .promo:nth-last-child(2) {
    border-left: none;
}

#promo .promo:not([name]) {
    cursor: default;
}
#promo .promo.red {
    width: 244px;
    height: 250px;
    margin-top: -30px;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
}
.lang_de #promo .promo .title {
    font-size: 15px;
}
#promo .promo .title {
    position: absolute;
    margin-left: 0;
    margin-top: 14px;
    width: 182px;
    color: var(--color-darkyellow--130);
    font-size: 16px;
    text-align: center;
}
#promo .promo.red .title {
    margin-top: 19px;
    font-size: 18px;
    color: var(--color-basic-black);
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    width: 100%;
    font-weight: bold;
}
#promo .promo .image.promo-support {
    margin-top: 58px;
}
#promo .promo .image {
    position: absolute;
    margin-left: 10px;
    margin-top: 66px;
    width: 163px;
    text-align: center;
    margin-bottom: 12px;
}
#promo .promo.jackpot .image {
    margin-top: 56px;
}
#promo .promo.red .image {
    margin-top: 0;
    width: 100%;
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
}
#promo .promo .text {
    position: absolute;
    margin-left: 10px;
    margin-top: 130px;
    width: 163px;
    text-align: center;
    color: var(--color-basic-white);
    font-size: 13px;
    line-height: 17px;
}
#promo .promo .text b {
    color: var(--color-yellow--190);
    font-weight: normal;
}
#promo .promo.jackpot .text {
    margin-top: 177px;
    font-size: 21px;
    line-height: 21px;
}
#promo .promo.red .text {
    margin-top: 30px;
    position: relative;
    width: 100%;
    margin-left: 0;
}
#promo .promo.red .text .custom-btn {
    margin-top: -14px;
    width: 200px;
    background: var(--color-black--190);
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--color-orange--120);
    box-shadow: 0 0 0 1px var(--color-black--190);
    border: 1px solid var(--color-orange--120);
}
#promo .promo.red .info {
    position: relative;
    margin-left: 0;
    margin-top: -68px;
    width: 100%;
    text-align: center;
    color: var(--color-basic-black);
    font-size: 13px;
    line-height: 16px;
}
#latest-winners {
    margin: 0 auto;
    text-align: center;
}
#latest-winners .title {
    color: var(--color-yellow--190);
    font-size: 25px;
    line-height: 60px;
    font-weight: bold;
    background-image: url(../../../../templates/default/images/latest_winners_bg.png);
    background-position: center bottom;
    margin: 0 auto 30px;
}
#latest-winners .winners {
    display: none;
}
#latest-winners .winners.active {
    display: block;
}
#latest-winners .winner {
    cursor: pointer;
    display: inline-block;
    width: 210px;
    height: 100px;
    overflow: hidden;
}
#latest-winners .winner .flag {
    position: absolute;
    z-index: 1;
    margin-left: 0;
    margin-top: 0;
    display: block;
    color: transparent;
    text-decoration: none;
    width: 20px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-position: center center;
}
#latest-winners .winner .member-name {
    position: absolute;
    z-index: 1;
    margin-left: 35px;
    margin-top: 0;
    display: block;
    color: var(--color-basic-white);
    font-size: 15px;
    width: 175px;
    height: 20px;
    overflow: hidden;
    text-align: left;
}
#latest-winners .winner .game-name {
    position: absolute;
    z-index: 1;
    margin-left: 35px;
    margin-top: 27px;
    display: block;
    color: var(--color-basic-white);
    font-size: 15px;
    width: 175px;
    height: 20px;
    overflow: hidden;
    text-align: left;
}
#latest-winners .winner .amount {
    position: absolute;
    z-index: 1;
    margin-left: 35px;
    margin-top: 57px;
    display: block;
    color: var(--color-yellow--190);
    font-size: 23px;
    text-align: left;
}
.flag {
    background-image: url(../../../../templates/default/images/flags/32/unknown.png);
}
.flag.ab {
    background-image: url(../../../../templates/default/images/flags/32/ab.png);
}
.flag.ae {
    background-image: url(../../../../templates/default/images/flags/32/ae.png);
}
.flag.af {
    background-image: url(../../../../templates/default/images/flags/32/af.png);
}
.flag.an {
    background-image: url(../../../../templates/default/images/flags/32/an.png);
}
.flag.at {
    background-image: url(../../../../templates/default/images/flags/32/at.png);
}
.flag.au {
    background-image: url(../../../../templates/default/images/flags/32/au.png);
}
.flag.az {
    background-image: url(../../../../templates/default/images/flags/32/az.png);
}
.flag.ba {
    background-image: url(../../../../templates/default/images/flags/32/ba.png);
}
.flag.be {
    background-image: url(../../../../templates/default/images/flags/32/be.png);
}
.flag.bg {
    background-image: url(../../../../templates/default/images/flags/32/bg.png);
}
.flag.br {
    background-image: url(../../../../templates/default/images/flags/32/br.png);
}
.flag.bs {
    background-image: url(../../../../templates/default/images/flags/32/bs.png);
}
.flag.by {
    background-image: url(../../../../templates/default/images/flags/32/by.png);
}
.flag.bz {
    background-image: url(../../../../templates/default/images/flags/32/bz.png);
}
.flag.ca {
    background-image: url(../../../../templates/default/images/flags/32/ca.png);
}
.flag.cd {
    background-image: url(../../../../templates/default/images/flags/32/cd.png);
}
.flag.ch {
    background-image: url(../../../../templates/default/images/flags/32/ch.png);
}
.flag.cl {
    background-image: url(../../../../templates/default/images/flags/32/cl.png);
}
.flag.cn {
    background-image: url(../../../../templates/default/images/flags/32/cn.png);
}
.flag.co {
    background-image: url(../../../../templates/default/images/flags/32/co.png);
}
.flag.cr {
    background-image: url(../../../../templates/default/images/flags/32/cr.png);
}
.flag.cu {
    background-image: url(../../../../templates/default/images/flags/32/cu.png);
}
.flag.cw {
    background-image: url(../../../../templates/default/images/flags/32/cw.png);
}
.flag.cy {
    background-image: url(../../../../templates/default/images/flags/32/cy.png);
}
.flag.cz {
    background-image: url(../../../../templates/default/images/flags/32/cz.png);
}
.flag.de {
    background-image: url(../../../../templates/default/images/flags/32/de.png);
}
.flag.dk {
    background-image: url(../../../../templates/default/images/flags/32/dk.png);
}
.flag.dm {
    background-image: url(../../../../templates/default/images/flags/32/dm.png);
}
.flag.ec {
    background-image: url(../../../../templates/default/images/flags/32/ec.png);
}
.flag.ee {
    background-image: url(../../../../templates/default/images/flags/32/ee.png);
}
.flag.eg {
    background-image: url(../../../../templates/default/images/flags/32/eg.png);
}
.flag.en {
    background-image: url(../../../../templates/default/images/flags/32/eu.png);
}
.flag.es {
    background-image: url(../../../../templates/default/images/flags/32/es.png);
}
.flag.fi {
    background-image: url(../../../../templates/default/images/flags/32/fi.png);
}
.flag.fm {
    background-image: url(../../../../templates/default/images/flags/32/fm.png);
}
.flag.fr {
    background-image: url(../../../../templates/default/images/flags/32/fr.png);
}
.flag.gb {
    background-image: url(../../../../templates/default/images/flags/32/gb.png);
}
.flag.gf {
    background-image: url(../../../../templates/default/images/flags/32/gf.png);
}
.flag.gp {
    background-image: url(../../../../templates/default/images/flags/32/gp.png);
}
.flag.gm {
    background-image: url(../../../../templates/default/images/flags/32/gm.png);
}
.flag.ge {
    background-image: url(../../../../templates/default/images/flags/32/ge.png);
}
.flag.gr {
    background-image: url(../../../../templates/default/images/flags/32/gr.png);
}
.flag.hk {
    background-image: url(../../../../templates/default/images/flags/32/hk.png);
}
.flag.hn {
    background-image: url(../../../../templates/default/images/flags/32/hn.png);
}
.flag.hr {
    background-image: url(../../../../templates/default/images/flags/32/hr.png);
}
.flag.ht {
    background-image: url(../../../../templates/default/images/flags/32/ht.png);
}
.flag.hu {
    background-image: url(../../../../templates/default/images/flags/32/hu.png);
}
.flag.id {
    background-image: url(../../../../templates/default/images/flags/32/id.png);
}
.flag.ie {
    background-image: url(../../../../templates/default/images/flags/32/ie.png);
}
.flag.il {
    background-image: url(../../../../templates/default/images/flags/32/il.png);
}
.flag.im {
    background-image: url(../../../../templates/default/images/flags/32/im.png);
}
.flag.in {
    background-image: url(../../../../templates/default/images/flags/32/in.png);
}
.flag.iq {
    background-image: url(../../../../templates/default/images/flags/32/iq.png);
}
.flag.ir {
    background-image: url(../../../../templates/default/images/flags/32/ir.png);
}
.flag.is {
    background-image: url(../../../../templates/default/images/flags/32/is.png);
}
.flag.it {
    background-image: url(../../../../templates/default/images/flags/32/it.png);
}
.flag.jo {
    background-image: url(../../../../templates/default/images/flags/32/jo.png);
}
.flag.jp {
    background-image: url(../../../../templates/default/images/flags/32/jp.png);
}
.flag.kg {
    background-image: url(../../../../templates/default/images/flags/32/kg.png);
}
.flag.kp {
    background-image: url(../../../../templates/default/images/flags/32/kp.png);
}
.flag.kr {
    background-image: url(../../../../templates/default/images/flags/32/kr.png);
}
.flag.kw {
    background-image: url(../../../../templates/default/images/flags/32/kw.png);
}
.flag.kz {
    background-image: url(../../../../templates/default/images/flags/32/kz.png);
}
.flag.lb {
    background-image: url(../../../../templates/default/images/flags/32/lb.png);
}
.flag.li {
    background-image: url(../../../../templates/default/images/flags/32/li.png);
}
.flag.lk {
    background-image: url(../../../../templates/default/images/flags/32/lk.png);
}
.flag.lr {
    background-image: url(../../../../templates/default/images/flags/32/lr.png);
}
.flag.lt {
    background-image: url(../../../../templates/default/images/flags/32/lt.png);
}
.flag.lu {
    background-image: url(../../../../templates/default/images/flags/32/lu.png);
}
.flag.lv {
    background-image: url(../../../../templates/default/images/flags/32/lv.png);
}
.flag.ly {
    background-image: url(../../../../templates/default/images/flags/32/ly.png);
}
.flag.ma {
    background-image: url(../../../../templates/default/images/flags/32/ma.png);
}
.flag.mc {
    background-image: url(../../../../templates/default/images/flags/32/mc.png);
}
.flag.md {
    background-image: url(../../../../templates/default/images/flags/32/md.png);
}
.flag.me {
    background-image: url(../../../../templates/default/images/flags/32/me.png);
}
.flag.mf {
    background-image: url(../../../../templates/default/images/flags/32/mf.png);
}
.flag.mg {
    background-image: url(../../../../templates/default/images/flags/32/mg.png);
}
.flag.mk {
    background-image: url(../../../../templates/default/images/flags/32/mk.png);
}
.flag.ml {
    background-image: url(../../../../templates/default/images/flags/32/ml.png);
}
.flag.mn {
    background-image: url(../../../../templates/default/images/flags/32/mn.png);
}
.flag.mo {
    background-image: url(../../../../templates/default/images/flags/32/mo.png);
}
.flag.mq {
    background-image: url(../../../../templates/default/images/flags/32/mq.png);
}
.flag.mt {
    background-image: url(../../../../templates/default/images/flags/32/mt.png);
}
.flag.mv {
    background-image: url(../../../../templates/default/images/flags/32/mv.png);
}
.flag.mx {
    background-image: url(../../../../templates/default/images/flags/32/mx.png);
}
.flag.my {
    background-image: url(../../../../templates/default/images/flags/32/my.png);
}
.flag.nc {
    background-image: url(../../../../templates/default/images/flags/32/nc.png);
}
.flag.ni {
    background-image: url(../../../../templates/default/images/flags/32/ni.png);
}
.flag.nl {
    background-image: url(../../../../templates/default/images/flags/32/nl.png);
}
.flag.no {
    background-image: url(../../../../templates/default/images/flags/32/no.png);
}
.flag.nz {
    background-image: url(../../../../templates/default/images/flags/32/nz.png);
}
.flag.om {
    background-image: url(../../../../templates/default/images/flags/32/om.png);
}
.flag.pa {
    background-image: url(../../../../templates/default/images/flags/32/pa.png);
}
.flag.ph {
    background-image: url(../../../../templates/default/images/flags/32/ph.png);
}
.flag.pk {
    background-image: url(../../../../templates/default/images/flags/32/pk.png);
}
.flag.pl {
    background-image: url(../../../../templates/default/images/flags/32/pl.png);
}
.flag.pr {
    background-image: url(../../../../templates/default/images/flags/32/pr.png);
}
.flag.ps {
    background-image: url(../../../../templates/default/images/flags/32/ps.png);
}
.flag.pt {
    background-image: url(../../../../templates/default/images/flags/32/pt.png);
}
.flag.qa {
    background-image: url(../../../../templates/default/images/flags/32/qa.png);
}
.flag.ro {
    background-image: url(../../../../templates/default/images/flags/32/ro.png);
}
.flag.re {
    background-image: url(../../../../templates/default/images/flags/32/re.png);
}
.flag.rs {
    background-image: url(../../../../templates/default/images/flags/32/rs.png);
}
.flag.ru {
    background-image: url(../../../../templates/default/images/flags/32/ru.png);
}
.flag.rw {
    background-image: url(../../../../templates/default/images/flags/32/rw.png);
}
.flag.sa {
    background-image: url(../../../../templates/default/images/flags/32/sa.png);
}
.flag.sc {
    background-image: url(../../../../templates/default/images/flags/32/sc.png);
}
.flag.sd {
    background-image: url(../../../../templates/default/images/flags/32/sd.png);
}
.flag.se {
    background-image: url(../../../../templates/default/images/flags/32/se.png);
}
.flag.sg {
    background-image: url(../../../../templates/default/images/flags/32/sg.png);
}
.flag.si {
    background-image: url(../../../../templates/default/images/flags/32/si.png);
}
.flag.sk {
    background-image: url(../../../../templates/default/images/flags/32/sk.png);
}
.flag.sl {
    background-image: url(../../../../templates/default/images/flags/32/sl.png);
}
.flag.sm {
    background-image: url(../../../../templates/default/images/flags/32/sm.png);
}
.flag.sv {
    background-image: url(../../../../templates/default/images/flags/32/sv.png);
}
.flag.sy {
    background-image: url(../../../../templates/default/images/flags/32/sy.png);
}
.flag.sz {
    background-image: url(../../../../templates/default/images/flags/32/sz.png);
}
.flag.th {
    background-image: url(../../../../templates/default/images/flags/32/th.png);
}
.flag.tj {
    background-image: url(../../../../templates/default/images/flags/32/tj.png);
}
.flag.tm {
    background-image: url(../../../../templates/default/images/flags/32/tm.png);
}
.flag.tn {
    background-image: url(../../../../templates/default/images/flags/32/tn.png);
}
.flag.tr {
    background-image: url(../../../../templates/default/images/flags/32/tr.png);
}
.flag.tw {
    background-image: url(../../../../templates/default/images/flags/32/tw.png);
}
.flag.ua {
    background-image: url(../../../../templates/default/images/flags/32/ua.png);
}
.flag.us {
    background-image: url(../../../../templates/default/images/flags/32/us.png);
}
.flag.uz {
    background-image: url(../../../../templates/default/images/flags/32/uz.png);
}
.flag.va {
    background-image: url(../../../../templates/default/images/flags/32/va.png);
}
.flag.ve {
    background-image: url(../../../../templates/default/images/flags/32/ve.png);
}
.flag.vn {
    background-image: url(../../../../templates/default/images/flags/32/vn.png);
}
.flag.xk {
    background-image: url(../../../../templates/default/images/flags/32/xk.png);
}
.flag.ye {
    background-image: url(../../../../templates/default/images/flags/32/ye.png);
}
.flag.za {
    background-image: url(../../../../templates/default/images/flags/32/za.png);
}
.flag.zm {
    background-image: url(../../../../templates/default/images/flags/32/zm.png);
}
.flag.zw {
    background-image: url(../../../../templates/default/images/flags/32/zw.png);
}
/* Popup Login */
#popup-login {
    display: none;
    position: fixed;
    font-family: "Roboto", sans-serif;
    opacity: 1;
    z-index: 5100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    padding: 40px 0 0;
    background-color: var(--color-grey--290);
    box-shadow: 0 0 10px var(--rgba-black-25);
    text-align: center;
    line-height: normal;
    border-radius: 10px;
    box-sizing: border-box;
}

#popup-login::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
}

.popup-login__close {
    width: 26px;
    height: 26px;
    position: absolute;
    top: -13px;
    right: -13px;
    background-image: url("../../../../templates/default/images/times.svg"), linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px, contain;
    box-shadow: inset 0 1px 0 #EABF1A;
    border: 0;
    border-radius: 50%;
}

.popup-login__close:hover {
    box-shadow: inset 0 3px 4px #695733;
}

#popup-login .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-basic-black);
    margin-bottom: 17px;
    text-align: center;
    text-transform: capitalize;
}

#popup-login form {
    padding: 0 10px;
    box-sizing: border-box;
}

#popup-login .field {
    position: relative;
}

#popup-login .field__label {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-bottom: 7px;
}

#popup-login .field__label sup {
    color: #DF4B4B;
}

#popup-login .field__input {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    border-radius: 5px;
}

#popup-login .field__input:focus,
#popup-login .field__input:hover:focus {
    border: 2px solid var(--color-yellow--320);
    padding: 0 9px;
}

.popup-login__footer {
    display: flex;
    align-items: center;
    background: var(--color-grey--130);
    border-radius: 0 0 10px 10px;
    height: 50px;
}

.frm-login-join,
.frm-login-have-acc {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#popup-login a.item,
#popup-registration a.item {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #C19D01;
    margin-left: 5px;
    border-bottom: 1px solid #C19D014D;
}

#popup-login a.item:hover,
#popup-registration a.item:hover {
    border-color: transparent;
}

#popup-login a:not(.item) {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
}

.popup-login__mobile-close {
    background-image: none;
    background-color: transparent;
    border: 2px solid white;
    position: absolute;
    right: 14px;
    top: 14px;
}

.popup-login__mobile-close-icon::before,
.popup-login__mobile-close-icon::after {
    background-color: white;
}

.popup-login__field-input,
.popup-login__button-sbm {
    margin-bottom: 20px;
}

.popup-login__button-sbm {
    margin-bottom: 10px;
}

.popup-login__field-input {
    font-size: 18px;
}

#popup-login.fb-connect {
    height: 300px;
}
#popup-login form {
    opacity: 1;
    display: block;
    width: 100%;
}

#popup-login a,
#popup-registration a,
#popup-login .create_acc,
#popup-registration .already_have_acc{
    color: var(--color-basic-black);
    text-align: center;
    font-size: 12px;
}

#popup-login a:not(.item) {
    margin: 0 auto 25px;
    color: #7D7D7B;
}

#popup-login .fb-login-button {
    margin: 0 auto 15px;
}
#popup-login .popup-login-header {
    display: none;
}
.fb_iframe_widget {
    display: block !important;
    text-align: center;
}

#popup-login .field--without-icon {
    margin-bottom: 20px;
}

#popup-login .popup-login__field-input,
#popup-login .popup-login__field-input:hover {
    border: 1px solid #7D7D7B;
    margin-bottom: 0;
}

#popup-login .create_acc,
#popup-registration .already_have_acc {
    display: block;
    clear: both;
    text-transform: none;
    margin-top: 5px;
}
/* Popup Registration */

#popup-registration {
    font-family: "Roboto", sans-serif;
    display: none;
    position: absolute;
    opacity: 1;
    z-index: 2002;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 630px;
    background-color: var(--color-grey--290);
    box-shadow: 0 0 10px var(--rgba-black-25);
    line-height: normal;
    border-radius: 11px 10px 10px 10px;
}

#popup-registration.not-centered {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}

#popup-registration::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -30px;
}

/* ----------- iPad Pro ----------- */
/* Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
    #popup-registration {
        left:50%;
        transform:translateX(-50%);
        top: 0;
        margin-top: 30px;
    }
}

#popup-registration label {
    font-family: "Roboto", sans-serif;
}

#popup-registration .field__wrp-input.open .field__input {
    border: 2px solid var(--color-yellow--320);
    padding: 0 9px;
}

#popup-registration .field__label {
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px;
}

#popup-registration .field__label sup {
    color: #DF4B4B;
}

.popup-registration .field__input {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    border: 1px solid #7D7D7B;
    border-radius: 5px;
}

#popup-login input:-webkit-autofill,
#popup-registration input:-webkit-autofill {
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    -webkit-transition-delay: 9999s;
    -webkit-text-fill-color: var(--color-basic-black);
    -webkit-box-shadow: 0 0 0 1000px var(--color-basic-white) inset !important;
}

.popup-registration .SumoSelect.open>.CaptionCont,
.popup-registration .SumoSelect:focus>.CaptionCont,
.popup-registration .SumoSelect:hover>.CaptionCont {
    border: 1px solid #7D7D7B;
}

.popup-registration .field__input:not([name=birthday]):focus {
    border: 2px solid var(--color-yellow--320);
    padding: 0 9px;
}

#popup-registration .field__input[name=mobile] {
    padding: 0 10px 0 40px;
}

#popup-registration .field__input[name=mobile]:focus {
    padding: 0 10px 0 39px;
}

#popup-registration .field__wrp-input .SumoSelect.open > .CaptionCont {
    border: 2px solid var(--color-yellow--320);
    padding: 0 0 0 9px;
}

#popup-registration .SumoSelect > .CaptionCont > span {
    font-size: 13px;
}

#popup-registration .SumoSelect > .CaptionCont > label > i {
    width: 14px;
    height: 14px;
    background-image: url(../../../../templates/default/images/arrow.svg);
    background-size: contain;
}

#popup-registration .field__wrp-input .SumoSelect.open>.optWrapper {
    top: 46px;
    border: 0;
    border-radius: 5px;
}

#popup-registration .SumoSelect.open>.optWrapper::before,
#popup-registration .SumoSelect.open>.optWrapper::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
}

#popup-registration .SumoSelect.open>.optWrapper::before {
    top: 0;
    background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

#popup-registration .SumoSelect.open>.optWrapper::after {
    bottom: 0;
    background-image: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}


#popup-registration .SumoSelect>.optWrapper>.options {
    max-height: 300px;
    margin: 0 5px 0 0;
}

#popup-registration .SumoSelect>.optWrapper>.options li.opt {
    padding: 10px 0 10px 10px;
    margin-right: 5px;
}

#popup-registration .SumoSelect>.optWrapper>.options li.opt:hover {
    background: rgba(246, 245, 239, .5);
}

#popup-registration .SumoSelect>.optWrapper>.options li.opt.selected {
    background-color: #F6F5EF;
}

#popup-registration .SumoSelect>.optWrapper>.options li.opt::before {
    border: 0;
}

#popup-registration .SumoSelect>.optWrapper>.options li label {
    font-size: 13px;
}

#popup-registration .checkbox__label::after,
.user-new-flow-contact-content .user-new-flow-contact-status-checkbox::after,
.user-new-flow-contact-content .enter-code-label::after,
.save-cc .user-contact-content.user-new-flow-contact-content label::before,
.donotGetBonus .user-contact-content.user-new-flow-contact-content label::before{
    width: 16px;
    height: 16px;
    top: 0;
    background-image: none;
    opacity: 1;
    border: 1px solid var(--color-grey--130);
    box-shadow: inset 0 1px 3px var(--rgba-black-50);
    border-radius: 3px;
    box-sizing: border-box;
}
.save-cc .user-contact-content.user-new-flow-contact-content label::before,
.donotGetBonus .user-contact-content.user-new-flow-contact-content label::before{
    position: absolute;
    content: '';
    transform: none;
    left: 1px;
}
/*.user-new-flow-contact-status-checkbox::after,*/
/*.user-new-flow-contact-content .enter-code-label::after{*/
/*   left: 1px;*/
/*}*/
.user-new-flow-contact-content .status-checkbox:checked + .enter-code-label::after,
#popup-registration .checkbox__button:checked + .checkbox__label::after,
.user-new-flow-contact-content .checkbox__button:checked + .user-new-flow-contact-status-checkbox::after,
.donotGetBonus .user-contact-content.user-new-flow-contact-content .status-checkbox:checked + label::before,
.save-cc .user-contact-content.user-new-flow-contact-content .status-checkbox:checked + label::before{
    background-color: var(--color-darkyellow--300);
    background-image: url("../../../../templates/default/images/arrow-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    border: 0;
    box-shadow: none;
}

.popup-login__button-sbm span,
.registration__button-sbm span {
    display: inline-block;
    width: 9px;
    height: 12px;
    background: url("../../../../templates/default/images/category_menu/icon-arrow-right.svg") center/contain no-repeat;
    margin-left: 7px;
}

.popup-registration__footer {
    display: flex;
    align-items: center;
    background: var(--color-grey--130);
    border-radius: 0 0 10px 10px;
    height: 50px;
}

.popup-registration__footer-close {
    margin: auto;
}

.popup-login__button-sbm,
.registration__button-sbm {
    min-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: var(--color-basic-black);
    background: linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    box-shadow: none;
    text-shadow: none;
    border: 0;
    border-radius: 100px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
}

.popup-login__button-sbm {
    margin-bottom: 20px;
}

.popup-login__button-sbm:hover,
.registration__button-sbm:hover{
    background: linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    color: var(--color-basic-black);
    box-shadow: inset 0 3px 4px #695733;
}

.popup-login__button-sbm:disabled,
.registration__button-sbm:disabled,
#popup-phone-verification .send-code-btn:disabled{
    color: #B0B0AD;
    background: var(--color-grey--220);
    box-shadow: none;
    opacity: 1;
}

.popup-login__button-sbm:disabled span,
.registration__button-sbm:disabled span {
    filter: brightness(0) saturate(100%) invert(84%) sepia(3%) saturate(169%) hue-rotate(22deg) brightness(85%) contrast(85%);
}

.registration__flag-img {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    border-radius: 50%;
    background-position: center;
    background-size: auto 22px;
}

.popup-registration__close {
    width: 26px;
    height: 26px;
    position: absolute;
    top: -13px;
    right: -13px;
    background-image: url("../../../../templates/default/images/times.svg"), linear-gradient(0deg, #B59231 0%, #EBC44A 48.44%, #F6E49F 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px, contain;
    box-shadow: inset 0 1px 0 #EABF1A;
    border: 0;
    border-radius: 50%;
}

.popup-registration__close:hover {
    background-image: url("../../../../templates/default/images/times.svg"), linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    box-shadow: inset 0 3px 4px #695733;
}

.registration__checkbox-wrp {
    border: 0;
    padding: 0;
}

.registration__checkbox-label {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: var(--color-basic-black);
}

.field--error .checkbox__label {
    font-weight: 400;
}

@keyframes pulseError {
    0%,
    100% {
        color: var(--color-basic-black);
    }

    24%,
    50%,
    75% {
        color: #DF4B4B;
    }
}

#popup-registration form {
    display: block;
    margin: 0 auto;
    padding: 25px 10px 0;
}
#popup-registration .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-basic-black);
    margin-bottom: 17px;
    text-align: center;
    text-transform: capitalize;
}
#popup-registration .top {
    float: left;
    display: inline-block;
    width: 232px;
    background-image: url(../../../../templates/default/images/popup_registration_top_bg.png);
    text-align: center;
    color: var(--color-basic-white);
    font-size: 16px;
    margin-bottom: 12px;
}
#popup-registration .top b {
    color: var(--color-darkyellow--180);
}
#popup-registration .top.first {
    height: 65px;
    padding-top: 4px;
    line-height: 22px;
    line-height: 19px;
}
#popup-registration .top.second {
    height: 65px;
    margin-left: 15px;
    line-height: 19px;
    padding-top: 4px;
}

#chk_accepted-label a {
    color: #C19D01;
    text-decoration: none;
}

#popup-registration .registration-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 150px;
    background-image: url(../../../../templates/default/images/reg_popup_banner_bg-2x.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    box-sizing: border-box;
}

#popup-registration .registration-banner .line-1,
#popup-registration .registration-banner .line-2 {
    display: block;
    width: 45%;
    text-transform: uppercase;
    color: #D7B04A;
}

.lang_fr #popup-registration .registration-banner .line-1,
.lang_no #popup-registration .registration-banner .line-1,
.lang_sv #popup-registration .registration-banner .line-1 {
    width: 49%;
}

#popup-registration .registration-banner .line-1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 15px;
}

#popup-registration .registration-banner .line-2 {
    width: 30%;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

#popup-registration .registration-banner .line-1 b,
#popup-registration .registration-banner .line-2 b {
    color: var(--color-basic-white);
}

#popup-registration .registration-banner .line-1 b {
    font-weight: 700;
}

#popup-registration .registration-banner .line-2 b {
    font-weight: 500;
}

form[name="frmRegistrationFull"] .steps {
    margin: -15px auto 5px;
    text-align: center;
}
form[name="frmRegistrationFull"] .steps div {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid var(--color-basic-black);
    background-color: var(--color-grey--210);
    cursor: pointer;
}
form[name="frmRegistrationFull"] .steps div.active {
    background-color: var(--color-red--120);
}

#popup-registration .already_have_acc {
    margin: 0 auto 15px;
}

/* Game registration */
.game-registration {
    width: 260px;
    background-color: var(--rgba-lightwhite-10);
    padding-bottom: 24px;
}
.game-registration form {
    display: block;
    width: 232px;
    margin: 24px auto 0;
}
.game-registration .title {
    font-size: 22px;
    font-weight: bold;
    color: var(--color-yellow--110);
    margin-left: 12px;
    margin-bottom: 17px;
}
.game-registration .top {
    float: left;
    display: inline-block;
    width: 232px;
    background-image: url(../../../../templates/default/images/popup_registration_top_bg.png);
    text-align: center;
    color: var(--color-basic-white);
    font-size: 16px;
    margin-bottom: 12px;
}
.game-registration .top b {
    color: var(--color-darkyellow--180);
}
.game-registration .top.first {
    height: 59px;
    padding-top: 10px;
    line-height: 22px;
    margin-top: 15px;
}
.game-registration .top.second {
    display: none;
    height: 65px;
    margin-left: 15px;
    line-height: 19px;
    padding-top: 4px;
}
.game-registration .bottom {
    display: block;
    width: 497px;
    height: 61px;
    margin: 0 auto;
    background-image: url(../../../../templates/default/images/popup_registration_bottom_bg.png);
    text-align: center;
}
.game-registration .field-container {
    float: left;
    margin-left: 0;
    margin-bottom: 10px;
    width: 231px;
}
.game-registration .field-container.right {
    width: 227px;
}
.game-registration .field-container .label {
    font-size: 14px;
    color: var(--color-basic-white);
    margin-bottom: 3px;
}
.game-registration .field-container input[type="text"],
.game-registration .field-container input[type="password"] {
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 180px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.game-registration .field-container select {
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 201px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.game-registration .field-container.error {
    background-image: url(../../../../templates/default/images/popup_registration_error.png);
    background-position: 212px 37px;
}
.game-registration .field-container.error input[type="text"],
.game-registration .field-container.error input[type="password"] {
    border: 1px solid var(--color-darkred--130);
}
.game-registration .field-container.correct {
    background-image: url(../../../../templates/default/images/popup_registration_correct.png);
    background-position: 212px 33px;
}
.game-registration .password-strength {
    display: block;
    width: 203px;
    height: 39px;
    border: 1px solid var(--color-darkgrey--110);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.game-registration .password-strength .text {
    display: block;
    width: 197px;
    height: 24px;
    color: var(--color-darkgrey--130);
    font-size: 12px;
    text-align: center;
    margin: 4px auto 0;
}
.game-registration .password-strength .scale {
    display: block;
    margin: 0 auto;
    width: 197px;
    height: 7px;
    overflow: hidden;
    background-color: var(--color-darkgrey--110);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.game-registration .password-strength .scale .scale-bar {
    display: block;
    height: 7px;
    background-color: var(--color-darkgrey--110);
    width: 0;
}
.game-registration .password-strength.very-weak {
    border: 1px solid var(--color-darkred--130);
}
.game-registration .password-strength.weak {
    border: 1px solid var(--color-orange--140);
}
.game-registration .password-strength.medium {
    border: 1px solid var(--color-yellow--200);
}
.game-registration .password-strength.strong {
    border: 1px solid var(--color-green--120);
}
.game-registration .password-strength.very-strong {
    border: 1px solid var(--color-green--120);
}
.game-registration .password-strength.very-weak .scale .scale-bar {
    background-color: var(--color-darkred--130);
    width: 20%;
}
.game-registration .password-strength.weak .scale .scale-bar {
    background-color: var(--color-orange--140);
    width: 40%;
}
.game-registration .password-strength.medium .scale .scale-bar {
    background-color: var(--color-yellow--200);
    width: 60%;
}
.game-registration .password-strength.strong .scale .scale-bar {
    background-color: var(--color-green--120);
    width: 80%;
}
.game-registration .password-strength.very-strong .scale .scale-bar {
    background-color: var(--color-green--120);
    width: 100%;
}
.game-registration hr {
    border: 1px solid var(--color-grey--130);
    width: 222px;
    margin: 12px auto;
}
.game-registration .checkbox-container {
    margin-left: 15px;
    margin-bottom: 7px;
    width: 222px;
}
.game-registration .checkbox-container.error {
    background-image: url(../../../../templates/default/images/popup_registration_error.png);
    background-position: 445px 5px;
}
.game-registration .checkbox-container.correct {
    background-image: url(../../../../templates/default/images/popup_registration_correct.png);
    background-position: 445px 3px;
}
.game-registration .checkbox-container label {
    font-size: 12px;
    color: var(--color-basic-white);
}
.game-registration .checkbox-container label a {
    color: var(--color-basic-white);
}
.game-registration .checkbox-container.error label {
    color: var(--color-basic-red);
}
.game-registration input[type="submit"] {
    display: block;
    width: 222px;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 47px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 12px;
    cursor: pointer;
    background-image: url(../../../../templates/default/images/btn_login_bg.png);
    border: 1px solid var(--color-yellow--120);
    margin: 15px auto 0;
    outline: none;
}
.game-registration input[type="submit"]:hover {
    color: var(--color-brown--100);
}
.game-registration .btn-grey {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: none;
    margin: 14px auto 0;
}
/* Popup page */
.popup-page {
    display: none;
    position: absolute;
    z-index: 2002;
    margin-left: 15px;
    top: 90px;
    width: 940px;
    background-color: var(--color-grey--180);
    box-shadow: 0 6px 6px var(--rgba-black-60);
    transition: 0.4s all ease;
}

.popup-menu {
    width: 100%;
    height: 55px;
    background-image: url(../../../../templates/default/images/games_menu_bg.png);
    background-repeat: repeat-x;
    background-position: center top;
}
.popup-menu a {
    display: inline-block;
    float: right;
    line-height: 55px;
    font-size: 15px;
    color: var(--color-basic-white);
    text-decoration: none;
    padding: 0 10px;
    background-image: url(../../../../templates/default/images/games_menu_split.png);
    background-position: right center;
    outline: none;
}
.lang_en .popup-menu a,
.lang_es .popup-menu a {
    font-size: 14px;
}
.lang_de .popup-menu a {
    font-size: 14px;
    padding: 0 7px;
}

.lang_en .popup-menu a[name="faq"],
.lang_fr .popup-menu a[name="faq"],
.lang_de .popup-menu a[name="faq"],
.lang_ja .popup-menu a[name="faq"] {
    text-transform: uppercase;
}
.popup-menu a:hover {
    color: var(--color-yellow--140);
}
.popup-menu a:first-child,
.popup-menu a.no-bg {
    background-image: none;
}
.popup-menu a.active {
    color: var(--color-black--180) !important;
    background: linear-gradient(to bottom, var(--color-basic-white) 0%, var(--color-basic-white) 49%, var(--color-grey--390) 52%, var(--color-grey--390) 100%);
    position: relative;
    box-shadow: 0 3px 1px var(--color-grey--220);
    line-height: 55px;
}
.popup-menu a.active::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 100%;
    bottom: 100%;
    left: 50%;
    background: var(--color-yellow--110);
    transform: translateX(-50%);
}
.popup-menu a.active::after {
    position: absolute;
    content: "";
    height: 12px;
    top: 100%;
    left: 50%;
    width: 14px;
    transform: translateX(-50%);
    background-image: url(../../../../templates/default/images/active_bottom.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-page .popup-content {
    margin: 18px 20px;
    font-size: 14px;
}

.question p {
    margin: 0;
}

.inner-page {
    width: 950px;
    margin: 0 auto 30px;
}

@media (max-width: 1368px) and (orientation: landscape) {
    .mobile .page-header h1 {
        display: none;
    }

    .mobile .page-menu {
        margin-top: 100px;
    }

    .mobile .page-menu .wrapper {
        background-color: #efefef;
    }

    .mobile .inner-page {
        background: white;
        padding: 30px 10px 10px;
        margin: 0 auto;
    }
}

body.winter .page-header {
    background-image: url(../../../../templates/default/images/collage_winter_bg1.jpg);
    background-position: center bottom;
}

.page-header h1 {
    color: var(--color-darkyellow--120);
    display: inline-block;
    margin-left: 15px;
    margin-top: 67px;
}
body.winter .page-header h1 {
    color: var(--color-darkred--120);
    text-shadow: none;
}

.page-menu .wrapper {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
}
.page-menu a {
    line-height: 1em;
    font-size: 10px;
    color: var(--color-basic-black);
    text-decoration: none;
    outline: none;
    font-weight: normal;
    flex-grow: 1;
    padding: 10px 5px;
    height: auto;
}

.page-menu a.active {
    color: var(--color-basic-white);
    padding: 10px 5px;
    background-color: var(--color-basic-black);
}
.popup-content .inner-page {
    width: 100%;
}
.popup-content .page-header {
    display: none;
}
.popup-content .page-menu {
    display: none;
}
.popup-footer {
    display: flex;
    height: 61px;
    margin: 0 auto;
    background-image: url(../../../../templates/default/images/popup_footer_bg.png);
    text-align: center;
    align-items: center;
    justify-content: center;
}
.popup-footer .btn-grey {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: none;
}

.popup-page.dispute-resolution .popup-menu,
.popup-page.fairness-rnd .popup-menu,
.popup-page.pay-outs .popup-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}


.popup-page-content h2 {
    color: var(--color-darkyellow--120);
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

/*--------------------------------------------------------------------------
/* Tools */
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.rtl {
    direction: rtl;
}
.ltr {
    direction: ltr;
}

.popup-info_overlay,
#overlay {
    z-index: 2000;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background-color: var(--rgba-black-85);
    width: 100%;
    height: 100%;
}

#overlay {
    display: none;
}

.popup-overlay {
    z-index: 2100;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background-image: url(../../../../templates/default/images/overlay.png);
    background-position: left top;
    background-repeat: repeat;
    width: auto;
    height: auto;
    display: none;
}

/* Control login */
.control-login {
    margin: 20px auto;
    width: 300px;
    background-color: var(--color-grey--230);
    border: 1px solid var(--color-grey--240);
}
.control-login .user-login .title {
    background-color: var(--color-grey--240);
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
.control-login .user-login .container {
    padding: 10px;
}
.control-login .user-login a#reload_captcha {
    color: var(--color-basic-green);
}
.control-login input.text {
    width: 126px;
    padding: 2px;
    border: 1px solid var(--color-darkgrey--150);
    background-color: var(--color-basic-white);
}
.control-login .required {
    display: none;
}
.error-message {
    padding: 5px 10px;
    background-color: var(--color-basic-red);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: var(--color-basic-white);
}
.success-message {
    padding: 5px 10px;
    background-color: var(--color-basic-green);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: var(--color-basic-white);
}
/* Messages */
.msg-success {
    color: var(--color-green--120);
    font-size: 14px;
    line-height: 18px;
    border: 1px solid var(--color-green--120);
    padding: 25px 10px 22px 65px;
    background-image: url(../../../../templates/default/images/icon_success.png);
    background-repeat: no-repeat;
    background-position: 15px 14px;
    margin: 20px 0 20px 0;
    display: none;
}
.msg-error {
    color: var(--color-darkred--130);
    font-size: 14px;
    line-height: 18px;
    border: 1px solid var(--color-darkred--130);
    padding: 16px 10px 17px 65px;
    background-image: url(../../../../templates/default/images/icon_error.png);
    background-repeat: no-repeat;
    background-position: 15px 20px;
    margin: 20px 0 20px 0;
    min-height: 33px;
}
.msg-notification {
    display: flex;
    align-items: center;
    color: var(--color-basic-black);
    font-size: 12px;
    line-height: 18px;
    border: 1px solid var(--color-grey--400);
    border-radius: 4px;
    padding: 25px 10px 20px 70px;
    background-image: url(../../../../templates/default/images/icon_notification_new.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    margin: 0 0 30px 0;
    min-height: 33px;
}

.msg-notification--withdrawal {
    background-image: none;
    position: relative;
    border: 1px solid var(--color-grey--370);
    border-radius: 3px;
    padding: 25px 10px 20px 85px;
}

.msg-notification--withdrawal::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-yellow--100);
    background: url("../../../../templates/default/images/notification-icon.svg") no-repeat center/27px, linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
}

.control-login .user-profile {
    padding: 5px;
}
.control-login .user-profile .avatar {
    float: right;
    width: 58px;
}
.control-login .user-profile .user-info {
    float: right;
    margin-right: 10px;
    text-align: right;
}
.control-login input[type="submit"] {
    font-weight: bold;
    font-size: 14px;
    padding: 3px 12px;
}
/*  */
.required {
    color: var(--color-basic-red);
    cursor: help;
    font-size: 12px;
}
.required-label {
    color: var(--color-basic-red);
    display: none;
}
#captcha {
    float: left;
    display: inline;
}
#reload_captcha {
    float: left;
    display: inline;
    margin-top: 22px;
}
/* Fancybox */
.fancybox-skin {
    background: var(--color-grey--180);
}
.fancybox-close {
    background-image: url(../../../../templates/default/images/fancybox_close.png) !important;
    top: -8px;
    right: -13px;
    background-size: initial;
}
.alert .fancybox-skin {
    width: 510px;
    height: 450px;
    background-color: var(--color-basic-black);
    /*background-image: var(--fancybox_bg);*/
    background-image: url('../../../../templates/default/images/fancybox_alert_bg.png');
    background-position: left top;
    background-repeat: no-repeat;
    color: var(--color-basic-white);
}
.alert .fancybox-skin .logo,
.popup-redirect__content .logo {
    width: 294px;
    height: 80px;
    background-image: url('../../../../templates/default/images/winunique_logo.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px auto 50px;
}
.alert .fancybox-skin .text {
    max-width: 450px;
    color: var(--color-basic-white);
    font-size: 18px;
    line-height: 23px;
    text-align: justify;
    margin: 0 auto 50px;
}
.alert .fancybox-skin .btn-ok {
    display: block;
    margin: 0 auto;
    text-align: center;
    min-width: 160px;
    line-height: 37px;
    font-size: 21px;
}
.fancybox-wrap.popup {
    background-color: var(--color-basic-black);
    background-image: url(../../../../templates/default/images/fancybox_black_bg_01.png);
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 9001;
}
.popup-template-wrp {
    z-index: 3000;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup-redirect__content-wrp {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 510px;
    height: 440px;
    margin: auto;
    line-height: 1em;
    position: relative;
    background-image: url(../../../../templates/default/images/fancybox_black_bg_01.png);
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 9001;
}
.popup-free-reg.popup .fancybox-skin .text {
    line-height: 20px;
}
.popup-redirect__content .txt_middle {
    color: var(--color-basic-white);
    font-size: 22px;
    text-align: center;
    margin-bottom: 70px;
}
.popup-redirect__content {
    width: 510px;
    height: 450px;
    background-color: transparent;
    background-image: url(../../../../templates/default/images/fancybox_black_bg_02.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: var(--color-basic-white);
}
.popup-redirect__btn {
    font-size: 30px;
    font-weight: 600;
    padding: 0.31em 0.5em;
    max-width: 280px;
    width: 100%;
    margin: 10px auto;
    display: block;
    line-height: 1em;
    flex-shrink: 0;
}
.popup-redirect__btn-close {
    position: absolute;
    top: 0;
    right: 0;
}
.popup .fancybox-skin {
    width: 510px;
    height: 450px;
    background-color: transparent;
    background-image: url(../../../../templates/default/images/fancybox_black_bg_02.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: var(--color-basic-white);
}

.popup .fancybox-skin .logo {
    width: 250px;
    height: 88px;
    margin: 0 auto 20px;
    background-image: url('../../../../templates/default/images/winunique_logo.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.popup .fancybox-skin .text {
    max-width: 450px;
    color: var(--color-basic-white);
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin: 25px auto 50px;
}
.popup .fancybox-skin .text h1 {
    color: var(--color-yellow--110);
    font-size: 24px;
    line-height: 28px;
}
.popup .fancybox-skin .buttons {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.popup .fancybox-skin .btn-ok {
    display: inline-block;
    margin: 0 10px 20px;
    text-align: center;
    min-width: 160px;
    line-height: 33px;
    height: 33px;
    font-size: 19px;
}
.popup .fancybox-skin .btn-cancel {
    display: inline-block;
    margin: 0 10px 20px;
    text-align: center;
    min-width: 160px;
    line-height: 33px;
    height: 33px;
    font-size: 19px;
}

.popup .fancybox-skin .closed_support_link {
    color: var(--color-yellow--190);
    text-decoration: none;
}

.fancybox-session .seconds,
.fancybox-session .minutes {
    color: var(--color-darkyellow--120);
}

/*==================== Ban Popup ===============*/
.fancybox-banned.popup .fancybox-skin {
    background: inherit;
}
.fancybox-banned .text__title::before {
    filter: invert(91%) sepia(15%) saturate(1998%) hue-rotate(337deg) brightness(98%) contrast(96%);
}
.fancybox-banned #linkGoToSupport {
    color: var(--color-yellow--210);
}
.fancybox-banned .base-timer::before {
    background: var(--color-yellow--210);
}
.fancybox-banned .base-timer__path-remaining {
    color: var(--color-yellow--210);
}
.fancybox-banned .base-timer__label {
    color: var(--color-yellow--210);
    background: linear-gradient(90deg, var(--color-yellow--240) 0%, var(--rgba-white-00) 94.21%),
        linear-gradient(0deg, var(--color-darkyellow--190), var(--color-darkyellow--190));
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
}
.fancybox-banned .fancybox-close {
    background: var(--color-basic-white);
}
/*==================== End Ban Popup ===============*/

/*==================== WD Msg Popup ===============*/
.fancybox-wrap.popup.popup-wd-msg, .popup.popup-wd-msg .fancybox-skin {
    background-color: transparent;
    background-image: none;
}

.popup-wd-msg.fancybox-opened .fancybox-skin {
    box-shadow: none;
    padding: 0!important;
}

.fancybox-wrap.popup.popup-wd-msg {
    background-image: url("../../../../templates/default/images/wd-msg-bg.png");
    background-position: center bottom;
    background-size: 100%;
}

.fancybox-wrap.popup.popup-wd-msg .fancybox-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.popup.popup-wd-msg .fancybox-skin .logo {
    margin: 0;
    position: absolute;
    top: 5px;
    background: url('../../../../templates/default/images/winunique_logo.svg') no-repeat center;
    background-size: contain;
}

.popup.popup-wd-msg .fancybox-skin .text {
    max-width: 280px;
    width: 100%;
    margin: 0 auto 0 30px;
    text-align: left;
    font-style: normal;
    font-weight: 600;
}

.popup.popup-wd-msg .fancybox-skin .buttons {
    margin: 35px auto 35px 30px;
    text-align: left;
    font-style: normal;
    font-weight: 600;
}

.popup.popup-wd-msg .fancybox-skin .btn-ok {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 120px;
    margin: 0;
    padding: 0 6px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-black--200);
}

.popup.popup-wd-msg .fancybox-close {
    width: 13px;
    height: 13px;
    background-image: url("../../../../templates/default/images/wd-msg-close.png")!important;
    background-size: contain;
    background-position: center;
    top: 60px;
    right: 7px;
}

.wd-msg-icon {
    background-image: url("../../../../templates/default/images/wd-msg-gift.png")!important;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
}
/*==================== End WD Msg Popup ===============*/

/* Contact */
.contact-left {
    max-width: 260px;
    padding-right: 10px;
    min-height: 430px;
    border-right: 1px solid var(--color-grey--250);
}
.contact-right {
    float: left;
    margin-left: 30px;
    width: 643px;
}

.contact-left .contact-agent {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 157px;
    margin-top: -43px;
}

.contact-left .contact-agent {
    background: url(../../../../templates/default/images/contact_agent.png) no-repeat;
    background-position: -16px bottom;
}

.lang_ja .contact-left .contact-agent {
    background: url(../../../../templates/default/images/help_cat.png) no-repeat;
    background-size: 155px;
    background-position: 9px 2px;
    position: relative;
    bottom: -9px;
}

.contact-left .contact-title {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-darkred--130);
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
}
.popup-page-contact {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.contact-left .contact-info {
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-black);
    clear: both;
}
.contact-left .contact-info b {
    font-size: 16px;
    font-weight: bold;
}

/*=========LIVE CHAT BUTTON START==============*/
[data-page-name="contact"] .live-chat,
.contact-right .live-chat {
    margin-bottom: 15px;
}
.search__block-buttons .live-chat {
    margin-bottom: 0;
}
[data-page-name="contact"] .live-chat .title,
.contact-right .live-chat .title {
    display: inline-block;
    height: 30px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: var(--color-darkyellow--120);
    background-image: url(../../../../templates/default/images/live_chat_title.png);
    background-position: left 0;
    padding-left: 42px;
    margin-bottom: 10px;
    margin-top: 15px;
    clear: both;
}
[data-page-name="contact"] .live-chat .text,
.contact-right .live-chat .text {
    font-size: 14px;
    line-height: 19px;
    color: var(--color-basic-black);
    width: 430px;
}
[data-page-name="contact"] .livechat_button,
.contact-right .livechat_button {
    position: absolute;
    z-index: 1;
    margin-left: 440px;
    margin-top: 50px;
    width: 100px;
    height: 100px;
    transform: translateZ(0);
}
.search__block-buttons .livechat_button {
    width: auto;
    height: 52px;
    margin-left: 0;
}
[data-page-name="contact"] .live-chat .btn {
    display: flex;
    justify-content: center;
}
[data-page-name="contact"] .live-chat .btn .livechat_button {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
[data-page-name="contact"] .livechat_button {
    position: unset;
    margin-top: 0;
    display: flex;
}
[data-page-name="contact"] .livechat_button a,
.contact-right .livechat_button a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 0 10px;
    background: linear-gradient(135deg, var(--color-darkyellow--270) 10%, var(--color-darkyellow--270) 21%, var(--color-darkyellow--270) 21%, var(--color-yellow--140) 50%, var(--color-darkyellow--280) 51%, var(--color-yellow--250) 100%);
    color: var(--color-basic-black);
    justify-content: center;
    align-items: center;
    text-align: center;
    display: none;
    transform: translateZ(0);
}
.search__block-buttons .livechat_button a {
    border-radius: 0;
}
.lang_fr .contact-right .livechat_button a[data-stat="available"] {
    font-size: 13px;
}
/*=============END LIVE CHAT BUTTON================*/
.contact-right .start-chat {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    margin-left: 536px;
    margin-top: 38px;
    width: 97px;
    height: 68px;
    background-image: url(../../../../templates/default/images/start_chat.png);
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-basic-black);
    text-shadow: 0 1px 0 var(--color-yellow--150);
    padding-top: 31px;
    outline: none;
}
.contact-right .message-form {
}
.contact-right .message-form .title {
    display: inline-block;
    height: 30px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: var(--color-darkyellow--120);
    background-image: url(../../../../templates/default/images/message_form_title.png);
    background-position: left 1px;
    padding-left: 42px;
    margin-bottom: 10px;
    margin-top: 15px;
    clear: both;
}

.contact-right .message-form .message-status {
    display: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
.contact-right .message-form .message-status.error {
    color: var(--color-darkred--130);
}

.contact-right .message-form .message-status.success {
    color: var(--color-basic-green);
    margin-top: 20px;
}

.available-bonuses {
    margin-bottom: 29px;
    border-bottom: 2px solid var(--color-grey--130);
    padding-top: 20px;
}
.available-bonuses.claimed {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.available-bonuses .title {
    font-size: 16px;
    line-height: 38px;
    color: var(--color-darkyellow--120);
    margin-bottom: 20px;
    padding-left: 43px;
    background-image: url(../../../../templates/default/images/available_bonuses.png);
    background-position: left top;
}
.available-bonuses .bonus-container {
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}
.available-bonuses .bonus-container .bonus-image {
}
.available-bonuses .bonus-container .bonus-image img {
    max-width: 71px;
}
.available-bonuses .bonus-container .bonus-text {
    margin-left: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.available-bonuses .bonus-container .bonus-text .available-until {
    font-size: 15px;
    line-height: 1em;
    color: var(--color-darkgrey--160);
    align-self: flex-end;
}
.available-bonuses .bonus-container .bonus-text .bonus-name {
    font-size: 22px;
    line-height: 28px;
}
.available-bonuses .bonus-container .bonus-text .bonus-description {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}
.available-bonuses .bonus-container .bonus-text .bonus-terms {
    color: var(--second-color);
    cursor: pointer;
}
.available-bonuses .bonus-container .bonus-text .bonus-terms::before {
    content: "+";
}
.available-bonuses .bonus-container .bonus-text .bonus-terms.active::before {
    content: "-";
}
.available-bonuses .bonus-container .bonus-text .bonus-terms-text {
    margin: 0 0 30px 5px;
}
.available-bonuses .bonus-container .bonus-text .apply-bonus {
    color: var(--color-basic-black);
    font-size: 12px;
}
.available-bonuses .bonus-container .bonus-text .free-spins-devices {
    color: var(--color-darkred--130);
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 15px;
}
.available-bonuses .bonus-container .bonus-text .use-bonus,
.available-bonuses .bonus-container .bonus-text .free-spins__btn-back-to-game {
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 7px 10px;
    cursor: pointer;
    text-align: center;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    max-width: 220px;
    width: 100%;
    box-sizing: border-box;
    align-self: flex-end;
}
.available-bonuses .bonus-container .bonus-text .bonus-spin-wheel {
    margin-bottom: 5px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 7px 10px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    max-width: 220px;
    width: 100%;
    align-self: flex-end;
}
.available-bonuses .bonus-container .bonus-text .bonus-claimed {
    position: relative;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 7px 10px;
    cursor: default;
    background-image: url(../../../../templates/default/images/btn_grey_bg.png);
    background-size: contain;
    border: 1px solid var(--color-grey--160);
    text-align: center;
    box-sizing: border-box;
    max-width: 220px;
    width: 100%;
    align-self: flex-end;
}
.available-bonuses .bonus-reset-text,
.available-bonuses .bonus-reset-money-text,
.bonus-wheel-container .bonus-reset-text,
.bonus-wheel-container .bonus-reset-money-text {
    display: none;
}

.bonus-do-not-use {
    display: none;
}

/*.bonuses__content {*/
/*    flex-wrap: wrap;*/
/*}*/

/*.bonuses__content-title-text {*/
/*    width: 50%;*/
/*}*/

/*.bonuses__content .user-contact-box {*/
/*    width: 50%;*/
/*    order: 2;*/
/*    margin-top: -70px;*/
/*}*/

.available-bonuses.claimed .bonus-container .bonus-text .btn-spin-now {
    position: relative;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 7px 20px;
    cursor: pointer;
    background-image: url(../../../../templates/default/images/btn_gold_bg.png);
    border: 1px solid var(--color-yellow--120);
    align-self: flex-end;
}
.available-bonuses .bonus-container .bonus-text .buttons-container {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    gap: 5px;
}
.recent-games {
    padding-bottom: 29px;
    margin-bottom: 29px;
}

.recent-games .games-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px 17px;
}
.recent-games .title {
    font-size: 16px;
    line-height: 30px;
    height: 29px;
    color: var(--color-darkyellow--120);
    margin-bottom: 20px;
    padding-left: 43px;
    background-image: url(../../../../templates/default/images/recent_games.png);
    background-position: left top;
}
.recent-games .game {
    margin: 0;
}

.recent-games .games .game:nth-child(4n + 4) {
    margin-right: 0;
}
/* MOBILE */
.mobile-menu {
    display: none;
}

.game-menu-mobile-control {
    display: none;
}

.mobile-menu-container {
    display: none;
}
/* Game */
.popup-game {
    display: block;
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    top: 40px;
}

.popup-game.hide{
    display:none;
}

@media screen and (max-width: 900px) {
    #popup-game {
        overflow-y: scroll;
    }

    #popup-game .panel-game, #popup-game .panel-info {
        margin-left: auto;
        margin-right: auto;
        width: 80vw;
        float: none;
        align-items: center;
        justify-content: start;
    }
    #popup-game .panel-info {
        height: fit-content;
    }

    #popup-game .panel-info .quick-deposit {
        align-items: normal !important;
    }

    #popup-game .panel-info section:nth-of-type(1),
    #popup-game .panel-info .game-wrapper-main-info,
    #popup-game .panel-info .game-description {
        flex-grow: unset !important;
    }

    #popup-game .panel-info .game-wrapper-main-info .game-description {
        height: auto;
    }

    #popup-game .panel-info .game-wrapper-bottom-item,
    #popup-game .panel-info .game-wrapper-bottom-item .registration-banner-game {
        max-width: fit-content;
    }
}

.popup-game,
.popup-game-mobile {
    z-index: 2100;
    background-image: url(../../../../templates/default/images/game_bg.jpg);
    background-position: center top;
    background-size: cover;
    background-color: var(--color-black--210);
}


#popup-game .zoom-panel {
    display: none;
    width: 100%;
    height: 40px;
    text-align: center;
}
#popup-game .zoomout-alert,
#popup-game .zoomout-alert-btn {
    display: none;
    z-index: 9001;
}
#popup-game .zoom-panel .zoomout {
    float: right;
    margin-left: 7px;
    margin-top: 4px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../../../../templates/default/images/game_popup_zoomout.png);
}
#popup-game #mobile-close {
    display: none;
}

#popup-game .zoom-panel .close {
    float: right;
    margin-left: 7px;
    margin-right: 4px;
    margin-top: 4px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../../../../templates/default/images/game_popup_close.png);
}
#popup-game .zoom-panel .game-name {
    font-size: 24px;
    line-height: 40px;
    color: var(--color-yellow--110);
    margin-left: 82px;
    text-align: center;
}
.popup-game .panel-info {
    float: right;
    width: 298px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 30px;
    max-height: 87vh;
}
#popup-game .panel-info .close {
    float: right;
    margin-left: 7px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../../../../templates/default/images/game_popup_close.png);
}
#popup-game .panel-info .zoom {
    float: right;
    margin-left: 7px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../../../../templates/default/images/game_popup_zoom.png);
}
.popup-game .panel-game {
    position: relative;
    float: left;
    margin: 16px 12px;
    border: 1px solid var(--color-darkgrey--170);
    background-color: var(--color-basic-black);
    width: calc(100% - 360px);
    height: 92vh;
}
#popup-game .panel-game .game-container {
    /*background: var(--gif-loader) center center 160px 120px;*/
    background-image: url('../../../../templates/default/images/gif-load.gif');
    background-size: 160px 120px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
}
#popup-game .panel-game .game-container .quick-deposit-wide {
    position: relative;
    width: 100%;
    min-height: 25px;
}
#popup-game .panel-info .game-name {
    font-size: 24px;
    line-height: 28px;
    color: var(--color-yellow--110);
    margin-bottom: 10px;
    display: block;
    margin-top: 6px;
}
#popup-game .panel-info .game-info {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
}
#popup-game .panel-info .game-provider {
    display: flex;
    justify-content: center;
    z-index: 50;
    background: no-repeat bottom center;
    max-width: 170px;
    width: 100%;
}
#popup-game .panel-info .game-provider img {
    width: auto;
    margin: auto;
    max-width: 100%;
}

#game-data [data-provider-id="73"] img,
#game-data [data-provider-id="72"] img,
#game-data [data-provider-id="75"] img{
    height: 66px;
    filter:brightness(0) invert(1);
}

#popup-game .panel-info [data-provider-id="83"] {
    filter: brightness(0) invert(1);
}

.game .game-provider.arrows_edge{
    background-size: 41%;
    background-position: top center;
    filter: brightness(0) invert(1);
}

.game .game-provider.vivo_redrake {
    background-size: 34%;
    background-position: top -12px center;
}

.game .game-provider.leap {
    background-size: 39%;
    filter: brightness(50);
    background-position: top -10px center;
}

.game-info .wrapper-volatility,
.game-info .wrapper-RTP{
    margin-top: 15px;
}

#popup-game .panel-info .game-info .game-rtp {
    margin-bottom: 1px;
    margin-left: 0;
    text-align: center;
    padding-left: 33px;
    display: none;
    color: white;
    z-index: 50;
    width: auto;
    height: 24px;
    font-size: 12px;
    background: url(../../../../templates/default/images/rtp.svg) no-repeat top left;
}
#popup-game #game-data .game-volatility {
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 10px;
    text-align: center;
    padding-left: 33px;
    display: none;
    color: white;
    z-index: 50;
    width: auto;
    height: 21px;
    font-size: 12px;
    background: url(../../../../templates/default/images/volatility.svg) no-repeat top left;
}
#popup-game .panel-info .descr {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    color: var(--color-basic-white);
    margin-bottom: 14px;
    padding-left: 25px;
    display: inline-flex;
    margin-left: 0;
    background: url(../../../../templates/default/images/how_to.png) no-repeat left center;
}
#popup-game .panel-info .descr.how-to-play {
    display: inline-flex;
    background: url(../../../../templates/default/images/how_to.png) no-repeat left center;
}
#popup-game .panel-info .descr.description {
    display: none;
    background: url(../../../../templates/default/images/descr.png) no-repeat left center;
}
#popup-game .panel-info .favor {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    color: var(--color-basic-white);
    margin-bottom: 14px;
    margin-left: 0;
    padding-left: 25px;
    display: inline-flex;
    border: none;
    background: url(../../../../templates/default/images/favorite.svg) no-repeat left center / 18px;
}
#popup-game .panel-info .favor.add-to-favor {
    display: inline-flex;
    background: url(../../../../templates/default/images/favorite.svg) no-repeat left center / 18px;
}
#popup-game .panel-info .favor.remove-from-favor {
    display: none;
    background: url(../../../../templates/default/images/rem_favorite_game.svg) no-repeat left center / 18px;
}

#popup-game .game-rules,
#popup-game .panel-info .game-description,
#popup-game .panel-info .game-description p span {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-basic-white) !important;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
    flex-grow: 1;
}
#popup-game .panel-info .game-rules {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-basic-white);
    margin-bottom: 9px;
    font-weight: normal;
    overflow-y: auto !important;
    display: none;
    padding-left: 5px;
}
#popup-game .panel-info .btn-gold {
    text-align: center;
    width: auto;
    display: block;
}
/* Quick deposit */
#popup-game .panel-info .quick-deposit {
    display: inline-flex;
    margin-top: 25px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
#popup-game .panel-info .quick-deposit .label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-white);
    margin-bottom: 10px;
}
#popup-game .panel-info .quick-deposit .label.title {
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
}
#popup-game .panel-info .quick-deposit .label.low-balance,
.mobile-quick-deposit .low-balance {
    display: none;
    letter-spacing: -0.02em;
    color: var(--color-red--130);
    text-shadow: 0px 2px 5px var(--rgba-black-50);
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#popup-game .panel-info .quick-deposit .label.no-bonuses {
    font-size: 12px !important;
    line-height: 18px !important;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: normal;
}
#popup-game .panel-info .quick-deposit .label.no-bonuses input[name="use_quick_deposit_bonuses"] {
    /*float: left;*/
    margin-right: 5px;
}
#popup-game .panel-info .quick-deposit .label.no-bonuses label {
    /*float: left;*/
}
#popup-game .panel-info .quick-deposit .field {
    display: block;
}
#popup-game .panel-info .quick-deposit .field select {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-family: monospace;
    font-size: 14px;
    padding: 7px 10px 9px 10px;
    width: 262px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    margin-bottom: 20px;
}
#popup-game .panel-info .quick-deposit .btn-deposit {
    display: inline-block;
    cursor: pointer;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
    padding: 0 28px;
    border: 1px solid var(--color-basic-black);
    border-radius: 50px;
    text-shadow: 0 1px 0 var(--color-yellow--150);
    outline: none;
    text-transform: uppercase;
    box-shadow: 0 0 0 2px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    min-width: 181px;
}
#game-data .game-provider{
    max-height: min-content;
}

.quick-deposit .first_button {
    white-space: nowrap;
}

/* Quick deposit wide */
#popup-game .panel-game .quick-deposit-wide {
    display: none;
    padding: 5px 0;
    border: 1px solid var(--color-yellow--120);
    background-color: var(--rgba-black-50);
}
#popup-game .panel-game .quick-deposit-wide .quick-deposit-wide-container {
    margin: 0 10px;
}
#popup-game.fullscreen .panel-game .quick-deposit-wide {
    display: block;
}
#popup-game .panel-game .quick-deposit-wide .label {
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-white);
}
#popup-game .panel-game .quick-deposit-wide .label.title {
    font-size: 22px;
    line-height: 37px;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 20px;
}
#popup-game .panel-game .quick-deposit-wide .label.low-balance {
    display: block;
    color: var(--color-darkred--140);
    font-size: 12px;
    line-height: 16px;
    margin-top: 1px;
    margin-bottom: 0;
    margin-right: 0;
    text-transform: uppercase;
}
#popup-game .panel-game .quick-deposit-wide .label.no-bonuses {
    display: block;
    font-size: 12px !important;
    line-height: 18px !important;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: normal;
}
.bonuses-count-down__value {
    line-height: 29px;
    min-width: 37px;
}
.bonuses__content .vip-progress .progress-indicator {
    background: linear-gradient(86.37deg, var(--color-yellow--260) 0.41%, var(--color-orange--170) 72.61%);
}
.bonuses-count-down__container--alert .bonuses-count-down__value {
    background: linear-gradient(
            180deg,
            var(--color-darkred--170) 0%,
            var(--color-darkred--180) 49.48%,
            rgba(64, 19, 19, 0) 51.56%,
            rgba(105, 39, 39, 0) 100%
        ),
        var(--color-darkred--150);
}
.bonuses__content .balance {
    font-size: 24px;
    line-height: 29px;
    margin: 18px;
}
#popup-game .panel-game .quick-deposit-wide .field {
    float: left;
    display: inline-block;
    margin-right: 10px;
}
#popup-game .panel-game .quick-deposit-wide .field select {
    display: block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-family: monospace;
    font-size: 14px;
    padding: 7px 10px 9px 10px;
    width: 262px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
#popup-game .panel-game .quick-deposit-wide .tools-container {
    display: inline-block;
    margin-top: 2px;
}
#popup-game .panel-game .quick-deposit-wide .btn-deposit {
    float: left;
    display: inline-block;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 14px;
    line-height: 35px;
    width: 190px;
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 0;
    cursor: pointer;
    background-image: url(../../../../templates/default/images/btn_gold_bg.png);
    border: 1px solid var(--color-yellow--120);
    outline: none;
    margin-left: 0;
    margin-right: 20px;
}
#popup-game.fullscreen {
    margin-top: -40px;
    z-index: 3002;
    top: 40px;
}
#popup-game.fullscreen .panel-info {
    display: none;
}
#popup-game.fullscreen .panel-game {
    margin: 0 auto;
    float: none;
}
#popup-game.fullscreen .zoom-panel {
    display: block;
}
#popup-game .registration-banner-game {
    display: block;
    width: 100%;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    padding: 43px 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-basic-white);
    font-size: 16px;
    border: 1px solid var(--rgba-white-80);
    min-width: 287px;
}

#popup-game .registration-banner-game b,
.reg-popup-game__info b {
    color: var(--gold-color);
}

.reg-popup-game__btn {
    width: 100%;
}

.reg-popup-game__title {
    color: var(--gold-color);
}

.custom-btn.btn-gold.popup {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}
/* Deposit */
.deposit-container {
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 5px 5px 5px 17px;
    margin-bottom: 7px;
}

.deposit-container.creditcard .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0.125em;
}

.deposit-container.creditcard > .title:before {
    margin-top: 0;
}

.deposit-container.creditcard > .title.creditcard {
    background-image: none !important;
}

.deposit-container__payments {
    display: flex;
    align-items: center;
    border-radius: 3px;
    -moz-box-shadow: 0px 3px 10px 2px var(--rgba-black-50);
    padding: 0 0.25em;
    box-sizing: border-box;
    height: 39px;
    box-shadow: 0px 5px 4px var(--rgba-black-50);
    width: 230px;
    background: linear-gradient(180deg, var(--color-grey--410) 0%, var(--color-grey--350) 100%);
    justify-content: center;
}

.deposit-container__payments .deposit-container__payments-icon {
    background-position: center;
    background-size: contain;
    width: 70px;
    height: 30px;
    margin: 0 0.125em;
}

.deposit-container__payments .amex {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/amex.png");
}

.deposit-container__payments .diners_club_carte_blanche {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/diners.png");
}

.deposit-container__payments .diners_club_international {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/diners.png");
}

.deposit-container__payments .diners_club {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/diners.png");
}

.deposit-container__payments .jcb {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/jcb.png");
}

.deposit-container__payments .mastercard {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/mastercard.png");
}

.deposit-container__payments .visa {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/visa.svg");
}

.deposit-container__payments .maestro {
    background-image: url("../../../../templates/common/images/payment-icon/cc_form/maestro.png");
}

.deposit-container .title {
    cursor: pointer;
    color: var(--color-darkyellow--120);
    font-size: 18px;
    line-height: 45px;
    background-position: right top;
    margin-left: 35px;
}
.deposit-container.active .title {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.deposit-list-container {
    min-height: 200px;
}

.deposit-container.test .title {
    margin-bottom: 2px;
}
.deposit-container.zotapay.visa .title {
    margin-bottom: 2px;
}

.deposit-container.zotaplay.visa.active {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.epro.visa.cc {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.passngo.visa.cc {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.kwickgo.visa.cc {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.skrill {
    margin-top: 5px;
    margin-bottom: 5px;
}
.deposit-container.skrillrapid {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.neteller {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.ecopayz {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container.zimpler {
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-container > .title:before {
    content: "";
    position: absolute;
    z-index: 1;
    margin-left: -35px;
    margin-top: 12px;
    width: 22px;
    height: 22px;
    background-image: url(../../../../templates/default/images/faq-plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.deposit-container.active > .title:before {
    background-image: url(../../../../templates/default/images/faq-minus.svg);
}
.deposit-container.epro .empcorp-text {
    color: var(--color-darkgrey--180);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 25px;
}
.deposit-container.passngo .empcorp-text {
    color: var(--color-darkgrey--180);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 25px;
}
.deposit-container.kwickgo .empcorp-text {
    color: var(--color-darkgrey--180);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 25px;
}
.deposit-container .empcorp-links {
    margin-top: 25px;
    margin-bottom: 0;
    color: var(--color-darkgrey--180);
    font-size: 13px;
    line-height: 16px;
}
.deposit-container .empcorp-links a {
    font-size: 13px;
    line-height: 17px;
    color: var(--color-darkyellow--120);
    text-decoration: none;
    display: inline-block;
}
.deposit-container.epro .epro-returnForm {
    border: 0;
    width: auto;
    height: auto;
    margin: 20px 0;
}
.deposit-container.passngo .epro-returnForm {
    border: 0;
    width: auto;
    height: auto;
    margin: 20px 0;
}
.deposit-container.kwickgo .epro-returnForm {
    border: 0;
    width: auto;
    height: auto;
    margin: 20px 0;
}

.deposit-container .content-wrapper {
    display: none;
    padding: 20px 0 10px 0;
    border-top: 2px solid var(--color-grey--130);
    min-height: 90px;
}

.deposit-container .field-container {
    margin-bottom: 15px;
    width: 600px;
    display: flex;
    align-items: center;
}
.deposit-container .field-container .label {
    display: inline-block;
    width: 200px;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-black);
}

.popup-content.deposit .deposits-blocked {
    padding: 50px;
    font-size: 18px;
    color: var(--color-darkred-basic);
}
.popup-content.deposit .deposits-blocked h3 {
    border: 3px solid var(--color-basic-yellow);
    padding: 10px;
}
.deposit-container .field-container .field {
    display: inline-block;
    margin-bottom: 0;
}


.deposit-container .field-container input[type="text"],
.deposit-container .field-container input[type="email"],
.deposit-container .field-container input[type="password"] {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-family: monospace;
    font-size: 16px;
    padding: 11px 10px 10px 10px;
    width: 183px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.deposit-container .field-container input[name="cc_number"] {
    font-family: monospace;
    font-size: 16px;
}

.deposit-container .field-container input[name="cc_cvv"] {
    width: 80px;
    box-sizing: border-box;
}

.deposit-container .field-container input:not([name="cc_cvv"]):not([name="__extended__bic"]):not([name="__extended__phone"]):not([type="checkbox"]):not([name="__additional_field__personal_id"]),
.deposit-container .field-container select {
    width: 225px;
    box-sizing: border-box;
}

.deposit-container .field-container select {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-family: monospace;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
    width: 205px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.deposit-container .field-container select.amount,
.deposit-container .field-container input[name="__extended__bic"],
.deposit-container .field-container select[name="__additional_field__sub_method_id"],
.deposit-container .field-container input[name="__extended__phone"],
.deposit-container .field-container input[name="__additional_field__personal_id"] {
    width: 290px;
    box-sizing: border-box;
}
.deposit-container .field-container select.cc-number {
    width: 290px;
}
.deposit-container .field-container .delete-cc {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../../../templates/default/images/delete_user_cc.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 10px;
    overflow: hidden;
    color: transparent;
}

.deposit-container .field[deposit-bank-name] {
    display: inline-flex;
}

.deposit-container .field-container.error {
    background-image: url(../../../../templates/default/images/popup_registration_error.png);
    background-position: 434px 16px;
}
.deposit-container .field-container.error input[type="text"],
.deposit-container .field-container.error input[type="password"],
.deposit-container .field-container.error select {
    border: 1px solid var(--color-darkred--130);
}
.deposit-container .field-container.correct {
    background-image: url(../../../../templates/default/images/popup_registration_correct.png);
    background-position: 420px 11px;
}
.deposit-container .field-container .cc-type {
    float: left;
    border: 1px solid var(--color-darkgrey--110);
    border-radius: 3px;
    background-color: var(--color-basic-white);
}
.deposit-container .field-container .cc-type.visa {
    padding: 6px 10px 4px 10px;
}
.deposit-container .field-container .cc-type.mastercard {
    margin-left: 15px;
    padding: 6px 20px 4px 10px;
}
.deposit-container .field-container .cc-type.instantbanktransfer {
    margin-left: 15px;
    padding: 6px 20px 4px 10px;
}
.deposit-container .field-container .cc-type input[type="radio"] {
    float: left;
    margin-top: 10px;
}
.deposit-container .field-container .cc-type label {
    float: left;
    margin-left: 6px;
    cursor: pointer;
}
.deposit-container .field-container .cc-type label img {
    height: 30px;
}
.deposit-container .btn-reload-payment,
.deposit-container .btn-deposit,
.deposit-container .btn-deposit-custom {
    margin-top: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 37px;
    min-width: 200px;
    height: 37px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 20px;
    cursor: pointer;
    outline: none;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
}
.deposit-container .btn-deposit.inactive,
.deposit-container .btn-deposit-custom.inactive {
    color: var(--color-darkgrey--180);
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-grey--260);
    background: linear-gradient(to right, var(--color-grey--270), var(--color-grey--260));
}

.lang_pt .deposit-container .btn-deposit {
    width: 205px;
}

.deposit-form .deposit-cc {
    padding: 20px 0;
}

.credit-card svg {
    width: 99%;
    height: auto;
}

.deposit-container .message-successful,
.deposit-container .message-success {
    display: none;
    color: var(--color-green--120);
    font-size: 14px;
    line-height: 18px;
    border: 1px solid var(--color-green--120);
    padding: 15px 10px 12px 35px;
    background-image: url(../../../../templates/default/images/popup_registration_correct.png);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    margin: 15px 5px 15px 0;
    box-sizing: border-box;
}
.deposit-container .message-failed {
    display: none;
    color: var(--color-darkred--130);
    font-size: 14px;
    line-height: 18px;
    border: 1px solid var(--color-darkred--130);
    padding: 10px 10px 10px 35px;
    background-image: url(../../../../templates/default/images/popup_registration_error.png);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    margin: 15px 5px 15px 0;
    box-sizing: border-box;
}

.deposit-container .message-error {
    display: none;
    color: var(--color-darkred--130);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid var(--color-darkred--130);
    background: #FFF9F9;
    font-family: var(--basic-fonts);
    padding: 10px 20px;
    box-sizing: border-box;
    align-items: center;
    border-radius: 2px;
}

.message-error__svg {
    margin-right: 15px;
}

.message-error__title {
    font-family: var(--basic-fonts);
    color: var(--color-basic-black);
    font-weight: 600;
    font-size: 16px;
    margin: 40px 0 10px 0;
}

.message-error__container {
    font-size: 14px;
    color: var(--color-basic-black);
    font-family: inherit;
    padding-left: 35px;
    position: relative;
}

.message-error__container::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    height: 19px;
    background: url('../../../../templates/default/images/faq_dep_icon.svg') center center no-repeat;
    background-size: contain;
}

.message-error__container a {
    font-family: inherit;
    color: #C38F2B;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.message-error__svg--question {
    fill: #C38F2B;
}

.message-error__svg--error {
    min-width: 20px;
    min-height: 18px;
}

.message-error__svg--question {
    min-width: 30px;
    min-height: 22px;
}

.deposit-container .messages-wrapper > div[class*="message"] {
    display: block;
}

.deposit-container .messages-wrapper > div[class*="error"] {
    display: flex;
}

.message-error__svg--error {
    background: url("../../../../templates/default/images/faq_dep_link_icon.svg") center no-repeat;
}


.deposit-container #payments_epro_mastercard_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 20px;
}
.deposit-container #payments_paysafe_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 840px;
    margin-top: 20px;
}
.deposit-container #payments_skrill_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 20px;
}
.deposit-container #payments_neteller_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 200px;
    margin-top: 20px;
}
.deposit-container #payments_ideal_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1000px;
    margin-top: 20px;
}
.deposit-container #payments_zimpler_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 590px;
    margin-top: 10px;
}
.deposit-container #payments_cashlib_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 720px;
    margin-top: 10px;
}
.deposit-container #payments_neosurf_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 370px;
    margin-top: 10px;
}
.deposit-container #payments_payobin_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 480px;
    margin-top: 10px;
}
.deposit-container #payments_sofort_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_kluwp_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_kluwp_visa_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_kluwp_mastercard_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_kluwp_banktransfer_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_deltapay_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_cubits_iframe {
    border: none;
    width: 100%;
    min-height: 720px;
    margin-top: 10px;
}
.deposit-container #payments_fastpay_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 10px;
}
.deposit-container #payments_fastpay_visa_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 10px;
}
.deposit-container #payments_fastpay_mastercard_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 10px;
}
.deposit-container #payments_purplepay_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 1030px;
    margin-top: 10px;
}
.deposit-container #payments_deltapay_visa_3ds_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 10px;
}
.deposit-container #payments_deltapay_mastercard_3ds_iframe {
    display: none;
    border: none;
    width: 100%;
    min-height: 700px;
    margin-top: 10px;
}

.deposit-container iframe {
    background: var(--color-basic-white);
}

/* Withdrawal */
.withdrawal-block {
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 20px 10px 20px 17px;
    margin-bottom: 20px;
}

.withdrawal-block.pending-withdrawals {
    padding: 0;
    border: none;
}

.withdrawal-title {
    color: var(--color-darkyellow--120);
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 18px;
}
.withdrawal-amounts {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.withdrawal-amounts b {
    color: var(--color-darkyellow--120);
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}
.withdrawal-amounts .field-container {
    width: 445px;
}
.withdrawal-amounts .field-container .label {
    width: 300px;
}
.withdrawal-amounts .field-container .value {
    display: inline-block;
    width: 115px;
    text-align: right;
    color: var(--color-darkyellow--120);
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}
.withdrawal-amounts .field-container input.amount {
    width: 95px;
    text-align: right;
}
.withdrawal-block.success {
    display: none;
}
.withdrawal-block.success .withdrawal-text {
    background-image: url(../../../../templates/default/images/icon_success.png);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    padding-left: 60px;
}
.withdrawal-block.success .withdrawal-title {
    color: var(--color-green--120);
}

.withdrawal-block--link-style {
    color: inherit;
}

.withdrawal-block--link-style .content-link {
    color: var(--color-darkyellow--120);
}

.withdrawal-container {
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 10px 10px 10px 40px;
    margin-bottom: 20px;
}
.withdrawal-container .title {
    cursor: pointer;
    color: var(--color-darkyellow--120);
    font-size: 18px;
    line-height: 45px;
    background-position: right top;
}
.withdrawal-container.active .title {
    margin-bottom: 8px;
}

.withdrawal-container .content {
    display: none;
    padding: 20px 0 10px 0;
    border-top: 2px solid var(--color-grey--130);
}
.withdrawal-container.active .content {
    display: block;
}
.withdrawal-container .field-container {
    margin-bottom: 15px;
    width: 42%;
    display: inline-block;
    margin-right: 4%;
}
.withdrawal-container .field-container .label {
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-black);
    margin-bottom: 5px;
}
.withdrawal-container .field-container input[type="text"],
.withdrawal-container .field-container input[type="password"] {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.withdrawal-container .field-container select {
    display: inline-block;
    border: 1px solid var(--color-darkgrey--110);
    color: var(--color-darkgrey--130);
    font-size: 14px;
    padding: 11px 10px 10px 10px;
    width: 205px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.withdrawal-container .field-container.error {
    background-image: url(../../../../templates/default/images/popup_registration_error.png);
    background-position: 340px 35px;
}
.withdrawal-container .field-container.error input[type="text"],
.withdrawal-container .field-container.error input[type="password"] {
    border: 1px solid var(--color-darkred--130);
}
.withdrawal-container .field-container.correct {
    background-image: url(../../../../templates/default/images/popup_registration_correct.png);
    background-position: 340px 35px;
}
.withdrawal-container .btn-withdrawal {
    margin-top: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 20px;
    cursor: pointer;
    outline: none;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    display: block;
}
.withdrawal-container .clear-iban-format {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../../../../templates/default/images/icon_delete.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 10px;
    color: transparent;
    overflow: hidden;
}

.please-finish-registering {
    font-size: 16px;
    line-height: 22px;
    color: var(--color-basic-black);
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 17px 10px 10px 17px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
/* FAQ */
.faq-category-name {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    color: var(--color-basic-black);
    display: inline-block;
}
.faq-item {
    margin-bottom: 9px;
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    color: var(--color-darkyellow--120);
}
.faq-item .question {
    cursor: pointer;
    background-color: var(--color-basic-white);
    padding: 12px 15px 12px 40px;
    font-weight: bold;
}
.faq-item .question:before {
    content: "";
    position: absolute;
    z-index: 1;
    margin-left: -32px;
    margin-top: -2px;
    width: 24px;
    height: 24px;
    background-image: url(../../../../templates/default/images/faq-plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.faq-item .question.active:before {
    background-image: url(../../../../templates/default/images/faq-minus.svg);
}
.faq-item .question:hover {
    background-color: var(--color-grey--180);
}
.faq-item .question.active {
    background-color: var(--color-grey--170);
}
.faq-item .answer {
    padding: 12px 15px 15px 40px;
    background-color: var(--color-basic-white);
    color: var(--color-blue--100);
    font-size: 14px;
    line-height: 19px;
}

#popup-after-reg-text {
    display: none;
}

#popup-after-reg-button {
    display: none;
}

.confirm-email {
    min-height: 400px;
    padding-top: 50px;
}
.confirm-email .confirmed {
    font-size: 24px;
    line-height: 28px;
    color: var(--color-basic-green);
}
.confirm-email .not-confirmed {
    font-size: 24px;
    line-height: 28px;
    color: var(--color-darkred-basic);
}
.confirm-email .wrong-parameters {
    font-size: 24px;
    line-height: 28px;
    color: var(--color-darkred-basic);
}
.wrong-code-message {
    display: none;
}
/* History */

.history__filter-wrp {
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 10px;
    box-shadow: 0 6px 10px var(--rgba-black-15);
    padding: 20px 15px;
    margin-bottom: 20px;
}

.history-item {
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 16px;
    overflow: hidden;
}
.history-item .item-title {
    cursor: pointer;
    color: var(--color-basic-black);
    background-color: var(--color-grey--290);
    padding: 12px 15px 12px 60px;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid var(--color-grey--130);
    border-radius: 3px;
    min-height: 44px;
}

.history-item .item-title.active {
    border-radius: 3px 3px 0 0;
}

.history-item .item-title:before,
.withdrawal-container .title:before {
    content: "";
    position: absolute;
    z-index: 1;
    margin-left: -32px;
    margin-top: -2px;
    width: 22px;
    height: 22px;
    background-image: url(../../../../templates/default/images/faq-plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.history-item .item-title:before {
    top: 50%;
    left: 15px;
    margin-left: 0;
    margin-top: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-image: url(../../../../templates/default/images/history-plus.svg);
}

.history__go-button {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.withdrawal-container .title:before {
    margin-top: 11px;
}

.withdrawal-container.active .title:before {
    background-image: url(../../../../templates/default/images/faq-minus.svg);
}

.history-item .item-title.active:before {
    background-image: url(../../../../templates/default/images/history-minus.svg);
}

.history-item .item-data {
    padding: 15px 0 0;
    display: none;
    box-sizing: border-box;
}
.history-table {
    font-family: "Inter", sans-serif;
    width: 100%;
    background-color: var(--color-grey--160);
    border-collapse: separate;
    border-spacing: 1px;
}

table.history-table {
    border-radius: 3px;
}

.withdrawal__name-table,
.history-table thead {
    background-color: var(--color-grey--170);
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.history-table thead td {
    padding: 5px 10px;
    box-sizing: border-box;
}

.history-table tbody {
    background-color: var(--color-basic-white);
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: var(--color-basic-black);
}

.history-table tr {
    display: table-row;
    opacity: 1;
    transition: opacity .5s ease, height .5s ease;
}

.withdrawal__wrapper-history {
    opacity: 1;
    transition: opacity .5s ease, height .5s ease;
}

.history-table tr.hide {
    display: table-column;
    opacity: 0;
    height: 0;
    pointer-events: none;
}

#withdrawals-container .withdrawal__wrapper-history.hide {
    opacity: 0;
    height: 0;
    pointer-events: none;
    border: none !important;
    margin: 0 !important;
}

.history-table tbody td {
    padding: 10px;
    vertical-align: top;
}

.history-table tbody .bet {
    text-align: start;
    color: var(--color-darkgrey--180);
}
.history-table tbody .win {
    font-size: 13px;
    line-height: 14px;
    text-align: start;
    color: #418038;
}
.history-table .bonus-status-canceled {
    color: var(--color-darkgrey--190);
}
.history-table .bonus-status-claimed {
    color: var(--color-orange--150);
}
.history-table .bonus-status-given {
    color: var(--color-green--120);
}
.history-table .bonus-status-complete {
    color: var(--color-basic-black);
}
.history-table .bonus-status-paidout {
    color: var(--color-green--130);
}
.history-table .bonus-status-expired {
    color: var(--color-darkred--100);
}
.history-table .error {
    color: #FF4140;
    font-size: 10px;
    line-height: 12px;
    margin-top: 5px;
}

.history-table .status-pending {
    position: relative;
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/history-status-pending.svg") no-repeat center/contain;
    margin: 0 auto;
}

.history-table .status-captured,
.history-table .status-approved {
    position: relative;
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/history-status-accept.svg") no-repeat center/contain;
    margin: 0 auto;
}

.history-table .status-failed,
.history-table .status-canceled {
    position: relative;
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/history-status-failed.svg") no-repeat center/contain;
    margin: 0 auto;
}

.history-table .btn-cancel,
button.withdrawal-history__cancel {
    position: relative;
    display: block;
    border-radius: 4px;
    color: var(--color-basic-black);
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 var(--color-basic-white);
    padding: 8px 15px;
    margin: 0 auto;
    height: fit-content;
    cursor: pointer;
    background-image: linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    box-shadow: 0 0 0 1px var(--color-yellow--100);
    border: 1px solid var(--color-basic-black);
    outline: none;
    text-align: center;
}

.history-table .deposit-date,
.history-table .game-date {
    padding-right: 45px;
}

.history-table .deposit-id,
.history-table .game-id,
.history-table .withdrawal-id {
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/info-icon.svg") no-repeat center/contain;
    position: relative;
}

.history-table .deposit-info {
    word-break: break-all;
}

.history-table .history-tooltip::before {
    content: attr(data-tooltip);
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 25px;
    width: max-content;
    height: 20px;
    font-size: 10px;
    line-height: 0;
    color: var(--color-basic-black);
    padding: 0 10px;
    background: var(--color-grey--290);
    border: 1px solid var(--color-grey--130);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-sizing: border-box;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}

.history-table .history-tooltip:hover::before {
    opacity: 1;
}

.history-table .deposit-status > .history-tooltip::before {
    right: 25px;
    left: unset;
}

.history-table.withdrawal__wrapper-history,
.history-table.withdrawal__wrapper-info {
    border: 1px solid var(--color-grey--130);
    border-right: 0;
    background-color: unset;
    box-sizing: border-box;
}

#withdrawals-container .withdrawal__wrapper-history:first-of-type {
    border-radius: 3px 3px 0 0;
}

#withdrawals-container .withdrawal__wrapper-history:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#withdrawals-container .withdrawal__wrapper-history:first-of-type {
    border-radius: 3px 3px 0 0;
}

#withdrawals-container .withdrawal__wrapper-history:not(:first-of-type) {
    border-top: 0;
    border-bottom: 1px solid var(--color-grey--130);
}

#withdrawals-container .withdrawal__wrapper-history:not(:last-of-type) {
    border-bottom: 1px solid var(--color-grey--130);
}

.withdrawal__name-table.withdrawal__name-table-title.jc-center {
    justify-content: flex-start;
}

.withdrawal__name-table-wrapper,
.history-table.withdrawal__wrapper-info section {
    background-color: var(--color-grey--180);
    border-right: 1px solid var(--color-grey--130);
}

.withdrawal__wrapper-history .withdrawal__text-tablet,
.withdrawal-block .withdrawal__text-tablet {
    align-items: unset;
    justify-content: unset;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    background-color: var(--color-grey--180);
    padding: 10px 10px 20px;
}

.withdrawal-block .withdrawal__wrapper-info {
    border-radius: 3px;
}

.withdrawal-block div[class^="withdrawal__logo-"] {
    background-image: none;
    text-transform: unset;
    height: unset;
}

.withdrawal-block .withdrawal__name-table {
    padding: 5px 10px;
    line-height: 20px;
    font-weight: 700;
    border-bottom: solid 1px var(--color-grey--130);
}

.withdrawal-block .history-table section:nth-child(1) {
    width: 170px;
}
.withdrawal-block .history-table section:nth-child(2) {
    width: 105px;
}
.withdrawal-block .history-table section:nth-child(3) {
    width: 120px;
}
.withdrawal-block .history-table section:nth-child(4) {
    width: 75px;
}
.withdrawal-block .history-table section:nth-child(5) {
    width: auto;
}
.withdrawal-block .history-table section:nth-child(6) {
    width: 185px;
}

.withdrawal_limit-exceeded .history-table section:nth-child(1) {
    width: 40px;
}
.withdrawal_limit-exceeded .history-table section:nth-child(2) {
    width: 150px;
}
.withdrawal_limit-exceeded .history-table section:nth-child(3) {
    width: 95px;
}
.withdrawal_limit-exceeded .history-table section:nth-child(4) {
    width: 90px;
}

.withdrawal_limit-exceeded .history-table section:nth-child(5) {
    width: 75px;
}
.withdrawal_limit-exceeded .history-table section:nth-child(6) {
    width: auto;
}

.withdrawal__name-table-info .withdrawal__name-table-wrapper:nth-child(3) {
    width: 95px;
}

.withdrawal__name-table-info .withdrawal__name-table-wrapper:nth-child(4) {
    width: 90px;
}

.withdrawal__name-table-number .withdrawal__text-tablet {
    justify-content: center;
}

.withdrawal__name-table-status .history-tooltip::before,
.withdrawal-block .history-tooltip::before {
    top: 0;
}

.status-rejected__icon {
    width: 20px;
    height: 20px;
    background: url(../../../../templates/default/images/history-status-failed.svg) no-repeat center/contain;
    line-height: 11px;
    margin: 0 auto;
}

.status-rejected__icon:hover .status-rejected__data {
    opacity: 1;
}

.status-rejected__data {
    display: block;
    width: 160px;
    height: auto;
    top: 0;
    left: 25px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 3px 10px;
    background: var(--color-grey--290);
    border: 1px solid var(--color-grey--130);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-sizing: border-box;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.status-rejected__data:after {
    display: none;
}

.empty_history {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-basic-black);
    margin: 15px 0 15px;
}

.empty_history__img {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../../../../templates/default/images/result-not-found.svg") no-repeat center/contain;
    margin-right: 10px;
}

.empty_history ~ .history-table {
    display: none;
}

.history-item .show-all {
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    text-shadow: 0 1px 1px #f4d648;
    width: fit-content;
    display: flex;
    align-items: center;
    margin: 15px auto 0;
    background: linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
    box-shadow: 0 0 0 1px var(--color-yellow--100);
    border: 1px solid var(--color-basic-black);
    border-radius: 4px;
    color: var(--color-basic-black);
    padding: 14px 15px;
}

.history-item .show-all span {
    pointer-events: none;
}

.history-item .show-all span i {
    display: block;
    width: 14px;
    height: 10px;
    background: url("../../../../templates/default/images/arrow-btn-black.svg") no-repeat center/contain;
    margin-right: 5px;
}

.withdrawal__name-table-method:empty {
    display: none;
}

.show-more-btn-title {
    display: none;
}

/* VIP */
#popup-vip .popup-menu .welcome-to-vip {
    font-size: 22px;
    line-height: 56px;
    color: var(--color-basic-white);
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
}
.vip-text {
    margin-bottom: 25px;
    text-align: center;
}
.table-vip-container {
    border: 1px solid var(--color-grey--200);
}
.table-vip {
    width: 100%;
}
.table-vip thead tr {
    background-image: url(../../../../templates/default/images/vip_title_bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: contain;
}
.table-vip thead tr td {
    min-height: 50px;
    vertical-align: top;
}
.table-vip thead tr td .vip {
    z-index: 1;
    margin: -11px auto 3px auto;
    width: 35px;
    height: 35px;
}
.table-vip thead tr td .vip-name {
    width: 95px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-basic-white);
    text-align: center;
    margin-bottom: 5px;
}

.table-vip thead tr td {
    border-right: 1px solid var(--color-darkgrey--200);
}
.table-vip thead tr td:last-child {
    border-right: none;
}
.table-vip tbody tr td {
    height: 48px;
    width: 95px;
    vertical-align: middle;
    color: var(--color-basic-black);
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border-right: 1px solid var(--color-grey--200);
}
.table-vip tbody tr td:last-child {
    border-right: none;
}
.table-vip tbody tr td:first-child {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.table-vip tbody tr {
    background-color: var(--color-basic-white);
}
.table-vip tbody tr:nth-child(even) {
    background-color: var(--color-grey--180);
}
.table-vip tbody tr:nth-child(off) {
    background-color: var(--color-grey--200);
}
.table-vip tbody tr td.checked {
    background-image: url(../../../../templates/default/images/vip_checked.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.table-pagination {
    bottom: -10px;
}
/*  */
.ui-datepicker,
.ui-datepicker-div {
    z-index: 3000 !important;
}
.ui-datepicker table {
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    padding: 3px 5px;
    margin: 0 5px;
}
/* Bonus Wheel */
.bonus-wheel-container .bonus-wheel-text {
    font-size: 21px;
    line-height: 26px;
}
.lang_it .bonus-wheel-container .bonus-wheel-text {
    text-align: center;
}
.bonus-wheel-container .bonus-wheel-won {
    cursor: pointer;
    width: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px auto 0;
    text-align: center;
}
.bonus-wheel-container .bonus-wheel-next {
    width: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px auto 0;
    text-align: center;
}
.bonus-wheel-container .bonus-wheel-won img,
.bonus-wheel-container .bonus-wheel-next img {
    width: 350px;
    border: none;
}
.bonus-wheel-container .bonus-wheel {
    cursor: pointer;
    width: 500px;
    height: 800px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px auto 0;
}
.bonus-wheel-container .bonus-wheel.en {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_en.jpg);
}

.bonus-wheel-container .bonus-wheel.pt {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_pt.jpg);
}

.bonus-wheel-container .bonus-wheel.es {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_es.jpg);
}
.bonus-wheel-container .bonus-wheel.fr {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_fr.jpg);
}
.bonus-wheel-container .bonus-wheel.no {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_no.jpg);
}
.bonus-wheel-container .bonus-wheel.sv {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_sv.jpg);
}
.bonus-wheel-container .bonus-wheel.de {
    background-image: url(../../../../templates/default/images/bonus_wheel/spin_de.jpg);
}
.bonus-wheel-container #animation_container {
    background-color: transparent; /*rgba(255, 255, 255, 1.00);*/
    width: 375px;
    height: 600px;
    margin: 20px auto 0;
}
.bonus-wheel-container #animation_container #canvas {
    position: absolute;
    display: block;
    background-color: transparent; /*rgba(255, 255, 255, 1.00);*/
    width: 375px;
    height: 600px;
}
.bonus-wheel-container #animation_container #dom_overlay_container {
    pointer-events: none;
    overflow: hidden;
    width: 375px;
    height: 600px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.bonus-wheel-3 #bonus-wheel {
    width: 375px;
    height: 600px;
    margin: 0 auto;
}
.bonus-wheel-3 iframe#bonus-wheel {
    display: block;
    border: none;
}
.bonus-wheel-container .use-bonus {
    margin: 30px auto 20px;
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 0 10px;
    cursor: pointer;
    background-image: url(../../../../templates/default/images/btn_gold_bg.png);
    border: 1px solid var(--color-yellow--120);
    text-align: center;
    width: 246px;
}
.welcome-bonus-available {
    background-color: var(--color-grey--170);
    border: 1px solid var(--color-grey--160);
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.welcome-bonus-available .bonus-image {
    float: left;
    width: 71px;
    margin-top: 5px;
}
.welcome-bonus-available .bonus-image img {
    max-width: 71px;
}
.welcome-bonus-available .bonus-text {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.welcome-bonus-available .bonus-text .bonus-description {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}
.welcome-bonus-available .bonus-text .claim-bonus {
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px var(--rgba-white-90);
    padding: 7px 10px;
    cursor: pointer;
    text-align: center;
    max-width: 220px;
    width: 100%;
    outline: none;
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--100), var(--color-darkyellow--100));
    align-self: flex-end;
}
.field-container.phone .label {
}
.field-container.phone input[name="mobile_code"] {
    width: 45px;
}
.field-container.phone input[name="mobile"] {
    width: 112px;
}
#__lpform_cc_cvv_numspan {
    display: none !important;
    width: 0 !important;
    z-index: 0 !important;
}
#popup-game #game-one {
    display: none;
}
.game-box {
    display: none;
}
.logged .game-box {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
}

.game-box > div:not(:last-of-type) {
    margin-right: 20px;
}

#popup-game #game-one .demo {
    display: none;
}
#empty-fav,
#empty-recent {
    display: none;
    font-family: "Roboto", sans-serif;
    line-height: 22px;
    width: 300px;
    margin: 20px auto 0 auto;
}

#empty-fav .empty-fav_img,
#empty-recent .empty-recent_img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

#empty-fav .empty-fav_img {
    width: 100px;
    height: 76px;
    background-image: url("../../../../templates/default/images/empty-fav-icon.svg");
}

#empty-recent .empty-recent_img {
    width: 76px;
    height: 76px;
    background-image: url("../../../../templates/default/images/empty-recent-icon.svg");
}

#empty-fav .empty-fav_title,
#empty-recent .empty-recent_title {
    color: var(--color-black--150);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

#empty-fav .empty-fav_sub-title,
#empty-recent .empty-recent_sub-title {
    color: #80858C;
    text-align: center;
    font-size: 12px;
    margin: 0;
}

#popup-promo-wheel {
    height: 446px;
    z-index: 2500;
}
#popup-promo-wheel .popup-content {
    background-image: url(../../../../templates/default/images/game_bg.jpg) !important;
    background-size: cover;
    margin: 0;
    min-height: 330px;
    display: inline-block;
}
#btnPopupWheelOk {
    margin: 0 auto;
}
/* Quick Deposit Popup */
#quick-deposit-popup {
    display: none;
    position: absolute;
    z-index: 3500;
    left: 0;
    top: 0;
    width: 100%;
}

/* KYC Popup */
#kyc-popup {
    display: none;
    position: absolute;
    z-index: 3500;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}
#kyc-popup .loading {
    margin-top: 265px;
}
#kyc-iframe {
    position: absolute;
    z-index: 1;
    margin: 30px auto auto;
    left: 0;
    width: 100%;
    border: none;
    height: 800px;
}

.lang_de #promo .promo.red .info {
    margin-top: -73px;
}
.lang_de #promo .promo.red .custom-btn.btn-gold {
    height: 22px !important;
    margin-top: -2px;
    line-height: 24px;
}
.game-iframe,
#iframe {
    z-index: 9999 !important;
    display: none;
    width: 100%;
    height: 100%;
}
#paysup {
    color: var(--color-darkyellow--120);
    cursor: pointer;
}
.paystable {
    border: 1px solid var(--color-grey--130);
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-collapse: separate;
    width: 100%;
    outline: none;
}
.payshead td:first-child {
    border-top-left-radius: 5px;
}
.payshead td:last-child {
    border-top-right-radius: 5px;
}
.paystable tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
.paystable tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

.payshead {
    width: 100%;
    height: 50px;
    min-height: 50px;
    background-color: var(--color-basic-black);
    outline: none;
    background-image: url(../../../../templates/default/images/games_menu_bg.png);
    background-repeat: repeat-x;
    background-position: center top;
    color: var(--color-basic-white);
}
.paysstr {
    width: 100%;
    height: 50px;
    min-height: 50px;
    background-color: white;
}
.paysstr td {
    border-top: 0.5px solid var(--color-grey--130);
}
.payshead td:first-child,
.paysstr td:first-child {
    width: 40%;
    min-width: 88px;
}
.payshead td:last-child,
.paysstr td:last-child {
    width: 25%;
}

.popup-page-content .payslbltbl:nth-child(1) {
    padding-left: 25px;
}

.payslbltbl:nth-of-type(1) h2,
.payslbltbl:nth-of-type(2) h2 {
    padding-left: 45px;
    padding-top: 5px;
    line-height: 30px;
    position: relative;
}

.payslbltbl:nth-of-type(1) h2::before,
.payslbltbl:nth-of-type(2) h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}

.payslbltbl:nth-of-type(1) h2::before {
    background-image: url(../../../../templates/default/images/credit-card.png);
}

.payslbltbl:nth-of-type(2) h2::before {
    background-image: url(../../../../templates/default/images/money.png);
}

h1:nth-child(4) {
    padding-left: 25px;
}
.paysdiv {
    width: 100%;
    height: 100%;
    padding: 0px 8px;
    box-sizing: border-box;
}

.payslogo {
    width: 100%;
    height: 45px;
    margin-top: 4px;
}
#ceg-seal-container,
#ceg-463f0635-bac4-48ef-aad1-e17f32d82a90 {
    width: 60px !important;
    margin: 0 auto;
}

.registration-step-2 {
    display: none;
}

.deposit-fields .rate {
    margin-top: 0;
    margin-bottom: 7px;
    display: inline-block;
}
@media (min-width: 1024px) {
    .deposit-fields .rate {
        margin-left: 200px;
    }
}

.rate .field {
    display: inline;
}
.rate input[disabled] {
    font-size: 13px;
    line-height: 17px;
    color: var(--color-basic-black);
    font-style: italic;
    display: inline;
    padding: 0 0 0 0;
    border: none !important;
    text-align: left;
}

.rate .curr {
    text-align: center !important;
}

.label.rates,
.rate label,
.rate {
    font-size: 13px;
    line-height: 17px;
    color: var(--color-basic-black);
    font-style: italic;
    display: inline;
    text-align: right;
}
.creditcard .rate {
    margin-bottom: 14px !important;
}
.cc_cvv {
    -webkit-text-security: disc;
}

.donotGetBonus .title {
    position: relative;
    top: 4px;
    margin-bottom: 14px;
}
#onesignal-bell-container,
#onesignal-bell-container * {
    display: none !important;
}
.kyc_edit_btn {
    display: block;
    cursor: pointer;
    font-family: var(--basic-fonts);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding: 4px 9px;
    box-shadow: 0 0 0 1px var(--color-yellow--120);
    background: -webkit-linear-gradient(left, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
    box-sizing: border-box;
    border: 1px solid var(--color-black--200);
    border-radius: 3px;
}
.kyc_edit .icon_kyc_edit {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-image: url(../../../../templates/default/images/document/document_edit.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.kyc_add .icon_kyc_add {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 5px;
    background-image: url(../../../../templates/default/images/document/document_add.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.kycbtn {
    line-height: 20px;
    background-position: center;
    min-width: 50px;
    min-height: 20px;
}
.kycbtn.approved {
    /*color: var(--color-green--110);*/
    background-image: url(../../../../templates/default/images/document/document_verified.svg);
    /*filter: invert(42%) sepia(68%) saturate(593%) hue-rotate(61deg) brightness(104%) contrast(90%);*/
}
.kycbtn.nonapproved {
    color: var(--color-darkred--100);
    background-image: url(../../../../templates/default/images/document/document_notverified.svg);
}
.kycbtn.requested {
    color: var(--color-basic-black);
    background-image: url(../../../../templates/default/images/document/document_requested.svg);
}
.kycbtn.rejected {
    max-width: 16px;
    max-height: 16px;
    background-image: url(../../../../templates/default/images/document/document_notverified.svg);
}

.eye .icon_kyc_eye {
    display: inline-block;
    width: 12px;
    height: 11px;
    margin-right: 5px;
    background-image: url(../../../../templates/default/images/document/document_eye.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kyc_line {
    font-size: 10px;
    font-weight: 700;
}
.kyc_line.approved,
.kyclbl.approved {
    color: var(--color-green--110);
}

.kyc_line.rejected,
.kyclbl.rejected {
    color: var(--color-darkred--160);
}
.kyc_line.nonapproved,
.kyclbl.nonapproved,
.kyc_line.requested,
.kyclbl.requested {
    color: var(--color-basic-black);
}

.anythingSlider-custom .arrow a {
    background-image: url(../../../../templates/default/images/home_slides/arrows-custom.png) !important;
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
}
body.winter .anythingSlider-custom .arrow a {
    opacity: 0.8;
    filter: alpha(opacity=20);
}
.anythingSlider-custom .forward {
    transform: translateY(-50%);
}
.anythingSlider-custom .back {
    left: 20px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) translateY(-50%);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.anythingSlider-custom .forward a.hover,
.anythingSlider-custom .forward a:hover {
    background-position: right bottom;
}
.anythingSlider-custom .back a:hover,
.anythingSlider-custom .back a.hover {
    background-position: left bottom;
}

.field-container .label.wire {
    display: block;
}
.jpg_upload {
    color: var(--color-basic-brown);
    margin-bottom: 9px;
}

#kyc-container {
    width: 100%;
}

.doc_upload {
    width: 100%;
}

#popup-kyc {
    display: none;
    position: fixed;
    opacity: 1;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 500px;
    height: 450px;
    background-color: var(--color-grey--180);
    box-shadow: 0 0 15px 10px var(--rgba-black-25);
    border-bottom: 0;
    text-align: center;
}

@media (max-height: 428px) and (orientation: landscape) {
    body[data-page-name^=kyc]  {
        overflow: scroll !important;
    }

    #popup-kyc {
        position: absolute;
        top: 20px;
        transform: translate(-50%, 0);
    }
}

#popup-kyc .iframe {
    margin: 0 0 0 0;
    border: none;
    width: 100%;
    height: 100%;
}

/* новые стили для попапа игры*/
.game-wrapper-bottom-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
}

.panel-info .game-wrapper-bottom-item {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.wrapper-game-info {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto 0 0;
    padding-bottom: 10px;
}

#popup-game .panel-info .game-rules::-webkit-scrollbar,
#popup-game .panel-info .game-description::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    box-sizing: border-box;
}

#popup-game .panel-info .game-rules::-webkit-scrollbar-thumb,
#popup-game .panel-info .game-description::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-clip: content-box;
    background: -webkit-linear-gradient(top, var(--color-yellow--150), var(--color-darkyellow--100));
    box-sizing: border-box;
}
#popup-game .panel-info .game-rules::-webkit-scrollbar-track,
#popup-game .panel-info .game-description::-webkit-scrollbar-track {
    border: 1px solid var(--color-darkyellow--200);
    border-radius: 50px;
    box-sizing: border-box;
}

.game-wrapper-main-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
}
/*---------------------------------------------*/

/* --------------------------END HISTORY GAME DURING TOURNAMENT ------------------------------------*/
#popup-address {
    display: none;
}

.lang_ja .user_name,
.lang_ja .bonus_time {
    float: left;
    padding-right: 0.5em;
}


/*Checkboxes styles*/
.status-checkbox {
    display: none;
}

.status-checkbox + label {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.status-checkbox + label::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 3px solid var(--color-darkyellow--120);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.12s, border-color 0.08s;
    transition: all 0.2s, border-color 0.08s;
}

.status-checkbox.scc + label::before {
    top: 8px;
}

.status-checkbox:checked + label::before {
    width: 4px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/** how-to **/
.how-to-left {
    max-width: 500px;
    width: 500px;
    border-right: 1px solid var(--color-grey--250);
}
.popup-page-how-to {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lang_ja .how-to-left .how-to-pic {
    background: url(../../../../templates/default/images/japan_image.png) no-repeat center top;
    background-size: contain;
    position: relative;
}
.how-to-left .how-to-pic {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 564px;
    margin-top: -13px;
}
.how-to-right .how-to-title {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-darkred--130);
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
}
.how-to-left .how-to-info {
    font-size: 14px;
    line-height: 18px;
    color: var(--color-basic-black);
    clear: both;
}
.how-to-right {
    float: left;
    margin-left: 30px;
    width: 643px;
}
/** how-to **/

/*------------ tournaments ------------------*/
.game-top-title {
    background-color: white;
    border: 1px solid var(--color-grey--160);
    color: var(--color-yellow--110);
    cursor: pointer;
}
.game-top-title::after {
    background-image: url(../../../../templates/default/images/faq-plus.svg);
}

.game-top-title.active::after {
    background-image: url(../../../../templates/default/images/faq-minus.svg);
}

.game-top-table-item {
    border-color: var(--color-grey--160);
}

/*----- popup-enable-notification -----*/
.popup-notification {
    background-color: var(--color-basic-black)ba;
    z-index: 99999;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: min-content;
    overflow-y: auto;
    overflow-x: hidden;
    /*display: none;*/
}
.popup-notification_main-container {
    max-width: 420px;
    width: 90%;
    background-image: url(../../../../templates/default/images/notifications/paamon.png);
    background-position: 90px 15px;
    display: block;
    background-color: var(--color-basic-white);
    border-radius: 25px;
    position: relative;
    overflow: visible;
    padding: 32px 15px 26px 15px;
    box-sizing: border-box;
    z-index: 1;
}

.popup-notification_bg-chips {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../../../../templates/default/images/notifications/not_chips_g.png);
    background-position: center 110px;
    background-size: 865px;
}
.popup-notification_main-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 170px;
    height: 87px;
    background-image: url(../../../../templates/default/images/notifications/kohavit.png);
    background-position: 0;
    background-repeat: no-repeat;
    left: 50%;
    top: -52px;
    transform: translateX(-30%);
}

.popup-notification_gold {
    position: absolute;
    bottom: 41px;
    background-image: url(../../../../templates/default/images/notifications/not_gold.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 195px;
    height: 171px;
    z-index: 2;
}

.popup-notification_gold--left {
    left: -29%;
}

.popup-notification_gold--right {
    right: -29%;
    transform: scaleX(-1);
}

.popup-notification_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 50px;
    min-height: 3em;
    margin: 10px auto;
    padding: 0;
    max-width: 310px;
}

#show_pop_not_y_btn {
    border: none;
}

#show_pop_not_n_btn {
    box-shadow: inset 0px 0px 0px 2px var(--color-basic-white);
    border: 1px solid var(--color-grey--260);
}

.popup-notification_btn-y-text {
    font-size: 1.5em;
    line-height: 2;
    width: 100%;
    border-radius: 1em;
    margin: 3px;
    box-shadow: 0 0 1px 1px var(--color-basic-black);
}

.popup-notification_btn-n-text {
    font-size: 1em;
    font-weight: 400;
}

.popup-notification_text {
    font-size: 24px;
    text-align: center;
    line-height: 1.1em;
    margin: 0.875em auto 1em;
    max-width: 80%;
}

.popup-notification_inner-wrap {
    width: 100%;
    height: 100%;
    min-height: min-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    box-sizing: border-box;
}

.os_asm {
    cursor: pointer;
    color: var(--color-darkyellow--220);
    margin: 1em auto 0;
    font-size: 1em;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 2em;
    position: relative;
}

.os_asm::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    background: url(../../../../templates/default/images/alarm.png) no-repeat center;
    background-size: contain;
}

.onesignal-gold {
    color: var(--color-darkyellow--100);
    text-transform: lowercase;
}
/*----- popup-enable-notification -----*/

/*------------- Start popup-info---------------*/
.popup-info_wrp {
    border-radius: 15px;
    box-shadow: 0 0 6px 1px var(--color-basic-black);
    background-image: url(../../../../templates/default/images/games_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.popup-info_title {
    color: var(--color-yellow--110);
    text-shadow: -1px 2px 0 var(--rgba-black-10);
}

.popup-info_text {
    color: var(--color-basic-black);
}
.history-table .red {
    color: var(--color-basic-red);
    font-weight: 600;
}
.history-table .orange {
    color: var(--color-orange-basic);
    font-weight: 600;
}
/*------------- End popup-info---------------*/

/*------------- Profile ------------------*/
.profile__submit-btn {
    height: 41px;
}
/*------------- Profile ------------------*/

/*-------------- START iPad Air 2 -------------*/

@media screen and (max-width: 1200px) {
    .contact-left .contact-info {
        font-size: 12px;
    }
    .lang_fr .contact-right .livechat_button a[data-stat="available"] {
        font-size: 8px;
    }
}

/*--------------- END iPad Air 2 ---------------*/

/*--------------- START ADD TO HOME SCREEN DESKTOP ---------------*/

.add-to-home-screen,
.expire-bonus {
    max-width: 365px;
    padding: 11px 24px;
    border-radius: 35px;
    background-image: -moz-linear-gradient(-90deg, rgb(44, 44, 44) 0%, var(--color-basic-black) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(44, 44, 44) 0%, var(--color-basic-black) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(44, 44, 44) 0%, var(--color-basic-black) 100%);
    background-image: linear-gradient(-90deg, rgb(44, 44, 44) 0%, var(--color-basic-black) 100%);
    border: none;
    box-shadow: 0px 0px 11.18px 1.82px var(--rgba-blue-18);
}

.add-to-home-screen.desktop.add-to-home-screen--show,
.expire-bonus.expire-bonus--show {
    top: auto;
    bottom: 16px;
    left: 12px;
    right: auto;
}

.add-to-home-screen_cancel,
.expire-bonus__cancel {
    top: -10px;
    right: 10px;
    border-radius: 12px;
    background: var(--color-grey--280);
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAABaElEQVQokWNkYGBg4OBVcQHRDAwM7398vnMWygaJCzIwMBhDufcYOXhVlBgYGM4wMDAIQgXTf3y+MwuqeDcDAwPMoE6mH5/v3DM1VF8LM42BgaEDZCIHr0o5TCEnB/vzqd35K5lfPzqnFB7kNOHM+Rucj568AstBbUmDshkWzajidXMy+QA26vWjc+Vnj23/Ly6t/5+DVwUFFxUU/3/96Nzd14/OCcLtfv3o3O7G+noUhWqa1v/vXDkMUgx2DhOSW9O9XM0/IvEZfNwtGPj5uDtF5Yz2MKADTR3b2+jOsLT2dIQpY0QKU5DvOzBMYGA4++PzHRO4M6BhDVIMBsvm1DLIyYjDuMZQg+BungmLlOhQFwZbS12GjgZQyKGEvTEzB69KKMxUfj5uhvnTKhg42Nlc5WXFbX7+/CV4+vxNmAZBxtePzoEYyNEKiup0KB8kDgMmIGeATIYnJAYGhgooGxRcnXClDAzlAJ8qdwz8zud3AAAAAElFTkSuQmCC");
    background-position: center;
    background-size: 12px;
    box-shadow: 0px 0px 4.56px 1.44px var(--rgba-darkgrey-26);
    width: 28px;
    height: 28px;
}

.add-to-home-screen__desktop {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--color-darkyellow--210);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

.expire-bonus__text {
    color: var(--color-darkyellow--210);
}

.expire-bonus__time {
    background: var(--color-darkyellow--210);
    color: var(--color-black--240);
}

.add-to-home-screen__desktop-logo {
    position: relative;
    width: 50px;
    height: 50px;
    background-image: url("../../../../templates/default/images/add_to_hs/Icon-50.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 15px;
    margin: 0 15px 0 0;
    flex-shrink: 0;
}

.add-to-home-screen__desktop-text {
    margin: 0;
}

.add-to-home-screen__desktop-logo:before {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
    border-radius: 15px;
    background: linear-gradient(to bottom, var(--color-yellow--150), var(--color-darkyellow--100));
    width: 54px;
    height: 54px;
    z-index: -1;
}

.add-to-home-screen-wrap .add-to-home-screen__desktop {
    display: none;
}

/*========== popup add to home page ============*/
.add-to-home-screen__mobile,
.menu-item__add-to-home-screen,
.add-to-home-screen__btn {
    display: none;
}
.add-to-home-screen.iphone.add-to-home-screen--show,
.add-to-home-screen.android.add-to-home-screen--show {
    bottom: 40px;
}

.add-to-home-screen.ipad.add-to-home-screen--show{
    bottom: 200px;
}

.add-to-home-screen-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--rgba-white-90);
    z-index: 9999;
}
.add-to-home-screen-wrap.add-to-home-screen-wrap--show {
    display: block;
}
.add-to-home-screen-wrap .add-to-home-screen {
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-black--220);
    border-radius: 40px;
    background: var(--color-basic-black);
    max-width: 335px;
    width: 55%;
}
.add-to-home-screen-wrap .add-to-home-screen:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: 40px 40px 0 0;
    background-image: -moz-linear-gradient(-90deg, var(--color-black--250) 0%, var(--rgba-white-00) 100%);
    background-image: -webkit-linear-gradient(-90deg, var(--color-black--250) 0%, var(--rgba-white-00) 100%);
    background-image: -ms-linear-gradient(-90deg, var(--color-black--250) 0%, var(--rgba-white-00) 100%);
    background-image: linear-gradient(-90deg, var(--color-black--250) 0%, var(--rgba-white-00) 100%);
    width: 100%;
    height: 100px;
    z-index: -1;
}
.add-to-home-screen-wrap .add-to-home-screen_cancel {
    top: -17px;
    right: -17px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-black--230);
    border-radius: 50%;
    background-color: var(--color-basic-black);
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.9808' height='22.9808' viewBox='0 0 22.9808 22.9808'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(-260.3002 -362.5089)'%3E%3Crect class='cls-1' x='260.3002' y='362.5089' width='23' height='23'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eclose%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M275.5825,374l7.1094-7.1094a2.01,2.01,0,0,0,0-2.8434l-.9478-.9478a2.01,2.01,0,0,0-2.8436,0l-7.1092,7.1092-7.1094-7.1106a2.01,2.01,0,0,0-2.8434,0l-.9492.9478a2.01,2.01,0,0,0,0,2.8436L268,374l-7.1092,7.1092a2.01,2.01,0,0,0,0,2.8436l.9478.9478a2.01,2.01,0,0,0,2.8434,0l7.1094-7.1094,7.1092,7.1094a2.01,2.01,0,0,0,2.8436,0l.9478-.9478a2.01,2.01,0,0,0,0-2.8436Zm0,0' transform='translate(-260.3002 -362.5089)' fill='%237f7f7f'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-size: 23px;
    width: 57px;
    height: 57px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile {
    padding: 40px 10px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.add-to-home-screen-wrap .add-to-home-screen__mobile-logo {
    position: relative;
    background-image: url("../../../../templates/default/images/add_to_hs/Icon-128.png");
    width: 122px;
    height: 122px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 auto;
}

.add-to-home-screen-wrap .add-to-home-screen__mobile-logo:before {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
    border-radius: 31px;
    background: linear-gradient(to bottom, var(--color-yellow--150), var(--color-darkyellow--100));
    width: 126px;
    height: 126px;
    z-index: -1;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text {
    padding: 0 18px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text--brand {
    font-size: 17px;
    font-family: var(--basic-fonts);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0.416px 1.956px 0px var(--rgba-white-004);
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin: 15px 0 10px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text--add {
    font-size: 15px;
    font-family: var(--basic-fonts);
    color: var(--color-basic-white);
    line-height: 1.222;
    text-align: center;
    margin-top: 0;
}
.add-to-home-screen-wrap #add-to-home-screen__mobile-btn {
    font-size: 18px;
    font-family: var(--basic-fonts);
    color: var(--color-basic-black);
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 var(--color-yellow--150);
    outline: none;
    text-transform: uppercase;
    background-image: -moz-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: -webkit-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: -ms-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    margin: 0;
}
.add-to-home-screen-wrap .android #add-to-home-screen__mobile-btn {
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    border-radius: 23px;
    width: 100%;
    /*padding: 16px 5px;*/
}
.add-to-home-screen-wrap .add-to-home-screen,
.add-to-home-screen-wrap .iphone .add-to-home-screen__mobile,
.add-to-home-screen-wrap .ipad .add-to-home-screen__mobile {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.add-to-home-screen-wrap .iphone #add-to-home-screen__mobile-btn,
.add-to-home-screen-wrap .ipad #add-to-home-screen__mobile-btn {
    position: relative;
    border: 0;
    border-top: 1px solid var(--color-basic-black);
    border-radius: 0 0 30px 30px;
    width: 100%;
    padding: 15px 0;
}
.add-to-home-screen-wrap .iphone #add-to-home-screen__mobile-btn:before,
.add-to-home-screen-wrap .ipad #add-to-home-screen__mobile-btn:before {
    position: absolute;
    content: "";
    top: -3px;
    left: 0;
    background-image: -moz-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: -webkit-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: -ms-linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    background-image: linear-gradient(0deg, var(--color-yellow--220) 0%, var(--color-yellow--270) 100%);
    width: 100%;
    height: 2px;
}
.add-to-home-screen-wrap .iphone .add-to-home-screen__btn--ios,
.add-to-home-screen-wrap .ipad .add-to-home-screen__btn--ios,
.add-to-home-screen-wrap .android .add-to-home-screen__btn--android {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.add-to-home-screen-wrap .add-to-home-screen__tab-icon {
    height: 30px;
    margin: 5px 8px 5px 7px;
}
.add-to-home-screen-wrap .add-to-home-screen__icon-plus {
    width: 30px;
    height: 30px;
    background-size: 20px;
    border-radius: 10px;
    background-color: var(--color-basic-black);
    margin-left: 9px;
}

@media only screen and (orientation: landscape){
    .add-to-home-screen-wrap .add-to-home-screen.ipad.add-to-home-screen--show{
        bottom: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
        min-height: 350px;
        height: min-content;
    }

    .add-to-home-screen-wrap .ipad .add-to-home-screen__mobile{
        margin-bottom: -15px;
    }
}

/*--------------- END ADD TO HOME SCREEN DESKTOP ---------------*/

@media (max-width: 992px) {
    .lang_de .bonuses__content .user-contact-box,
    .IPadOS.lang_de .bonuses__content .user-contact-box {
        margin-top: -50px;
    }
}
.IPadOS.lang_de .bonuses__content .user-contact-box {
    margin-top: -50px;
}
@-webkit-keyframes blink {
    from {
        background-image: none;
        background-color: var(--color-yellow--150);
        color: var(--color-basic-black);
    }
    to {
        background-color: var(--rgba-black-00);
        color: var(--color-basic-white);
    }
}

.blink {
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: 5;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 2s;
}

.restricted-bonuses {
    background: var(--color-grey--290);
    border: 1px solid var(--color-grey--130);
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
    padding: 6px 11px 23px;
}

.restricted-bonuses__icon {
    width: 71px;
    height: 71px;
    background: var(--color-basic-black) url("../../../../templates/default/images/restricted-bonus-icon.svg") no-repeat center;
    border-radius: 50%;
    margin-right: 17px;
}

.restricted-bonuses__title {
    margin: 0;
    padding-top: 6px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: var(--color-basic-black);
    text-transform: uppercase;
}

.restricted-bonuses__msg {
    margin: 3px 0 0;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: var(--color-basic-black);
}

/*#game3854 .game-provider.gamingcorps {*/
/*    background-image: url("../../../../templates/default/images/logo_mobile.png");*/
/*    filter: none;*/
/*}*/

/*div[name="3854"] .game-wrapper-bottom-item .game-provider {*/
/*    height: 40px !important;*/
/*    background-size: contain !important;*/
/*    background-position: center !important;*/
/*    background-image: url("../../../../templates/default/images/logo_mobile.png") !important;*/
/*}*/

/*div[name="3854"] .game-wrapper-bottom-item .game-provider img {*/
/*    display: none;*/
/*}*/

.bonus-time-expire .bonuses-count-down__item {
    color: var(--color-darkgrey--210);
}

.bonus-time-expire .bonuses-count-down__value {
    background: linear-gradient(180deg, var(--color-black--110) 2.08%, var(--color-black--260) 96.88%);
    box-shadow: inset 0px 24px 0px var(--color-black--110);
    border-radius: 2px;
    color: var(--color-darkgrey--220);
}


/*  CONTACT PAGE START */
.contact-us__page {
    padding-top: 20px;
}

.tab-wrapper {
    grid-gap: 10px 40px;
}

.tab-list__wrapper {
    text-align: left;
    background: var(--color-grey--300);
    box-shadow: 0px 4px 4px var(--rgba-black-25);
    border-radius: 10px;
}

.tab-item {
    background: linear-gradient(98.96deg, var(--color-yellow--280) 6.81%, var(--color-darkyellow--230) 93.19%), var(--color-lightyellow--110);
}

.tab-item__title {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--color-basic-black);
    word-break: break-word;
}

.lang_de .tab-item__title {
    font-size: 12px;
}

.tab-item.is-active {
    background: linear-gradient(180deg, var(--color-black--110) 48.96%, var(--color-black--260) 48.97%);
}

.tab-item.is-active .tab-item__icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.tab-item.is-active .tab-item__title {
    color: var(--color-basic-white);
}

.need-help__btn {
    margin-left: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
    color: var(--color-darkyellow--230);
}

.content-item .contact-faq-item {
    margin-bottom: 18px;
}

.content-item .contact-faq-item .question__text {
    position: relative;
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: var(--color-basic-black);
}

.content-item .contact-faq-item .question__text:before {
    position: absolute;
    content: " \B7 ";
    top: -7px;
    left: 0;
    font-size: 24px;
    color: var(--color-basic-black) ;
}

.content-item .contact-faq-item.active .question__text,
.content-item .contact-faq-item.active .question__text:before{
    color: var(--color-darkyellow--230);
}

.content-list {
    padding-top: 30px;
    padding-left: 5px;
}

.search__wrapper .search-input::placeholder {
    font-weight: normal;
    color: var(--color-basic-black);
}

.search__wrapper .search-input::-moz-placeholder {
    font-weight: normal;
    color: var(--color-basic-black);
}

.search__wrapper .search-input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 43px 0 23px;
    box-sizing: border-box;
    background: var(--color-grey--300);
    box-shadow: 0px 4px 4px var(--rgba-black-25);
    border-radius: 10px;
    border: none;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: var(--color-basic-black);
}

.search__wrapper .search-input:focus-visible {
    outline: none;
}

.search-input__wrapper {
    display: block;
}

.content-search-form {
    display: flex;
    align-items: center;
    width: 100%;
}

.search__wrapper .search-btn {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: -40px;
    border: none;
    outline: 0;
    padding: 0;
    background: url("../../../../templates/default/images/contactus/contact-icon-search.svg") no-repeat;
    background-size: cover;

}

.search__options, .search__options-item--no-match {
    background: var(--color-grey--310);
    border-radius: 10px;
}

.search__options-wrapper, .search__options-item--no-match {
    padding: 46px 13px 21px;
}

.search__options-item, .search__options-item--no-match {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--color-basic-black);
    padding-left: 21px;
}

.search__options-item:before {
    font-size: 32px;
    top: -1px;
    color: var(--color-basic-black);
}

.search__block-btn-icon {
    margin-right: 9px;
}

.search__block-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    padding: 16px 26px;
    line-height: 100%;
    color: var(--color-basic-black);
    background: linear-gradient(98.96deg, var(--color-yellow--280) 6.81%, var(--color-darkyellow--230) 93.19%);
    border: 1px solid var(--color-black--200);
    box-sizing: border-box;
    border-radius: 5px;
    height: 52px;
}

.lang_de .search__block-btn {
    font-size: 14px;
}

.answer-list__wrapper {
    background: var(--color-grey--300);
    box-shadow: 0px 4px 4px var(--rgba-black-25);
    border-radius: 10px;
    padding: 15px 33px 18px;
}

.answer-list__item {
    text-align: left;
    align-items: center;
    color: var(--color-basic-black);
}

.answer-list__item-question, .contact-reason {
    margin-left: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
    color: var(--color-basic-black);
}

.contact-reason {
    border: 2px solid red;
    padding: 5px;
}

.answer-list__item-answer {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-basic-black);
}

.message-form__btns .message-form__submit-btn {
    display: none;
    margin-bottom: 0;
}

.contact-us__bottom {
    max-width: 230px;
    margin-top: 60px;
    margin-left: 24px;
}

[data-page-name="contact"] .contact-us__bottom .livechat_button a {
    margin-top: 0;
    display: none;
}

.contact-us__bottom .contact-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-basic-black);
    text-transform: uppercase;
}

.contact-us__bottom .contact-info__item {
    margin: 17px 0 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-basic-black);
    word-break: break-all;
}

.content-list__btn {
    display: none;
}

.contact-us__bottom .contact-info__item a {
    color: var(--color-basic-black);
    text-decoration: none;
    word-break: break-all;
}

.contact-us__bottom .contact-info__item-icon {
    margin-right: 6px;
}

.contact-us__bottom .contact-info--main-address-text {
    margin: 0;
    word-break: normal;
}

.contact-us__bottom .contact-info--address {
    margin: 17px 0 0 19px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-basic-black);
}

.contact-us__email {
    max-width: 596px;
    width: 100%;
    margin: 0 auto;
}

.contact-us__email .contact__massage-form-input {
    background: var(--color-grey--300);
    border: 1px solid var(--color-grey--320);
    box-sizing: border-box;
    box-shadow: 0px 4px 4px var(--rgba-black-25);
    border-radius: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    color: var(--color-basic-black);
    margin-bottom: 20px;
}

.contact-us__email .tooltip-red, .contact-us__email .tooltip-green {
    top: 116%;
}

.contact-us__email .contact__message-textarea::placeholder,
.contact-us__email .contact__message-textarea::-moz-placeholder {
    color: transparent;
}

.contact-us__email .contact__message-textarea.active::placeholder,
.contact-us__email .contact__message-textarea.active::-moz-placeholder {
    color: var(--color-basic-black);
}

.contact-us__email .contact__message-textarea {
    background: var(--color-grey--300);
    color: transparent;
    border: 1px solid var(--color-grey--320);
}

.contact-us__email .contact__message-textarea.active {
    background: var(--color-grey--300);
    color: var(--color-basic-black);
}

.message-form .field--light-status {
    margin-bottom: 14px;
}

.form-select-category {
    position: relative;
}

.form-select-category .message-form__select-category {
    display: none;
}

.select-selected {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-basic-black);
    background: var(--color-grey--300);
    border: 1px solid var(--color-grey--320);
    box-shadow: 0px 4px 4px var(--rgba-black-25);
}

.select-selected:before {
    position: absolute;
    content: " \B7 ";
    top: 13px;
    left: 15px;
    color: var(--color-basic-black);
    font-size: 32px;
    transition: 0.3s ease;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("../../../../templates/default/images/contactus/contact-icon-arrow.svg") no-repeat center;
    transition: 0.3s ease;
}

.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
}

.select-items div {
    position: relative;
    padding: 12px 0 12px 25px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    color: var(--color-basic-black);
}
.select-items div:before {
    position: absolute;
    content: " \B7 ";
    top: 11px;
    left: 5px;
    font-size: 32px;
    color: var(--color-basic-black);
    font-weight: normal;
}
.select-items div,.select-selected {
    cursor: pointer;
    user-select: none;
}

.select-items {
    background: var(--color-grey--300);
}

.select-hide {
    display: none;
}

.floating-open-support {
    background-image: url(../../../../templates/default/images/question-mark.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    box-shadow: 0 0 0 1px var(--color-yellow--220), 0 0 0 2px var(--color-yellow--230);
    background-color: var(--color-basic-black);
    width: 70px;
    height: 70px;
    bottom: 40px;
    left: calc(100vw - 114.5px);
}

.firefox .floating-open-support,
.apple .floating-open-support{
    left: calc(100vw - 100px);
}

.btn-live-chat {
    text-decoration: none;
}

/*  CONTACT PAGE END */
 .phone .phone-edit-wrp > input {
     width:140px;
 }
 @media screen and (min-width: 1098px) and (max-width: 1118px){
   [lang="it"] .phone .enter-code{
       min-height: 117px;
   }
 }
@media screen and (min-width: 893px) and (max-width: 1097px){
    [lang="it"] .phone .enter-code{
        min-height: 137px;
    }
}

@media screen and (max-width:423px) {
    [lang="de"] .email .user-contact-value {
        flex-basis: 67%;
    }
}
/*  PROGRESS BAR START */
.progress-bar__wrapper {
    border-bottom: 2px solid var(--color-grey--130);
    padding-bottom: 31px;
}

.progress-bar__body {
    border: 1px solid var(--color-grey--330);
    background: var(--color-grey--340);
    border-radius: 3px;
    height: 40px;
}

.progress-bar__title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: var(--color-darkyellow--240);
}

.progress-bar--completed {
    background: linear-gradient(90deg, var(--color-yellow--290) 0%, var(--color-yellow--300) 100%);
    border-radius: 3px;
    margin: -3px 0 0 -2px;
    height: 44px;
}

.progress-bar--completed .progress-bar__item:not(:first-child) {
    border-left: 1px solid var(--color-darkyellow--250);
}

.progress-bar--noncompleted .progress-bar__item:not(:first-child) {
    border-left: 1px solid var(--color-grey--330);
}

.progress-bar__item-title, .progress-bar--tooltip-title {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--color-basic-black);
}

.progress-bar--completed .progress-bar__item-title {
    color: var(--color-basic-white);
}

.progress-bar--noncompleted {
    border-radius: 0 3px 3px 0;
}

.progress-bar--completed .progress-bar__item-img {
    filter: invert(100%);
}

.progress-bar--tooltip-title {
    text-transform: none;
    margin-bottom: 9px;
}

.progress-bar--tooltip {
    box-sizing: border-box;
    border-radius: 2px;
    padding-top: 24px;
}

.progress-bar--tooltip:before {
    position: absolute;
    content: "";
    top: 10px;
    left: calc(50% - 6px);
    width: 12px;
    height: 6px;
    background: url("../../../../templates/default/images/progress-bar/tooltip-down-arrow.svg") no-repeat center;
}

.progress-bar--tooltip-body {
    background: var(--color-grey--340);
    border: 1px solid var(--color-grey--330);
    box-sizing: border-box;
    border-radius: 2px;
    padding: 18px 17px 17px;
}

.progress-bar--tooltip-doc {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    color: var(--color-basic-black);
}
/*  PROGRESS BAR END */

/* ========== LIMITS BLOCK START ============*/

.limit-control__card-title {
    color: var(--color-basic-black);
    background: var(--color-grey--180);
}

.limit-control .field__input {
    background: var(--color-basic-white);
    color: var(--color-blue--110);
    font-weight: 400;
    height: 41px;
    font-size: 14px;
    border-radius: 3px;
}

.limit-control .field__input:focus {
    background: var(--color-grey--180);
    box-shadow: none;
}

.limit-control .field__label {
    color: var(--color-basic-black);
    padding: 0;
}

.limit-control .field__input:focus+.limit-control__field-wrap .field__label {
    color: var(--color-pink--100);
}

.limit-control .field__input:focus+.limit-control__field-wrap .limit-control__card-icon-edit {
    filter: invert(27%) sepia(86%) saturate(3143%) hue-rotate(329deg) brightness(88%) contrast(97%);
}

.limit-control__card {
    border: 1px solid var(--color-grey--160);
    box-shadow: unset;
}

.limit-control__card-deposit {
    filter: none;
}

.limit-control__card-bets {
    filter: none;
}

.limit-control__card-icon-edit {
    filter: invert(99%) sepia(8%) saturate(2%) hue-rotate(321deg) brightness(109%) contrast(100%);
}

.limit-control__card-block-user {
    filter: none;
}

.limit-control .first_button {
    box-shadow: 0 0 0 1px var(--color-yellow--120);
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
    border: 1px solid var(--color-black--200);
    border-radius: 3px;
    color: var(--color-basic-black);
    font-weight: bold;
    width: 162px;
    height: 41px;
    font-size: 18px;
}

#limit-block-control-form {
    margin-top: 20px;
}

.limit-control__btns-wrp {
    position: relative;
}

.limit-control__field-check-box.field.limit-control__field {
    margin-left: 20px;
}

.limit-control__field .status-checkbox:checked + label::before {
    top: 0;
}

.suspend-time__form.card.limit-control__card {
    justify-content: flex-start;
    align-items: center;
}

.suspend-time__form .field.limit-control__field:nth-child(2) {
    margin-left: 20px;
}

.suspend-time__container {
    margin-top: 20px;
}

.suspend-popup__text {
    margin: 10px;
}

.suspend-time__container .limit-control__desc {
    margin-bottom: 13px;
}

.suspend-time__time-field-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.suspend-time__option-container {
    /*margin-left: 20px;*/
}

.suspend-time__time-field-container input {
    /*width: 50px;*/
}

/*  ========== LIMITS BLOCK END ============ */

@media screen and (min-width: 1245px) and (max-width: 1266px){
    [lang="no"] .phone .enter-code{
        min-height: 117px;
    }
}

@media screen and (min-width: 1070px) and (max-width: 1277px){
    [lang="sv"] .phone .enter-code{
        min-height: 117px;
    }
}
@media screen and (min-width: 1132px) and (max-width: 1279px){
    [lang="es"] .phone .enter-code{
        min-height: 117px;
    }
}
@media screen and (min-width: 1062px) and (max-width: 1075px){
    [lang="en"] .email .enter-code{
        min-height: 117px;
    }
}

/* NEW WITHDRAWAL BLOCK START */
.withdrawal__block {
    padding-bottom: 25px;
}

.withdrawal__steps {
    max-width: 1290px;
    margin: 50px auto 0;
    padding: 52px 20px 46px;
    background: var(--color-basic-white);
    border: 1px solid var(--color-grey--400);
    border-radius: 5px;
}

.withdrawal__block-item {
    max-width: 180px;
}

.withdrawal__block-line {
    top: 50px;
    left: 138px;
    width: 67px;
    height: 2px;
    background: linear-gradient(270deg, var(--color-grey--180) 0%, var(--color-grey--350) 25.6%, var(--color-grey--350) 72.48%, var(--color-grey--180) 98.48%);
}

.withdrawal__item-icon {
    width: 105px;
    height: 105px;
    background: var(--color-grey--350);
    margin: 0 auto;
}

.withdrawal__item-icon:before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: "";
    border: 1px solid var(--color-grey--360);
    width: 99px;
    height: 99px;
    border-radius: 50%;
    z-index: 1;
}

.withdrawal__block-item .withdrawal__item-icon--success,
.withdrawal__block-item.verified .withdrawal__item-icon--default,
.withdrawal__block-item.unapproved .withdrawal__item-icon--default{
    display: none;
}

.withdrawal__block-item.verified .withdrawal__item-icon:before,
.withdrawal__block-item.unapproved .withdrawal__item-icon:before {
    border: 1px solid var(--color-darkyellow--230);
}

.withdrawal__block-item.verified .withdrawal__item-icon--success,
.withdrawal__block-item.unapproved .withdrawal__item-icon--success {
    display: block;
}

.withdrawal__block-item.verified .withdrawal__item-icon,
.withdrawal__block-item.unapproved .withdrawal__item-icon {
    background: linear-gradient(188.96deg, var(--color-yellow--280) 6.81%, var(--color-darkyellow--230) 93.19%);
}

.withdrawal__item-status {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--color-green--140);
    border: 2px solid var(--color-basic-white);
}

.withdrawal__item-status img {
    width: 14px;
    height: 10px;
}

.withdrawal__block-item.unapproved .withdrawal__item-status--wait {
    display: flex;
    background: var(--color-darkgrey--170);
}

.withdrawal__block-item.unapproved .withdrawal__item-status--wait img {
    width: 6px;
    height: 12px;
}

.withdrawal__item-text {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-basic-black);
    margin: 30px auto 0;
}

.withdrawal__block-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 216px;
    height: 51px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-darkgrey--230);
    margin: 35px auto 0;
    background: var(--color-grey--260);
    border: 1px solid var(--color-darkgrey--230);
    text-transform: uppercase;
    border-radius: 5px;
}

.withdrawal__block-btn img {
    filter: invert(69%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(97%) contrast(90%);
}

.withdrawal__block-btn.verified {
    color: var(--color-basic-black);
    border: 1px solid var(--color-basic-black);
    box-shadow: 0 0 0 1px var(--color-orange--120);
    background: -o-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: -moz-linear-gradient(right, var(--color-yellow--150), var(--color-darkyellow--100));
    background: linear-gradient(to right, var(--color-yellow--150), var(--color-darkyellow--100));
}

.withdrawal__block-btn.verified img {
    filter: none;
}

.withdrawal__block-btn.verified:hover {
    color: var(--color-brown--100);
}

.withdrawal__block-btn span {
    margin-left: 12px;
}
.withdrawal__name-table-transaction .withdrawal__name-table-title {
    border-top-right-radius: unset;
}
.withdrawal__name-table-number .withdrawal__name-table-title {
    border-top-left-radius: unset;
}
.withdrawal__name-table.withdrawal__name-table-title {
    background-color: var(--color-grey--170);
    color: var(--color-basic-black);
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-transform: unset;
    height: 28px;
}

/* NEW WITHDRAWAL BLOCK END */
/* PLAY MOBILE START */
.play-mobile-title{
    margin-bottom: 50px;
}

.play-mobile-tagline-text{
    display: block;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 7px 0;
}

.play-mobile-wrapper{
    display: flex;
}

.play-mobile-content{
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    flex-basis: 60%;
    padding-right: 20px;
}

.play-mobile-content__text{
    margin: 0;
}

.play-mobile-content__text-1,
.play-mobile-content__text-2{
    margin-bottom: 34px;
}

.play-mobile-image{
    flex-basis: 40%;
    height: 280px;
    background-color: transparent;
    background-image: url(../../../../templates/default/images/qr-codes/qrcode.png);
    background-size: auto 275px;
    background-position: bottom center;
    background-repeat: no-repeat;
}
/* PLAY MOBILE END */

.bonuses-closed #promo .promo:nth-last-child(2){
    border-left: 1px solid var(--color-darkyellow--170);
}
.bonuses-closed #promo .promo{
    border-right: 1px solid var(--color-darkyellow--170);
}

#profile__filed_birthday,
#field--reg_birthday,
#field--reg_short-form-birthday,
#kyc-field--reg_short-form-birthday,
#deposit-field--reg_short-form-birthday {
    position: relative;
}

.history-filter .history__field {
    width: 300px;
    position: relative;
    margin-bottom: 0;
}

.history-filter .field__input {
    font-family: "Roboto", sans-serif;
    border-radius: 10px;
    font-size: 15px;
    padding: 0 0 0 15px;
}

.history-filter .field__wrp-input.open .field__input,
.history-filter .history__field.open .field__input {
    border: 2px solid var(--color-yellow--320);
    padding: 0 0 0 14px;
    background-position: calc(100% - 11px) center;
}

.history-filter .field__label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

#history-presets-wrapper {
    position: relative;
}

#history-presets-wrapper > span {
    position: absolute;
    width: 24px;
    height: 41px;
    bottom: 0;
    right: 7px;
    background-image: url("../../../../templates/default/images/arrow.svg");
    background-position: center;
    background-size: 14px;
}

#history-presets {
    padding: 0 0 0 15px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.field__wrp-input.open #history-presets {
    padding: 0 0 0 14px;
}

#history-presets-wrapper.open  span {
    transform: rotateZ(180deg);
}

#history-daterangepicker-wrapper > span,
#field--reg_birthday .field__wrp-input > span {
    display: block;
    position: absolute;
    top: 0;
    right: 5px;
    width: 28px;
    height: 41px;
    background-image: url("../../../../templates/default/images/datepicker-icon.svg");
    background-position: center;
    background-size: 16px;
    cursor: pointer;
}

#history-daterangepicker-wrapper.open > span,
#field--reg_birthday .field__wrp-input.open > span {
    background-image: url("../../../../templates/default/images/times.svg");
    background-position: center;
    background-size: 14px;
}

/* Datepicker: start */

#history-presets option {
    display: none;
}

.history__field_daterangepicker > .daterangepicker {
    width: 536px;
    left: 50% !important;
    transform: translateX(-50%);
}

.history__field_daterangepicker > .daterangepicker .ranges,
.field--reg .daterangepicker .ranges,
.profile__filed .daterangepicker .ranges {
    display: none;
}

.daterangepicker {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    border: 0;
    box-shadow: 0 6px 10px var(--rgba-black-15);
    border-radius: 10px;
    margin-top: 5px;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 2006;
}

.field--reg .daterangepicker,
.profile__filed .daterangepicker {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    border-right: 5px;
}

.popup-registration .daterangepicker {
    width: 300px;
}

.popup-registration .daterangepicker .calendar-table th, .popup-registration .daterangepicker .calendar-table td {
    min-width: 39.8px;
}

.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    position: relative;
    padding: 10px;
}

.daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0;
}

.history__field_daterangepicker .daterangepicker .drp-calendar.left::before {
    content: "";
    display: block;
    position: absolute;
    top: 52px;
    right: 0;
    width: 1px;
    height: 197px;
    background-color: #7D7D7B;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-size: 13px;
    font-weight: 400;
    width: 35px;
    height: 28px;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.daterangepicker th.month {
    padding: 0;
}

.daterangepicker .SumoSelect {
    width: auto;
}

.field--reg .daterangepicker .SumoSelect:first-of-type,
.profile__filed .daterangepicker .SumoSelect:first-of-type {
    width: 65%;
    margin-right: 10px;
}

.field--reg .daterangepicker .SumoSelect:last-of-type,
.profile__filed .daterangepicker .SumoSelect:last-of-type {
    width: 30%;
}

.daterangepicker .SumoSelect>.CaptionCont>span {
    padding-right: 20px;
}

.daterangepicker .SumoSelect>.CaptionCont>label {
    width: 30px;
}

.daterangepicker .SumoSelect>.CaptionCont>label>i {
    width: 10px;
    height: 10px;
    background-image: url("../../../../templates/default/images/arrow.svg");
    background-size: 10px;
    opacity: 1;
}

.daterangepicker .SumoSelect.open>.optWrapper {
    width: 120px;
    max-height: 210px;
    height: fit-content;
    top: 35px;
    box-shadow: 0 6px 10px var(--rgba-black-15);
    border: 0;
}

.daterangepicker .SumoSelect.open>.optWrapper::before,
.daterangepicker .SumoSelect.open>.optWrapper::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
}

.daterangepicker .SumoSelect.open>.optWrapper::before {
    top: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.daterangepicker .SumoSelect.open>.optWrapper::after {
    bottom: 0;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.daterangepicker .SumoSelect>.optWrapper>.options::-webkit-scrollbar-track {
    background-color: #F6F5EF;
}

.daterangepicker .SumoSelect.open .yearselect ~ .optWrapper {
    width: 70px;
}

.field--reg .daterangepicker .SumoSelect.open .optWrapper,
.profile__filed .daterangepicker .SumoSelect.open .optWrapper {
    width: 100%;
}

.daterangepicker .SumoSelect>.optWrapper>.options {
    margin: 0 5px 0 0;
}

.daterangepicker .without-scroll ~ .optWrapper>.options {
    margin: 0;
}

.daterangepicker .SumoSelect>.optWrapper>.options li.opt {
    margin-right: 5px;
}

.daterangepicker .without-scroll ~ .optWrapper>.options li.opt {
    margin: 0;
}

.daterangepicker .SumoSelect>.optWrapper>.options li.opt:before {
    border: 0;
}

.daterangepicker .SumoSelect>.optWrapper>.options li.opt.selected {
    background-color: #F6F5EF;
}

.daterangepicker .SumoSelect>.optWrapper>.options li.opt.selected label{
    font-weight: 700;
}

.daterangepicker .monthselect.SlectBox,
.daterangepicker .yearselect.SlectBox {
    width: 120px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: var(--color-basic-black);
    background-color: var(--color-basic-white);
    border: 1px solid var(--color-darkgrey--110);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    margin: 0 10px 10px 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.daterangepicker .yearselect.SlectBox {
    width: 70px;
    margin: 0 0 10px 0;
}

.field--reg .daterangepicker .SlectBox,
.profile__filed .daterangepicker .SlectBox {
    width: 100%;
}

.daterangepicker .calendar-table thead tr:last-of-type {
    color: #7D7D7B;
    background-color: var(--color-grey--290);
}

.daterangepicker .calendar-table thead tr:last-of-type th {
    border-radius: 0;
}

.daterangepicker .calendar-table thead tr:last-of-type th:first-of-type {
    border-radius: 5px 0 0 5px;
}

.daterangepicker .calendar-table thead tr:last-of-type th:last-of-type {
    border-radius: 0 5px 5px 0;
}

.daterangepicker th.available:hover {
    background-color: transparent;
}

.daterangepicker .calendar-table .prev span,
.daterangepicker .calendar-table .next span {
    all: unset;
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.daterangepicker .calendar-table .prev span {
    background-image: url("../../../../templates/default/images/datepicker-prev-arrow.svg"), linear-gradient(180deg, #EED065 0%, #C49333 100%);
    background-position: calc(50% - 1px) center, center;
}

.daterangepicker .calendar-table .prev span:hover {
    box-shadow: inset 0 3px 4px #695733;
}

.daterangepicker .calendar-table .next span {
    background-image: url("../../../../templates/default/images/datepicker-next-arrow.svg"), linear-gradient(180deg, #EED065 0%, #C49333 100%);
    background-position: calc(50% + 1px) center, center;
    margin-left: auto;
}

.daterangepicker .calendar-table .next span:hover {
    box-shadow: inset 0 3px 4px #695733;
}

.daterangepicker .calendar-table .next.disabled {
    pointer-events: none;
}

.daterangepicker .calendar-table .next.disabled span {
    background-color: var(--color-grey--290);
    background-image: url("../../../../templates/default/images/datepicker-next-arrow-disabled.svg");
    box-shadow: none;
    border: 0;
}

.daterangepicker td.active.start-date:not(.off),
.daterangepicker td.active.end-date:not(.off) {
    color: var(--color-basic-black);
    font-weight: 700;
    background: linear-gradient(180deg, #EED065 0%, #C49333 100%);
}

.daterangepicker td.available:not(.active):not(.off):hover {
    font-weight: 700;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px var(--color-yellow--320);
}

.daterangepicker td.available.in-range:not(.active):not(.off):hover {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #7D7D7B;
}

.daterangepicker td.available.off:hover,
.daterangepicker td.active.off:hover {
    background-color: unset;
    color: #80858C;
}

.daterangepicker td.in-range {
    background-color: #F6F5EF;
}

.history__field_daterangepicker .daterangepicker.show-calendar .drp-buttons {
    display: flex;
    justify-content: flex-end;
    border-top: none;
    padding: 0 10px 10px;
}

.daterangepicker .drp-buttons .cancelBtn {
    width: 30px;
    height: 30px;
    background-color: #FF4140;
    background-image: url("../../../../templates/default/images/trash-white.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.daterangepicker .drp-buttons .cancelBtn:hover {
    box-shadow: inset 0 3px 4px #642121;
}

.daterangepicker .drp-buttons .cancelBtn:disabled {
    background-color: var(--color-grey--290);
    background-image: url("../../../../templates/default/images/trash-dark-grey.svg");
    border: 0;
    pointer-events: none;
}

.daterangepicker .drp-buttons .applyBtn {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-basic-black);
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #EED065 0%, #C49333 100%);
    border-radius: 100px;
    box-sizing: border-box;
    padding: 7px 15px;
}

.daterangepicker .drp-buttons .applyBtn:hover {
    box-shadow: inset 0 3px 4px #695733;
}

.daterangepicker .drp-buttons .applyBtn:disabled {
    color: #7D7D7B;
    text-shadow: none;
    background: var(--color-grey--290);
    box-shadow: none;
    pointer-events: none;
}

.daterangepicker .drp-selected {
    display: none;
}

.daterangepicker.show-ranges {
    width: 100%;
}

.daterangepicker.show-ranges .ranges {
    width: 100%;
}

.daterangepicker.show-ranges .ranges ul {
    width: 100%;
}

.daterangepicker:after,
.daterangepicker:before {
    display: none;
}

.daterangepicker .ranges li {
    font-size: 15px;
    line-height: normal;
    height: 34px;
    box-sizing: border-box;
}

.daterangepicker .ranges li:not(:last-of-type) {
    border-bottom: 1px solid #F6F5EF;
}

.daterangepicker.show-ranges .ranges li.active {
    background: #F6F5EF;
    color: var(--color-basic-black);
    font-weight: 700;
}

.daterangepicker .ranges li:hover {
    background-color: rgba(246, 245, 239, .5);
}

/* Datepicker: end */

/* Popup phone verification: begin*/
#popup-phone-verification{
    background-color: var(--color-grey--290);
}

.phone-verification__close-btn {
    background-image: url(../../../../templates/default/images/phone_verification/icon-close.svg), linear-gradient(0deg, #B59231 0%, #EBC44A 48.44%, #F6E49F 100%);
    background-size: 14px, cover;
    background-position: center;
    border-radius: 50%;
}

@media(min-width:1279px){
    .phone-verification__close-btn:hover {
        background-image: url(../../../../templates/default/images/phone_verification/icon-close.svg), linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
        box-shadow: inset 0 3px 4px #695733;
    }

    .user-new-flow-contact-content .send-code-btn:hover,
    .user-new-flow-contact-content .first_button:hover{
        background: linear-gradient(180deg, #E5C75C 0%, #C39232 100%);
        box-shadow: inset 0 3px 4px #695733;
        color: var(--color-basic-black);
    }
}

.phone-verification__text{
    color: var(--color-darkgrey--320);
}

.phone-verification-general__field {
    background-color: var(--color-grey--450);
}

.phone-verification-general__edit-btn {
    background-image: url(../../../../templates/default/images/phone_verification/edit.svg);
    background-size: 14px;
    background-color: var(--color-basic-white);
    background-position: center top 3px;
    width: 25px;
    height: 25px;
    border: 1px solid var(--color-basic-black);
    box-shadow:0 0 0 2px #ffffff;
}

.phone-verification-general__edit-btn.disabled-edit{
    background-image: url(../../../../templates/default/images/phone_verification/edit_disabled.svg);
    background-color: var(--color-grey--290);
    width: 28px;
    height: 28px;
    border: none;
    box-shadow: none;
    background-position: center top 6px;
}

.user-new-flow-contact-content .send-code-btn{
    background-image: linear-gradient(0deg, #B59231 0%, #EBC44A 48.44%, #F6E49F 100%);
    border: none;
    color: var(--color-basic-black);
    position: relative;
    box-shadow: none;
}

.change-number-fake-input-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    border-radius: 5px;
    border: 1px solid var(--color-grey--460);
    z-index: 1;
}

.change-number__flag-box {
    background-color: var(--color-grey--130);
}

.change-number__select-flag-icon {
    background-image: url(../../../../templates/default/images/flags/32/ba.png);
}

.phone-verification-change-number__back-button::before {
    background-color: rgba(0, 0, 0, 0.3);
}

.phone-verification__support-box{
    background-color:var(--color-grey--130);
}

.support-box__text{
    color: var(--color-basic-black);
}

.phone-verification__link{
    color: var(--color-yellow--330);
}

.send-code__input{
    background-color: var(--color-basic-white);
    border: 1px solid var(--color-grey--460);
}

.phone-verification__link::before {
    background-color: rgba(193, 157, 1, 0.3);
}

.phone-verification-send-code__blocker-message-box {
    background-color: var(--color-lightred-200);
}

.phone-verification-verified__icon-box{
    background-image: url(../../../../templates/default/images/phone_verification/shield_check.svg);
}

.try-later__text-come-back{
    color: var(--color-yellow--330);
    font-weight: 700;
}
.tooltip-disabled{
    background-color:var(--color-grey--290);
    box-shadow: inset 0 0 0 1px #DDDDDD,
    1px 2px 5px rgb(0, 0, 0, 30%);
}
/* Status Page*/

.disabled-edit .new-flow-edit-phone-icon{
    background-image: url(../../../../templates/default/images/phone_verification/edit_disabled.svg);
    filter: none;
}
.disabled-edit .user-new-flow-contact-edit-text{
    color: var(--color-darkgrey--250);
}
.disabled-edit .user-new-flow-contact-edit-text::before{
    color: rgba(176, 176, 173, 0.3);
}

.user-new-flow-contact-content .enter-code{
    background-color: var(--color-grey--290);
    box-shadow: 0 6px 10px 0 var(--rgba-black-50);
}
.change-number__send-button.wait::after,
.popup-verification-send-code__button-submit.wait::after{
    filter: invert(78%) sepia(8%) saturate(66%) hue-rotate(21deg) brightness(89%) contrast(90%);
}
/* Popup phone verification: end*/